.workflow-board{margin-bottom:22px;padding:26px 28px;overflow:hidden;background:linear-gradient(135deg,#fff 0%,#fbfcf8 100%)}
.metric-icon.new{background:#fff0a9;color:#806100}.metric-icon.review{background:#ffe1df;color:#ad3833}.metric-icon.solved{background:#daf3e3;color:#246c41}
.metric-grid article:nth-child(1){border-top:3px solid #e3bd24}.metric-grid article:nth-child(2){border-top:3px solid #d95049}.metric-grid article:nth-child(3){border-top:3px solid #41995d}
.workflow-heading{display:flex;align-items:flex-end;justify-content:space-between;gap:24px;margin-bottom:22px}.workflow-heading h3{margin:5px 0 0;font-family:var(--display);font-size:20px;letter-spacing:-.03em}.workflow-heading p{margin:0;color:#77817b;font-size:13px}
.workflow-overview{display:grid;grid-template-columns:1fr 34px 1fr 34px 1fr;align-items:stretch}.workflow-arrow{display:grid;place-items:center;color:#b8c0ba;font-size:20px}
.workflow-card{position:relative;display:grid;grid-template-columns:42px 1fr auto;align-items:center;gap:13px;min-height:84px;padding:18px 18px;border:1px solid transparent;border-radius:15px;overflow:hidden}.workflow-card>i{grid-row:1;grid-column:1;display:grid;place-items:center;width:40px;height:40px;border-radius:12px;font-style:normal;font-weight:800}.workflow-card>div{grid-column:2}.workflow-card strong,.workflow-card small{display:block}.workflow-card strong{margin-bottom:4px;font-size:14px}.workflow-card small{color:#6e756f;font-size:11px;line-height:1.45}.workflow-card>b{grid-column:3;font-family:var(--display);font-size:28px;letter-spacing:-.05em}.workflow-number{position:absolute;right:9px;top:2px;font-family:var(--display);font-size:46px;font-weight:800;opacity:.05}
.workflow-received{background:#fff9dc;border-color:#f3df88}.workflow-received>i{background:#f8dc67;color:#755a00}.workflow-received>b{color:#9a7600}
.workflow-replied{background:#fff0ef;border-color:#f2c2be}.workflow-replied>i{background:#e9675f;color:#fff}.workflow-replied>b{color:#b9453f}
.workflow-closed{background:#eaf8ee;border-color:#bfe3ca}.workflow-closed>i{background:#4da96a;color:#fff}.workflow-closed>b{color:#2e7c49}
.status-pill.status-new{background:#fff0a9;color:#806100;border:1px solid #efd46a}.status-pill.status-reviewing{background:#ffe1df;color:#ad3833;border:1px solid #f2bbb7}.status-pill.status-resolved{background:#daf3e3;color:#246c41;border:1px solid #add8bc}
.status-tabs button{display:inline-flex;align-items:center;gap:7px}.status-dot{width:7px;height:7px;border-radius:50%}.status-dot.received{background:#d4aa08}.status-dot.replied{background:#d95049}.status-dot.closed{background:#41995d}
.case-workflow{display:grid;grid-template-columns:repeat(3,1fr);position:relative;margin:0 0 25px;padding:18px 8px;border:1px solid #e5eae6;border-radius:14px;background:#fafbf9}.case-workflow:before{content:"";position:absolute;left:17%;right:17%;top:37px;height:2px;background:#dfe5df}.case-stage{position:relative;z-index:1;text-align:center;color:#9da59f}.case-stage i{display:grid;place-items:center;width:38px;height:38px;margin:0 auto 8px;border:4px solid #fafbf9;border-radius:50%;background:#dfe5df;color:#778079;font-style:normal;font-weight:800}.case-stage strong,.case-stage small{display:block}.case-stage strong{font-size:12px}.case-stage small{margin-top:3px;font-size:10px}.case-stage.done.received,.case-stage.current.received{color:#806100}.case-stage.done.received i,.case-stage.current.received i{background:#f2cc3e;color:#654c00}.case-stage.done.replied,.case-stage.current.replied{color:#a83732}.case-stage.done.replied i,.case-stage.current.replied i{background:#e05a53;color:#fff}.case-stage.done.closed,.case-stage.current.closed{color:#287144}.case-stage.done.closed i,.case-stage.current.closed i{background:#41995d;color:#fff}.case-stage.current i{box-shadow:0 0 0 4px rgba(9,47,49,.08)}
.permission-title{display:flex;align-items:center;justify-content:space-between;margin:4px 0 10px}.permission-title strong{font-size:13px}.permission-title small{color:#89918b}.permission-grid{display:grid;grid-template-columns:1fr 1fr;gap:8px;margin-bottom:14px}.permission-option{display:flex!important;flex-direction:row!important;align-items:flex-start;gap:9px;padding:10px;border:1px solid #e2e8e3;border-radius:10px;background:#f9fbf8}.permission-option input{width:auto!important;margin-top:3px}.permission-option span{font-size:12px;line-height:1.35}.permission-option small{display:block;margin-top:2px;color:#89918b;font-size:10px}#dialogFields .permission-option input{display:block;width:15px!important;height:15px;margin:2px 0 0;padding:0;accent-color:#174d46}
dialog{max-height:calc(100vh - 30px);overflow:auto}
.content-editor .content-wide{grid-column:1/-1}.content-fields{display:grid;grid-template-columns:repeat(2,1fr);gap:0 15px}.content-fields.three{grid-template-columns:repeat(3,1fr)}
.permission-count{display:inline-flex;align-items:center;gap:5px;color:#667069}.permission-count:before{content:"◆";color:#729276;font-size:8px}
.restricted-box{margin-top:18px;padding:15px;border:1px dashed #d9dfda;border-radius:12px;background:#fafbf9;color:#6e776f;font-size:12px;line-height:1.5}.danger-zone{display:flex;align-items:center;justify-content:space-between;gap:18px;margin-top:22px;padding:17px 18px;border:1px solid #efc7c4;border-radius:14px;background:#fff7f6}.danger-zone strong,.danger-zone small{display:block}.danger-zone strong{color:#9e3732;font-size:13px}.danger-zone small{margin-top:3px;color:#87716f;font-size:11px}.danger-btn{border:1px solid #dc7771;border-radius:999px;background:#fff;color:#ad3833;padding:10px 14px;font-weight:700;white-space:nowrap}.danger-btn:hover{background:#ad3833;color:#fff}
@media(max-width:980px){.workflow-overview{grid-template-columns:1fr}.workflow-arrow{height:26px;transform:rotate(90deg)}.workflow-heading{align-items:flex-start;flex-direction:column}.workflow-heading p{display:none}.content-fields.three{grid-template-columns:1fr 1fr}}
@media(max-width:620px){.workflow-board{padding:20px 16px}.permission-grid,.content-fields,.content-fields.three{grid-template-columns:1fr}.danger-zone{align-items:flex-start;flex-direction:column}.danger-btn{width:100%}}
.live-status{display:inline-flex;align-items:center;gap:7px;padding:7px 10px;border-radius:999px;background:#e7f3e9;color:#3d7051;font-size:10px;font-weight:700;white-space:nowrap}.live-status i{width:7px;height:7px;border-radius:50%;background:#48a667;box-shadow:0 0 0 4px rgba(72,166,103,.13)}.live-status.syncing i{animation:livePulse 1s infinite}.live-status.offline{background:#fff0e9;color:#a15335}.live-status.offline i{background:#d26a47;box-shadow:none}.report-grid{display:grid;grid-template-columns:1.2fr .8fr;gap:18px}.report-card{padding:27px}.report-card h3{font:800 22px Manrope;margin:9px 0 5px}.report-card>p{color:#758681;font-size:12px;line-height:1.6;margin:0 0 24px}.report-card>label:not(.report-toggle){display:block;font-size:11px;font-weight:700}.report-card>label input{display:block;margin-top:7px}.report-toggle{display:flex;align-items:center;gap:12px;margin:18px 0;padding:15px;border:1px solid #e1e8e2;border-radius:13px;cursor:pointer}.report-toggle>input{position:absolute;opacity:0}.report-toggle>span{width:40px;height:23px;border-radius:999px;background:#cbd5cf;padding:3px;transition:.2s}.report-toggle>span:after{content:"";display:block;width:17px;height:17px;border-radius:50%;background:#fff;transition:.2s}.report-toggle>input:checked+span{background:#4f786b}.report-toggle>input:checked+span:after{transform:translateX(17px)}.report-toggle strong,.report-toggle small{display:block}.report-toggle strong{font-size:11px}.report-toggle small{font-size:9px;color:#83918d;margin-top:3px}.report-last{display:block;color:#73847f;font-size:10px;margin:12px 0}.report-actions{display:flex;justify-content:flex-end;gap:8px;margin-top:18px}.report-downloads{display:flex;flex-direction:column}.report-download{display:flex;flex-direction:column;gap:4px;padding:16px;margin-top:10px;border:1px solid #dfe7e1;border-radius:13px;background:#f8faf7;transition:.2s}.report-download:hover{transform:translateY(-2px);border-color:#a8c1b2;background:#fff}.report-download span{font-size:9px;color:#7f8f8a;text-transform:uppercase;letter-spacing:.08em}.report-download strong{font-size:12px;color:#183f3b}@keyframes livePulse{50%{opacity:.35}}@media(max-width:950px){.report-grid{grid-template-columns:1fr}.live-status{display:none}}@media(max-width:620px){.report-actions{flex-direction:column}.report-actions button{width:100%}}