/* SOURCE styles.css?v=20261014-turnover-finance1 */
: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(200px,340px) 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}
.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}.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{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)}

/* 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%}
}


/* 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}
}


/* === CASH_CANONICAL_MAINLINE_R19_OVERRIDE === */
: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)}

/* Dedicated Voxio engine end-user gate */
.sip-gate-hint{
  margin:7px 0 0;padding:8px 9px;
  display:grid;grid-template-columns:auto minmax(0,1fr) auto;
  align-items:center;gap:7px;
  border:1px solid #e2d7b8;border-radius:8px;
  background:#fffaf0
}
.sip-gate-hint>span{width:7px;height:7px;border-radius:50%;background:#d4a33c}
.sip-gate-hint>b{font-size:9px;color:#66552a}
.sip-gate-hint>small{font-size:8px;color:#8a784d;text-align:right}
body.dark-mode .sip-gate-hint{background:#251f14;border-color:#4a3d26}
body.dark-mode .sip-gate-hint>b{color:#d8bd79}
body.dark-mode .sip-gate-hint>small{color:#aa9668}
@media(max-width:760px){
  .sip-gate-hint{grid-template-columns:auto 1fr}
  .sip-gate-hint>small{grid-column:2;text-align:left}
}

/* ==========================================================================
   CASH BACKOFFICE v1.1.0 - FAZ 1 (Modal, Form & Shift Planner UI Fixes)
   ========================================================================== */

/* BO-002: Overlay modal card & close button */
.overlay-card{
  position:relative;
}
.overlay-close-btn{
  position:absolute;
  top:10px;
  right:12px;
  z-index:25;
  width:28px;
  height:28px;
  border-radius:6px;
  border:1px solid transparent;
  background:transparent;
  display:inline-flex;
  align-items:center;
  justify-content:center;
  font-size:15px;
  line-height:1;
  cursor:pointer;
  color:var(--muted,#607182);
  transition:all .15s ease;
}
.overlay-close-btn:hover{
  background:rgba(0,0,0,.07);
  color:var(--text,#101828);
}
body.dark-mode .overlay-close-btn{
  color:#94a3b8;
}
body.dark-mode .overlay-close-btn:hover{
  background:rgba(255,255,255,.1);
  color:#f8fafc;
}

/* BO-005: Form checkbox & day chip fixes */
.form-grid input[type="checkbox"],
input[type="checkbox"]{
  width:16px!important;
  height:16px!important;
  min-height:16px!important;
  max-height:16px!important;
  padding:0!important;
  margin:0!important;
  cursor:pointer;
  accent-color:var(--accent,#0d7f6d);
}
.form-grid label.check-line,
.check-line{
  display:flex!important;
  flex-direction:row!important;
  align-items:center!important;
  gap:8px!important;
  cursor:pointer;
  font-weight:600;
  min-height:32px;
}
.day-chip-group{
  display:flex;
  gap:6px;
  flex-wrap:wrap;
  margin-top:6px;
}
.day-chip{
  display:inline-flex;
  align-items:center;
  gap:5px;
  padding:5px 10px;
  border:1px solid var(--line,#cbd3dc);
  border-radius:6px;
  background:var(--card-bg,#fff);
  font-size:12px;
  font-weight:500;
  cursor:pointer;
  user-select:none;
  transition:all .15s ease;
}
.day-chip:has(input:checked){
  border-color:var(--accent,#0d7f6d);
  background:rgba(13,127,109,.12);
  color:var(--accent,#0d7f6d);
  font-weight:700;
}
body.dark-mode .day-chip{
  background:#161d26;
  border-color:#2f3b47;
  color:#c7d2de;
}
body.dark-mode .day-chip:has(input:checked){
  background:rgba(43,185,135,.16);
  border-color:#2bb987;
  color:#2bb987;
}

/* BO-006: Shift Planner layout, select clipping & sticky actions */
.overlay-card:has(#r18ShiftPlanner){
  width:min(960px,calc(100vw - 28px))!important;
}
.shift-department-card>header{
  display:flex!important;
  flex-wrap:wrap;
  justify-content:space-between;
  gap:10px;
  align-items:center;
  padding:9px 12px;
  border-bottom:1px solid var(--line-soft,#e6ebef);
}
.shift-department-toggle{
  display:flex;
  align-items:center;
  gap:8px;
  min-width:180px;
  flex:1 1 200px;
}
.shift-department-card>header select{
  flex:1 1 240px;
  min-width:0;
  max-width:100%;
}
.overlay-card .form-actions{
  position:sticky!important;
  bottom:-14px!important;
  margin:10px -14px -14px!important;
  padding:12px 14px!important;
  background:rgba(250,252,253,.98)!important;
  backdrop-filter:blur(8px);
  border-top:1px solid var(--line,#dfe5e9)!important;
  z-index:20;
}
body.dark-mode .overlay-card .form-actions{
  background:rgba(18,24,32,.98)!important;
  border-color:#2b3741!important;
}
body.dark-mode .shift-department-card{
  background:#141b24;
  border-color:#2a3644;
  opacity:1;
}
body.dark-mode .shift-department-card.selected{
  border-color:var(--accent,#2bb987);
  background:#17212c;
  box-shadow:inset 3px 0 0 var(--accent,#2bb987);
}
body.dark-mode .shift-department-card>header{
  border-bottom-color:#2a3644;
}
body.dark-mode .shift-department-toggle span b{
  color:#e4ecf3;
}
body.dark-mode .shift-department-toggle small{
  color:#8da0b3;
}
body.dark-mode .shift-department-card summary{
  color:#9eb0c2;
}
body.dark-mode .shift-person{
  background:#121820;
  border-color:#283440;
}
body.dark-mode .shift-person b{
  color:#e2ecf5;
}
body.dark-mode .planner-toolbar{
  background:#151d26;
  border-color:#2a3644;
}
body.dark-mode .planner-toolbar span{
  color:#d0dce7;
}
body.dark-mode .planner-note{
  background:#141c25;
  border-left-color:#385266;
  color:#9eb0c2;
}

/* ==========================================================================
   CASH BACKOFFICE v1.2.0 - FAZ 2 (Dark Mode, Navigation & Header Parity)
   ========================================================================== */

/* BO-007: Missing dark mode overrides */
body.dark-mode .scope-ribbon{
  background:#141b24!important;
  border-color:#293543!important;
  color:#e2ecf5!important;
}
body.dark-mode .scope-ribbon b{
  color:#f0f4f8!important;
}
body.dark-mode .scope-ribbon span{
  color:#94a3b8!important;
}
body.dark-mode .scope-ribbon-meta span{
  color:#cbd5e1!important;
}
body.dark-mode .admin-account-ribbon{
  background:#151d27!important;
  border-color:#2a3644!important;
  border-left-color:#7076a8!important;
}
body.dark-mode .member-identity-bar{
  background:#141b24!important;
  border-color:#293543!important;
  color:#e2ecf5!important;
}
body.dark-mode .member-avatar{
  background:#152b27!important;
  border-color:#254a42!important;
  color:#43caa7!important;
}
body.dark-mode .member-identity-main b{
  color:#f0f4f8!important;
}
body.dark-mode .member-identity-main span,
body.dark-mode .member-identity-main small{
  color:#94a3b8!important;
}
body.dark-mode .member-identity-facts>span{
  background:#19232f!important;
  border-color:#2c3a4a!important;
  color:#cbd5e1!important;
}
body.dark-mode .table-pager{
  background:#121820!important;
  border-color:#283440!important;
  color:#94a3b8!important;
}
body.dark-mode .detail-tabs{
  background:#141b24!important;
  border-color:#293543!important;
}
body.dark-mode .group-master-row,
body.dark-mode .user-group-master-row{
  background:#141b24!important;
  border-bottom-color:#283440!important;
  color:#e2ecf5!important;
}
body.dark-mode .group-master-row:hover,
body.dark-mode .user-group-master-row:hover{
  background:#1a232e!important;
}
body.dark-mode .finance-tabs{
  background:#141b24!important;
  border-color:#293543!important;
}
body.dark-mode .cash-fin-section{
  background:#141b24!important;
  border-color:#293543!important;
}
body.dark-mode .cash-fin-note-compose{
  background:#16202a!important;
  border-color:#293543!important;
}
body.dark-mode .department-shift-card{
  background:#141b24!important;
  border-color:#2a3644!important;
}
body.dark-mode .connection-project{
  background:#141b24!important;
  border-color:#2a3644!important;
}
body.dark-mode .connection-project-head{
  background:#18222d!important;
  border-color:#2a3644!important;
}
body.dark-mode .connection-site{
  background:#121820!important;
  border-color:#26323e!important;
}
body.dark-mode .connection-site-head{
  background:#161f28!important;
  border-color:#26323e!important;
}

/* BO-003: Sidebar submenu distinct outline & indent */
.nav-group-links{
  display:grid!important;
  gap:2px!important;
  padding:4px 4px 5px 6px!important;
  margin:2px 4px 6px 4px!important;
  background:#edf2f6!important;
  border:1px solid #d8e1e7!important;
  border-left:3px solid var(--accent,#0d7f6d)!important;
  border-radius:6px!important;
}
body.dark-mode .nav-group-links{
  background:#131a22!important;
  border-color:#24303c!important;
  border-left-color:var(--accent,#2bb987)!important;
}

/* BO-001: Header responsive breakpoints */
@media (max-width: 1320px) {
  .global-actions button span:not(.action-icon) {
    display: none;
  }
  .global-actions button {
    padding: 0 8px;
  }
  .header-right .header-text {
    display: none;
  }
}
@media (max-width: 1160px) {
  .global-header {
    gap: 8px;
    padding: 0 10px;
  }
  .header-right {
    gap: 4px;
  }
  .header-right .clock {
    display: none;
  }
  .header-button, .chip, .presence, .profile {
    padding: 0 6px;
  }
  .profile b {
    max-width: 80px;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
  }
}
@media (max-width: 980px) {
  .global-search b {
    display: none;
  }
  .global-search {
    width: auto;
    min-width: 36px;
    padding: 0 8px;
  }
  .header-right .presence span {
    display: none;
  }
}

/* ==========================================================================
   CASH BACKOFFICE v1.2.1 - Comprehensive Dark Mode Coverage for Notes/Banners
   ========================================================================== */

/* Screenshot fix: Site Overview and Admin routing note banner */
body.dark-mode .admin-routing-note{
  background:#141b24!important;
  border-color:#293543!important;
  color:#e2ecf5!important;
}
body.dark-mode .admin-routing-note b{
  color:#f0f4f8!important;
}
body.dark-mode .admin-routing-note span{
  color:#94a3b8!important;
}

/* Site scope strips and search notes */
body.dark-mode .site-scope-strip{
  background:#141b24!important;
  border-color:#293543!important;
  color:#e2ecf5!important;
}
body.dark-mode .search-admin-note{
  background:#141c25!important;
  border-color:#2a3644!important;
  color:#e2ecf5!important;
}

/* Admin and User group summaries & fact boxes */
body.dark-mode .admin-group-summary,
body.dark-mode .user-group-summary{
  background:#141b24!important;
  border-color:#283440!important;
  color:#e2ecf5!important;
}
body.dark-mode .user-group-rule-note{
  background:#161e27!important;
  border-color:#283440!important;
  color:#cbd5e1!important;
}
body.dark-mode .user-group-facts{
  background:#121820!important;
  border-color:#283440!important;
  color:#e2ecf5!important;
}

/* Check rows & department chips */
body.dark-mode .check-row{
  background:#141b24!important;
  border-color:#283440!important;
  color:#e2ecf5!important;
}
body.dark-mode .admin-dept-chip{
  background:#152422!important;
  border-color:#23433c!important;
  color:#64cdb4!important;
}

/* Module cards partial and pending states */
body.dark-mode .site-module-card.partial,
body.dark-mode .ux-capability-pending{
  background:#1e1a14!important;
  border-color:#3d3422!important;
  color:#e2c583!important;
}
body.dark-mode .handoff-controls{
  background:#141b24!important;
  border-color:#293543!important;
}

/* Finance management panels & account cards */
body.dark-mode .cash-fin-account-card,
body.dark-mode .cash-fin-account-grid>div,
body.dark-mode .cash-fin-blacklist,
body.dark-mode .cash-fin-note,
body.dark-mode .cash-fin-section-head,
body.dark-mode .cash-fin-actions,
body.dark-mode .cash-fin-current,
body.dark-mode .cash-fin-reason{
  background:#141b24!important;
  border-color:#293543!important;
  color:#e2ecf5!important;
}
body.dark-mode .cash-fin-change span{
  background:#1a232f!important;
  color:#cbd5e1!important;
}
body.dark-mode .cash-bl-state{
  background:#16202a!important;
  border-color:#283542!important;
}

/* Detail chip groups and customer headers */
body.dark-mode .detail-chip-groups>div{
  background:#141b24!important;
  border-color:#283440!important;
  color:#e2ecf5!important;
}
body.dark-mode .asm-customer-facts{
  background:#16202a!important;
  border-color:#283440!important;
  color:#cbd5e1!important;
}
body.dark-mode .asm-customer-head .mini-avatar{
  background:#172b27!important;
  border-color:#23483f!important;
  color:#43caa7!important;
}

/* ==========================================================================
   CASH BACKOFFICE v1.2.0 - FAZ 2 (BO-009 & BO-011 UI Enhancements)
   ========================================================================== */

/* BO-009: Overlay Close Button Collision Prevention */
.overlay-card {
  position: relative !important;
}
.overlay-card .section-head,
.overlay-card header,
.overlay-card .modal-header {
  padding-right: 50px !important;
}
.overlay-close-btn {
  position: absolute !important;
  top: 10px !important;
  right: 12px !important;
  z-index: 30 !important;
  width: 28px !important;
  height: 28px !important;
  border-radius: 6px !important;
  border: 1px solid rgba(0, 0, 0, 0.1) !important;
  background: rgba(255, 255, 255, 0.8) !important;
  backdrop-filter: blur(4px) !important;
  display: inline-flex !important;
  align-items: center !important;
  justify-content: center !important;
  font-size: 15px !important;
  line-height: 1 !important;
  cursor: pointer !important;
  color: #475569 !important;
  transition: all 0.15s ease !important;
  box-shadow: 0 1px 2px rgba(0, 0, 0, 0.05) !important;
}
.overlay-close-btn:hover {
  background: #f1f5f9 !important;
  color: #0f172a !important;
  border-color: rgba(0, 0, 0, 0.2) !important;
}
body.dark-mode .overlay-close-btn {
  border-color: rgba(255, 255, 255, 0.12) !important;
  background: #1e293b !important;
  color: #94a3b8 !important;
  box-shadow: 0 1px 3px rgba(0, 0, 0, 0.3) !important;
}
body.dark-mode .overlay-close-btn:hover {
  background: #334155 !important;
  color: #f8fafc !important;
  border-color: rgba(255, 255, 255, 0.25) !important;
}

/* BO-011: Live Support Modern Chat Queue & Message Layout */
.support-thread {
  padding: 10px 12px !important;
  display: flex !important;
  align-items: flex-start !important;
  gap: 10px !important;
  border-bottom: 1px solid var(--line, #e2e8f0) !important;
  cursor: pointer !important;
  transition: background 0.12s ease !important;
}
.support-thread:hover {
  background: rgba(13, 127, 109, 0.04) !important;
}
.support-thread.active {
  background: rgba(13, 127, 109, 0.08) !important;
  border-left: 3px solid var(--accent, #0d7f6d) !important;
}
.support-thread-avatar {
  width: 38px !important;
  height: 38px !important;
  flex: 0 0 38px !important;
  border-radius: 10px !important;
  background: #e2e8f0 !important;
  color: #334155 !important;
  display: inline-flex !important;
  align-items: center !important;
  justify-content: center !important;
  font-weight: 700 !important;
  font-size: 13px !important;
}
.support-thread-avatar.large {
  width: 44px !important;
  height: 44px !important;
  flex: 0 0 44px !important;
  border-radius: 12px !important;
  font-size: 15px !important;
}
.support-thread-main {
  flex: 1 1 auto !important;
  min-width: 0 !important;
  display: flex !important;
  flex-direction: column !important;
  gap: 3px !important;
}
/* Row 1: Name + Time */
.support-thread-top {
  display: flex !important;
  align-items: center !important;
  justify-content: space-between !important;
  gap: 8px !important;
}
.support-thread-top b {
  font-size: 13px !important;
  font-weight: 650 !important;
  color: #1e293b !important;
  overflow: hidden !important;
  text-overflow: ellipsis !important;
  white-space: nowrap !important;
}
.support-thread-top time {
  font-size: 11px !important;
  color: #64748b !important;
  white-space: nowrap !important;
}
/* Row 2: Preview snippet with ellipsis */
.support-thread-preview {
  font-size: 12px !important;
  color: #475569 !important;
  line-height: 1.35 !important;
  overflow: hidden !important;
  text-overflow: ellipsis !important;
  white-space: nowrap !important;
  margin: 1px 0 !important;
}
/* Row 3: Meta badges */
.support-thread-meta {
  display: flex !important;
  align-items: center !important;
  gap: 6px !important;
  flex-wrap: wrap !important;
  margin-top: 2px !important;
}
.support-thread-state,
.support-thread-assignee,
.support-thread-badge {
  display: inline-flex !important;
  align-items: center !important;
  padding: 2px 7px !important;
  border-radius: 6px !important;
  font-size: 10.5px !important;
  font-weight: 600 !important;
  line-height: 1.2 !important;
}
.support-thread-state.open {
  background: #dcfce7 !important;
  color: #15803d !important;
}
.support-thread-state.closed {
  background: #f1f5f9 !important;
  color: #64748b !important;
}
.support-thread-assignee {
  background: #e2e8f0 !important;
  color: #334155 !important;
}
.support-thread-badge.unread {
  background: #fef08a !important;
  color: #854d0e !important;
  font-weight: 700 !important;
}
.support-thread-badge.mine {
  background: #e0f2fe !important;
  color: #0369a1 !important;
}
.support-thread-badge.neutral {
  background: #f1f5f9 !important;
  color: #475569 !important;
}

/* Chat Header */
.support-conversation-head {
  padding: 12px 16px !important;
  background: #ffffff !important;
  border-bottom: 1px solid var(--line, #e2e8f0) !important;
  display: flex !important;
  align-items: center !important;
  justify-content: space-between !important;
  gap: 12px !important;
}
.support-conversation-person {
  display: flex !important;
  align-items: center !important;
  gap: 12px !important;
  min-width: 0 !important;
}
.support-conversation-person h3 {
  margin: 0 !important;
  font-size: 15px !important;
  font-weight: 700 !important;
  color: #0f172a !important;
}
.support-conversation-person small {
  display: block !important;
  font-size: 11.5px !important;
  color: #64748b !important;
}
.support-conversation-person span.info-pill {
  display: inline-block !important;
  font-size: 11px !important;
  color: #475569 !important;
  margin-top: 2px !important;
}
.support-conversation-actions {
  display: flex !important;
  align-items: center !important;
  gap: 8px !important;
}
.support-assign-control {
  display: flex !important;
  align-items: center !important;
  gap: 6px !important;
}
.support-assign-control select {
  font-size: 12px !important;
  padding: 5px 8px !important;
  border-radius: 6px !important;
  border: 1px solid var(--line, #cbd5e1) !important;
  background: #ffffff !important;
  color: #1e293b !important;
}

/* Chat Messages Log & Bubbles */
#supportChatLog.chat-log {
  padding: 16px !important;
  display: flex !important;
  flex-direction: column !important;
  gap: 12px !important;
  overflow-y: auto !important;
  background: #f8fafc !important;
}
.chat-message {
  max-width: 72% !important;
  padding: 10px 14px !important;
  border-radius: 12px !important;
  line-height: 1.45 !important;
  font-size: 13px !important;
  display: flex !important;
  flex-direction: column !important;
  gap: 4px !important;
  box-shadow: 0 1px 2px rgba(0, 0, 0, 0.05) !important;
}
/* Visitor message (Left side, slate card) */
.chat-message.visitor {
  align-self: flex-start !important;
  background: #ffffff !important;
  border: 1px solid #e2e8f0 !important;
  color: #0f172a !important;
  border-bottom-left-radius: 3px !important;
}
.chat-message.visitor header {
  display: flex !important;
  justify-content: space-between !important;
  gap: 12px !important;
  margin-bottom: 2px !important;
}
.chat-message.visitor header b {
  color: #475569 !important;
  font-size: 11.5px !important;
}
.chat-message.visitor header small {
  color: #94a3b8 !important;
  font-size: 10.5px !important;
}
/* Agent/Staff message (Right side, teal card) */
.chat-message.mine,
.chat-message.agent {
  align-self: flex-end !important;
  background: #0d7f6d !important;
  border: 1px solid #0a6b5c !important;
  color: #ffffff !important;
  border-bottom-right-radius: 3px !important;
}
.chat-message.mine header,
.chat-message.agent header {
  display: flex !important;
  justify-content: space-between !important;
  gap: 12px !important;
  margin-bottom: 2px !important;
}
.chat-message.mine header b,
.chat-message.agent header b {
  color: #ccfbf1 !important;
  font-size: 11.5px !important;
}
.chat-message.mine header small,
.chat-message.agent header small {
  color: #a7f3d0 !important;
  font-size: 10.5px !important;
}
.chat-message.mine a,
.chat-message.agent a {
  color: #ffffff !important;
  text-decoration: underline !important;
}

/* Closed Chat Action Bar */
.chat-closed-bar {
  padding: 14px 18px !important;
  background: #f1f5f9 !important;
  border-top: 1px solid var(--line, #e2e8f0) !important;
  display: flex !important;
  align-items: center !important;
  justify-content: space-between !important;
  gap: 16px !important;
}
.chat-closed-text {
  font-size: 13px !important;
  color: #64748b !important;
  font-weight: 500 !important;
}

/* Dark Mode Overrides for Live Support */
body.dark-mode .support-thread {
  border-color: #263342 !important;
}
body.dark-mode .support-thread:hover {
  background: rgba(43, 185, 135, 0.06) !important;
}
body.dark-mode .support-thread.active {
  background: rgba(43, 185, 135, 0.12) !important;
  border-left-color: #2bb987 !important;
}
body.dark-mode .support-thread-avatar {
  background: #222f3d !important;
  color: #94a3b8 !important;
}
body.dark-mode .support-thread-top b {
  color: #f1f5f9 !important;
}
body.dark-mode .support-thread-top time {
  color: #7d8c9a !important;
}
body.dark-mode .support-thread-preview {
  color: #94a3b8 !important;
}
body.dark-mode .support-thread-state.open {
  background: rgba(43, 185, 135, 0.15) !important;
  color: #4ade80 !important;
}
body.dark-mode .support-thread-state.closed {
  background: #24303d !important;
  color: #7d8c9a !important;
}
body.dark-mode .support-thread-assignee {
  background: #24303d !important;
  color: #94a3b8 !important;
}
body.dark-mode .support-thread-badge.unread {
  background: rgba(234, 179, 8, 0.2) !important;
  color: #facc15 !important;
}
body.dark-mode .support-thread-badge.mine {
  background: rgba(56, 189, 248, 0.15) !important;
  color: #38bdf8 !important;
}
body.dark-mode .support-thread-badge.neutral {
  background: #24303d !important;
  color: #94a3b8 !important;
}
body.dark-mode .support-conversation-head {
  background: #151d27 !important;
  border-color: #263342 !important;
}
body.dark-mode .support-conversation-person h3 {
  color: #f1f5f9 !important;
}
body.dark-mode .support-conversation-person small {
  color: #7d8c9a !important;
}
body.dark-mode .support-conversation-person span.info-pill {
  color: #94a3b8 !important;
}
body.dark-mode .support-assign-control select {
  background: #111720 !important;
  border-color: #2c3a49 !important;
  color: #e2e8f0 !important;
}
body.dark-mode #supportChatLog.chat-log {
  background: #0f151d !important;
}
body.dark-mode .chat-message.visitor {
  background: #1a232e !important;
  border-color: #283747 !important;
  color: #f1f5f9 !important;
}
body.dark-mode .chat-message.visitor header b {
  color: #94a3b8 !important;
}
body.dark-mode .chat-message.visitor header small {
  color: #64748b !important;
}
body.dark-mode .chat-message.mine,
body.dark-mode .chat-message.agent {
  background: #134e44 !important;
  border-color: #1a6357 !important;
  color: #f1f5f9 !important;
}
body.dark-mode .chat-message.mine header b,
body.dark-mode .chat-message.agent header b {
  color: #a7f3d0 !important;
}
body.dark-mode .chat-message.mine header small,
body.dark-mode .chat-message.agent header small {
  color: #6ee7b7 !important;
}
body.dark-mode .chat-closed-bar {
  background: #161e27 !important;
  border-color: #263342 !important;
}
body.dark-mode .chat-closed-text {
  color: #94a3b8 !important;
}

/* ============================================================ */
/* R19.7 — Live Support Ergonomics & Full-Height Workspace      */
/* ============================================================ */
.support-stats-strip {
  display: flex !important;
  align-items: center !important;
  flex-wrap: wrap !important;
  gap: 8px !important;
  margin-bottom: 10px !important;
  padding: 6px 12px !important;
  background: var(--surface, #ffffff) !important;
  border: 1px solid var(--line, #e2e8f0) !important;
  border-radius: 9px !important;
  box-shadow: 0 1px 3px rgba(0, 0, 0, 0.04) !important;
}
body.dark-mode .support-stats-strip {
  background: #151d27 !important;
  border-color: #263342 !important;
  box-shadow: 0 1px 3px rgba(0, 0, 0, 0.2) !important;
}
.support-stat-pill {
  display: inline-flex !important;
  align-items: center !important;
  gap: 6px !important;
  padding: 4px 10px !important;
  border-radius: 6px !important;
  font-size: 11.5px !important;
  color: var(--text-muted, #64748b) !important;
  background: rgba(0, 0, 0, 0.03) !important;
  border: 1px solid transparent !important;
  cursor: pointer !important;
  transition: all 0.15s ease !important;
  user-select: none !important;
}
body.dark-mode .support-stat-pill {
  background: rgba(255, 255, 255, 0.04) !important;
  color: #94a3b8 !important;
}
.support-stat-pill:hover {
  background: rgba(0, 0, 0, 0.06) !important;
  color: var(--text, #0f172a) !important;
}
body.dark-mode .support-stat-pill:hover {
  background: rgba(255, 255, 255, 0.08) !important;
  color: #f1f5f9 !important;
}
.support-stat-pill.active {
  background: rgba(13, 127, 109, 0.12) !important;
  border-color: rgba(13, 127, 109, 0.35) !important;
  color: #0d7f6d !important;
}
body.dark-mode .support-stat-pill.active {
  background: rgba(43, 185, 135, 0.18) !important;
  border-color: rgba(43, 185, 135, 0.45) !important;
  color: #a7f3d0 !important;
}
.support-stat-pill.warn {
  border-color: rgba(249, 115, 22, 0.3) !important;
}
.support-stat-pill b {
  font-weight: 600 !important;
}
.support-stat-pill span:not(.pill-dot) {
  font-weight: 700 !important;
  font-size: 11.5px !important;
  color: inherit !important;
  background: rgba(0, 0, 0, 0.06) !important;
  padding: 1px 6px !important;
  border-radius: 10px !important;
  min-width: 18px !important;
  text-align: center !important;
}
body.dark-mode .support-stat-pill span:not(.pill-dot) {
  background: rgba(0, 0, 0, 0.3) !important;
}
.pill-dot {
  width: 7px !important;
  height: 7px !important;
  border-radius: 50% !important;
  display: inline-block !important;
  flex-shrink: 0 !important;
}
.pill-dot.total { background: #94a3b8 !important; }
.pill-dot.open { background: #22c55e !important; }
.pill-dot.unread { background: #eab308 !important; }
.pill-dot.needs-reply { background: #f97316 !important; }
.pill-dot.mine { background: #38bdf8 !important; }
.pill-dot.unassigned { background: #a855f7 !important; }

/* Full-Height Live Support Grid Layout */
.master-detail.support-layout {
  display: grid !important;
  grid-template-columns: 340px minmax(0, 1fr) !important;
  gap: 12px !important;
  height: calc(100vh - 170px) !important;
  min-height: 560px !important;
  align-items: stretch !important;
}

/* Left Section: Support Queue */
.support-layout > .section:first-child {
  display: flex !important;
  flex-direction: column !important;
  height: 100% !important;
  overflow: hidden !important;
  margin-bottom: 0 !important;
}
.support-layout > .section:first-child .command-bar {
  flex-shrink: 0 !important;
  margin-bottom: 6px !important;
}
.support-layout > .section:first-child .chat-list {
  flex: 1 1 0% !important;
  overflow-y: auto !important;
  display: flex !important;
  flex-direction: column !important;
  gap: 6px !important;
  padding: 4px 6px !important;
}

/* Right Section: Conversation Box */
.support-layout > .section:last-child {
  display: flex !important;
  flex-direction: column !important;
  height: 100% !important;
  overflow: hidden !important;
  margin-bottom: 0 !important;
}
.support-layout .support-conversation-head {
  flex-shrink: 0 !important;
}
.support-layout #supportChatLog.chat-log {
  flex: 1 1 0% !important;
  height: auto !important;
  min-height: 200px !important;
  max-height: none !important;
  overflow-y: auto !important;
  padding: 20px 24px !important;
}
.support-layout .chat-composer {
  flex-shrink: 0 !important;
  margin-top: auto !important;
  display: flex !important;
  gap: 10px !important;
  align-items: flex-end !important;
  padding: 12px 16px !important;
  background: var(--surface, #ffffff) !important;
  border-top: 1px solid var(--line, #e2e8f0) !important;
}
body.dark-mode .support-layout .chat-composer {
  background: #151d27 !important;
  border-top-color: #263342 !important;
}
.support-layout .chat-composer textarea {
  flex: 1 1 auto !important;
  height: 56px !important;
  min-height: 56px !important;
  max-height: 140px !important;
  resize: vertical !important;
  padding: 10px 14px !important;
  font-size: 13.5px !important;
  line-height: 1.4 !important;
  border-radius: 8px !important;
  border: 1px solid var(--line, #cbd5e1) !important;
  background: #ffffff !important;
  color: #0f172a !important;
  transition: border-color 0.15s ease, box-shadow 0.15s ease !important;
}
body.dark-mode .support-layout .chat-composer textarea {
  background: #0f151d !important;
  border-color: #2c3a49 !important;
  color: #f1f5f9 !important;
}
.support-layout .chat-composer textarea:focus {
  border-color: var(--accent, #0d7f6d) !important;
  box-shadow: 0 0 0 2px rgba(13, 127, 109, 0.25) !important;
  outline: none !important;
}
.support-layout .chat-composer button {
  height: 56px !important;
  padding: 0 24px !important;
  font-weight: 600 !important;
  font-size: 13.5px !important;
  border-radius: 8px !important;
  flex-shrink: 0 !important;
}
.support-layout .chat-closed-bar {
  flex-shrink: 0 !important;
  margin-top: auto !important;
}

/* Toast spacing fix */
.toast small {
  display: block !important;
  margin-top: 3px !important;
  font-size: 11.5px !important;
  opacity: 0.9 !important;
}

/* BO-012 Phase 1: Autocomplete & Member Picker */
.member-autocomplete-wrap{position:relative;width:100%}
.selected-member-pill{display:flex;align-items:center;justify-content:space-between;gap:8px;padding:7px 12px;background:rgba(15,118,110,.12);border:1px solid rgba(15,118,110,.35);border-radius:6px;margin-top:6px;font-size:12px;color:var(--text)}
.selected-member-pill .member-meta{display:flex;align-items:center;gap:6px;font-weight:600}
.selected-member-pill .member-sub{font-size:11px;opacity:.75}
.autocomplete-dropdown{position:absolute;top:calc(100% + 4px);left:0;right:0;max-height:220px;overflow-y:auto;background:var(--surface,#fff);border:1px solid var(--line,#cbd5e1);border-radius:6px;box-shadow:0 8px 24px rgba(0,0,0,.15);z-index:1050}
.autocomplete-item{display:flex;align-items:center;justify-content:space-between;padding:8px 12px;cursor:pointer;border-bottom:1px solid rgba(0,0,0,.05);transition:background .15s}
.autocomplete-item:hover{background:rgba(15,118,110,.08)}
.autocomplete-item:last-child{border-bottom:none}
.autocomplete-item .item-title{font-weight:600;font-size:12px}
.autocomplete-item .item-sub{font-size:11px;opacity:.7}
.autocomplete-empty{padding:10px 12px;font-size:12px;opacity:.65;text-align:center}

/* BO-012 Phase 2 & 3: Work Queue Tabs, Modern Inspector & Internal Notes */
.btn.success{background:#059669;color:#fff;border:1px solid #047857}
.btn.success:hover{background:#047857}
.pulse-badge{animation:pulse-red 1.8s infinite;display:inline-flex;align-items:center;font-weight:700}
@keyframes pulse-red{0%{box-shadow:0 0 0 0 rgba(220,38,38,.7)}70%{box-shadow:0 0 0 6px rgba(220,38,38,0)}100%{box-shadow:0 0 0 0 rgba(220,38,38,0)}}
.workqueue-tabs{display:flex;gap:8px;margin-bottom:12px;overflow-x:auto}
.wq-tab-btn{display:inline-flex;align-items:center;gap:6px;padding:6px 12px;border-radius:6px;border:1px solid var(--line,#cbd5e1);background:var(--surface,#fff);color:var(--text,#334155);font-size:12px;font-weight:500;cursor:pointer;transition:all .15s ease}
.wq-tab-btn:hover{border-color:#0f766e;background:rgba(15,118,110,.05)}
.wq-tab-btn.active{background:#0f766e;color:#fff;border-color:#0f766e}
.wq-tab-btn .tab-count{padding:1px 6px;border-radius:10px;font-size:10px;font-weight:700;background:rgba(0,0,0,.08)}
.wq-tab-btn.active .tab-count{background:rgba(255,255,255,.25);color:#fff}
.link-btn{background:none;border:none;padding:0;color:#0f766e;font-weight:600;text-decoration:underline;cursor:pointer;font-size:inherit;display:inline-flex;align-items:center}
.link-btn:hover{color:#0d9488}
.overlay-card.wide-modal{width:min(1060px,calc(100vw - 32px));max-height:90vh}
.handoff-two-col{display:grid;grid-template-columns:1fr 1.25fr;gap:18px;margin-top:10px}
@media(max-width:860px){.handoff-two-col{grid-template-columns:1fr}}
.handoff-left-col{display:flex;flex-direction:column;gap:12px;overflow-y:auto;max-height:70vh;padding-right:6px}
.handoff-right-col{display:flex;flex-direction:column;gap:12px;background:var(--bg,#f8fafc);border:1px solid var(--line,#e2e8f0);border-radius:8px;padding:12px}
.quick-status-bar{display:flex;align-items:center;gap:8px;padding:8px 12px;background:var(--surface,#fff);border:1px solid var(--line,#e2e8f0);border-radius:6px}
.internal-note-bubble{background:#fef9c3 !important;border:1px solid #fde047 !important;color:#713f12 !important}
.internal-note-bubble header b{color:#854d0e !important}
.internal-note-tag{background:#eab308;color:#fff;padding:1px 5px;border-radius:4px;font-size:10px;font-weight:700;margin-right:4px}
.member-mini-card{padding:10px;border-radius:6px;background:var(--surface,#fff);border:1px solid var(--line,#e2e8f0)}

/* Dark mode support for member picker & description card */
body.dark-mode .member-picker-container{background:rgba(15,118,110,.15) !important;border-color:#14b8a6 !important}
body.dark-mode .member-picker-container label{color:#2dd4bf !important}
body.dark-mode .autocomplete-dropdown{background:#171d25 !important;border-color:#2a3440 !important;color:#e7edf3 !important}
body.dark-mode .autocomplete-item{border-bottom-color:#222b35 !important;color:#e7edf3 !important}
body.dark-mode .autocomplete-item:hover{background:rgba(15,118,110,.25) !important}
body.dark-mode .autocomplete-item .item-sub{color:#94a3b8 !important}
body.dark-mode .handoff-description-card{background:#171d25 !important;border-color:#2a3440 !important}
body.dark-mode .handoff-description-card .desc-body{background:#10151b !important;border-color:#222b35 !important;color:#e7edf3 !important}

/* ==========================================================
   TICKET INSPECTOR & WIDE MODAL ERGONOMICS (v139)
   ========================================================== */
#overlayCard.wide-modal,
.overlay-card.wide-modal {
  width: min(1260px, calc(100vw - 48px)) !important;
  max-width: 1280px !important;
  max-height: 92vh !important;
  padding: 18px 24px !important;
  box-sizing: border-box !important;
}

.wide-modal-shell {
  width: 100% !important;
}

.handoff-two-col {
  display: grid !important;
  grid-template-columns: 400px 1fr !important;
  gap: 22px !important;
  margin-top: 6px !important;
  align-items: stretch !important;
}

@media(max-width: 980px) {
  .handoff-two-col {
    grid-template-columns: 1fr !important;
  }
}

.handoff-left-col {
  display: flex !important;
  flex-direction: column !important;
  gap: 12px !important;
  overflow-y: auto !important;
  max-height: calc(88vh - 90px) !important;
  padding-right: 8px !important;
}

.handoff-right-col {
  display: flex !important;
  flex-direction: column !important;
  gap: 12px !important;
  background: var(--bg, #f8fafc) !important;
  border: 1px solid var(--line, #e2e8f0) !important;
  border-radius: 10px !important;
  padding: 16px !important;
  min-height: 540px !important;
  max-height: calc(88vh - 90px) !important;
  box-sizing: border-box !important;
}

body.dark-mode .handoff-right-col {
  background: #131a22 !important;
  border-color: #263342 !important;
}

body.dark-mode .quick-status-bar {
  background: #171f28 !important;
  border-color: #273444 !important;
}

body.dark-mode .member-mini-card {
  background: #171f28 !important;
  border-color: #273444 !important;
}

#handoffChatLog {
  flex: 1 !important;
  min-height: 340px !important;
  max-height: calc(88vh - 250px) !important;
  overflow-y: auto !important;
  display: flex !important;
  flex-direction: column !important;
  gap: 10px !important;
  padding: 8px !important;
  border: 1px solid var(--line, #e2e8f0) !important;
  border-radius: 8px !important;
  background: var(--surface, #fff) !important;
}

body.dark-mode #handoffChatLog {
  background: #10161d !important;
  border-color: #222d3a !important;
}

.handoff-composer {
  display: flex !important;
  flex-direction: column !important;
  gap: 8px !important;
  background: var(--surface, #fff) !important;
  border: 1px solid var(--line, #cbd5e1) !important;
  border-radius: 8px !important;
  padding: 12px !important;
}

body.dark-mode .handoff-composer {
  background: #171f28 !important;
  border-color: #2b394a !important;
}

.handoff-composer .composer-top-row {
  display: flex !important;
  align-items: center !important;
  justify-content: space-between !important;
  gap: 12px !important;
}

.handoff-composer select[name="kind"] {
  height: 34px !important;
  padding: 4px 10px !important;
  font-size: 12px !important;
  font-weight: 600 !important;
  border-radius: 6px !important;
}

.handoff-composer .composer-hint {
  font-size: 11px !important;
  opacity: .75 !important;
}

.handoff-composer .composer-bottom-row {
  display: flex !important;
  gap: 10px !important;
  align-items: stretch !important;
}

.handoff-composer textarea[name="content"] {
  flex: 1 !important;
  min-height: 58px !important;
  max-height: 120px !important;
  padding: 10px !important;
  font-size: 13px !important;
  line-height: 1.4 !important;
  border-radius: 6px !important;
  resize: vertical !important;
}

.handoff-composer .send-btn {
  width: 100px !important;
  min-height: 58px !important;
  font-weight: 600 !important;
  font-size: 13px !important;
  display: flex !important;
  align-items: center !important;
  justify-content: center !important;
}

/* ==========================================================
   BO-014: GLOBAL HEADER RESPONSIVE & LAYOUT ERGONOMICS
   ========================================================== */
.global-actions {
  display: flex !important;
  align-items: center !important;
  gap: 6px !important;
  flex-shrink: 0 !important;
}

.global-actions button {
  white-space: nowrap !important;
  flex-shrink: 0 !important;
}

.header-right {
  display: flex !important;
  align-items: center !important;
  gap: 6px !important;
  margin-left: auto !important;
  flex-shrink: 0 !important;
  justify-content: flex-end !important;
  min-width: 0 !important;
}

.header-right .chip,
.header-right .header-button {
  flex-shrink: 0 !important;
}

/* Secondary controls padding optimization */
.presence {
  padding: 0 7px !important;
  font-size: 11px !important;
}
.clock {
  padding: 0 4px !important;
  font-size: 11px !important;
}
#langToggle, #themeToggle {
  padding: 0 6px !important;
  min-width: 28px !important;
}

/* 1440px breakpoint: collapse action button texts to icon-only, keep tooltips */
@media (max-width: 1440px) {
  .global-actions button span:not(.action-icon) {
    display: none !important;
  }
  .global-actions button {
    padding: 0 8px !important;
    min-width: 32px !important;
  }
  .header-right .header-text {
    display: none !important;
  }
  .header-right .chip,
  .header-right .header-button {
    padding: 0 8px !important;
  }
}

/* 1280px breakpoint: compact logo, search bar, and hide secondary clock */
@media (max-width: 1280px) {
  .global-header {
    grid-template-columns: 170px minmax(150px, 240px) auto 1fr !important;
    gap: 8px !important;
    padding: 0 8px !important;
  }
  .header-right .clock {
    display: none !important;
  }
  .header-right {
    gap: 4px !important;
  }
}


/* Inspector Ergonomics & Overflow Fixes (v145) */
#overlayCard.wide-modal,
.overlay-card.wide-modal {
  display: flex !important;
  flex-direction: column !important;
  width: min(1280px, calc(100vw - 36px)) !important;
  max-width: 1300px !important;
  max-height: 90vh !important;
  padding: 16px 20px !important;
  box-sizing: border-box !important;
  overflow: hidden !important;
}

.wide-modal-shell {
  display: flex !important;
  flex-direction: column !important;
  height: 100% !important;
  min-height: 0 !important;
  overflow: hidden !important;
}

.wide-modal-shell > .section-body {
  flex: 1 1 auto !important;
  min-height: 0 !important;
  overflow: hidden !important;
  padding-top: 8px !important;
}

.handoff-two-col {
  display: grid !important;
  grid-template-columns: 1fr 1.3fr !important;
  gap: 16px !important;
  height: 100% !important;
  min-height: 0 !important;
  align-items: stretch !important;
}

.handoff-left-col {
  display: flex !important;
  flex-direction: column !important;
  gap: 10px !important;
  overflow-y: auto !important;
  overflow-x: hidden !important;
  max-height: calc(90vh - 110px) !important;
  padding-right: 8px !important;
  scrollbar-width: thin !important;
}

.handoff-right-col {
  display: flex !important;
  flex-direction: column !important;
  height: 100% !important;
  max-height: calc(90vh - 110px) !important;
  min-height: 0 !important;
  overflow: hidden !important;
}

#handoffChatLog {
  flex: 1 1 auto !important;
  min-height: 160px !important;
  max-height: none !important;
  overflow-y: auto !important;
  scrollbar-width: thin !important;
}


/* =========================================================================
   NOTE 5 / BO-017: Semantic Pastel Badges & Site Brand Badges
   ========================================================================= */

/* Neutralize generic .badge interference in data tables */
.data-table td .badge:not(.tier):not(.danger):not(.warn):not(.ok) {
  background: transparent;
  color: inherit;
  border: 0;
}

/* Base Status Pill */
.status-pill {
  display: inline-flex;
  align-items: center;
  gap: 4px;
  padding: 3px 10px;
  border-radius: 9999px;
  font-size: 11px;
  font-weight: 600;
  line-height: 1.3;
  text-transform: none;
  white-space: nowrap;
}

/* Light Mode Status Semantic Colors */
.status-pill.resolved, .status-pill.closed {
  background: #dcfce7 !important;
  color: #15803d !important;
  border: 1px solid #86efac !important;
}
.status-pill.new, .status-pill.unassigned {
  background: #fef9c3 !important;
  color: #a16207 !important;
  border: 1px solid #fde047 !important;
}
.status-pill.assigned, .status-pill.acknowledged {
  background: #e0f2fe !important;
  color: #0369a1 !important;
  border: 1px solid #7dd3fc !important;
}
.status-pill.in_progress {
  background: #ecfdf5 !important;
  color: #047857 !important;
  border: 1px solid #6ee7b7 !important;
}
.status-pill.waiting, .status-pill.waiting_internal, .status-pill.waiting_external {
  background: #f3e8ff !important;
  color: #7e22ce !important;
  border: 1px solid #d8b4fe !important;
}
.status-pill.cancelled {
  background: #f1f5f9 !important;
  color: #475569 !important;
  border: 1px solid #cbd5e1 !important;
}
.status-pill.escalated {
  background: #fee2e2 !important;
  color: #b91c1c !important;
  border: 1px solid #fca5a5 !important;
}
.status-pill.reopened {
  background: #ffedd5 !important;
  color: #c2410c !important;
  border: 1px solid #fdba74 !important;
}

/* Dark Mode Status Semantic Colors */
body.dark-mode .status-pill.resolved, body.dark-mode .status-pill.closed {
  background: rgba(34, 197, 94, 0.18) !important;
  color: #4ade80 !important;
  border: 1px solid rgba(74, 222, 128, 0.3) !important;
}
body.dark-mode .status-pill.new, body.dark-mode .status-pill.unassigned {
  background: rgba(234, 179, 8, 0.18) !important;
  color: #facc15 !important;
  border: 1px solid rgba(250, 204, 21, 0.3) !important;
}
body.dark-mode .status-pill.assigned, body.dark-mode .status-pill.acknowledged {
  background: rgba(14, 165, 233, 0.18) !important;
  color: #38bdf8 !important;
  border: 1px solid rgba(56, 189, 248, 0.3) !important;
}
body.dark-mode .status-pill.in_progress {
  background: rgba(16, 185, 129, 0.18) !important;
  color: #34d399 !important;
  border: 1px solid rgba(52, 211, 153, 0.3) !important;
}
body.dark-mode .status-pill.waiting, body.dark-mode .status-pill.waiting_internal, body.dark-mode .status-pill.waiting_external {
  background: rgba(168, 85, 247, 0.18) !important;
  color: #c084fc !important;
  border: 1px solid rgba(192, 132, 252, 0.3) !important;
}
body.dark-mode .status-pill.cancelled {
  background: rgba(148, 163, 184, 0.18) !important;
  color: #94a3b8 !important;
  border: 1px solid rgba(148, 163, 184, 0.3) !important;
}
body.dark-mode .status-pill.escalated {
  background: rgba(239, 68, 68, 0.18) !important;
  color: #f87171 !important;
  border: 1px solid rgba(248, 113, 113, 0.3) !important;
}
body.dark-mode .status-pill.reopened {
  background: rgba(249, 115, 22, 0.18) !important;
  color: #fb923c !important;
  border: 1px solid rgba(251, 146, 60, 0.3) !important;
}

/* Base Site Pill */
.site-pill {
  display: inline-flex;
  align-items: center;
  gap: 4px;
  padding: 3px 9px;
  border-radius: 6px;
  font-size: 11px;
  font-weight: 700;
  line-height: 1.3;
  text-transform: none;
  white-space: nowrap;
}

/* Light Mode Site Colors */
.site-pill-site_tarafbet_prod, .site-pill-tarafbet, .site-pill-site_tarafbet_qa {
  background: #f3e8ff !important;
  color: #7c3aed !important;
  border: 1px solid #d8b4fe !important;
}
.site-pill-site_mrking, .site-pill-mrking, .site-pill-mrking5035, .site-pill-mrking5037, .site-pill-mrking5039, .site-pill-mrking10054 {
  background: #e0f2fe !important;
  color: #0284c7 !important;
  border: 1px solid #bae6fd !important;
}
.site-pill-site_novabet_prelicense, .site-pill-novabet {
  background: #d1fae5 !important;
  color: #059669 !important;
  border: 1px solid #a7f3d0 !important;
}
.site-pill-site_ligobet1148, .site-pill-ligobet {
  background: #fef3c7 !important;
  color: #d97706 !important;
  border: 1px solid #fde68a !important;
}
.site-pill-site_omni, .site-pill-omni {
  background: #e0e7ff !important;
  color: #4338ca !important;
  border: 1px solid #c7d2fe !important;
}
.site-pill, .site-pill-genel, .site-pill-default {
  background: #f8fafc !important;
  color: #64748b !important;
  border: 1px solid #e2e8f0 !important;
}

/* Dark Mode Site Colors */
body.dark-mode .site-pill-site_tarafbet_prod, body.dark-mode .site-pill-tarafbet, body.dark-mode .site-pill-site_tarafbet_qa {
  background: rgba(124, 58, 237, 0.18) !important;
  color: #a78bfa !important;
  border: 1px solid rgba(167, 139, 250, 0.3) !important;
}
body.dark-mode .site-pill-site_mrking, body.dark-mode .site-pill-mrking, body.dark-mode .site-pill-mrking5035, body.dark-mode .site-pill-mrking5037, body.dark-mode .site-pill-mrking5039, body.dark-mode .site-pill-mrking10054 {
  background: rgba(2, 132, 199, 0.18) !important;
  color: #38bdf8 !important;
  border: 1px solid rgba(56, 189, 248, 0.3) !important;
}
body.dark-mode .site-pill-site_novabet_prelicense, body.dark-mode .site-pill-novabet {
  background: rgba(5, 150, 105, 0.18) !important;
  color: #34d399 !important;
  border: 1px solid rgba(52, 211, 153, 0.3) !important;
}
body.dark-mode .site-pill-site_ligobet1148, body.dark-mode .site-pill-ligobet {
  background: rgba(217, 119, 6, 0.18) !important;
  color: #fbbf24 !important;
  border: 1px solid rgba(251, 191, 36, 0.3) !important;
}
body.dark-mode .site-pill-site_omni, body.dark-mode .site-pill-omni {
  background: rgba(99, 102, 241, 0.18) !important;
  color: #818cf8 !important;
  border: 1px solid rgba(129, 140, 248, 0.3) !important;
}
body.dark-mode .site-pill, body.dark-mode .site-pill-genel, body.dark-mode .site-pill-default {
  background: rgba(100, 116, 139, 0.18) !important;
  color: #94a3b8 !important;
  border: 1px solid rgba(148, 163, 184, 0.3) !important;
}

/* =========================================================================
   NOTE 5 / BO-018: Multi-Site Operations Header & Dashboard Ergonomics
   ========================================================================= */
.mso-hero-card {
  background: var(--surface, #fff);
  border: 1px solid var(--line, #e2e8f0);
  border-radius: 8px;
  padding: 10px 14px;
  margin-bottom: 8px;
  display: flex;
  justify-content: space-between;
  align-items: center;
  flex-wrap: wrap;
  gap: 10px;
}
.mso-hero-title h1 {
  font-size: 17px;
  margin: 0;
  display: flex;
  align-items: center;
  gap: 8px;
}
.mso-hero-title p {
  font-size: 11px;
  color: var(--muted, #64748b);
  margin: 2px 0 0;
}
.mso-toolbar-card {
  background: var(--surface, #fff);
  border: 1px solid var(--line, #e2e8f0);
  border-radius: 8px;
  padding: 8px 12px;
  margin-bottom: 8px;
  display: flex;
  align-items: center;
  gap: 10px;
  flex-wrap: wrap;
}
.mso-workload-container {
  background: var(--surface, #fff);
  border: 1px solid var(--line, #e2e8f0);
  border-radius: 8px;
  padding: 10px 14px;
  margin-bottom: 8px;
}
body.dark-mode .mso-workload-container {
  background: rgba(30, 41, 59, 0.7);
  border-color: rgba(255, 255, 255, 0.08);
}
.mso-workload-header {
  display: flex;
  justify-content: space-between;
  align-items: center;
  margin-bottom: 8px;
}
.mso-workload-header b {
  font-size: 11px;
  text-transform: uppercase;
  letter-spacing: .05em;
  opacity: .8;
}
.mso-workload-header span {
  font-size: 11px;
  font-weight: 600;
  opacity: .7;
}
.mso-workload-progress {
  height: 8px;
  border-radius: 4px;
  overflow: hidden;
  background: var(--line, #e2e8f0);
  display: flex;
  margin-bottom: 8px;
}
body.dark-mode .mso-workload-progress {
  background: rgba(255, 255, 255, 0.1);
}
.mso-workload-legend {
  display: flex;
  flex-wrap: wrap;
  gap: 12px;
  align-items: center;
}
.mso-legend-item {
  display: inline-flex;
  align-items: center;
  gap: 5px;
  font-size: 11px;
  font-weight: 600;
}
.mso-legend-dot {
  width: 8px;
  height: 8px;
  border-radius: 50%;
}
.mso-kpi-grid {
  display: grid;
  grid-template-columns: repeat(auto-fit, minmax(130px, 1fr));
  gap: 8px;
  margin-bottom: 8px;
}

/* =========================================================================
   NOTE 5 / BO-019 & BO-021: Member Financial Activity & Row Colors
   ========================================================================= */
.tx-row-deposit {
  background: rgba(34, 197, 94, 0.07) !important;
  border-left: 3px solid #22c55e !important;
}
.tx-row-withdrawal {
  background: rgba(239, 68, 68, 0.07) !important;
  border-left: 3px solid #ef4444 !important;
}
body.dark-mode .tx-row-deposit {
  background: rgba(34, 197, 94, 0.12) !important;
  border-left: 3px solid #22c55e !important;
}
body.dark-mode .tx-row-withdrawal {
  background: rgba(239, 68, 68, 0.12) !important;
  border-left: 3px solid #ef4444 !important;
}
.tx-amount-deposit {
  color: #16a34a !important;
  font-weight: 700;
}
.tx-amount-withdrawal {
  color: #dc2626 !important;
  font-weight: 700;
}
body.dark-mode .tx-amount-deposit {
  color: #4ade80 !important;
}
body.dark-mode .tx-amount-withdrawal {
  color: #f87171 !important;
}
.member-balance-fact {
  background: rgba(34, 197, 94, 0.12);
  border: 1px solid rgba(34, 197, 94, 0.3);
  padding: 2px 10px;
  border-radius: 6px;
  display: inline-flex;
  align-items: center;
  gap: 6px;
}
.member-balance-fact b {
  color: #16a34a;
  font-size: 13px;
}
body.dark-mode .member-balance-fact b {
  color: #4ade80;
}

/* Winner Royal CMS banner previews: external styles are required by CASH CSP. */
.mrw-banner-thumb{width:208px;max-width:100%;aspect-ratio:1916 / 821;overflow:hidden;display:flex;align-items:center;justify-content:center;border:1px solid var(--line);border-radius:7px;background:var(--surface,#141923)}
.mrw-banner-thumb .mrw-banner-thumb-image{display:block;width:100%;height:100%;min-width:0;object-fit:contain;object-position:center}
.mrw-banner-thumb .mrw-banner-thumb-image.mrw-banner-image-missing{display:none}
.mrw-banner-thumb .mrw-banner-fallback{display:none;padding:8px;color:var(--muted);font-size:11px;text-align:center;align-items:center;justify-content:center}
.mrw-banner-thumb .mrw-banner-fallback.visible{display:flex}
@media(max-width:600px){.mrw-banner-thumb{width:156px}}

/* Compact banner cards on mobile; no changes to unrelated Backoffice tables. */
@media(max-width:600px){
  .mrw-banner-list{width:100%;max-width:calc(100vw - 20px);min-width:0}
  .mrw-banner-list .data-wrap{overflow:visible;max-width:100%}
  .mrw-banner-list .data-table,.mrw-banner-list .data-table tbody{display:block;width:100%;min-width:0!important}
  .mrw-banner-list .data-table thead{display:none}
  .mrw-banner-list .data-table tbody tr{display:flex;flex-direction:column;gap:6px;margin:8px;padding:9px;border:1px solid var(--line);border-radius:8px;min-width:0}
  .mrw-banner-list .data-table tbody td{display:block;min-width:0!important;max-width:100%;width:100%!important;height:auto;padding:2px!important;border:0!important;white-space:normal!important;overflow-wrap:anywhere}
  .mrw-banner-list .data-table tbody td:nth-child(7){display:flex;flex-wrap:wrap;gap:6px}
  .mrw-banner-list .mrw-banner-thumb{width:100%;max-width:100%}
}


/* Secret three-click AKINSOFT logo replacement. Normal header unchanged. */
#app .global-header .brand-lockup, #auth .auth-brand, #passwordGate .auth-brand{user-select:none}
#app .global-header .brand-lockup > .logo-mark, #app .global-header .brand-lockup > div,
#auth .auth-brand > .logo-mark,#auth .auth-brand > div,
#passwordGate .auth-brand > .logo-mark,#passwordGate .auth-brand > div{cursor:pointer}
.cash-easteregg-art{display:none;align-items:center;gap:8px;white-space:nowrap;cursor:pointer}
.cash-easteregg-art img{display:block;width:42px;height:42px;object-fit:contain;flex:none}
.cash-easteregg-art span{font-size:12px;letter-spacing:.12em;color:#07509f;font-weight:800}
.cash-easteregg-active > .logo-mark,.cash-easteregg-active > div{display:none!important}
.cash-easteregg-active > .cash-easteregg-art{display:inline-flex!important}
@media(max-width:760px){
 #app .global-header .brand-lockup .cash-easteregg-art span{display:none}
 #app .global-header .brand-lockup .cash-easteregg-art img{width:32px;height:32px}
}

/* Member game history: read-only ledger display */
.r18-game-history-filters{margin:12px 16px 20px;grid-template-columns:repeat(4,minmax(140px,1fr));align-items:end}
.r18-game-history-filters .form-actions{grid-column:1/-1;display:flex;gap:8px;justify-content:flex-start}
.r18-game-history-pager{display:flex;align-items:center;gap:10px;flex-wrap:wrap;padding:14px 16px}
.r18-game-history-pager span{margin-right:auto;font-size:12px;opacity:.8}
.r18-game-history-details summary{cursor:pointer;font-size:12px}
.r18-game-history-details div{font-size:11px;overflow-wrap:anywhere;margin:6px 0}
@media(max-width:760px){.r18-game-history-filters{grid-template-columns:repeat(2,minmax(0,1fr))}}
@media(max-width:440px){.r18-game-history-filters{grid-template-columns:minmax(0,1fr)}}

/* CASH member turnover and manual finance polish, 2026-10-14 */
/* CASH: read-only gaming turnover and safer, clearer manual deposit/withdraw forms */
.r18-game-ledger .section{min-width:0}.r18-game-aggregation{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:16px;margin:13px 0}
.r18-game-aggregation>.section{min-width:0}.r18-game-aggregation .table-wrap{overflow-x:auto}.r18-game-aggregation table{font-size:12px;white-space:normal}.r18-game-ledger .r18-game-history-filters{display:grid;grid-template-columns:repeat(5,minmax(120px,1fr));gap:10px;margin:15px 0 20px;padding:18px;background:var(--surface,#f5f8fa);border:1px solid var(--line,#dbe2e5);border-radius:12px}
.r18-game-history-filters label{display:grid;gap:6px;font-size:12px;font-weight:700}.r18-game-ledger .r18-game-history-filters select,.r18-game-ledger .r18-game-history-filters input{min-width:0;width:100%}.r18-game-ledger .r18-game-history-details{min-width:135px}.r18-game-ledger .r18-game-history-details div{font-size:11px;word-break:break-all}.r18-game-activity-callout{display:flex;justify-content:space-between;gap:12px;align-items:center;margin:0 0 13px;font-size:12px;color:#617386;background:#edf6f3;padding:12px 15px;border-radius:10px;border-left:3px solid #158574}.r18-game-activity-callout button{white-space:nowrap}.r18-game-ledger .mono{overflow-wrap:anywhere}
.overlay-card:has(#formManualDeposit),.overlay-card:has(#formManualWithdrawal){width:min(690px,calc(100vw - 28px));max-width:690px;padding:22px!important;border-radius:18px!important;border:1px solid #d6e3e1!important;box-shadow:0 24px 75px #0b27312e}
.overlay-card:has(#formManualDeposit)>.section-head,.overlay-card:has(#formManualWithdrawal)>.section-head{border-radius:12px;background:linear-gradient(115deg,#e4f5ef,#f4f8f9);padding:20px!important;margin:-4px -4px 16px!important}
.overlay-card:has(#formManualDeposit)>.section-head h3,.overlay-card:has(#formManualWithdrawal)>.section-head h3{font-size:21px!important;font-weight:800!important;color:#0c685a!important}
#formManualDeposit,#formManualWithdrawal{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:16px;padding:9px 2px 0}
#formManualDeposit label,#formManualWithdrawal label{font-size:12px;font-weight:750;color:#213a42;line-height:1.6;display:grid;gap:6px}
#formManualDeposit label.full,#formManualWithdrawal label.full,#formManualDeposit .form-actions,#formManualWithdrawal .form-actions{grid-column:1/-1}
#formManualDeposit input,#formManualDeposit select,#formManualDeposit textarea,#formManualWithdrawal input,#formManualWithdrawal select,#formManualWithdrawal textarea{width:100%;min-width:0;padding:11px 13px;border-radius:10px!important;border:1px solid #b8ccd0;background:#fff;color:#122e35;font-size:13px}
#formManualDeposit input:focus-visible,#formManualWithdrawal input:focus-visible,#formManualDeposit select:focus-visible,#formManualWithdrawal select:focus-visible{outline:2px solid #0e8870;outline-offset:2px}
#formManualDeposit .form-actions,#formManualWithdrawal .form-actions{display:flex;justify-content:flex-end;gap:10px;padding-top:14px;margin-top:4px;border-top:1px solid #d6e1e4}
#formManualDeposit .form-actions button,#formManualWithdrawal .form-actions button{min-height:43px;border-radius:9px;padding:9px 16px;font-weight:750}
body.dark-mode .overlay-card:has(#formManualDeposit),body.dark-mode .overlay-card:has(#formManualWithdrawal){background:#17242d;border-color:#38535a!important}
body.dark-mode .overlay-card:has(#formManualDeposit)>.section-head,body.dark-mode .overlay-card:has(#formManualWithdrawal)>.section-head{background:linear-gradient(110deg,#1b3d36,#182a32)}
body.dark-mode .overlay-card:has(#formManualDeposit)>.section-head h3,body.dark-mode .overlay-card:has(#formManualWithdrawal)>.section-head h3{color:#c4e8d9!important}
body.dark-mode #formManualDeposit label,body.dark-mode #formManualWithdrawal label{color:#d5e7ed}
body.dark-mode #formManualDeposit :is(input,select,textarea),body.dark-mode #formManualWithdrawal :is(input,select,textarea){background:#21343a;color:#edf5f5;border-color:#527078}
@media(max-width:1100px){.r18-game-aggregation{grid-template-columns:1fr}.r18-game-ledger .r18-game-history-filters{grid-template-columns:repeat(3,minmax(0,1fr))}}
@media(max-width:640px){#formManualDeposit,#formManualWithdrawal{grid-template-columns:1fr}.r18-game-ledger .r18-game-history-filters{grid-template-columns:repeat(2,minmax(0,1fr))}.r18-game-activity-callout{flex-direction:column;align-items:flex-start}}
@media(max-width:410px){.r18-game-ledger .r18-game-history-filters{grid-template-columns:1fr}}

/* SOURCE mrw-social-admin.css?v=2 */
/* CASH social link editor, scoped only to this tab. */
.mrw-social-admin{padding:15px 18px 21px}
.mrw-social-help{margin:0 0 15px;line-height:1.7;color:var(--muted);font-size:12px}
.mrw-social-edit-list{display:grid;gap:11px}
.mrw-social-edit-row{display:flex;gap:22px;align-items:center;min-width:0;border:1px solid var(--line);border-radius:9px;padding:14px;background:var(--surface,#f8f9fb)}
.mrw-social-edit-preview{width:108px;height:108px;flex:0 0 108px;background-image:url("/mrw-social-image.webp?v=2");background-repeat:no-repeat;background-size:500% 200%;border-radius:50%;box-shadow:0 6px 18px rgba(0,0,0,.2)}
.mrw-social-art-youtube{background-position-x:0%}.mrw-social-art-x{background-position-x:25%}.mrw-social-art-kick{background-position-x:50%}.mrw-social-art-instagram{background-position-x:75%}.mrw-social-art-facebook{background-position-x:100%}
.mrw-social-art-casino{background-position-y:0%}.mrw-social-art-transparent{background-position-y:100%}
.mrw-social-edit-details{flex:1;min-width:0}
.mrw-social-edit-platform{font-weight:800;margin-bottom:9px;color:var(--text)}
.mrw-social-edit-platform small{font-size:10px;color:var(--muted);margin-left:8px;font-weight:500}
.mrw-social-edit-fields{display:grid;grid-template-columns:1fr minmax(200px,2fr) 1fr 80px auto;gap:10px;align-items:end}
.mrw-social-edit-fields label{display:flex;flex-direction:column;gap:5px;font-size:10px;color:var(--muted);font-weight:700;min-width:0}
.mrw-social-edit-fields input:not([type=checkbox]),.mrw-social-edit-fields select{box-sizing:border-box;width:100%;min-width:0;height:37px;border:1px solid var(--line);border-radius:5px;background:var(--bg,#fff);color:var(--text);padding:6px 8px;font-size:11px}
.mrw-social-edit-fields .mrw-social-active{flex-direction:row;align-items:center;gap:7px;white-space:nowrap;height:37px;color:var(--text)}
.mrw-social-edit-fields .mrw-social-active input{accent-color:#07886a}
.mrw-social-toolbar{display:flex;justify-content:flex-end;gap:10px;margin-top:6px}
@media(max-width:1050px){.mrw-social-edit-fields{grid-template-columns:repeat(3,minmax(0,1fr))}.mrw-social-edit-fields .mrw-social-edit-url{grid-column:span 2}}
@media(max-width:640px){.mrw-social-edit-row{flex-direction:column;align-items:stretch;gap:8px;padding:11px}.mrw-social-edit-preview{width:88px;height:88px;flex-basis:88px;align-self:center}.mrw-social-edit-fields{grid-template-columns:minmax(0,1fr) 90px}.mrw-social-edit-fields .mrw-social-edit-url{grid-column:1/-1}.mrw-social-toolbar .btn{width:100%}}

/* Constrain only social editor inside CASH's wider legacy mobile panel. */
@media(max-width:640px){
  .mrw-social-admin{box-sizing:border-box;width:calc(100vw - 30px);max-width:calc(100vw - 30px);min-width:0;overflow:hidden;padding:12px}
  .mrw-social-edit-list,.mrw-social-edit-row,.mrw-social-edit-details,.mrw-social-edit-fields{box-sizing:border-box;width:100%;max-width:100%;min-width:0}
  .mrw-social-edit-fields label{min-width:0;max-width:100%}
  .mrw-social-edit-fields input:not([type=checkbox]),.mrw-social-edit-fields select{min-width:0;max-width:100%}
}

/* E-mail has no uploaded medallion: matching CSS-crafted emerald/gold envelope. */
.mrw-social-edit-preview.mrw-social-art-email{box-sizing:border-box;background-image:none;background:radial-gradient(circle at 35% 24%,#17896a,#074631 46%,#031811 80%);border:4px ridge #d6a64b;box-shadow:inset 0 0 0 3px #806021,0 6px 18px #0006;display:flex;align-items:center;justify-content:center}
.mrw-social-edit-preview.mrw-social-art-email:after{content:"✉";font-family:Georgia,serif;font-size:52px;line-height:1;color:#ffe0a0;text-shadow:0 2px 0 #80521e,0 4px 8px #0008}

/* SOURCE mrw-community-admin.css?v=20261015-community-routes1 */
/* CASH Media Management: Winner Royal community CRUD rows */
.mrw-community-admin{padding:15px 18px 22px}
.mrw-community-admin>p{font-size:12px;color:var(--muted);line-height:1.7;margin:0 0 17px}
.mrw-community-groups{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:16px}
.mrw-community-group{min-width:0;background:var(--surface,#10211c);border:1px solid var(--line,#46665a);border-radius:11px;padding:13px}
.mrw-community-group-head{display:flex;align-items:center;justify-content:space-between;gap:12px;margin:0 0 13px}
.mrw-community-group-head h4{font-size:15px;margin:3px 0;color:var(--text)}
.mrw-community-group-head span{font-size:10px;color:var(--muted);text-transform:uppercase;letter-spacing:.13em;font-weight:700}
.mrw-community-rows{display:flex;flex-direction:column;gap:8px}
.mrw-community-row{display:flex;gap:12px;align-items:center;min-width:0;min-height:86px;padding:10px;border-radius:9px;border:1px solid var(--line);background:var(--bg,#071912)}
.mrw-community-symbol{flex:0 0 40px;height:40px;display:grid;place-items:center;border:1px solid #9d844b;border-radius:50%;color:#d6b572;background:#0e3224;font-size:21px}
.mrw-community-info{display:flex;flex-direction:column;flex:1;min-width:0;gap:5px}
.mrw-community-info>b{color:var(--text);font-size:12px}
.mrw-community-info>small{font-size:11px;color:var(--muted);word-break:break-all}
.mrw-community-tags{display:flex;align-items:center;flex-wrap:wrap;gap:7px}
.mrw-community-tags i{font-size:10px;font-style:normal;color:#72ba94;background:rgba(21,136,87,.09);padding:3px 7px;border-radius:6px}
.mrw-community-commands{display:flex;flex-direction:column;gap:5px}
.mrw-community-commands .btn{min-width:75px}
.mrw-community-delete{color:#ce6b6b!important}
.mrw-community-empty{font-size:12px;color:var(--muted);padding:22px 9px;text-align:center}
#mrwCommunityForm .mrw-community-active{display:flex;align-items:center;flex-direction:row;gap:8px}
#mrwCommunityForm .mrw-community-hint{font-size:12px;color:var(--muted);grid-column:1/-1;line-height:1.7}
#mrwCommunityForm .mrw-community-actions{grid-column:1/-1;display:flex;justify-content:flex-end;gap:9px}
@media(max-width:1100px){.mrw-community-groups{grid-template-columns:1fr}}
@media(max-width:640px){.mrw-community-admin{padding:10px}.mrw-community-group{padding:9px}.mrw-community-row{gap:7px;flex-wrap:wrap}.mrw-community-commands{flex-direction:row;flex:1 1 100%;justify-content:flex-end}.mrw-community-symbol{width:34px;height:34px;flex-basis:34px}.mrw-community-group-head{flex-wrap:wrap}.mrw-community-groups{gap:10px}}

/* SOURCE mrw-promotions-admin.css?v=20261015-v1 */
/* CASH Winner Royal promotions packaging studio */
.mrw-promopack-admin{display:grid;gap:16px}
.mrw-promopack-intro{display:flex;align-items:center;justify-content:space-between;gap:12px;
 padding:16px;border:1px solid #29463f;border-radius:10px;
 background:linear-gradient(105deg,#132722,#112026)}
.mrw-promopack-intro strong{font-size:15px;color:#ecf4f2}
.mrw-promopack-intro p{margin:6px 0 0;font-size:12px;color:#93b5aa}
.mrw-promopack-upload{display:grid;grid-template-columns:minmax(0,1fr) minmax(200px,300px) auto;
 align-items:center;gap:16px;padding:18px;border:1px dashed #428976;border-radius:10px;background:#10201e}
.mrw-promopack-upload strong{font-size:13px;color:#d7f0e7}
.mrw-promopack-upload p{font-size:11px;color:#93b1aa;margin:6px 0 0;line-height:1.5}
.mrw-promopack-upload input[type=file]{width:100%;max-width:100%;padding:9px;
 border:1px solid #3b574e;border-radius:6px;background:#111b21;color:#dceae7;font-size:11px}
.mrw-promopack-subhead{display:flex;align-items:center;justify-content:space-between;gap:10px}
.mrw-promopack-subhead>div{display:flex;flex-direction:column;gap:5px}
.mrw-promopack-subhead strong{color:#edf4f4;font-size:13px}
.mrw-promopack-subhead span{font-size:11px;color:#a2b7be}
.mrw-promopack-list{display:grid;gap:7px}
.mrw-promopack-row{display:flex;align-items:center;gap:13px;min-width:0;padding:12px;
 border:1px solid #2a3946;border-radius:8px;background:#111c25}
.mrw-promopack-icon{flex:0 0 34px;display:grid;place-items:center;width:34px;height:34px;
 border:1px solid #346b5a;border-radius:7px;color:#83e3be;background:#13302b}
.mrw-promopack-body{flex:1;min-width:0;display:flex;flex-wrap:wrap;align-items:center;gap:7px 11px}
.mrw-promopack-body strong{flex-basis:100%;overflow:hidden;text-overflow:ellipsis;color:#e8f1f6;font-size:12px}
.mrw-promopack-body small{font-size:10px;color:#a3b6c4}
.mrw-promopack-status{font-size:10px;padding:3px 7px;border-radius:4px;border:1px solid #3b4853;color:#afbfc8}
.mrw-promopack-status.live{border-color:#287b68;background:#163f34;color:#8be7bc}
.mrw-promopack-actions{display:flex;align-items:center;gap:7px;flex-wrap:wrap;justify-content:flex-end}
.mrw-promo-live-label{font-size:11px;color:#81d2ae}
.mrw-promopack-foot{font-size:11px;color:#97aaba;margin:2px 0 0}
.mrw-promopack-empty,.mrw-promo-error{padding:28px 14px;text-align:center;border:1px dashed #304b56;border-radius:9px;color:#a6b9c3}
@media(max-width:950px){
 .mrw-promopack-upload{grid-template-columns:minmax(0,1fr)}
 .mrw-promopack-row{flex-wrap:wrap}.mrw-promopack-actions{width:100%;justify-content:flex-start;padding-left:47px}
}
@media(max-width:550px){
 .mrw-promopack-intro{flex-direction:column;align-items:flex-start}
 .mrw-promopack-actions{padding-left:0}
}

/* SOURCE mrw-cms-v2-polish.css?v=20261015-v1 */
/* Winner Royal CMS V2: cohesive grouped tabs and accessible editor. Does not affect other routes. */
.mrw-cms-navigation{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));
 gap:11px;margin:15px 0 17px;max-width:100%;min-width:0}
.mrw-cms-nav-group{display:flex;flex-direction:column;gap:10px;min-width:0;
 background:linear-gradient(130deg,#121f2a,#111a25);
 border:1px solid #30424c;border-radius:10px;padding:12px 13px}
.mrw-cms-nav-heading{font-size:10px;letter-spacing:.11em;text-transform:uppercase;
 color:#94aeba;font-weight:800}
.mrw-cms-nav-tabs{display:flex;flex-wrap:wrap;gap:7px;align-items:center;min-width:0}
.mrw-cms-nav-tab.btn{min-height:34px;max-width:100%;padding:7px 11px;
 border-radius:7px;font-size:11px;white-space:normal;line-height:1.25;text-align:left;
 transition:border-color .12s,background-color .12s;box-shadow:none}
.mrw-cms-nav-tab.btn.primary{background:linear-gradient(110deg,#147967,#139885);
 border-color:#39b1a0;color:white;font-weight:750}
.mrw-cms-nav-tab.btn:hover{border-color:#58a49b}
.mrw-cms-banner-list .data-table{font-size:12px}
.mrw-cms-editor-intro{padding:12px 14px;background:#142c28;border:1px solid #306c5e;
 border-radius:8px;color:#d7f2e7}
.mrw-cms-editor-intro strong{font-size:12px}
.mrw-cms-editor-intro p,.mrw-cms-editor-help{font-size:11px;line-height:1.6;
 margin:4px 0 0;color:#a2c2bc}
.mrw-cms-editor-help{padding:8px 11px;border-left:2px solid #397e70}
@media(max-width:980px){
 .mrw-cms-navigation{grid-template-columns:minmax(0,1fr)}
 .mrw-cms-nav-group{padding:10px 11px}
}
@media(max-width:600px){
 .mrw-cms-navigation{width:100%;max-width:calc(100vw - 28px);min-width:0}
 .mrw-cms-nav-group{width:100%;min-width:0;box-sizing:border-box}
 .mrw-cms-nav-tab.btn{overflow-wrap:anywhere}
}
@media(max-width:480px){
 .mrw-cms-nav-tab.btn{min-height:32px;padding:7px 9px;font-size:10px}
 .mrw-cms-navigation{gap:7px}
 .mrw-cms-nav-tabs{gap:5px}
}
@media(prefers-reduced-motion:reduce){
 .mrw-cms-nav-tab.btn{transition:none}
}

/* SOURCE mrw-ops-admin.css?v=20261013-email-admin-v1 */
/* Winner Royal finance ops, isolated from CASH / Tarafbet styling */
.mrw-ops-filters{display:flex;gap:9px;align-items:end;flex-wrap:wrap;margin:12px 0 15px}
.mrw-ops-filters input,.mrw-ops-filters select,.mrw-ops-filters label{min-height:34px;max-width:270px}
.mrw-ops-filters input[type=search]{min-width:250px;flex:1}
.mrw-ops-filters label{font-size:12px}
.mrw-ops-links{display:flex;gap:8px;flex-wrap:wrap;padding:12px}
.mrw-ops-paging{display:flex;gap:10px;align-items:center;justify-content:end;padding:12px}
.mrw-ops-paging span{margin-right:auto}
.mrw-ops-links .mini{padding:9px 13px}
@media(max-width:660px){.mrw-ops-filters>*{width:100%;max-width:none!important}.mrw-ops-paging{flex-wrap:wrap}}


/* STAFF ACCESS UI - 2026-10-12 */
/* Personnel Access dialog only. No permission or API behavior is changed. */
#overlayCard.staff-access-dialog {
  width: min(1370px, calc(100vw - 28px)) !important;
  max-width: none !important;
  max-height: calc(100dvh - 28px) !important;
  overflow-x: hidden !important;
  overflow-y: auto !important;
  padding: 16px 20px 20px !important;
  box-sizing: border-box !important;
  scrollbar-gutter: stable;
}
.staff-access-dialog > .section-body { padding: 12px 0 0; min-width: 0; }
.staff-access-dialog > .section-head { padding: 12px 46px 12px 14px !important; }
.staff-access-dialog > .section-head h3 { font-size: 13px; letter-spacing: .035em; }
.staff-access-dialog .section { min-width: 0; border-radius: 8px; overflow: hidden; }
.staff-access-dialog .grid-2 { grid-template-columns: repeat(2,minmax(0,1fr)); gap: 12px; }
.staff-access-dialog .grid-2 .data-wrap { max-width: 100%; overflow-x:auto; }
.staff-access-dialog .grid-2 .data-table { min-width: 0; width: 100%; }
.staff-access-dialog .data-table td { height: auto; line-height: 1.45; }
.staff-access-dialog .staff-access-permissions .data-wrap {
  width: 100%;
  max-width: 100%;
  overflow-x: auto;
  overscroll-behavior-x: contain;
  scrollbar-gutter: stable;
}
.staff-access-dialog .staff-access-permissions .data-table {
  table-layout: fixed;
  min-width: 1080px;
  width: 100%;
  border-collapse: separate;
  border-spacing: 0;
}
.staff-access-dialog .staff-access-permissions .data-table th,
.staff-access-dialog .staff-access-permissions .data-table td {
  box-sizing: border-box;
  padding: 10px 11px;
  line-height: 1.45;
  vertical-align: middle;
  overflow-wrap: normal;
  word-break: normal;
  white-space: normal;
}
.staff-access-dialog .staff-access-permissions .data-table th {
  height: 38px;
  white-space: nowrap;
  font-size: 10px;
}
.staff-access-dialog .staff-access-permissions .data-table td {
  font-size: 12px;
  min-height: 50px;
}
.staff-access-dialog .staff-access-permissions .data-table :is(th,td):nth-child(1) { width: 16%; }
.staff-access-dialog .staff-access-permissions .data-table :is(th,td):nth-child(2) { width: 22%; }
.staff-access-dialog .staff-access-permissions .data-table :is(th,td):nth-child(3) { width: 7%; }
.staff-access-dialog .staff-access-permissions .data-table :is(th,td):nth-child(4) { width: 7%; }
.staff-access-dialog .staff-access-permissions .data-table :is(th,td):nth-child(5) { width: 19%; }
.staff-access-dialog .staff-access-permissions .data-table :is(th,td):nth-child(6) { width: 8%; }
.staff-access-dialog .staff-access-permissions .data-table :is(th,td):nth-child(7) { width: 9%; }
.staff-access-dialog .staff-access-permissions .data-table :is(th,td):nth-child(8) { width: 12%; }
.staff-access-dialog .staff-access-permissions .data-table td:first-child { font-weight: 650; }
.staff-access-dialog .staff-access-permissions .data-table .subline.mono {
  overflow-wrap: anywhere;
  font-weight: 500;
  font-size: 10px;
}
.staff-access-dialog .staff-access-permissions .data-table :is(th,td):nth-child(n+6) {
  white-space: nowrap;
  text-align: center;
}
.staff-access-dialog .staff-access-permissions .data-table select {
  width: 100%;
  min-width: 94px;
  max-width: 160px;
  min-height: 34px;
  padding: 5px 8px;
  border-radius: 5px;
  border: 1px solid var(--line);
  color: var(--text);
  background: var(--surface);
}
.staff-access-dialog .form-actions {
  position: sticky;
  bottom: -20px;
  z-index: 3;
  padding: 12px 6px;
  background: var(--surface);
  border-color: var(--line);
}
@media (max-width: 1180px) {
  #overlayCard.staff-access-dialog {
    width: calc(100vw - 16px) !important;
    padding: 10px 12px 16px !important;
    max-height: calc(100dvh - 16px) !important;
    scrollbar-gutter: auto;
  }
  .staff-access-dialog .grid-2 { grid-template-columns: 1fr; gap: 6px; }
  .staff-access-dialog .staff-access-permissions .data-wrap { overflow-x: visible; }
  .staff-access-dialog .staff-access-permissions .data-table,
  .staff-access-dialog .staff-access-permissions .data-table tbody {
    display: block;
    min-width: 0;
    width: 100%;
  }
  .staff-access-dialog .staff-access-permissions .data-table thead { display: none; }
  .staff-access-dialog .staff-access-permissions .data-table tbody {
    padding: 8px;
    background: transparent;
  }
  .staff-access-dialog .staff-access-permissions .data-table tbody tr {
    display: grid;
    grid-template-columns: repeat(2,minmax(0,1fr));
    gap: 6px 10px;
    width: 100%;
    padding: 12px;
    margin-bottom: 9px;
    border: 1px solid var(--line);
    border-radius: 8px;
    background: var(--surface);
  }
  .staff-access-dialog .staff-access-permissions .data-table td {
    display: block;
    width: auto !important;
    min-width: 0;
    padding: 3px 0 !important;
    border: 0 !important;
    font-size: 12px;
    text-align: left !important;
    white-space: normal !important;
    height: auto;
  }
  .staff-access-dialog .staff-access-permissions .data-table td:before {
    display: block;
    margin: 0 0 4px;
    font-size: 9px;
    font-weight: 750;
    letter-spacing: .06em;
    text-transform: uppercase;
    color: var(--muted);
  }
  .staff-access-dialog .staff-access-permissions .data-table td:nth-child(1),
  .staff-access-dialog .staff-access-permissions .data-table td:nth-child(2),
  .staff-access-dialog .staff-access-permissions .data-table td:nth-child(5),
  .staff-access-dialog .staff-access-permissions .data-table td:nth-child(8) {
    grid-column: 1/-1;
  }
  .staff-access-dialog .staff-access-permissions .data-table td:nth-child(1):before {content:"Yetki";}
  .staff-access-dialog .staff-access-permissions .data-table td:nth-child(2):before {content:"Açıklama";}
  .staff-access-dialog .staff-access-permissions .data-table td:nth-child(3):before {content:"Kapsam";}
  .staff-access-dialog .staff-access-permissions .data-table td:nth-child(4):before {content:"Risk";}
  .staff-access-dialog .staff-access-permissions .data-table td:nth-child(5):before {content:"Kim kullanmalı?";}
  .staff-access-dialog .staff-access-permissions .data-table td:nth-child(6):before {content:"Rol";}
  .staff-access-dialog .staff-access-permissions .data-table td:nth-child(7):before {content:"Etkin";}
  .staff-access-dialog .staff-access-permissions .data-table td:nth-child(8):before {content:"İzin ayarı";}
  .staff-access-dialog .staff-access-permissions .data-table select { width:100%; max-width:none; }
  body.dark-mode .staff-access-dialog .staff-access-permissions .data-table tbody tr {
    background: #171e26; border-color: #303b47;
  }
}


/* Keep the permission chooser reachable in intermediate desktop widths. */
@media (min-width:821px) and (max-width:1180px) {
 .staff-access-dialog .staff-access-permissions .data-table :is(th,td):last-child {
   position: sticky;
   right: 0;
   z-index: 3;
   box-shadow: -6px 0 14px rgba(5,12,20,.12);
 }
 .staff-access-dialog .staff-access-permissions .data-table td:last-child { background: var(--surface); }
 .staff-access-dialog .staff-access-permissions .data-table th:last-child { z-index: 5; background: #e9edf1; }
 body.dark-mode .staff-access-dialog .staff-access-permissions .data-table td:last-child { background: #171e26; }
 body.dark-mode .staff-access-dialog .staff-access-permissions .data-table th:last-child { background: #1b232c; }
}
#overlayCard.staff-access-dialog {scrollbar-color: #667686 transparent; scrollbar-width: thin;}
body.dark-mode #overlayCard.staff-access-dialog {scrollbar-color:#344653 #151c23;}
#overlayCard.staff-access-dialog .staff-access-permissions .data-wrap {scrollbar-color:#667686 transparent; scrollbar-width:thin;}

/* Two-column responsive permission cards for laptop-size screens. */
@media (min-width:821px) and (max-width:1180px) {
  #overlayCard.staff-access-dialog {width:calc(100vw - 28px)!important;padding:14px 18px 18px!important;}
  .staff-access-dialog .grid-2 {grid-template-columns:repeat(2,minmax(0,1fr));}
  .staff-access-dialog .staff-access-permissions .data-table tbody {display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:12px;padding:10px;}
  .staff-access-dialog .staff-access-permissions .data-table tbody tr {margin:0;}
  .staff-access-dialog .staff-access-permissions .data-table td:last-child,
  body.dark-mode .staff-access-dialog .staff-access-permissions .data-table td:last-child {position:static;background:transparent;box-shadow:none;}
}

/* Dark-mode table container must not show white between permission cards. */
.staff-access-dialog .staff-access-permissions .data-wrap {background:transparent!important;}
body.dark-mode .staff-access-dialog .staff-access-permissions .data-wrap {background:#171e26!important;}


/* Staff permission edit save state, scoped to its own dialog. */
.staff-access-dialog .staff-access-save-state {
  padding: 10px 12px;
  margin-top: 12px;
  border: 1px solid var(--line);
  border-radius: 7px;
  color: var(--muted);
  background: var(--surface);
  font-size: 12px;
  line-height: 1.5;
}
.staff-access-dialog .staff-access-save-state[data-state="pending"] {
  color: #876012; border-color: #bca069; background: #fff6df;
}
.staff-access-dialog .staff-access-save-state[data-state="saving"] {
  color: #175a82; border-color: #9cc4db; background: #edf7fd;
}
.staff-access-dialog .staff-access-save-state[data-state="error"] {
  color: #a13c3c; border-color: #d9a1a1; background: #fff0f0;
}
.staff-access-dialog #staffAccessSaveButton:disabled {opacity: .58;cursor: progress;}
body.dark-mode .staff-access-dialog .staff-access-save-state {background:#141d26;border-color:#334050;color:#abbacb;}
body.dark-mode .staff-access-dialog .staff-access-save-state[data-state="pending"] {background:#302718;border-color:#74582b;color:#f3d19a;}
body.dark-mode .staff-access-dialog .staff-access-save-state[data-state="saving"] {background:#152b36;border-color:#2d657d;color:#b2e2f5;}
body.dark-mode .staff-access-dialog .staff-access-save-state[data-state="error"] {background:#351e23;border-color:#7f444c;color:#ffc1c5;}

/* Winner Royal: email verification management inside Edit User Profile */
#r17MemberEditor .mrw-member-email-verification {
  grid-column: 1 / -1;
  min-width: 0;
  margin: 4px 0;
  border: 1px solid var(--line);
  border-radius: 8px;
  padding: 14px;
  display: grid;
  gap: 12px;
  background: var(--surface);
}
#r17MemberEditor .mrw-member-email-verification legend {font-size:12px;font-weight:800;padding:0 6px;color:var(--text);}
#r17MemberEditor .mrw-member-email-verification label {display:grid;gap:6px;font-weight:650;}
#r17MemberEditor .mrw-member-email-verification select,
#r17MemberEditor .mrw-member-email-verification textarea {width:100%;max-width:100%;background:var(--surface);color:var(--text);border:1px solid var(--line);min-height:36px;padding:7px 9px;border-radius:6px;}
#r17MemberEditor .mrw-member-email-verification textarea {min-height:68px;}
#r17MemberEditor .mrw-member-email-verification .hidden {display:none !important;}
#r17MemberEditor .mrw-mail-verify-summary {display:grid;gap:5px;font-size:12px;line-height:1.45;}
#r17MemberEditor .mrw-mail-verify-summary small,
#r17MemberEditor .mrw-mail-verify-info {font-size:11px;color:var(--muted);line-height:1.5;margin:0;}
body.dark-mode #r17MemberEditor .mrw-member-email-verification {background:#172029;border-color:#33404c;}
body.dark-mode #r17MemberEditor .mrw-member-email-verification legend {color:#e8eef3;}
body.dark-mode #r17MemberEditor .mrw-mail-verify-summary small,
body.dark-mode #r17MemberEditor .mrw-mail-verify-info {color:#aab6c3;}

/* SOURCE mrw-uy-v2.css?v=nav5-d1225c5d4d5132d1 */
/* Winner Royal ÜY-00 / ÜY-01: scoped, responsive workspace shell. */
.uy-stat-grid{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:10px;margin:12px 0 14px;}
.uy-stat{background:var(--surface);border:1px solid var(--line);border-radius:9px;padding:13px 15px;
  color:var(--text);text-align:left;display:grid;gap:6px;cursor:pointer;min-width:0;transition:border-color .15s,transform .15s}
.uy-stat:hover,.uy-stat:focus-visible{border-color:var(--accent);transform:translateY(-1px);outline-offset:2px}
.uy-stat span{font-size:11px;color:var(--muted);font-weight:650}
.uy-stat strong{font-size:22px;line-height:1.2;font-variant-numeric:tabular-nums}
.uy-verify{display:inline-flex;align-items:center;border-radius:5px;padding:4px 7px;font-size:11px;font-weight:700;white-space:nowrap}
.uy-verify.ok{background:#103d2e;color:#82e3ba;border:1px solid #236c54}
.uy-verify.warn{background:#403016;color:#f7d285;border:1px solid #755722}
.uy-verify.unknown{background:#27313c;color:#b3c2d0;border:1px solid #40505d}
.uy-alert{color:#e4af62!important}
.uy-source-note{padding:11px 14px;line-height:1.5;border-radius:7px;margin:12px 0;
  border:1px solid var(--line);background:var(--surface);color:var(--muted);font-size:12px}
.uy-tabs{display:flex;align-items:center;gap:7px;flex-wrap:wrap;margin:8px 0 14px}
.uy-tabs button{padding:8px 14px;border-radius:7px;border:1px solid var(--line);
  background:var(--surface);color:var(--text);font-size:12px;font-weight:700;cursor:pointer}
.uy-tabs button.active{background:#164536;color:#8fe4bb;border-color:#237458}
[data-uy-com-tab].hidden{display:none!important}
@media(max-width:820px){
  .uy-stat-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:8px}
  .uy-stat{padding:10px 12px}
  .uy-stat strong{font-size:20px}
  .uy-tabs button{flex:1 1 auto}
}
@media(max-width:480px){
  .uy-stat-grid{grid-template-columns:repeat(2,minmax(0,1fr))}
  .uy-stat strong{font-size:18px}
  .uy-verify{white-space:normal}
}

/* Winner Royal slim member list: seven fields in one elegant horizontal strip. */
.uy-member-index{min-width:0}
.uy-member-index .uy-slim-list{display:grid;gap:5px;width:100%;min-width:0}
.uy-member-index .uy-slim-row{
 display:grid;grid-template-columns:minmax(142px,1.8fr) minmax(72px,.75fr)
 minmax(108px,1.1fr) minmax(68px,.7fr) minmax(96px,.9fr)
 minmax(86px,1fr) 48px;
 align-items:center;column-gap:12px;row-gap:3px;box-sizing:border-box;
 min-width:0;min-height:59px;padding:8px 12px;border:1px solid #293a49;
 border-radius:7px;background:linear-gradient(100deg,#111d27,#121d27 60%,#121f29);
 transition:border-color .16s,background-color .16s;
}
.uy-member-index .uy-slim-row:hover{border-color:#316d64;background:#172731}
.uy-member-index .uy-slim-row:focus-within{border-color:#26a18b}
.uy-member-index .uy-slim-cell{display:flex;flex-direction:column;gap:4px;min-width:0}
.uy-member-index .uy-slim-cell>small{font-size:9px;letter-spacing:.075em;font-weight:750;color:#8399a8;line-height:1.1}
.uy-member-index .uy-slim-name>strong{font-size:12px;line-height:1.25;color:#e5f0f7;text-overflow:ellipsis;white-space:nowrap;overflow:hidden}
.uy-member-index .uy-slim-id{font-size:9px;color:#7797b1;max-width:100%;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
.uy-member-index .uy-slim-state .status,.uy-member-index .uy-slim-state .tag{width:max-content;max-width:100%}
.uy-member-index .uy-slim-balance{font-variant-numeric:tabular-nums}
.uy-member-index .uy-slim-money{font-size:12px;font-weight:780;color:#79dfb5;white-space:nowrap}
.uy-member-index .uy-slim-unavailable{font-size:10px;color:#9caebd;line-height:1.25}
.uy-member-index .uy-slim-tier>span,.uy-member-index .uy-slim-login>span{font-size:11px;color:#d3e0e9}
.uy-member-index .uy-slim-login .uy-slim-lastlogin{white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
.uy-member-index .uy-slim-group-list{display:flex;gap:3px;align-items:center;flex-wrap:wrap;min-width:0}
.uy-member-index .uy-slim-group{display:inline-block;max-width:100%;padding:3px 6px;border:1px solid #315b5b;
 border-radius:5px;color:#a7dfcf;background:#173431;font-size:10px;font-weight:650;
 text-overflow:ellipsis;overflow:hidden;white-space:nowrap}
.uy-member-index .uy-slim-action{align-items:flex-end;justify-content:center}
.uy-member-index .uy-slim-action button{min-width:40px;min-height:28px;padding:5px 8px;border-radius:6px}
.uy-member-index .uy-slim-updated{display:flex;gap:12px;align-items:center;justify-content:space-between;
 flex-wrap:wrap;margin:8px 0 4px;color:#829bab;font-size:10px}
.uy-member-index .uy-slim-updated button{font-size:11px;min-height:27px}
.uy-member-index .uy-slim-empty{padding:24px 10px;text-align:center;border:1px dashed var(--line);border-radius:8px}
@media(max-width:1279px){
 .uy-member-index .uy-slim-row{grid-template-columns:minmax(145px,1.75fr) minmax(80px,.8fr)
 minmax(110px,1.05fr) minmax(105px,1fr) 48px;grid-template-areas:
 'person state money group action'
 'person level login group action';column-gap:10px;min-height:76px;padding:8px 11px}
 .uy-member-index .uy-slim-name{grid-area:person}
 .uy-member-index .uy-slim-state{grid-area:state}
 .uy-member-index .uy-slim-balance{grid-area:money}
 .uy-member-index .uy-slim-tier{grid-area:level}
 .uy-member-index .uy-slim-login{grid-area:login}
 .uy-member-index .uy-slim-groups{grid-area:group}
 .uy-member-index .uy-slim-action{grid-area:action}
}
@media(max-width:790px){
 .uy-member-index .uy-slim-row{grid-template-columns:minmax(0,1fr) minmax(90px,.7fr) 44px;
 grid-template-areas:'person person action' 'state money group' 'level login group';
 gap:7px 8px;padding:9px 10px;min-height:100px}
 .uy-member-index .uy-slim-cell>small{font-size:8px}
 .uy-member-index .uy-slim-name>strong{font-size:12px}
 .uy-member-index .uy-slim-id{font-size:9px}
 .uy-member-index .uy-slim-action{align-self:start}
 .uy-member-index .uy-slim-groups{overflow:hidden}
 .uy-member-index .uy-slim-group{font-size:9px;max-width:100%}
 .uy-member-index .uy-slim-money{font-size:11px}
}
@media(max-width:470px){
 .uy-member-index .uy-slim-list{max-width:min(100%,calc(100vw - 32px))}
 .uy-member-index .uy-slim-row{width:100%;grid-template-columns:minmax(0,1fr) minmax(0,1.25fr) minmax(0,.8fr);
 grid-template-areas:'person person action' 'state money group' 'level login group';
 padding:9px 10px;min-height:104px}
 .uy-member-index .uy-slim-action button{min-width:38px}
 .uy-member-index .uy-slim-group-list{max-width:100%}
 .uy-member-index .uy-slim-groups{align-self:center}
 .uy-member-index .uy-slim-money{font-size:11px}
}
@media(prefers-reduced-motion:reduce){
 .uy-member-index .uy-slim-row{transition:none}
}

/* Invite-only real account onboarding (CASH does not collect passwords or identity numbers). */
.uy-invite-form{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:14px 18px;max-width:950px}
.uy-invite-form label{display:grid;gap:7px;font-size:12px;color:var(--text);font-weight:650;min-width:0}
.uy-invite-form label.full,.uy-invite-form .form-actions{grid-column:1/-1}
.uy-invite-form :is(input,textarea){box-sizing:border-box;min-height:39px;width:100%;max-width:100%;
 padding:9px 11px;border-radius:7px;color:var(--text);background:var(--surface);border:1px solid var(--line);font:inherit}
.uy-invite-form textarea{min-height:86px;resize:vertical}
.uy-invite-form :is(input,textarea):focus-visible{outline:2px solid #238d6e;outline-offset:2px}
.uy-invite-form .form-actions{display:flex;justify-content:flex-end;gap:8px;flex-wrap:wrap;margin:4px 0}
@media(max-width:620px){.uy-invite-form{grid-template-columns:minmax(0,1fr)}
 .uy-invite-form .form-actions button{flex:1 1 auto}}

/* Mobile cards for real source login sessions. */
@media(max-width:640px){
 .uy-session-index .data-wrap{overflow-x:visible;max-width:100%;background:transparent}
 .uy-session-index .data-table,.uy-session-index .data-table tbody{display:block;width:100%;min-width:0}
 .uy-session-index .data-table thead{display:none}
 .uy-session-index .data-table tbody tr[data-uy-session]:not([style*="display: none"]){
   display:grid!important;grid-template-columns:repeat(2,minmax(0,1fr));gap:9px 12px;
   border:1px solid var(--line);border-radius:10px;padding:14px 12px;
   margin-bottom:10px;background:var(--surface);box-sizing:border-box}
 .uy-session-index .data-table tbody tr[data-uy-session][style*="display: none"]{display:none!important}
 .uy-session-index .data-table tbody tr[data-uy-session] td{display:block;width:auto!important;min-width:0;
   border:0!important;padding:0!important;white-space:normal!important;overflow-wrap:anywhere;line-height:1.4}
 .uy-session-index .data-table tbody tr[data-uy-session] td:nth-child(1){grid-column:1/-1;font-size:14px}
 .uy-session-index .data-table tbody tr[data-uy-session] td:not(:first-child):before{display:block;
   font-size:9px;letter-spacing:.04em;color:var(--muted);font-weight:700;margin-bottom:3px}
 .uy-session-index .data-table tbody tr[data-uy-session] td:nth-child(2):before{content:"Oturum"}
 .uy-session-index .data-table tbody tr[data-uy-session] td:nth-child(3):before{content:"Başlangıç"}
 .uy-session-index .data-table tbody tr[data-uy-session] td:nth-child(4):before{content:"Geçerlilik"}
 .uy-session-index .data-table tbody tr[data-uy-session] td:nth-child(5):before{content:"Sonlandırılma"}
}

/* One security page, two independent source-backed views. */
[data-uy-login-tab].hidden{display:none!important}
@media(max-width:640px){
 .uy-security-events .data-wrap{overflow-x:visible;max-width:100%;background:transparent}
 .uy-security-events .data-table,.uy-security-events .data-table tbody{display:block;width:100%;min-width:0}
 .uy-security-events .data-table thead{display:none}
 .uy-security-events .data-table tbody tr[data-uy-login-event]:not([style*="display: none"]){
   display:grid!important;grid-template-columns:repeat(2,minmax(0,1fr));gap:9px 12px;
   border:1px solid var(--line);border-radius:10px;padding:14px 12px;
   margin-bottom:10px;background:var(--surface);box-sizing:border-box}
 .uy-security-events .data-table tbody tr[data-uy-login-event][style*="display: none"]{display:none!important}
 .uy-security-events .data-table tbody tr[data-uy-login-event] td{display:block;width:auto!important;
   min-width:0;border:0!important;padding:0!important;white-space:normal!important;overflow-wrap:anywhere;line-height:1.4}
 .uy-security-events .data-table tbody tr[data-uy-login-event] td:nth-child(1){grid-column:1/-1;font-size:14px}
 .uy-security-events .data-table tbody tr[data-uy-login-event] td:nth-child(2){grid-column:1/-1;font-weight:700}
 .uy-security-events .data-table tbody tr[data-uy-login-event] td:not(:first-child):before{
   display:block;font-size:9px;letter-spacing:.04em;color:var(--muted);font-weight:700;margin-bottom:3px}
 .uy-security-events .data-table tbody tr[data-uy-login-event] td:nth-child(2):before{content:"Olay"}
 .uy-security-events .data-table tbody tr[data-uy-login-event] td:nth-child(3):before{content:"Tarih"}
 .uy-security-events .data-table tbody tr[data-uy-login-event] td:nth-child(4):before{content:"Cihaz / Sistem"}
 .uy-security-events .data-table tbody tr[data-uy-login-event] td:nth-child(5):before{content:"Tarayıcı"}
 .uy-security-events .data-table tbody tr[data-uy-login-event] td:nth-child(6):before{content:"Ağ segmenti"}
}

/* Shared audit link from the existing member profile, no duplicated security history. */
.uy-profile-security-shortcut{display:flex;gap:12px;align-items:center;justify-content:space-between;flex-wrap:wrap;
 margin:0 0 12px;padding:12px 15px;border:1px solid var(--line);border-radius:9px;background:var(--surface)}
.uy-profile-security-shortcut>div{display:grid;gap:3px;min-width:0}
.uy-profile-security-shortcut b{font-size:12px;color:var(--text)}
.uy-profile-security-shortcut small{font-size:11px;color:var(--muted);line-height:1.5}
@media(max-width:560px){.uy-profile-security-shortcut{align-items:stretch}.uy-profile-security-shortcut button{width:100%}}

/* KYC source queue: readable cards without page overflow on phones. */
@media(max-width:640px){
 .uy-kyc-index .data-wrap{overflow-x:visible;max-width:100%;background:transparent}
 .uy-kyc-index .data-table,.uy-kyc-index .data-table tbody{display:block;width:100%;min-width:0}
 .uy-kyc-index .data-table thead{display:none}
 .uy-kyc-index .data-table tbody tr[data-uy-kyc-row]:not([style*="display: none"]){
   display:grid!important;grid-template-columns:repeat(2,minmax(0,1fr));gap:9px 12px;
   border:1px solid var(--line);border-radius:10px;padding:14px 12px;
   margin-bottom:10px;background:var(--surface);box-sizing:border-box}
 .uy-kyc-index .data-table tbody tr[data-uy-kyc-row][style*="display: none"]{display:none!important}
 .uy-kyc-index .data-table tbody tr[data-uy-kyc-row] td{display:block;width:auto!important;min-width:0;
   border:0!important;padding:0!important;white-space:normal!important;overflow-wrap:anywhere;line-height:1.4}
 .uy-kyc-index .data-table tbody tr[data-uy-kyc-row] td:first-child{grid-column:1/-1;font-size:14px}
 .uy-kyc-index .data-table tbody tr[data-uy-kyc-row] td:last-child{grid-column:1/-1}
 .uy-kyc-index .data-table tbody tr[data-uy-kyc-row] td:last-child button{width:100%;min-height:34px}
 .uy-kyc-index .data-table tbody tr[data-uy-kyc-row] td:not(:first-child):before{
   display:block;font-size:9px;letter-spacing:.04em;color:var(--muted);font-weight:700;margin-bottom:3px}
 .uy-kyc-index .data-table tbody tr[data-uy-kyc-row] td:nth-child(2):before{content:"Belge türü"}
 .uy-kyc-index .data-table tbody tr[data-uy-kyc-row] td:nth-child(3):before{content:"İnceleme"}
 .uy-kyc-index .data-table tbody tr[data-uy-kyc-row] td:nth-child(4):before{content:"Tarama"}
 .uy-kyc-index .data-table tbody tr[data-uy-kyc-row] td:nth-child(5):before{content:"Boyut"}
 .uy-kyc-index .data-table tbody tr[data-uy-kyc-row] td:nth-child(6):before{content:"Tarih"}
 .uy-kyc-index .data-table tbody tr[data-uy-kyc-row] td:nth-child(7):before{content:"İşlem"}
}

/* DEV9 multi-page KYC PDF: full page visible within review overlay */
.uy-kyc-pdf-pages{display:grid;gap:12px;min-width:0}
.uy-kyc-page-nav{display:flex;align-items:center;justify-content:center;gap:14px;flex-wrap:wrap}
.uy-kyc-page-nav b{font-size:12px;font-variant-numeric:tabular-nums}
.uy-kyc-page-image{display:block;max-width:100%;width:auto;max-height:68vh;
  height:auto;object-fit:contain;margin:0 auto;border:1px solid var(--line);border-radius:8px;
  background:var(--surface);box-sizing:border-box}
@media(max-width:480px){.uy-kyc-page-nav{gap:8px}
 .uy-kyc-page-nav button{min-height:34px}.uy-kyc-page-image{max-height:58vh}}

/* DEV10 KYC legal-hold governance, not an automatic deletion control */
.uy-hold-label{display:inline-flex;font-size:11px;font-weight:650;border-radius:6px;
 padding:2px 6px;border:1px solid currentColor;white-space:nowrap;margin-inline-start:4px}

/* Unified member communication, groups and bonus registry additions */
.uy-v2-group-tabs{display:grid;gap:10px;margin-bottom:14px}
.uy-v2-group-tabs .uy-tabs{margin:0}
[data-uy-v2-com-panel] .table-wrap,[data-uy-v2-com-panel] table{max-width:100%}
[data-uy-v2-com-row],[data-uy-v2-bonus-row]{scroll-margin-top:90px}
@media(max-width:640px){.uy-v2-group-tabs{gap:6px}.uy-v2-group-tabs .uy-tabs{overflow-x:auto}
.uy-v2-group-tabs .uy-tabs button{white-space:nowrap}}

/* SOURCE mrw-profile-v3.css?v=menu-recovery-74ab600dbed2e6a9 */
/* Winner Royal Member Details V3 — scoped, additive layout only */
body.dark-mode .mrw-v3-overview,
body.dark-mode .mrw-v3-activity {min-width:0;max-width:100%}
.mrw-v3-overview,.mrw-v3-activity{min-width:0;max-width:100%}
.mrw-v3-intro{display:flex;justify-content:space-between;gap:12px;align-items:center;margin:6px 0 10px;
 padding:2px 4px;font-size:13px;color:var(--text,#dce9f5)}
.mrw-v3-intro>b{font-size:14px;font-weight:770}
.mrw-v3-intro>small{font-size:10px;color:var(--muted,#9aafc0)}
.mrw-v3-info-grid{gap:8px!important;margin-bottom:8px}
.mrw-v3-info-grid>.kv-card,.mrw-v3-info-grid>section{min-width:0;overflow:hidden}
.mrw-v3-info-grid .kv-row{min-width:0}
.mrw-v3-info-grid .kv-row>span:last-child{overflow-wrap:anywhere}
.mrw-v3-tags{margin:8px 0 12px}
.mrw-v3-balance{display:inline-flex!important;gap:5px!important;align-items:center}
.mrw-v3-money-button{display:inline-flex;align-items:center;justify-content:center;flex-shrink:0;width:25px;height:24px;
 background:#173f3a;color:#a9f2d7;border:1px solid #2b8b77;border-radius:5px;font-size:16px;
 cursor:pointer;line-height:1;transition:background .15s,border-color .15s}
.mrw-v3-money-button:hover{background:#256156;border-color:#59d4ac}
.mrw-v3-money-button:focus-visible{outline:2px solid #59d4ac;outline-offset:2px}
.mrw-v3-money-dialog{min-width:min(420px,100%);color:inherit}
.mrw-v3-finance-option{display:flex;flex-direction:column;align-items:stretch;gap:5px;margin:7px 0;padding:9px;
 border-radius:8px;background:rgba(89,125,146,.08);border:1px solid rgba(107,139,160,.18)}
.mrw-v3-finance-option .btn{justify-content:flex-start;min-height:33px}
.mrw-v3-finance-option small{font-size:10px;color:var(--muted,#9fb4c2)}
.mrw-v3-finance{border:1px solid #274656;background:linear-gradient(114deg,#111e2c,#122532);
 border-radius:9px;padding:11px 12px;margin:8px 0 12px;min-width:0}
.mrw-v3-finance-heading{display:flex;align-items:flex-start;justify-content:space-between;gap:12px;
 flex-wrap:wrap;margin-bottom:10px}
.mrw-v3-finance-heading>b{font-size:12px;letter-spacing:.01em;color:#d9ebef}
.mrw-v3-finance-heading>small{font-size:10px;color:#95b1c2;line-height:1.4;max-width:100%}
.mrw-v3-stats{display:grid;grid-template-columns:repeat(6,minmax(0,1fr));gap:7px;min-width:0}
.mrw-v3-stat{border:1px solid #2b4154;border-radius:7px;min-height:74px;min-width:0;padding:11px 10px;
 background:rgba(10,20,32,.75);display:flex;flex-direction:column;gap:6px;justify-content:space-between}
.mrw-v3-stat small{font-size:10px;color:#a2b8c5}
.mrw-v3-stat b{font-size:14px;line-height:1.3;color:#edf7f7;font-variant-numeric:tabular-nums;overflow-wrap:anywhere}
.mrw-v3-stat span{font-size:9px;color:#769aaa;line-height:1.25;overflow-wrap:anywhere}
.mrw-v3-stat-0 b,.mrw-v3-stat-2 b{color:#6bdfb5}
.mrw-v3-stat-1 b,.mrw-v3-stat-3 b{color:#f1a2a5}
.mrw-v3-stat-4 b{color:#eccc91}
.mrw-v3-stat-5 b{color:#c4a6e9}
.mrw-v3-finance-off{font-size:11px;color:#adc1ca}
.mrw-v3-agent{display:inline-block;font-size:11px;color:#b8d6e0;font-weight:650;min-width:84px}
.mrw-v3-activity>.ui-section{min-width:0}
.mrw-v3-activity .table-wrap{max-width:100%;overflow-x:auto}
.mrw-v3-recent{margin-top:6px}
@media(max-width:1500px){
 .mrw-v3-stats{grid-template-columns:repeat(3,minmax(0,1fr))}
 .mrw-v3-stat{min-height:63px}
}
@media(max-width:900px){
 .mrw-v3-stats{grid-template-columns:repeat(2,minmax(0,1fr))}
 .mrw-v3-intro{align-items:flex-start;flex-direction:column}
}
@media(max-width:500px){
 .mrw-v3-finance{padding:10px}
 .mrw-v3-stats{gap:6px}
 .mrw-v3-stat{padding:8px;min-height:67px}
 .mrw-v3-stat b{font-size:11px}
 .mrw-v3-stat small{font-size:9px}
 .mrw-v3-finance-heading{gap:5px}
 .member-identity-facts .member-balance-fact{max-width:100%}
}
@media(prefers-reduced-motion:reduce){
 .mrw-v3-money-button{transition:none}
}
/* Narrow viewports: prevent the stats strip from inheriting wider table min-content. */
@media(max-width:760px){
 .mrw-v3-overview,.mrw-v3-activity{width:min(100%,calc(100vw - 24px));box-sizing:border-box;max-width:100%}
 .mrw-v3-finance{width:min(100%,calc(100vw - 28px));box-sizing:border-box;max-width:calc(100vw - 28px)}
 .mrw-v3-info-grid{grid-template-columns:minmax(0,1fr)!important}
 .mrw-v3-recent{grid-template-columns:minmax(0,1fr)!important}
}


/* Winner Royal member detail heading compact V4. No global page/head changes. */
body:has(#pageMount .mrw-member-hero) #siteScopeStrip{display:none!important}
.mrw-member-hero{position:relative;min-width:0;margin:0 0 7px;border:1px solid #2b3b49;border-radius:9px;background:linear-gradient(100deg,#101923,#131e29);color:#e9f1f6}
.mrw-member-hero *{box-sizing:border-box}
.mrw-member-hero-heading{display:flex;align-items:center;justify-content:space-between;gap:10px;padding:8px 12px;border-bottom:1px solid #283746;min-height:48px}
.mrw-member-hero-title{display:flex;align-items:center;gap:11px;min-width:0}
.mrw-member-hero-title>div{min-width:0}
.mrw-member-kicker{display:block;color:#7fa0af;font-size:9px;font-weight:800;letter-spacing:.1em}
.mrw-member-hero h1{font-size:17px;font-weight:780;line-height:1.2;margin:1px 0 0;color:#edf5f8}
.mrw-member-back{width:35px;height:35px;flex:0 0 35px;display:grid;place-items:center;color:#c6d8e3;background:#1a2a36;border:1px solid #355064;border-radius:8px;cursor:pointer;transition:background .15s,border-color .15s}
.mrw-member-back:hover,.mrw-member-back:focus-visible{background:#1d403e;border-color:#43b4a0;color:#e9fff6;outline-offset:2px}
.mrw-member-hero-main{display:flex;align-items:center;gap:12px;flex-wrap:wrap;min-width:0;padding:11px 12px}
.mrw-member-person{display:flex;align-items:center;gap:9px;min-width:205px;max-width:30%;flex:0 1 245px}
.mrw-member-person .member-avatar{flex:0 0 38px}
.mrw-member-person-label{display:flex;flex-direction:column;gap:4px;min-width:0}
.mrw-member-person-label b{font-size:13px;font-weight:800;color:#f1f6fa;line-height:1.2}
.mrw-member-person-label span{font-size:9px;color:#86a7bd;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}
.mrw-member-facts{display:flex;flex:1 1 420px;align-items:center;justify-content:flex-start;flex-wrap:wrap;gap:6px;min-width:0}
.mrw-member-facts>span{display:inline-flex;align-items:center;gap:5px;min-height:29px;max-width:100%;padding:4px 7px;font-size:10px;white-space:nowrap;border:1px solid #2c3c4b;border-radius:5px;background:#182532;color:#b6c8d5}
.mrw-member-facts>span b{color:#ecf5fa;font-weight:750;font-size:10px}
.mrw-member-facts .member-balance-fact{border-color:#26635c;background:#112a2c}
.mrw-member-facts .member-balance-fact b{color:#5de4b8;font-size:12px;font-variant-numeric:tabular-nums}
.mrw-member-facts .mrw-v3-money-button{width:24px;height:23px}
.mrw-member-quick-actions{display:flex;align-items:center;flex:0 1 auto;gap:5px;flex-wrap:wrap;margin-left:auto}
.mrw-member-quick-actions .btn{min-height:29px;padding:5px 9px;border-radius:6px;font-size:10px;font-weight:720}
.mrw-member-quick-actions .btn:hover{border-color:#429e92}
.mrw-member-menu{position:relative;flex:0 0 auto}
.mrw-member-menu>summary{list-style:none;display:flex;align-items:center;gap:12px;padding:8px 11px;border-radius:7px;border:1px solid #314659;background:#192735;color:#d7e6ed;cursor:pointer;font-size:11px;font-weight:720}
.mrw-member-menu>summary::-webkit-details-marker{display:none}
.mrw-member-menu[open]>summary,.mrw-member-menu>summary:hover{background:#223b43;border-color:#4a8b88}
.mrw-member-menu>summary span{font-size:12px;color:#80aaa7}
.mrw-member-menu-panel{position:absolute;right:0;top:calc(100% + 5px);z-index:50;display:flex;flex-direction:column;gap:5px;width:230px;max-width:calc(100vw - 28px);padding:9px;background:#172431;border:1px solid #3b5161;box-shadow:0 16px 32px #0008;border-radius:9px}
.mrw-member-menu-panel strong{font-size:9px;color:#86a3b5;text-transform:uppercase;letter-spacing:.08em;padding:6px 4px 3px}
.mrw-member-menu-panel strong:not(:first-child){border-top:1px solid #2c414e;margin-top:4px}
.mrw-member-menu-panel .btn{display:flex;width:100%;min-height:30px;justify-content:flex-start;padding:7px 9px;border-radius:5px;text-align:left;font-size:11px}
.mrw-member-security{border-top:1px solid #243742}
.mrw-member-security>summary{list-style:none;display:flex;align-items:center;gap:10px;padding:7px 13px;cursor:pointer;font-size:10px;font-weight:720;color:#8cccbf}
.mrw-member-security>summary::-webkit-details-marker{display:none}
.mrw-member-security>summary:before{content:'▸';font-size:11px}
.mrw-member-security[open]>summary:before{content:'▾'}
.mrw-member-security>summary span{font-size:10px;font-weight:450;color:#859cae}
.mrw-member-security-content{padding:0 12px 12px;max-width:100%;overflow-x:auto}
.mrw-member-security-content .uy-profile-security-shortcut{margin:6px 0 10px}
.mrw-member-security-content .uy-member-security-mail{margin:0!important}
.mrw-member-security-content .uy-source-note{margin:8px 0}
@media(max-width:1440px){
  .mrw-member-person{flex-basis:230px}
  .mrw-member-facts{flex-basis:460px}
  .mrw-member-quick-actions{margin-left:0}
}
@media(max-width:760px){
  .mrw-member-hero-heading{padding:8px}
  .mrw-member-hero-main{padding:9px;gap:9px}
  .mrw-member-person{max-width:100%;flex:1 1 100%}
  .mrw-member-facts{flex:1 1 100%;gap:5px}
  .mrw-member-facts>span{font-size:9px;min-height:27px}
  .mrw-member-quick-actions{width:100%;flex:1 1 100%}
  .mrw-member-quick-actions .btn{flex:1 1 auto}
  .mrw-member-security>summary{flex-wrap:wrap;gap:4px}
}
@media(max-width:380px){
  .mrw-member-kicker{font-size:8px}
  .mrw-member-hero h1{font-size:15px}
  .mrw-member-menu>summary{font-size:10px;padding:8px}
  .mrw-member-back{width:32px;height:32px;flex-basis:32px}
}
@media(prefers-reduced-motion:reduce){.mrw-member-back{transition:none}}

/* SOURCE mrw-cards-admin.css?v=20261015-card-v3 */
#mrwCardConsole{--gold:#e5c587;background:linear-gradient(145deg,#0e1714,#1c2821);color:#f4f0e4;border-radius:16px;padding:20px;min-height:500px}
.mrwcard-tabs,.mrwcard-filters,.mrwcard-toolbar,.mrwcard-row,.mrwcard-form-actions{display:flex;gap:9px;flex-wrap:wrap;align-items:center}
.mrwcard-tabs{margin-bottom:20px;border-bottom:1px solid #405044;padding-bottom:15px}
.mrwcard-tabs button,.mrwcard-filters button{border:1px solid #405044;border-radius:9px;padding:10px 13px;background:#1a2922;color:#e5dcce;cursor:pointer;font:inherit;font-size:12px}
.mrwcard-tabs button.active,.mrwcard-filters button.selected{background:#e5c587;color:#19221c}
.mrwcard-metrics,.mrwcard-gallery,.mrwcard-recipes,.mrwcard-hero-grid{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:14px;margin:17px 0}
.mrwcard-hero-grid,.mrwcard-recipes{grid-template-columns:repeat(2,minmax(0,1fr))}
.mrwcard-stat,.mrwcard-panel,.mrwcard-recipe,.mrwcard-item{background:#1a2721;border:1px solid #455347;border-radius:12px;padding:15px}
.mrwcard-item{padding:0;overflow:hidden}
.mrwcard-stat{display:flex;flex-direction:column;gap:14px}
.mrwcard-stat small,.mrwcard-panel p,.mrwcard-item p,.mrwcard-recipe p{color:#b0bdb2;font-size:12px}
.mrwcard-stat strong{font-size:26px;color:var(--gold)}
.mrwcard-info{padding:15px;border:1px solid #876f42;border-radius:12px;background:#302c20;margin:16px 0}
.mrwcard-info p{color:#c0c6bc;font-size:12px}
.mrwcard-panel h3,.mrwcard-recipe h4,.mrwcard-item h4{color:#f3e8cf;margin:8px 0}
.mrwcard-art{aspect-ratio:3/4;background:#192e24;padding:12px;display:flex;align-items:center;justify-content:center}
.mrwcard-art img{width:100%;height:100%;object-fit:contain}
.mrwcard-art-blank{height:100%;width:100%;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:10px;border:2px solid #bfa066;color:var(--gold)}
.mrwcard-art-blank span{font-size:44px}
.mrwcard-art-blank small{font-size:10px}
.mrwcard-detail{padding:12px}
.mrwcard-detail .btn{width:100%}
.mrwcard-pill{font-size:10px;color:var(--gold);padding:4px 7px;border:1px solid #796749;border-radius:6px}
.mrwcard-pill.mrwcard-ok{color:#a8e0ba;border-color:#54765e}
.mrwcard-numbers{display:grid;grid-template-columns:1fr 1fr;gap:9px;margin:12px 0}
.mrwcard-numbers span{display:flex;flex-direction:column;gap:5px;color:#aebbb0;font-size:10px}
.mrwcard-numbers b{font-size:14px;color:#f5eacf}
.mrwcard-table-wrap{width:100%;overflow-x:auto}
.mrwcard-table{border-collapse:collapse;width:100%;min-width:650px;font-size:12px}
.mrwcard-table td,.mrwcard-table th{text-align:left;padding:11px;border-bottom:1px solid #3f4e41;color:#efe8d9;white-space:nowrap}
.mrwcard-table th{color:var(--gold)}
.mrwcard-console .btn{font-size:12px;border-radius:8px;padding:9px 12px;background:#26392d;color:#f4ebd7;border:1px solid #62705f;cursor:pointer}
.mrwcard-console .btn.primary{background:var(--gold);color:#172118}
.mrwcard-field{display:flex;flex-direction:column;gap:6px;margin:10px 0;font-size:12px}
.mrwcard-field input,.mrwcard-field select,.mrwcard-field textarea{padding:10px;border:1px solid #aab6ad;border-radius:8px;width:100%;box-sizing:border-box}
.mrwcard-formgrid{display:grid;grid-template-columns:1fr 1fr;gap:10px}
.mrwcard-edit{min-width:min(450px,80vw)}
.mrwcard-checklist{display:flex;flex-direction:column;max-height:300px;overflow:auto;gap:8px}
.mrwcard-toolbar{justify-content:space-between;margin-bottom:15px}
.mrwcard-toolbar input{padding:10px;border:1px solid #708473;border-radius:8px}
@media(max-width:1000px){.mrwcard-gallery,.mrwcard-metrics{grid-template-columns:repeat(2,minmax(0,1fr))}}
@media(max-width:670px){#mrwCardConsole{padding:12px}.mrwcard-recipes,.mrwcard-hero-grid,.mrwcard-formgrid{grid-template-columns:1fr}.mrwcard-tabs{flex-wrap:nowrap;overflow-x:auto}.mrwcard-gallery{gap:8px}}
/* Recipe builder: each ingredient is chosen explicitly in the Cash panel. */
.mrwcard-recipe-ingredients{border:1px solid rgba(189,157,100,.32);border-radius:12px;padding:16px;margin:15px 0}
.mrwcard-recipe-ingredients h3{margin:0 0 5px;font-size:16px}
.mrwcard-recipe-ingredients p{margin:0 0 10px;font-size:12px;color:var(--muted,#9caa9e)}
.mrwcard-ingredient-row{padding:7px 0}
.mrwcard-ingredient-row .mrwcard-field select{width:100%;min-height:38px}
.mrwcard-sync-state{padding:11px 14px;background:rgba(159,189,129,.075);border:1px solid rgba(159,189,129,.25);border-radius:8px;font-size:12px}

/* SOURCE mrw-loss-bonus-admin.css?v=20261015-discount9 */
.lb-console{display:flex;flex-direction:column;gap:15px}
.lb-warning{background:rgba(208,156,69,.10);border:1px solid rgba(215,166,72,.35);color:var(--text,#d5c39d);font-size:12px;line-height:1.7;padding:16px;border-radius:11px}
.lb-warning b{color:#dcbf7d}
.lb-search{display:flex;gap:12px;align-items:center;flex-wrap:wrap;padding:12px}
.lb-search input{border-radius:9px;min-width:min(340px,85vw);padding:11px;background:var(--surface,#fff);color:var(--text,#121c15);border:1px solid var(--border,#9ca)}
.lb-member-row{display:flex;justify-content:space-between;align-items:center;gap:12px;padding:12px;border-bottom:1px solid var(--border, #536);flex-wrap:wrap}
.lb-member-row b{font-size:13px}.lb-member-row small{font-size:11px;opacity:.7;overflow-wrap:anywhere}
.lb-console td{font-size:12px}.lb-console code{font-size:11px}

.lb-filters{display:flex;gap:7px;align-items:center;flex-wrap:wrap;padding:9px 0 13px}
.lb-filters input{flex:1 1 250px;min-width:150px;max-width:370px;border:1px solid var(--border,#65705e);
 background:var(--surface,#18221c);color:var(--text,#eadabc);padding:8px 10px;border-radius:7px}
.lb-filters button{white-space:nowrap}.lb-console code{user-select:all}

/* SOURCE mrw-freespin-admin.css?v=20261015-fs1 */
.fs-console{display:grid;gap:18px}.fs-note{margin:0;padding:14px 16px;border:1px solid rgba(85,148,177,.26);border-radius:12px;background:rgba(69,121,160,.08);font-size:13px;line-height:1.6}.fs-note b{color:var(--text,#e5edf4)}.fs-status{display:inline-flex;padding:4px 9px;border-radius:7px;font-size:11px;font-weight:700;letter-spacing:.02em;background:rgba(120,135,155,.12)}.fs-status.active,.fs-status.succeeded{color:#5ee0b1;background:rgba(27,157,119,.15)}.fs-status.canceled,.fs-status.failed{color:#eda7a7;background:rgba(175,61,66,.13)}.fs-status.pending,.fs-status.unknown{color:#ecc782;background:rgba(173,125,59,.14)}.fs-dialog{min-width:min(610px,90vw);max-width:720px;padding:6px;display:grid;gap:15px}.fs-dialog h3{font-size:19px;margin:0}.fs-dialog p{margin:0;color:var(--muted,#95a4b6);font-size:13px;line-height:1.6}.fs-fields{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:12px}.fs-fields label{display:grid;gap:6px;font-size:12px;color:var(--muted,#a4b3c5);font-weight:600}.fs-fields input,.fs-fields select,.fs-search input{width:100%;min-width:0;background:rgba(12,19,30,.55);color:inherit;border:1px solid rgba(128,149,173,.30);border-radius:9px;padding:10px}.fs-fields input:focus,.fs-fields select:focus{outline:2px solid rgba(46,166,152,.35)}.fs-fields .fs-actions,.fs-fields .fs-limits{grid-column:1/-1}.fs-limits{font-size:12px;line-height:1.8;border-radius:10px;background:rgba(113,133,157,.10);padding:11px}.fs-warning{border-left:2px solid #e5ba67;padding-left:12px}.fs-search{display:flex;gap:10px;align-items:center}.fs-search input{flex:1}.fs-member{display:flex;align-items:center;justify-content:space-between;gap:12px;padding:9px 0;border-bottom:1px solid rgba(128,149,173,.17)}.fs-member span{display:grid;gap:3px}.fs-member small{color:var(--muted,#8da0b3);font-size:11px}.fs-member em{font-size:11px;color:#e9b6a5}.fs-dialog #fs-selection{font-size:12px;font-weight:650;color:#68d8ba}.fs-dialog .form-actions{display:flex;gap:8px;justify-content:flex-end;flex-wrap:wrap}@media(max-width:600px){.fs-fields{grid-template-columns:1fr}.fs-dialog{min-width:0}.fs-search{flex-wrap:wrap}}

/* Winner Royal V3 finance summary: six figures, one compact, legible column. */
.mrw-v3-overview .mrw-v3-finance,
.mrw-v3-activity .mrw-v3-finance{
  width:min(100%,410px);max-width:410px;padding:11px 12px;margin:8px 0 12px;
  background:linear-gradient(135deg,#14212b,#111c26);
  border:1px solid #334e5b;border-radius:9px;
}
.mrw-v3-overview .mrw-v3-finance-heading,
.mrw-v3-activity .mrw-v3-finance-heading{
  display:block;margin:0 0 8px;padding:0 1px 8px;border-bottom:1px solid #2f424d
}
.mrw-v3-finance-heading>b{font-size:12px;font-weight:800;color:#e4f4f3}
.mrw-v3-finance-heading>small{display:block;font-size:9px;color:#8fa7b6;line-height:1.5;margin-top:4px}
.mrw-v3-overview .mrw-v3-stats,
.mrw-v3-activity .mrw-v3-stats{
  display:flex;flex-direction:column;gap:0;max-width:100%
}
.mrw-v3-overview .mrw-v3-stat,
.mrw-v3-activity .mrw-v3-stat{
  display:grid;grid-template-columns:minmax(0,1fr) auto;align-items:center;gap:10px;
  min-height:30px;padding:5px 2px;border:0;border-bottom:1px solid #293c47;
  background:transparent;border-radius:0;box-shadow:none
}
.mrw-v3-overview .mrw-v3-stat:last-child,
.mrw-v3-activity .mrw-v3-stat:last-child{border-bottom:0}
.mrw-v3-overview .mrw-v3-stat small,
.mrw-v3-activity .mrw-v3-stat small{font-size:10px;font-weight:560;color:#aac0cc;min-width:0}
.mrw-v3-overview .mrw-v3-stat b,
.mrw-v3-activity .mrw-v3-stat b{font-size:11px;line-height:1.25;white-space:nowrap;text-align:right;overflow-wrap:normal;max-width:185px}
.mrw-v3-overview .mrw-v3-stat span,
.mrw-v3-activity .mrw-v3-stat span{display:none}
@media(max-width:430px){
  .mrw-v3-overview .mrw-v3-finance,.mrw-v3-activity .mrw-v3-finance{width:100%;max-width:100%;padding:9px 10px}
  .mrw-v3-overview .mrw-v3-stat b,.mrw-v3-activity .mrw-v3-stat b{font-size:10px;max-width:155px}
}