:root{
  --primary:var(--theme-brand-primary, #117865);
  --primary-700:var(--theme-brand-primary-hover, #0e6555);
  --primary-800:var(--theme-brand-primary, #0b5146);
  --primary-900:var(--theme-hero-start, #073a33);
  --primary-soft:var(--theme-bg-surface-hover, #e8f4f1);
  --primary-soft-2:var(--theme-bg-surface-hover, #f1f8f6);
  --ink:var(--theme-text-primary, #132238);
  --muted:var(--theme-text-muted, #68788f);
  --page:var(--theme-bg-app, #f5f7f9);
  --card:var(--theme-bg-surface, #ffffff);
  --border:var(--theme-border-soft, #e4e9ee);
  --success:var(--theme-status-success, #18a66b);
  --warn:var(--theme-status-warning, #e7a21d);
  --danger:var(--theme-status-danger, #dc4453);
  --info:var(--theme-status-info, #2b7fd3);
  --purple:var(--theme-status-review, #7759d6);
  --shadow:0 8px 28px var(--theme-shadow-colour, rgba(17,50,62,.06));
  --radius:15px;
}
*{box-sizing:border-box} body{margin:0;font-family:Inter,ui-sans-serif,system-ui,-apple-system,BlinkMacSystemFont,"Segoe UI",sans-serif;color:var(--ink);background:var(--page);font-size:14px}.app-shell{min-height:100vh;display:grid;grid-template-columns:232px 1fr}.sidebar{position:fixed;z-index:20;left:0;top:0;bottom:0;width:232px;background:linear-gradient(180deg,var(--theme-bg-sidebar, #073a33) 0%,var(--theme-status-info, #082f34) 62%,var(--theme-status-info, #082a31) 100%);color:var(--theme-text-inverse, #dcebe8);padding:18px 12px 16px;display:flex;flex-direction:column}.brand{display:flex;align-items:center;gap:12px;padding:3px 10px 20px}.brand-mark{height:32px;width:32px;border-radius:9px 9px 9px 3px;background:linear-gradient(135deg,var(--theme-brand-primary, #30c2a7),var(--theme-brand-primary, #117865));display:grid;place-items:center;color:var(--theme-text-on-brand, #fff);font-size:18px;font-weight:900;box-shadow:0 6px 16px var(--theme-shadow-colour, rgba(0,0,0,.18))}.brand-name{font-size:20px;font-weight:800;color:var(--theme-text-inverse, #fff);letter-spacing:-.4px}.brand-name span{color:var(--theme-brand-primary, #49cfb6)}.nav{display:flex;flex-direction:column;gap:5px}.nav-button{width:100%;border:1px solid transparent;background:transparent;color:var(--theme-text-inverse, #d4e4e2);display:flex;align-items:center;gap:12px;padding:11px 12px;border-radius:10px;cursor:pointer;text-align:left;font:inherit;font-weight:560}.nav-button:hover{background:var(--theme-nav-hover-bg, rgba(255,255,255,.07))}.nav-button.active{background:linear-gradient(90deg,var(--theme-nav-active-bg, #117865),var(--theme-nav-active-bg, #0d695b));border-color:var(--theme-glass-border, rgba(255,255,255,.12));color:var(--theme-text-inverse, #fff);box-shadow:0 5px 15px var(--theme-shadow-colour, rgba(0,0,0,.1))}.nav-icon{width:21px;height:21px;border:1.8px solid currentColor;border-radius:6px;display:grid;place-items:center;font-size:11px;font-weight:800}.side-spacer{flex:1}.side-promo{margin:14px 4px 4px;padding:18px 15px;border:1px solid var(--theme-border-focus, rgba(90,220,193,.25));border-radius:14px;background:linear-gradient(145deg,var(--theme-brand-soft, rgba(17,120,101,.38)),var(--theme-status-info-bg, rgba(6,40,47,.55)));overflow:hidden;position:relative;min-height:126px}.side-promo:after{content:"";position:absolute;right:-25px;bottom:-42px;width:125px;height:125px;border-radius:50%;background:radial-gradient(circle,var(--theme-brand-primary, #2fc4a7) 0%,var(--theme-brand-soft, rgba(47,196,167,.1)) 60%,transparent 61%);opacity:.45}.side-promo strong{display:block;color:var(--theme-text-inverse, #fff);line-height:1.45;font-size:15px;max-width:145px}.side-promo small{display:block;color:var(--theme-text-muted, #acd8cf);margin-top:9px;line-height:1.45}.main-shell{grid-column:2;min-width:0}.topbar{height:70px;background:linear-gradient(90deg,var(--theme-bg-topbar, #073a33),var(--theme-status-info, #093f45));display:flex;align-items:center;padding:0 24px;gap:18px;color:var(--theme-text-inverse, #fff);position:sticky;top:0;z-index:15}.global-search{max-width:760px;flex:1;margin:auto;height:41px;border:1px solid var(--theme-glass-border, rgba(255,255,255,.18));background:var(--theme-glass-surface, rgba(255,255,255,.06));border-radius:10px;display:flex;align-items:center;padding:0 14px;gap:10px;color:var(--theme-text-muted, #cce0dc)}.global-search input{flex:1;background:transparent;border:0;color:var(--theme-text-inverse, #fff);outline:0;font:inherit}.global-search input::placeholder{color:var(--theme-text-muted, #a9c2bf)}.top-actions{display:flex;align-items:center;gap:14px}.bell{position:relative;width:36px;height:36px;border-radius:50%;display:grid;place-items:center;background:var(--theme-glass-surface, rgba(255,255,255,.06))}.bell-dot{position:absolute;right:4px;top:3px;width:8px;height:8px;background:var(--theme-status-danger-bg, #ff4b5e);border-radius:50%;border:2px solid var(--theme-status-success-border, #073a33)}.user-chip{display:flex;align-items:center;gap:9px}.avatar{width:38px;height:38px;border-radius:50%;display:grid;place-items:center;font-weight:800;color:var(--theme-text-inverse, #fff);background:linear-gradient(135deg,var(--theme-brand-primary, #117865),var(--theme-brand-primary, #2ca990));box-shadow:inset 0 0 0 2px var(--theme-shadow-colour, rgba(255,255,255,.2))}.avatar.sm{width:29px;height:29px;font-size:11px}.avatar.lg{width:84px;height:84px;font-size:26px}.user-chip strong{display:block;font-size:13px}.user-chip small{color:var(--theme-text-muted, #bcd0cd)}.content{padding:18px 22px 32px;max-width:1760px;margin:0 auto}.page-head{display:flex;justify-content:space-between;gap:16px;align-items:flex-end;margin-bottom:15px}.eyebrow{font-size:13px;color:var(--theme-status-info-text, #6e7d90);margin-bottom:2px}.page-head h1{margin:0;font-size:31px;letter-spacing:-.7px;line-height:1.08}.page-subtitle{margin-top:5px;color:var(--muted);font-size:14px}.head-actions{display:flex;gap:10px;align-items:center}.btn{height:39px;border-radius:9px;padding:0 15px;border:1px solid var(--border);background:var(--theme-bg-surface, #fff);color:var(--ink);font-weight:700;cursor:pointer}.btn:hover{transform:translateY(-1px)}.btn-primary{background:var(--primary);color:var(--theme-text-on-brand, #fff);border-color:var(--primary)}.btn-primary:hover{background:var(--primary-700)}.btn-ghost{background:var(--theme-bg-surface, #fff)}.btn-danger{border-color:var(--theme-status-danger-border, #f0b9bf);color:var(--danger);background:var(--theme-bg-surface, #fff)}.select,.search-field{height:39px;border:1px solid var(--border);background:var(--theme-input-bg, #fff);border-radius:9px;padding:0 12px;color:var(--ink);outline:0}.search-field{min-width:280px}.grid{display:grid;gap:14px}.kpi-grid{grid-template-columns:repeat(5,minmax(0,1fr));margin-bottom:14px}.card{background:var(--card);border:1px solid var(--theme-border-soft, #edf0f2);border-radius:var(--radius);box-shadow:var(--shadow)}.kpi{padding:16px;min-height:126px;display:flex;flex-direction:column;justify-content:space-between;position:relative;overflow:hidden}.kpi-top{display:flex;gap:9px;align-items:center;font-weight:750}.icon-bubble{width:36px;height:36px;border-radius:9px;display:grid;place-items:center;background:var(--primary-soft);color:var(--primary);font-weight:900}.icon-bubble.blue{background:var(--theme-bg-surface-hover, #e8f2fc);color:var(--info)}.icon-bubble.warn{background:var(--theme-bg-surface-hover, #fff4df);color:var(--theme-status-warning-text, #d88b0a)}.icon-bubble.red{background:var(--theme-bg-surface-hover, #fdebed);color:var(--danger)}.kpi-value{font-size:24px;font-weight:850;letter-spacing:-.5px}.trend{font-size:12px;color:var(--muted)}.trend .up,.trend .down{color:var(--success);font-weight:800}.trend .bad{color:var(--danger);font-weight:800}.mini-bars{position:absolute;right:15px;bottom:18px;display:flex;align-items:flex-end;gap:4px;height:44px;opacity:.78}.mini-bars span{display:block;width:8px;background:var(--theme-brand-primary, #78cfbc);border-radius:2px}.mini-bars span:nth-child(1){height:14px}.mini-bars span:nth-child(2){height:23px}.mini-bars span:nth-child(3){height:31px}.mini-bars span:nth-child(4){height:40px}.dashboard-mid{grid-template-columns:1.45fr 1fr 1fr;margin-bottom:14px}.dashboard-bottom{grid-template-columns:1fr 1.1fr .95fr}.panel{padding:15px}.panel-head{display:flex;justify-content:space-between;gap:10px;align-items:start;margin-bottom:12px}.panel-title{font-weight:800;font-size:16px}.panel-sub{font-size:12px;color:var(--muted);margin-top:2px}.chart-wrap{height:210px;position:relative}.chart-svg{width:100%;height:100%}.axis{font-size:10px;fill:var(--theme-text-muted, #8390a1)}.gridline{stroke:var(--theme-border-soft, #e8ecef);stroke-width:1}.donut-wrap{display:flex;align-items:center;gap:16px;padding:6px 0}.donut{width:170px;height:170px;border-radius:50%;background:conic-gradient(var(--theme-brand-primary, #117865) 0 42%,var(--theme-brand-primary, #29a78d) 42% 64%,var(--theme-brand-primary, #48c8b1) 64% 78%,var(--theme-brand-primary, #72d9c5) 78% 90%,var(--theme-bg-surface-hover, #d3ece6) 90% 100%);position:relative;flex:0 0 auto}.donut:after{content:"128,430\A Customers";white-space:pre;position:absolute;inset:31px;border-radius:50%;background:var(--theme-bg-surface, white);display:grid;place-items:center;text-align:center;font-weight:850;line-height:1.2;font-size:17px}.legend{display:grid;gap:9px;min-width:0}.legend-row{display:grid;grid-template-columns:9px 1fr auto;gap:8px;align-items:center;font-size:12px}.dot{width:9px;height:9px;border-radius:50%}.pipeline-list{display:grid;gap:13px}.pipeline-row{display:grid;grid-template-columns:120px 1fr 48px;gap:10px;align-items:center;font-size:12px}.progress{height:12px;background:var(--theme-bg-surface-hover, #eef2f4);border-radius:999px;overflow:hidden}.progress>span{height:100%;display:block;border-radius:inherit;background:linear-gradient(90deg,var(--primary),var(--theme-brand-primary, #35b49c))}.tasks,.activity-list{display:grid;gap:0}.task,.activity{display:grid;grid-template-columns:24px 1fr auto;gap:10px;align-items:center;padding:10px 0;border-top:1px solid var(--theme-border-soft, #eef1f3)}.task:first-child,.activity:first-child{border-top:0}.checkbox{width:17px;height:17px;border:1.5px solid var(--theme-border-default, #b9c5cf);border-radius:4px}.task strong,.activity strong{display:block;font-size:12px}.task small,.activity small{display:block;color:var(--muted);margin-top:2px;font-size:11px}.due{font-size:11px;color:var(--info)}.due.red{color:var(--danger)}.activity-icon{width:27px;height:27px;border-radius:50%;display:grid;place-items:center;background:var(--primary-soft);color:var(--primary);font-weight:900}.value-bars{display:grid;gap:15px;padding-top:7px}.value-row{display:grid;grid-template-columns:115px 1fr 75px;align-items:center;gap:10px;font-size:12px}.value-track{height:12px;background:var(--theme-bg-surface-hover, #eef2f4);border-radius:999px}.value-fill{height:100%;background:linear-gradient(90deg,var(--theme-brand-primary, #117865),var(--theme-brand-primary, #36b39b));border-radius:999px}.toolbar{display:flex;gap:9px;align-items:center;flex-wrap:wrap;padding:11px;margin-bottom:12px}.table-card{overflow:hidden}.table-headline{padding:14px 15px;display:flex;align-items:center;justify-content:space-between;border-bottom:1px solid var(--theme-border-soft, #eef1f3)}.data-table{width:100%;border-collapse:collapse}.data-table th,.data-table td{padding:11px 12px;border-bottom:1px solid var(--theme-border-soft, #eef1f3);text-align:left;font-size:12px;vertical-align:middle}.data-table th{font-size:11px;color:var(--theme-status-info-text, #64758a);font-weight:750;background:var(--theme-table-header-bg, #fbfcfd)}.data-table tbody tr{cursor:pointer}.data-table tbody tr:hover,.data-table tbody tr.selected{background:var(--theme-bg-app, #f0f8f6)}.customer-cell{display:flex;align-items:center;gap:8px;font-weight:700}.pill{display:inline-flex;align-items:center;gap:5px;padding:5px 8px;border-radius:999px;font-size:11px;font-weight:760;background:var(--theme-bg-surface-hover, #eef2f4);color:var(--theme-status-info-text, #526171)}.pill.green{background:var(--theme-bg-surface-hover, #e4f7ef);color:var(--theme-status-success-text, #12865e)}.pill.red{background:var(--theme-bg-surface-hover, #fde8eb);color:var(--theme-status-danger-text, #c92e42)}.pill.orange{background:var(--theme-bg-surface-hover, #fff1d9);color:var(--theme-status-warning-text, #c87900)}.pill.blue{background:var(--theme-bg-surface-hover, #e6f1fd);color:var(--theme-status-info-text, #2977c3)}.pill.gray{background:var(--theme-bg-surface-hover, #eef1f3);color:var(--theme-status-info-text, #667485)}.pill.primary{background:var(--primary-soft);color:var(--primary)}.customer-layout{grid-template-columns:1fr}.profile-hero{padding:15px 18px;display:flex;align-items:center;gap:16px;margin-bottom:12px}.profile-main{display:flex;align-items:center;gap:15px;min-width:0;flex:1}.profile-name h2{margin:0 0 3px;font-size:24px}.meta-row{display:flex;gap:24px;flex-wrap:wrap;margin-top:10px}.meta-block small{display:block;color:var(--muted);margin-top:2px}.profile-status{display:flex;gap:26px;align-items:center;padding-left:20px;border-left:1px solid var(--border)}.status-item strong{display:block}.status-item small{color:var(--muted)}.summary-grid{grid-template-columns:repeat(5,minmax(0,1fr));margin-bottom:10px}.summary-card{padding:13px}.summary-card .label{font-size:12px;font-weight:750}.summary-card .number{font-size:23px;font-weight:850;margin-top:8px}.tabs{display:flex;gap:24px;border-bottom:1px solid var(--border);margin-bottom:12px;overflow:auto}.tab{padding:11px 4px;color:var(--theme-status-info-text, #526171);font-weight:680;white-space:nowrap}.tab.active{color:var(--primary);border-bottom:3px solid var(--primary)}.customer-overview{grid-template-columns:1fr 1.05fr 1.1fr;margin-bottom:12px}.details-list{display:grid}.detail-row{display:grid;grid-template-columns:135px 1fr;gap:12px;padding:8px 0;border-top:1px solid var(--theme-border-soft, #eef1f3);font-size:12px}.detail-row:first-child{border-top:0}.detail-row span:first-child{color:var(--muted)}.product-grid{grid-template-columns:1.05fr .9fr 1fr}.list-row{display:grid;grid-template-columns:1fr auto;gap:10px;padding:9px 0;border-top:1px solid var(--theme-border-soft, #eef1f3);font-size:12px}.list-row:first-child{border-top:0}.list-row strong{display:block}.list-row small{color:var(--muted)}.cases-layout{grid-template-columns:minmax(0,1.7fr) 390px;align-items:start}.case-side{padding:15px;position:sticky;top:84px}.case-side h3{margin:0;font-size:17px}.case-tabs{display:flex;gap:17px;margin:14px 0;border-bottom:1px solid var(--border)}.case-tab{padding:8px 0;color:var(--muted);font-size:12px}.case-tab.active{color:var(--primary);border-bottom:2px solid var(--primary)}.case-customer{display:flex;align-items:center;gap:10px;padding:12px;border:1px solid var(--border);border-radius:11px}.case-info-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:8px;margin:10px 0}.case-info{padding:11px;border:1px solid var(--border);border-radius:10px}.case-info small{display:block;color:var(--muted);margin-bottom:6px}.next-action{padding:13px;border-radius:11px;background:var(--primary-soft-2);border:1px solid var(--theme-border-soft, #d6ebe5);margin-top:10px}.escalation{padding:13px;border-radius:11px;background:var(--theme-bg-surface, #fff1f3);border:1px solid var(--theme-border-focus, #f6d2d7);margin-top:10px}.case-charts{grid-template-columns:1fr 1.2fr;margin-top:12px}.tiny-donut{width:140px;height:140px}.tiny-donut:after{content:"432\A Cases";inset:29px;font-size:15px}.ai-layout{grid-template-columns:minmax(0,1.4fr) 380px;align-items:start}.chat-card{min-height:650px;display:flex;flex-direction:column}.chat-header{padding:15px;border-bottom:1px solid var(--border);display:flex;align-items:center;justify-content:space-between}.chat-body{flex:1;padding:18px;display:flex;flex-direction:column;gap:12px;background:linear-gradient(var(--theme-bg-app, #fff),var(--theme-bg-app, #fbfdfc))}.msg{max-width:78%;padding:12px 14px;border-radius:14px;line-height:1.5}.msg.ai{align-self:flex-start;background:var(--primary-soft);border:1px solid var(--theme-border-soft, #d7ebe6)}.msg.user{align-self:flex-end;background:var(--primary);color:var(--theme-text-on-brand, #fff)}.chat-compose{display:flex;gap:10px;padding:12px;border-top:1px solid var(--border)}.chat-compose textarea{flex:1;min-height:50px;resize:none;border:1px solid var(--border);border-radius:10px;padding:10px;font:inherit;outline:0}.suggestions{display:grid;gap:9px}.suggestion{padding:12px;border:1px solid var(--border);border-radius:10px;background:var(--theme-bg-surface, #fff);cursor:pointer}.suggestion:hover{border-color:var(--theme-border-focus, #b8dcd3);background:var(--theme-bg-surface, #f8fcfb)}.help-layout{grid-template-columns:1fr 330px;align-items:start}.faq-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.faq-card{padding:15px;cursor:pointer}.faq-card h3{margin:0 0 6px;font-size:15px}.video-card{overflow:hidden}.video-thumb{height:145px;background:linear-gradient(135deg,var(--theme-hero-start, #073a33),var(--theme-hero-start, #117865));display:grid;place-items:center;color:var(--theme-text-inverse, white);position:relative}.play{width:52px;height:52px;border-radius:50%;background:var(--theme-bg-surface, #fff);color:var(--primary);display:grid;place-items:center;font-size:20px;box-shadow:0 8px 24px var(--theme-shadow-colour, rgba(0,0,0,.18))}.video-meta{padding:13px}.travel-card{padding:16px}.travel-banner{background:linear-gradient(135deg,var(--theme-hero-start, #0b5146),var(--theme-hero-start, #117865));color:var(--theme-text-inverse, white);padding:16px;border-radius:13px;margin-bottom:12px}.travel-banner h2{margin:0 0 5px}.advice-list{display:grid;gap:9px;margin-top:12px}.advice{padding:11px;border-radius:10px;background:var(--theme-bg-surface, #f7faf9);border:1px solid var(--theme-border-soft, #e2ebe8)}.toggle{display:flex;align-items:center;gap:10px}.switch{width:42px;height:23px;border-radius:999px;background:var(--theme-bg-surface-hover, #cfd8dc);position:relative;cursor:pointer}.switch.on{background:var(--primary)}.switch:after{content:"";position:absolute;width:19px;height:19px;top:2px;left:2px;border-radius:50%;background:var(--theme-bg-surface, #fff);transition:.2s}.switch.on:after{left:21px}.toast{position:fixed;right:24px;bottom:24px;background:var(--theme-hero-start, #0d4a40);color:var(--theme-text-inverse, #fff);padding:12px 16px;border-radius:10px;box-shadow:0 10px 30px var(--theme-shadow-colour, rgba(0,0,0,.18));z-index:99;animation:fadeIn .2s ease}.modal-backdrop{position:fixed;inset:0;background:var(--theme-modal-overlay, rgba(5,25,29,.55));z-index:90;display:grid;place-items:center;padding:20px}.modal{width:min(720px,96vw);max-height:90vh;overflow:auto;background:var(--theme-bg-surface, #fff);border-radius:16px;box-shadow:0 20px 60px var(--theme-shadow-colour, rgba(0,0,0,.28))}.modal-head{padding:16px;border-bottom:1px solid var(--border);display:flex;align-items:center;justify-content:space-between}.modal-body{padding:16px}.form-grid{display:grid;grid-template-columns:1fr 1fr;gap:12px}.field{display:grid;gap:6px}.field label{font-size:12px;font-weight:700}.field input,.field select,.field textarea{border:1px solid var(--border);border-radius:9px;padding:10px;font:inherit;outline:0}.field.full{grid-column:1/-1}.modal-foot{display:flex;justify-content:flex-end;gap:9px;padding:14px 16px;border-top:1px solid var(--border)}.empty-state{padding:50px 20px;text-align:center;color:var(--muted)}@keyframes fadeIn{from{opacity:0;transform:translateY(8px)}to{opacity:1;transform:none}}@media(max-width:1200px){.kpi-grid,.summary-grid{grid-template-columns:repeat(3,1fr)}.dashboard-mid,.dashboard-bottom,.customer-overview,.product-grid{grid-template-columns:1fr 1fr}.cases-layout,.ai-layout,.help-layout{grid-template-columns:1fr}.case-side{position:static}.profile-status{flex-wrap:wrap}}@media(max-width:850px){.app-shell{grid-template-columns:1fr}.sidebar{transform:translateX(-100%)}.main-shell{grid-column:1}.content{padding:14px}.topbar{padding:0 14px}.user-chip>div:last-child{display:none}.kpi-grid,.summary-grid,.dashboard-mid,.dashboard-bottom,.customer-overview,.product-grid,.case-charts,.faq-grid{grid-template-columns:1fr}.page-head{align-items:flex-start;flex-direction:column}.profile-hero,.profile-main{align-items:flex-start;flex-direction:column}.profile-status{border-left:0;padding-left:0}.search-field{min-width:100%}.data-table{min-width:820px}.table-card{overflow:auto}.form-grid{grid-template-columns:1fr}.field.full{grid-column:auto}}


/* --- Auth + live-data checkpoint --- */
.boot-screen{min-height:100vh;display:grid;place-items:center;align-content:center;gap:14px;background:var(--theme-bg-app, #f6f8fa);color:var(--theme-text-primary, #152033)}
.boot-mark{width:54px;height:54px;border-radius:15px;display:grid;place-items:center;background:var(--theme-brand-primary, #117865);color:var(--theme-text-inverse, #fff);font-size:26px;font-weight:900;box-shadow:0 10px 30px var(--theme-shadow-colour, rgba(17,120,101,.22))}
.auth-shell{min-height:100vh;display:grid;grid-template-columns:minmax(460px,1.1fr) minmax(420px,.9fr);background:var(--theme-bg-app, #f6f8fa)}
.auth-brand-panel{padding:48px clamp(34px,5vw,78px);background:linear-gradient(145deg,var(--theme-hero-start, #062f2a) 0%,var(--theme-hero-start, #0a4c42) 52%,var(--theme-hero-start, #117865) 100%);color:var(--theme-text-inverse, #fff);display:flex;flex-direction:column;min-height:100vh;position:relative;overflow:hidden}
.auth-brand-panel:after{content:"";position:absolute;width:460px;height:460px;border-radius:50%;right:-160px;bottom:-160px;background:radial-gradient(circle,var(--theme-hero-end, rgba(104,233,202,.24)),var(--theme-hero-end, rgba(104,233,202,0)) 68%)}
.auth-brand{display:flex;align-items:center;gap:12px;position:relative;z-index:2}
.auth-brand .brand-mark{background:var(--theme-bg-surface, #fff);color:var(--theme-brand-primary, #117865)}
.auth-brand .brand-name{font-size:21px}
.auth-brand .brand-name span{color:var(--theme-text-inverse, #73e0ca)}
.auth-copy{margin:auto 0;max-width:720px;position:relative;z-index:2}
.auth-kicker{display:inline-block;padding:7px 10px;border:1px solid var(--theme-glass-border, rgba(255,255,255,.22));border-radius:999px;color:var(--theme-text-inverse, #b9e7dd);font-size:12px;font-weight:800;letter-spacing:.04em;text-transform:uppercase}
.auth-copy h1{font-size:clamp(42px,5vw,70px);line-height:1.02;letter-spacing:-2.2px;margin:20px 0 18px}
.auth-copy>p{font-size:17px;line-height:1.65;color:var(--theme-text-inverse, #cae2dd);max-width:620px}
.auth-feature-grid{display:grid;grid-template-columns:1fr 1fr;gap:12px;margin-top:34px}
.auth-feature-grid>div{padding:16px;border-radius:14px;background:var(--theme-glass-surface, rgba(255,255,255,.07));border:1px solid var(--theme-glass-border, rgba(255,255,255,.11));backdrop-filter:blur(6px)}
.auth-feature-grid strong{display:block;font-size:14px}
.auth-feature-grid span{display:block;font-size:12px;line-height:1.45;color:var(--theme-text-inverse, #bcd9d3);margin-top:5px}
.auth-form-panel{display:grid;place-items:center;padding:30px;background:linear-gradient(180deg,var(--theme-bg-app, #fbfcfd),var(--theme-bg-app, #f3f6f7))}
.auth-card{width:min(460px,100%);padding:28px;box-shadow:0 20px 65px var(--theme-shadow-colour, rgba(17,46,51,.12))}
.auth-card h2{margin:4px 0 8px;font-size:29px;letter-spacing:-.6px}
.auth-muted{margin:0 0 22px;color:var(--theme-status-info-text, #69798b);line-height:1.55;font-size:13px}
.auth-card form{display:grid;gap:14px}
.auth-card .field input{height:44px}
.auth-primary,.auth-secondary{width:100%;height:46px;margin-top:3px}
.auth-divider{display:flex;align-items:center;gap:10px;color:var(--theme-text-muted, #8996a3);font-size:11px;margin:20px 0 12px}
.auth-divider:before,.auth-divider:after{content:"";height:1px;background:var(--theme-bg-surface-hover, #e3e8eb);flex:1}
.auth-note{font-size:11px;line-height:1.5;color:var(--theme-text-muted, #7b8996);margin-top:10px}
.auth-message{min-height:20px;margin-top:12px;font-size:12px;color:var(--theme-status-danger-text, #b42c3f)}
.top-signout{background:var(--theme-glass-surface, rgba(255,255,255,.08));border-color:var(--theme-glass-border, rgba(255,255,255,.2));color:var(--theme-text-inverse, #fff);height:34px;padding:0 11px;font-size:11px}
.top-signout:hover{background:var(--theme-glass-surface, rgba(255,255,255,.14))}
@media(max-width:900px){
  .auth-shell{grid-template-columns:1fr}
  .auth-brand-panel{min-height:auto;padding:28px 24px}
  .auth-copy{margin:55px 0 18px}
  .auth-copy h1{font-size:42px}
  .auth-feature-grid{grid-template-columns:1fr 1fr}
  .auth-form-panel{padding:24px}
}
@media(max-width:560px){
  .auth-feature-grid{grid-template-columns:1fr}
  .auth-copy h1{font-size:36px}
  .top-signout{display:none}
}


/* --- Enterprise navigation + department workspaces --- */
.sidebar{overflow-y:auto}
.nav{gap:10px;padding-right:2px}
.nav-group{display:flex;flex-direction:column;gap:4px}
.nav-group-title{padding:6px 12px 3px;font-size:10px;font-weight:800;letter-spacing:.12em;text-transform:uppercase;color:var(--theme-brand-primary, #7fb9ae)}
.nav-button{padding:9px 10px}
.nav-button span:last-child{min-width:0}
.nav-icon{width:25px;height:21px;border-radius:6px;font-size:9px;letter-spacing:-.2px;flex:0 0 auto}
.side-spacer{display:none}
.side-promo{margin-top:8px;min-height:auto;padding:14px}
.side-promo strong{font-size:13px}
.side-promo small{font-size:11px}
.search-label{font-size:11px;font-weight:800;letter-spacing:.05em;text-transform:uppercase;color:var(--theme-brand-primary, #83c8ba)}
.dept-hero{display:flex;align-items:center;justify-content:space-between;gap:24px;padding:26px;margin-bottom:14px;background:linear-gradient(135deg,var(--theme-bg-surface, #ffffff) 0%,var(--theme-bg-surface, #f4fbf8) 100%)}
.dept-eyebrow{font-size:11px;font-weight:800;letter-spacing:.08em;text-transform:uppercase;color:var(--theme-brand-primary, #117865)}
.dept-hero h2{font-size:28px;margin:7px 0 8px;letter-spacing:-.5px}
.dept-hero p{margin:0;color:var(--muted);max-width:820px;line-height:1.6}
.dept-badge{min-width:82px;height:82px;border-radius:20px;background:var(--theme-status-success, #117865);color:var(--theme-text-inverse, #fff);display:grid;place-items:center;font-size:24px;font-weight:900;box-shadow:0 14px 30px var(--theme-shadow-colour, rgba(17,120,101,.18))}
.dept-grid{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:14px}
.dept-card{padding:20px;min-height:210px;display:flex;flex-direction:column}
.dept-code{width:max-content;padding:6px 9px;border-radius:8px;background:var(--theme-bg-surface-hover, #e7f5f1);color:var(--theme-brand-primary, #117865);font-size:11px;font-weight:900;letter-spacing:.03em}
.dept-card h3{margin:15px 0 8px;font-size:17px}
.dept-card p{margin:0;color:var(--muted);font-size:13px;line-height:1.55}
.dept-card-foot{margin-top:auto;padding-top:18px;display:flex;align-items:center;justify-content:space-between;gap:8px}
.dept-note{margin-top:14px;padding:18px 20px;border-left:4px solid var(--theme-border-focus, #117865)}
.dept-note strong{font-size:13px}
.dept-note p{margin:5px 0 0;color:var(--muted);font-size:12px;line-height:1.55}
@media(max-width:1350px){.dept-grid{grid-template-columns:repeat(2,minmax(0,1fr))}}
@media(max-width:900px){.dept-grid{grid-template-columns:1fr}.dept-hero{align-items:flex-start}.dept-badge{min-width:62px;height:62px;border-radius:15px;font-size:18px}}


/* --- Uraji OS workplan workspace --- */
.work-kpis{grid-template-columns:repeat(5,minmax(0,1fr));margin-bottom:14px}
.table-scroll{overflow:auto}
.work-table{min-width:1180px}
.work-table td:nth-child(2){min-width:360px}
.work-table td:nth-child(2) small{display:block;margin-top:4px;color:var(--muted);line-height:1.4}
.work-table td:nth-child(3){min-width:170px}
.work-table td:nth-child(5){min-width:150px}
.staff-dept-select,.staff-role-select{min-width:180px}
@media(max-width:1200px){.work-kpis{grid-template-columns:repeat(2,minmax(0,1fr))}}


/* --- Staff-first Uraji OS executive dashboard --- */
.os-exec-grid{grid-template-columns:minmax(0,1.55fr) minmax(320px,.8fr);margin-bottom:14px}
.dept-progress-list{display:flex;flex-direction:column;gap:14px}
.dept-progress-row{display:grid;grid-template-columns:minmax(220px,1fr) minmax(180px,1.2fr) 48px;gap:14px;align-items:center}
.dept-progress-row strong{font-size:13px}
.dept-progress-row small{display:block;margin-top:3px;color:var(--muted);font-size:11px}
.dept-progress-meter{height:8px;border-radius:999px;background:var(--theme-bg-surface-hover, #edf2f3);overflow:hidden}
.dept-progress-meter span{display:block;height:100%;border-radius:inherit;background:linear-gradient(90deg,var(--theme-brand-primary, #117865),var(--theme-brand-primary, #35b49a))}
.ops-stat-list{display:flex;flex-direction:column;gap:10px}
.ops-stat{display:flex;align-items:center;justify-content:space-between;padding:12px 13px;border:1px solid var(--theme-border-soft, #edf0f2);border-radius:10px;background:var(--theme-bg-surface, #fbfcfc)}
.ops-stat span{color:var(--muted);font-size:12px}
.ops-stat strong{font-size:18px}
.panel-actions{display:flex;flex-wrap:wrap;gap:8px;margin-top:14px}
.os-principle{padding:6px 2px}
.os-principle strong{font-size:18px;color:var(--theme-brand-primary, #117865)}
.os-principle p{margin:8px 0 0;color:var(--muted);line-height:1.65;font-size:13px}
@media(max-width:1100px){.os-exec-grid{grid-template-columns:1fr}.dept-progress-row{grid-template-columns:1fr}.dept-progress-row>strong{text-align:left}}


/* --- Actionable workplan boards --- */
.department-task-board{margin-top:14px}
.work-task-row{cursor:pointer}
.work-task-row:hover{background:var(--theme-bg-surface, #f7fbfa)}
.task-link,.task-title-link{border:0;background:transparent;padding:0;text-align:left;color:inherit;cursor:pointer;font:inherit}
.task-link{color:var(--theme-brand-primary, #117865);font-weight:900}
.task-title-link{display:block;width:100%}
.task-title-link strong{display:block}
.task-title-link small{display:block;color:var(--muted);margin-top:4px;line-height:1.45}
.task-open-btn{height:32px;padding:0 10px}
.work-task-modal{width:min(880px,94vw);max-height:90vh;overflow:auto}
.work-modal-title{display:flex;align-items:center;gap:10px;min-width:0}
.work-modal-title strong{min-width:0;white-space:normal}
.task-detail-summary{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:10px;margin-bottom:18px}
.task-detail-summary>div{padding:12px;border:1px solid var(--theme-border-soft, #e7ecee);border-radius:10px;background:var(--theme-bg-surface, #f8fbfa)}
.task-detail-summary span{display:block;color:var(--muted);font-size:10px;font-weight:800;text-transform:uppercase;letter-spacing:.05em;margin-bottom:5px}
.task-detail-summary strong{display:block;font-size:12px;line-height:1.45}
.readonly-note{padding:12px;border:1px solid var(--theme-border-soft, #e4e9eb);border-radius:9px;background:var(--theme-bg-surface, #f7f9fa);color:var(--theme-status-info-text, #586779);font-size:12px;line-height:1.55;min-height:44px}
.btn-complete{border-color:var(--theme-border-focus, #117865);color:var(--theme-brand-primary, #117865);background:var(--theme-bg-surface-hover, #eef8f5)}
.btn-complete:hover{background:var(--theme-bg-surface-hover, #e1f3ee)}
@media(max-width:720px){.task-detail-summary{grid-template-columns:1fr}}


/* --- Collapsible navigation + deep task workflow --- */
.workspace-toggle{margin:10px 8px 12px;width:calc(100% - 16px);border:1px solid var(--theme-glass-border, rgba(255,255,255,.15));background:linear-gradient(135deg,var(--theme-brand-primary, #117865),var(--theme-brand-primary, #0e6757));color:var(--theme-text-inverse, #fff);border-radius:14px;padding:12px 13px;display:flex;align-items:center;gap:10px;cursor:pointer;text-align:left}
.workspace-toggle:hover{filter:brightness(1.05)}
.workspace-toggle-icon{display:grid;place-items:center;width:28px;height:28px;border-radius:8px;background:var(--theme-glass-surface, rgba(255,255,255,.12));font-weight:900;font-size:11px;flex:0 0 auto}
.workspace-toggle-copy{min-width:0;display:flex;flex-direction:column;gap:2px}
.workspace-toggle-copy strong{font-size:12px}
.workspace-toggle-copy small{font-size:10px;color:var(--theme-text-muted, #c6e5de)}
.app-shell.sidebar-collapsed{grid-template-columns:74px minmax(0,1fr)}
.sidebar.collapsed .brand-name,.sidebar.collapsed .nav-group-title,.sidebar.collapsed .nav-label,.sidebar.collapsed .workspace-toggle-copy{display:none}
.sidebar.collapsed .brand{justify-content:center;padding-left:0;padding-right:0}
.sidebar.collapsed .nav-button{justify-content:center;padding-left:8px;padding-right:8px}
.sidebar.collapsed .nav-icon{margin:0}
.sidebar.collapsed .workspace-toggle{justify-content:center;padding:10px 6px}
.deep-task-modal{width:min(1040px,96vw);max-height:92vh}
.work-modal-title small{display:block;color:var(--muted);font-weight:500;margin-top:3px}
.completion-rule{border:1px solid var(--theme-border-soft, #cfe9e2);background:var(--theme-bg-surface-hover, #f2fbf8);border-radius:12px;padding:14px 16px;margin-bottom:14px}
.completion-rule strong{color:var(--theme-brand-primary, #117865)}
.completion-rule p{margin:6px 0;color:var(--theme-status-info-text, #425464);line-height:1.55;font-size:13px}
.completion-rule span{font-size:11px;color:var(--theme-status-info-text, #70808f);font-weight:700}
.task-modal-tabs{display:grid;gap:14px}
.task-pane{border:1px solid var(--theme-border-soft, #e5eaec);border-radius:12px;padding:16px;background:var(--theme-bg-surface, #fff)}
.task-pane h3{margin:0 0 14px;font-size:15px}
.task-checklist{display:flex;flex-direction:column;gap:8px}
.task-checklist label{display:flex;align-items:flex-start;gap:9px;padding:9px 10px;border:1px solid var(--theme-border-soft, #edf0f2);border-radius:9px;background:var(--theme-bg-surface, #fbfcfc)}
.inline-add{display:flex;gap:8px;margin-top:10px}
.inline-add input,.inline-add textarea{flex:1}
.evidence-upload{display:grid;grid-template-columns:1fr 1fr;gap:8px;margin-top:10px}
.evidence-upload #workEvidenceDesc{grid-column:1 / -1}
.evidence-upload button{width:max-content}
.evidence-list,.comment-list{display:flex;flex-direction:column;gap:9px}
.evidence-item,.comment-item{border:1px solid var(--theme-border-soft, #edf0f2);border-radius:10px;padding:10px 12px;background:var(--theme-bg-surface, #fbfcfc)}
.evidence-item{display:flex;align-items:center;justify-content:space-between;gap:12px}
.evidence-item small{display:block;color:var(--muted);margin-top:3px}
.comment-item strong{font-size:12px}
.comment-item>span{font-size:10px;color:var(--muted);margin-left:8px}
.comment-item p{margin:6px 0 0;font-size:12px;line-height:1.5;color:var(--theme-status-info-text, #435363)}
@media(max-width:760px){
  .app-shell.sidebar-collapsed{grid-template-columns:64px minmax(0,1fr)}
  .evidence-upload{grid-template-columns:1fr}
  .evidence-upload #workEvidenceDesc{grid-column:auto}
  .inline-add{flex-direction:column}
}


/* --- Premium staff welcome + contextual guidance --- */
.premium-welcome{display:flex;align-items:center;justify-content:space-between;gap:22px;padding:24px 26px;margin-bottom:16px;border-radius:18px;background:linear-gradient(135deg,var(--theme-hero-start, #073f37) 0%,var(--theme-brand-primary, #0f6c5b) 62%,var(--theme-brand-primary, #117865) 100%);color:var(--theme-text-inverse, #fff);box-shadow:0 18px 42px var(--theme-shadow-colour, rgba(17,120,101,.18))}
.welcome-kicker{display:block;font-size:13px;font-weight:800;color:var(--theme-text-muted, #bfe9df);margin-bottom:7px}
.premium-welcome h2{margin:0;font-size:28px;letter-spacing:-.6px}
.premium-welcome p{margin:8px 0 0;color:var(--theme-text-inverse, #d2ebe5);font-size:13px;line-height:1.55}
.welcome-stats{display:grid;grid-template-columns:repeat(4,minmax(76px,1fr));gap:10px;min-width:360px}
.welcome-stats>div{padding:12px;border-radius:12px;background:var(--theme-glass-surface, rgba(255,255,255,.09));border:1px solid var(--theme-glass-border, rgba(255,255,255,.12));text-align:center}
.welcome-stats strong{display:block;font-size:22px}
.welcome-stats span{display:block;margin-top:3px;font-size:10px;color:var(--theme-text-inverse, #cde7e1);text-transform:uppercase;letter-spacing:.05em}
.task-guidance-grid{display:grid;grid-template-columns:1.15fr 1fr;gap:12px;margin-bottom:12px}
.guidance-card{border:1px solid var(--theme-border-soft, #e4eaec);border-radius:12px;padding:15px 16px;background:var(--theme-bg-surface, #fff)}
.guidance-card.primary{background:linear-gradient(135deg,var(--theme-bg-surface-hover, #f1faf7),var(--theme-bg-surface, #ffffff));border-color:var(--theme-border-soft, #cfe9e2)}
.guidance-label{display:block;font-size:10px;font-weight:900;letter-spacing:.08em;text-transform:uppercase;color:var(--theme-brand-primary, #117865)}
.guidance-card h3,.suggested-steps h3{margin:5px 0 7px;font-size:15px}
.guidance-card p{margin:0;color:var(--theme-status-info-text, #50606f);font-size:12px;line-height:1.6}
.suggested-steps{border:1px solid var(--theme-border-soft, #e4eaec);border-radius:12px;padding:15px 16px;background:var(--theme-bg-surface, #fbfcfc);margin-bottom:12px}
.suggested-steps-head{display:flex;align-items:flex-start;justify-content:space-between;gap:12px}
.guidance-source{max-width:360px;text-align:right;color:var(--theme-text-muted, #8a98a5);font-size:9px;line-height:1.4}
.suggested-steps ol{margin:10px 0 0;padding-left:20px;display:grid;gap:7px}
.suggested-steps li{color:var(--theme-status-info-text, #435362);font-size:12px;line-height:1.5;padding-left:3px}
@media(max-width:900px){
  .premium-welcome{align-items:flex-start;flex-direction:column}
  .welcome-stats{min-width:0;width:100%;grid-template-columns:repeat(2,1fr)}
  .task-guidance-grid{grid-template-columns:1fr}
}


/* --- Sidebar structural fix --- */
.app-shell{grid-template-columns:232px minmax(0,1fr)}
.app-shell.sidebar-collapsed{grid-template-columns:74px minmax(0,1fr)}
.sidebar{width:232px;overflow:hidden;padding:14px 10px 10px;transition:width .2s ease}
.sidebar.collapsed{width:74px}
.main-shell{grid-column:2;min-width:0}
.sidebar-header{display:flex;align-items:center;justify-content:space-between;gap:8px;padding:2px 4px 10px}
.sidebar-header .brand{padding:0;min-width:0}
.sidebar-toggle{width:32px;height:32px;border:1px solid var(--theme-glass-border, rgba(255,255,255,.16));background:var(--theme-bg-sidebar, rgba(255,255,255,.07));color:var(--theme-text-inverse, #fff);border-radius:9px;display:grid;place-items:center;cursor:pointer;flex:0 0 auto}
.sidebar-toggle:hover{background:var(--theme-bg-sidebar, rgba(255,255,255,.12))}
.nav{flex:1;min-height:0;overflow-y:auto;overflow-x:hidden;padding-right:3px;scrollbar-width:thin;scrollbar-color:var(--theme-glass-surface, rgba(255,255,255,.22)) transparent}
.nav::-webkit-scrollbar{width:5px}
.nav::-webkit-scrollbar-thumb{background:var(--theme-glass-surface, rgba(255,255,255,.2));border-radius:999px}
.nav::-webkit-scrollbar-track{background:transparent}
.sidebar-footer{display:flex;align-items:center;gap:9px;padding:10px 9px 4px;border-top:1px solid var(--theme-glass-border, rgba(255,255,255,.08));margin-top:8px}
.sidebar-status-dot{width:8px;height:8px;border-radius:50%;background:var(--theme-brand-primary, #41d4b6);box-shadow:0 0 0 4px var(--theme-shadow-colour, rgba(65,212,182,.09));flex:0 0 auto}
.sidebar-footer-copy{display:flex;flex-direction:column;min-width:0}
.sidebar-footer-copy strong{font-size:11px;color:var(--theme-text-inverse, #fff)}
.sidebar-footer-copy small{font-size:9px;color:var(--theme-text-inverse, #93c9be);margin-top:2px}
.sidebar.collapsed .brand-name,
.sidebar.collapsed .nav-group-title,
.sidebar.collapsed .nav-label,
.sidebar.collapsed .sidebar-footer-copy{display:none}
.sidebar.collapsed .sidebar-header{justify-content:center;flex-direction:column;gap:8px}
.sidebar.collapsed .brand{justify-content:center}
.sidebar.collapsed .nav{padding-right:0}
.sidebar.collapsed .nav-group{gap:5px}
.sidebar.collapsed .nav-button{justify-content:center;padding:9px 6px}
.sidebar.collapsed .nav-icon{margin:0;width:29px;height:24px}
.sidebar.collapsed .sidebar-footer{justify-content:center;padding-left:0;padding-right:0}
.workspace-toggle{display:none!important}
@media(max-width:900px){
  .app-shell,.app-shell.sidebar-collapsed{grid-template-columns:1fr}
  .sidebar,.sidebar.collapsed{transform:translateX(-100%);width:232px}
  .main-shell{grid-column:1}
}


/* --- Icon polish + Afroplug-inspired motion layer --- */
.sr-only{position:absolute;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip:rect(0,0,0,0);white-space:nowrap;border:0}
.nav-icon{display:grid;place-items:center;border:0!important;background:transparent!important;width:28px!important;height:28px!important;border-radius:9px!important;transition:transform .2s ease,background .2s ease,color .2s ease,box-shadow .2s ease}
.nav-icon svg{width:18px;height:18px;display:block}
.nav-button{position:relative;overflow:hidden;transition:transform .2s ease,background .2s ease,color .2s ease,box-shadow .2s ease}
.nav-button:before{content:"";position:absolute;inset:0;background:linear-gradient(90deg,var(--theme-brand-soft, rgba(66,214,180,.13)),transparent 72%);transform:translateX(-105%);transition:transform .35s ease;pointer-events:none}
.nav-button:hover{transform:translateX(2px)}
.nav-button:hover:before{transform:translateX(0)}
.nav-button:hover .nav-icon{transform:scale(1.08);background:var(--theme-nav-hover-bg, rgba(255,255,255,.06))!important}
.nav-button.active{box-shadow:0 10px 24px var(--theme-shadow-colour, rgba(4,46,42,.22)),inset 0 0 0 1px var(--theme-shadow-colour, rgba(255,255,255,.08))}
.nav-button.active .nav-icon{background:var(--theme-nav-active-bg, rgba(255,255,255,.12))!important;box-shadow:0 6px 16px var(--theme-shadow-colour, rgba(0,0,0,.15))}
.sidebar-toggle{transition:transform .2s ease,background .2s ease,border-color .2s ease}
.sidebar-toggle:hover{transform:translateY(-1px) scale(1.03)}
.brand-mark{position:relative;overflow:hidden}
.brand-mark:after{content:"";position:absolute;inset:-40%;background:linear-gradient(115deg,transparent 35%,var(--theme-glass-surface, rgba(255,255,255,.35)) 50%,transparent 65%);transform:translateX(-120%) rotate(8deg);animation:brandSheen 7s ease-in-out infinite}
@keyframes brandSheen{0%,72%{transform:translateX(-120%) rotate(8deg)}84%,100%{transform:translateX(120%) rotate(8deg)}}

.content>*{animation:contentRise .42s cubic-bezier(.22,.8,.24,1) both}
.content>*:nth-child(2){animation-delay:.04s}
.content>*:nth-child(3){animation-delay:.08s}
.content>*:nth-child(4){animation-delay:.12s}
@keyframes contentRise{from{opacity:0;transform:translateY(10px)}to{opacity:1;transform:translateY(0)}}

.card,.kpi-card,.panel,.table-card{transition:transform .22s ease,box-shadow .22s ease,border-color .22s ease}
.card:hover,.kpi-card:hover,.panel:hover{transform:translateY(-2px);box-shadow:0 14px 34px var(--theme-shadow-colour, rgba(18,54,58,.08))}
.kpi-card:before{content:"";position:absolute;inset:auto -20% -50% auto;width:120px;height:120px;border-radius:50%;background:radial-gradient(circle,var(--theme-brand-soft, rgba(49,205,174,.12)),transparent 68%);pointer-events:none}
.kpi-card{position:relative;overflow:hidden}

.modal-backdrop{animation:backdropIn .18s ease both}
.modal{animation:modalIn .28s cubic-bezier(.2,.8,.2,1) both;transform-origin:50% 15%}
@keyframes backdropIn{from{opacity:0}to{opacity:1}}
@keyframes modalIn{from{opacity:0;transform:translateY(14px) scale(.985)}to{opacity:1;transform:translateY(0) scale(1)}}

.premium-welcome{position:relative;overflow:hidden}
.premium-welcome:before{content:"";position:absolute;width:340px;height:340px;border-radius:50%;right:-110px;top:-190px;background:radial-gradient(circle,var(--theme-brand-soft, rgba(80,231,196,.20)),transparent 70%);animation:welcomeFloat 8s ease-in-out infinite alternate;pointer-events:none}
@keyframes welcomeFloat{from{transform:translate3d(0,0,0) scale(1)}to{transform:translate3d(-24px,22px,0) scale(1.08)}}
.welcome-stats>div{transition:transform .2s ease,background .2s ease}
.welcome-stats>div:hover{transform:translateY(-3px);background:var(--theme-glass-surface, rgba(255,255,255,.13))}

.task-link,.task-title-link,.task-open-btn,.btn{transition:transform .18s ease,box-shadow .18s ease,background .18s ease,border-color .18s ease}
.btn:hover,.task-open-btn:hover{transform:translateY(-1px)}
.task-open-btn:hover{box-shadow:0 7px 18px var(--theme-shadow-colour, rgba(17,120,101,.12))}
.work-task-row{transition:background .18s ease,transform .18s ease}
.work-task-row:hover{background:var(--theme-bg-surface, #f5faf8);transform:translateX(2px)}

.dept-progress-meter span{transition:width .7s cubic-bezier(.2,.8,.2,1)}
.toast{animation:toastIn .28s cubic-bezier(.2,.8,.2,1) both}
@keyframes toastIn{from{opacity:0;transform:translateY(10px) scale(.98)}to{opacity:1;transform:translateY(0) scale(1)}}

@media(prefers-reduced-motion:reduce){
  *,*:before,*:after{animation-duration:.001ms!important;animation-iteration-count:1!important;transition-duration:.001ms!important;scroll-behavior:auto!important}
}


/* --- Operational hierarchy / command search / notification / reports --- */
.boot-screen span{font-size:12px;color:var(--theme-status-info-text, #70808f)}
.premium-topbar{position:sticky}
.command-trigger{height:42px;max-width:760px;flex:1;margin:auto;border:1px solid var(--theme-glass-border, rgba(255,255,255,.16));background:var(--theme-glass-surface, rgba(255,255,255,.06));border-radius:11px;color:var(--theme-text-inverse, #cde5df);display:flex;align-items:center;gap:10px;padding:0 13px;cursor:pointer;text-align:left}
.command-trigger svg{width:17px;height:17px}
.command-trigger span{flex:1}
.command-trigger kbd,.command-input-row kbd{border:1px solid var(--theme-glass-border, rgba(255,255,255,.16));background:var(--theme-input-bg, rgba(255,255,255,.06));border-radius:6px;padding:3px 6px;font-size:10px;color:var(--theme-text-muted, #b9d8d1)}
.icon-btn{width:36px;height:36px;border-radius:10px;border:1px solid transparent;background:transparent;display:grid;place-items:center;color:inherit;cursor:pointer}
.icon-btn svg{width:18px;height:18px}
.notice-trigger{position:relative;background:var(--theme-glass-surface, rgba(255,255,255,.06));border-color:var(--theme-glass-border, rgba(255,255,255,.1))}
.notice-count{position:absolute;right:-4px;top:-5px;min-width:17px;height:17px;border-radius:999px;background:var(--theme-status-danger-bg, #e95468);color:var(--theme-text-inverse, #fff);display:grid;place-items:center;font-size:9px;font-weight:900;padding:0 4px}
.notice-popover{position:absolute;right:18px;top:60px;width:min(390px,calc(100vw - 32px));background:var(--theme-bg-surface, #fff);color:var(--theme-text-primary, #12222b);border:1px solid var(--theme-border-soft, #e2e8ea);border-radius:14px;box-shadow:0 22px 60px var(--theme-shadow-colour, rgba(8,42,45,.18));overflow:hidden;z-index:60;animation:modalIn .2s ease both}
.notice-head{display:flex;align-items:center;justify-content:space-between;padding:14px 15px;border-bottom:1px solid var(--theme-border-soft, #edf1f2)}
.notice-head strong{display:block;font-size:14px}
.notice-head span{display:block;font-size:10px;color:var(--theme-text-muted, #7a8996);margin-top:2px}
.notice-list{max-height:440px;overflow:auto}
.notice-item{width:100%;border:0;background:var(--theme-bg-surface, #fff);padding:11px 14px;display:flex;align-items:flex-start;gap:10px;text-align:left;cursor:pointer;border-bottom:1px solid var(--theme-border-soft, #f0f2f3)}
.notice-item:hover{background:var(--theme-bg-surface, #f7fbfa)}
.notice-icon{width:31px;height:31px;border-radius:9px;display:grid;place-items:center;background:var(--theme-bg-surface-hover, #e9f7f3);color:var(--theme-brand-primary, #117865);flex:0 0 auto}
.notice-icon svg{width:16px;height:16px}
.notice-icon.escalation{background:var(--theme-bg-surface, #fff0f1);color:var(--theme-status-danger-text, #bd3346)}
.notice-icon.deadline{background:var(--theme-bg-surface-hover, #fff6e7);color:var(--theme-status-warning-text, #ad7200)}
.notice-icon.approval{background:var(--theme-bg-surface-hover, #eef4ff);color:var(--theme-status-info-text, #4869b5)}
.notice-item strong{display:block;font-size:12px}
.notice-item small{display:block;color:var(--theme-text-muted, #657583);margin-top:3px;line-height:1.4}
.notice-empty{padding:28px 18px;text-align:center}
.notice-empty strong,.notice-empty span{display:block}.notice-empty span{font-size:11px;color:var(--theme-text-muted, #7f8d99);margin-top:5px}

.command-backdrop{position:fixed;inset:0;z-index:100;background:var(--theme-modal-overlay, rgba(3,25,28,.45));backdrop-filter:blur(5px);display:grid;place-items:start center;padding-top:min(16vh,130px);animation:backdropIn .15s ease both}
.command-palette{width:min(680px,calc(100vw - 30px));border-radius:16px;background:var(--theme-bg-surface, #fff);box-shadow:0 28px 90px var(--theme-shadow-colour, rgba(5,28,32,.28));overflow:hidden;animation:modalIn .2s ease both;border:1px solid var(--theme-border-focus, rgba(12,65,61,.1))}
.command-input-row{height:62px;display:flex;align-items:center;gap:10px;padding:0 16px;border-bottom:1px solid var(--theme-border-soft, #e8edee)}
.command-input-row svg{width:20px;height:20px;color:var(--theme-brand-primary, #117865)}
.command-input-row input{flex:1;border:0;outline:0;height:100%;font:inherit;font-size:16px;background:transparent}
.command-input-row kbd{color:var(--theme-status-info-text, #70808f);border-color:var(--theme-border-soft, #dae1e3);background:var(--theme-input-bg, #f6f8f8)}
.command-results{max-height:min(60vh,520px);overflow:auto;padding:7px}
.command-result{width:100%;border:0;background:var(--theme-bg-surface, #fff);display:flex;align-items:center;gap:11px;padding:10px;border-radius:10px;text-align:left;cursor:pointer}
.command-result:hover{background:var(--theme-bg-surface-hover, #f2f8f6)}
.command-result-icon{width:34px;height:34px;border-radius:9px;background:var(--theme-bg-surface-hover, #eaf7f3);color:var(--theme-brand-primary, #117865);display:grid;place-items:center;flex:0 0 auto}
.command-result-icon svg{width:17px;height:17px}
.command-result span:last-child{display:flex;flex-direction:column;min-width:0}
.command-result small{color:var(--theme-text-muted, #8996a0);text-transform:uppercase;font-size:8px;font-weight:900;letter-spacing:.08em}
.command-result strong{font-size:12px;margin-top:2px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
.command-result em{font-size:10px;color:var(--theme-text-muted, #71808d);font-style:normal;margin-top:2px}
.command-empty{padding:28px;color:var(--theme-text-muted, #72818d);text-align:center;display:grid;gap:5px;font-size:12px}
.command-empty strong{color:var(--theme-text-primary, #263640);font-size:15px}
.command-hint{margin-top:10px;font-size:10px}

.department-command{display:flex;align-items:center;justify-content:space-between;gap:20px;padding:22px 0 20px;border-bottom:1px solid var(--theme-border-soft, #e3e9eb);margin-bottom:16px}
.department-command h2{margin:5px 0 6px;font-size:25px;letter-spacing:-.5px}.department-command p{margin:0;color:var(--theme-text-muted, #6b7985);font-size:12px}
.department-command-stats{display:grid;grid-template-columns:repeat(3,90px);gap:8px}
.department-command-stats>div{padding:12px;border:1px solid var(--theme-border-soft, #e2e8ea);border-radius:11px;text-align:center;background:var(--theme-bg-surface, #fff)}
.department-command-stats strong{display:block;font-size:20px}.department-command-stats span{display:block;font-size:9px;color:var(--theme-text-muted, #7f8d98);text-transform:uppercase;margin-top:3px}
.signal-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:12px;margin-bottom:22px}
.signal-block{border-top:1px solid var(--theme-border-soft, #dfe6e8);padding-top:12px}
.signal-head{display:flex;align-items:center;gap:8px;margin-bottom:7px}
.signal-head>span{width:27px;height:27px;border-radius:8px;display:grid;place-items:center;background:var(--theme-bg-surface-hover, #eef8f5);color:var(--theme-brand-primary, #117865)}
.signal-head svg{width:15px;height:15px}.signal-head strong{font-size:13px;flex:1}.signal-head em{font-style:normal;font-size:10px;color:var(--theme-text-muted, #697986);background:var(--theme-bg-surface-hover, #eef2f3);border-radius:999px;padding:3px 7px}
.signal-list{display:flex;flex-direction:column}
.signal-list button{border:0;background:transparent;border-bottom:1px solid var(--theme-border-soft, #edf1f2);padding:10px 4px;display:flex;align-items:center;gap:8px;text-align:left;cursor:pointer}
.signal-list button:hover{background:var(--theme-bg-surface, #f8fbfa)}
.signal-list button>span{flex:1}.signal-list strong{display:block;font-size:11px}.signal-list small{display:block;color:var(--theme-text-muted, #7d8994);font-size:9px;margin-top:3px}.signal-list svg{width:14px;height:14px;color:var(--theme-text-muted, #84919b)}
.signal-empty{padding:17px 4px;color:var(--theme-text-muted, #8a979f);font-size:11px}
.workstream-section{margin-top:10px}
.section-heading{display:flex;align-items:flex-end;justify-content:space-between;gap:10px;margin-bottom:10px}.section-heading h2{margin:3px 0 0;font-size:20px}.section-heading>span{font-size:10px;color:var(--theme-text-muted, #76848f)}

.report-filter-bar{display:grid;grid-template-columns:repeat(5,minmax(0,1fr));gap:9px;margin-bottom:15px}
.report-filter-bar select{height:39px;border:1px solid var(--theme-border-soft, #dce4e6);border-radius:9px;padding:0 9px;background:var(--theme-input-bg, #fff);color:var(--theme-text-primary, #23333d)}
.report-summary{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));border-top:1px solid var(--theme-border-soft, #dfe6e8);border-bottom:1px solid var(--theme-border-soft, #dfe6e8);margin-bottom:22px}
.report-summary>div{padding:17px 18px;border-right:1px solid var(--theme-border-soft, #e5eaec)}.report-summary>div:last-child{border-right:0}
.report-summary span{display:block;font-size:10px;color:var(--theme-text-muted, #75838e);text-transform:uppercase;letter-spacing:.04em}.report-summary strong{display:block;font-size:26px;margin-top:4px}.report-summary em{font-style:normal;font-size:10px;color:var(--theme-text-muted, #8a969e)}

.data-table tr[data-open-work-task]{cursor:pointer}.data-table tr[data-open-work-task]:hover{background:var(--theme-bg-surface, #f6faf9)}
.data-table td small{display:block;color:var(--theme-text-muted, #7e8b95);font-size:9px;margin-top:3px}

:focus-visible{outline:3px solid var(--theme-border-focus, rgba(40,190,158,.28));outline-offset:2px}
button:active,.btn:active{transform:translateY(1px) scale(.99)}

@media(max-width:1000px){
  .signal-grid{grid-template-columns:1fr}
  .report-filter-bar{grid-template-columns:repeat(2,minmax(0,1fr))}
  .report-summary{grid-template-columns:repeat(2,1fr)}
  .department-command{align-items:flex-start;flex-direction:column}.department-command-stats{width:100%;grid-template-columns:repeat(3,1fr)}
}
@media(max-width:700px){
  .command-trigger kbd,.command-trigger span{display:none}.command-trigger{max-width:42px;flex:0 0 42px;justify-content:center;padding:0}
  .premium-topbar{justify-content:space-between}
  .report-filter-bar,.report-summary{grid-template-columns:1fr}
  .report-summary>div{border-right:0;border-bottom:1px solid var(--theme-border-soft, #e5eaec)}.report-summary>div:last-child{border-bottom:0}
  .department-command-stats{grid-template-columns:1fr 1fr 1fr}
}


/* --- Premium operational data tables --- */
.premium-table-toolbar{display:flex;align-items:center;gap:8px;flex-wrap:wrap;padding:10px 0;margin-bottom:8px;background:var(--page-bg,var(--theme-bg-surface-hover, #f5f7f8));z-index:18}
.sticky-table-toolbar{position:sticky;top:64px}
.table-search-wrap{position:relative;min-width:260px;flex:1;max-width:460px}
.table-search-wrap>svg{position:absolute;left:11px;top:50%;transform:translateY(-50%);width:16px;height:16px;color:var(--theme-text-muted, #70818e);pointer-events:none}
.table-search-wrap input{width:100%;height:38px;border:1px solid var(--theme-border-soft, #d9e1e3);border-radius:9px;background:var(--theme-input-bg, #fff);padding:0 12px 0 35px;outline:none}
.premium-table-toolbar>select,.premium-table-toolbar summary.btn{height:38px;border:1px solid var(--theme-border-soft, #d9e1e3);background:var(--theme-input-bg, #fff);border-radius:9px;padding:0 10px;color:var(--theme-text-primary, #344550)}
.premium-table-toolbar summary.btn{display:flex;align-items:center;gap:6px;cursor:pointer;list-style:none}
.filter-more,.table-view-menu{position:relative}
.filter-popover,.view-popover{position:absolute;top:44px;right:0;min-width:220px;background:var(--theme-bg-surface, #fff);border:1px solid var(--theme-border-soft, #e0e7e9);border-radius:12px;box-shadow:0 18px 50px var(--theme-shadow-colour, rgba(7,39,43,.15));padding:12px;z-index:35}
.filter-popover label,.column-options label{display:flex;flex-direction:column;gap:5px;font-size:11px;color:var(--theme-text-muted, #5e6e79);margin-bottom:10px}
.filter-popover select{height:36px;border:1px solid var(--theme-border-soft, #dce4e6);border-radius:8px;background:var(--theme-input-bg, #fff)}
.view-popover>strong{display:block;font-size:10px;text-transform:uppercase;letter-spacing:.06em;color:var(--theme-text-muted, #7b8993);margin:6px 0 8px}
.segmented{display:flex;background:var(--theme-bg-surface-hover, #f0f4f4);border-radius:8px;padding:3px;margin-bottom:12px}
.segmented button{flex:1;border:0;background:transparent;border-radius:6px;padding:7px 8px;font-size:11px;cursor:pointer}
.segmented button.active{background:var(--theme-bg-surface, #fff);box-shadow:0 2px 8px var(--theme-shadow-colour, rgba(0,0,0,.06));color:var(--theme-brand-primary, #117865);font-weight:800}
.column-options label{flex-direction:row;align-items:center;margin-bottom:7px}
.filter-chips{display:flex;align-items:center;gap:7px;flex-wrap:wrap;margin:0 0 10px}
.filter-chip{border:1px solid var(--theme-border-soft, #cfe3de);background:var(--theme-bg-surface-hover, #f0faf7);color:var(--theme-brand-primary, #176c5e);border-radius:999px;padding:6px 9px;font-size:10px;display:flex;align-items:center;gap:5px;cursor:pointer}
.filter-chip svg{width:12px;height:12px}
.clear-filters{border:0;background:transparent;color:var(--theme-text-muted, #7d8b95);font-size:10px;text-decoration:underline;cursor:pointer}

.saved-views{display:flex;align-items:center;gap:5px;overflow:auto;padding:2px 0 10px;scrollbar-width:none}
.saved-views::-webkit-scrollbar{display:none}
.saved-views button{border:1px solid transparent;background:transparent;color:var(--theme-text-muted, #657681);border-radius:999px;padding:7px 10px;white-space:nowrap;font-size:11px;cursor:pointer}
.saved-views button:hover{background:var(--theme-bg-surface-hover, #eef5f3)}
.saved-views button.active{background:var(--theme-hero-start, #103f39);color:var(--theme-text-inverse, #fff)}

.queue-summary-line{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));border-top:1px solid var(--theme-border-soft, #dde5e7);border-bottom:1px solid var(--theme-border-soft, #dde5e7);margin:0 0 12px}
.queue-summary-line>div{padding:13px 16px;border-right:1px solid var(--theme-border-soft, #e3e8ea)}
.queue-summary-line>div:last-child{border-right:0}
.queue-summary-line span{display:block;font-size:9px;text-transform:uppercase;letter-spacing:.06em;color:var(--theme-text-muted, #7d8b95)}
.queue-summary-line strong{display:block;font-size:18px;margin-top:3px}

.premium-table-shell{background:var(--theme-bg-surface, #fff);border:1px solid var(--theme-border-soft, #e0e6e8);border-radius:12px;overflow:hidden}
.premium-scroll{overflow:auto;max-height:calc(100vh - 330px)}
.premium-data-table{min-width:980px;border-collapse:separate;border-spacing:0}
.premium-data-table thead th{position:sticky;top:0;z-index:7;background:var(--theme-table-header-bg, #f8fafb);border-bottom:1px solid var(--theme-border-soft, #dfe6e8);white-space:nowrap}
.premium-data-table th,.premium-data-table td{padding:10px 12px}
.density-compact .premium-data-table th,.density-compact .premium-data-table td{padding-top:7px;padding-bottom:7px;font-size:11px}
.premium-data-table tbody tr{transition:background .15s ease,box-shadow .15s ease}
.premium-data-table tbody tr:hover{background:var(--theme-bg-app, #f7faf9)}
.premium-data-table tbody tr.selected{background:var(--theme-bg-app, #eef8f5)}
.premium-data-table tbody tr.row-critical td:first-child{box-shadow:inset 3px 0 var(--theme-shadow-colour, #d85261)}
.premium-data-table tbody tr.row-blocked td:first-child{box-shadow:inset 3px 0 var(--theme-shadow-colour, #df9b31)}
.premium-data-table tbody tr.row-overdue{background:linear-gradient(90deg,var(--theme-status-danger-bg, rgba(206,62,77,.035)),transparent 24%)}
.sticky-id{position:sticky;left:0;z-index:5;background:inherit}
.sticky-primary{position:sticky;left:90px;z-index:5;background:inherit}
thead .sticky-id,thead .sticky-primary{z-index:10;background:var(--theme-table-header-bg, #f8fafb)}
.record-id{color:var(--theme-brand-primary, #117865);font-size:11px}
.task-main-cell{min-width:330px}
.task-main-cell strong{display:block}
.task-main-cell small{display:block;color:var(--theme-text-muted, #7c8993);margin-top:3px;line-height:1.35}
.select-col{width:42px;text-align:center}
.actions-col{width:48px;text-align:right}

.sort-head{border:0;background:transparent;padding:0;display:inline-flex;align-items:center;gap:5px;font:inherit;font-weight:800;color:var(--theme-text-muted, #556570);cursor:pointer}
.sort-head svg{width:12px;height:12px;color:var(--theme-text-muted, #a0aab1)}
.sort-head.active{color:var(--theme-brand-primary, #117865)}.sort-head.active svg{color:var(--theme-brand-primary, #117865)}
.row-actions{position:relative}
.row-actions summary{width:30px;height:30px;border-radius:8px;display:grid;place-items:center;cursor:pointer;list-style:none}
.row-actions summary:hover{background:var(--theme-bg-surface-hover, #eef4f3)}
.row-actions summary svg{width:16px;height:16px}
.row-actions>div{position:absolute;right:0;top:34px;min-width:160px;background:var(--theme-bg-surface, #fff);border:1px solid var(--theme-border-soft, #e0e6e8);border-radius:9px;box-shadow:0 12px 38px var(--theme-shadow-colour, rgba(8,37,41,.14));padding:5px;z-index:30}
.row-actions button{width:100%;border:0;background:transparent;text-align:left;padding:8px 9px;border-radius:6px;cursor:pointer;font-size:11px}
.row-actions button:hover{background:var(--theme-bg-surface-hover, #f2f7f5)}

.date-cell{font-size:11px;white-space:nowrap}.date-cell.muted{color:var(--theme-text-muted, #99a4ac)}.date-cell.overdue{color:var(--theme-status-danger-text, #b73c4c);font-weight:800}.date-cell.due-soon{color:var(--theme-status-warning-text, #9b6810);font-weight:800}
.table-empty{min-height:190px;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:9px;color:var(--theme-text-muted, #7a8994)}
.empty-icon{width:40px;height:40px;border-radius:12px;background:var(--theme-bg-surface-hover, #eef5f3);color:var(--theme-brand-primary, #117865);display:grid;place-items:center}
.empty-icon svg{width:20px;height:20px}.table-empty strong{color:var(--theme-text-primary, #354650);font-size:13px}

.premium-pagination{display:flex;align-items:center;justify-content:space-between;gap:12px;padding:10px 12px;border-top:1px solid var(--theme-border-soft, #e1e7e9);background:var(--theme-bg-surface, #fbfcfc)}
.pagination-range{font-size:10px;color:var(--theme-text-muted, #72808a)}
.pagination-pages{display:flex;align-items:center;gap:4px}
.page-btn,.page-number{height:30px;border:1px solid var(--theme-border-soft, #dde4e6);background:var(--theme-bg-surface, #fff);border-radius:7px;padding:0 9px;font-size:10px;cursor:pointer}
.page-number{width:30px;padding:0}
.page-number.active{background:var(--theme-brand-primary, #117865);border-color:var(--theme-border-focus, #117865);color:var(--theme-text-inverse, #fff);font-weight:800}
.page-btn:disabled{opacity:.4;cursor:not-allowed}
.page-ellipsis{padding:0 3px;color:var(--theme-text-muted, #88959e)}
.page-size{display:flex;align-items:center;gap:6px;font-size:10px;color:var(--theme-text-muted, #73808a)}
.page-size select{height:30px;border:1px solid var(--theme-border-soft, #dde4e6);border-radius:7px;background:var(--theme-input-bg, #fff)}

.bulk-toolbar{display:flex;align-items:center;gap:8px;padding:9px 11px;background:var(--theme-hero-start, #103f39);color:var(--theme-text-inverse, #fff);border-radius:10px;margin-bottom:8px;box-shadow:0 8px 24px var(--theme-shadow-colour, rgba(11,65,58,.13))}
.bulk-toolbar strong{font-size:11px}.bulk-toolbar>span{flex:1}
.bulk-toolbar select{height:32px;border:1px solid var(--theme-glass-border, rgba(255,255,255,.2));background:var(--theme-input-bg, #fff);color:var(--theme-text-primary, #263740);border-radius:7px;padding:0 8px;font-size:10px}
.bulk-toolbar .btn{height:32px;background:var(--theme-bg-surface, #fff);color:var(--theme-brand-primary, #173e38);border:0}

.cases-premium-layout{display:grid;grid-template-columns:minmax(0,1fr) 300px;gap:12px}
.case-inspector{border:1px solid var(--theme-border-soft, #dfe6e8);border-radius:12px;background:var(--theme-bg-surface, #fff);padding:15px;position:sticky;top:120px;height:max-content}
.case-inspector-head{display:flex;align-items:center;gap:7px}.case-inspector-head span{font-size:9px;color:var(--theme-text-muted, #82909a);text-transform:uppercase;margin-right:auto}.case-inspector h3{font-size:14px;line-height:1.45}
.case-inspector-grid{display:grid;grid-template-columns:1fr 1fr;gap:8px;margin:12px 0}.case-inspector-grid div{padding:9px;border:1px solid var(--theme-border-soft, #edf0f1);border-radius:8px}.case-inspector-grid span{display:block;font-size:9px;color:var(--theme-text-muted, #7e8c96)}.case-inspector-grid strong{display:block;font-size:11px;margin-top:3px}
.inline-date-filter{height:38px;display:flex;align-items:center;gap:6px;border:1px solid var(--theme-border-soft, #d9e1e3);border-radius:9px;background:var(--theme-bg-surface, #fff);padding:0 8px;font-size:10px;color:var(--theme-text-muted, #6e7d87)}.inline-date-filter input{border:0;outline:0;background:transparent}

@media(max-width:1100px){
  .cases-premium-layout{grid-template-columns:1fr}.case-inspector{position:static}
  .queue-summary-line{grid-template-columns:repeat(2,1fr)}.queue-summary-line>div:nth-child(2){border-right:0}
}
@media(max-width:760px){
  .sticky-table-toolbar{position:static}
  .premium-table-toolbar{display:grid;grid-template-columns:1fr 1fr}
  .table-search-wrap{grid-column:1/-1;max-width:none;min-width:0}
  .premium-scroll{max-height:none}
  .premium-data-table{min-width:760px}
  .sticky-primary{position:static}
  .queue-summary-line{grid-template-columns:1fr 1fr}
  .premium-pagination{align-items:flex-start;flex-direction:column}
  .pagination-pages{order:3;overflow:auto;max-width:100%}
}


/* table sticky offsets when task selection checkboxes are present */
.premium-data-table tr>.select-col+.sticky-id{left:42px}
.premium-data-table tr>.select-col+.sticky-id+.sticky-primary{left:132px}


/* --- Launch polish: banking dashboard, mobile OS, floating Copilot --- */
.exec-hero{display:grid;grid-template-columns:minmax(0,1.5fr) minmax(280px,.8fr);gap:18px;padding:28px 30px;border-radius:22px;background:
radial-gradient(circle at 78% 18%,var(--theme-brand-soft, rgba(59,217,184,.2)),transparent 22%),
linear-gradient(135deg,var(--theme-bg-elevated, #071e24) 0%,var(--theme-status-info, #0b3540) 52%,var(--theme-brand-primary, #0f6b5d) 100%);color:var(--theme-text-inverse, #fff);box-shadow:0 24px 60px var(--theme-shadow-colour, rgba(7,36,42,.16));overflow:hidden;position:relative;margin-bottom:16px}
.exec-kicker{font-size:12px;font-weight:800;color:var(--theme-brand-primary, #8ee0cf);text-transform:uppercase;letter-spacing:.08em}
.exec-hero h1{font-size:34px;line-height:1.05;letter-spacing:-1px;margin:8px 0 10px;max-width:680px}
.exec-hero p{margin:0;color:var(--theme-text-muted, #c7ded9);max-width:620px;line-height:1.6}
.exec-hero-actions{display:flex;gap:8px;margin-top:18px}.exec-hero-actions .btn{display:flex;align-items:center;gap:7px}
.exec-primary{background:var(--theme-bg-surface, #fff)!important;color:var(--theme-brand-primary, #103c39)!important;border-color:var(--theme-border-soft, #fff)!important}
.exec-secondary{background:var(--theme-glass-surface, rgba(255,255,255,.08))!important;color:var(--theme-text-inverse, #fff)!important;border-color:var(--theme-glass-border, rgba(255,255,255,.15))!important}
.exec-pulse{display:flex;align-items:center;justify-content:flex-end;gap:18px}
.pulse-ring{width:140px;height:140px;border-radius:50%;display:grid;place-items:center;align-content:center;background:conic-gradient(var(--theme-brand-primary, #4ed9bd) 0 62%,var(--theme-glass-surface, rgba(255,255,255,.09)) 62% 100%);position:relative}
.pulse-ring:before{content:"";position:absolute;inset:12px;border-radius:50%;background:var(--theme-status-info, #0b3340)}
.pulse-ring>*{position:relative;z-index:1}.pulse-ring span{font-size:34px;font-weight:900}.pulse-ring small{color:var(--theme-text-muted, #acd3cb)}
.exec-pulse>div:last-child{display:flex;flex-direction:column}.exec-pulse>div:last-child strong{font-size:34px}.exec-pulse>div:last-child span{color:var(--theme-text-inverse, #d5e8e4)}.exec-pulse em{font-style:normal;color:var(--theme-status-warning-text, #ffba78);margin-top:5px;font-size:11px}

.bank-metrics{display:grid;grid-template-columns:repeat(5,minmax(0,1fr));gap:10px;margin-bottom:16px}
.bank-metric{position:relative;border:1px solid var(--theme-border-soft, #e0e7e9);border-radius:15px;background:var(--theme-bg-surface, #fff);padding:15px;text-align:left;cursor:pointer;overflow:hidden;min-height:132px;transition:transform .2s ease,box-shadow .2s ease,border-color .2s ease}
.bank-metric:hover{transform:translateY(-3px);box-shadow:0 14px 30px var(--theme-shadow-colour, rgba(20,55,60,.09));border-color:var(--theme-border-default, #c9dad5)}
.bank-metric:after{content:"";position:absolute;width:90px;height:90px;border-radius:50%;right:-34px;bottom:-44px;background:currentColor;opacity:.045}
.bank-metric-icon{width:33px;height:33px;border-radius:10px;display:grid;place-items:center;margin-bottom:11px;background:var(--theme-bg-surface-hover, #eff6f4);color:var(--theme-brand-primary, #117865)}.bank-metric-icon svg{width:17px}
.bank-metric-value{display:block;font-size:26px;font-weight:900;color:var(--theme-text-primary, #10252c)}.bank-metric-label{display:block;font-size:12px;font-weight:800;margin-top:2px;color:var(--theme-text-primary, #31434d)}.bank-metric small{display:block;color:var(--theme-text-muted, #7b8993);margin-top:4px}
.bank-metric-go{position:absolute;right:12px;top:12px;width:15px;color:var(--theme-text-muted, #a0adb4)}.tone-red .bank-metric-icon{background:var(--theme-bg-surface, #fff0f2);color:var(--theme-status-danger-text, #c64b5d)}.tone-amber .bank-metric-icon{background:var(--theme-bg-surface-hover, #fff6e8);color:var(--theme-status-warning-text, #ba7716)}.tone-blue .bank-metric-icon{background:var(--theme-bg-surface-hover, #edf4ff);color:var(--theme-status-info-text, #5175c0)}.tone-violet .bank-metric-icon{background:var(--theme-bg-surface-hover, #f3efff);color:var(--theme-status-info-text, #755ac0)}.tone-dark .bank-metric-icon{background:var(--theme-bg-surface-hover, #eaf5f2);color:var(--theme-status-success-text, #0d6b5b)}

.dashboard-premium-grid{display:grid;grid-template-columns:minmax(0,1.6fr) minmax(300px,.75fr);gap:12px}.dashboard-main-stack,.dashboard-side-stack{display:grid;gap:12px}
.premium-panel{background:var(--theme-bg-surface, #fff);border:1px solid var(--theme-border-soft, #dfe6e8);border-radius:16px;padding:18px;box-shadow:0 5px 18px var(--theme-shadow-colour, rgba(17,42,47,.035))}
.premium-panel-head{display:flex;align-items:center;justify-content:space-between;gap:12px;margin-bottom:12px}.premium-panel-head h2{margin:3px 0 0;font-size:17px}.premium-panel-head .eyebrow{font-size:9px}
.dept-board{display:flex;flex-direction:column}.dept-board-row{display:grid;grid-template-columns:minmax(190px,1fr) minmax(150px,.9fr) 42px 18px;gap:10px;align-items:center;border:0;background:transparent;border-bottom:1px solid var(--theme-border-soft, #edf1f2);padding:11px 2px;text-align:left;cursor:pointer}
.dept-board-row:hover{background:var(--theme-bg-surface, #f7fbfa)}.dept-board-name strong{display:block;font-size:12px}.dept-board-name small{display:block;color:var(--theme-text-muted, #7a8993);margin-top:2px;font-size:9px}.dept-board-track{height:7px;background:var(--theme-bg-surface-hover, #edf2f3);border-radius:999px;overflow:hidden}.dept-board-track span{height:100%;display:block;background:linear-gradient(90deg,var(--theme-brand-primary, #0c6b5b),var(--theme-brand-primary, #45cdb0));border-radius:inherit}
.risk-list,.deadline-list{display:flex;flex-direction:column}.risk-list button,.deadline-list button{border:0;background:transparent;border-bottom:1px solid var(--theme-border-soft, #edf1f2);padding:10px 2px;display:flex;align-items:center;gap:10px;text-align:left;cursor:pointer}.risk-list button:hover,.deadline-list button:hover{background:var(--theme-bg-surface, #f8fbfa)}.risk-dot{width:7px;height:7px;border-radius:50%;background:var(--theme-status-danger-bg, #cf5362)}.risk-dot.blocked{background:var(--theme-status-warning-bg, #d9942b)}.risk-list button>span:nth-child(2),.deadline-list button>span{flex:1}.risk-list strong,.deadline-list strong{display:block;font-size:11px}.risk-list small,.deadline-list small{display:block;color:var(--theme-text-muted, #7a8993);font-size:9px;margin-top:3px}.risk-list em{font-style:normal;font-size:9px;color:var(--theme-text-muted, #71808b)}.deadline-date{width:40px;height:43px;border-radius:10px;background:var(--theme-bg-surface-hover, #eef7f4);display:grid;place-items:center;align-content:center;color:var(--theme-brand-primary, #117865)}.deadline-date strong{font-size:16px}.deadline-date span{font-size:8px;text-transform:uppercase}
.customer-ops-stats{display:grid;gap:8px}.customer-ops-stats button{border:1px solid var(--theme-border-soft, #ebeff0);background:var(--theme-bg-surface, #fbfcfc);border-radius:11px;padding:11px;display:flex;align-items:center;gap:10px;text-align:left;cursor:pointer}.customer-ops-stats button:hover{background:var(--theme-bg-surface-hover, #f4faf8)}.customer-ops-stats svg{width:18px;color:var(--theme-brand-primary, #117865)}.customer-ops-stats span{display:flex;flex-direction:column}.customer-ops-stats strong{font-size:18px}.customer-ops-stats small{color:var(--theme-text-muted, #798792)}
.mini-ai-card{display:grid;grid-template-columns:82px 1fr;align-items:center;gap:14px;background:linear-gradient(145deg,var(--theme-bg-surface-hover, #f3faf8),var(--theme-bg-surface, #fff))}.mini-ai-card h2{margin:3px 0 5px}.mini-ai-card p{font-size:11px;color:var(--theme-text-muted, #647580);line-height:1.5;margin:0 0 11px}.mini-ai-mascot{display:grid;place-items:center;min-height:90px}

.mywork-command{display:grid;grid-template-columns:minmax(0,1.15fr) minmax(500px,1fr);gap:20px;padding:27px 29px;border-radius:21px;background:
radial-gradient(circle at 82% 12%,var(--theme-brand-soft, rgba(84,207,184,.2)),transparent 25%),
linear-gradient(135deg,var(--theme-bg-elevated, #091f27),var(--theme-status-info, #0b3440) 55%,var(--theme-hero-start, #105f56));color:var(--theme-text-inverse, #fff);margin-bottom:18px;box-shadow:0 22px 52px var(--theme-shadow-colour, rgba(7,34,40,.15))}
.mywork-command h1{font-size:32px;line-height:1.08;margin:7px 0 9px;letter-spacing:-.8px}.mywork-command p{color:var(--theme-text-muted, #c6deda);line-height:1.6;max-width:530px;margin:0}.mywork-command-actions{display:flex;gap:8px;margin-top:17px}.command-primary{background:var(--theme-bg-surface, #fff)!important;color:var(--theme-brand-primary, #123d39)!important;border-color:var(--theme-border-soft, #fff)!important}.command-secondary{background:var(--theme-glass-surface, rgba(255,255,255,.08))!important;color:var(--theme-text-inverse, #fff)!important;border-color:var(--theme-glass-border, rgba(255,255,255,.14))!important}
.workload-command-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:8px}.workload-command-card{min-height:112px;border:1px solid var(--theme-glass-border, rgba(255,255,255,.09));border-radius:13px;background:var(--theme-glass-surface, rgba(255,255,255,.07));color:var(--theme-text-inverse, #fff);padding:12px;text-align:left;position:relative;cursor:pointer;transition:transform .18s ease,background .18s ease}.workload-command-card:hover{transform:translateY(-3px);background:var(--theme-glass-surface, rgba(255,255,255,.11))}.workload-command-card strong{display:block;font-size:23px;margin-top:9px}.workload-command-card>span:not(.metric-icon){display:block;font-size:11px;font-weight:800}.workload-command-card small{display:block;color:var(--theme-text-muted, #bad5cf);font-size:8px;margin-top:2px}.metric-icon{width:28px;height:28px;border-radius:8px;display:grid;place-items:center;background:var(--theme-glass-surface, rgba(255,255,255,.09))}.metric-icon svg{width:14px}.metric-arrow{position:absolute;right:9px;top:9px;width:13px;color:var(--theme-brand-primary, #9fc9c0)}.tone-red{--tone:var(--theme-status-danger-bg, #ff7689)}.tone-amber{--tone:var(--theme-status-warning-bg, #ffbb67)}.tone-blue{--tone:var(--theme-status-info-bg, #80a8ff)}.tone-violet{--tone:var(--theme-status-info-bg, #b798ff)}.workload-command-card .metric-icon{color:var(--tone,var(--theme-brand-primary, #72ddc5))}

.mobile-work-cards{display:none}
.mobile-work-card{width:100%;border:1px solid var(--theme-border-soft, #e1e7e9);background:var(--theme-bg-surface, #fff);border-radius:13px;padding:13px;text-align:left;margin-bottom:9px}.mobile-work-card-top{display:flex;align-items:center;justify-content:space-between;gap:8px}.mobile-work-card h3{font-size:13px;line-height:1.35;margin:8px 0 5px}.mobile-work-card p{font-size:10px;color:var(--theme-text-muted, #74828d);line-height:1.5;margin:0 0 9px}.mobile-work-meta{display:flex;flex-wrap:wrap;gap:7px;align-items:center}.mobile-work-meta>span{font-size:9px;color:var(--theme-text-muted, #687782);display:flex;gap:4px;align-items:center}.mobile-work-meta svg{width:11px}.mobile-work-card.critical{box-shadow:inset 3px 0 var(--theme-shadow-colour, #d85261)}.mobile-work-card.blocked{box-shadow:inset 3px 0 var(--theme-shadow-colour, #d89a36)}

.uraji-bot{position:relative;width:54px;height:62px;animation:botDance 2.4s ease-in-out infinite;transform-origin:50% 100%}.bot-head{position:absolute;left:7px;top:9px;width:40px;height:33px;border-radius:13px 13px 11px 11px;background:var(--theme-status-info, #0d3e47);border:3px solid var(--theme-border-focus, #58d7bb);box-shadow:0 5px 12px var(--theme-shadow-colour, rgba(5,38,42,.15))}.bot-eye{position:absolute;top:11px;width:6px;height:6px;border-radius:50%;background:var(--theme-brand-primary, #8effdf);box-shadow:0 0 8px var(--theme-shadow-colour, #7cf5d7)}.bot-eye.left{left:9px}.bot-eye.right{right:9px}.bot-mouth{position:absolute;left:14px;bottom:6px;width:10px;height:3px;border-radius:4px;background:var(--theme-brand-primary, #79dfc7)}.bot-antenna{position:absolute;top:1px;width:3px;height:15px;background:var(--theme-brand-primary, #58d7bb);border-radius:3px;transform-origin:bottom}.bot-antenna.left{left:16px;transform:rotate(-25deg)}.bot-antenna.right{right:16px;transform:rotate(25deg)}.bot-antenna:after{content:"";position:absolute;left:-2px;top:-4px;width:7px;height:7px;border-radius:50%;background:var(--theme-brand-primary, #8effdf)}.bot-body{position:absolute;left:14px;top:42px;width:27px;height:17px;border-radius:8px;background:var(--theme-bg-app, #117865)}.bot-body span{display:block;width:11px;height:4px;border-radius:5px;background:var(--theme-bg-app, #61d8bd);margin:6px auto}
@keyframes botDance{0%,100%{transform:translateY(0) rotate(-2deg)}35%{transform:translateY(-5px) rotate(3deg)}65%{transform:translateY(-2px) rotate(-4deg)}}
.ai-float-wrap{position:fixed;right:19px;bottom:18px;z-index:85}.ai-fab{border:0;background:var(--theme-status-info, #0b333b);color:var(--theme-text-inverse, #fff);border-radius:18px;padding:7px 12px 7px 7px;display:flex;align-items:center;gap:7px;box-shadow:0 15px 45px var(--theme-shadow-colour, rgba(6,37,42,.27));cursor:pointer}.ai-fab .uraji-bot{width:46px;height:52px;transform:scale(.72);margin:-8px -6px -8px -5px}.ai-fab-copy{text-align:left}.ai-fab-copy strong,.ai-fab-copy small{display:block}.ai-fab-copy strong{font-size:11px}.ai-fab-copy small{font-size:8px;color:var(--theme-brand-primary, #9ad7ca)}
.ai-dock{position:absolute;right:0;bottom:68px;width:min(370px,calc(100vw - 30px));height:520px;max-height:72vh;background:var(--theme-bg-surface, #fff);border:1px solid var(--theme-border-soft, #dce5e7);border-radius:18px;box-shadow:0 22px 70px var(--theme-shadow-colour, rgba(5,32,37,.26));display:grid;grid-template-rows:auto 1fr auto;overflow:hidden;animation:modalIn .22s ease both}.ai-dock-head{display:flex;align-items:center;justify-content:space-between;padding:11px 13px;border-bottom:1px solid var(--theme-border-soft, #e7ecee);background:linear-gradient(135deg,var(--theme-bg-surface-hover, #f0faf7),var(--theme-bg-surface, #fff))}.ai-dock-identity{display:flex;align-items:center;gap:6px}.ai-dock-identity .uraji-bot{transform:scale(.58);margin:-12px -8px -12px -7px}.ai-dock-identity strong,.ai-dock-identity span{display:block}.ai-dock-identity strong{font-size:12px}.ai-dock-identity span{font-size:9px;color:var(--theme-text-muted, #73818b)}.ai-dock-body{padding:13px;overflow:auto;background:var(--theme-bg-app, #fafcfc)}.ai-dock-welcome{padding:18px;border-radius:13px;background:linear-gradient(135deg,var(--theme-hero-start, #0e6257),var(--theme-status-info, #10404a));color:var(--theme-text-inverse, #fff)}.ai-dock-welcome strong{font-size:16px}.ai-dock-welcome p{font-size:10px;line-height:1.5;color:var(--theme-text-inverse, #d1e8e2)}.ai-quick-prompts{display:flex;flex-wrap:wrap;gap:6px;margin-top:10px}.ai-quick-prompts button{border:1px solid var(--theme-border-soft, #d7e3e0);background:var(--theme-bg-surface, #fff);color:var(--theme-text-primary, #31504b);border-radius:999px;padding:7px 9px;font-size:9px;cursor:pointer}.ai-dock-msg{max-width:87%;padding:9px 10px;border-radius:11px;font-size:11px;line-height:1.45;margin:7px 0}.ai-dock-msg.user{margin-left:auto;background:var(--theme-status-info, #113f45);color:var(--theme-text-inverse, #fff)}.ai-dock-msg.assistant{background:var(--theme-bg-surface-hover, #edf6f3);color:var(--theme-text-primary, #2f4643)}.ai-dock-compose{display:grid;grid-template-columns:1fr 34px;gap:7px;align-items:end;padding:9px;border-top:1px solid var(--theme-border-soft, #e3e9eb)}.ai-dock-compose textarea{border:1px solid var(--theme-border-soft, #d7e0e2);border-radius:10px;padding:9px;resize:none;outline:none;font:inherit;font-size:11px}.ai-send{width:34px;height:34px;border:0;border-radius:10px;background:var(--theme-brand-primary, #117865);color:var(--theme-text-inverse, #fff);display:grid;place-items:center;cursor:pointer}.ai-send svg{width:15px}

.mobile-menu-btn{display:none;width:38px;height:38px;border:1px solid var(--theme-glass-border, rgba(255,255,255,.12));border-radius:10px;background:var(--theme-glass-surface, rgba(255,255,255,.07));color:var(--theme-text-inverse, #fff);place-items:center}.mobile-menu-btn svg{width:18px}.mobile-nav-backdrop{display:none}
.premium-data-table .sticky-primary{position:static!important;left:auto!important;z-index:auto!important}.premium-data-table thead .sticky-primary{position:sticky!important;left:auto!important;z-index:7!important}
.premium-data-table tr>.select-col+.sticky-id+.sticky-primary{left:auto!important}

@media(max-width:1180px){.bank-metrics{grid-template-columns:repeat(3,1fr)}.dashboard-premium-grid{grid-template-columns:1fr}.mywork-command{grid-template-columns:1fr}.workload-command-grid{grid-template-columns:repeat(5,1fr)}}
@media(max-width:900px){
  .app-shell,.app-shell.sidebar-collapsed{display:block!important;grid-template-columns:none!important}
  .sidebar,.sidebar.collapsed{position:fixed!important;left:0;top:0;bottom:0;width:min(310px,86vw)!important;transform:translateX(-105%)!important;transition:transform .22s ease!important;z-index:120!important;border-radius:0 18px 18px 0!important}
  .sidebar.mobile-open,.sidebar.collapsed.mobile-open{transform:translateX(0)!important}
  .sidebar.mobile-open .brand-name,.sidebar.collapsed.mobile-open .brand-name,.sidebar.mobile-open .nav-group-title,.sidebar.collapsed.mobile-open .nav-group-title,.sidebar.mobile-open .nav-label,.sidebar.collapsed.mobile-open .nav-label,.sidebar.mobile-open .sidebar-footer-copy,.sidebar.collapsed.mobile-open .sidebar-footer-copy{display:block!important}
  .sidebar.mobile-open .sidebar-header,.sidebar.collapsed.mobile-open .sidebar-header{flex-direction:row!important;justify-content:space-between!important}
  .sidebar.mobile-open .nav-button,.sidebar.collapsed.mobile-open .nav-button{justify-content:flex-start!important;padding:9px 10px!important}
  .main-shell{margin-left:0!important;width:100%!important;grid-column:auto!important}
  .mobile-menu-btn{display:grid}
  .mobile-nav-backdrop.show{display:block;position:fixed;inset:0;background:var(--theme-bg-surface-hover, rgba(5,24,28,.48));backdrop-filter:blur(3px);z-index:110}
  .topbar{padding-left:12px!important;padding-right:12px!important}.user-chip>div{display:none}.command-trigger{margin:0!important}
  .content{padding-left:12px!important;padding-right:12px!important}
  .exec-hero{grid-template-columns:1fr;padding:22px}.exec-hero h1{font-size:28px}.exec-pulse{justify-content:flex-start}.bank-metrics{grid-template-columns:repeat(2,1fr)}
  .workload-command-grid{grid-template-columns:repeat(2,1fr)}.mywork-command{padding:21px}.mywork-command h1{font-size:27px}
  .premium-table-shell{display:none}.mobile-work-cards{display:block}
  .queue-summary-line{grid-template-columns:repeat(2,1fr)}
  .ai-float-wrap{right:12px;bottom:12px}.ai-fab-copy{display:none}.ai-fab{padding:5px;width:56px;height:56px;border-radius:50%}.ai-fab .uraji-bot{margin:-5px}
}
@media(max-width:580px){
  .exec-pulse{display:none}.bank-metrics{grid-template-columns:1fr 1fr}.bank-metric{min-height:116px;padding:12px}.dashboard-premium-grid{gap:9px}.premium-panel{padding:14px}
  .dept-board-row{grid-template-columns:1fr 44px 16px}.dept-board-track{display:none}
  .mywork-command-actions{flex-direction:column;align-items:stretch}.workload-command-grid{grid-template-columns:1fr 1fr}
  .welcome-kicker{font-size:11px}.mywork-command h1{font-size:25px}
  .premium-table-toolbar{grid-template-columns:1fr!important}.premium-table-toolbar>*{width:100%}.filter-more,.table-view-menu{width:100%}.premium-table-toolbar summary.btn{justify-content:center}
  .saved-views{margin-left:-2px;margin-right:-2px}
  .queue-summary-line>div{padding:10px}.queue-summary-line strong{font-size:15px}
  .ai-dock{height:min(610px,78vh);right:-2px}
}


/* --- launch correction: precise My Work controls --- */
.mywork-command-actions .btn,
.exec-hero-actions .btn{
  display:inline-flex!important;
  align-items:center!important;
  justify-content:center!important;
  gap:7px!important;
  min-height:38px;
  line-height:1;
}
.mywork-command-actions .btn svg,
.exec-hero-actions .btn svg{width:15px;height:15px;flex:0 0 auto}

.workload-command-card{
  display:grid!important;
  grid-template-columns:32px minmax(0,1fr) auto!important;
  grid-template-rows:auto auto!important;
  grid-template-areas:
    "icon label value"
    "icon sub value"!important;
  column-gap:9px!important;
  row-gap:2px!important;
  align-items:center!important;
  min-height:82px!important;
  padding:11px 12px!important;
}
.workload-command-card .metric-icon{grid-area:icon!important;margin:0!important}
.workload-command-card>strong{grid-area:value!important;margin:0!important;font-size:24px!important;align-self:center;text-align:right}
.workload-command-card>span:not(.metric-icon){grid-area:label!important;margin:0!important;align-self:end}
.workload-command-card>small{grid-area:sub!important;margin:0!important;align-self:start;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
.workload-command-card .metric-arrow{display:none!important}

@media(max-width:900px){
  .mobile-close-nav{display:grid!important;place-items:center!important}
  .mobile-close-nav svg{width:17px;height:17px}
}
@media(max-width:580px){
  .workload-command-card{grid-template-columns:30px minmax(0,1fr) auto!important;min-height:76px!important}
  .workload-command-card>strong{font-size:21px!important}
}


/* --- final launch corrections --- */
.mywork-command-actions .command-primary{
  font-size:0!important;
}
.mywork-command-actions .command-primary::after{
  content:"Open My Tasks";
  font-size:12px;
  font-weight:700;
}
.mywork-command-actions .command-primary svg{
  width:15px!important;
  height:15px!important;
}

@media(max-width:900px){
  .sidebar.mobile-open.collapsed{
    width:68px!important;
    transform:translateX(0)!important;
  }
  .sidebar.mobile-open.collapsed .brand-name,
  .sidebar.mobile-open.collapsed .nav-group-title,
  .sidebar.mobile-open.collapsed .nav-label,
  .sidebar.mobile-open.collapsed .sidebar-footer-copy{
    display:none!important;
  }
  .sidebar.mobile-open.collapsed .sidebar-header{
    flex-direction:column!important;
    justify-content:center!important;
  }
  .sidebar.mobile-open.collapsed .nav-button{
    justify-content:center!important;
    padding-left:6px!important;
    padding-right:6px!important;
  }
  .sidebar.mobile-open.collapsed .nav-icon{
    margin:0!important;
  }
  .mobile-nav-backdrop.show{
    background:transparent!important;
    backdrop-filter:none!important;
    pointer-events:none!important;
  }
}


/* --- Beginner-friendly operational guidance --- */
.beginner-brief-banner{display:grid;grid-template-columns:44px 1fr;gap:12px;align-items:start;padding:15px 16px;border:1px solid var(--theme-border-soft, #d7e7e2);border-radius:13px;background:linear-gradient(135deg,var(--theme-bg-surface, #f4fbf9),var(--theme-bg-surface, #ffffff));margin-bottom:12px}
.beginner-brief-icon{width:38px;height:38px;border-radius:11px;display:grid;place-items:center;background:var(--theme-bg-surface-hover, #e6f5f0);color:var(--theme-brand-primary, #117865)}
.beginner-brief-icon svg{width:18px;height:18px}
.beginner-brief-banner h3{margin:4px 0 5px;font-size:14px}
.beginner-brief-banner p{margin:0;color:var(--theme-text-muted, #52626d);font-size:12px;line-height:1.6}
.beginner-guidance-grid{display:grid;grid-template-columns:1fr 1fr;gap:12px;margin-bottom:12px}
.guidance-list-card{border:1px solid var(--theme-border-soft, #e2e8ea);border-radius:12px;background:var(--theme-bg-surface, #fff);padding:15px 16px}
.guidance-list-card h3{margin:5px 0 9px;font-size:14px}
.guidance-list-card ul{margin:0;padding-left:18px;display:grid;gap:7px}
.guidance-list-card li,.guidance-list-card p{font-size:11px;line-height:1.55;color:var(--theme-text-muted, #52626d);margin:0}
.guidance-list-card.success{background:var(--theme-bg-surface, #f5fbf8);border-color:var(--theme-border-soft, #d8ebe4)}
.guidance-list-card.caution{background:var(--theme-bg-surface, #fffaf0);border-color:var(--theme-border-focus, #f0dfb7)}
.guidance-list-card.caution .guidance-label{color:var(--theme-status-warning-text, #9a6a10)}
.quality-grid{margin-top:12px}
@media(max-width:760px){
  .beginner-guidance-grid{grid-template-columns:1fr}
}


/* --- Admin Audit & Activity --- */
.audit-time{display:flex;flex-direction:column;gap:2px;font-size:11px;color:var(--theme-text-primary, #31434d)}
.audit-time small{font-size:9px;color:var(--theme-text-muted, #84919a)}
.audit-field-chip{display:inline-flex;align-items:center;margin:2px 4px 2px 0;padding:4px 6px;border-radius:999px;background:var(--theme-bg-surface-hover, #eef4f3);color:var(--theme-text-primary, #49625d);font-size:9px;font-weight:700}


/* --- Multi-department access controls --- */
.dept-access-wrap{display:flex;align-items:center;gap:6px;flex-wrap:wrap}
.dept-access-chip{display:inline-flex;align-items:center;gap:5px;padding:5px 8px;border-radius:999px;background:var(--theme-bg-surface-hover, #eef4f3);color:var(--theme-text-primary, #47615c);font-size:9px;font-weight:800}
.dept-access-chip.primary{background:var(--theme-bg-surface-hover, #e4f5ef);color:var(--theme-brand-primary, #117865)}
.dept-access-chip small{font-size:8px;font-weight:700;opacity:.78}
.dept-access-manager{position:relative}
.dept-access-manager>summary{height:30px!important;padding:0 8px!important;font-size:9px!important}
.dept-access-popover{position:absolute;right:0;top:36px;min-width:260px;background:var(--theme-bg-surface, #fff);border:1px solid var(--theme-border-soft, #dfe6e8);border-radius:12px;box-shadow:0 18px 50px var(--theme-shadow-colour, rgba(7,39,43,.16));padding:12px;z-index:50}
.dept-access-popover>strong{display:block;font-size:12px}.dept-access-popover>p{font-size:9px;color:var(--theme-text-muted, #74828c);margin:4px 0 10px}
.dept-access-popover>label{display:flex;align-items:center;gap:7px;padding:6px 2px;font-size:10px;color:var(--theme-text-primary, #33464d)}
.dept-access-popover hr{border:0;border-top:1px solid var(--theme-border-soft, #edf1f2);margin:8px 0}
.primary-dept-label{display:grid!important;gap:6px!important}
.primary-dept-label select{height:34px;border:1px solid var(--theme-border-soft, #dce4e6);border-radius:8px;background:var(--theme-input-bg, #fff);padding:0 8px}


/* --- Completed work on admin dashboard --- */
.bank-metrics{grid-template-columns:repeat(6,minmax(0,1fr))}
.tone-green .bank-metric-icon{background:var(--theme-bg-surface-hover, #e9f8f1);color:var(--theme-status-success-text, #14845f)}
.completed-list{display:flex;flex-direction:column}
.completed-list button{border:0;background:transparent;border-bottom:1px solid var(--theme-border-soft, #edf1f2);padding:10px 2px;display:flex;align-items:center;gap:10px;text-align:left;cursor:pointer}
.completed-list button:hover{background:var(--theme-bg-surface, #f8fbfa)}
.completed-check{width:28px;height:28px;border-radius:9px;background:var(--theme-bg-surface-hover, #e8f7f1);color:var(--theme-brand-primary, #14845f);display:grid;place-items:center;flex:0 0 auto}
.completed-check svg{width:14px;height:14px}
.completed-main{flex:1;min-width:0}
.completed-main strong{display:block;font-size:11px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
.completed-main small{display:block;color:var(--theme-text-muted, #7a8993);font-size:9px;margin-top:3px}
.completed-date{font-size:9px;color:var(--theme-text-muted, #71808a);white-space:nowrap}
.completed-list>button>svg{width:13px;height:13px;color:var(--theme-text-muted, #90a0a9)}
@media(max-width:1180px){.bank-metrics{grid-template-columns:repeat(3,1fr)}}
@media(max-width:900px){.bank-metrics{grid-template-columns:repeat(2,1fr)}}


/* --- Uraji Operations Layer --- */
.ops-hero{display:grid;grid-template-columns:minmax(0,1fr) auto;gap:24px;align-items:center;padding:22px 24px;border-radius:18px;background:linear-gradient(135deg,var(--theme-status-info, #0a2930),var(--theme-hero-start, #0d4c49) 58%,var(--theme-brand-primary, #117865));color:var(--theme-text-inverse, #fff);margin-bottom:14px;box-shadow:0 18px 44px var(--theme-shadow-colour, rgba(9,48,48,.13))}
.ops-hero h2{margin:4px 0 7px;font-size:26px;letter-spacing:-.5px}.ops-hero p{margin:0;color:var(--theme-text-muted, #cde4df);max-width:680px;line-height:1.55}
.ops-hero-flow{display:flex;align-items:center;gap:8px;flex-wrap:wrap;justify-content:flex-end}.ops-hero-flow span{padding:7px 9px;border:1px solid var(--theme-glass-border, rgba(255,255,255,.13));background:var(--theme-glass-surface, rgba(255,255,255,.07));border-radius:999px;font-size:9px;font-weight:800}.ops-hero-flow svg{width:12px;color:var(--theme-brand-primary, #87d9c7)}
.ops-metrics{display:grid;grid-template-columns:repeat(6,minmax(0,1fr));gap:9px;margin-bottom:14px}
.ops-metrics button{border:1px solid var(--theme-border-soft, #dfe6e8);background:var(--theme-bg-surface, #fff);border-radius:14px;padding:14px;text-align:left;cursor:pointer;position:relative;min-height:116px;transition:transform .18s ease,box-shadow .18s ease}.ops-metrics button:hover{transform:translateY(-2px);box-shadow:0 12px 30px var(--theme-shadow-colour, rgba(12,50,54,.07))}.ops-metrics svg{width:18px;color:var(--theme-brand-primary, #117865)}.ops-metrics strong{display:block;font-size:24px;margin-top:12px}.ops-metrics span{display:block;font-size:11px;font-weight:800}.ops-metrics small{display:block;font-size:8px;color:var(--theme-text-muted, #7c8992);margin-top:2px}
.ops-grid{display:grid;grid-template-columns:1fr 1fr;gap:12px}
.ops-list{display:flex;flex-direction:column}.ops-list button{display:flex;align-items:center;gap:10px;border:0;background:transparent;border-bottom:1px solid var(--theme-border-soft, #edf1f2);padding:10px 3px;text-align:left;cursor:pointer}.ops-list button:hover{background:var(--theme-bg-surface, #f8fbfa)}.ops-list button>span:nth-child(2){flex:1;min-width:0}.ops-list strong{display:block;font-size:11px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.ops-list small{display:block;color:var(--theme-text-muted, #798790);font-size:9px;margin-top:3px}.ops-list em{font-style:normal;font-size:9px;color:var(--theme-text-muted, #6f7f89)}.ops-list svg{width:13px;color:var(--theme-text-muted, #8e9ba3)}
.ops-status{width:8px;height:8px;border-radius:50%;background:var(--theme-bg-elevated, #8d9ba4);flex:0 0 auto}.ops-status.active,.ops-status.approved{background:var(--theme-status-success, #23a47a)}.ops-status.blocked,.ops-status.changes_requested{background:var(--theme-status-danger-bg, #cf5262)}.ops-status.pending_review,.ops-status.review_required,.ops-status.assignment{background:var(--theme-status-info-bg, #5377c8)}.ops-status.planned{background:var(--theme-status-warning-bg, #c4943c)}
.kpi-explainer,.ops-callout{display:flex;align-items:center;gap:12px;padding:13px 15px;border:1px solid var(--theme-border-soft, #dce7e4);background:var(--theme-bg-surface, #f5faf8);border-radius:12px;margin-bottom:12px}.kpi-explainer>svg{width:22px;color:var(--theme-brand-primary, #117865)}.kpi-explainer div,.ops-callout div{flex:1}.kpi-explainer strong,.ops-callout strong{display:block;font-size:12px}.kpi-explainer span,.ops-callout span{display:block;font-size:10px;color:var(--theme-text-muted, #6b7b85);margin-top:3px;line-height:1.45}
.ops-review-metrics{display:grid;grid-template-columns:repeat(4,1fr);border-top:1px solid var(--theme-border-soft, #dfe6e8);border-bottom:1px solid var(--theme-border-soft, #dfe6e8);margin-bottom:14px}.ops-review-metrics>div{padding:14px 16px;border-right:1px solid var(--theme-border-soft, #e4e9eb)}.ops-review-metrics>div:last-child{border-right:0}.ops-review-metrics strong{display:block;font-size:23px}.ops-review-metrics span{display:block;font-size:9px;text-transform:uppercase;color:var(--theme-text-muted, #788690);margin-top:2px}
.ops-modal{width:min(720px,94vw)}
.review-feedback-box{padding:14px 16px;border-top:1px solid var(--theme-border-soft, #e2e8ea);background:var(--theme-bg-surface, #fbfcfc)}.review-feedback-box>label{display:block;font-size:10px;font-weight:800;color:var(--theme-status-success-text, #586a74);margin-bottom:6px}.review-feedback-box textarea,.review-feedback-box select{width:100%;border:1px solid var(--theme-border-soft, #d7e0e2);border-radius:9px;padding:9px;background:var(--theme-input-bg, #fff);font:inherit;font-size:11px}.review-next-grid{display:grid;grid-template-columns:1fr 1fr;gap:10px;margin-top:10px}.review-next-grid label{display:grid;gap:5px;font-size:10px;color:var(--theme-text-muted, #60717b);font-weight:800}
.task-timeline{position:relative;display:flex;flex-direction:column;gap:0}.timeline-item{position:relative;display:grid;grid-template-columns:18px 1fr;gap:8px;padding:0 0 14px}.timeline-item:before{content:"";position:absolute;left:5px;top:12px;bottom:-2px;width:1px;background:var(--theme-bg-surface-hover, #dfe7e7)}.timeline-item:last-child:before{display:none}.timeline-dot{width:11px;height:11px;border-radius:50%;background:var(--theme-brand-primary, #117865);border:3px solid var(--theme-border-soft, #dff3ed);z-index:1}.timeline-item strong{display:block;font-size:11px}.timeline-item small{display:block;font-size:9px;color:var(--theme-text-muted, #7a8992);margin-top:3px}
@media(max-width:1150px){.ops-metrics{grid-template-columns:repeat(3,1fr)}}
@media(max-width:850px){.ops-hero{grid-template-columns:1fr}.ops-hero-flow{justify-content:flex-start}.ops-grid{grid-template-columns:1fr}.review-next-grid{grid-template-columns:1fr}.ops-review-metrics{grid-template-columns:1fr 1fr}}
@media(max-width:560px){.ops-metrics{grid-template-columns:1fr 1fr}.ops-review-metrics{grid-template-columns:1fr 1fr}}


/* --- Stable core Reviews & Approvals --- */
.core-review-metrics{margin-bottom:14px}
.review-layout{grid-template-columns:minmax(0,1.45fr) minmax(280px,.7fr)}
.review-queue{display:flex;flex-direction:column}
.review-queue-item{display:flex;align-items:center;gap:10px;width:100%;border:0;border-bottom:1px solid var(--theme-border-soft, #edf1f2);background:transparent;padding:12px 3px;text-align:left;cursor:pointer}
.review-queue-item:hover{background:var(--theme-bg-surface, #f7faf9)}
.review-queue-icon{width:32px;height:32px;border-radius:9px;background:var(--theme-bg-surface-hover, #eef4ff);color:var(--theme-status-info-text, #5275bf);display:grid;place-items:center;flex:0 0 auto}
.review-queue-item.approved .review-queue-icon{background:var(--theme-bg-surface-hover, #e8f7f1);color:var(--theme-status-success-text, #14845f)}
.review-queue-icon svg{width:15px;height:15px}
.review-queue-main{flex:1;min-width:0}
.review-queue-main strong{display:block;font-size:11px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
.review-queue-main small{display:block;font-size:9px;color:var(--theme-text-muted, #7b8992);margin-top:3px}
.review-queue-time{font-size:9px;color:var(--theme-text-muted, #7a8993);white-space:nowrap}
.review-queue-action{font-size:9px;font-weight:800;color:var(--theme-brand-primary, #117865);display:flex;align-items:center;gap:3px}
.review-queue-action svg{width:12px;height:12px}
.review-queue.compact .review-queue-item{padding:9px 2px}
@media(max-width:900px){.review-layout{grid-template-columns:1fr}.review-queue-time{display:none}}


/* --- Review centre full queues --- */
.core-review-metrics button{
  border:0;background:transparent;text-align:left;padding:14px 16px;cursor:pointer;border-right:1px solid var(--theme-border-soft, #e4e9eb);
}
.core-review-metrics button:last-child{border-right:0}
.core-review-metrics button:hover{background:var(--theme-bg-surface, #f7faf9)}
.core-review-metrics button strong{display:block;font-size:23px;color:var(--theme-status-info-text, #142733)}
.core-review-metrics button span{display:block;font-size:9px;text-transform:uppercase;color:var(--theme-text-muted, #788690);margin-top:2px}
.review-section{margin-bottom:12px}
.review-queue-item.changes .review-queue-icon{background:var(--theme-bg-surface-hover, #fff3e5);color:var(--theme-status-warning-text, #b87418)}
.review-queue-item.changes .review-queue-main em{display:block;font-size:9px;color:var(--theme-status-warning-text, #9a6618);font-style:normal;margin-top:4px;white-space:normal}


/* --- Reviewer vs assignee task states --- */
.review-mode-banner{display:flex;align-items:flex-start;gap:10px;padding:12px 14px;border-radius:11px;margin-bottom:12px;border:1px solid var(--theme-border-soft, #dfe7e8)}
.review-mode-banner>svg{width:18px;height:18px;flex:0 0 auto;margin-top:1px}
.review-mode-banner strong{display:block;font-size:12px}
.review-mode-banner span,.review-mode-banner small{display:block;font-size:10px;line-height:1.5;margin-top:3px}
.review-mode-banner.pending{background:var(--theme-bg-surface, #f2f6ff);border-color:var(--theme-border-soft, #d9e2f7);color:var(--theme-status-info-text, #365d9d)}
.review-mode-banner.returned{background:var(--theme-bg-surface-hover, #fff7ea);border-color:var(--theme-border-focus, #f1dfb9);color:var(--theme-status-warning-text, #8d5c12)}
.review-mode-banner.approved{background:var(--theme-bg-surface-hover, #eff9f4);border-color:var(--theme-border-soft, #d5eadf);color:var(--theme-status-success-text, #167255)}
.review-waiting-state{display:inline-flex;align-items:center;gap:6px;color:var(--theme-status-warning-text, #8a651f);font-size:10px;font-weight:800;margin-left:auto}
.review-waiting-state svg{width:14px;height:14px}


/* Task actions and stable responsive alignment. */
.deep-task-modal .field,.deep-task-modal .task-pane,.exec-hero-copy,.mywork-command-copy{min-width:0}
.deep-task-modal .form-grid{grid-template-columns:repeat(2,minmax(0,1fr));align-items:start}
.deep-task-modal input,.deep-task-modal select,.deep-task-modal textarea{min-width:0;max-width:100%;width:100%}
.deep-task-modal input[type=checkbox]{width:auto;flex:0 0 auto}
.deep-task-modal .inline-add{align-items:flex-start}
.deep-task-modal .inline-add input,.deep-task-modal .inline-add textarea{min-width:0}
.deep-task-modal .inline-add .btn{flex:0 0 auto;min-height:40px}
.deep-task-modal .modal-foot{flex-wrap:wrap;align-items:center;gap:10px}
.deep-task-modal .btn{min-height:38px;white-space:normal;justify-content:center}
.deep-task-modal #saveWorkTask,.deep-task-modal #approveWorkTask{background:var(--theme-brand-primary, #0e6555);color:var(--theme-text-inverse, #fff);border-color:var(--theme-border-focus, #0e6555)}
.deep-task-modal #addWorkCheck,.deep-task-modal #addWorkComment{background:var(--theme-status-info, #245eab);color:var(--theme-text-inverse, #fff);border-color:var(--theme-status-info-border, #245eab)}
.deep-task-modal #uploadWorkEvidence{background:var(--theme-status-info, #176477);color:var(--theme-text-inverse, #fff);border-color:var(--theme-status-info-border, #176477)}
.deep-task-modal #reassignWorkTask,.deep-task-modal #requestChangesTask{background:var(--theme-bg-surface-hover, #fff3dc);color:var(--theme-status-warning-text, #805000);border-color:var(--theme-status-warning-border, #d5a24a)}
.deep-task-modal #completeWorkTask{background:var(--theme-bg-surface-hover, #e2f5eb);color:var(--theme-brand-primary, #146344);border-color:var(--theme-border-focus, #86bea2)}
.deep-task-modal #closeModal2{background:var(--theme-bg-surface-hover, #f2f4f7);color:var(--theme-status-info-text, #435268);border-color:var(--theme-border-soft, #d4dbe4)}
.deep-task-modal .btn:disabled{opacity:.65;cursor:wait;transform:none}
.deep-task-modal .btn:focus-visible,.task-guidance-disclosure summary:focus-visible{outline:3px solid var(--theme-status-info-border, #2b7fd3);outline-offset:3px}
.dashboard-premium-grid{align-items:start}
.dashboard-main-stack,.dashboard-side-stack{min-width:0;align-content:start}
.exec-hero,.mywork-command{align-items:center}
.exec-hero-actions,.mywork-command-actions{flex-wrap:wrap;align-items:center}
.bank-metrics{grid-template-columns:repeat(6,minmax(0,1fr));align-items:stretch}
.bank-metric{min-width:0;display:flex;flex-direction:column;align-items:flex-start}
.bank-metric small{margin-top:auto;padding-top:5px}
.dept-board-name{min-width:0}
@media(max-width:1180px){.bank-metrics{grid-template-columns:repeat(3,minmax(0,1fr))}.mywork-command{grid-template-columns:minmax(0,1fr)}.workload-command-grid{grid-template-columns:repeat(3,minmax(0,1fr))}}
@media(max-width:700px){.bank-metrics,.workload-command-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.deep-task-modal .form-grid{grid-template-columns:minmax(0,1fr)}.deep-task-modal .field.full{grid-column:auto}.exec-hero-actions,.mywork-command-actions{align-items:stretch}.deep-task-modal .inline-add{flex-direction:column;align-items:stretch}.deep-task-modal .inline-add .btn{width:100%}}

.deep-task-modal .evidence-remove{background:var(--theme-bg-surface, #fff1f2);color:var(--theme-status-danger-text, #9f1239);border:1px solid var(--theme-status-danger-border, #fecdd3);}
.deep-task-modal .evidence-item{flex-wrap:wrap;gap:10px;}
.deep-task-modal .evidence-item>div:first-child{flex:1;min-width:0;}

/* Consistent spacing for assignment controls above the work register. */
.work-admin-panel{padding:20px 24px;margin:0 0 18px;min-width:0;}
.work-admin-panel h3{margin:0 0 10px;line-height:1.35;}
.work-admin-panel>p{margin:0 0 16px;line-height:1.55;max-width:1100px;}
.work-admin-panel>.btn{margin:0;vertical-align:middle;}
.work-admin-panel .table-scroll{margin-top:16px;}
.work-admin-panel>.panel-sub{padding:16px 0 0;margin-top:16px;border-top:1px solid var(--line,var(--theme-border-soft, #e0e7ec));}
.work-admin-panel:hover{transform:none;}
@media(max-width:700px){.work-admin-panel{padding:18px 16px;margin-bottom:16px;}}

/* Header menus stay above page controls; filters never cover scrolled rows. */
.topbar.premium-topbar{z-index:40;}
.premium-table-toolbar.sticky-table-toolbar{position:relative;top:auto;z-index:12;}