/* WOTTT 04.55.2 r2 — Operational Dashboard visual polish, presentation only.
   Frozen dashboard view/controller/models remain byte-identical to 04.55.2 r1.
   All counts, SLA classifications, source labels, drilldowns, scopes and actions are unchanged. */
.dashboard-shell{--db-ink:var(--ui-ink,#25344a);--db-border:color-mix(in srgb,var(--ui-line,#dbe4ed) 80%,#c6d4ec);--db-shadow:0 8px 26px rgba(39,71,119,.055)}
.dashboard-shell .db-scroll{
  background:radial-gradient(ellipse 88% 35% at 0% -6%,rgba(95,150,247,.075),transparent 78%),radial-gradient(ellipse 75% 40% at 100% 48%,rgba(156,116,222,.055),transparent 80%),var(--ui-bg,#f9fbff);
  padding:18px 24px 27px;
}
.dashboard-shell .professional-topbar{border-bottom-color:var(--db-border)}
.dashboard-shell .professional-topbar .topbar-title h2{font-size:19px;letter-spacing:-.4px}
.dashboard-shell .professional-topbar .topbar-title h2:before{background:linear-gradient(150deg,#4e8af8,#8b64dc);box-shadow:0 0 0 4px #628af41a}
.dashboard-shell .db-header-actions :is(select,button){border-radius:11px;border-color:var(--db-border);min-height:39px}
.dashboard-shell .db-header-actions button:hover{box-shadow:var(--db-shadow)}
.dashboard-shell .db-caption{margin:1px 0 14px;padding:7px 11px 7px 12px;border-left:3px solid #81a7ec;border-radius:0 8px 8px 0;background:color-mix(in srgb,var(--ui-surface,#fff) 74%,#e6efff);line-height:1.5;color:var(--ui-muted,#64748b)}
.dashboard-shell .db-kpis{gap:13px;margin-bottom:17px}
.dashboard-shell .db-card{transition:transform .16s ease,box-shadow .16s ease,border-color .16s ease}
.dashboard-shell .db-kpis>.db-card{
  --db-tone:#3d74dc;--db-tint:#eaf2ff;
  min-height:135px;padding:18px 17px 15px;border-radius:17px;
  background:linear-gradient(145deg,color-mix(in srgb,var(--ui-surface,#fff) 86%,var(--db-tint)),var(--ui-surface,#fff) 72%);
  border:1px solid color-mix(in srgb,var(--db-tone) 25%,var(--db-border));
  border-top:3px solid var(--db-tone);box-shadow:0 9px 23px rgba(34,66,115,.055);gap:8px;overflow:hidden;
}
.dashboard-shell .db-kpis>.db-card:nth-child(1){--db-tone:#3D74DC;--db-tint:#e8f1ff}
.dashboard-shell .db-kpis>.db-card:nth-child(2){--db-tone:#1591A3;--db-tint:#ddf5f6}
.dashboard-shell .db-kpis>.db-card:nth-child(3){--db-tone:#BA791E;--db-tint:#fff1d9}
.dashboard-shell .db-kpis>.db-card:nth-child(4){--db-tone:#25916C;--db-tint:#e2f8ec}
.dashboard-shell .db-kpis>.db-card:before{content:'';position:absolute;top:14px;right:14px;width:43px;height:43px;border-radius:14px;background-color:color-mix(in srgb,var(--db-tone) 11%,var(--ui-surface,#fff));background-repeat:no-repeat;background-size:23px;background-position:center;border:1px solid color-mix(in srgb,var(--db-tone) 18%,transparent);pointer-events:none}
.dashboard-shell .db-kpis>.db-card:nth-child(1):before{background-image:url("data:image/svg+xml,%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20viewBox%3D%220%200%2024%2024%22%20fill%3D%22none%22%20stroke%3D%22%233D74DC%22%20stroke-width%3D%221.9%22%20stroke-linecap%3D%22round%22%20stroke-linejoin%3D%22round%22%3E%3Cpath%20d%3D%22M16%2021v-2a4%204%200%200%200-4-4H6a4%204%200%200%200-4%204v2%22%2F%3E%3Ccircle%20cx%3D%229%22%20cy%3D%227%22%20r%3D%224%22%2F%3E%3Cpath%20d%3D%22M22%2021v-2a4%204%200%200%200-3-3.87M16%203.13a4%204%200%200%201%200%207.75%22%2F%3E%3C%2Fsvg%3E")}
.dashboard-shell .db-kpis>.db-card:nth-child(2):before{background-image:url("data:image/svg+xml,%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20viewBox%3D%220%200%2024%2024%22%20fill%3D%22none%22%20stroke%3D%22%231591A3%22%20stroke-width%3D%221.9%22%20stroke-linecap%3D%22round%22%20stroke-linejoin%3D%22round%22%3E%3Cpath%20d%3D%22M21%2011.5a8.38%208.38%200%200%201-.9%203.8%208.5%208.5%200%200%201-7.6%204.7%208.38%208.38%200%200%201-3.8-.9L3%2021l1.9-5.7a8.38%208.38%200%200%201-.9-3.8%208.5%208.5%200%200%201%204.7-7.6%208.38%208.38%200%200%201%203.8-.9H13a8.48%208.48%200%200%201%208%208z%22%2F%3E%3C%2Fsvg%3E")}
.dashboard-shell .db-kpis>.db-card:nth-child(3):before{background-image:url("data:image/svg+xml,%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20viewBox%3D%220%200%2024%2024%22%20fill%3D%22none%22%20stroke%3D%22%23BA791E%22%20stroke-width%3D%221.9%22%20stroke-linecap%3D%22round%22%20stroke-linejoin%3D%22round%22%3E%3Crect%20width%3D%2218%22%20height%3D%2218%22%20x%3D%223%22%20y%3D%224%22%20rx%3D%222%22%2F%3E%3Cpath%20d%3D%22M16%202v4M8%202v4M3%2010h18M8%2014h3M8%2018h3%22%2F%3E%3C%2Fsvg%3E")}
.dashboard-shell .db-kpis>.db-card:nth-child(4):before{background-image:url("data:image/svg+xml,%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20viewBox%3D%220%200%2024%2024%22%20fill%3D%22none%22%20stroke%3D%22%2325916C%22%20stroke-width%3D%221.9%22%20stroke-linecap%3D%22round%22%20stroke-linejoin%3D%22round%22%3E%3Ccircle%20cx%3D%2212%22%20cy%3D%228%22%20r%3D%226%22%2F%3E%3Cpath%20d%3D%22m8.21%2013.89-1%208.11L12%2019l4.79%203-1-8.12%22%2F%3E%3C%2Fsvg%3E")}
.dashboard-shell .db-kpis>.db-card>span{color:var(--db-ink);font-size:12px;font-weight:760;max-width:calc(100% - 56px);line-height:1.5}
.dashboard-shell .db-kpis>.db-card>strong{font-size:31px;color:var(--db-tone);line-height:1.12;font-weight:790;letter-spacing:-.05em}
.dashboard-shell .db-kpis>.db-card>small{font-size:11px;max-width:90%}
.dashboard-shell .db-kpis>.db-card>i{top:auto;bottom:12px;right:13px;color:var(--db-tone);opacity:.8;font-size:14px}
.dashboard-shell .db-card:hover:not(:disabled){transform:translateY(-2px);box-shadow:0 14px 30px rgba(34,66,115,.10)}
.dashboard-shell .db-card:focus-visible,.dashboard-shell :is(.db-risk-row,.db-channel,.db-source-row,.db-social-row,.db-sla-summary button,.db-table button):focus-visible{outline:3px solid #6f99ee;outline-offset:2px}
.dashboard-shell .db-grid{gap:16px;margin-bottom:16px}
.dashboard-shell .db-panel{padding:17px 17px 15px;border-radius:17px;border-color:var(--db-border);box-shadow:var(--db-shadow);background:var(--ui-surface,#fff)}
.dashboard-shell .db-panel-head{margin-bottom:15px}
.dashboard-shell .db-panel-head h3{display:flex;align-items:center;gap:10px;font-size:15px;font-weight:770;color:var(--db-ink);margin-bottom:5px;line-height:1.45}
.dashboard-shell .db-panel-head h3:before{content:'';flex:none;width:34px;height:34px;border-radius:11px;background-color:#edf0ff;background-repeat:no-repeat;background-position:center;background-size:19px;border:1px solid #8d82d126}
.dashboard-shell .db-grid-wide>.db-panel:first-child .db-panel-head h3:before{background-image:url("data:image/svg+xml,%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20viewBox%3D%220%200%2024%2024%22%20fill%3D%22none%22%20stroke%3D%22%236E62D1%22%20stroke-width%3D%221.9%22%20stroke-linecap%3D%22round%22%20stroke-linejoin%3D%22round%22%3E%3Cpath%20d%3D%22M18%208a6%206%200%200%200-12%200c0%207-3%207-3%209h18c0-2-3-2-3-9M10%2021h4%22%2F%3E%3C%2Fsvg%3E")}
.dashboard-shell .db-grid-wide>.db-panel:last-child .db-panel-head h3:before{background-image:url("data:image/svg+xml,%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20viewBox%3D%220%200%2024%2024%22%20fill%3D%22none%22%20stroke%3D%22%23B64A51%22%20stroke-width%3D%221.9%22%20stroke-linecap%3D%22round%22%20stroke-linejoin%3D%22round%22%3E%3Cpath%20d%3D%22M12%2022s8-4%208-10V5l-8-3-8%203v7c0%206%208%2010%208%2010z%22%2F%3E%3Cpath%20d%3D%22m9%2012%202%202%204-4%22%2F%3E%3C%2Fsvg%3E");background-color:#fff0ed}
.dashboard-shell .db-scroll>.db-grid:not(.db-grid-wide):nth-of-type(3)>.db-panel:first-child .db-panel-head h3:before{background-image:url("data:image/svg+xml,%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20viewBox%3D%220%200%2024%2024%22%20fill%3D%22none%22%20stroke%3D%22%239166CA%22%20stroke-width%3D%221.9%22%20stroke-linecap%3D%22round%22%20stroke-linejoin%3D%22round%22%3E%3Cpath%20d%3D%22M21.21%2015.89A10%2010%200%201%201%208.11%202.79%22%2F%3E%3Cpath%20d%3D%22M22%2012A10%2010%200%200%200%2012%202v10z%22%2F%3E%3C%2Fsvg%3E");background-color:#f2eafd}
.dashboard-shell .db-scroll>.db-grid:not(.db-grid-wide):nth-of-type(3)>.db-panel:last-child .db-panel-head h3:before{background-image:url("data:image/svg+xml,%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20viewBox%3D%220%200%2024%2024%22%20fill%3D%22none%22%20stroke%3D%22%233D74DC%22%20stroke-width%3D%221.9%22%20stroke-linecap%3D%22round%22%20stroke-linejoin%3D%22round%22%3E%3Cpath%20d%3D%22M16%2021v-2a4%204%200%200%200-4-4H6a4%204%200%200%200-4%204v2%22%2F%3E%3Ccircle%20cx%3D%229%22%20cy%3D%227%22%20r%3D%224%22%2F%3E%3Cpath%20d%3D%22M22%2021v-2a4%204%200%200%200-3-3.87M16%203.13a4%204%200%200%201%200%207.75%22%2F%3E%3C%2Fsvg%3E");background-color:#eaf3ff}
.dashboard-shell .db-scroll>.db-grid:not(.db-grid-wide):nth-of-type(4)>.db-panel:first-child .db-panel-head h3:before{background-image:url("data:image/svg+xml,%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20viewBox%3D%220%200%2024%2024%22%20fill%3D%22none%22%20stroke%3D%22%23318C79%22%20stroke-width%3D%221.9%22%20stroke-linecap%3D%22round%22%20stroke-linejoin%3D%22round%22%3E%3Cpath%20d%3D%22M22%2012h-4l-3%209L9%203l-3%209H2%22%2F%3E%3C%2Fsvg%3E");background-color:#e5f5ee}
.dashboard-shell .db-scroll>.db-grid:not(.db-grid-wide):nth-of-type(4)>.db-panel:last-child .db-panel-head h3:before{background-image:url("data:image/svg+xml,%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20viewBox%3D%220%200%2024%2024%22%20fill%3D%22none%22%20stroke%3D%22%23CB609C%22%20stroke-width%3D%221.9%22%20stroke-linecap%3D%22round%22%20stroke-linejoin%3D%22round%22%3E%3Cpath%20d%3D%22m12%203%201.9%206.1L20%2011l-6.1%201.9L12%2019l-1.9-6.1L4%2011l6.1-1.9L12%203zM19%2019l1%202%202%201-2%201-1%202-1-2-2-1%202-1%201-2z%22%2F%3E%3C%2Fsvg%3E");background-color:#fff0f8}
.dashboard-shell .db-panel-head p{margin-left:44px;max-width:88%;line-height:1.5}
.dashboard-shell .db-attention-grid{gap:10px}
.dashboard-shell .db-attention-grid .db-card{
  --db-tone:#6279b9;--db-tint:#eef3fc;
  min-height:103px;border-radius:12px;padding:13px 13px 11px 16px;
  border-color:color-mix(in srgb,var(--db-tone) 20%,var(--db-border));
  border-left:3px solid var(--db-tone);
  background:linear-gradient(112deg,color-mix(in srgb,var(--ui-surface,#fff) 81%,var(--db-tint)),var(--ui-surface,#fff) 84%);gap:5px;
}
.dashboard-shell .db-attention-grid .db-card[data-value=first_response]{--db-tone:#597ad0;--db-tint:#e8efff}
.dashboard-shell .db-attention-grid .db-card[data-value=warning]{--db-tone:#bd891d;--db-tint:#fff3d7}
.dashboard-shell .db-attention-grid .db-card[data-value=critical]{--db-tone:#d46d2c;--db-tint:#fff0dd}
.dashboard-shell .db-attention-grid .db-card[data-value=breached]{--db-tone:#d1535f;--db-tint:#ffeaed}
.dashboard-shell .db-attention-grid .db-card[data-value=unassigned]{--db-tone:#8270c4;--db-tint:#f2edff}
.dashboard-shell .db-attention-grid .db-card[data-value=overdue]{--db-tone:#ce773d;--db-tint:#fff0e3}
.dashboard-shell .db-attention-grid .db-card[data-value=unassigned_leads]{--db-tone:#2e9b9a;--db-tint:#e0f7f5}
.dashboard-shell .db-attention-grid .db-card>span{font-size:11px;font-weight:720;color:var(--db-ink);max-width:92%}
.dashboard-shell .db-attention-grid .db-card>strong{font-size:24px;color:var(--db-tone);font-weight:790}
.dashboard-shell .db-attention-grid .db-card>small{font-size:10px;max-width:100%;line-height:1.4}
.dashboard-shell .db-attention-grid .db-card>i{top:10px;right:10px;color:var(--db-tone)}
.dashboard-shell .db-sla-summary{gap:10px;margin-bottom:13px}
.dashboard-shell .db-sla-summary button{border-radius:12px;min-height:67px;padding:11px 8px;background:var(--ui-surface,#fff);border-color:var(--db-border)}
.dashboard-shell .db-sla-summary button:nth-child(1){background:color-mix(in srgb,var(--ui-surface,#fff) 80%,#ffe6e9);border-color:color-mix(in srgb,#d25365 20%,var(--db-border))}
.dashboard-shell .db-sla-summary button:nth-child(2){background:color-mix(in srgb,var(--ui-surface,#fff) 82%,#ffe7d3);border-color:color-mix(in srgb,#d77d40 20%,var(--db-border))}
.dashboard-shell .db-sla-summary button:nth-child(3){background:color-mix(in srgb,var(--ui-surface,#fff) 82%,#fff3d2);border-color:color-mix(in srgb,#c79633 20%,var(--db-border))}
.dashboard-shell .db-sla-summary strong{font-size:23px;font-weight:790}
.dashboard-shell .db-sla-summary button:nth-child(1) strong{color:#c34f5b}
.dashboard-shell .db-sla-summary button:nth-child(2) strong{color:#c26b30}
.dashboard-shell .db-sla-summary button:nth-child(3) strong{color:#af8121}
.dashboard-shell :is(.db-risk-row,.db-source-row,.db-social-row,.db-channel){border-color:var(--db-border);border-radius:11px;padding:11px 12px;transition:background-color .17s ease,border-color .17s ease}
.dashboard-shell :is(.db-risk-row,.db-source-row,.db-social-row,.db-channel):hover{border-color:#abc4e8;background:color-mix(in srgb,var(--ui-surface,#fff) 84%,#e9f2ff)}
.dashboard-shell .db-risk-row strong,.dashboard-shell .db-social-row strong{font-size:11px;font-weight:740;color:var(--db-ink)}
.dashboard-shell .db-risk-row small,.dashboard-shell .db-social-row small{font-size:10px}
.dashboard-shell .db-pill{border-radius:999px;font-size:10px;padding:4px 9px;font-weight:740}
.dashboard-shell .db-pill.db-breached,.dashboard-shell .db-pill.db-bad{background:#fde5e9;color:#a52c46}
.dashboard-shell .db-pill.db-critical{background:#ffe9d8;color:#a8541e}
.dashboard-shell .db-pill.db-warning{background:#fff1cd;color:#876112}
.dashboard-shell .db-source-row strong{color:#6b63c5;font-size:16px}
.dashboard-shell .db-source-row>span:last-child{color:#6b63c5}
.dashboard-shell .db-table{border-collapse:separate;border-spacing:0}
.dashboard-shell .db-table thead{background:color-mix(in srgb,var(--ui-surface,#fff) 89%,#e7eeff)}
.dashboard-shell .db-table th,.dashboard-shell .db-table td{padding:12px 8px}
.dashboard-shell .db-table tbody tr:nth-child(even){background:color-mix(in srgb,var(--ui-surface,#fff) 95%,#e5effb)}
.dashboard-shell .db-table td button{color:var(--ui-accent,#427ade);font-weight:740;text-decoration:none;border-radius:6px;padding:4px 6px}
.dashboard-shell .db-table td button:hover{text-decoration:underline;background:#6e9fe015}
.dashboard-shell .db-channel-type{font-weight:740;color:var(--ui-accent,#427ade)}
.dashboard-shell .db-source-note{line-height:1.6}
.dashboard-shell .db-footer{padding:13px 15px;background:color-mix(in srgb,var(--ui-surface,#fff) 89%,#e5eeff);border:1px solid var(--db-border);border-radius:11px}
.dashboard-shell .db-modal .db-drill>header{background:linear-gradient(110deg,color-mix(in srgb,var(--ui-surface,#fff) 75%,#e5efff),var(--ui-surface,#fff));padding:19px 22px 16px}
.dashboard-shell .db-modal .db-drill>header h3{font-size:16px;color:var(--db-ink)}
.dashboard-shell .db-modal .db-risk-list{gap:9px}
.dashboard-shell .db-modal .db-risk-row{background:var(--ui-surface,#fff)}
.dashboard-shell .db-note{background:color-mix(in srgb,var(--ui-surface,#fff) 80%,#f9e3b3);border:1px solid color-mix(in srgb,var(--ui-line,#dbe4ed) 75%,#e4c682);border-radius:10px}
/* Dark mode deliberately blends decorative colors into the existing theme. */
html[data-theme=dark] .dashboard-shell{--db-shadow:0 10px 28px #0002;--db-border:var(--ui-line,#394357);--db-ink:var(--ui-ink,#e2e8f0)}
html[data-theme=dark] .dashboard-shell .db-scroll{background:radial-gradient(ellipse at 0% 0%,#3642673c,transparent 58%),var(--ui-bg,#111827)}
html[data-theme=dark] .dashboard-shell .db-kpis>.db-card{background:linear-gradient(135deg,color-mix(in srgb,var(--ui-surface) 87%,var(--db-tone)),var(--ui-surface) 75%)}
html[data-theme=dark] .dashboard-shell .db-kpis>.db-card::before{background-color:color-mix(in srgb,var(--db-tone) 24%,var(--ui-surface))}
html[data-theme=dark] .dashboard-shell .db-kpis>.db-card>strong{color:color-mix(in srgb,var(--db-tone) 65%,#fff)}
html[data-theme=dark] .dashboard-shell .db-attention-grid .db-card{background:linear-gradient(100deg,color-mix(in srgb,var(--ui-surface) 90%,var(--db-tone)),var(--ui-surface))}
html[data-theme=dark] .dashboard-shell .db-attention-grid .db-card>strong{color:color-mix(in srgb,var(--db-tone) 64%,#fff)}
html[data-theme=dark] .dashboard-shell .db-sla-summary button{background:var(--ui-surface)}
html[data-theme=dark] .dashboard-shell .db-sla-summary strong{color:var(--ui-ink)}
html[data-theme=dark] .dashboard-shell .db-panel-head h3::before{background-color:color-mix(in srgb,var(--ui-surface) 82%,#637fbc);border-color:var(--ui-line)}
html[data-theme=dark] .dashboard-shell .db-caption,html[data-theme=dark] .dashboard-shell .db-footer,html[data-theme=dark] .dashboard-shell .db-table thead{background:color-mix(in srgb,var(--ui-surface) 83%,#5272b2)}
html[data-theme=dark] .dashboard-shell .db-pill.db-breached,html[data-theme=dark] .dashboard-shell .db-pill.db-bad{background:#5b2730;color:#ffd6dc}
html[data-theme=dark] .dashboard-shell .db-pill.db-warning{background:#594927;color:#ffedb5}
html[data-theme=dark] .dashboard-shell .db-pill.db-critical{background:#5b3829;color:#ffe0c4}
html[data-theme=dark] .dashboard-shell .db-source-row strong{color:#b6adff}
html[data-theme=dark] .dashboard-shell .db-table td button{color:#95bdff}
html[data-theme=dark] .dashboard-shell .db-risk-row strong,html[data-theme=dark] .dashboard-shell .db-social-row strong{color:var(--ui-ink)}
html[data-theme=dark] .dashboard-shell .db-modal .db-risk-row{background:var(--ui-surface)}
@media(max-width:1160px){.dashboard-shell .db-kpis>.db-card{min-height:130px}.dashboard-shell .db-attention-grid .db-card{min-height:95px}}
@media(max-width:720px){.dashboard-shell .db-scroll{padding:13px 12px 24px}.dashboard-shell .db-kpis{gap:9px}.dashboard-shell .db-kpis>.db-card{min-height:121px;padding:13px 12px 12px;border-radius:14px}.dashboard-shell .db-kpis>.db-card::before{top:11px;right:10px;width:32px;height:32px;background-size:17px;border-radius:10px}.dashboard-shell .db-kpis>.db-card>span{font-size:11px;max-width:calc(100% - 28px)}.dashboard-shell .db-kpis>.db-card>strong{font-size:27px}.dashboard-shell .db-panel{padding:12px}.dashboard-shell .db-panel-head p{max-width:100%;margin-left:0}.dashboard-shell .db-grid{gap:10px}.dashboard-shell .db-attention-grid{gap:8px}.dashboard-shell .db-attention-grid .db-card{min-height:94px;padding:10px 8px 9px 11px}.dashboard-shell .db-attention-grid .db-card>span{max-width:88%}}
@media(max-width:390px){.dashboard-shell .db-kpis>.db-card::before{opacity:.55;width:29px;height:29px}.dashboard-shell .db-kpis>.db-card>small{font-size:10px}}
@media(prefers-reduced-motion:reduce){.dashboard-shell .db-card,.dashboard-shell :is(.db-risk-row,.db-source-row,.db-social-row,.db-channel){transition:none}.dashboard-shell .db-card:hover:not(:disabled){transform:none}}