/* SUKUMA! reference-aligned navy / deep-teal theme system. */
:root{
 color-scheme:light;
 --theme-bg:#F8F9FC;--theme-surface:#FFFFFF;--theme-raised:#EFF3F7;--theme-text:#172B36;
 --theme-muted:#526575;--theme-border:#7A8B96;--theme-primary:#006B7B;--theme-deep:#006B7B;
 --theme-interactive:#006B7B;--theme-focus:#006B7B;--theme-button-bg:#006B7B;--theme-button-hover:#005765;--theme-button-text:#FFFFFF;
 --theme-accent:#00A896;--theme-slate:#526575;--theme-charcoal:#172B36;
 --theme-pale:#EBF5F7;--theme-neutral:#E6F3F5;--theme-ivory:#EBF5F7;--theme-cool:#EBF5F7;
 --theme-ocean:#006B7B;--theme-ink:#172B36;--theme-shadow:rgba(0,38,59,.10);
 --semantic-success:#00796B;--semantic-warning:#A84A12;--semantic-danger:#B42318;
 --semantic-info:#006B7B;--semantic-intelligence:#526575;--semantic-community:#8A4B08;
 --metric-tasks-bg:#EBF5F7;--metric-tasks-ink:#006B7B;
 --metric-reports-bg:#E6F3F5;--metric-reports-ink:#006B7B;
 --metric-projects-bg:#E8F8F5;--metric-projects-ink:#00796B;
 --metric-attention-bg:#FFE8D6;--metric-attention-ink:#A84A12;
 --primary:var(--theme-primary);--accent:var(--theme-accent);--background:var(--theme-bg);--surface:var(--theme-surface);
 --bg:var(--theme-bg);--panel:var(--theme-surface);--panel2:var(--theme-raised);--line:var(--theme-border);--accent2:var(--theme-button-hover);--danger:var(--semantic-danger);
 --surface-raised:var(--theme-raised);--surface-hover:var(--theme-neutral);--ink:var(--theme-text);--blue:var(--theme-primary);--blue-strong:var(--theme-button-hover);
 --brand-blue:var(--theme-interactive);--brand-orange:var(--semantic-warning);--cyan:var(--theme-interactive);--violet:var(--theme-muted);--coral:var(--semantic-warning);--lime:var(--semantic-success);--shadow:0 16px 42px var(--theme-shadow);
 --bg:var(--theme-bg);--panel:var(--theme-surface);--panel2:var(--theme-raised);--line:var(--theme-border);--accent2:var(--theme-button-hover);--danger:var(--semantic-danger);
 --surface-raised:var(--theme-raised);--surface-hover:var(--theme-neutral);--ink:var(--theme-text);--blue:var(--theme-primary);--blue-strong:var(--theme-button-hover);
 --brand-blue:var(--theme-interactive);--brand-orange:var(--semantic-warning);--cyan:var(--theme-interactive);--violet:var(--theme-muted);--coral:var(--semantic-warning);--lime:var(--semantic-success);--shadow:0 16px 42px var(--theme-shadow);
 --surface-soft:var(--theme-raised);--text:var(--theme-text);--muted:var(--theme-muted);--border:var(--theme-border);
 --canvas:var(--theme-bg);--panel:var(--theme-surface);--panel2:var(--theme-raised);--line:var(--theme-border);--ink:var(--theme-text);
}
:root[data-theme="dark"]{
 color-scheme:dark;
 --theme-bg:#071722;--theme-surface:#0D2634;--theme-raised:#123447;--theme-text:#F4F7FA;
 --theme-muted:#B7C6D1;--theme-border:#69838E;--theme-primary:#F8F9FC;--theme-deep:#071722;
 --theme-interactive:#00A896;--theme-focus:#00A896;--theme-button-bg:#006B7B;--theme-button-hover:#005765;--theme-button-text:#FFFFFF;
 --theme-accent:#00A896;--theme-slate:#B7C6D1;--theme-charcoal:#F4F7FA;
 --theme-pale:#123447;--theme-neutral:#102B3A;--theme-ivory:#123447;--theme-cool:#0D2634;
 --theme-ocean:#006B7B;--theme-ink:#F4F7FA;--theme-shadow:rgba(0,0,0,.28);
 --semantic-success:#5FAE83;--semantic-warning:#D96B27;--semantic-danger:#D86B6B;
 --semantic-info:#00A896;--semantic-intelligence:#B7C6D1;--semantic-community:#D96B27;
 --metric-tasks-bg:#123B43;--metric-tasks-ink:#78D7D0;
 --metric-reports-bg:#153B47;--metric-reports-ink:#8FD9E1;
 --metric-projects-bg:#123D37;--metric-projects-ink:#65D6C2;
 --metric-attention-bg:#4A3024;--metric-attention-ink:#FFB17C;
 --primary:var(--theme-primary);--accent:var(--theme-accent);--background:var(--theme-bg);--surface:var(--theme-surface);
 --bg:var(--theme-bg);--panel:var(--theme-surface);--panel2:var(--theme-raised);--line:var(--theme-border);--accent2:var(--theme-button-hover);--danger:var(--semantic-danger);
 --surface-raised:var(--theme-raised);--surface-hover:var(--theme-neutral);--ink:var(--theme-text);--blue:var(--theme-primary);--blue-strong:var(--theme-button-hover);
 --brand-blue:var(--theme-interactive);--brand-orange:var(--semantic-warning);--cyan:var(--theme-interactive);--violet:var(--theme-muted);--coral:var(--semantic-warning);--lime:var(--semantic-success);--shadow:0 16px 42px var(--theme-shadow);
 --bg:var(--theme-bg);--panel:var(--theme-surface);--panel2:var(--theme-raised);--line:var(--theme-border);--accent2:var(--theme-button-hover);--danger:var(--semantic-danger);
 --surface-raised:var(--theme-raised);--surface-hover:var(--theme-neutral);--ink:var(--theme-text);--blue:var(--theme-primary);--blue-strong:var(--theme-button-hover);
 --brand-blue:var(--theme-interactive);--brand-orange:var(--semantic-warning);--cyan:var(--theme-interactive);--violet:var(--theme-muted);--coral:var(--semantic-warning);--lime:var(--semantic-success);--shadow:0 16px 42px var(--theme-shadow);
 --surface-soft:var(--theme-raised);--text:var(--theme-text);--muted:var(--theme-muted);--border:var(--theme-border);
 --canvas:var(--theme-bg);--panel:var(--theme-surface);--panel2:var(--theme-raised);--line:var(--theme-border);--ink:var(--theme-text);
}
html,body,.app-shell,.login-gate{background:var(--theme-bg)!important;color:var(--theme-text)!important}
.topbar{background:var(--theme-surface)!important;border-color:var(--theme-border)!important;border-top-color:var(--theme-interactive)!important;box-shadow:0 5px 22px var(--theme-shadow)!important}
.brand small,.hero h1,.hero h2,.section-head h2,.card h2,.dialog-head h2,.login-card h1{color:var(--theme-primary)!important}
.global-search,input,textarea,select,.input{background:var(--theme-surface)!important;color:var(--theme-text)!important;border-color:var(--theme-border)!important}
.global-search::placeholder,input::placeholder,textarea::placeholder{color:var(--theme-muted)!important}
.notice{background:var(--theme-raised)!important;border-color:var(--theme-border)!important;border-left-color:var(--theme-interactive)!important;color:var(--theme-text)!important}
.notice strong,.nav-group-label,.eyebrow{color:var(--theme-interactive)!important}
.sidebar{background:var(--theme-primary)!important;border-color:var(--theme-primary)!important}
:root[data-theme="dark"] .sidebar{background:#071722!important;border-color:#294451!important}
.sidebar .nav{color:#DCE4EB!important}.sidebar .nav.active{background:rgba(86,168,194,.2)!important;border-color:rgba(86,168,194,.4)!important;color:#fff!important}
.card,.dashboard-panel,.login-card,dialog,.chat-message{background:var(--theme-surface)!important;color:var(--theme-text)!important;border-color:var(--theme-border)!important;box-shadow:0 5px 20px var(--theme-shadow)!important}
.row,.dashboard-panel .row,.dashboard-stat,.dashboard-shortcut,.pulse-stat,.empty{background:var(--theme-raised)!important;color:var(--theme-text)!important;border-color:var(--theme-border)!important}
.row-title,.dashboard-panel .row-title,.dashboard-panel .section-head h2,.dashboard-shortcut,.dashboard-subsection-head h3{color:var(--theme-text)!important}
.row-detail,.row-meta,.muted,.help,.dashboard-panel .section-head p,.dashboard-data-note,.dashboard-stat-note{color:var(--theme-muted)!important}
.dashboard-stat .stat-value,.pulse-stat strong,.dashboard-shortcuts-heading h2{color:var(--theme-primary)!important}
.dashboard-stat-icon{background:var(--theme-raised)!important;color:var(--theme-interactive)!important}
.dashboard-progress-track,.dashboard-area-track{background:var(--theme-border)!important}
.dashboard-progress-track i,.dashboard-area-track i{background:var(--theme-interactive)!important}
.button{background:var(--theme-button-bg)!important;border-color:var(--theme-button-bg)!important;color:var(--theme-button-text)!important}
.button.secondary,.theme-toggle{background:var(--theme-surface)!important;border-color:var(--theme-border)!important;color:var(--theme-text)!important}
.pill,.badge,.tag{background:var(--theme-raised)!important;border-color:var(--theme-border)!important;color:var(--theme-text)!important}
.status-dot{background:var(--semantic-success)!important}.danger,.login-error{color:var(--semantic-danger)!important}
.dashboard-stat-attention .stat-value{color:var(--semantic-warning)!important}
footer{border-color:var(--theme-border)!important;color:var(--theme-muted)!important}
.theme-toggle{display:inline-flex;align-items:center;gap:7px;min-height:40px;padding:8px 11px;font-size:11px}
.theme-toggle svg,.mobile-nav-icon svg{width:17px;height:17px;display:block;fill:none;stroke:currentColor;stroke-width:1.8;stroke-linecap:round;stroke-linejoin:round}
.mobile-nav-icon{display:inline-flex;align-items:center;justify-content:center}
button:focus-visible,a:focus-visible,input:focus-visible,textarea:focus-visible,select:focus-visible,summary:focus-visible{outline:3px solid var(--theme-interactive)!important;outline-offset:3px!important}
@media(max-width:760px){.topbar .top-actions{display:flex!important;flex-wrap:wrap!important}.topbar .global-search{flex:1 0 100%!important}.topbar .top-actions .pill{margin-right:auto}.theme-toggle{min-height:40px}}
@media(prefers-reduced-motion:reduce){*,*::before,*::after{scroll-behavior:auto!important;transition:none!important;animation:none!important}}

/* Executive operations Command Centre */
.cc-command{margin-top:26px;display:grid;gap:16px}
.cc-heading{display:flex;justify-content:space-between;align-items:flex-start;gap:18px;padding:22px 24px;border-radius:18px;background:linear-gradient(120deg,var(--theme-primary),var(--theme-ocean));color:#fff}
.cc-heading .eyebrow,.cc-heading h2,.cc-heading p{color:#fff!important}.cc-heading h2{font-size:clamp(22px,3vw,30px);margin:5px 0}.cc-heading p{opacity:.82;margin:0}
.cc-status{font-size:10px;font-weight:800;letter-spacing:.08em;border:1px solid #ffffff55;border-radius:30px;padding:9px 12px;white-space:normal}
.cc-kpis{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:12px}
.cc-kpi{display:grid;text-align:left;gap:7px;padding:18px;border:1px solid var(--theme-border);border-radius:14px;background:var(--theme-surface);color:var(--theme-text);cursor:pointer;box-shadow:0 4px 16px var(--theme-shadow)}
.cc-kpi span{font-size:10px;font-weight:800;letter-spacing:.09em;color:var(--theme-muted)}.cc-kpi strong{font-size:30px;line-height:1.1;color:var(--theme-primary)}.cc-kpi small{font-size:11px;color:var(--theme-muted)}
.cc-panels{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:14px}
.cc-panel{padding:19px;border:1px solid var(--theme-border);border-radius:16px;background:var(--theme-surface);box-shadow:0 4px 16px var(--theme-shadow);min-width:0}
.cc-panel-head{display:flex;justify-content:space-between;gap:10px;align-items:flex-start}.cc-panel-head h3{margin:0 0 4px;color:var(--theme-primary);font-size:16px}.cc-panel-head p,.cc-foot{margin:0;color:var(--theme-muted);font-size:11px;line-height:1.55}
.cc-panel-head button{border:0;background:transparent;color:var(--theme-interactive);font-weight:700;font-size:11px;white-space:nowrap;cursor:pointer}
.cc-pair{display:grid;grid-template-columns:1fr 1fr;gap:10px;margin:22px 0 16px}.cc-pair div{background:var(--theme-raised);padding:14px;border-radius:12px;display:grid;gap:4px}.cc-pair strong{font-size:27px;color:var(--theme-primary)}.cc-pair span{font-size:11px;color:var(--theme-muted)}
.cc-finance-row,.cc-assurance{display:flex;justify-content:space-between;gap:12px;padding:10px 0;border-bottom:1px solid var(--theme-border);font-size:12px;color:var(--theme-muted)}.cc-finance-row strong,.cc-assurance strong{color:var(--theme-text);text-align:right}.cc-finance-row:first-of-type{margin-top:12px}
.cc-foot{margin-top:12px}.cc-footer{display:grid;grid-template-columns:1fr 1fr;gap:14px}.cc-footer>div{padding:17px;border-radius:14px;background:var(--theme-raised);border:1px solid var(--theme-border)}.cc-footer strong{font-size:12px;color:var(--theme-primary)}.cc-footer p,.cc-empty{font-size:11px;line-height:1.55;color:var(--theme-muted);margin:6px 0 0}
:root[data-theme="dark"] .cc-heading{background:linear-gradient(120deg,#071722,#004B5C)}
@media(max-width:760px){.cc-heading{display:grid;padding:18px}.cc-status{justify-self:start}.cc-kpis{grid-template-columns:repeat(2,minmax(0,1fr));gap:9px}.cc-kpi{padding:14px}.cc-kpi strong{font-size:25px}.cc-panels,.cc-footer{grid-template-columns:1fr}.cc-panel{padding:16px}}

/* SUKUMA! iconography — consistent 24px outline system */
.sukuma-icon{width:20px;height:20px;flex:0 0 20px;display:inline-block;fill:none;stroke:currentColor;stroke-width:2;stroke-linecap:round;stroke-linejoin:round;vertical-align:middle}
.sidebar .nav,.mobile-primary-nav .nav,.mobile-more-menu .nav{display:flex;align-items:center;gap:11px}
.sidebar .nav .sukuma-icon,.mobile-more-menu .nav .sukuma-icon{opacity:.68;transition:opacity .15s ease}
.sidebar .nav.active .sukuma-icon,.mobile-primary-nav .nav.active .sukuma-icon,.mobile-more-menu .nav.active .sukuma-icon{opacity:1}
.sidebar .nav.active{background:#004B5C!important;color:#fff!important;border-color:#004B5C!important}
:root[data-theme="dark"] .sidebar .nav.active{background:#00263B!important;color:#FFFFFF!important;border-color:#004B5C!important}
.mobile-primary-nav .nav.active{background:var(--theme-raised);color:var(--theme-interactive)}
#globalSearch+.sukuma-icon{display:none}
.top-actions{position:relative}
.top-actions>.sukuma-icon{position:absolute;left:13px;top:50%;transform:translateY(-50%);pointer-events:none;color:var(--theme-muted);width:16px;height:16px}
.global-search{padding-left:38px!important}
:root[data-theme="dark"] .sukuma-icon{filter:drop-shadow(0 0 1px currentColor)}

/* SUKUMA! icon system — reference-aligned navy and deep-teal palette. */
.sukuma-nav-icon{display:inline-flex;align-items:center;justify-content:center;flex:0 0 24px;width:24px;height:24px;opacity:.68;color:inherit;transition:opacity .16s ease,background-color .16s ease}
.nav.active .sukuma-nav-icon{opacity:1}
.sukuma-nav-icon svg,.sukuma-category-badge svg{display:block;flex:none}
.sidebar .nav{display:flex;align-items:center;gap:11px}
.sidebar .nav.active{background:#004B5C!important;color:#fff!important;border-color:#004B5C!important;border-radius:9px}
:root[data-theme="dark"] .sidebar .nav.active{background:#65B3C2!important;color:#071722!important;border-color:#65B3C2!important}
.mobile-nav-item .sukuma-nav-icon{width:22px;height:22px;opacity:1}
.sukuma-category-badge{width:36px;height:36px;border-radius:11px;display:inline-flex;align-items:center;justify-content:center;flex:0 0 36px;background:var(--theme-raised);border:1px solid var(--theme-border)}
.sukuma-issue-icon{display:block}
@media(prefers-reduced-motion:reduce){.sukuma-nav-icon{transition:none}}

/* Accessible, icon-led global search control */
.top-actions{min-width:0}
.global-search-wrap{position:relative;display:flex;align-items:center;flex:0 1 290px;min-width:180px;height:42px;border:1px solid var(--theme-border);border-radius:11px;background:var(--theme-surface);color:var(--theme-muted);transition:border-color .16s ease,box-shadow .16s ease}
.global-search-wrap:focus-within{border-color:var(--theme-interactive);box-shadow:0 0 0 3px color-mix(in srgb,var(--theme-interactive) 18%,transparent)}
.global-search-icon{display:inline-flex;align-items:center;justify-content:center;flex:0 0 42px;color:var(--theme-interactive);pointer-events:none}
.global-search{width:100%;min-width:0;height:40px;flex:1;border:0!important;outline:0!important;box-shadow:none!important;background:transparent!important;color:var(--theme-text)!important;padding:0 4px!important;font-size:13px}
.global-search::-webkit-search-cancel-button{-webkit-appearance:none;appearance:none}
.global-search::placeholder{color:var(--theme-muted)!important;opacity:1}
.global-search-clear{width:34px;height:34px;flex:0 0 34px;margin-right:4px;padding:0;border:0;border-radius:8px;background:transparent;color:var(--theme-muted);display:inline-flex;align-items:center;justify-content:center}
.global-search-clear:hover,.global-search-clear:focus-visible{background:var(--theme-raised);color:var(--theme-text)}
.global-search-clear[hidden]{display:none}
.global-search-clear:focus-visible{outline:2px solid var(--theme-interactive);outline-offset:1px}
@media(max-width:800px){.global-search-wrap{order:2;flex:1 0 100%;width:100%;min-width:0;max-width:none}.top-actions{width:100%}.global-search{width:100%;max-width:none}}
@media(prefers-reduced-motion:reduce){.global-search-wrap{transition:none}}



/* Search: preserve the existing search flow and keep its geometry fixed. */
.global-search-wrap{box-sizing:border-box;display:flex;align-items:center;flex:0 1 290px;min-width:180px;width:290px;height:42px;min-height:42px}
.global-search-wrap:focus-within{height:42px;min-height:42px}
.global-search-icon{flex:0 0 42px;width:42px;height:42px;pointer-events:auto;cursor:text}
.global-search{box-sizing:border-box;display:block;flex:1 1 auto!important;width:100%;min-width:0;height:40px;min-height:40px;max-width:none;padding:0 4px!important;line-height:1.35}
.global-search:focus{outline:0!important;box-shadow:none!important}
@media(max-width:760px){
 .topbar .top-actions{display:grid!important;grid-template-columns:minmax(0,1fr) auto auto;grid-template-rows:42px auto;align-items:center;gap:7px;width:100%}
 .topbar .top-actions>.global-search-wrap{grid-column:1/-1;grid-row:1;order:0;display:flex;flex:0 0 42px;width:100%;min-width:0;max-width:none;height:42px}
 .topbar .top-actions>.global-search-wrap .global-search{flex:1 1 auto!important;width:100%;min-width:0;height:40px;min-height:40px;font-size:16px!important}
 .topbar .top-actions>.global-search{grid-column:auto;grid-row:auto}
 .topbar .top-actions>.pill{grid-column:1;grid-row:2;justify-self:start;margin:0}
 .topbar .top-actions>.button.secondary{grid-row:2}
 .topbar .top-actions>#installBtn{grid-column:3;grid-row:2}
}
/* Mobile navigation: reuse the complete workspace sidebar; no fixed bottom dock. */
@media(max-width:760px){
 .mobile-primary-nav[hidden]{display:none!important}
 .sidebar{display:flex!important;position:sticky;top:0;z-index:25;flex-direction:row;align-items:center;gap:6px;width:100%;max-width:100%;overflow-x:auto;overflow-y:hidden;padding:8px 2px;background:var(--theme-surface);border-bottom:1px solid var(--theme-border);scrollbar-width:thin;-webkit-overflow-scrolling:touch;overscroll-behavior-x:contain}
 .sidebar .nav-group{display:flex;flex:0 0 auto;align-items:center;gap:6px;margin:0;padding:0}
 .sidebar .nav-group-label{position:absolute;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip:rect(0,0,0,0);white-space:nowrap;border:0}
 .sidebar .nav{flex:0 0 auto;width:auto;min-height:42px;padding:10px 12px;white-space:nowrap}
 body{padding-bottom:0!important}
 main{padding-bottom:24px}
 .app-shell footer{padding-bottom:calc(16px + env(safe-area-inset-bottom))}
}




/* Header controls: persistent theme switch and layout-stable search. */
.topbar .global-search-wrap{display:flex!important}
.theme-toggle{
  display:inline-flex!important;align-items:center;justify-content:center;gap:8px;
  min-width:124px;min-height:42px;padding:6px 10px!important;border-radius:999px!important;
  font-size:11px!important;font-weight:750!important;
}
.theme-toggle svg{width:17px;height:17px;fill:none;stroke:currentColor;stroke-width:1.8;stroke-linecap:round;stroke-linejoin:round}
.theme-toggle span{min-width:58px;text-align:left}
.theme-toggle::after{content:"";display:block;flex:0 0 30px;width:30px;height:17px;border-radius:999px;background:radial-gradient(circle at 8px 50%,#fff 0 5px,transparent 5.5px),#526575;transition:background .18s ease}
:root[data-theme="dark"] .theme-toggle::after{background:radial-gradient(circle at 22px 50%,#fff 0 5px,transparent 5.5px),var(--theme-interactive)}
:root[data-theme="dark"] .theme-toggle{background:var(--theme-raised);border-color:var(--theme-interactive)}
@media(max-width:760px){
  .topbar .top-actions{position:relative;display:grid!important;grid-template-columns:minmax(0,1fr) auto auto;grid-template-rows:42px;align-items:center;gap:7px;width:100%}
  .topbar .top-actions>.global-search-wrap{
    position:absolute!important;z-index:20;right:0;top:0;
    display:flex!important;flex:0 0 42px!important;width:42px!important;min-width:42px!important;max-width:calc(100vw - 28px);
    height:42px!important;min-height:42px!important;overflow:hidden;
    background:var(--theme-surface);box-shadow:0 2px 8px var(--theme-shadow);
    transition:width .18s ease,box-shadow .18s ease;
  }
  .topbar .top-actions>.global-search-wrap:focus-within{
    width:min(290px,calc(100vw - 28px))!important;min-width:min(290px,calc(100vw - 28px))!important;
    height:42px!important;min-height:42px!important;box-shadow:0 5px 18px var(--theme-shadow);
  }
  .topbar .top-actions>.global-search-wrap .global-search{
    width:0!important;min-width:0!important;flex:1 1 0!important;opacity:0;padding:0!important;
    font-size:16px!important;transition:opacity .12s ease;
  }
  .topbar .top-actions>.global-search-wrap:focus-within .global-search{
    width:auto!important;min-width:0!important;opacity:1;padding:0 4px!important;
  }
  .topbar .top-actions>.global-search-wrap .global-search-icon{flex:0 0 42px;width:42px;height:42px}
  .topbar .top-actions>.pill{grid-column:1;grid-row:1;justify-self:start;margin:0}
  .topbar .top-actions>#themeToggle{grid-column:2;grid-row:1}
  .topbar .top-actions>#logoutBtn{grid-column:3;grid-row:1}
  .topbar .top-actions>#installBtn{grid-column:3;grid-row:1}
}
@media(prefers-reduced-motion:reduce){
 .topbar .global-search-wrap,.topbar .global-search{transition:none!important}
}


/* SUKUMA! header refinement — stable controls, accessible status and mobile-first layout. */
.topbar{gap:clamp(12px,1.6vw,22px)}
.topbar .brand{min-width:0}
.topbar .top-actions{display:flex;align-items:center;justify-content:flex-end;flex:1 1 auto;flex-wrap:nowrap;gap:8px;min-width:0}
.topbar .global-search-wrap{position:relative;flex:0 1 290px;width:min(290px,24vw);min-width:180px;height:42px;min-height:42px}
.topbar .global-search-icon{appearance:none;-webkit-appearance:none;display:inline-flex;align-items:center;justify-content:center;width:42px;height:42px;flex:0 0 42px;padding:0;border:0;border-radius:10px;background:transparent;color:var(--theme-interactive);cursor:pointer}
.topbar .global-search-icon:focus-visible{outline:3px solid var(--theme-interactive);outline-offset:-3px}
.topbar .global-search{min-width:0}
.topbar .top-actions>.pill{flex:0 0 auto;white-space:nowrap}
.topbar .top-actions>#installBtn,.topbar .top-actions>#logoutBtn,.topbar .top-actions>#themeToggle{flex:0 0 auto;white-space:nowrap}
.topbar .top-actions .button{min-height:42px}
#authStatus{display:inline-flex;align-items:center;justify-content:center;min-height:34px;padding:6px 11px;border-radius:999px;font-size:11px;font-weight:750;line-height:1.25}
.topbar button:focus-visible,.topbar a:focus-visible,.global-search:focus-visible{outline:3px solid var(--theme-interactive);outline-offset:3px}
@media(max-width:1000px){
 .topbar{gap:12px;padding-inline:14px}
 .topbar .brand-mark{width:166px!important;max-width:30vw}
 .topbar .top-actions{gap:6px}
 .topbar .global-search-wrap{flex-basis:210px;width:210px;min-width:150px}
 .topbar .top-actions .button{padding-inline:9px;font-size:11px}
 .theme-toggle{min-width:108px}
}
@media(max-width:760px){
 .topbar{position:relative;top:auto;display:flex;flex-direction:column;align-items:stretch;gap:10px;min-height:0;padding:12px 13px;border-radius:0 0 15px 15px}
 .topbar .brand{width:100%;justify-content:flex-start}
 .topbar .brand-mark{width:158px!important;max-width:68vw}
 .topbar .top-actions{
  display:grid!important;grid-template-columns:repeat(2,minmax(0,1fr));grid-template-rows:42px 42px 42px;
  align-items:center;justify-content:stretch;gap:7px;width:100%;min-width:0
 }
 .topbar .top-actions>.global-search-wrap{
  position:relative!important;inset:auto!important;z-index:1;grid-column:1/-1;grid-row:1;justify-self:start;
  display:flex!important;flex:0 0 42px!important;width:42px!important;min-width:42px!important;max-width:100%;
  height:42px!important;min-height:42px!important;overflow:hidden;border:1px solid var(--theme-border);
  border-radius:11px;background:var(--theme-surface);box-shadow:none;transition:width .16s ease,border-color .16s ease
 }
 .topbar .top-actions>.global-search-wrap:focus-within{width:100%!important;min-width:0!important;height:42px!important;min-height:42px!important;border-color:var(--theme-interactive);box-shadow:0 0 0 3px color-mix(in srgb,var(--theme-interactive) 18%,transparent)}
 .topbar .top-actions>.global-search-wrap .global-search{display:block;flex:1 1 0!important;width:0!important;min-width:0!important;height:40px!important;min-height:40px!important;padding:0!important;opacity:0;font-size:16px!important}
 .topbar .top-actions>.global-search-wrap:focus-within .global-search{width:auto!important;min-width:0!important;padding:0 5px!important;opacity:1}
 .topbar .top-actions>.global-search-wrap .global-search-icon{width:40px;height:40px;flex:0 0 40px}
 .topbar .top-actions>.global-search-wrap .global-search-clear{flex:0 0 34px}
 .topbar .top-actions>.pill{grid-column:1;grid-row:2;justify-self:start;max-width:100%;margin:0}
 .topbar .top-actions>#themeToggle{grid-column:2;grid-row:2;justify-self:stretch;width:100%;min-width:0}
 .topbar .top-actions>#logoutBtn{grid-column:1;grid-row:3;justify-self:stretch;width:100%}
 .topbar .top-actions>#installBtn{grid-column:2;grid-row:3;justify-self:stretch;width:100%}
 .topbar .top-actions>.button{min-height:42px;padding:8px 10px;font-size:12px}
 .theme-toggle{min-width:0;justify-content:center}
 .theme-toggle span{min-width:0}
 .theme-toggle::after{flex-basis:28px;width:28px}
}
@media(max-width:360px){
 .topbar{padding-inline:10px}
 .topbar .top-actions{gap:6px}
 .topbar .top-actions>.button{padding-inline:7px;font-size:11px}
 #authStatus{font-size:10px;padding-inline:8px}
}
@media(prefers-reduced-motion:reduce){
 .topbar .global-search-wrap,.topbar .global-search,.theme-toggle::after{transition:none!important}
}

/* Final brand-role overrides: buttons, navigation, controls and focus states. */
.sidebar{background:var(--theme-deep)!important;border-color:var(--theme-deep)!important}
:root[data-theme="dark"] .sidebar{background:var(--theme-deep)!important;border-color:var(--theme-border)!important}
.button{background:var(--theme-button-bg)!important;border-color:var(--theme-button-bg)!important;color:var(--theme-button-text)!important}
.button:hover,.login-card .google-signin:hover{background:var(--theme-button-hover)!important;border-color:var(--theme-button-hover)!important;color:#fff!important}
.sidebar .nav.active,.mobile-primary-nav>.mobile-nav-item.active,.mobile-primary-nav>.mobile-more[open]>summary,.mobile-primary-nav .mobile-more-item.active{background:var(--theme-interactive)!important;border-color:var(--theme-interactive)!important;color:#fff!important}
:root[data-theme="dark"] .sidebar .nav.active,:root[data-theme="dark"] .mobile-primary-nav>.mobile-nav-item.active,:root[data-theme="dark"] .mobile-primary-nav>.mobile-more[open]>summary{background:var(--theme-interactive)!important;border-color:var(--theme-interactive)!important;color:#071722!important}
.theme-toggle::after{background:radial-gradient(circle at 8px 50%,#fff 0 5px,transparent 5.5px),var(--theme-muted)!important}
:root[data-theme="dark"] .theme-toggle::after{background:radial-gradient(circle at 22px 50%,#fff 0 5px,transparent 5.5px),var(--theme-interactive)!important}


/* Final mobile search overlay regression guard. */
@media(max-width:760px){
 .topbar .top-actions{position:relative!important}
 .topbar .top-actions>.global-search-wrap{
  position:absolute!important;inset:0 0 auto auto!important;z-index:30;
  display:flex!important;flex:0 0 42px!important;
  width:42px!important;min-width:42px!important;max-width:100%!important;
  height:42px!important;min-height:42px!important;overflow:hidden;
  box-sizing:border-box;background:var(--theme-surface)!important;
  border:1px solid var(--theme-border);border-radius:11px;
  box-shadow:0 2px 8px var(--theme-shadow);
  transition:width .18s ease,border-color .18s ease,box-shadow .18s ease;
 }
 .topbar .top-actions>.global-search-wrap:focus-within{
  width:min(290px,100%)!important;min-width:0!important;max-width:100%!important;
  height:42px!important;min-height:42px!important;
  border-color:var(--theme-interactive);
  box-shadow:0 0 0 3px color-mix(in srgb,var(--theme-interactive) 18%,transparent);
 }
 .topbar .top-actions>.global-search-wrap .global-search{
  display:block!important;flex:1 1 0!important;width:0!important;min-width:0!important;
  height:40px!important;min-height:40px!important;padding:0!important;
  opacity:0;font-size:16px!important;transition:opacity .12s ease;
 }
 .topbar .top-actions>.global-search-wrap:focus-within .global-search{
  width:auto!important;min-width:0!important;padding:0 5px!important;opacity:1;
 }
 .topbar .top-actions>.global-search-wrap .global-search-icon{
  flex:0 0 40px!important;width:40px!important;height:40px!important;
  pointer-events:auto;cursor:text;
 }
 .topbar .top-actions>.global-search-wrap .global-search-clear{flex:0 0 34px}
}
@media(prefers-reduced-motion:reduce){
 .topbar .top-actions>.global-search-wrap,.topbar .top-actions>.global-search-wrap .global-search{transition:none!important}
}


/* Restore the original mobile bottom navigation dock.
   The grouped desktop sidebar remains desktop-only; mobile uses the compact
   Home / Issues / Tasks / More dock that already exists in workspace.html. */
@media(max-width:760px){
  body{padding-bottom:calc(100px + env(safe-area-inset-bottom))!important}
  .layout{display:block!important}
  .sidebar{display:none!important}
  .mobile-primary-nav{
    position:fixed!important;
    top:auto!important;
    right:max(10px,env(safe-area-inset-right))!important;
    bottom:calc(10px + env(safe-area-inset-bottom))!important;
    left:max(10px,env(safe-area-inset-left))!important;
    z-index:70!important;
    display:flex!important;
    flex-direction:row!important;
    align-items:stretch!important;
    justify-content:space-between!important;
    gap:5px!important;
    width:auto!important;
    max-width:none!important;
    margin:0!important;
    padding:7px!important;
    overflow:visible!important;
    border:1px solid var(--theme-border)!important;
    border-radius:20px!important;
    background:color-mix(in srgb,var(--theme-deep) 94%,transparent)!important;
    box-shadow:0 12px 32px var(--theme-shadow)!important;
    backdrop-filter:blur(20px);
    -webkit-backdrop-filter:blur(20px);
  }
  .mobile-primary-nav>.mobile-nav-item,
  .mobile-primary-nav>.mobile-more{
    display:flex!important;
    flex:1 1 0!important;
    min-width:0!important;
    min-height:54px!important;
    flex-direction:column!important;
    align-items:center!important;
    justify-content:center!important;
    gap:4px!important;
    padding:5px 2px!important;
    border:1px solid transparent!important;
    border-radius:11px!important;
    background:transparent!important;
    color:#F4F7FA!important;
    text-align:center!important;
  }
  .mobile-primary-nav>.mobile-nav-item>span:last-child,
  .mobile-primary-nav>.mobile-more>summary{
    font-size:9px!important;
    font-weight:750!important;
    line-height:1.15!important;
  }
  .mobile-primary-nav .mobile-nav-icon{width:22px;height:22px;color:inherit}
  .mobile-primary-nav .mobile-nav-icon svg{width:19px;height:19px}
  .mobile-primary-nav>.mobile-nav-item.active,
  .mobile-primary-nav>.mobile-more[open]>summary{
    background:var(--theme-interactive)!important;
    border-color:var(--theme-interactive)!important;
    color:#fff!important;
    box-shadow:inset 0 2px var(--theme-accent)!important;
  }
  .mobile-primary-nav>.mobile-more{display:block!important;position:relative!important}
  .mobile-primary-nav>.mobile-more>summary{
    display:flex!important;
    min-height:54px!important;
    flex-direction:column!important;
    align-items:center!important;
    justify-content:center!important;
    gap:4px!important;
    padding:5px 2px!important;
    border-radius:11px!important;
    color:#F4F7FA!important;
    list-style:none;
    cursor:pointer;
  }
  .mobile-primary-nav>.mobile-more>summary::-webkit-details-marker{display:none}
  .mobile-primary-nav>.mobile-more>summary::before{
    content:"";
    display:block;
    width:19px;height:19px;
    background:radial-gradient(circle at 30% 35%,var(--theme-accent) 0 2px,transparent 3px),
      radial-gradient(circle at 70% 35%,var(--theme-interactive) 0 2px,transparent 3px),
      radial-gradient(circle at 50% 70%,#F4F7FA 0 2px,transparent 3px);
  }
  .mobile-primary-nav .mobile-more-menu{
    position:absolute!important;
    top:auto!important;
    right:-7px!important;
    bottom:calc(100% + 8px)!important;
    left:auto!important;
    display:none!important;
    width:min(390px,calc(100vw - 26px))!important;
    max-height:min(66vh,520px)!important;
    overflow:auto!important;
    grid-template-columns:repeat(3,minmax(0,1fr))!important;
    gap:6px!important;
    padding:10px!important;
    border:1px solid var(--theme-border)!important;
    border-radius:17px!important;
    background:var(--theme-deep)!important;
    box-shadow:0 20px 50px var(--theme-shadow)!important;
  }
  .mobile-primary-nav .mobile-more[open]>.mobile-more-menu{display:grid!important}
  .mobile-primary-nav .mobile-more-menu>.nav{
    display:flex!important;
    min-height:68px!important;
    flex-direction:column!important;
    align-items:center!important;
    justify-content:center!important;
    gap:7px!important;
    padding:8px 5px!important;
    border:1px solid var(--theme-border)!important;
    border-radius:10px!important;
    background:var(--theme-surface)!important;
    color:var(--theme-text)!important;
    text-align:center!important;
    white-space:normal!important;
  }
  .mobile-primary-nav .mobile-more-menu>.nav span{font-size:10px;line-height:1.3;white-space:normal}
  .mobile-primary-nav .mobile-more-menu>.nav.active{
    background:var(--theme-interactive)!important;
    color:#fff!important;
  }
}
@media(min-width:761px){.mobile-primary-nav{display:none!important}}


/* Community at-a-glance metrics: distinct semantic colour roles, theme-aware. */
.dashboard-stat[data-metric="tasks"]{background:var(--metric-tasks-bg)!important;border-top:3px solid var(--metric-tasks-ink)!important}
.dashboard-stat[data-metric="reports"]{background:var(--metric-reports-bg)!important;border-top:3px solid var(--metric-reports-ink)!important}
.dashboard-stat[data-metric="projects"]{background:var(--metric-projects-bg)!important;border-top:3px solid var(--metric-projects-ink)!important}
.dashboard-stat[data-metric="attention"]{background:var(--metric-attention-bg)!important;border-top:3px solid var(--metric-attention-ink)!important}
.dashboard-stat[data-metric] .dashboard-stat-icon{background:var(--theme-surface)!important;border:1px solid var(--theme-border)!important}
.dashboard-stat[data-metric="tasks"] .dashboard-stat-icon,.dashboard-stat[data-metric="tasks"] .stat-value{color:var(--metric-tasks-ink)!important}
.dashboard-stat[data-metric="reports"] .dashboard-stat-icon,.dashboard-stat[data-metric="reports"] .stat-value{color:var(--metric-reports-ink)!important}
.dashboard-stat[data-metric="projects"] .dashboard-stat-icon,.dashboard-stat[data-metric="projects"] .stat-value{color:var(--metric-projects-ink)!important}
.dashboard-stat[data-metric="attention"] .dashboard-stat-icon,.dashboard-stat[data-metric="attention"] .stat-value{color:var(--metric-attention-ink)!important}
.dashboard-stat[data-metric] .dashboard-stat-icon svg{stroke:currentColor;stroke-width:1.9}
.dashboard-stat[data-metric]:hover{filter:saturate(1.04)}


/* SUKUMA! palette alignment — supplied teal, cyan surfaces and status matrix. */
:root{--theme-raised:#EBF5F7;--theme-neutral:#E6F3F5;--theme-interactive:#006B7B;--theme-focus:#006B7B;--theme-button-bg:#006B7B;--theme-button-hover:#005765;--theme-accent:#00A896;--theme-accent-alt:#009688;--theme-ocean:#006B7B;--semantic-info:#006B7B;--semantic-success:#00796B;--semantic-warning:#A84A12;--metric-tasks-bg:#EBF5F7;--metric-tasks-ink:#006B7B;--metric-reports-bg:#E6F3F5;--metric-reports-ink:#006B7B;--metric-projects-bg:#E8F8F5;--metric-projects-ink:#00796B;--metric-attention-bg:#FFE8D6;--metric-attention-ink:#A84A12}
:root[data-theme="dark"]{--theme-interactive:#00A896;--theme-focus:#00A896;--theme-button-bg:#006B7B;--theme-button-hover:#005765;--theme-accent:#00A896;--theme-ocean:#006B7B;--semantic-info:#00A896;--semantic-success:#00A896;--semantic-warning:#FFB17C;--metric-tasks-bg:#123B43;--metric-tasks-ink:#78D7D0;--metric-reports-bg:#153B47;--metric-reports-ink:#8FD9E1;--metric-projects-bg:#123D37;--metric-projects-ink:#65D6C2;--metric-attention-bg:#4A3024;--metric-attention-ink:#FFB17C}
:root .dashboard-stat[data-metric="tasks"]{background:#EBF5F7!important;border-top-color:#006B7B!important}
:root .dashboard-stat[data-metric="reports"]{background:#E6F3F5!important;border-top-color:#006B7B!important}
:root .dashboard-stat[data-metric="projects"]{background:#E8F8F5!important;border-top-color:#00A896!important}
:root .dashboard-stat[data-metric="attention"]{background:#FFE8D6!important;border-top-color:#D96B27!important}
:root .dashboard-stat[data-metric="tasks"] .dashboard-stat-icon,:root .dashboard-stat[data-metric="tasks"] .stat-value,:root .dashboard-stat[data-metric="reports"] .dashboard-stat-icon,:root .dashboard-stat[data-metric="reports"] .stat-value{color:#006B7B!important}
:root .dashboard-stat[data-metric="projects"] .dashboard-stat-icon,:root .dashboard-stat[data-metric="projects"] .stat-value{color:#00796B!important}
:root .dashboard-stat[data-metric="attention"] .dashboard-stat-icon,:root .dashboard-stat[data-metric="attention"] .stat-value{color:#D96B27!important}
:root[data-theme="dark"] .dashboard-stat[data-metric="tasks"]{background:#123B43!important}
:root[data-theme="dark"] .dashboard-stat[data-metric="reports"]{background:#153B47!important}
:root[data-theme="dark"] .dashboard-stat[data-metric="projects"]{background:#123D37!important}
:root[data-theme="dark"] .dashboard-stat[data-metric="attention"]{background:#4A3024!important}
/* Status badge matrix — matches the normalized data-status values rendered by app.js. */
.status-badge{display:inline-flex;align-items:center;justify-content:center;min-height:24px;padding:4px 9px;border:1px solid transparent;border-radius:999px;font-size:10px;font-weight:750;line-height:1.2;white-space:nowrap}
.status-badge[data-status="in-progress"],.status-badge[data-status="active"]{background:#FFE8D6!important;color:#A84A12!important;border-color:#F3C7A7!important}
.status-badge[data-status="open"],.status-badge[data-status="action-required"],.status-badge[data-status="pending"]{background:#E1F0F5!important;color:#006B7B!important;border-color:#B8D9E2!important}
.status-badge[data-status="resolved"],.status-badge[data-status="closed"]{background:#E8F8F5!important;color:#00796B!important;border-color:#BCE9DF!important}


/* Approved SUKUMA! ocean-teal palette — 2026-11-01. */
.topbar{background:#006B7B!important;border-color:#006B7B!important;border-top-color:#00A896!important;color:#fff!important}
.topbar .brand small{color:#fff!important}
.topbar .global-search-wrap{background:#fff!important;border-color:#D3E6E9!important}
.topbar .global-search-icon{color:#006B7B!important}
.topbar .global-search{color:#172B36!important}
.topbar .pill{background:#fff!important;border-color:#D3E6E9!important;color:#006B7B!important}
.topbar .theme-toggle,.topbar .button.secondary{background:#fff!important;border-color:#D3E6E9!important;color:#006B7B!important}
.sidebar{background:#006B7B!important;border-color:#006B7B!important}
.sidebar .nav.active{background:#006B7B!important;border-color:#006B7B!important;color:#fff!important}
:root[data-theme="dark"] .sidebar{background:#071722!important;border-color:#294451!important}
:root[data-theme="dark"] .sidebar .nav.active{background:#00A896!important;border-color:#00A896!important;color:#071722!important}
.button{background:#006B7B!important;border-color:#006B7B!important;color:#fff!important}
.button:hover{background:#005764!important;border-color:#005764!important}
.button.secondary,.theme-toggle{background:var(--theme-surface)!important;border-color:var(--theme-border)!important;color:var(--theme-interactive)!important}
.notice{background:#EBF5F7!important;border-left-color:#009688!important}
.cc-heading{background:linear-gradient(120deg,#006B7B,#005765)!important}
.dashboard-stat[data-metric="tasks"]{background:#EBF5F7!important;border-top-color:#006B7B!important}
.dashboard-stat[data-metric="reports"]{background:#E6F3F5!important;border-top-color:#006B7B!important}
.dashboard-stat[data-metric="projects"]{background:#E8F8F5!important;border-top-color:#00A896!important}
.dashboard-stat[data-metric="attention"]{background:#FFE8D6!important;border-top-color:#D96B27!important}
.dashboard-stat[data-metric="tasks"] .dashboard-stat-icon,.dashboard-stat[data-metric="tasks"] .stat-value{color:#006B7B!important}
.dashboard-stat[data-metric="reports"] .dashboard-stat-icon,.dashboard-stat[data-metric="reports"] .stat-value{color:#006B7B!important}
.dashboard-stat[data-metric="projects"] .dashboard-stat-icon,.dashboard-stat[data-metric="projects"] .stat-value{color:#00796B!important}
.dashboard-stat[data-metric="attention"] .dashboard-stat-icon,.dashboard-stat[data-metric="attention"] .stat-value{color:#A84A12!important}
.status-badge{display:inline-flex;align-items:center;max-width:100%;padding:3px 9px;border:1px solid transparent;border-radius:999px;font-size:10px;font-weight:750;line-height:1.45;vertical-align:middle;white-space:nowrap}
.status-badge[data-status="in-progress"],.status-badge[data-status="active"]{background:#FFE8D6!important;border-color:#F5D2B9!important;color:#A84A12!important}
.status-badge[data-status="open"],.status-badge[data-status="pending"],.status-badge[data-status="action-required"]{background:#E1F0F5!important;border-color:#C9E2E9!important;color:#006B7B!important}
.status-badge[data-status="resolved"],.status-badge[data-status="closed"]{background:#E8F8F5!important;border-color:#C8EDE5!important;color:#00796B!important}


/* Final approved palette enforcement: identical semantic colours in both themes. */
:root[data-theme="dark"] .sidebar{background:#006B7B!important;border-color:#006B7B!important}
:root[data-theme="dark"] .sidebar .nav,:root[data-theme="dark"] .sidebar .nav-group-label{color:#FFFFFF!important}
:root[data-theme="dark"] .sidebar .nav.active{background:#00A896!important;border-color:#00A896!important;color:#FFFFFF!important}
:root[data-theme="dark"] .dashboard-stat[data-metric="tasks"]{background:#EBF5F7!important;border-top-color:#006B7B!important}
:root[data-theme="dark"] .dashboard-stat[data-metric="reports"]{background:#E6F3F5!important;border-top-color:#006B7B!important}
:root[data-theme="dark"] .dashboard-stat[data-metric="projects"]{background:#E8F8F5!important;border-top-color:#00A896!important}
:root[data-theme="dark"] .dashboard-stat[data-metric="attention"]{background:#FFE8D6!important;border-top-color:#D96B27!important}
:root[data-theme="dark"] .dashboard-stat[data-metric="tasks"] .dashboard-stat-icon,:root[data-theme="dark"] .dashboard-stat[data-metric="tasks"] .stat-value,:root[data-theme="dark"] .dashboard-stat[data-metric="reports"] .dashboard-stat-icon,:root[data-theme="dark"] .dashboard-stat[data-metric="reports"] .stat-value{color:#006B7B!important}
:root[data-theme="dark"] .dashboard-stat[data-metric="projects"] .dashboard-stat-icon,:root[data-theme="dark"] .dashboard-stat[data-metric="projects"] .stat-value{color:#00A896!important}
:root[data-theme="dark"] .dashboard-stat[data-metric="attention"] .dashboard-stat-icon,:root[data-theme="dark"] .dashboard-stat[data-metric="attention"] .stat-value{color:#D96B27!important}


/* Approved palette surfaces: inner cards and sidebar menu items. */
:root .card{background:#EBF5F7!important;border-color:#D4E8EC!important}
:root .sidebar .nav:not(.active){background:#EBF5F7!important;border-color:#D4E8EC!important;color:#006B7B!important}
:root .sidebar .nav:not(.active):hover{background:#E6F3F5!important;border-color:#009688!important;color:#006B7B!important}
:root .sidebar .nav.active{background:#006B7B!important;border-color:#006B7B!important;color:#FFFFFF!important;box-shadow:inset 3px 0 #00A896!important}
:root[data-theme="dark"] .card{background:#102F3A!important;border-color:#294A55!important}
:root[data-theme="dark"] .sidebar .nav:not(.active){background:#123B43!important;border-color:#28535C!important;color:#BCEBE6!important}
:root[data-theme="dark"] .sidebar .nav:not(.active):hover{background:#174A50!important;border-color:#00A896!important;color:#FFFFFF!important}
:root[data-theme="dark"] .sidebar .nav.active{background:#00A896!important;border-color:#009688!important;color:#071722!important;box-shadow:inset 3px 0 #009688!important}

/* Keep metric card surfaces correctly dark when dark mode is selected. */
:root[data-theme="dark"] .dashboard-stat[data-metric="tasks"]{background:#123B43!important;border-top-color:#00A896!important}
:root[data-theme="dark"] .dashboard-stat[data-metric="reports"]{background:#153B47!important;border-top-color:#00A896!important}
:root[data-theme="dark"] .dashboard-stat[data-metric="projects"]{background:#123D37!important;border-top-color:#00A896!important}
:root[data-theme="dark"] .dashboard-stat[data-metric="attention"]{background:#4A3024!important;border-top-color:#D96B27!important}


/* Dark-theme status variants: preserve semantic meaning with accessible text contrast. */
:root[data-theme="dark"] .status-badge[data-status="in-progress"],:root[data-theme="dark"] .status-badge[data-status="active"]{background:#49301F!important;border-color:#70452B!important;color:#FFC49B!important}
:root[data-theme="dark"] .status-badge[data-status="open"],:root[data-theme="dark"] .status-badge[data-status="pending"],:root[data-theme="dark"] .status-badge[data-status="action-required"]{background:#173A4A!important;border-color:#28586A!important;color:#9BCBEA!important}
:root[data-theme="dark"] .status-badge[data-status="resolved"],:root[data-theme="dark"] .status-badge[data-status="closed"]{background:#143B35!important;border-color:#23675C!important;color:#78D6CA!important}

/* Dark mobile navigation active labels need dark text on the bright teal accent. */
:root[data-theme="dark"] .mobile-primary-nav>.mobile-nav-item.active,:root[data-theme="dark"] .mobile-primary-nav>.mobile-more[open]>summary,:root[data-theme="dark"] .mobile-primary-nav .mobile-more-menu>.nav.active{color:#071722!important}


/* Prevent the browser's native search decoration from duplicating the single SUKUMA search icon. */
.global-search{
  appearance:none!important;
  -webkit-appearance:none!important;
}
.global-search::-webkit-search-decoration,
.global-search::-webkit-search-results-button,
.global-search::-webkit-search-results-decoration{
  display:none!important;
}