:root{
  --ink:#18202a;--ink-2:#253142;--ink-3:#34445a;--bg:#eef1f4;--surface:#fff;
  --line:#d8dee6;--line-soft:#e9edf2;--text:#18212b;--muted:#6d7887;
  --accent:#087b69;--accent-2:#0b695c;--accent-soft:#e7f4f1;
  --danger:#c84242;--warn:#d59722;--ok:#16845c;--blue:#3973b9;
  --shadow:0 8px 28px rgba(20,31,45,.08);--radius:6px;
}
*{box-sizing:border-box}html,body{margin:0;height:100%;font-family:Inter,ui-sans-serif,system-ui,-apple-system,"Segoe UI",sans-serif;color:var(--text);background:var(--bg);font-size:13px}
button,input,select,textarea{font:inherit}button{cursor:pointer}.hidden{display:none!important}
.auth-screen{position:fixed;inset:0;display:grid;place-items:center;background:#e7ebef;z-index:1000}
.auth-card{width:min(390px,calc(100vw - 32px));background:#fff;border:1px solid var(--line);box-shadow:var(--shadow);padding:26px;display:grid;gap:14px}
.auth-brand,.brand-lockup{display:flex;align-items:center;gap:9px}.mobile-nav-toggle{display:none;width:30px;height:30px;border:1px solid var(--line);background:#fff;font-size:16px;align-items:center;justify-content:center;padding:0}.auth-brand b,.brand-lockup b{letter-spacing:.18em;font-size:14px}.auth-brand small,.brand-lockup small{display:block;font-size:9px;color:var(--muted);letter-spacing:.13em;margin-top:2px}
.logo-mark{width:32px;height:32px;border-radius:8px;display:grid;place-items:center;background:var(--accent);color:#fff;font-weight:800;font-size:18px}
.auth-card h1{font-size:20px;margin:8px 0 0}.auth-card label{display:grid;gap:6px;font-weight:650}.auth-card input{height:38px;border:1px solid var(--line);padding:0 10px;background:#fff}
.form-error{padding:9px 10px;border:1px solid #efb2b2;background:#fff0f0;color:#9f2727}.btn{height:36px;border:1px solid var(--line);background:#fff;padding:0 12px;font-weight:650}.btn.primary{background:var(--accent);border-color:var(--accent);color:#fff}
.app{height:100%;display:grid;grid-template-rows:48px 50px 1fr;overflow:hidden}
.global-header{display:grid;grid-template-columns:210px minmax(260px,520px) auto 1fr;align-items:center;gap:12px;padding:0 12px;background:#fff;border-bottom:1px solid var(--line);z-index:20}
.global-search{height:34px;border:1px solid var(--line);background:#f8fafb;color:var(--muted);display:flex;align-items:center;gap:8px;padding:0 10px;text-align:left}.global-search b{font-weight:500;flex:1}.global-search kbd{border:1px solid #cad1da;background:#fff;padding:2px 5px;font-size:10px}
.global-actions,.header-right{display:flex;align-items:center;gap:6px}.global-actions button,.header-button,.chip,.presence,.profile{height:32px;border:1px solid var(--line);background:#fff;padding:0 9px}.global-actions .primary{background:var(--accent);border-color:var(--accent);color:#fff;font-weight:700}
.header-right{justify-content:flex-end;min-width:0}.clock{color:var(--muted);font-variant-numeric:tabular-nums}.presence{display:flex;align-items:center;gap:6px}.presence i,.health-dot{width:7px;height:7px;border-radius:50%;background:#99a3af}.profile{display:flex;align-items:center;gap:7px;max-width:170px}.profile span{width:23px;height:23px;background:#e8edf2;display:grid;place-items:center}.profile b{white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.language-control{height:32px;border:1px solid var(--line);background:#fff;display:flex;align-items:center;gap:4px;padding:0 6px;border-radius:6px}.language-control select{border:0;background:transparent;color:inherit;font:inherit;font-size:10px;font-weight:800;outline:0;cursor:pointer}.logout-button{border-color:#efc7c3!important;color:#a9362c!important}.logout-button:hover{background:#fff4f2!important;border-color:#e4aaa4!important;color:#8f241c!important}
.badge{display:inline-grid;place-items:center;min-width:17px;height:17px;padding:0 4px;background:var(--danger);color:white;border-radius:9px;font-size:10px}
.domain-bar{display:flex;align-items:stretch;gap:0;background:var(--ink);border-bottom:1px solid #101721;overflow-x:auto;scrollbar-width:none}
.domain-bar::-webkit-scrollbar{display:none}.domain-tab{min-width:94px;border:0;border-right:1px solid rgba(255,255,255,.08);background:transparent;color:#c8d0da;padding:6px 12px;display:grid;place-items:center;gap:2px;font-size:11px}.domain-tab b{font-size:12px}.domain-tab:hover{background:#222e3c;color:#fff}.domain-tab.active{background:var(--accent);color:#fff}.domain-tab .domain-icon{font-size:14px;opacity:.85}
.workspace{min-height:0;display:grid;grid-template-columns:224px minmax(0,1fr) auto;overflow:hidden}
.side-nav{background:#f7f9fb;border-right:1px solid var(--line);display:flex;flex-direction:column;min-height:0}.side-head{padding:15px 14px 12px;border-bottom:1px solid var(--line)}.side-head small{font-size:9px;letter-spacing:.18em;color:#7d8795}.side-head h2{margin:4px 0 0;font-size:17px}
.side-nav nav{padding:8px;overflow:auto;flex:1}.side-nav nav button{width:100%;height:36px;border:0;background:transparent;text-align:left;padding:0 10px;color:#4c5968;border-left:3px solid transparent}.side-nav nav button:hover{background:#eef2f5;color:#111}.side-nav nav button.active{background:#e5eeec;color:#0b584d;border-left-color:var(--accent);font-weight:700}
.side-foot{height:40px;border-top:1px solid var(--line);display:flex;align-items:center;justify-content:space-between;padding:0 12px;color:#7b8591;font-size:11px}.side-foot .health-dot{background:#32b67d}
.main{min-width:0;min-height:0;overflow:auto;background:var(--bg)}.page-mount{min-height:100%;padding:12px}
.inspector{width:360px;border-left:1px solid var(--line);background:#fff;overflow:auto;box-shadow:-8px 0 24px rgba(18,30,45,.05)}
.page-head{min-height:54px;background:#fff;border:1px solid var(--line);display:flex;align-items:center;justify-content:space-between;padding:10px 12px;margin-bottom:8px}.page-title{display:flex;align-items:center;gap:10px}.page-title h1{font-size:18px;margin:0}.page-title p{margin:3px 0 0;color:var(--muted);font-size:11px}.page-actions{display:flex;gap:6px;flex-wrap:wrap}
.command-bar{min-height:44px;background:#fff;border:1px solid var(--line);margin-bottom:8px;padding:5px 7px;display:flex;align-items:center;gap:6px;flex-wrap:wrap}.command-bar input,.command-bar select{height:32px;border:1px solid var(--line);background:#fff;padding:0 8px}.command-bar .grow{flex:1;min-width:180px}
.metric-strip{display:grid;grid-template-columns:repeat(auto-fit,minmax(120px,1fr));border:1px solid var(--line);background:#fff;margin-bottom:8px}.metric{padding:9px 11px;border-right:1px solid var(--line-soft)}.metric:last-child{border-right:0}.metric label{display:block;font-size:9px;letter-spacing:.12em;text-transform:uppercase;color:#7c8794}.metric b{display:block;font-size:18px;margin-top:3px}.metric small{color:var(--muted)}
.section{background:#fff;border:1px solid var(--line);margin-bottom:8px}.section-head{min-height:38px;background:#f7f9fb;border-bottom:1px solid var(--line);padding:7px 9px;display:flex;align-items:center;justify-content:space-between}.section-head h3{margin:0;font-size:11px;text-transform:uppercase;letter-spacing:.06em}.section-head small{color:var(--muted);margin-left:6px}.section-body{padding:10px}
.data-wrap{overflow:auto;max-width:100%}.data-table{width:100%;border-collapse:separate;border-spacing:0;min-width:720px}.data-table th{position:sticky;top:0;z-index:2;height:33px;background:#e9edf1;border-bottom:1px solid #cfd6de;border-right:1px solid #dbe1e7;padding:0 8px;text-align:left;font-size:9px;text-transform:uppercase;letter-spacing:.07em;color:#5d6876}.data-table td{height:36px;border-bottom:1px solid var(--line-soft);padding:5px 8px;vertical-align:middle}.data-table tbody tr:hover{background:#f8fbfa}.primary-cell{font-weight:700}.subline{display:block;color:var(--muted);font-size:10px;margin-top:2px}.mono{font-family:ui-monospace,SFMono-Regular,Menlo,monospace}
.status{display:inline-flex;align-items:center;min-height:20px;padding:2px 7px;border-radius:3px;background:#edf1f4;color:#586575;font-size:10px;font-weight:700;text-transform:uppercase}.status.ok{background:#dff3ea;color:#126446}.status.bad{background:#fde6e4;color:#a73c36}.status.warn{background:#fff0ce;color:#8a5a0e}.status.info{background:#e3eefb;color:#315f92}
.mini{height:28px;border:1px solid #ccd4dd;background:#fff;padding:0 8px;font-weight:650;margin:1px}.mini.primary{background:var(--accent);border-color:var(--accent);color:#fff}.mini.danger{background:#fff1f1;border-color:#e9b5b5;color:#a42c2c}
.grid-2{display:grid;grid-template-columns:1fr 1fr;gap:8px}.grid-3{display:grid;grid-template-columns:repeat(3,1fr);gap:8px}.master-detail{display:grid;grid-template-columns:minmax(280px,36%) 1fr;gap:8px}.record-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:8px}
.kv{border:1px solid var(--line);background:#fff}.kv header{height:32px;padding:8px 9px;background:#f5f7f9;border-bottom:1px solid var(--line);font-size:10px;text-transform:uppercase;font-weight:800}.kv-row{display:grid;grid-template-columns:120px 1fr;gap:8px;border-bottom:1px solid var(--line-soft);padding:7px 9px}.kv-row:last-child{border-bottom:0}.kv-row>span:first-child{color:var(--muted);font-size:11px}
.empty-state{min-height:150px;display:grid;place-items:center;text-align:center;color:var(--muted);padding:24px}.empty-state b{display:block;color:#394654;font-size:14px;margin-bottom:4px}
.disconnected{border:1px dashed #c4ccd5;background:#fafbfc;padding:20px}.disconnected h3{margin:0 0 5px;font-size:14px}.disconnected p{margin:0;color:var(--muted);max-width:700px}
.form-grid{display:grid;grid-template-columns:1fr 1fr;gap:10px}.form-grid label{display:grid;gap:5px;font-weight:650}.form-grid label.full,.form-actions,.form-error.full{grid-column:1/-1}.form-grid input,.form-grid select,.form-grid textarea{border:1px solid var(--line);background:#fff;padding:7px 9px;min-height:36px}.form-grid textarea{min-height:90px;resize:vertical}.form-actions{display:flex;justify-content:flex-end;gap:6px;border-top:1px solid var(--line);padding-top:10px;margin-top:4px}
.command-layer{position:fixed;inset:0;background:rgba(10,18,28,.28);z-index:800;display:flex;justify-content:center;padding-top:80px}.command-box{width:min(700px,calc(100vw - 30px));max-height:70vh;background:#fff;border:1px solid #cbd3dc;box-shadow:var(--shadow);overflow:auto}.command-box>input{width:100%;height:46px;border:0;border-bottom:1px solid var(--line);padding:0 14px;font-size:15px}
.command-item{width:100%;border:0;border-bottom:1px solid var(--line-soft);background:#fff;padding:9px 12px;text-align:left;display:flex;justify-content:space-between}.command-item:hover{background:#f5f8f7}
.overlay{position:fixed;inset:0;background:rgba(10,18,28,.28);z-index:900;display:grid;place-items:center;padding:20px}.overlay-card{width:min(720px,calc(100vw - 24px));max-height:86vh;background:#fff;border:1px solid var(--line);box-shadow:var(--shadow);overflow:auto;padding:14px}
.toasts{position:fixed;right:14px;bottom:14px;z-index:1000;display:grid;gap:6px}.toast{min-width:260px;background:#18202a;color:#fff;padding:10px 12px;box-shadow:var(--shadow)}
@media(max-width:1080px){.global-header{grid-template-columns:160px 1fr auto}.global-actions{display:none}.header-right .clock,.header-right .chip{display:none}.workspace{grid-template-columns:190px minmax(0,1fr)}.inspector{position:fixed;right:0;top:98px;bottom:0;z-index:100;width:min(380px,90vw)}.record-grid{grid-template-columns:1fr 1fr}}
@media(max-width:760px){.app{grid-template-rows:48px 44px 1fr}.global-header{grid-template-columns:auto 1fr auto;padding:0 7px}.mobile-nav-toggle{display:inline-flex}.brand-lockup>div{display:none}.brand-lockup .logo-mark{display:none}.global-search{min-width:0}.global-search b,.global-search kbd{display:none}.header-right .presence,.header-right .profile b,.header-button{font-size:0;padding:0 7px}.domain-tab{min-width:72px;padding:5px 8px}.workspace{grid-template-columns:1fr}.side-nav{position:fixed;left:0;top:92px;bottom:0;width:250px;z-index:90;transform:translateX(-100%);transition:.18s}.side-nav.open{transform:none;box-shadow:var(--shadow)}.page-mount{padding:7px}.grid-2,.grid-3,.master-detail,.record-grid{grid-template-columns:1fr}.page-head{align-items:flex-start;gap:8px}.page-actions{justify-content:flex-end}.metric-strip{grid-template-columns:repeat(2,1fr)}}

.chat-list,.chat-people{display:grid;gap:4px;max-height:430px;overflow:auto}
.chat-thread-row,.chat-person-row{width:100%;border:1px solid var(--line-soft);background:#fff;padding:8px 9px;text-align:left;display:grid;grid-template-columns:1fr auto;gap:2px 8px}
.chat-thread-row:hover,.chat-person-row:hover{background:#f5f8f7}.chat-thread-row.active{border-color:#9bc8bf;background:var(--accent-soft)}
.chat-thread-row b,.chat-person-row b{font-size:12px}.chat-thread-row small,.chat-person-row small{color:var(--muted);font-size:10px}
.chat-thread-row span{grid-column:1/-1;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;color:#596675;font-size:11px}
.chat-log{display:flex;flex-direction:column;gap:7px;max-height:520px;overflow:auto;background:#f8fafb}
.chat-message{max-width:78%;border:1px solid var(--line);background:#fff;padding:8px 9px}.chat-message.mine{align-self:flex-end;background:var(--accent-soft);border-color:#badbd4}
.chat-message header{display:flex;justify-content:space-between;gap:12px;margin-bottom:4px}.chat-message header small{color:var(--muted);font-size:10px}
.chat-composer{border-top:1px solid var(--line);padding:8px;display:flex;gap:7px;background:#fff}.chat-composer textarea{min-height:54px;flex:1;border:1px solid var(--line);padding:8px;resize:vertical}

/* R17 reference-density pass */
@media(min-width:761px){
  .app{grid-template-rows:44px 44px 1fr}
  .global-header{grid-template-columns:202px minmax(250px,500px) auto 1fr;padding:0 10px;gap:9px}
  .global-search,.global-actions button,.header-button,.chip,.presence,.profile{height:30px}
  .domain-tab{min-width:88px;padding:4px 10px;font-size:10px}
  .domain-tab b{font-size:11px}
  .workspace{grid-template-columns:212px minmax(0,1fr) auto}
  .side-head{padding:11px 11px 9px}.side-head h2{font-size:15px}
  .side-nav nav{padding:5px}.side-nav nav button{height:31px;padding:0 8px;font-size:12px}
  .page-mount{padding:8px}
  .page-head{min-height:45px;padding:7px 9px;margin-bottom:6px}
  .page-title h1{font-size:16px}.page-title p{margin-top:2px;font-size:10px}
  .command-bar{min-height:38px;margin-bottom:6px;padding:3px 5px}
  .command-bar input,.command-bar select{height:29px;font-size:11px}
  .metric-strip{margin-bottom:6px}
  .metric{padding:6px 8px}.metric b{font-size:15px;margin-top:1px}.metric small{font-size:9px}
  .section{margin-bottom:6px}.section-head{min-height:32px;padding:5px 7px}
  .section-body{padding:7px}
  .data-table th{height:29px;padding:0 6px;font-size:8.5px}
  .data-table td{height:31px;padding:4px 6px;font-size:11px}
  .mini{height:25px;padding:0 7px;font-size:10px}
  .kv header{height:29px;padding:6px 7px}
  .kv-row{padding:5px 7px;grid-template-columns:112px 1fr}
}

.domain-scroll{display:none;position:sticky;z-index:8;flex:0 0 28px;height:100%;border:0;background:#111a25;color:#fff;font-size:22px;line-height:1;place-items:center;padding:0}
.domain-bar.has-overflow .domain-scroll{display:grid}
.domain-scroll-left{left:0;border-right:1px solid rgba(255,255,255,.12)}
.domain-scroll-right{right:0;margin-left:auto;border-left:1px solid rgba(255,255,255,.12)}
.domain-scroll:hover{background:var(--accent)}

/* R17 Menu Redesign — professional navigation */
.nav-svg{width:16px;height:16px;display:block;flex:none}
.domain-bar{height:44px;align-items:center;gap:2px;padding:0 6px;background:#101823;border-bottom:1px solid #1f2b39;box-shadow:inset 0 -1px 0 rgba(255,255,255,.02)}
.domain-tab{min-width:max-content;height:36px;margin:0;border:1px solid transparent;border-radius:7px;background:transparent;color:#aeb8c5;padding:0 10px;display:flex;align-items:center;justify-content:flex-start;gap:7px;font-size:11px;transition:background .14s,border-color .14s,color .14s,transform .14s}
.domain-tab b{font-size:11px;font-weight:650;letter-spacing:.005em;white-space:nowrap}
.domain-tab .domain-icon{width:26px;height:26px;border-radius:6px;display:grid;place-items:center;background:rgba(255,255,255,.045);color:#aeb8c5;opacity:1;transition:inherit}
.domain-tab .domain-icon .nav-svg{width:15px;height:15px}
.domain-tab:hover{background:#182433;border-color:#273648;color:#f3f6f8;transform:translateY(-1px)}
.domain-tab:hover .domain-icon{background:#223246;color:#fff}
.domain-tab.active{background:#0f7466;border-color:#168978;color:#fff;box-shadow:0 4px 12px rgba(0,0,0,.16)}
.domain-tab.active .domain-icon{background:rgba(255,255,255,.14);color:#fff}
.domain-scroll{height:34px!important;top:5px;border-radius:6px!important;background:#172231!important;color:#aeb8c5!important;font-size:18px!important}
.domain-scroll:hover{background:#223247!important;color:#fff!important}
.workspace{grid-template-columns:220px minmax(0,1fr) auto}
.side-nav{background:#f3f6f8;border-right:1px solid #d6dde5}
.side-head{min-height:66px;padding:11px 10px 10px;border-bottom:1px solid #dce2e8;background:linear-gradient(180deg,#f8fafb 0%,#f3f6f8 100%)}
.side-head small{display:block;font-size:8px;font-weight:750;letter-spacing:.16em;color:#98a2ae;margin:0 0 6px 2px}
.side-head h2{margin:0;display:flex;align-items:center;gap:9px;font-size:14px;font-weight:750;line-height:1.2;color:#18212b;min-width:0}
.side-head h2>span:last-child{white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
.side-title-icon{width:30px;height:30px;border:1px solid #c9ddd8;border-radius:8px;background:#e4f2ef;color:#0c6b5e;display:grid;place-items:center;box-shadow:0 1px 2px rgba(16,35,45,.04)}
.side-title-icon .nav-svg{width:16px;height:16px}
.side-nav nav{padding:8px 7px 10px;overflow:auto;flex:1}
.side-nav nav button.side-link{position:relative;width:100%;min-height:36px;height:auto;border:1px solid transparent;border-radius:7px;background:transparent;text-align:left;padding:5px 7px;display:grid;grid-template-columns:28px minmax(0,1fr) 12px;align-items:center;gap:7px;color:#53606f;transition:background .12s,border-color .12s,color .12s,box-shadow .12s}
.side-nav nav button.side-link:hover{background:#e9eef2;border-color:#dce3e9;color:#202b37}
.side-nav nav button.side-link.active{background:#fff;border-color:#ccd8d5;color:#0b5f54;font-weight:700;box-shadow:0 2px 7px rgba(23,42,54,.06)}
.side-nav nav button.side-link.active:before{content:'';position:absolute;left:-7px;top:7px;bottom:7px;width:3px;border-radius:0 3px 3px 0;background:#0b806f}
.side-icon{width:26px;height:26px;border-radius:6px;display:grid;place-items:center;color:#6d7988;background:#e9edf1;transition:inherit}
.side-icon .nav-svg{width:14px;height:14px}
.side-link:hover .side-icon{background:#dfe6eb;color:#354352}
.side-link.active .side-icon{background:#e0f1ed;color:#0b7566}
.side-label{white-space:nowrap;overflow:hidden;text-overflow:ellipsis;font-size:11.5px}
.side-caret{font-size:15px;color:#a2abb5;opacity:0;transform:translateX(-2px);transition:.12s}
.side-link:hover .side-caret,.side-link.active .side-caret{opacity:1;transform:none}
.side-foot{height:43px;border-top:1px solid #d8e0e7;background:#eef2f5;padding:0 10px;color:#6f7b88}
.side-edition{display:flex;align-items:baseline;gap:5px}.side-edition b{font-size:10px;color:#293641;letter-spacing:.06em}.side-edition small{font-size:9px;color:#8994a0}
.side-foot .health-dot{width:7px;height:7px;background:#28a874;box-shadow:0 0 0 3px rgba(40,168,116,.12)}
.logo-mark{border-radius:9px;box-shadow:0 2px 6px rgba(8,123,105,.18)}
@media(min-width:761px){.domain-tab{min-width:max-content;padding:0 9px}.workspace{grid-template-columns:220px minmax(0,1fr) auto}.side-head{padding:10px 9px 9px}.side-nav nav{padding:7px 6px}.side-nav nav button.side-link{min-height:34px;padding:4px 6px}}
@media(max-width:760px){.domain-bar{padding:0 4px;gap:2px}.domain-tab{min-width:42px;width:42px;height:34px;padding:0;justify-content:center}.domain-tab b{display:none}.domain-tab .domain-icon{width:28px;height:28px}.domain-tab .domain-icon .nav-svg{width:16px;height:16px}.side-nav{width:264px;background:#f3f6f8}.side-head{min-height:66px}.side-nav nav button.side-link{min-height:38px}.side-label{font-size:12px}}
/* R17.1 Navigation Polish */
.logo-mark-svg{overflow:hidden}.logo-mark-svg svg{width:24px;height:24px;stroke:#fff;stroke-width:2.15;stroke-linecap:round;stroke-linejoin:round}.auth-brand .logo-mark-svg svg{width:23px;height:23px}
.brand-lockup{gap:10px}.brand-lockup b{font-size:13px;letter-spacing:.2em}.brand-lockup small{font-size:8px;letter-spacing:.16em}
.global-search .search-glyph{width:24px;height:24px;border-radius:6px;display:grid;place-items:center;background:#eef3f5;color:#536273}.global-search .search-glyph svg{width:14px;height:14px;stroke:currentColor;stroke-width:1.9;stroke-linecap:round}
.global-actions button{display:flex;align-items:center;gap:6px}.action-icon{width:19px;height:19px;display:grid;place-items:center}.action-icon svg{width:14px;height:14px;stroke:currentColor;stroke-width:1.9;stroke-linecap:round;stroke-linejoin:round}
.header-button,.chip{display:flex;align-items:center;gap:5px}.header-mini-icon{width:18px;height:18px;display:grid;place-items:center;color:#667381}.header-mini-icon svg{width:14px;height:14px;stroke:currentColor;stroke-width:1.8;stroke-linecap:round;stroke-linejoin:round}.header-button:hover .header-mini-icon,.chip:hover .header-mini-icon{color:#253443}
.header-text{white-space:nowrap}.header-right .header-button,.header-right .chip{padding:0 7px}
.domain-tab{padding-left:8px;padding-right:8px}.domain-tab .domain-icon{width:25px;height:25px}.domain-tab b{font-size:10.5px}
@media(min-width:761px) and (max-width:1220px){.domain-tab{padding-left:6px;padding-right:6px;gap:5px}.domain-tab b{font-size:10px}.domain-tab .domain-icon{width:24px;height:24px}}
@media(max-width:760px){.header-right .header-text{display:none}.header-button,.chip{width:30px;justify-content:center;padding:0!important}.language-control{width:48px;height:30px;padding:0 4px;gap:1px}.language-control .header-mini-icon{display:none}.language-control select{width:38px;text-align:center}.header-mini-icon{width:18px}.global-search .search-glyph{background:transparent;width:18px}.global-actions .action-icon{display:none}}
/* R17.2 functional workspace */
.handoff-controls{display:flex;align-items:flex-end;gap:8px;flex-wrap:wrap;padding:10px;border:1px solid #dde4e9;border-radius:8px;background:#f8fafb}
.handoff-controls label{display:flex;flex-direction:column;gap:4px;min-width:190px;font-size:11px;color:#5f6d7a}
.handoff-controls select{height:34px;min-width:190px;border:1px solid #cdd7df;border-radius:6px;background:#fff;padding:0 8px}
.handoff-controls .mini{height:34px}
@media(max-width:760px){.handoff-controls{display:grid;grid-template-columns:1fr}.handoff-controls label,.handoff-controls select,.handoff-controls .mini{width:100%;min-width:0}}
/* R17.3 global quick actions */
.quick-dock{display:none;position:fixed;left:50%;bottom:10px;transform:translateX(-50%);z-index:140;background:rgba(255,255,255,.96);backdrop-filter:blur(14px);border:1px solid var(--line);box-shadow:0 12px 32px rgba(20,35,50,.16);border-radius:12px;padding:5px;gap:4px}
.quick-dock button{border:0;background:transparent;min-width:70px;height:48px;border-radius:8px;padding:4px 8px;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:2px;color:#34414d}
.quick-dock button:hover{background:#eef3f6}.quick-dock button span{font-size:17px;line-height:1}.quick-dock button b{font-size:9px;letter-spacing:.02em;white-space:nowrap}
.notification-list{display:grid;gap:6px}.notification-item{border:1px solid var(--line);border-radius:8px;padding:9px;background:#fff;display:grid;grid-template-columns:1fr auto;gap:8px}.notification-item.unread{border-left:3px solid var(--accent);background:#f8fbfd}.notification-item b{display:block;font-size:12px}.notification-item p{margin:4px 0 0;font-size:11px;color:#50606d}.notification-item small{color:var(--muted);font-size:10px}.presence-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:7px}.presence-grid .btn{justify-content:center}
.quick-handoff-presets{display:flex;flex-wrap:wrap;gap:5px;margin:2px 0 8px}
@media(max-width:1080px){.quick-dock{display:flex}.main{padding-bottom:70px}}
@media(max-width:760px){.quick-dock{bottom:7px;width:calc(100% - 14px);justify-content:space-between}.quick-dock button{min-width:0;flex:1}.overlay-card{max-height:calc(100vh - 104px)}}
/* R17.4 scope + CRM clarity */
.switch-line{display:flex;align-items:center;gap:7px;white-space:nowrap}.switch-line input{width:16px;height:16px}
.muted-copy{margin:10px 0 0;color:var(--muted);font-size:11px;line-height:1.55;max-width:72ch}
@media(max-width:760px){.switch-line{white-space:normal}.muted-copy{font-size:10px}}

/* R17.7 site-first architecture */
.domain-bar{justify-content:flex-start;gap:0;padding:0 14px;background:#17222d;border-bottom:1px solid #263746;overflow:visible}
.domain-tab.workspace-tab{min-width:190px;height:54px;border-radius:0;border:0;border-right:1px solid #2a3b49;background:transparent;color:#cdd7df;display:flex;align-items:center;justify-content:flex-start;gap:10px;padding:0 18px}
.domain-tab.workspace-tab:hover{background:#22313e}.domain-tab.workspace-tab.active{background:#f7f9fb;color:#1e2d39;box-shadow:inset 0 -3px 0 var(--accent)}
.workspace-tab>span:last-child{display:flex;flex-direction:column;align-items:flex-start;line-height:1.05}.workspace-tab b{font-size:12px}.workspace-tab small{font-size:9px;opacity:.65;margin-top:3px;font-weight:500}
.site-picker{margin:0 0 8px;padding:10px;border-bottom:1px solid var(--line);background:#f4f7f9}.site-picker label{display:block;font-size:9px;font-weight:800;text-transform:uppercase;letter-spacing:.08em;color:var(--muted);margin-bottom:5px}.site-picker select{width:100%;height:34px;font-size:11px}.site-picker small{display:block;margin-top:5px;color:var(--muted);font-size:9px}
.side-section{padding:4px 0 7px;border-bottom:1px solid #e3e8ec}.side-section:last-child{border-bottom:0}.side-section-title{padding:8px 14px 5px;font-size:9px;font-weight:900;letter-spacing:.09em;text-transform:uppercase;color:#82909d}
.side-section .side-link{min-height:34px}.side-section .side-link.active{background:#eaf1f5;border-left-color:var(--accent)}
.site-scope-strip{min-height:34px;margin:0 0 10px;padding:6px 10px;border:1px solid #d9e1e7;background:#f7fafb;border-radius:7px;display:flex;align-items:center;gap:8px;font-size:11px}.site-scope-strip span{display:flex;gap:5px;align-items:center}.site-scope-strip small{color:var(--muted);margin-right:auto}
.site-module-grid{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:7px;margin:0 0 10px}.site-module-card{min-height:70px;border:1px solid #d9e1e7;border-radius:7px;background:#fff;text-align:left;padding:10px 12px;display:grid;grid-template-columns:1fr auto;grid-template-rows:auto auto;gap:3px;color:#243542}.site-module-card:hover{border-color:#9eb5c5;background:#f7fafb}.site-module-card b{font-size:12px}.site-module-card small{font-size:9px;color:var(--muted)}.site-module-card span{grid-row:1/3;grid-column:2;align-self:center;font-size:18px;color:#8b99a5}
.permission-risk{display:inline-flex;align-items:center;padding:2px 6px;border-radius:10px;font-size:8px;font-weight:900;text-transform:uppercase;letter-spacing:.04em}.permission-risk.low{background:#e7f5ed;color:#21784b}.permission-risk.medium{background:#fff3d8;color:#8a5d05}.permission-risk.high{background:#fde9e8;color:#a83c36}.permission-risk.critical{background:#3c2530;color:#fff}
.permission-help .data-table td:nth-child(2),.permission-help .data-table th:nth-child(2){min-width:280px}.permission-help .data-table td{vertical-align:top}
.shift-person-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:5px;max-height:320px;overflow:auto;border:1px solid var(--line);padding:7px;border-radius:6px;background:#fafcfd}.shift-person{display:flex;align-items:center;gap:7px;border:1px solid #e4e9ed;border-radius:5px;background:#fff;padding:7px}.shift-person input{width:16px;height:16px}.shift-person span{min-width:0}.shift-person b,.shift-person small{display:block}.shift-person small{font-size:9px;color:var(--muted);white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
@media(max-width:1080px){.domain-tab.workspace-tab{min-width:150px}.site-module-grid{grid-template-columns:repeat(2,minmax(0,1fr))}}
@media(max-width:760px){.domain-bar{padding-left:0;overflow-x:auto}.domain-tab.workspace-tab{min-width:132px;height:48px;padding:0 10px}.workspace-tab small{display:none}.site-module-grid{grid-template-columns:1fr}.site-scope-strip{flex-wrap:wrap}.site-scope-strip small{width:100%;margin:0}.shift-person-grid{grid-template-columns:1fr}}

/* R18 site-first workspace */
.cap-chips{display:flex;flex-wrap:wrap;gap:4px;margin-top:7px}.cap-chip{display:inline-flex;align-items:center;height:20px;padding:0 6px;border:1px solid #d5dee5;border-radius:4px;background:#fff;color:#52616d;font-size:8px;font-weight:800;text-transform:uppercase;letter-spacing:.035em}.cap-chip.muted{opacity:.65}
.permission-legend{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:1px;margin:0 0 10px;border:1px solid #d8e1e7;border-radius:7px;overflow:hidden;background:#d8e1e7}.permission-legend>div{background:#fff;padding:9px 10px;min-height:58px}.permission-legend b{display:block;font-size:10px;text-transform:uppercase;letter-spacing:.05em;color:#283844;margin-bottom:4px}.permission-legend span{display:block;font-size:10px;line-height:1.42;color:#687682}
.site-picker{position:sticky;top:0;z-index:2}.site-picker .cap-chips{max-height:52px;overflow:auto;padding-right:2px}
.side-section-title{letter-spacing:.075em}.site-scope-strip .mini.primary{font-weight:800}
.permission-help .data-table td:nth-child(2),.master-detail .data-table td:nth-child(2){white-space:normal;line-height:1.35}
@media(max-width:1080px){.permission-legend{grid-template-columns:repeat(2,minmax(0,1fr))}}
@media(max-width:760px){.permission-legend{grid-template-columns:1fr}.cap-chips{gap:3px}.cap-chip{font-size:7px;height:18px}.site-picker{position:static}}
/* R18.1 site-first operations */
.side-section-title{display:flex;align-items:center;justify-content:space-between;gap:8px}
.side-section-note{font-size:7px;font-weight:700;letter-spacing:.02em;text-transform:none;color:#a46b00;background:#fff1cf;border:1px solid #eed598;border-radius:10px;padding:2px 5px}
.side-link.locked{opacity:.72;cursor:pointer}.side-link.locked:hover{opacity:1;background:#f4f7f9}.side-link .side-state{margin-left:auto;font-size:8px;color:#9a6c12}
.mini.locked{border-style:dashed;color:#8a6516;background:#fff9e8}
.site-module-card.locked{border-style:dashed;background:#fffaf0}.site-module-card.locked span{font-size:12px}
.shift-department-list{display:grid;gap:8px;max-height:58vh;overflow:auto;padding-right:3px}
.shift-department-card{border:1px solid #d8e0e6;border-radius:8px;background:#fafcfd;overflow:hidden;opacity:.76}
.shift-department-card.selected{border-color:#8faabd;background:#fff;opacity:1;box-shadow:inset 3px 0 0 var(--accent)}
.shift-department-card>header{display:grid;grid-template-columns:minmax(220px,1fr) minmax(240px,1fr);gap:10px;align-items:center;padding:9px 10px;border-bottom:1px solid #e6ebef}
.shift-department-toggle{display:flex;align-items:center;gap:8px}.shift-department-toggle input{width:17px;height:17px}.shift-department-toggle span{display:flex;flex-direction:column}.shift-department-toggle small{font-size:9px;color:var(--muted);margin-top:2px}
.shift-department-card details{padding:7px 10px}.shift-department-card summary{cursor:pointer;font-size:10px;font-weight:800;color:#445564;display:flex;justify-content:space-between}
.shift-person-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:5px;margin-top:7px}.shift-person{display:flex;align-items:center;gap:6px;border:1px solid #e2e7eb;border-radius:6px;padding:6px;background:#fff}.shift-person span{display:flex;flex-direction:column;min-width:0}.shift-person b{font-size:10px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.shift-person small{font-size:8px;color:var(--muted)}
.planner-toolbar{display:flex;align-items:center;gap:6px;padding:7px 8px;background:#f4f7f9;border:1px solid #dde4e9;border-radius:7px}.planner-toolbar span{margin-left:auto;font-size:10px;font-weight:800}.planner-note{font-size:10px;color:#536471;background:#f7f9fa;border-left:3px solid #8da4b3;padding:8px 10px}
.connection-tree{display:grid;gap:10px}.connection-project{border:1px solid #d8e0e6;border-radius:8px;background:#fff;overflow:hidden}.connection-project-head{min-height:44px;padding:8px 11px;background:#eef3f6;border-bottom:1px solid #d8e0e6;display:flex;align-items:center;justify-content:space-between}.connection-project-head h3{margin:0;font-size:13px}.connection-project-head small{display:block;color:var(--muted);font-size:9px;margin-top:2px}.connection-project-body{padding:8px;display:grid;gap:8px}
.connection-site{border:1px solid #e1e6ea;border-radius:7px;overflow:hidden}.connection-site-head{padding:7px 9px;background:#fafbfc;display:flex;align-items:center;justify-content:space-between;gap:12px;border-bottom:1px solid #e7ebee}.connection-site-head>div{display:flex;align-items:center;gap:7px}.connection-site-head>div:first-child{display:block}.connection-site-head b{font-size:11px}.connection-site-head small{display:block;font-size:8px;color:var(--muted);margin-top:2px}.connection-site-head .mono{font-size:9px;color:#586a77;max-width:330px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}
.permission-help .data-table td:nth-child(2),[data-permission-row] td:nth-child(2){min-width:300px;white-space:normal;line-height:1.35}
@media(max-width:1080px){.shift-person-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.shift-department-card>header{grid-template-columns:1fr}.connection-site-head{align-items:flex-start;flex-direction:column}.connection-site-head>div:last-child{flex-wrap:wrap}}
@media(max-width:760px){.shift-person-grid{grid-template-columns:1fr}.shift-department-list{max-height:52vh}.planner-toolbar{flex-wrap:wrap}.planner-toolbar span{width:100%;margin:0}.connection-project-body{padding:5px}.connection-site-head .mono{max-width:100%;white-space:normal;word-break:break-all}}

/* R18.2 ZIP workflow parity */
.workflow-rules{display:grid;gap:0;padding:0!important}.workflow-rule{display:grid;grid-template-columns:120px 1fr;gap:10px;padding:8px 10px;border-bottom:1px solid #e7ebee;align-items:start}.workflow-rule:last-child{border-bottom:0}.workflow-rule b{font-size:10px;color:#263746}.workflow-rule span{font-size:10px;line-height:1.45;color:#5b6b77}
.command-bar select:disabled,.command-bar input:disabled{opacity:.75;background:#f5f7f8;color:#647481}.command-bar button:disabled{opacity:.55;cursor:not-allowed}
.section .empty-state b{font-size:11px}.section .empty-state span{max-width:780px;line-height:1.45}
@media(max-width:760px){.workflow-rule{grid-template-columns:1fr;gap:3px}.command-bar{align-items:stretch}.command-bar>select,.command-bar>input,.command-bar>button{width:100%;min-width:0}}

/* R18.3 site operations information architecture */
.side-section{padding:0;border-bottom:1px solid #e2e8ed}
.side-section-toggle{width:100%;min-height:38px;border:0;background:transparent;text-align:left;padding:7px 11px;cursor:pointer;color:#53616d}
.side-section-toggle:hover{background:#eef3f6}.side-section.open>.side-section-toggle{background:#e8eff4;color:#20323f}
.side-section.disabled>.side-section-toggle{background:#fafafa;color:#8c969f}
.side-section-meta{font-size:8px;font-weight:700;text-transform:none;letter-spacing:0;color:#87939d}
.side-section.open .side-link{padding-left:15px}.side-section.disabled .side-section-meta{color:#9d6b19}
.site-module-card.featured{border-left:4px solid var(--accent);background:#f6fafc}.site-module-card.featured b{font-size:13px}
.site-module-card.locked{opacity:.78}.site-module-card.locked small{color:#8a6a2b}
.department-shift-grid{display:grid;grid-template-columns:repeat(5,minmax(0,1fr));gap:7px;padding:8px}
.department-shift-card{border:1px solid var(--line);background:#fff;border-radius:7px;padding:9px;min-width:0}
.department-shift-card>header{display:flex;align-items:flex-start;justify-content:space-between;gap:6px;border-bottom:1px solid #edf0f2;padding-bottom:7px}
.department-shift-card>header>div{display:flex;flex-direction:column;min-width:0}.department-shift-card>header b{font-size:12px}.department-shift-card>header small{font-size:9px;color:var(--muted);margin-top:2px}
.department-shift-stats{display:grid;grid-template-columns:repeat(3,1fr);gap:4px;padding:8px 0}.department-shift-stats span{display:flex;flex-direction:column}.department-shift-stats b{font-size:15px}.department-shift-stats small{font-size:8px;color:var(--muted);text-transform:uppercase}
.department-shift-card .form-actions{padding:0;border:0;margin:0}.department-shift-card .mini{width:100%;justify-content:center}
.admin-routing-note{display:flex;align-items:center;justify-content:space-between;gap:12px;border:1px solid #d9e1e7;background:#f7fafb;border-radius:7px;padding:9px 10px;margin-top:8px}
.admin-routing-note>div{display:flex;flex-direction:column}.admin-routing-note b{font-size:11px}.admin-routing-note span{font-size:9px;color:var(--muted);margin-top:2px}
@media(max-width:1250px){.department-shift-grid{grid-template-columns:repeat(3,minmax(0,1fr))}}
@media(max-width:760px){.department-shift-grid{grid-template-columns:1fr}.admin-routing-note{align-items:flex-start;flex-direction:column}.admin-routing-note .mini{width:100%;justify-content:center}}

/* R18.4 page parity: member registry + profile */
.scope-ribbon{display:flex;align-items:center;justify-content:space-between;gap:12px;background:#f7f9fb;border:1px solid var(--line);border-left:3px solid var(--accent);padding:7px 9px;margin-bottom:6px}
.scope-ribbon>div:first-child{display:flex;flex-direction:column;gap:1px}.scope-ribbon b{font-size:12px}.scope-ribbon span{font-size:10px;color:var(--muted)}
.scope-ribbon-meta{display:flex;gap:12px;flex-wrap:wrap}.scope-ribbon-meta span{font-weight:600;color:#465565}
.table-pager{min-height:36px;border-top:1px solid var(--line);display:flex;align-items:center;justify-content:space-between;padding:4px 7px;background:#fafbfc}
.table-pager>span{font-size:10px;color:var(--muted)}.table-pager>div{display:flex;gap:5px}
.member-identity-bar{display:grid;grid-template-columns:44px minmax(180px,1fr) auto;align-items:center;gap:10px;background:#fff;border:1px solid var(--line);padding:9px 10px;margin-bottom:6px}
.member-avatar{width:38px;height:38px;border-radius:8px;display:flex;align-items:center;justify-content:center;background:#e6f0ed;border:1px solid #c9ddd7;color:#0b6656;font-size:12px;font-weight:800;letter-spacing:.04em}
.member-identity-main{display:flex;flex-direction:column;gap:1px;min-width:0}.member-identity-main>b{font-size:14px}.member-identity-main>span,.member-identity-main>small{font-size:10px;color:var(--muted);overflow:hidden;text-overflow:ellipsis;white-space:nowrap}
.member-identity-facts{display:flex;align-items:center;gap:7px;flex-wrap:wrap;justify-content:flex-end}.member-identity-facts>span{height:26px;display:flex;align-items:center;gap:4px;padding:0 7px;border:1px solid var(--line);background:#f8fafb;font-size:10px;white-space:nowrap}
.detail-tabs{height:38px;display:flex;align-items:flex-end;gap:1px;background:#fff;border:1px solid var(--line);padding:0 6px;margin-bottom:6px;overflow-x:auto;overflow-y:hidden}
.detail-tabs button{height:37px;border:0;border-bottom:2px solid transparent;background:transparent;padding:0 11px;font-size:10px;font-weight:650;color:#667381;white-space:nowrap;cursor:pointer}
.detail-tabs button:hover{background:#f6f8fa;color:#27323d}.detail-tabs button.active{border-bottom-color:var(--accent);color:#0b6656;background:#f4f9f7}
.audit-mini{max-width:720px;max-height:180px;overflow:auto;white-space:pre-wrap;font-size:9px;line-height:1.35;margin:6px 0 0}
@media(max-width:760px){
  .scope-ribbon{align-items:flex-start;flex-direction:column}.scope-ribbon-meta{gap:7px}
  .member-identity-bar{grid-template-columns:38px minmax(0,1fr)}.member-identity-facts{grid-column:1/-1;justify-content:flex-start}
  .member-identity-facts>span{flex:1;min-width:110px;justify-content:space-between}
  .detail-tabs{padding:0 3px}.detail-tabs button{padding:0 9px}
  .table-pager{position:sticky;left:0}
}

/* R18.4 page parity: admin group master-detail */
.admin-group-layout{display:grid;grid-template-columns:minmax(250px,30%) minmax(0,1fr);gap:6px;margin-bottom:6px}
.group-master-list{display:flex;flex-direction:column;max-height:620px;overflow:auto}
.group-master-row{display:grid;grid-template-columns:minmax(0,1fr) auto;gap:8px;text-align:left;border:0;border-bottom:1px solid var(--line-soft);background:#fff;padding:8px 9px;cursor:pointer}
.group-master-row:hover{background:#f7f9fb}.group-master-row.active{background:#edf5f2;box-shadow:inset 3px 0 #14745f}
.group-master-row>span:first-child{display:flex;flex-direction:column;gap:2px;min-width:0}.group-master-row b{font-size:11px}.group-master-row small{font-size:9px;color:var(--muted);white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
.group-master-meta{display:flex;flex-direction:column;align-items:flex-end;gap:2px}.group-master-meta i{font-style:normal;font-size:9px;color:var(--muted)}
.admin-group-summary{min-height:48px;display:flex;justify-content:space-between;align-items:flex-start;gap:8px;padding:8px 9px;background:#f7f9fb;border-bottom:1px solid var(--line)}
.admin-group-summary>div:first-child{display:flex;flex-direction:column;gap:2px}.admin-group-summary b{font-size:12px}.admin-group-summary span{font-size:10px;color:var(--muted)}
.admin-dept-line{display:flex;align-items:flex-start;gap:10px;padding:7px 9px;border-bottom:1px solid var(--line-soft)}.admin-dept-line>b{font-size:10px;min-width:76px}.admin-dept-line>div{display:flex;gap:4px;flex-wrap:wrap}
.admin-dept-chip{display:inline-flex;align-items:center;height:22px;padding:0 7px;border:1px solid #cad8d4;background:#f1f7f5;color:#315d52;font-size:9px;border-radius:4px}
.check-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:5px;margin-top:7px}.check-row{display:flex;align-items:center;gap:6px;border:1px solid var(--line-soft);padding:6px 7px;background:#fafbfc}
@media(max-width:900px){.admin-group-layout{grid-template-columns:1fr}.group-master-list{max-height:240px}}
@media(max-width:760px){.check-grid{grid-template-columns:1fr}}

/* R18.4 site-aware search + department shift readiness */
.scope-chips{display:flex;flex-wrap:wrap;gap:4px;max-width:360px}
.search-admin-note{display:flex;gap:10px;align-items:flex-start;padding:9px 11px;border:1px solid var(--line);background:#f8fafb;border-radius:7px;margin:0 0 9px}
.search-admin-note b{font-size:11px;white-space:nowrap}.search-admin-note span{font-size:11px;color:var(--muted);line-height:1.45}
.inline-field{display:flex;align-items:center;gap:7px;font-size:10px;color:var(--muted)}.inline-field select{min-width:260px}
.department-shift-card.warning{border-left:3px solid #c68a22}
.shift-readiness{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:5px;padding:7px 0;border-top:1px solid var(--line)}
.shift-readiness>div{display:flex;flex-direction:column;gap:2px}.shift-readiness span{font-size:9px;text-transform:uppercase;letter-spacing:.04em;color:var(--muted)}.shift-readiness b{font-size:10px;font-weight:600;line-height:1.35}
@media(max-width:760px){.inline-field{width:100%;align-items:stretch;flex-direction:column}.inline-field select{min-width:0;width:100%}.search-admin-note{flex-direction:column}.shift-readiness{grid-template-columns:1fr}}

/* R18.4 page parity: accounting + reports */
.finance-tabs{height:38px;display:flex;align-items:flex-end;gap:1px;background:#fff;border:1px solid var(--line);padding:0 6px;margin-bottom:6px;overflow-x:auto}
.finance-tabs button{height:37px;border:0;border-bottom:2px solid transparent;background:transparent;padding:0 12px;font-size:10px;font-weight:650;color:#667381;white-space:nowrap;cursor:pointer}
.finance-tabs button:hover{background:#f6f8fa;color:#27323d}.finance-tabs button.active{border-bottom-color:var(--accent);color:#0b6656;background:#f4f9f7}
.finance-scope{border-left-color:#a9771f}.finance-scope .status{margin-left:2px}
[data-report-row] td:nth-child(4){color:var(--muted);font-size:10px}
#pageMount .data-table td .mini+.mini{margin-left:3px}
@media(max-width:760px){.finance-tabs{padding:0 3px}.finance-tabs button{padding:0 9px}}

/* R18.4 final2 site operational reality */
.site-operational-reality{margin-top:10px}
.site-operational-reality .data-table td.mono{font-size:10px}
@media(max-width:760px){.site-operational-reality{grid-template-columns:1fr}}

/* R18.6 user groups parity */
.user-groups-layout{display:grid;grid-template-columns:minmax(250px,30%) minmax(0,1fr);gap:6px;margin-bottom:6px}
.user-group-master-list{display:flex;flex-direction:column;max-height:640px;overflow:auto}
.user-group-master-row{display:grid;grid-template-columns:minmax(0,1fr) auto;gap:8px;align-items:center;border:0;border-bottom:1px solid var(--line-soft);background:#fff;padding:8px 9px;text-align:left;cursor:pointer}
.user-group-master-row:hover{background:#f7f9fb}.user-group-master-row.active{background:#edf5f2;box-shadow:inset 3px 0 var(--accent)}
.user-group-title{display:flex;align-items:flex-start;gap:7px;min-width:0}.user-group-title>span{display:flex;flex-direction:column;gap:2px;min-width:0}.user-group-title b{font-size:11px}.user-group-title small{font-size:9px;color:var(--muted);white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
.segment-dot{display:inline-block;width:8px;height:8px;border-radius:50%;flex:0 0 auto;margin-top:3px}.segment-dot.large{width:12px;height:12px;margin-top:2px}
.user-group-meta{display:flex;flex-direction:column;align-items:flex-end;gap:2px}.user-group-meta em{font-style:normal;font-size:9px;color:var(--muted)}
.user-group-summary{display:flex;align-items:flex-start;justify-content:space-between;gap:10px;padding:9px;border-bottom:1px solid var(--line);background:#f7f9fb}
.user-group-summary>div:first-child{display:flex;align-items:flex-start;gap:8px}.user-group-summary>div:first-child>div{display:flex;flex-direction:column;gap:2px}.user-group-summary b{font-size:12px}.user-group-summary span{font-size:10px;color:var(--muted)}
.user-group-facts{display:grid;grid-template-columns:repeat(5,minmax(0,1fr));border-bottom:1px solid var(--line);background:#fff}
.user-group-facts>span{display:flex;flex-direction:column;gap:2px;padding:7px 9px;border-right:1px solid var(--line-soft)}.user-group-facts>span:last-child{border-right:0}.user-group-facts small{font-size:8px;text-transform:uppercase;letter-spacing:.05em;color:var(--muted)}.user-group-facts b{font-size:11px}
.user-group-rule-note{display:flex;align-items:center;justify-content:space-between;gap:10px;padding:9px;border-top:1px solid var(--line);background:#fbfaf5}.user-group-rule-note>div{display:flex;flex-direction:column;gap:2px}.user-group-rule-note b{font-size:10px}.user-group-rule-note span{font-size:9px;color:var(--muted)}
@media(max-width:980px){.user-groups-layout{grid-template-columns:1fr}.user-group-master-list{max-height:240px}.user-group-facts{grid-template-columns:repeat(3,minmax(0,1fr))}}
@media(max-width:760px){.user-group-facts{grid-template-columns:repeat(2,minmax(0,1fr))}.user-group-rule-note{align-items:flex-start;flex-direction:column}}

/* R18.7 customer operations parity */
.create-user-workspace{display:flex;flex-direction:column;gap:0}
.create-user-workspace .section{margin-bottom:6px}
.create-user-workspace label small{display:block;color:var(--muted);font-size:9px;margin-top:1px}
.create-user-workspace #createUserScope>.section-body{padding:8px 0 0}
.create-user-actions{min-height:48px;display:flex;align-items:center;justify-content:space-between;gap:12px;background:#fff;border:1px solid var(--line);padding:7px 9px;margin-bottom:6px}
.create-user-actions>span{font-size:10px;color:var(--muted)}.create-user-actions>div{display:flex;gap:6px;flex-wrap:wrap}
.ops-content-cell{max-width:360px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.ops-content-cell:hover{white-space:normal;overflow:visible}
.ops-agent-cell{max-width:360px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
[data-ops-row] td{vertical-align:middle}
@media(max-width:760px){.create-user-actions{align-items:stretch;flex-direction:column}.create-user-actions>div{display:grid;grid-template-columns:1fr 1fr}.create-user-actions .btn{width:100%}.ops-content-cell,.ops-agent-cell{max-width:220px}}

/* R18.8 admin account parity */
.admin-account-ribbon{border-left-color:#5b5f8a}
.create-admin-workspace{display:flex;flex-direction:column;gap:0}
.create-admin-workspace .section{margin-bottom:6px}
.create-admin-note{display:flex;flex-direction:column;gap:3px;border:1px solid var(--line-soft);background:#f8fafb;padding:7px 8px}
.create-admin-note b{font-size:10px}.create-admin-note span{font-size:9px;color:var(--muted);line-height:1.4}
[data-admin-account-row] td{vertical-align:middle}
@media(max-width:760px){.create-admin-workspace .grid-2{grid-template-columns:1fr}}

/* R18.10 truthful partial capability state */
.site-module-card.partial{border-color:#d9c79f;background:#fffdf7}
.site-module-card.partial:hover{border-color:#b99a58;background:#fffaf0}
.site-module-card.partial small{color:#836a34}
.site-module-card.partial span{color:#a47a2c}

/* R18.11 finance forward-port */
.finance-source-gap{border-left-color:#b7791f}
.finance-table-pager{background:#fbfcfd}
.finance-source-gap .scope-ribbon-meta .status{white-space:nowrap}
@media(max-width:760px){.finance-table-pager{position:sticky;left:0}}

/* R18.12 backoffice parity */
.detail-chip-groups{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:6px;margin:0 0 6px}
.detail-chip-groups>div{display:flex;align-items:flex-start;gap:8px;min-height:38px;padding:8px 9px;border:1px solid var(--line);background:#fff}
.detail-chip-groups>div>b{font-size:9px;text-transform:uppercase;letter-spacing:.05em;color:var(--muted);min-width:72px;padding-top:3px}
.detail-chip-groups>div>span{display:flex;flex-wrap:wrap;gap:4px}
.detail-chip{display:inline-flex;align-items:center;min-height:21px;padding:2px 7px;border:1px solid #cad8d4;background:#f1f7f5;color:#315d52;border-radius:4px;font-size:9px;font-weight:650}
.detail-chip.warning{border-color:#ead29c;background:#fff7e7;color:#8a6413}
.detail-chip.muted{border-color:#dce2e6;background:#f7f9fa;color:#7a8791}
.permission-count-strip{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));border-bottom:1px solid var(--line);background:#f9fafb}
.permission-count-strip span{display:flex;align-items:baseline;justify-content:center;gap:5px;padding:7px;border-right:1px solid var(--line);font-size:9px;color:var(--muted)}
.permission-count-strip span:last-child{border-right:0}.permission-count-strip b{font-size:13px;color:#263746}
.report-live-ribbon{border-left-color:#287a60}.report-live-ribbon .status.ok{font-weight:800}
#pageMount .data-table tbody tr[data-member-row][data-risk="flagged"] td:first-child{box-shadow:inset 3px 0 #c38a24}
#pageMount .data-table tbody tr[data-member-row][data-status="blocked"]{background:#fff8f7}
@media(max-width:760px){.detail-chip-groups{grid-template-columns:1fr}.permission-count-strip{grid-template-columns:repeat(2,minmax(0,1fr))}}

/* CASH per-session forensic watermark */
.session-watermark{position:fixed;inset:-28vh -22vw;z-index:2147483000;pointer-events:none;overflow:hidden;display:grid;grid-template-columns:repeat(5,minmax(220px,1fr));grid-auto-rows:94px;align-content:center;justify-content:center;gap:36px 54px;transform:rotate(-24deg);opacity:.125;color:#0b695c;font-family:ui-monospace,SFMono-Regular,Menlo,Consolas,monospace;font-size:12px;font-weight:800;letter-spacing:.12em;text-transform:uppercase;user-select:none;-webkit-user-select:none}
.session-watermark span{display:flex;align-items:center;justify-content:center;white-space:nowrap;text-shadow:0 0 1px rgba(255,255,255,.8)}
@media(max-width:1080px){.session-watermark{grid-template-columns:repeat(4,minmax(190px,1fr));grid-auto-rows:86px;gap:30px 42px;font-size:11px}}
@media(max-width:760px){.session-watermark{inset:-24vh -50vw;grid-template-columns:repeat(3,minmax(180px,1fr));grid-auto-rows:78px;gap:26px 32px;font-size:10px;opacity:.115}}
@media print{.session-watermark{opacity:.13;color:#000;z-index:2147483000}}

/* CASH dark mode v2 — unified neutral surface system */
body.dark-mode{
  color-scheme:dark;
  --ink:#0d1218;--ink-2:#131a22;--ink-3:#1a232d;
  --bg:#10151b;--surface:#171d25;--surface-2:#1b222c;--surface-3:#202833;
  --line:#2a3440;--line-soft:#222b35;--text:#e7edf3;--muted:#8f9baa;
  --accent:#2d9f8b;--accent-2:#278977;--accent-soft:#18332f;
  --danger:#e06060;--warn:#d7a34f;--ok:#46b889;--blue:#6d9bd2;
  --shadow:0 12px 32px rgba(0,0,0,.24);
  background:var(--bg);color:var(--text)
}
body.dark-mode .app,body.dark-mode .main,body.dark-mode .page-mount{background:var(--bg);color:var(--text)}
body.dark-mode .global-header{background:#141a21;border-color:#27313c;box-shadow:0 1px 0 rgba(255,255,255,.015)}
body.dark-mode .domain-bar{background:#111820;border-color:#26313d}
body.dark-mode .domain-tab.workspace-tab{color:#aeb9c5;border-color:#26313d}
body.dark-mode .domain-tab.workspace-tab:hover{background:#1a232d;color:#f4f7fa}
body.dark-mode .domain-tab.workspace-tab.active{background:#1a222b;color:#f7fafc;box-shadow:inset 0 -3px 0 var(--accent)}
body.dark-mode .side-nav{background:#131920;border-color:#27313c}
body.dark-mode .side-head{background:#151c24;border-color:#27313c}
body.dark-mode .side-head small{color:#748190}
body.dark-mode .side-head h2{color:#f0f4f7}
body.dark-mode .side-title-icon{background:#1a302d;border-color:#28564e;color:#62c0ad;box-shadow:none}
body.dark-mode .side-section{border-color:#222c36}
body.dark-mode .side-section-toggle{color:#9eabb8}
body.dark-mode .side-section-toggle:hover{background:#18212a;color:#e8eef4}
body.dark-mode .side-section.open>.side-section-toggle{background:#1b242e;color:#f2f6f9}
body.dark-mode .side-section.disabled>.side-section-toggle{background:#141a21;color:#6f7b87}
body.dark-mode .side-section-title{color:#768492}
body.dark-mode .side-nav nav button.side-link{color:#9aa7b4;border-color:transparent;background:transparent}
body.dark-mode .side-nav nav button.side-link:hover{background:#19222c;border-color:#283440;color:#edf2f6}
body.dark-mode .side-nav nav button.side-link.active{background:#1c272f;border-color:#31423f;color:#72c7b6;box-shadow:none}
body.dark-mode .side-link.active .side-icon{background:#193630;color:#65baa9}
body.dark-mode .side-icon{background:#1b242d;color:#7f8c99}
body.dark-mode .side-link:hover .side-icon{background:#202b36;color:#c4ced7}
body.dark-mode .side-foot{background:#11171e;border-color:#26303a;color:#778491}
body.dark-mode .side-edition b{color:#cfd8df}
body.dark-mode .side-edition small{color:#687582}
body.dark-mode .global-search,body.dark-mode .global-actions button,body.dark-mode .header-button,body.dark-mode .chip,body.dark-mode .presence,body.dark-mode .profile{
  background:#181f27;border-color:#2a3541;color:#c8d1da
}
body.dark-mode .global-search:hover,body.dark-mode .global-actions button:hover,body.dark-mode .header-button:hover,body.dark-mode .chip:hover,body.dark-mode .presence:hover,body.dark-mode .profile:hover{background:#1d2630;border-color:#374553;color:#f3f6f8}
body.dark-mode .global-search kbd{background:#111820;border-color:#303b47;color:#8d99a6}
body.dark-mode .global-search .search-glyph,body.dark-mode .profile span{background:#202a34;color:#9ba8b5}
body.dark-mode .header-mini-icon{color:#8997a4}
body.dark-mode .header-button:hover .header-mini-icon,body.dark-mode .chip:hover .header-mini-icon{color:#d8e0e7}
body.dark-mode .clock{color:#778491}
body.dark-mode .page-head,body.dark-mode .command-bar,body.dark-mode .metric-strip,body.dark-mode .section,body.dark-mode .kv,body.dark-mode .overlay-card,body.dark-mode .command-box{background:var(--surface);border-color:var(--line);color:var(--text);box-shadow:none}
body.dark-mode .page-title h1,body.dark-mode .section-head h3,body.dark-mode .primary-cell,body.dark-mode .metric b{color:#f3f6f9}
body.dark-mode .page-title p,body.dark-mode .metric small,body.dark-mode .subline,body.dark-mode .muted-copy,body.dark-mode .empty-state,body.dark-mode .kv-row>span:first-child{color:var(--muted)}
body.dark-mode .section-head,body.dark-mode .kv header{background:#1b222b;border-color:#2a3440;color:#d9e1e8}
body.dark-mode .section-body{background:transparent}
body.dark-mode .metric{border-color:#252f39}
body.dark-mode .metric label{color:#7e8b98}
body.dark-mode input,body.dark-mode select,body.dark-mode textarea,body.dark-mode .command-box>input,body.dark-mode .command-bar input,body.dark-mode .command-bar select,body.dark-mode .form-grid input,body.dark-mode .form-grid select,body.dark-mode .form-grid textarea{
  background:#121820!important;color:#e8edf2!important;border-color:#303c48!important
}
body.dark-mode input:focus,body.dark-mode select:focus,body.dark-mode textarea:focus{outline:1px solid #3b766d;outline-offset:0;border-color:#3b766d!important}
body.dark-mode input::placeholder,body.dark-mode textarea::placeholder{color:#667380}
body.dark-mode .btn,body.dark-mode .mini{background:#1b232c;color:#dbe3ea;border-color:#303b47}
body.dark-mode .btn:hover,body.dark-mode .mini:hover{background:#222c36;border-color:#3b4856;color:#fff}
body.dark-mode .btn.primary,body.dark-mode .mini.primary,body.dark-mode .global-actions .primary{background:#247f70;border-color:#2a8d7c;color:#fff}
body.dark-mode .mini.danger{background:#2a1d20;border-color:#5a3035;color:#e99a9f}
body.dark-mode .data-table th{background:#1b232c;border-color:#2e3945;color:#8f9ca9}
body.dark-mode .data-table td{border-color:#222b35;color:#d5dde4}
body.dark-mode .data-table tbody tr{background:transparent}
body.dark-mode .data-table tbody tr:hover{background:#1a232c}
body.dark-mode #pageMount .data-table tbody tr[data-member-row][data-status="blocked"]{background:#23191c}
body.dark-mode .status{background:#252e38;color:#aeb9c4}
body.dark-mode .status.ok{background:#173128;color:#68c69e}
body.dark-mode .status.bad{background:#351f23;color:#ee9198}
body.dark-mode .status.warn{background:#352b18;color:#e7bd70}
body.dark-mode .status.info{background:#1d2b3c;color:#86add8}
body.dark-mode .site-picker,body.dark-mode .site-scope-strip,body.dark-mode .handoff-controls,body.dark-mode .planner-toolbar,body.dark-mode .finance-table-pager,body.dark-mode .permission-count-strip{background:#151c23;border-color:#29343f;color:#d4dde4}
body.dark-mode .site-module-card,body.dark-mode .department-shift-card,body.dark-mode .shift-person,body.dark-mode .shift-department-card,body.dark-mode .connection-project,body.dark-mode .connection-site,body.dark-mode .create-admin-note,body.dark-mode .detail-chip-groups>div,body.dark-mode .notification-item{background:#181f27;border-color:#2a3540;color:#dce4eb}
body.dark-mode .site-module-card:hover{background:#1d2630;border-color:#3b4b5a}
body.dark-mode .site-module-card.featured{background:#182522;border-left-color:#2d9f8b}
body.dark-mode .site-module-card.partial{background:#211e17;border-color:#4c4129}
body.dark-mode .site-module-card.partial:hover{background:#282317;border-color:#665633}
body.dark-mode .site-module-card.partial small,body.dark-mode .site-module-card.partial span{color:#c7a767}
body.dark-mode .site-module-card.locked{background:#1c1c1a;border-color:#41413b}
body.dark-mode .shift-department-card>header,body.dark-mode .connection-project-head,body.dark-mode .connection-site-head{background:#1b232c;border-color:#2a3540}
body.dark-mode .shift-department-card details{background:#171e26}
body.dark-mode .shift-department-card summary{color:#c5d0da}
body.dark-mode .planner-note{background:#171f27;border-color:#48606e;color:#9fb0bd}
body.dark-mode .permission-legend{background:#29333e;border-color:#29333e}
body.dark-mode .permission-legend>div{background:#171e26;color:#c7d0d8}
body.dark-mode .permission-legend b{color:#dbe3e9}
body.dark-mode .permission-legend span{color:#8e9aa6}
body.dark-mode .cap-chip{background:#1b242d;border-color:#34404b;color:#9eabb7}
body.dark-mode .detail-chip{background:#183029;border-color:#31594f;color:#85c7b6}
body.dark-mode .detail-chip.warning{background:#302817;border-color:#5d4b27;color:#ddb76d}
body.dark-mode .detail-chip.muted{background:#1b222a;border-color:#303a44;color:#8995a1}
body.dark-mode .permission-count-strip b{color:#e5ebf0}
body.dark-mode .workflow-rule{border-color:#222c36}
body.dark-mode .workflow-rule b{color:#d9e1e7}
body.dark-mode .workflow-rule span{color:#95a2ae}
body.dark-mode .disconnected{background:#151c23;border-color:#36424e}
body.dark-mode .disconnected h3{color:#eef3f6}
body.dark-mode .chat-log{background:#121820}
body.dark-mode .chat-thread-row,body.dark-mode .chat-person-row,body.dark-mode .chat-message,body.dark-mode .chat-composer{background:#181f27;border-color:#2a3540;color:#dbe3ea}
body.dark-mode .chat-thread-row:hover,body.dark-mode .chat-person-row:hover{background:#1d2731}
body.dark-mode .chat-thread-row.active{background:#19302c;border-color:#35665d}
body.dark-mode .chat-message.mine{background:#18322d;border-color:#315e55}
body.dark-mode .chat-thread-row span{color:#8f9ca8}
body.dark-mode .quick-dock{background:rgba(20,27,34,.96);border-color:#303b46;box-shadow:0 14px 34px rgba(0,0,0,.32)}
body.dark-mode .quick-dock button{color:#aeb9c3}
body.dark-mode .quick-dock button:hover{background:#202a34;color:#fff}
body.dark-mode .command-item{background:#171e26;color:#dce4ea;border-color:#242e38}
body.dark-mode .command-item:hover{background:#1d2731}
body.dark-mode .command-layer,body.dark-mode .overlay{background:rgba(5,8,12,.58);backdrop-filter:blur(2px)}
body.dark-mode .auth-screen{background:#0e1319}
body.dark-mode .auth-card{background:#171d25;border-color:#2a3440;color:#e7edf3;box-shadow:0 18px 48px rgba(0,0,0,.3)}
body.dark-mode .auth-card input{background:#11171e;color:#edf2f6;border-color:#303b47}
body.dark-mode .form-error{background:#301d20;border-color:#67353b;color:#ef9da3}
body.dark-mode .empty-state b{color:#cfd8df}
body.dark-mode .notification-item.unread{background:#182521;border-left-color:#2d9f8b}
body.dark-mode .create-user-actions,body.dark-mode .create-admin-workspace{color:#d6dee5}
body.dark-mode .session-watermark{color:#6ab8aa;opacity:.08}
body.dark-mode ::-webkit-scrollbar{width:10px;height:10px}
body.dark-mode ::-webkit-scrollbar-thumb{background:#35414d;border:2px solid #141a21;border-radius:8px}
body.dark-mode ::-webkit-scrollbar-track{background:#141a21}


/* CASH dark mode v3 — visual polish */
body.dark-mode{
  --bg:#0b0f14;--surface:#131922;--surface-2:#171e27;--surface-3:#1b242e;
  --line:#25303b;--line-soft:#1d2630;--text:#e6ebf0;--muted:#8793a0;
  --accent:#339985;--accent-2:#2d8575;--accent-soft:#152b27;
  background:#0b0f14
}
body.dark-mode .app{background:#0b0f14}
body.dark-mode .main{background:linear-gradient(180deg,#0d1218 0,#0b0f14 100%)}
body.dark-mode .page-mount{background:transparent}
body.dark-mode .global-header{background:rgba(16,22,29,.96);border-bottom-color:#222c36;box-shadow:0 6px 24px rgba(0,0,0,.16);backdrop-filter:blur(10px)}
body.dark-mode .domain-bar{background:#0e141b;border-bottom-color:#222d38;box-shadow:inset 0 -1px 0 rgba(255,255,255,.015)}
body.dark-mode .domain-tab.workspace-tab{color:#8f9ba8}
body.dark-mode .domain-tab.workspace-tab:hover{background:#151d25;color:#dfe5eb}
body.dark-mode .domain-tab.workspace-tab.active{background:#161e27;color:#f5f7f9;box-shadow:inset 0 -2px 0 #3ba08d}
body.dark-mode .side-nav{background:#10161d;border-right-color:#222c36}
body.dark-mode .side-head{background:#121922;border-bottom-color:#202a34}
body.dark-mode .side-section-toggle{border-radius:6px;margin:2px 5px;width:calc(100% - 10px)}
body.dark-mode .side-section.open>.side-section-toggle{background:#171f28;color:#e5ebef}
body.dark-mode .side-nav nav button.side-link{border-radius:7px;margin:1px 0}
body.dark-mode .side-nav nav button.side-link:hover{background:#171f28;border-color:#202b35;color:#e9eef2}
body.dark-mode .side-nav nav button.side-link.active{background:#18231f;border-color:#28443d;color:#8bcbbb;box-shadow:inset 3px 0 0 #339985}
body.dark-mode .side-nav nav button.side-link.active:before{display:none}
body.dark-mode .side-link.active .side-icon{background:#1c302b;color:#76bfae}
body.dark-mode .side-foot{background:#0f151c;border-top-color:#222b35}
body.dark-mode .global-search,body.dark-mode .global-actions button,body.dark-mode .header-button,body.dark-mode .chip,body.dark-mode .presence,body.dark-mode .profile,body.dark-mode .language-control{background:#141b23;border-color:#26313c;color:#b8c2cc;border-radius:7px;transition:.14s ease}
body.dark-mode .global-search:hover,body.dark-mode .global-actions button:hover,body.dark-mode .header-button:hover,body.dark-mode .chip:hover,body.dark-mode .presence:hover,body.dark-mode .profile:hover{background:#19222b;border-color:#33404d;color:#f3f5f7}
body.dark-mode .page-head,body.dark-mode .command-bar,body.dark-mode .metric-strip,body.dark-mode .section,body.dark-mode .kv{background:#121821;border:1px solid #232e39;border-radius:8px;box-shadow:0 4px 16px rgba(0,0,0,.11)}
body.dark-mode .page-head{background:linear-gradient(180deg,#141b24,#111820)}
body.dark-mode .section-head,body.dark-mode .kv header{background:#151d26;border-bottom-color:#242f3a;border-radius:8px 8px 0 0}
body.dark-mode .section-head h3{color:#d9e0e6;letter-spacing:.055em}
body.dark-mode .metric-strip{overflow:hidden}
body.dark-mode .metric{border-right-color:#222c36}
body.dark-mode .metric label{color:#74818e}
body.dark-mode .metric b{color:#eef2f5;font-weight:700}
body.dark-mode .command-bar{box-shadow:none}
body.dark-mode input,body.dark-mode select,body.dark-mode textarea,body.dark-mode .command-box>input,body.dark-mode .command-bar input,body.dark-mode .command-bar select,body.dark-mode .form-grid input,body.dark-mode .form-grid select,body.dark-mode .form-grid textarea{background:#0f151c!important;border-color:#293540!important;color:#e8edf1!important;border-radius:6px}
body.dark-mode input:hover,body.dark-mode select:hover,body.dark-mode textarea:hover{border-color:#344250!important}
body.dark-mode input:focus,body.dark-mode select:focus,body.dark-mode textarea:focus{border-color:#3c756b!important;box-shadow:0 0 0 2px rgba(51,153,133,.11);outline:none}
body.dark-mode .btn,body.dark-mode .mini{background:#171f28;border-color:#2a3540;color:#cad3db;border-radius:6px;box-shadow:none}
body.dark-mode .btn:hover,body.dark-mode .mini:hover{background:#1e2832;border-color:#3a4856;color:#fff}
body.dark-mode .btn.primary,body.dark-mode .mini.primary,body.dark-mode .global-actions .primary{background:#287f70;border-color:#338f7e;color:#fff;box-shadow:0 3px 10px rgba(35,117,102,.16)}
body.dark-mode .data-wrap{border-radius:0 0 8px 8px}
body.dark-mode .data-table th{background:#151d26;border-right-color:#242f39;border-bottom-color:#2a3540;color:#818e9b}
body.dark-mode .data-table td{border-bottom-color:#1e2831;color:#ced7df}
body.dark-mode .data-table tbody tr:nth-child(even){background:rgba(255,255,255,.009)}
body.dark-mode .data-table tbody tr:hover{background:#172029}
body.dark-mode .site-picker,body.dark-mode .site-scope-strip,body.dark-mode .handoff-controls,body.dark-mode .planner-toolbar,body.dark-mode .finance-table-pager,body.dark-mode .permission-count-strip{background:#111820;border-color:#232e38}
body.dark-mode .site-module-card,body.dark-mode .department-shift-card,body.dark-mode .shift-person,body.dark-mode .shift-department-card,body.dark-mode .connection-project,body.dark-mode .connection-site,body.dark-mode .create-admin-note,body.dark-mode .detail-chip-groups>div,body.dark-mode .notification-item{background:#141b23;border-color:#26313b;border-radius:8px;box-shadow:0 2px 10px rgba(0,0,0,.08)}
body.dark-mode .site-module-card:hover{background:#18212a;border-color:#354452;transform:translateY(-1px)}
body.dark-mode .site-module-card.featured{background:#14211e;border-left-color:#339985}
body.dark-mode .permission-legend{background:#242e38;border-color:#242e38}
body.dark-mode .permission-legend>div{background:#131a22}
body.dark-mode .chat-log{background:#0f151c;border-radius:6px}
body.dark-mode .chat-thread-row,body.dark-mode .chat-person-row,body.dark-mode .chat-message,body.dark-mode .chat-composer{background:#141b23;border-color:#25303a}
body.dark-mode .chat-message.mine{background:#162923;border-color:#2e5148}
body.dark-mode .overlay-card,body.dark-mode .command-box{background:#121820;border-color:#2a3540;border-radius:10px;box-shadow:0 22px 60px rgba(0,0,0,.42)}
body.dark-mode .overlay,body.dark-mode .command-layer{background:rgba(3,6,9,.68);backdrop-filter:blur(5px)}
body.dark-mode .quick-dock{background:rgba(17,24,31,.94);border-color:#29343f;box-shadow:0 14px 36px rgba(0,0,0,.34)}
body.dark-mode .status{border:1px solid rgba(255,255,255,.035)}
body.dark-mode .status.ok{background:#142b23;color:#70c7a2}
body.dark-mode .status.info{background:#182534;color:#88acd3}
body.dark-mode .status.warn{background:#2d2718;color:#d9b56e}
body.dark-mode .status.bad{background:#2f1c21;color:#e6959c}
body.dark-mode .auth-card{background:#121922;border-color:#28333e;border-radius:10px}

/* Finance deposit detail clarity */
.cash-fin-detail{display:grid;gap:10px}.cash-fin-detail-head{display:flex;justify-content:space-between;align-items:flex-start;gap:16px;padding-bottom:10px;border-bottom:1px solid var(--line)}.cash-fin-detail-head>div:last-child{text-align:right}.cash-fin-detail-head small,.cash-fin-current small,.cash-fin-section-head small{font-size:8px;letter-spacing:.08em;color:var(--muted);font-weight:800}.cash-fin-detail-head h2{margin:3px 0;font-size:18px}.cash-fin-detail-head span{font-size:10px;color:var(--muted)}.cash-fin-detail-head>div:last-child b{display:block;font-size:19px;margin:2px 0 4px}
.cash-fin-current{display:grid;grid-template-columns:160px 1fr;gap:10px;border:1px solid #d8e2df;border-left:4px solid var(--accent);background:#f7fbfa;border-radius:8px;padding:10px 12px}.cash-fin-current>div{display:flex;flex-direction:column;justify-content:center}.cash-fin-current>div:first-child b{font-size:15px;margin-top:2px}.cash-fin-current>div:last-child b{font-size:10px}.cash-fin-current>div:last-child span{font-size:9px;color:var(--muted);margin-top:2px}
.cash-fin-section{border:1px solid var(--line);border-radius:8px;overflow:hidden;background:#fff}.cash-fin-section-head{display:flex;align-items:center;justify-content:space-between;padding:7px 9px;background:#f5f7f9;border-bottom:1px solid var(--line)}.cash-fin-section-head>div{display:flex;align-items:center;gap:7px}.cash-fin-section-head>div small{width:21px;height:21px;display:grid;place-items:center;background:#e3f1ed;color:#087b69;border-radius:5px}.cash-fin-section-head h3{margin:0;font-size:10.5px}.cash-fin-section-head>span{font-size:8px;color:var(--muted)}
.cash-fin-flow{padding:9px 10px}.cash-fin-step{display:grid;grid-template-columns:25px 1fr;gap:7px;position:relative;padding-bottom:8px}.cash-fin-step:not(:last-child):before{content:'';position:absolute;left:12px;top:24px;bottom:0;width:1px;background:#dce3e8}.cash-fin-num{width:24px;height:24px;border-radius:50%;display:grid;place-items:center;background:#eef2f4;border:1px solid #d5dde3;color:#63727e;font-size:8px;font-weight:900;z-index:1}.cash-fin-card{border:1px solid #dde4e9;border-radius:7px;padding:8px 9px}.cash-fin-card-head{display:flex;justify-content:space-between;gap:8px}.cash-fin-card-head small{display:block;font-size:7px;font-weight:900;color:var(--muted);letter-spacing:.05em}.cash-fin-card-head b{display:block;font-size:9.5px;margin-top:2px}.cash-fin-card-head time{font-size:8px;color:var(--muted)}.cash-fin-change{display:flex;align-items:center;gap:5px;margin-top:6px}.cash-fin-change span{font-size:8.5px;font-weight:800;padding:2px 6px;border-radius:10px;background:#edf2f4}.cash-fin-source{font-size:8px;color:var(--muted);margin-top:5px}.cash-fin-reason{margin-top:6px;padding:6px 7px;border-left:3px solid #ced9df;background:#f8fafb}.cash-fin-reason small{font-size:7px;color:var(--muted);font-weight:900}.cash-fin-reason p{margin:3px 0 0;font-size:9px;line-height:1.4}
.cash-fin-notes{display:grid;gap:6px;padding:9px 10px}.cash-fin-note{border:1px solid #dde4e9;border-radius:7px;padding:8px 9px;background:#fbfcfd}.cash-fin-note>div{display:flex;justify-content:space-between;gap:8px}.cash-fin-note b{font-size:9.5px}.cash-fin-note span,.cash-fin-note small{font-size:8px;color:var(--muted)}.cash-fin-note p{margin:5px 0 0;font-size:9.5px;line-height:1.4;white-space:pre-wrap}.cash-fin-note-compose{border-top:1px solid var(--line);padding:9px 10px;background:#f7f9fa}.cash-fin-note-compose textarea{width:100%;min-height:70px;border:1px solid #cdd7df;border-radius:6px;padding:8px;resize:vertical}.cash-fin-note-compose>div{display:flex;align-items:center;justify-content:space-between;gap:8px;margin-top:6px}.cash-fin-note-compose small{font-size:8px;color:var(--muted)}.cash-fin-actions{position:sticky;bottom:-12px;background:#fff;border-top:1px solid var(--line);padding:9px 0 0;margin-top:0}
@media(max-width:760px){.cash-fin-detail-head{display:grid}.cash-fin-detail-head>div:last-child{text-align:left}.cash-fin-current{grid-template-columns:1fr}.cash-fin-note-compose>div{align-items:flex-start;flex-direction:column}.cash-fin-note-compose .btn{width:100%}}

.cash-fin-account-card{border:1px solid #bfd9d3;border-left:4px solid var(--accent);border-radius:8px;background:#f6fbf9;padding:9px 10px;display:grid;grid-template-columns:190px 1fr;gap:10px;align-items:center}.cash-fin-account-card>div:first-child small,.cash-fin-account-grid small{font-size:8px;letter-spacing:.06em;color:var(--muted);font-weight:800}.cash-fin-account-card h3{margin:3px 0 0;font-size:11px}.cash-fin-account-grid{display:grid;grid-template-columns:minmax(140px,.7fr) minmax(240px,1.3fr);gap:7px}.cash-fin-account-grid>div{border:1px solid #dbe6e2;background:#fff;border-radius:6px;padding:7px 8px}.cash-fin-account-grid b{display:block;margin-top:3px;font-size:9.5px;word-break:break-all}
@media(max-width:760px){.cash-fin-account-card,.cash-fin-account-grid{grid-template-columns:1fr}}

/* Shared customer profile styles for SIP desk */

.asm-customer-head{display:grid;grid-template-columns:auto 1fr auto;align-items:center;gap:9px;padding:11px;border-bottom:1px solid var(--line)}

.asm-customer-head h3{margin:0 0 2px;font-size:12px}.asm-customer-head .mini-avatar{width:34px;height:34px;border-radius:8px;display:grid;place-items:center;background:#e5f2ef;color:#087866;font-size:10px;font-weight:900}.asm-customer-head .mono{font-size:9px;color:var(--muted)}

.asm-customer-facts{display:grid;grid-template-columns:repeat(2,1fr);gap:1px;background:#e8edef;border-bottom:1px solid var(--line)}.asm-customer-facts>div{display:grid;gap:3px;background:#fff;padding:8px 9px}.asm-customer-facts span{font-size:7px;text-transform:uppercase;letter-spacing:.06em;color:var(--muted)}.asm-customer-facts b{font-size:9px}

.asm-notes-head{display:flex;justify-content:space-between;padding:9px 10px 5px}.asm-notes-head b{font-size:9px}.asm-notes-head span{font-size:8px;color:var(--muted)}

.asm-notes{max-height:210px;overflow:auto;padding:0 9px 8px}.asm-note{border:1px solid #e1e6e8;border-radius:6px;padding:7px 8px;margin:5px 0;background:#fbfcfc;display:grid;gap:4px}.asm-note small{font-size:7px;color:var(--muted)}.asm-note span{font-size:9px;line-height:1.35}

.asm-quick-note{display:grid;grid-template-columns:1fr auto;gap:6px;padding:8px 9px;border-top:1px solid var(--line);background:#f8faf9}.asm-quick-note input{min-width:0}

.asm-empty{min-height:120px;display:flex;flex-direction:column;align-items:center;justify-content:center;text-align:center;padding:18px;color:var(--muted);gap:4px}.asm-empty b{font-size:10px;color:#52606a}.asm-empty span{font-size:8.5px}

.registry-note{margin-bottom:8px}

body.dark-mode .asm-customer-facts>div,body.dark-mode .asm-quick-note{background:#151d26;border-color:#28333d}

body.dark-mode .asm-note{background:#141b23;border-color:#28333d}

/* R18.21 SIP Softphone Desk */
.sip-workspace{display:grid;grid-template-columns:250px 410px minmax(320px,1fr);gap:10px;align-items:start}
.sip-workspace>aside,.sip-center{min-width:0}
.sip-queue-pane,.sip-profile-pane{background:#fff;border:1px solid var(--line);border-radius:9px;overflow:hidden}
.sip-pane-head{height:48px;display:flex;justify-content:space-between;align-items:center;padding:0 11px;border-bottom:1px solid var(--line);background:#f7f9fa}
.sip-pane-head>div{display:grid;gap:2px}.sip-pane-head b{font-size:10px}.sip-pane-head small{font-size:7.5px;color:var(--muted)}
.sip-pane-head button{height:30px;border:1px solid #cbd8d5;background:#eef6f3;color:#0b7866;border-radius:6px;padding:0 9px;font-size:8px;font-weight:800;cursor:pointer}
.sip-tabs{display:grid;grid-template-columns:1fr 1fr;border-bottom:1px solid var(--line);background:#fbfcfc}
.sip-tabs button{height:35px;border:0;background:transparent;font-size:8.5px;font-weight:750;color:#69757e;cursor:pointer}
.sip-tabs button.active{background:#eaf4f1;color:#087b68;box-shadow:inset 0 -2px 0 #118a73}.sip-tabs span{margin-left:4px}
.sip-q-list{max-height:610px;overflow:auto}
.sip-q-row{width:100%;display:flex;justify-content:space-between;align-items:center;gap:9px;padding:9px 10px;border:0;border-bottom:1px solid #edf1f2;background:#fff;text-align:left;cursor:pointer}
.sip-q-row:hover,.sip-q-row.active{background:#f1f8f6}.sip-q-row.active{box-shadow:inset 3px 0 0 #10866f}
.sip-q-row span{display:grid;gap:2px;min-width:0}.sip-q-row span:last-child{text-align:right}.sip-q-row b{font-size:9px}.sip-q-row small{font-size:7.5px;color:var(--muted)}
.sip-empty{padding:30px 12px;text-align:center;color:var(--muted);font-size:8.5px}
.sip-center{display:grid;gap:9px}
.sip-phone{background:#111821;border:1px solid #2b3742;border-radius:15px;padding:10px;box-shadow:0 12px 26px rgba(14,25,34,.14)}
.sip-phone-head{display:flex;justify-content:space-between;align-items:center;gap:12px;margin-bottom:10px;color:#d8e1e7}
.sip-phone-head>div{display:flex;align-items:center;gap:7px}.sip-phone-head b{font-size:10px;letter-spacing:.04em}.sip-phone-head small,.sip-phone-head span{font-size:8px;color:#91a0aa}
.sip-led{width:8px;height:8px;border-radius:50%;background:#64717b}.sip-led.on{background:#27d09a;box-shadow:0 0 0 4px rgba(39,208,154,.1)}
.sip-state{display:flex;justify-content:space-between;align-items:center;min-height:34px;padding:0 9px;margin-bottom:10px;border:1px solid #26343e;border-radius:8px;background:#0c131a;color:#93a1aa}
.sip-state>div{display:flex;align-items:center;gap:7px}.sip-state b{font-size:9px;color:#e4ebef}.sip-state span{font-size:8px}
.sip-pulse,.sip-ready-dot{width:7px;height:7px;border-radius:50%;background:#29cf99}.sip-state.active .sip-pulse{box-shadow:0 0 0 4px rgba(41,207,153,.09)}
.sip-number-label{display:block;margin:0 0 5px 2px;font-size:7.5px;font-weight:800;letter-spacing:.08em;text-transform:uppercase;color:#8d9aa4}
.sip-number-box{display:grid;grid-template-columns:1fr 36px;border:1px solid #31414d;background:#091016;border-radius:8px;overflow:hidden}
.sip-number-box input{height:44px!important;border:0!important;background:transparent!important;color:#f4f7f9!important;font-size:18px!important;font-weight:650;letter-spacing:.025em;padding:0 10px!important;box-shadow:none!important;text-align:left}
.sip-number-box input::placeholder{color:#66747f}.sip-number-box button{border:0;border-left:1px solid #27343e;background:#101923;color:#83919a;font-size:20px;cursor:pointer}
.sip-lookup{min-height:26px;display:flex;align-items:center;justify-content:center;gap:8px;padding:5px 2px;color:#7e8b95;font-size:8px}
.sip-lookup b{color:#d6e0e5;font-size:8.5px}.sip-lookup span{color:#83919b}
.sip-keypad{display:grid;grid-template-columns:repeat(3,1fr);gap:6px;margin-top:3px}
.sip-key{height:40px;border:1px solid #34434e;background:#17212a;color:#f1f5f7;border-radius:8px;font-size:15px;font-weight:750;cursor:pointer}
.sip-key:hover{background:#1c2a34;border-color:#47606e}.sip-key:active{transform:translateY(1px);background:#0e151b}
.sip-primary-actions{display:grid;grid-template-columns:1fr 1fr;gap:6px;margin-top:7px}
.sip-primary-actions button{height:42px;border:0;border-radius:9px;display:flex;align-items:center;justify-content:center;gap:7px;color:#fff;font-size:9px;font-weight:850;letter-spacing:.05em;cursor:pointer}
.sip-primary-actions button span{font-size:14px}.sip-call-btn{background:#11986f}.sip-call-btn:hover{background:#0d8a65}.sip-hangup-btn{background:#c84852}.sip-hangup-btn:hover{background:#b33d47}
.sip-primary-actions button:disabled{opacity:.35;cursor:not-allowed;filter:saturate(.6)}
.sip-secondary-controls{display:flex;gap:5px;flex-wrap:wrap;margin-top:8px;padding-top:8px;border-top:1px solid #25313b}
.sip-secondary-controls .mini{flex:1 1 28%;margin:0;background:#17212a;border-color:#33434e;color:#dce5ea}
.sip-result-panel{background:#fff;border:1px solid var(--line);border-radius:9px;overflow:hidden}
.sip-result-note{display:grid;grid-template-columns:120px 1fr;align-items:center;gap:8px;padding:8px 10px;background:#f8f9fa;border-bottom:1px solid var(--line)}
.sip-result-note b{font-size:8px;text-transform:uppercase;letter-spacing:.06em}.sip-result-note textarea{min-height:34px!important;max-height:60px;resize:vertical}
.sip-results{display:grid;grid-template-columns:repeat(3,1fr);gap:5px;padding:8px}
.sip-result{min-height:34px;border:1px solid #dce2e5;background:#fff;border-radius:6px;font-size:8px;font-weight:750;cursor:pointer}
.sip-result.good{background:#f2faf7;border-color:#b9ddd1;color:#08755f}.sip-result.bad{background:#fff7f7;border-color:#eccbce;color:#a6353d}.sip-result.warn{background:#fffaf0;border-color:#ead8a9;color:#946d17}
.sip-mini-stats{display:grid;grid-template-columns:repeat(4,1fr);border:1px solid var(--line);border-radius:8px;background:#fff;overflow:hidden}
.sip-mini-stats>div{display:grid;gap:2px;padding:8px 9px}.sip-mini-stats>div+div{border-left:1px solid var(--line)}.sip-mini-stats span{font-size:7px;text-transform:uppercase;letter-spacing:.06em;color:var(--muted)}.sip-mini-stats b{font-size:10px}
.sip-profile-pane{min-height:570px}.sip-profile-pane .asm-customer-head{border-top:0}.sip-profile-pane .asm-notes{max-height:310px}
body.dark-mode .sip-queue-pane,body.dark-mode .sip-profile-pane,body.dark-mode .sip-result-panel,body.dark-mode .sip-mini-stats,body.dark-mode .sip-q-row,body.dark-mode .sip-result{background:#121821;border-color:#29343e}
body.dark-mode .sip-pane-head,body.dark-mode .sip-tabs,body.dark-mode .sip-result-note{background:#151d26;border-color:#29343e}
body.dark-mode .sip-q-row:hover,body.dark-mode .sip-q-row.active{background:#18231f}
body.dark-mode .sip-result.good{background:#142820;border-color:#2f5d50;color:#7bc7aa}
body.dark-mode .sip-result.bad{background:#2a191d;border-color:#573038;color:#e59aa0}
body.dark-mode .sip-result.warn{background:#2a2417;border-color:#574a2b;color:#ddb66c}
@media(max-width:1260px){.sip-workspace{grid-template-columns:230px 400px}.sip-profile-pane{grid-column:1/-1}.sip-profile-pane{min-height:auto}}
@media(max-width:820px){.sip-workspace{grid-template-columns:1fr}.sip-profile-pane{grid-column:auto}.sip-queue-pane{max-height:330px}.sip-q-list{max-height:240px}.sip-phone{max-width:410px;width:100%;margin:0 auto}.sip-result-note{grid-template-columns:1fr}.sip-results{grid-template-columns:repeat(2,1fr)}.sip-mini-stats{grid-template-columns:repeat(2,1fr)}}

/* R18.21b — SIP softphone right-side compact placement */
.sip-workspace{grid-template-columns:250px minmax(330px,1fr) 390px}
.sip-queue-pane{grid-column:1;grid-row:1}
.sip-profile-pane{grid-column:2;grid-row:1;min-height:570px}
.sip-center{grid-column:3;grid-row:1}
@media(max-width:1180px){
  .sip-workspace{grid-template-columns:220px minmax(300px,1fr) 370px}
}
@media(max-width:980px){
  .sip-workspace{grid-template-columns:220px minmax(0,1fr)}
  .sip-queue-pane{grid-column:1;grid-row:1}
  .sip-center{grid-column:2;grid-row:1}
  .sip-profile-pane{grid-column:1/-1;grid-row:auto;min-height:auto}
}
@media(max-width:820px){
  .sip-workspace{grid-template-columns:1fr}
  .sip-queue-pane{grid-column:1;grid-row:1}
  .sip-center{grid-column:1;grid-row:2}
  .sip-profile-pane{grid-column:1;grid-row:3}
  .sip-phone{max-width:390px}
}

/* Method-specific member blacklist */
.blacklist-text{color:#aa3434!important;font-weight:800}.cash-fin-blacklist{display:flex;align-items:center;justify-content:space-between;gap:12px;border:1px solid #cbdad6;border-left:4px solid #6e8b84;border-radius:8px;background:#f7faf9;padding:9px 10px}.cash-fin-blacklist.blocked{border-color:#e4bcbc;border-left-color:#b73a3a;background:#fff6f6}.cash-fin-blacklist>div{display:flex;flex-direction:column}.cash-fin-blacklist small,.cash-bl-state small{font-size:8px;color:var(--muted);font-weight:900}.cash-fin-blacklist b{font-size:11px;margin-top:2px}.cash-fin-blacklist span{font-size:9px;color:var(--muted);margin-top:2px}.cash-bl-state{display:flex;flex-direction:column;gap:3px;border:1px solid var(--line);border-radius:7px;padding:9px;background:#f8faf9}.cash-bl-state.blocked{border-color:#e4bcbc;background:#fff5f5}.cash-bl-state.clear{border-color:#c8ded7;background:#f5fbf8}.cash-bl-state b{font-size:10px}.cash-bl-state span{font-size:9px;color:var(--muted)}

/* Browser Phone visual alignment — compact SIP reference */
.sip-workspace{grid-template-columns:250px minmax(330px,1fr) 380px}
.sip-phone{background:#0f1821;border:1px solid #28404b;border-radius:13px;padding:9px;box-shadow:0 10px 24px rgba(8,20,28,.18)}
.sip-phone-head{min-height:24px;margin-bottom:7px;padding:0 1px;color:#dce6eb}
.sip-phone-head>div{gap:6px}.sip-phone-head b{font-size:9px;letter-spacing:.055em}.sip-phone-head small,.sip-phone-head span{font-size:7px}
.sip-led{width:7px;height:7px}.sip-led.on{box-shadow:0 0 0 3px rgba(39,208,154,.10)}
.sip-state{min-height:32px;padding:0 9px;margin-bottom:7px;border-color:#28404b;border-radius:7px;background:#0b141c}
.sip-state>div{gap:6px}.sip-state b{font-size:8.5px}.sip-state span{font-size:7.5px}
.sip-state .mini{min-height:25px;padding:0 9px;font-size:7.5px;border-radius:5px}
.sip-number-label{margin:1px 0 4px 1px;font-size:7px}
.sip-number-box{grid-template-columns:1fr 36px;border-color:#304550;border-radius:8px;background:#0b141c}
.sip-number-box input{height:45px!important;font-size:18px!important;padding:0 10px!important}
.sip-number-box button{background:#101b24;border-left-color:#2d404a;font-size:18px}
.sip-lookup{min-height:24px;padding:4px 2px;font-size:7.5px}
.sip-keypad{gap:6px;margin-top:2px}
.sip-key{height:40px;border-color:#314651;background:#15212b;border-radius:8px;font-size:14px}
.sip-key:hover{background:#1a2934;border-color:#45616f}
.sip-primary-actions{gap:6px;margin-top:7px}
.sip-primary-actions button{height:42px;border-radius:8px;font-size:8.5px}
.sip-call-btn{background:#16a37c}.sip-call-btn:hover{background:#118d6c}
.sip-hangup-btn{background:#5a353d}.sip-hangup-btn:hover{background:#6c3b45}
.sip-primary-actions button:disabled{opacity:.52}
@media(max-width:1180px){.sip-workspace{grid-template-columns:220px minmax(300px,1fr) 365px}}
@media(max-width:820px){.sip-phone{max-width:380px}}

/* =========================================================
   R19 UX SYSTEM — calm, airy, task-first workspace
   ========================================================= */
:root{
  --r19-bg:#f4f6f8;
  --r19-surface:#ffffff;
  --r19-surface-soft:#f8fafb;
  --r19-line:#dfe5ea;
  --r19-line-strong:#d1d9e0;
  --r19-text:#17212b;
  --r19-muted:#71808d;
  --r19-accent:#0d7f6d;
  --r19-accent-soft:#e9f5f2;
  --r19-shadow:0 3px 14px rgba(23,34,45,.055);
  --r19-shadow-hover:0 8px 24px rgba(23,34,45,.085);
  --r19-radius:12px;
  --r19-radius-sm:9px;
}
body:not(.dark-mode){background:var(--r19-bg)}
body:not(.dark-mode) .main{background:linear-gradient(180deg,#f7f9fa 0,#f3f5f7 55%,#f2f4f6 100%)}
.page-mount{padding:16px 18px 24px}
.site-scope-strip{border-radius:10px!important;margin-bottom:12px!important;box-shadow:none!important}

/* Page hierarchy */
.page-head{
  min-height:68px;
  padding:6px 2px 13px;
  margin:0 0 12px;
  border:0;
  border-bottom:1px solid var(--r19-line);
  background:transparent;
  box-shadow:none;
  border-radius:0;
}
.page-title{gap:11px;align-items:center;min-width:0}
.page-title-icon{
  width:38px;height:38px;flex:0 0 38px;
  display:grid;place-items:center;
  border:1px solid #cfe0dc;border-radius:10px;
  background:var(--r19-accent-soft);color:var(--r19-accent)
}
.page-title-icon .nav-svg{width:18px;height:18px}
.page-title>div{min-width:0}
.page-kicker{
  display:block;margin:0 0 2px;
  font-size:8px;font-weight:800;letter-spacing:.12em;text-transform:uppercase;
  color:#8b98a4
}
.page-title h1{font-size:20px;line-height:1.2;letter-spacing:-.015em}
.page-title p{font-size:11px;line-height:1.45;color:var(--r19-muted);max-width:900px}
.page-actions{gap:7px;align-items:center}
.page-actions .mini,.page-actions .btn{border-radius:8px}

/* Toolbars */
.command-bar,.ux-toolbar{
  min-height:48px;
  margin-bottom:12px;
  padding:7px 8px;
  gap:7px;
  border:1px solid var(--r19-line);
  border-radius:11px;
  background:rgba(255,255,255,.88);
  box-shadow:0 1px 4px rgba(20,31,41,.025);
}
.command-bar input,.command-bar select{
  min-height:33px;border-radius:8px!important;
  border-color:#d9e1e6!important;background:#fff!important
}
.command-bar input:focus,.command-bar select:focus,
.form-grid input:focus,.form-grid select:focus,.form-grid textarea:focus{
  outline:0;border-color:#7db8ad!important;
  box-shadow:0 0 0 3px rgba(13,127,109,.08)
}

/* Metrics become individual summary cards */
.metric-strip{
  display:grid;grid-template-columns:repeat(auto-fit,minmax(142px,1fr));
  gap:9px;margin-bottom:12px;border:0;background:transparent
}
.metric{
  position:relative;min-height:78px;
  padding:12px 13px 11px;
  border:1px solid var(--r19-line)!important;
  border-radius:11px;background:var(--r19-surface);
  box-shadow:0 1px 5px rgba(25,37,48,.035);
  overflow:hidden
}
.metric:after{
  content:'';position:absolute;left:0;top:0;bottom:0;width:3px;
  background:#c7d7d3
}
.metric:nth-child(4n+1):after{background:#75ab9f}
.metric:nth-child(4n+2):after{background:#91a9c3}
.metric:nth-child(4n+3):after{background:#c6a76b}
.metric:nth-child(4n+4):after{background:#9b9fc3}
.metric label{font-size:8px;letter-spacing:.09em;color:#7e8b96}
.metric b{font-size:19px;line-height:1.15;margin-top:5px;letter-spacing:-.018em;color:#1c2832}
.metric small{display:block;margin-top:4px;font-size:9px;line-height:1.3;color:#8a96a1}

/* Sections feel like content surfaces instead of spreadsheet frames */
.section{
  margin-bottom:12px;border:1px solid var(--r19-line);
  border-radius:var(--r19-radius);background:var(--r19-surface);
  box-shadow:var(--r19-shadow);overflow:hidden
}
.section-head{
  min-height:45px;padding:10px 13px;
  border-bottom:1px solid #e7ecef;
  background:linear-gradient(180deg,#fff,#fbfcfd)
}
.section-head h3{
  font-size:10.5px;letter-spacing:.045em;text-transform:none;
  color:#26343f
}
.section-head small{font-size:9px;color:#87939d}
.section-body{padding:13px 14px}

/* Forms */
.form-grid{gap:13px 14px}
.form-grid label{gap:6px;font-size:11px;color:#34434f}
.form-grid input,.form-grid select,.form-grid textarea{
  min-height:39px;border-color:#d8e0e6;border-radius:8px;
  padding:8px 10px;background:#fff
}
.form-grid textarea{min-height:104px;line-height:1.45}
.form-actions{gap:8px;padding-top:12px;margin-top:7px}
.btn{height:37px;border-radius:8px;border-color:#d3dce3;background:#fff;transition:.14s ease}
.btn:hover{border-color:#b9c6cf;background:#f9fbfc;transform:translateY(-1px)}
.btn.primary{background:#0c806d;border-color:#0c806d;box-shadow:0 3px 9px rgba(12,128,109,.12)}
.mini{height:29px;border-radius:7px;border-color:#d3dce3;background:#fff;transition:.12s ease}
.mini:hover{background:#f7faf9;border-color:#b9c9c5}
.mini.primary{background:#0c806d;border-color:#0c806d}

/* Key/value content */
.kv{border:1px solid var(--r19-line);border-radius:10px;overflow:hidden;background:#fff}
.kv header{height:auto;min-height:37px;padding:9px 11px;background:#f8fafb;border-color:#e5eaee;text-transform:none}
.kv-row{grid-template-columns:minmax(120px,34%) 1fr;padding:8px 11px;border-color:#edf0f2}
.kv-row>span:first-child{font-size:10px;color:#7f8c97}
.kv-row>span:last-child{min-width:0}

/* Data surfaces: lighter chrome, stronger row focus */
.data-wrap{
  overflow:auto;max-width:100%;
  background:#fff
}
.section>.data-wrap:last-child{border-radius:0 0 var(--r19-radius) var(--r19-radius)}
.data-table{border-collapse:separate;border-spacing:0;min-width:720px}
.data-table th{
  height:35px;padding:0 10px;
  background:#f6f8fa;
  border-right:0;border-bottom:1px solid #dfe5ea;
  color:#778490;font-size:8.5px;letter-spacing:.065em
}
.data-table td{
  height:43px;padding:7px 10px;
  border-bottom:1px solid #edf0f2;
  background:#fff;line-height:1.35
}
.data-table tbody tr{transition:background .1s ease,box-shadow .1s ease}
.data-table tbody tr:hover td{background:#f8fbfa}
.data-table tbody tr:last-child td{border-bottom:0}
.data-wrap.ux-long-table{max-height:min(70vh,760px);overflow:auto}
.data-wrap.ux-long-table .data-table th{top:0}

/* Directory pages: primary data list becomes row-cards by default */
#pageMount[data-page-type="directory"][data-view="cards"] .ux-primary-table{
  padding:4px 8px 9px;background:transparent
}
#pageMount[data-page-type="directory"][data-view="cards"] .ux-primary-table .data-table{
  border-spacing:0 7px;background:transparent
}
#pageMount[data-page-type="directory"][data-view="cards"] .ux-primary-table .data-table th{
  position:static;background:transparent;border:0;height:27px;padding:0 10px
}
#pageMount[data-page-type="directory"][data-view="cards"] .ux-primary-table .data-table td{
  background:#fff;border-top:1px solid #e2e7eb;border-bottom:1px solid #e2e7eb;
  padding-top:10px;padding-bottom:10px
}
#pageMount[data-page-type="directory"][data-view="cards"] .ux-primary-table .data-table td:first-child{
  border-left:1px solid #e2e7eb;border-radius:10px 0 0 10px
}
#pageMount[data-page-type="directory"][data-view="cards"] .ux-primary-table .data-table td:last-child{
  border-right:1px solid #e2e7eb;border-radius:0 10px 10px 0
}
#pageMount[data-page-type="directory"][data-view="cards"] .ux-primary-table .data-table tbody tr:hover td{
  background:#f7fbfa;border-color:#cbded9;box-shadow:0 4px 14px rgba(20,45,40,.035)
}
.ux-view-toggle{display:inline-flex;align-items:center;gap:5px;color:#53636e}

/* Page-type rhythm */
#pageMount[data-page-type="dashboard"] .section,
#pageMount[data-page-type="detail"] .section{box-shadow:0 2px 10px rgba(20,32,43,.045)}
#pageMount[data-page-type="dashboard"] .grid-2,
#pageMount[data-page-type="dashboard"] .grid-3{gap:12px}
#pageMount[data-page-type="workflow"] .master-detail{gap:12px}
#pageMount[data-page-type="workflow"] .master-detail>.section{min-height:0}
#pageMount[data-page-type="config"] .section-head{background:#f9fbfc}
#pageMount[data-page-type="config"] .section-body{padding:15px}
#pageMount[data-page-type="config"] .form-grid{max-width:1180px}

/* Chat/support surfaces */
.chat-list,.chat-people{gap:7px;padding:2px}
.chat-thread-row,.chat-person-row{
  border:1px solid #e1e7eb;border-radius:10px;
  padding:10px 11px;background:#fff;
  transition:.12s ease
}
.chat-thread-row:hover,.chat-person-row:hover{background:#f8fbfa;border-color:#cbdad6;transform:translateY(-1px)}
.chat-thread-row.active{background:#edf7f4;border-color:#abd1c7;box-shadow:0 4px 14px rgba(13,127,109,.07)}
.chat-log{padding:13px;gap:9px;background:#f6f8f9}
.chat-message{border-radius:10px;padding:9px 11px;box-shadow:0 1px 4px rgba(20,31,40,.025)}
.chat-message.mine{background:#eaf6f2;border-color:#bddbd3}
.chat-composer{padding:10px;border-color:#e4e9ed;gap:8px}
.chat-composer textarea{border-radius:8px;border-color:#d7e0e5}

/* Navigation becomes calmer and less visually busy */
.workspace{grid-template-columns:232px minmax(0,1fr) auto}
.side-nav{background:#f5f7f9;border-right-color:#dce3e8}
.side-head{padding:13px 12px 11px;background:#f8fafb}
.side-nav nav{padding:8px 7px 12px}
.side-section{border-color:#e5eaee}
.side-section-toggle{min-height:40px;border-radius:8px!important}
.side-section.open>.side-section-toggle{background:#eaf0f3}
.side-nav nav button.side-link{min-height:38px;border-radius:8px}
.side-nav nav button.side-link.active{background:#fff;border-color:#cfdad7;box-shadow:0 3px 10px rgba(28,45,56,.055)}
.site-picker{border-radius:9px!important}
.cap-chips{max-height:29px;overflow:hidden;opacity:.76}
.domain-bar{height:48px;background:#18232e;padding:0 10px}
.domain-tab.workspace-tab{height:48px;min-width:176px;padding:0 14px}
.domain-tab.workspace-tab.active{background:#f4f6f8}

/* Header */
.global-header{min-height:48px;box-shadow:0 1px 7px rgba(20,31,40,.035)}
.global-search{border-radius:9px;background:#f8fafb}
.global-actions button,.header-button,.chip,.presence,.profile{border-radius:8px}
.header-button:hover,.chip:hover,.presence:hover,.profile:hover{background:#f7f9fa}

/* Empty and error states */
.empty-state{min-height:135px;padding:28px;border-radius:10px}
.empty-state b{font-size:13px}
.empty-state span{font-size:10px;line-height:1.5}
.disconnected{border-radius:10px;background:#fbfcfd}

/* Better scrollbars */
.main,.data-wrap,.chat-list,.chat-log,.side-nav nav{scrollbar-width:thin;scrollbar-color:#c5ced5 transparent}
.main::-webkit-scrollbar,.data-wrap::-webkit-scrollbar,.chat-list::-webkit-scrollbar,.chat-log::-webkit-scrollbar,.side-nav nav::-webkit-scrollbar{width:9px;height:9px}
.main::-webkit-scrollbar-thumb,.data-wrap::-webkit-scrollbar-thumb,.chat-list::-webkit-scrollbar-thumb,.chat-log::-webkit-scrollbar-thumb,.side-nav nav::-webkit-scrollbar-thumb{background:#c8d1d8;border:2px solid transparent;background-clip:padding-box;border-radius:10px}

/* Dark mode parity */
body.dark-mode{
  --r19-bg:#0c1117;--r19-surface:#131a22;--r19-surface-soft:#171f28;
  --r19-line:#26313b;--r19-line-strong:#33404c;--r19-text:#e6ecf1;--r19-muted:#8895a1;
  --r19-accent:#3a9e8b;--r19-accent-soft:#172a26;
  --r19-shadow:0 3px 16px rgba(0,0,0,.14)
}
body.dark-mode .page-head{background:transparent!important;border-color:#25303a!important;box-shadow:none!important}
body.dark-mode .page-title-icon{background:#172b27;border-color:#28443e;color:#74c3b1}
body.dark-mode .page-kicker{color:#6e7b87}
body.dark-mode .metric{background:#131a22!important;border-color:#26313b!important;box-shadow:0 2px 10px rgba(0,0,0,.12)}
body.dark-mode .metric b{color:#e9eef2}
body.dark-mode .section{border-color:#26313b!important;border-radius:12px!important;box-shadow:0 3px 15px rgba(0,0,0,.12)!important}
body.dark-mode .section-head{background:linear-gradient(180deg,#161e27,#141b23)!important;border-color:#27323c!important}
body.dark-mode .command-bar{background:#121920!important;border-color:#26313b!important}
body.dark-mode .data-table th{background:#151d25!important;border-color:#29343e!important}
body.dark-mode .data-table td{background:#131a22;border-color:#202a33!important}
body.dark-mode .data-table tbody tr:hover td{background:#18221f!important}
body.dark-mode #pageMount[data-page-type="directory"][data-view="cards"] .ux-primary-table .data-table th{background:transparent!important}
body.dark-mode #pageMount[data-page-type="directory"][data-view="cards"] .ux-primary-table .data-table td{background:#141b23;border-color:#29343e!important}
body.dark-mode #pageMount[data-page-type="directory"][data-view="cards"] .ux-primary-table .data-table tbody tr:hover td{background:#18231f!important;border-color:#355248!important}
body.dark-mode .kv{border-color:#26313b}
body.dark-mode .chat-thread-row,body.dark-mode .chat-person-row{background:#141b23;border-color:#28333d}
body.dark-mode .chat-thread-row:hover,body.dark-mode .chat-person-row:hover{background:#18221f;border-color:#345046}
body.dark-mode .chat-thread-row.active{background:#172923;border-color:#356155}
body.dark-mode .chat-log{background:#0f151c}
body.dark-mode .chat-message{box-shadow:none}
body.dark-mode .side-nav{background:#10161d;border-color:#222c36}
body.dark-mode .side-head{background:#121922}
body.dark-mode .domain-tab.workspace-tab.active{background:#161e27}
body.dark-mode .cap-chips{opacity:.72}

/* Mobile: tables become readable field cards instead of horizontal spreadsheets */
@media(max-width:760px){
  .page-mount{padding:10px 9px 20px}
  .page-head{display:grid;gap:9px;padding:4px 1px 11px;min-height:auto}
  .page-title{align-items:flex-start}
  .page-title-icon{width:34px;height:34px;flex-basis:34px}
  .page-title h1{font-size:18px}
  .page-title p{font-size:10px}
  .page-actions{justify-content:flex-start}
  .command-bar{padding:7px;border-radius:10px}
  .command-bar .grow{min-width:100%;flex-basis:100%}
  .metric-strip{grid-template-columns:repeat(2,minmax(0,1fr));gap:7px}
  .metric{min-height:72px;padding:10px}
  .metric b{font-size:17px}
  .section{border-radius:11px}
  .section-head{padding:9px 10px}
  .section-body{padding:10px}
  .form-grid{grid-template-columns:1fr}
  .form-grid label.full,.form-actions,.form-error.full{grid-column:1}
  .master-detail,.grid-2,.grid-3,.record-grid{gap:9px}
  .ux-mobile-cards{overflow:visible!important;padding:7px!important;background:transparent}
  .ux-mobile-cards .data-table{display:block;min-width:0;width:100%}
  .ux-mobile-cards .data-table thead{display:none}
  .ux-mobile-cards .data-table tbody{display:grid;gap:8px}
  .ux-mobile-cards .data-table tbody tr{
    display:block;border:1px solid #dfe5e9;border-radius:10px;
    background:#fff;padding:6px 9px;box-shadow:0 2px 8px rgba(23,34,45,.035)
  }
  .ux-mobile-cards .data-table tbody tr:hover{background:#fff}
  .ux-mobile-cards .data-table tbody td{
    min-height:0;height:auto;display:grid;grid-template-columns:minmax(92px,34%) 1fr;
    align-items:start;gap:8px;padding:7px 1px;border:0!important;border-bottom:1px solid #eef1f3!important;
    white-space:normal!important;background:transparent!important
  }
  .ux-mobile-cards .data-table tbody td:last-child{border-bottom:0!important}
  .ux-mobile-cards .data-table tbody td:empty{display:none}
  .ux-mobile-cards .data-table tbody td:before{
    content:attr(data-label);font-size:8px;line-height:1.35;font-weight:800;
    letter-spacing:.04em;text-transform:uppercase;color:#87939d
  }
  .ux-mobile-cards .data-table tbody td[colspan]{display:block}
  .ux-mobile-cards .data-table tbody td[colspan]:before{display:none}
  body.dark-mode .ux-mobile-cards .data-table tbody tr{background:#141b23;border-color:#28343e;box-shadow:none}
  body.dark-mode .ux-mobile-cards .data-table tbody tr:hover{background:#141b23}
  .quick-dock{border-radius:12px 12px 0 0}
}

@media(min-width:761px) and (max-width:1180px){
  .workspace{grid-template-columns:208px minmax(0,1fr)}
  .page-mount{padding:13px}
  .metric-strip{grid-template-columns:repeat(auto-fit,minmax(125px,1fr))}
}

@media(prefers-reduced-motion:reduce){
  *,*:before,*:after{scroll-behavior:auto!important;transition:none!important;animation:none!important}
}

/* R19 mobile width correction */
@media(max-width:760px){
  .workspace{grid-template-columns:minmax(0,1fr)!important;width:100%}
  .main{width:100%;min-width:0}
  .page-mount{width:100%;max-width:none}
  .site-scope-strip{
    display:grid;grid-template-columns:repeat(2,minmax(0,1fr));
    align-items:center;gap:6px;padding:8px
  }
  .site-scope-strip>span,.site-scope-strip>small{grid-column:1/-1;min-width:0}
  .site-scope-strip>small{width:auto!important;margin:0 0 2px!important}
  .site-scope-strip>.mini{width:100%;margin:0;min-width:0;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
  .site-scope-strip>.mini.primary{grid-column:1/-1}
}

/* R19.1 — long-page navigation and focused configuration groups */
.ux-section-nav{
  position:sticky;top:0;z-index:7;
  display:flex;align-items:center;gap:6px;
  margin:0 0 12px;padding:7px 8px;
  border:1px solid var(--r19-line);border-radius:10px;
  background:rgba(248,250,251,.94);
  backdrop-filter:blur(8px);
  box-shadow:0 3px 12px rgba(24,36,46,.045);
  overflow-x:auto;scrollbar-width:none
}
.ux-section-nav::-webkit-scrollbar{display:none}
.ux-section-nav-label{
  flex:0 0 auto;padding:0 5px;
  font-size:8px;font-weight:850;letter-spacing:.08em;text-transform:uppercase;color:#87939e
}
.ux-section-nav .mini{flex:0 0 auto;margin:0;background:#fff}
.ux-section-nav .mini.active{background:var(--r19-accent-soft);border-color:#b7d7cf;color:#0a6f60}
.section{scroll-margin-top:58px}

/* Organization: department/role rows read as lightweight entities, not grid cells */
#pageMount[data-page-route="organization"] .grid-2>.section .data-wrap{padding:5px 8px 9px;background:transparent}
#pageMount[data-page-route="organization"] .grid-2>.section .data-table{border-spacing:0 6px;background:transparent}
#pageMount[data-page-route="organization"] .grid-2>.section .data-table th{
  position:static;height:26px;background:transparent;border:0;padding:0 9px
}
#pageMount[data-page-route="organization"] .grid-2>.section .data-table td{
  background:#fff;border-top:1px solid #e2e7eb;border-bottom:1px solid #e2e7eb;padding:9px
}
#pageMount[data-page-route="organization"] .grid-2>.section .data-table td:first-child{
  border-left:1px solid #e2e7eb;border-radius:9px 0 0 9px
}
#pageMount[data-page-route="organization"] .grid-2>.section .data-table td:last-child{
  border-right:1px solid #e2e7eb;border-radius:0 9px 9px 0
}
#pageMount[data-page-route="organization"] .grid-2>.section .data-table tbody tr:hover td{
  background:#f8fbfa;border-color:#cbded8
}

/* Search Admin: policy/trunk/PBX becomes four clear task groups */
.ux-telephony-form{display:block}
.ux-form-group{
  margin:0 0 11px;border:1px solid #e0e6ea;border-radius:11px;
  background:#fbfcfd;overflow:hidden
}
.ux-form-group-head{
  display:flex;align-items:flex-start;justify-content:space-between;gap:12px;
  padding:10px 12px;border-bottom:1px solid #e5eaee;background:#f6f9fa
}
.ux-form-group-head b{font-size:10.5px;color:#273741}
.ux-form-group-head span{font-size:9px;line-height:1.4;color:#82909a;text-align:right}
.ux-form-group-grid{
  display:grid;grid-template-columns:repeat(2,minmax(0,1fr));
  gap:12px 14px;padding:12px
}
.ux-form-group-grid>label{display:grid;gap:6px;font-size:10.5px;font-weight:650;color:#354550}
.ux-form-group-grid input,.ux-form-group-grid select{width:100%;min-height:39px}
.ux-form-group-grid .switch-line{
  min-height:48px;display:flex;align-items:center;gap:9px;
  padding:8px 10px;border:1px solid #e2e7eb;border-radius:8px;background:#fff
}
.ux-form-group-grid .switch-line input{width:16px;height:16px;min-height:0}
.ux-form-group-compact .ux-form-group-grid{grid-template-columns:repeat(2,minmax(0,320px))}
.ux-live-state{margin:0 0 11px}
.ux-live-state .kv{box-shadow:none}

/* Access matrix remains a matrix but gains stronger reading bands */
#pageMount[data-page-route="access-control"] .master-detail{gap:12px}
#pageMount[data-page-route="access-control"] .master-detail>.section:first-child{align-self:start;position:sticky;top:50px}
#pageMount[data-page-route="access-control"] .data-table td:nth-child(2){line-height:1.4}
#pageMount[data-page-route="access-control"] .data-table tbody tr:hover td{background:#f6faf8}

/* Panel registry: project/site blocks stay operational but lose spreadsheet harshness */
#pageMount[data-page-route="panels-tunnels"] .connection-project,
#pageMount[data-page-route="panels-tunnels"] .connection-site{border-radius:11px!important;overflow:hidden}
#pageMount[data-page-route="panels-tunnels"] .data-table td{height:46px}
#pageMount[data-page-route="panels-tunnels"] .data-table td:last-child{white-space:nowrap}

/* Dark mode for R19.1 */
body.dark-mode .ux-section-nav{background:rgba(18,25,32,.94);border-color:#28343e;box-shadow:0 3px 12px rgba(0,0,0,.14)}
body.dark-mode .ux-section-nav .mini{background:#171f28;border-color:#2b3742}
body.dark-mode .ux-section-nav .mini.active{background:#193029;border-color:#315348;color:#83c8b8}
body.dark-mode .ux-form-group{background:#121920;border-color:#28343e}
body.dark-mode .ux-form-group-head{background:#151d25;border-color:#29343e}
body.dark-mode .ux-form-group-head b{color:#dce4ea}
body.dark-mode .ux-form-group-grid .switch-line{background:#111820;border-color:#29343e}
body.dark-mode #pageMount[data-page-route="organization"] .grid-2>.section .data-table th{background:transparent!important}
body.dark-mode #pageMount[data-page-route="organization"] .grid-2>.section .data-table td{background:#141b23;border-color:#29343e!important}
body.dark-mode #pageMount[data-page-route="organization"] .grid-2>.section .data-table tbody tr:hover td{background:#18231f!important;border-color:#355248!important}

@media(max-width:760px){
  .ux-section-nav{top:0;margin-bottom:9px;padding:6px}
  .ux-section-nav-label{display:none}
  .ux-form-group-head{display:grid;gap:3px}
  .ux-form-group-head span{text-align:left}
  .ux-form-group-grid,.ux-form-group-compact .ux-form-group-grid{grid-template-columns:1fr;padding:10px;gap:10px}
  #pageMount[data-page-route="access-control"] .master-detail>.section:first-child{position:static}
}

/* R19.2 — interaction ergonomics */
.action-busy{
  position:relative!important;cursor:progress!important;
  opacity:.72!important;transform:none!important;
  padding-right:28px!important
}
.action-busy:after{
  content:'';position:absolute;right:9px;top:50%;
  width:10px;height:10px;margin-top:-6px;
  border:2px solid currentColor;border-right-color:transparent;
  border-radius:50%;animation:r19-spin .65s linear infinite
}
@keyframes r19-spin{to{transform:rotate(360deg)}}

.ux-row-clickable{cursor:pointer}
.ux-row-clickable td:first-child{position:relative}
.ux-row-clickable td:first-child:before{
  content:'';position:absolute;left:0;top:7px;bottom:7px;width:2px;
  border-radius:2px;background:transparent;transition:.12s ease
}
.ux-row-clickable:hover td:first-child:before{background:#78ad9f}
.ux-row-clickable:focus{outline:0}
.ux-row-clickable:focus td{
  background:#f6fbf9!important;
  box-shadow:inset 0 1px #bcd9d2,inset 0 -1px #bcd9d2
}
.ux-row-clickable:focus td:first-child{box-shadow:inset 1px 0 #bcd9d2,inset 0 1px #bcd9d2,inset 0 -1px #bcd9d2}
.ux-row-clickable:focus td:last-child{box-shadow:inset -1px 0 #bcd9d2,inset 0 1px #bcd9d2,inset 0 -1px #bcd9d2}

/* Inspector is a true side drawer */
.inspector{
  width:430px;
  border-left:1px solid #dbe2e7;
  background:#f7f9fa;
  box-shadow:-14px 0 34px rgba(19,31,41,.10);
  overflow:auto;
  scrollbar-width:thin;
  scrollbar-color:#c6cfd6 transparent
}
.inspector>.section-head{
  position:sticky;top:0;z-index:8;
  min-height:54px;padding:10px 12px;
  background:rgba(255,255,255,.96);
  backdrop-filter:blur(9px);
  border-bottom:1px solid #dce3e7;
  box-shadow:0 4px 14px rgba(22,34,44,.045)
}
.inspector>.section-head h3{font-size:12px;text-transform:none;letter-spacing:.015em}
.inspector>.section-head>div{display:flex;gap:5px;flex-wrap:wrap;justify-content:flex-end}
.inspector>.section-body{padding:12px}
.inspector .section{box-shadow:none;background:#fff}
.inspector .kv{box-shadow:none}
.inspector .metric-strip{grid-template-columns:repeat(2,minmax(0,1fr))}
.inspector .data-table{min-width:520px}

/* Overlay polish + stable focus surface */
.overlay{backdrop-filter:blur(3px)}
.overlay-card{
  width:min(780px,calc(100vw - 28px));
  border-radius:13px;
  border-color:#d7dfe5;
  box-shadow:0 24px 70px rgba(15,26,36,.20)
}
.overlay-card>.section-head{
  position:sticky;top:-14px;z-index:8;
  margin:-14px -14px 12px;
  padding:11px 14px;
  background:rgba(250,252,253,.97);
  backdrop-filter:blur(8px);
  border-radius:13px 13px 0 0;
  border-bottom:1px solid #dfe5e9
}
.overlay-card>.section-head h3{text-transform:none;font-size:12px;letter-spacing:.015em}

/* Better keyboard focus */
button:focus-visible,.mini:focus-visible,.btn:focus-visible,
input:focus-visible,select:focus-visible,textarea:focus-visible{
  outline:2px solid rgba(13,127,109,.42)!important;
  outline-offset:2px
}

/* Dark interaction parity */
body.dark-mode .ux-row-clickable:focus td{background:#18251f!important;box-shadow:inset 0 1px #31564b,inset 0 -1px #31564b}
body.dark-mode .ux-row-clickable:focus td:first-child{box-shadow:inset 1px 0 #31564b,inset 0 1px #31564b,inset 0 -1px #31564b}
body.dark-mode .ux-row-clickable:focus td:last-child{box-shadow:inset -1px 0 #31564b,inset 0 1px #31564b,inset 0 -1px #31564b}
body.dark-mode .inspector{background:#0f151c;border-color:#25313b;box-shadow:-16px 0 36px rgba(0,0,0,.30)}
body.dark-mode .inspector>.section-head{background:rgba(18,25,32,.97);border-color:#29343e;box-shadow:0 4px 14px rgba(0,0,0,.18)}
body.dark-mode .overlay-card>.section-head{background:rgba(20,27,35,.97);border-color:#2b3741}

@media(max-width:1080px){
  .inspector{width:min(440px,92vw)}
}
@media(max-width:760px){
  .inspector{
    position:fixed!important;
    inset:48px 0 62px auto!important;
    width:100vw!important;max-width:none!important;
    z-index:150!important;border-left:0!important;
    border-top:1px solid var(--line);
    box-shadow:0 -8px 30px rgba(18,30,40,.14)
  }
  .inspector>.section-head{min-height:52px}
  .inspector>.section-body{padding:10px}
  .overlay{padding:10px}
  .overlay-card{width:100%;max-height:92vh;border-radius:12px;padding:12px}
  .overlay-card>.section-head{top:-12px;margin:-12px -12px 10px}
}

/* R19.3 — navigation memory */
.page-back{
  width:34px;height:34px;flex:0 0 34px;
  display:grid;place-items:center;
  border:1px solid #d6dfe5;border-radius:9px;
  background:#fff;color:#52616d;
  font-size:17px;line-height:1;
  transition:.12s ease
}
.page-back:hover{background:#f6faf8;border-color:#b9d0ca;color:#087564;transform:translateX(-1px)}

.command-group-label{
  padding:9px 12px 5px;
  font-size:8px;font-weight:850;letter-spacing:.1em;text-transform:uppercase;
  color:#85919d;background:#f6f8fa;border-bottom:1px solid #edf0f2
}
.command-recent{background:#fbfdfc}
.command-recent:hover{background:#f0f8f5}
.command-recent>span:last-child{color:#17806d}
.command-item span:first-child{min-width:0}
.command-item span:first-child b,.command-item span:first-child small{display:block}
.command-item span:first-child small{margin-top:2px;color:var(--muted);font-size:9px}

body.dark-mode .page-back{background:#151d25;border-color:#2b3742;color:#aeb9c2}
body.dark-mode .page-back:hover{background:#1a2723;border-color:#35564d;color:#80c8b7}
body.dark-mode .command-group-label{background:#10171e;border-color:#202a33;color:#6f7c88}
body.dark-mode .command-recent{background:#141c23}
body.dark-mode .command-recent:hover{background:#18251f}

@media(max-width:760px){
  .page-back{width:32px;height:32px;flex-basis:32px}
}

/* R19.4 — task-first home workspace */
.home-launch-grid{display:grid;grid-template-columns:minmax(0,1.35fr) minmax(300px,.65fr);gap:12px}
.home-main-grid{display:grid;grid-template-columns:minmax(0,1.35fr) minmax(330px,.65fr);gap:12px}
.home-secondary-grid{display:grid;grid-template-columns:minmax(0,1fr) minmax(360px,.75fr);gap:12px}
.home-launch-grid>.section,.home-main-grid>.section,.home-secondary-grid>.section{min-width:0}

.home-quick-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:8px;padding:11px}
.home-quick-card,.home-recent-card,.home-work-card,.home-note{
  font:inherit;color:inherit;text-align:left
}
.home-quick-card{
  min-height:74px;border:1px solid #dfe6ea;border-radius:10px;background:#fff;
  padding:10px;display:grid;grid-template-columns:34px minmax(0,1fr) auto;align-items:center;gap:9px;
  transition:.13s ease
}
.home-quick-card:hover{background:#f7fbf9;border-color:#bfd8d1;transform:translateY(-1px);box-shadow:0 5px 14px rgba(24,45,39,.05)}
.home-quick-icon,.home-recent-icon{
  width:34px;height:34px;display:grid;place-items:center;border-radius:9px;background:#edf6f3;color:#0b7868
}
.home-quick-icon .nav-svg,.home-recent-icon .nav-svg{width:16px;height:16px}
.home-quick-card b,.home-recent-card b{display:block;font-size:10.5px}
.home-quick-card small,.home-recent-card small{display:block;margin-top:3px;color:var(--muted);font-size:8.5px;line-height:1.35}
.home-quick-card>i,.home-recent-card>i{font-style:normal;color:#9aa5ad;font-size:17px}

.home-recent-list{display:grid;gap:6px;padding:10px}
.home-recent-card{
  min-height:52px;border:1px solid #e2e7eb;border-radius:9px;background:#fff;
  padding:7px 9px;display:grid;grid-template-columns:30px minmax(0,1fr) auto;align-items:center;gap:8px
}
.home-recent-card:hover{background:#f8fbfa;border-color:#c7d9d4}
.home-recent-card .home-recent-icon{width:30px;height:30px;border-radius:7px}
.home-recent-card>i{color:#16806d;font-size:13px}

.home-work-list{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:8px;padding:10px}
.home-work-card{
  position:relative;min-height:112px;border:1px solid #e0e6ea;border-radius:10px;background:#fff;
  padding:10px 28px 10px 10px;display:flex;flex-direction:column;align-items:flex-start;gap:6px;
  transition:.13s ease
}
.home-work-card:hover{background:#f8fbfa;border-color:#c4d9d3;box-shadow:0 4px 14px rgba(25,43,38,.045);transform:translateY(-1px)}
.home-work-status{display:flex;gap:5px;align-items:center;flex-wrap:wrap}
.home-work-card>b{font-size:11px;line-height:1.3}
.home-work-card>span:not(.home-work-status){font-size:9px;color:#64727d}
.home-work-card>small{margin-top:auto;font-size:8px;color:#909ba4}
.home-work-card>i{position:absolute;right:10px;top:50%;transform:translateY(-50%);font-style:normal;color:#9aa5ad;font-size:17px}

.home-note-list{display:grid;gap:0;padding:3px 10px 10px}
.home-note{
  width:100%;border:0;border-bottom:1px solid #edf0f2;background:transparent;
  padding:9px 4px;display:grid;grid-template-columns:8px minmax(0,1fr) auto;gap:8px;align-items:start
}
button.home-note{cursor:pointer}
button.home-note:hover{background:#f7faf9}
.home-note:last-child{border-bottom:0}
.home-note-dot{width:6px;height:6px;border-radius:50%;background:#c7cfd5;margin-top:5px}
.home-note.unread .home-note-dot{background:#d08d1f;box-shadow:0 0 0 3px rgba(208,141,31,.10)}
.home-note b{font-size:9.5px}
.home-note p{margin:3px 0;font-size:9px;line-height:1.35;color:#52606b}
.home-note small{font-size:8px;color:#8d99a3}
.home-note>i{font-style:normal;color:#9aa5ad;margin-top:7px}

.home-feed{display:grid;padding:5px 11px 11px}
.home-feed-item{display:grid;grid-template-columns:12px minmax(0,1fr);gap:7px;padding:8px 2px;border-bottom:1px solid #edf0f2}
.home-feed-item:last-child{border-bottom:0}
.home-feed-marker{width:7px;height:7px;margin-top:4px;border-radius:50%;background:#8da2b5}
.home-feed-marker.error,.home-feed-marker.critical{background:#c85252}
.home-feed-marker.warning,.home-feed-marker.warn{background:#d3992e}
.home-feed-marker.success,.home-feed-marker.completed{background:#2a9571}
.home-feed-item>div>div{display:flex;gap:7px;align-items:center;justify-content:space-between}
.home-feed-item b{font-size:9.5px}.home-feed-item p{margin:3px 0;font-size:9px;color:#596874}.home-feed-item small{font-size:8px;color:#8e99a3}

.home-service-list{display:grid;padding:5px 10px 10px}
.home-service-row{
  display:grid;grid-template-columns:10px minmax(0,1fr) auto;align-items:center;gap:8px;
  padding:8px 3px;border-bottom:1px solid #edf0f2
}
.home-service-row:last-child{border-bottom:0}
.home-service-dot{width:7px;height:7px;border-radius:50%;background:#d09731}
.home-service-row.ok .home-service-dot{background:#26946f;box-shadow:0 0 0 3px rgba(38,148,111,.08)}
.home-service-row>div:nth-child(2){min-width:0}.home-service-row>div:nth-child(2)b{display:block;font-size:9.5px}
.home-service-row>div:nth-child(2) small{display:block;margin-top:2px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;font-size:8px;color:#7f8c96}
.home-service-row>div:last-child{text-align:right}.home-service-row>div:last-child small{display:block;margin-top:2px;font-size:7px;letter-spacing:.08em;color:#9aa4ac}

/* dark home */
body.dark-mode .home-quick-card,body.dark-mode .home-recent-card,body.dark-mode .home-work-card{background:#141b23;border-color:#29343e}
body.dark-mode .home-quick-card:hover,body.dark-mode .home-recent-card:hover,body.dark-mode .home-work-card:hover{background:#18231f;border-color:#355248}
body.dark-mode .home-quick-icon,body.dark-mode .home-recent-icon{background:#182c27;color:#79c6b5}
body.dark-mode .home-note,body.dark-mode .home-feed-item,body.dark-mode .home-service-row{border-color:#202a33}
body.dark-mode button.home-note:hover{background:#171f28}
body.dark-mode .home-note p,body.dark-mode .home-feed-item p{color:#a1adb7}

@media(max-width:1100px){
  .home-launch-grid,.home-main-grid,.home-secondary-grid{grid-template-columns:1fr}
  .home-quick-grid{grid-template-columns:repeat(3,minmax(0,1fr))}
}
@media(max-width:760px){
  .home-quick-grid{grid-template-columns:repeat(2,minmax(0,1fr));padding:8px}
  .home-work-list{grid-template-columns:1fr;padding:8px}
  .home-recent-list,.home-note-list,.home-feed,.home-service-list{padding-left:8px;padding-right:8px}
}
@media(max-width:420px){
  .home-quick-grid{grid-template-columns:1fr}
}

/* R19.2 — collapsible long-form sections */
.section-head{position:relative}
.section-collapse-btn{
  margin-left:auto;width:28px;height:28px;flex:0 0 28px;
  display:grid;place-items:center;
  border:1px solid #d9e1e6;border-radius:7px;background:#fff;
  color:#687783;font-size:14px;line-height:1;cursor:pointer
}
.section-collapse-btn:hover{background:#f6faf8;border-color:#bfd2cc;color:#0d7565}
.section-collapse-icon{display:block;transform:translateY(-1px)}
.section.ux-collapsed>:not(.section-head){display:none!important}
.section.ux-collapsed .section-head{border-bottom:0!important}
.section.ux-collapsed .section-head:after{
  content:attr(data-collapsed-note);
}
.ux-section-nav-spacer{flex:1 1 auto;min-width:12px}
.ux-section-nav .mini[data-action="uxCollapseSecondary"],
.ux-section-nav .mini[data-action="uxExpandAll"]{font-size:9px}

body.dark-mode .section-collapse-btn{
  background:#171f28;border-color:#2d3944;color:#9ca8b2
}
body.dark-mode .section-collapse-btn:hover{
  background:#1b2925;border-color:#35564c;color:#86c9ba
}

@media(max-width:760px){
  .section-collapse-btn{width:30px;height:30px;flex-basis:30px}
  .ux-section-nav-spacer{display:none}
  .ux-section-nav .mini[data-action="uxCollapseSecondary"],
  .ux-section-nav .mini[data-action="uxExpandAll"]{display:none}
}

/* R19.3 — contextual action hierarchy */
.page-actions{align-items:center}
.ux-action-group{
  display:inline-flex;align-items:center;gap:5px;
  padding:0;margin:0
}
.ux-action-group .mini{margin:0}
.ux-action-routine{
  padding-left:8px;margin-left:2px;
  border-left:1px solid #dfe5ea
}
.ux-action-sensitive{
  padding-left:8px;margin-left:2px;
  border-left:1px solid #ead9d9
}
.ux-action-sensitive .mini.danger{
  background:#fff7f7;border-color:#e7bbbb;color:#a33333
}
.ux-action-sensitive .mini.danger:hover{
  background:#fff0f0;border-color:#d89595;color:#8e2626
}
.ux-action-primary .mini.primary{box-shadow:0 3px 10px rgba(12,128,109,.13)}

/* Personnel inspector */
.inspector .ux-inspector-head{
  position:sticky;top:0;z-index:8;
  min-height:52px;padding:8px 10px;
  align-items:flex-start;
  background:rgba(248,250,251,.97);
  backdrop-filter:blur(8px)
}
.ux-inspector-head>h3{padding-top:7px;white-space:nowrap}
.ux-inspector-actions{
  margin-left:auto;display:flex;align-items:center;justify-content:flex-end;
  gap:5px;flex-wrap:wrap
}
.ux-inspector-group{display:inline-flex;align-items:center;gap:4px}
.ux-inspector-group .mini{margin:0}
.ux-inspector-work,.ux-inspector-security,.ux-inspector-sensitive{
  padding-left:6px;border-left:1px solid #dde4e8
}
.ux-inspector-sensitive{border-left-color:#ead9d9}
.ux-inspector-security .mini{background:#f8fafb}
.ux-inspector-sensitive .mini.danger{background:#fff6f6;border-color:#e7b7b7;color:#a43636}

/* member detail header has many actions: allow predictable two-line wrapping */
#pageMount[data-route="user-details"] .page-head{align-items:flex-start}
#pageMount[data-route="user-details"] .page-actions{
  max-width:min(760px,64vw);justify-content:flex-end;row-gap:6px
}

body.dark-mode .ux-action-routine,
body.dark-mode .ux-inspector-work,
body.dark-mode .ux-inspector-security{border-left-color:#2b3640}
body.dark-mode .ux-action-sensitive,
body.dark-mode .ux-inspector-sensitive{border-left-color:#513238}
body.dark-mode .ux-action-sensitive .mini.danger,
body.dark-mode .ux-inspector-sensitive .mini.danger{background:#2c1b1f;border-color:#5b343a;color:#e49aa0}
body.dark-mode .inspector .ux-inspector-head{background:rgba(18,25,32,.97)}

@media(max-width:1000px){
  #pageMount[data-route="user-details"] .page-head{display:grid}
  #pageMount[data-route="user-details"] .page-actions{max-width:none;justify-content:flex-start}
}
@media(max-width:760px){
  .ux-action-group{flex-wrap:wrap}
  .ux-action-routine,.ux-action-sensitive{padding-left:0;margin-left:0;border-left:0}
  .ux-action-sensitive{width:100%;padding-top:6px;margin-top:2px;border-top:1px solid #eddede}
  .ux-inspector-head{display:grid!important;gap:7px}
  .ux-inspector-head>h3{padding-top:0}
  .ux-inspector-actions{margin-left:0;justify-content:flex-start}
  .ux-inspector-work,.ux-inspector-security,.ux-inspector-sensitive{padding-left:0;border-left:0}
}

/* R19.4 — keyboard-first command palette */
.command-box{border-radius:12px;overflow:hidden}
.command-item{
  min-height:50px;padding:10px 13px;
  transition:background .1s ease,border-color .1s ease
}
.command-item span:first-child{display:grid;gap:2px;min-width:0}
.command-item small{font-size:9px;color:#82909c}
.command-item.active{
  background:#edf7f4!important;
  box-shadow:inset 3px 0 0 #0d7f6d;
  color:#163a33
}
.command-group-label{
  padding:8px 13px 5px;
  font-size:8px;font-weight:850;letter-spacing:.09em;text-transform:uppercase;
  color:#8a96a1;background:#f7f9fa;border-bottom:1px solid #edf0f2
}
.command-help{
  min-height:34px;display:flex;align-items:center;justify-content:flex-end;gap:14px;
  padding:7px 12px;border-top:1px solid #e5eaee;background:#f8fafb;
  color:#85919b;font-size:8.5px
}
.command-help span{white-space:nowrap}
body.dark-mode .command-item.active{
  background:#172923!important;box-shadow:inset 3px 0 0 #3a9e8b;color:#e7f2ef
}
body.dark-mode .command-group-label,
body.dark-mode .command-help{background:#111820;border-color:#26313b;color:#7f8c97}
@media(max-width:760px){
  .command-layer{padding-top:56px}
  .command-box{width:calc(100vw - 16px);max-height:78vh}
  .command-help{justify-content:center;gap:10px}
}

/* R19.5 — compact site context */
.site-scope-strip{
  display:flex;align-items:center;gap:8px
}
.site-scope-main{
  display:flex;align-items:center;gap:7px;min-width:0;margin-right:auto
}
.site-scope-main>span{
  display:flex;align-items:center;gap:5px;min-width:0;
  white-space:nowrap;overflow:hidden;text-overflow:ellipsis
}
.site-scope-main>small{color:var(--muted);white-space:nowrap}
.site-scope-actions{display:flex;align-items:center;gap:6px}
.site-scope-actions>.mini{margin:0}
.site-scope-toggle{display:none}
.site-scope-toggle i{font-style:normal;font-size:11px;color:#75828d}

@media(max-width:760px){
  .site-scope-strip{
    display:grid!important;
    grid-template-columns:minmax(0,1fr) auto!important;
    gap:6px 8px!important;padding:8px 9px!important
  }
  .site-scope-main{
    min-width:0;margin:0;display:grid;gap:2px
  }
  .site-scope-main>span{
    display:block;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;
    font-size:10.5px
  }
  .site-scope-main>small{
    display:block;width:auto!important;margin:0!important;
    font-size:8.5px;white-space:nowrap
  }
  .site-scope-toggle{
    display:inline-flex!important;align-items:center;justify-content:center;gap:5px;
    width:auto!important;min-width:94px;margin:0!important;
    white-space:nowrap
  }
  .site-scope-actions{
    display:none;grid-column:1/-1;
    grid-template-columns:repeat(2,minmax(0,1fr));
    gap:6px;padding-top:3px
  }
  .site-scope-strip.mobile-actions-open .site-scope-actions{display:grid}
  .site-scope-actions>.mini{
    width:100%!important;min-width:0;margin:0!important;
    overflow:hidden;text-overflow:ellipsis;white-space:nowrap
  }
}

/* R19.6 — Live Support inbox */
.chat-list{gap:7px}
.chat-thread-row.support-thread{
  display:grid!important;
  grid-template-columns:36px minmax(0,1fr)!important;
  align-items:start!important;
  gap:9px!important;
  padding:9px 10px!important;
  border-radius:10px!important;
  min-height:68px;
  text-align:left
}
.support-thread span{grid-column:auto!important}
.support-thread-avatar{
  width:34px;height:34px;display:grid;place-items:center;
  border-radius:10px;background:#e6f2ef;color:#0c7565;
  border:1px solid #cfe1dc;font-size:9px!important;font-weight:850;
  white-space:nowrap!important;overflow:hidden!important
}
.support-thread-avatar.large{width:40px;height:40px;border-radius:11px;font-size:10px!important}
.support-thread-main{
  min-width:0;display:grid!important;gap:4px!important;
  white-space:normal!important;overflow:visible!important;color:inherit!important
}
.support-thread-top{
  display:flex!important;align-items:center;justify-content:space-between;gap:8px;
  min-width:0;white-space:normal!important;overflow:visible!important
}
.support-thread-top b{
  min-width:0;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;
  font-size:11px;color:#26343f
}
.support-thread-top time{
  flex:0 0 auto;font-size:7.5px;color:#94a0aa;font-variant-numeric:tabular-nums
}
.support-thread-meta{
  display:flex!important;align-items:center;gap:4px;flex-wrap:wrap;
  white-space:normal!important;overflow:visible!important
}
.support-thread-state,.support-thread-assignee,.support-thread-badge{
  display:inline-flex!important;align-items:center;min-height:17px;
  padding:1px 5px;border-radius:9px;font-size:7.5px!important;
  font-weight:750;line-height:1.2
}
.support-thread-state{background:#edf2f4;color:#60707c}
.support-thread-state.open{background:#e6f5ef;color:#14745c}
.support-thread-state.closed{background:#eef0f2;color:#7b858d}
.support-thread-assignee{background:#f3f5f7;color:#697783}
.support-thread-badge.unread{background:#fff0d2;color:#966510}
.support-thread-badge.mine{background:#e7effa;color:#3a6598}
.support-thread-badge.neutral{background:#f0f2f4;color:#78838d}
.support-thread-preview{
  display:block!important;min-width:0;
  white-space:nowrap!important;overflow:hidden!important;text-overflow:ellipsis!important;
  font-size:9.5px!important;line-height:1.35;color:#6d7a85!important
}
.support-thread.active .support-thread-avatar{background:#dcefea;border-color:#aad1c7;color:#086b5d}
.support-thread.active .support-thread-top b{color:#0b5f53}

/* conversation top bar */
.support-conversation-head{
  min-height:64px;display:flex;align-items:center;justify-content:space-between;gap:12px;
  padding:10px 12px;border-bottom:1px solid #e4e9ed;background:#fbfcfd
}
.support-conversation-person{
  min-width:0;display:flex;align-items:center;gap:9px
}
.support-conversation-person>div{min-width:0;display:grid;gap:2px}
.support-conversation-person h3{
  margin:0;font-size:12px;color:#26343f;white-space:nowrap;overflow:hidden;text-overflow:ellipsis
}
.support-conversation-person small{font-size:8.5px;color:#75828d;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
.support-conversation-person span:not(.support-thread-avatar){font-size:8px;color:#929da6}
.support-conversation-actions{
  display:flex;align-items:center;justify-content:flex-end;gap:6px;flex-wrap:wrap
}
.support-assign-control{display:flex;align-items:center;gap:5px}
.support-assign-control select{
  min-width:150px;height:35px;border:1px solid #d6dfe4;border-radius:8px;background:#fff;padding:0 8px
}
.support-conversation-actions .btn{height:35px}

/* clearer bubbles */
#supportChatLog.chat-log{padding:14px 13px;background:#f6f8f9}
#supportChatLog .chat-message{
  max-width:min(76%,680px);border-radius:12px;padding:9px 11px;
  box-shadow:0 1px 4px rgba(20,31,40,.025)
}
#supportChatLog .chat-message.visitor{border-top-left-radius:4px}
#supportChatLog .chat-message.agent{border-top-right-radius:4px}
#supportChatLog .chat-message header b{font-size:8.5px}
#supportChatLog .chat-message header small{font-size:7.5px}
#supportChatLog .chat-message>div{font-size:10px;line-height:1.45;white-space:pre-wrap;word-break:break-word}

body.dark-mode .support-thread-avatar{background:#182b27;border-color:#29473f;color:#78c1b1}
body.dark-mode .support-thread-top b{color:#dbe3e9}
body.dark-mode .support-thread-state{background:#202a33;color:#a1acb5}
body.dark-mode .support-thread-state.open{background:#172d25;color:#75c4a7}
body.dark-mode .support-thread-assignee,body.dark-mode .support-thread-badge.neutral{background:#1c252e;color:#9aa6af}
body.dark-mode .support-thread-badge.unread{background:#312918;color:#dfb868}
body.dark-mode .support-thread-badge.mine{background:#19283a;color:#8fb5df}
body.dark-mode .support-thread-preview{color:#8996a1!important}
body.dark-mode .support-conversation-head{background:#141b23;border-color:#28333d}
body.dark-mode .support-conversation-person h3{color:#e2e8ed}
body.dark-mode .support-assign-control select{background:#10161d;border-color:#2a3640;color:#dfe6eb}
body.dark-mode #supportChatLog.chat-log{background:#0f151c}

@media(max-width:760px){
  .support-conversation-head{display:grid;gap:9px;padding:9px}
  .support-conversation-actions{justify-content:flex-start}
  .support-assign-control{width:100%}
  .support-assign-control select{min-width:0;flex:1}
  #supportChatLog .chat-message{max-width:88%}
}

/* R19.7 — attendance live board cards */
.attendance-card-grid{
  display:grid;grid-template-columns:repeat(auto-fit,minmax(270px,1fr));
  gap:10px;padding:10px
}
.attendance-person-card{
  position:relative;overflow:hidden;
  border:1px solid #dde4e9;border-radius:11px;background:#fff;
  box-shadow:0 2px 8px rgba(20,31,40,.035)
}
.attendance-person-card:before{
  content:'';position:absolute;left:0;top:0;bottom:0;width:3px;background:#aab6bf
}
.attendance-person-card.working:before{background:#65a999}
.attendance-person-card.break:before{background:#c7a15c}
.attendance-person-card.off:before{background:#aab4bc}
.attendance-person-card>header{
  min-height:58px;display:grid;grid-template-columns:36px minmax(0,1fr) auto;
  align-items:center;gap:9px;padding:10px 11px 9px;border-bottom:1px solid #e8ecef
}
.attendance-person-avatar{
  width:34px;height:34px;display:grid;place-items:center;border-radius:9px;
  background:#edf4f2;border:1px solid #d3e2de;color:#0d7364;font-size:9px;font-weight:850
}
.attendance-person-card>header>div{min-width:0;display:grid;gap:2px}
.attendance-person-card>header b{
  min-width:0;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;
  font-size:10.5px;color:#26343f
}
.attendance-person-card>header small{
  min-width:0;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;
  font-size:8.5px;color:#7f8b96
}
.attendance-state{
  display:inline-flex;align-items:center;min-height:22px;padding:2px 7px;
  border-radius:11px;font-size:8px;font-weight:800;white-space:nowrap
}
.attendance-state.working{background:#e6f5ef;color:#14745c}
.attendance-state.break{background:#fff1d7;color:#8d6217}
.attendance-state.off{background:#eef1f3;color:#707d87}
.attendance-person-facts{
  display:grid;grid-template-columns:repeat(2,minmax(0,1fr));
  gap:1px;background:#e9edef
}
.attendance-person-facts>div{
  min-width:0;display:grid;gap:3px;padding:9px 10px;background:#fff
}
.attendance-person-facts span{
  font-size:7.5px;font-weight:800;letter-spacing:.06em;text-transform:uppercase;color:#8a96a0
}
.attendance-person-facts b{
  font-size:9px;color:#35434e;white-space:nowrap;overflow:hidden;text-overflow:ellipsis
}
.attendance-flags{
  display:flex;align-items:center;gap:4px;flex-wrap:wrap;
  padding:8px 10px;border-top:1px solid #edf0f2;background:#fffaf3
}
.attendance-flag{
  display:inline-flex;padding:2px 6px;border-radius:9px;
  background:#fff0d2;color:#8b6418;font-size:7.5px;font-weight:800
}
.attendance-person-card>footer{
  min-height:42px;display:flex;align-items:center;justify-content:space-between;gap:8px;
  padding:7px 10px;border-top:1px solid #e9edf0;background:#fbfcfd
}
.attendance-person-card>footer .mini{margin:0}

body.dark-mode .attendance-person-card{background:#141b23;border-color:#29343e;box-shadow:none}
body.dark-mode .attendance-person-avatar{background:#182b27;border-color:#29473f;color:#7cc6b5}
body.dark-mode .attendance-person-card>header{border-color:#27323c}
body.dark-mode .attendance-person-card>header b{color:#dce4ea}
body.dark-mode .attendance-person-facts{background:#27313a}
body.dark-mode .attendance-person-facts>div{background:#131a22}
body.dark-mode .attendance-person-facts b{color:#cbd4db}
body.dark-mode .attendance-state.working{background:#172d25;color:#75c4a7}
body.dark-mode .attendance-state.break{background:#302818;color:#ddb46b}
body.dark-mode .attendance-state.off{background:#202830;color:#9aa6af}
body.dark-mode .attendance-flags{background:#211d15;border-color:#322b1e}
body.dark-mode .attendance-flag{background:#332b18;color:#dfb86b}
body.dark-mode .attendance-person-card>footer{background:#121920;border-color:#27313b}

@media(max-width:760px){
  .attendance-card-grid{grid-template-columns:1fr;padding:7px;gap:8px}
  .attendance-person-card>header{grid-template-columns:34px minmax(0,1fr) auto}
}

/* R19.8 — staff messaging inbox */
.chat-thread-row.staff-thread{
  display:grid!important;grid-template-columns:34px minmax(0,1fr)!important;
  gap:9px!important;align-items:start!important;padding:9px 10px!important;
  min-height:72px;border-radius:10px!important
}
.staff-thread span{grid-column:auto!important}
.staff-thread-avatar{
  width:34px;height:34px;display:grid!important;place-items:center;
  border-radius:10px;background:#e9f0f5;color:#4d6679;
  border:1px solid #d5e0e7;font-size:8.5px!important;font-weight:850
}
.staff-thread-avatar.small{width:30px;height:30px;border-radius:9px}
.staff-thread-main{
  min-width:0;display:grid!important;gap:4px!important;
  white-space:normal!important;overflow:visible!important;color:inherit!important
}
.staff-thread-top{
  display:flex!important;align-items:center;justify-content:space-between;gap:8px
}
.staff-thread-top b{
  min-width:0;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;
  font-size:10.5px;color:#273640
}
.staff-thread-type{
  display:inline-flex!important;min-height:17px;align-items:center;padding:1px 5px;
  border-radius:8px;background:#eef2f5;color:#72808b;
  font-size:7px!important;font-weight:800;text-transform:uppercase
}
.staff-thread-preview{
  display:block!important;white-space:nowrap!important;overflow:hidden!important;text-overflow:ellipsis!important;
  color:#667681!important;font-size:9.5px!important;line-height:1.35
}
.staff-thread-foot{
  display:flex!important;align-items:center;justify-content:space-between;gap:8px;
  min-width:0;color:#929da6!important;font-size:7.5px!important
}
.staff-thread-foot>span{
  min-width:0;white-space:nowrap!important;overflow:hidden!important;text-overflow:ellipsis!important
}
.staff-thread-foot strong{
  flex:0 0 auto;padding:2px 6px;border-radius:9px;
  background:#fff0d3;color:#916414;font-size:7px;font-weight:850
}
.staff-thread-foot small{flex:0 0 auto;font-size:7px;color:#99a4ad}
.staff-thread.active .staff-thread-avatar{background:#dcefea;border-color:#acd1c7;color:#086c5d}
.staff-thread.active .staff-thread-top b{color:#0b6054}

.chat-person-row.staff-person{
  display:grid!important;grid-template-columns:30px minmax(0,1fr) auto!important;
  gap:8px!important;align-items:center!important;padding:8px 9px!important;
  border-radius:9px!important
}
.staff-person span{grid-column:auto!important}
.staff-person-main{
  min-width:0;display:grid!important;gap:2px!important;
  white-space:normal!important;overflow:visible!important
}
.staff-person-main b{font-size:9.5px!important;color:#33414c}
.staff-person-main small{font-size:7.5px!important;color:#84919b}
.staff-presence{
  display:inline-flex!important;align-items:center;gap:4px;
  padding:2px 6px;border-radius:9px;background:#f1f3f5;
  color:#727f89!important;font-size:7px!important;font-weight:750;
  white-space:nowrap!important
}
.staff-presence i{width:6px;height:6px;border-radius:50%;background:#98a3ac}
.staff-presence.available{background:#e7f5ef;color:#14745c!important}
.staff-presence.available i{background:#2aa879}
.staff-presence.busy,.staff-presence.meeting,.staff-presence.dnd{background:#fff0d6;color:#8b6418!important}
.staff-presence.busy i,.staff-presence.meeting i,.staff-presence.dnd i{background:#cf9a37}

.chat-message.staff-message{border-radius:11px}
.chat-message.staff-message.visitor{border-top-left-radius:4px}
.chat-message.staff-message.agent{border-top-right-radius:4px}
.chat-message.staff-message>div{font-size:10px;line-height:1.45;white-space:pre-wrap;word-break:break-word}

body.dark-mode .staff-thread-avatar{background:#18232c;border-color:#293944;color:#9bb2c2}
body.dark-mode .staff-thread-top b,body.dark-mode .staff-person-main b{color:#dbe3e8}
body.dark-mode .staff-thread-type{background:#202a33;color:#9ca8b1}
body.dark-mode .staff-thread-preview{color:#8997a2!important}
body.dark-mode .staff-thread-foot{color:#74818c!important}
body.dark-mode .staff-thread-foot strong{background:#312918;color:#dfb86a}
body.dark-mode .staff-presence{background:#202830;color:#9da8b1!important}
body.dark-mode .staff-presence.available{background:#172d25;color:#74c4a7!important}
body.dark-mode .staff-presence.busy,body.dark-mode .staff-presence.meeting,body.dark-mode .staff-presence.dnd{background:#302817;color:#dab56e!important}

@media(max-width:760px){
  .chat-thread-row.staff-thread{grid-template-columns:32px minmax(0,1fr)!important}
  .staff-thread-avatar{width:32px;height:32px}
}

/* R19.4 — loading continuity + sticky primary form actions */
.ux-loading{display:grid;gap:12px;min-height:360px}
.ux-loading-head{display:grid;grid-template-columns:40px 1fr;gap:11px;align-items:center;padding:7px 2px 13px;border-bottom:1px solid var(--r19-line)}
.ux-loading-head>div{display:grid;gap:6px}
.ux-loading-metrics{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:9px}
.ux-loading-surface{position:relative;min-height:210px;padding:18px;border:1px solid var(--r19-line);border-radius:12px;background:var(--r19-surface);display:grid;align-content:start;gap:12px}
.ux-skeleton{display:block;position:relative;overflow:hidden;background:#e8edf0;border-radius:7px}
.ux-skeleton:after{content:'';position:absolute;inset:0;transform:translateX(-100%);background:linear-gradient(90deg,transparent,rgba(255,255,255,.65),transparent);animation:cashSkeleton 1.25s infinite}
.ux-sk-icon{width:38px;height:38px;border-radius:10px}
.ux-sk-kicker{width:74px;height:7px}
.ux-sk-title{width:min(290px,62vw);height:20px}
.ux-sk-subtitle{width:min(480px,76vw);height:9px}
.ux-sk-metric{height:78px;border-radius:11px}
.ux-sk-line{height:11px;width:54%}.ux-sk-line.wide{width:86%;height:15px}.ux-sk-line.medium{width:68%}
.ux-loading-label{position:absolute;right:16px;bottom:14px;font-size:9px;color:#8a96a0}
@keyframes cashSkeleton{100%{transform:translateX(100%)}}

.ux-long-form{position:relative;padding-bottom:4px}
.ux-sticky-form-actions{
  position:sticky!important;bottom:0!important;z-index:6;
  margin:14px -14px -13px!important;padding:10px 14px!important;
  min-height:54px;align-items:center;
  background:rgba(255,255,255,.95);
  border-top:1px solid #dfe5e9!important;
  box-shadow:0 -8px 18px rgba(25,37,47,.055);
  backdrop-filter:blur(8px)
}
.ux-sticky-form-actions:before{
  content:'İşlemler';margin-right:auto;font-size:8px;font-weight:850;letter-spacing:.08em;text-transform:uppercase;color:#8a96a1
}
body.dark-mode .ux-skeleton{background:#202a34}
body.dark-mode .ux-skeleton:after{background:linear-gradient(90deg,transparent,rgba(255,255,255,.055),transparent)}
body.dark-mode .ux-loading-surface{background:#131a22;border-color:#27323c}
body.dark-mode .ux-sticky-form-actions{background:rgba(18,25,32,.96);border-color:#29343e!important;box-shadow:0 -8px 18px rgba(0,0,0,.18)}

@media(max-width:760px){
  .ux-loading-metrics{grid-template-columns:repeat(2,minmax(0,1fr))}
  .ux-sk-metric{height:72px}
  .ux-loading-surface{min-height:170px}
  .ux-sticky-form-actions{
    margin:12px -10px -10px!important;padding:9px 10px!important;
    flex-wrap:wrap
  }
  .ux-sticky-form-actions:before{width:100%;margin-bottom:2px}
  .ux-sticky-form-actions .btn{flex:1 1 140px}
}

/* R19.5 — explicit capability-pending states */
.ux-capability-pending{
  display:grid;grid-template-columns:auto minmax(0,1fr) auto;
  align-items:center;gap:10px;
  margin:0 0 8px;padding:10px 11px;
  border:1px solid #e2d3ae;border-radius:10px;
  background:#fffaf0
}
.ux-capability-icon{
  width:30px;height:30px;display:grid;place-items:center;
  border-radius:8px;background:#f7edd6;color:#8d6818
}
.ux-capability-icon .nav-svg{width:15px;height:15px}
.ux-capability-pending>div:nth-child(2){display:grid;gap:2px}
.ux-capability-pending b{font-size:10px;color:#3f454a}
.ux-capability-pending span:not(.status){font-size:9px;line-height:1.4;color:#7d827f}
.ux-preview-toolbar{
  min-height:46px;margin-bottom:8px;padding:7px 9px;
  display:flex;align-items:center;justify-content:space-between;gap:10px;
  border:1px dashed #d7dee3;border-radius:10px;background:#fafbfc;color:#7f8a93
}
.ux-preview-toolbar>div{display:flex;align-items:center;gap:8px}
.ux-preview-toolbar>div>div{display:grid;gap:2px}
.ux-preview-toolbar b{font-size:9.5px;color:#5a6770}
.ux-preview-toolbar small,.ux-preview-toolbar>span{font-size:8.5px;color:#89959e}
.ux-preview-lock{width:28px;height:28px;border-radius:7px;background:#eef2f4;display:grid;place-items:center;color:#7a8791}
.ux-preview-lock .nav-svg{width:14px;height:14px}
.ux-preview-table-empty{padding:22px;text-align:center;color:#8a959d;font-size:9px}
body.dark-mode .ux-capability-pending{background:#261f13;border-color:#4d4127}
body.dark-mode .ux-capability-icon{background:#312816;color:#d8b769}
body.dark-mode .ux-capability-pending b{color:#d9dde1}
body.dark-mode .ux-capability-pending span:not(.status){color:#949da4}
body.dark-mode .ux-preview-toolbar{background:#111820;border-color:#2b3640;color:#89949e}
body.dark-mode .ux-preview-toolbar b{color:#bdc6cd}
body.dark-mode .ux-preview-lock{background:#1b242d;color:#91a0aa}
body.dark-mode .ux-preview-table-empty{color:#7f8b95}
@media(max-width:760px){
  .ux-capability-pending{grid-template-columns:auto 1fr}
  .ux-capability-pending>.status{grid-column:1/-1;justify-self:start}
  .ux-preview-toolbar{align-items:flex-start;flex-direction:column}
}

/* R19.6 — page action priority and mobile overflow */
.page-actions .ux-action-primary-btn{font-weight:800}
.page-actions .ux-action-danger-btn{margin-left:4px}
.ux-action-more{display:none!important;align-items:center;gap:4px}
@media(max-width:760px){
  .page-head.ux-many-actions .page-actions{width:100%;display:flex;align-items:center;justify-content:flex-start}
  .page-head.ux-many-actions .ux-action-more{display:inline-flex!important;order:90}
  .page-head.ux-many-actions:not(.ux-actions-expanded) .ux-action-overflow{display:none!important}
  .page-head.ux-many-actions.ux-actions-expanded .page-actions{padding-top:2px}
  .page-actions .ux-action-group{display:contents}
  .page-actions .ux-action-danger-btn{margin-left:0}
}

/* =========================================================
   R20 — restrained enterprise navigation + true directory cards
   ========================================================= */
.domain-bar{
  height:46px!important;
  min-height:46px!important;
  display:grid!important;
  grid-template-columns:auto minmax(220px,1fr) auto!important;
  align-items:center!important;
  gap:16px!important;
  padding:0 14px!important;
  overflow:visible!important;
  background:#f7f9fa!important;
  border-bottom:1px solid #dce3e7!important;
  box-shadow:none!important;
  color:#26343f!important
}
.context-switchers{display:flex;align-items:center;gap:8px;min-width:0}
.context-switchers label{
  display:flex;align-items:center;gap:6px;
  min-width:0
}
.context-switchers label>span{
  font-size:8px;font-weight:800;letter-spacing:.07em;text-transform:uppercase;color:#89959f
}
.context-switchers select{
  height:30px;min-width:132px;max-width:220px;
  padding:0 28px 0 9px;border:1px solid #d2dae0;border-radius:7px;
  background:#fff;color:#26333e;font-size:10.5px;font-weight:700
}
.context-site-select select{min-width:190px;max-width:280px}
.context-path{
  min-width:0;display:flex;align-items:baseline;gap:8px;
  padding-left:2px
}
.context-path small{
  flex:0 0 auto;font-size:8px;font-weight:800;letter-spacing:.08em;text-transform:uppercase;color:#909ba4
}
.context-path b{
  min-width:0;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;
  font-size:11px;color:#293741;font-weight:750
}
.context-state{
  display:flex;align-items:center;gap:6px;justify-self:end;
  font-size:9px;color:#7b8790;white-space:nowrap
}
.context-state i{
  width:7px;height:7px;border-radius:50%;background:#2da977;
  box-shadow:0 0 0 3px rgba(45,169,119,.11)
}

/* simpler sidebar */
.side-nav{background:#f6f8f9!important;border-right:1px solid #dce3e7!important}
.side-head{
  min-height:62px!important;padding:11px 13px 10px!important;
  background:#f6f8f9!important;border-bottom:1px solid #e0e5e9!important
}
.side-head small#domainKicker{
  margin:0 0 4px!important;font-size:7.5px!important;letter-spacing:.12em!important;color:#98a1aa!important
}
.side-head h2{
  display:grid!important;gap:1px!important;margin:0!important;
  font-size:14px!important;color:#1f2b34!important
}
.side-head h2>span{white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
.side-head h2>small{
  font-size:9px;font-weight:500;color:#88939c;
  white-space:nowrap;overflow:hidden;text-overflow:ellipsis
}
.side-nav nav{padding:7px 8px 12px!important}
.nav-group{
  margin:0 0 2px;padding:0 0 5px;
  border-bottom:1px solid #e7ebee
}
.nav-group:last-child{border-bottom:0}
.nav-group-head{
  width:100%;min-height:33px;
  display:flex;align-items:center;justify-content:space-between;gap:8px;
  padding:5px 7px;border:0;border-radius:6px;
  background:transparent;text-align:left;color:#495762;cursor:pointer
}
.nav-group-head:hover{background:#edf1f3;color:#1f2d37}
.nav-group.open>.nav-group-head{color:#17242d;font-weight:800}
.nav-group-head>span:first-child{
  min-width:0;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;
  font-size:10px;letter-spacing:.015em
}
.nav-group-side{display:flex;align-items:center;gap:5px;color:#9aa4ac}
.nav-group-side small{
  font-size:7px;font-weight:700;text-transform:uppercase;letter-spacing:.05em;
  color:#9a7b32
}
.nav-group-side i{font-style:normal;font-size:13px;line-height:1}
.nav-group.disabled .nav-group-head{cursor:pointer;color:#9aa3aa}
.nav-group.disabled .nav-group-head small{
  font-size:7px;font-weight:650;color:#a37b33;text-transform:uppercase;letter-spacing:.04em
}
.nav-group-links{display:grid;gap:1px;padding:1px 0 1px 3px}
.side-nav nav button.side-link{
  min-height:31px!important;
  grid-template-columns:10px minmax(0,1fr) 12px!important;
  gap:7px!important;
  padding:4px 7px 4px 8px!important;
  margin:0!important;
  border:0!important;border-radius:6px!important;
  background:transparent!important;
  color:#5e6973!important;box-shadow:none!important
}
.side-nav nav button.side-link:hover{
  background:#edf1f3!important;color:#26343e!important
}
.side-nav nav button.side-link.active{
  background:#e8f1ef!important;color:#0b6357!important;font-weight:750!important;
  box-shadow:none!important
}
.side-nav nav button.side-link.active:before{display:none!important}
.nav-link-mark{
  width:5px;height:5px;border-radius:50%;
  background:#c3cbd1;justify-self:center
}
.side-link:hover .nav-link-mark{background:#8b969f}
.side-link.active .nav-link-mark{background:#0c8a75;box-shadow:0 0 0 3px rgba(12,138,117,.10)}
.side-link.locked{opacity:.62}
.side-link .side-label{font-size:10.5px!important}
.side-link .side-caret{font-size:13px!important;opacity:.35!important}
.side-link.active .side-caret{opacity:.8!important}
.side-foot{height:38px!important;background:#f3f5f6!important;border-top-color:#e0e5e9!important}
.side-edition small{display:none}

/* real card grid for directory screens */
@media(min-width:761px){
  #pageMount[data-page-type="directory"][data-view="cards"] .ux-primary-table.ux-card-grid{
    max-height:none!important;overflow:visible!important;padding:0!important;background:transparent!important
  }
  #pageMount[data-page-type="directory"][data-view="cards"] .ux-card-grid .data-table{
    display:block;width:100%;min-width:0;border:0;background:transparent
  }
  #pageMount[data-page-type="directory"][data-view="cards"] .ux-card-grid .data-table thead{display:none}
  #pageMount[data-page-type="directory"][data-view="cards"] .ux-card-grid .data-table tbody{
    display:grid;
    grid-template-columns:repeat(auto-fit,minmax(330px,1fr));
    gap:10px
  }
  #pageMount[data-page-type="directory"][data-view="cards"] .ux-card-grid .data-table tbody tr{
    display:grid;
    grid-template-columns:repeat(2,minmax(0,1fr));
    align-content:start;
    padding:11px 12px 10px;
    border:1px solid #dfe5e9;border-radius:11px;
    background:#fff;
    box-shadow:0 2px 8px rgba(26,38,48,.035);
    transition:.13s ease
  }
  #pageMount[data-page-type="directory"][data-view="cards"] .ux-card-grid .data-table tbody tr:hover{
    transform:translateY(-1px);
    border-color:#c9d9d5;
    box-shadow:0 7px 18px rgba(26,38,48,.07)
  }
  #pageMount[data-page-type="directory"][data-view="cards"] .ux-card-grid .data-table tbody td{
    display:flex!important;
    flex-direction:column;
    align-items:flex-start;
    justify-content:center;
    min-width:0;height:auto!important;min-height:42px;
    padding:6px 7px!important;
    border:0!important;
    background:transparent!important;
    white-space:normal!important
  }
  #pageMount[data-page-type="directory"][data-view="cards"] .ux-card-grid .data-table tbody td:before{
    content:attr(data-label);
    display:block;
    margin:0 0 3px;
    font-size:7px;font-weight:800;letter-spacing:.055em;text-transform:uppercase;
    color:#919ca5
  }
  #pageMount[data-page-type="directory"][data-view="cards"] .ux-card-grid .data-table tbody td:first-child{
    grid-column:1/-1;
    min-height:48px;
    padding-bottom:9px!important;
    margin-bottom:3px;
    border-bottom:1px solid #edf0f2!important
  }
  #pageMount[data-page-type="directory"][data-view="cards"] .ux-card-grid .data-table tbody td:first-child:before{display:none}
  #pageMount[data-page-type="directory"][data-view="cards"] .ux-card-grid .data-table tbody td:first-child .primary-cell,
  #pageMount[data-page-type="directory"][data-view="cards"] .ux-card-grid .data-table tbody td:first-child{font-size:12px}
  #pageMount[data-page-type="directory"][data-view="cards"] .ux-card-grid .data-table tbody td:last-child{
    grid-column:1/-1;
    flex-direction:row;
    align-items:center;
    justify-content:flex-end;
    min-height:34px;
    padding-top:8px!important;
    margin-top:3px;
    border-top:1px solid #edf0f2!important
  }
  #pageMount[data-page-type="directory"][data-view="cards"] .ux-card-grid .data-table tbody td:last-child:before{
    margin:0 auto 0 0
  }
}

/* reduce "AI dashboard" decoration */
.page-title-icon{
  width:30px!important;height:30px!important;flex-basis:30px!important;
  border:0!important;background:transparent!important;border-radius:0!important;
  color:#6d7d87!important
}
.page-title-icon .nav-svg{width:16px!important;height:16px!important}
.metric:after{width:2px!important}
.metric{box-shadow:0 1px 3px rgba(25,37,48,.025)!important}

/* dark parity */
body.dark-mode .domain-bar{background:#111820!important;border-color:#26313a!important;color:#dbe2e7!important}
body.dark-mode .context-switchers select{background:#172029;border-color:#2c3944;color:#dce4e9}
body.dark-mode .context-path b{color:#dce3e8}
body.dark-mode .context-path small,body.dark-mode .context-state{color:#7f8d98}
body.dark-mode .side-nav{background:#11171e!important;border-color:#25303a!important}
body.dark-mode .side-head{background:#11171e!important;border-color:#26313a!important}
body.dark-mode .side-head h2{color:#e0e6ea!important}
body.dark-mode .side-head h2>small{color:#7d8993}
body.dark-mode .nav-group{border-color:#202a33}
body.dark-mode .nav-group-head{color:#9aa6b0}
body.dark-mode .nav-group-head:hover{background:#171f27;color:#e1e7eb}
body.dark-mode .nav-group.open>.nav-group-head{color:#eef2f5}
body.dark-mode .side-nav nav button.side-link{color:#96a3ad!important}
body.dark-mode .side-nav nav button.side-link:hover{background:#171f27!important;color:#e4e9ed!important}
body.dark-mode .side-nav nav button.side-link.active{background:#172722!important;color:#78c7b6!important}
body.dark-mode .nav-link-mark{background:#46515b}
body.dark-mode .side-link.active .nav-link-mark{background:#43a993}
body.dark-mode .side-foot{background:#0f151b!important;border-color:#242e37!important}
body.dark-mode #pageMount[data-page-type="directory"][data-view="cards"] .ux-card-grid .data-table tbody tr{
  background:#141b22;border-color:#29343d;box-shadow:none
}
body.dark-mode #pageMount[data-page-type="directory"][data-view="cards"] .ux-card-grid .data-table tbody tr:hover{
  background:#17221f;border-color:#355048
}

/* mobile context bar */
@media(max-width:760px){
  .domain-bar{
    height:auto!important;min-height:48px!important;
    grid-template-columns:minmax(0,1fr) auto!important;
    gap:8px!important;padding:6px 8px!important
  }
  .context-switchers{min-width:0;gap:5px}
  .context-switchers label>span{display:none}
  .context-switchers select{min-width:0;max-width:none;width:116px;height:31px}
  .context-site-select select{width:min(44vw,180px)}
  .context-path{display:none}
  .context-state{font-size:8px}
  .side-nav{top:96px!important}
}

/* R20.1 — compact site tools + bounded directory cards */
.site-scope-strip.compact{
  min-height:42px!important;
  padding:6px 8px!important;
  margin-bottom:10px!important;
  border-radius:9px!important;
  background:#fbfcfd!important;
  border:1px solid #dfe5e9!important;
  box-shadow:none!important
}
.site-scope-strip.compact .site-scope-main{
  min-width:110px!important;
  display:flex!important;align-items:baseline!important;gap:7px!important
}
.site-scope-strip.compact .site-scope-main span{font-size:9px!important}
.site-scope-strip.compact .site-scope-main small{font-size:8px!important;margin:0!important;color:#8b959d!important}
.site-scope-strip.compact .site-scope-actions{gap:5px!important}
.site-scope-strip.compact .mini{height:28px!important;font-size:9px!important}
@media(min-width:761px){
  #pageMount[data-page-type="directory"][data-view="cards"] .ux-card-grid .data-table tbody{
    grid-template-columns:repeat(auto-fill,minmax(330px,420px))!important;
    justify-content:start
  }
}
body.dark-mode .site-scope-strip.compact{background:#121920!important;border-color:#27323b!important}

/* R20.2 — remove duplicate desktop nav and calm global header */
@media(min-width:761px){
  .finance-tabs{display:none!important}
  #messageButton .header-text,
  #supportButton .header-text,
  #notificationButton .header-text,
  #themeToggle .header-text,
  #logoutButton .header-text{display:none!important}
  #messageButton,#supportButton,#notificationButton,#themeToggle,#logoutButton{
    width:34px;min-width:34px;padding:0!important;justify-content:center
  }
  #messageButton .header-mini-icon,
  #supportButton .header-mini-icon,
  #notificationButton .header-mini-icon,
  #themeToggle .header-mini-icon,
  #logoutButton .header-mini-icon{margin:0!important}
  .header-right{gap:4px!important}
  .language-control{min-width:50px}
}
@media(max-width:760px){
  .finance-tabs{
    display:flex!important;overflow-x:auto;gap:4px;
    padding:5px 0 7px;margin:0 0 8px;
    scrollbar-width:none
  }
  .finance-tabs::-webkit-scrollbar{display:none}
  .finance-tabs button{flex:0 0 auto}
}

/* R20.3 — overview panels and report registry cards */
.ops-panel-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(250px,1fr));gap:9px;padding:12px}
.ops-panel-card{
  border:1px solid #e0e6ea;border-radius:10px;background:#fff;
  padding:11px 12px;display:grid;gap:10px;box-shadow:0 1px 4px rgba(20,31,40,.025)
}
.ops-panel-card header{display:flex;align-items:flex-start;justify-content:space-between;gap:9px}
.ops-panel-card header>div{display:grid;gap:2px;min-width:0}
.ops-panel-card header b{font-size:11px;color:#26343e}
.ops-panel-card header small{font-size:8px;color:#8a959e}
.ops-panel-card-body{display:grid;grid-template-columns:1fr auto;gap:10px;border-top:1px solid #edf0f2;padding-top:9px}
.ops-panel-card-body span{display:grid;gap:2px;min-width:0}
.ops-panel-card-body small{font-size:7px;font-weight:800;letter-spacing:.05em;text-transform:uppercase;color:#95a0a8}
.ops-panel-card-body b{font-size:9px;font-weight:650;color:#53616b;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}

.capability-card-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(210px,1fr));gap:8px;padding:12px}
.capability-card{
  display:grid;grid-template-columns:auto minmax(0,1fr) auto;align-items:center;gap:8px;
  min-height:58px;padding:9px 10px;border:1px solid #e0e6ea;border-radius:9px;background:#fff
}
.capability-dot{width:7px;height:7px;border-radius:50%;background:#26a474;box-shadow:0 0 0 3px rgba(38,164,116,.09)}
.capability-card>div{display:grid;gap:2px;min-width:0}
.capability-card b{font-size:10px;color:#2c3a44;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
.capability-card small{font-size:8px;line-height:1.3;color:#87939c}

.report-card-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(260px,1fr));gap:9px;padding:12px}
.report-card{
  min-height:145px;border:1px solid #dfe5e9;border-radius:11px;background:#fff;
  display:grid;grid-template-rows:auto 1fr auto;overflow:hidden;transition:.13s ease
}
.report-card:hover{transform:translateY(-1px);border-color:#cbd9d5;box-shadow:0 7px 18px rgba(24,37,47,.06)}
.report-card.pending{background:#fcfcfb}
.report-card header{display:flex;align-items:center;justify-content:space-between;gap:8px;padding:9px 10px;border-bottom:1px solid #edf0f2}
.report-card-category{font-size:8px;font-weight:800;letter-spacing:.06em;text-transform:uppercase;color:#84919b}
.report-card-main{padding:11px 10px;display:grid;align-content:start;gap:3px}
.report-card-main>b{font-size:12px;color:#25333d}
.report-card-main>small{font-size:8px;color:#8b969f}
.report-card-main>p{margin:5px 0 0;font-size:9px;line-height:1.4;color:#697680}
.report-card footer{display:flex;justify-content:flex-end;padding:8px 10px;border-top:1px solid #edf0f2;background:#fafbfc}

body.dark-mode .ops-panel-card,
body.dark-mode .capability-card,
body.dark-mode .report-card{background:#141b22;border-color:#29343d}
body.dark-mode .report-card.pending{background:#131920}
body.dark-mode .ops-panel-card header b,
body.dark-mode .capability-card b,
body.dark-mode .report-card-main>b{color:#dce3e8}
body.dark-mode .ops-panel-card-body,
body.dark-mode .report-card header,
body.dark-mode .report-card footer{border-color:#28323b}
body.dark-mode .report-card footer{background:#111820}
body.dark-mode .report-card:hover{border-color:#355047;background:#17221f}

@media(max-width:760px){
  .ops-panel-grid,.capability-card-grid,.report-card-grid{grid-template-columns:1fr;padding:9px}
}

/* Search resilience: partial data failure must not collapse the phone workspace */
.search-degraded-banner{
  display:flex;align-items:center;gap:9px;
  margin:0 0 10px;padding:9px 11px;
  border:1px solid #e5d3a7;border-radius:9px;background:#fff9eb;color:#6f5a23
}
.search-degraded-banner b{font-size:10px;white-space:nowrap}
.search-degraded-banner span{font-size:9px;line-height:1.35;color:#7d6a3b}
body.dark-mode .search-degraded-banner{background:#251f13;border-color:#4a3d23;color:#d9bc72}
body.dark-mode .search-degraded-banner span{color:#b8a174}
@media(max-width:760px){.search-degraded-banner{align-items:flex-start;flex-direction:column;gap:3px}}
.sip-state.blocked{border-color:#6e3940;background:#1b1114;color:#d39aa2}.sip-state.blocked b{color:#ffd5d9}.sip-state.blocked .sip-ready-dot{background:#df6f78;box-shadow:0 0 0 4px rgba(223,111,120,.08)}