:root{
  --bg:#f7f9fd;--surface:#ffffff;--surface2:#fbfcff;--line:#dfe5f0;--line2:#edf0f6;--text:#10213f;--muted:#5c6d8a;--blue:#1f64f5;--blue2:#3977ff;--blue-soft:#e9efff;--green:#179e66;--green-soft:#eaf9f1;--red:#df2e34;--red-soft:#fff2f2;--shadow:0 10px 28px rgba(38,58,98,.08)
}
html[data-theme="soft"]{--bg:#f0f2f9;--surface:#fbfbfe;--surface2:#f5f6fb;--line:#d9deeb;--line2:#e7eaf3;--text:#18233c;--muted:#65708a;--blue:#4e5fe9;--blue2:#6976ef;--blue-soft:#eceefe;--shadow:0 10px 30px rgba(55,62,110,.10)}
html[data-theme="dark"]{--bg:#161b27;--surface:#202634;--surface2:#1b2230;--line:#343c4d;--line2:#2a3140;--text:#edf2ff;--muted:#a8b2c8;--blue:#7890ff;--blue2:#667df0;--blue-soft:#293359;--green:#5ad49e;--green-soft:#183c31;--red:#ff7377;--red-soft:#3a2228;--shadow:0 14px 34px rgba(0,0,0,.22)}
[hidden]{display:none!important}
*{box-sizing:border-box}html,body{margin:0;min-height:100%;font-family:Inter,ui-sans-serif,-apple-system,BlinkMacSystemFont,"Segoe UI",Arial,sans-serif;color:var(--text);background:var(--bg);font-size:14px}button,input,select{font:inherit;color:inherit}.hidden{display:none!important}.screen{min-height:100vh}
/* login */
.login-screen{padding:22px 67px 18px;background:radial-gradient(circle at 75% 20%,rgba(128,158,255,.08),transparent 35%),linear-gradient(180deg,var(--bg),#f9fbff 48%,var(--bg))}.login-top{height:48px;display:flex;align-items:flex-start;justify-content:space-between}.language-btn{height:44px;min-width:173px;border:1px solid var(--line);border-radius:9px;background:var(--surface);box-shadow:0 3px 10px rgba(34,54,88,.06);display:flex;align-items:center;gap:12px;padding:0 14px;color:var(--text)}.language-btn .globe{font-size:22px;color:#65758f}.language-btn span:last-child{margin-left:auto;color:#556783}.theme-control{display:flex;align-items:center;gap:13px;color:var(--muted);font-weight:600}.theme-pill{height:43px;border:1px solid var(--line);border-radius:24px;background:var(--surface);padding:3px;display:flex;box-shadow:0 4px 11px rgba(35,55,91,.07)}.theme-pill button{width:36px;height:35px;border:0;background:transparent;border-radius:50%;font-size:20px;color:#7a8aa8}.theme-pill button.active{background:#eef3ff;color:var(--blue);box-shadow:0 1px 5px rgba(32,80,190,.17)}
.login-shell{height:904px;max-width:1274px;margin:13px auto 0;border:1px solid var(--line);border-radius:20px;overflow:hidden;display:grid;grid-template-columns:660px 1fr;background:var(--surface);box-shadow:0 13px 30px rgba(40,65,105,.07)}.login-visual{background:url('assets/login-visual.png') center/cover no-repeat;position:relative}.login-right{display:flex;flex-direction:column;align-items:center;padding:34px 29px 21px;background:linear-gradient(145deg,var(--surface),var(--surface2))}.login-card{width:548px;background:var(--surface);border:1px solid var(--line2);border-radius:22px;padding:37px 32px 26px;box-shadow:0 9px 26px rgba(43,63,96,.07)}.login-card h1{font-size:36px;line-height:1.08;text-align:center;margin:0 0 8px;letter-spacing:-.8px}.login-sub{text-align:center;margin:0 0 27px;color:var(--muted);font-size:17px}.auth-btn{height:54px;border:1px solid var(--line);border-radius:9px;background:var(--surface);display:flex;align-items:center;justify-content:center;gap:12px;cursor:pointer}.auth-btn:hover{border-color:#b9c7e1;background:var(--surface2)}.auth-primary{width:100%;border-color:#4f80ff;color:var(--blue);position:relative}.auth-primary .passkey-icon{font-size:24px}.auth-primary em{position:absolute;right:14px;background:#edf4ff;color:#2568db;padding:5px 10px;border-radius:8px;font-size:12px;font-style:normal}.divider{display:grid;grid-template-columns:1fr auto 1fr;gap:18px;align-items:center;margin:23px 0;color:#7888a2;font-size:13px}.divider i{height:1px;background:var(--line)}.provider-grid{display:grid;grid-template-columns:1fr 1fr;gap:13px}.provider-grid .auth-btn{font-size:14px}.google{font-size:23px;font-weight:900;color:#4285f4;line-height:1}.ms{width:21px;height:21px;display:grid;grid-template-columns:repeat(2,1fr);gap:2px}.ms i:nth-child(1){background:#f35325}.ms i:nth-child(2){background:#81bc06}.ms i:nth-child(3){background:#05a6f0}.ms i:nth-child(4){background:#ffba08}.ms.small{width:19px;height:19px}.login-card form>label{display:block;font-weight:650;margin:14px 0 7px;font-size:13px}.field{height:50px;border:1px solid var(--line);border-radius:8px;display:flex;align-items:center;gap:10px;padding:0 14px;color:#8292ab;background:var(--surface)}.field input{border:0;outline:0;background:transparent;flex:1;font-size:15px;color:var(--text)}.field input::placeholder{color:#9aa9c0}.field button{border:0;background:transparent;color:#7789a4;cursor:pointer}.remember-row{display:flex;justify-content:space-between;align-items:center;margin:16px 0 20px;font-size:13px}.remember{display:flex!important;align-items:center;gap:8px;margin:0!important;font-weight:500!important}.remember input{accent-color:var(--blue)}.remember-row button{border:0;background:transparent;color:var(--blue);cursor:pointer}.sign-in{width:100%;height:51px;border:0;border-radius:8px;color:#fff;font-weight:700;font-size:15px;background:linear-gradient(90deg,#2465ef,#1e6ff5);box-shadow:0 5px 10px rgba(36,101,239,.20);cursor:pointer;display:flex;align-items:center;justify-content:center;gap:10px}.sign-in:disabled{cursor:wait;opacity:.82}.sign-in-loader{display:none;width:16px;height:16px;border:2px solid rgba(255,255,255,.45);border-top-color:#fff;border-radius:50%;animation:eoh-spin .7s linear infinite}.sign-in.is-loading .sign-in-loader{display:inline-block}.sign-in.is-loading .sign-in-label{opacity:.9}@keyframes eoh-spin{to{transform:rotate(360deg)}}.secure-note{margin-top:24px;text-align:center;color:#657893;font-size:13px}.secure-note b{color:var(--blue);font-weight:600}.login-notice{margin:-8px 0 12px;padding:9px 10px;border-radius:7px;background:#fff1f1;color:#a52e34;border:1px solid rgba(205,57,65,.14);font-size:12px;line-height:1.45}.login-notice[data-tone="info"]{background:#eef4ff;color:#315fba;border-color:#d7e4ff}.login-notice[data-tone="success"]{background:var(--green-soft);color:var(--green);border-color:rgba(23,158,102,.16)}.first-time{width:548px;margin-top:22px;border:1px solid var(--line);border-radius:14px;background:var(--surface);min-height:112px;display:flex;align-items:center;gap:18px;padding:17px 26px}.support-icon{width:57px;height:57px;border-radius:50%;display:grid;place-items:center;background:#e9f0ff;font-size:25px}.first-time strong{font-size:15px}.first-time p{margin:6px 0 0;color:var(--muted);line-height:1.55;font-size:13px}.login-footer{height:63px;display:flex;justify-content:center;align-items:center;gap:18px;color:#70819c;font-size:13px}.login-footer a{cursor:pointer}.login-footer b{font-size:9px}
/* settings */
.settings-screen{display:grid;grid-template-columns:265px 1fr;background:var(--bg);min-width:1180px}.main-sidebar{position:relative;background:var(--surface);border-right:1px solid var(--line2);min-height:1086px;padding-bottom:165px;overflow:hidden}.sidebar-logo{height:72px;border-bottom:1px solid var(--line2);display:flex;align-items:center;padding:0 18px 0 20px;justify-content:space-between}.sidebar-logo img{width:188px;height:57px;object-fit:contain;object-position:left center}.sidebar-logo button{width:34px;height:34px;border:1px solid var(--line);border-radius:8px;background:var(--surface);font-size:25px;color:#5d6f8d}.sidebar-nav{padding:13px 12px}.sidebar-nav button{width:100%;height:42px;border:0;background:transparent;border-radius:8px;display:grid;grid-template-columns:29px 1fr auto;align-items:center;text-align:left;padding:0 14px;color:#334867;font-size:13px;cursor:pointer}.sidebar-nav button>span{font-size:20px;color:#607391;text-align:center}.sidebar-nav button em{justify-self:end;min-width:22px;height:22px;padding:0 6px;border-radius:7px;background:#e6edff;color:#2866e9;display:grid;place-items:center;font-style:normal;font-size:11px;font-weight:700}.sidebar-nav button.active{background:#e9efff;color:#155ff0}.sidebar-nav button.active>span{color:#1f63f6}.sidebar-nav hr{border:0;border-top:1px solid var(--line);margin:11px 9px}.sidebar-art{position:absolute;left:0;right:0;bottom:0;height:174px;background:linear-gradient(180deg,transparent,rgba(216,223,255,.68))}.plant-art{position:absolute;left:10px;bottom:18px;width:70px;height:115px;background:radial-gradient(ellipse at 35% 30%,#7c8ef5 0 12%,transparent 13%),radial-gradient(ellipse at 65% 48%,#99a9ff 0 14%,transparent 15%),linear-gradient(85deg,transparent 46%,#7f8ff0 47% 50%,transparent 51%);opacity:.65}.report-art{position:absolute;left:58px;bottom:28px;width:158px;height:90px;border:1px solid #cfd8ff;border-radius:10px;background:linear-gradient(135deg,#f8faff,#e5e9ff);box-shadow:0 8px 18px rgba(75,92,168,.10)}
.app-area{min-width:0}.app-topbar{height:72px;border-bottom:1px solid var(--line2);background:var(--surface);display:flex;align-items:center;justify-content:space-between;padding:0 39px 0 33px}.search-box{width:450px;height:40px;border:1px solid var(--line);border-radius:9px;background:var(--surface);display:flex;align-items:center;padding:0 12px;gap:9px;color:#6d7e9a}.search-box input{flex:1;border:0;outline:0;background:transparent;font-size:13px}.search-box kbd{font-size:11px;background:#f3f6fb;border-radius:6px;padding:4px 6px;color:#687994}.top-right{display:flex;align-items:center;gap:16px;position:relative}.notification{width:37px;height:37px;border:0;background:transparent;font-size:20px;position:relative}.notification em{position:absolute;right:0;top:-2px;width:17px;height:17px;border-radius:50%;background:#2467f5;color:#fff;font-size:10px;font-style:normal;display:grid;place-items:center}.mini-theme{height:40px;border:1px solid var(--line);border-radius:21px;background:var(--surface2);display:flex;padding:3px}.mini-theme button{width:34px;border:0;background:transparent;border-radius:17px;color:#7385a3}.mini-theme button.active{background:#fff;color:var(--blue);box-shadow:0 1px 5px rgba(53,79,132,.16)}.profile-chip{height:55px;min-width:188px;border:1px solid var(--line);border-radius:10px;background:var(--surface);display:grid;grid-template-columns:38px 1fr 16px;align-items:center;gap:9px;padding:0 10px;text-align:left;cursor:pointer}.profile-chip img{width:34px;height:34px;border-radius:50%;object-fit:cover}.profile-chip span{display:grid;gap:2px}.profile-chip strong{font-size:13px}.profile-chip small{font-size:11px;color:var(--muted)}.profile-chip b{color:#607391}.profile-menu{position:absolute;right:0;top:60px;width:170px;border:1px solid var(--line);border-radius:9px;background:var(--surface);box-shadow:var(--shadow);z-index:20;padding:7px}.profile-menu button{width:100%;height:34px;border:0;background:transparent;text-align:left;padding:0 9px;border-radius:6px}.profile-menu button:hover{background:var(--surface2)}
.settings-content{padding:20px 33px 30px}.page-heading h1{font-size:27px;line-height:1;margin:0 0 8px;letter-spacing:-.4px}.page-heading p{margin:0;color:var(--muted);font-size:13px}.settings-body{display:grid;grid-template-columns:166px minmax(0,1fr);gap:12px;margin-top:22px}.settings-nav{border:1px solid var(--line);border-radius:12px;background:var(--surface);padding:10px 8px;min-height:839px}.settings-nav section{padding:0 0 11px;margin-bottom:8px;border-bottom:1px solid var(--line2)}.settings-nav section:last-child{border-bottom:0}.settings-nav h6{margin:11px 9px 6px;color:#687793;font-size:9px;letter-spacing:.05em}.settings-nav button{width:100%;height:40px;border:0;background:transparent;border-radius:7px;display:grid;grid-template-columns:24px 1fr;align-items:center;text-align:left;padding:0 9px;color:#3e5170;font-size:11px;cursor:pointer}.settings-nav button.active{background:#e8eeff;color:#155ff0;font-weight:650}.settings-grid{display:grid;grid-template-columns:278px 296px minmax(318px,1fr);gap:12px;align-items:start}.card{background:var(--surface);border:1px solid var(--line);border-radius:11px;padding:15px 16px;box-shadow:0 4px 14px rgba(43,63,96,.025);min-height:293px}.card-title{display:flex;align-items:center;justify-content:space-between;height:26px;margin-bottom:12px}.card-title h3{font-size:14px;margin:0}.card-title button{border:0;background:transparent;color:#1260f5;font-size:11px;cursor:pointer}.identity{display:flex;align-items:center;gap:12px;margin-bottom:13px}.identity img{width:65px;height:65px;border-radius:50%;object-fit:cover}.identity h2{font-size:17px;margin:0 0 4px}.identity p{font-size:12px;color:var(--muted);margin:0 0 6px}.identity span{font-size:9px;background:#e8edff;color:#355acf;padding:4px 7px;border-radius:5px}.profile-details{margin:0;display:grid;gap:8px}.profile-details div{display:flex;justify-content:space-between;gap:7px;font-size:10px}.profile-details dt{color:#5b6e8c}.profile-details dt span{margin-left:5px}.profile-details dd{margin:0;color:#465978;text-align:right;white-space:nowrap}.security-line{height:48px;border-bottom:1px solid var(--line2);display:grid;grid-template-columns:28px 1fr auto;align-items:center;font-size:11px}.security-line i{width:20px;height:20px;border:1px solid #2cb878;border-radius:50%;display:grid;place-items:center;color:#1da36a;font-style:normal;font-size:12px}.security-line b{font-weight:500;color:#596b88;font-size:10px}.last-login{margin-top:22px;padding-top:4px;display:grid;grid-template-columns:1fr auto;gap:4px;font-size:10px}.last-login span{color:#526582}.last-login small{grid-column:1/-1;text-align:right;color:#647794;font-size:9px}.pref-line{height:52px;display:grid;grid-template-columns:26px 1fr 140px;align-items:center;gap:5px;font-size:11px}.pref-line>span{font-size:18px;color:#657793}.pref-line b{font-weight:500}.pref-line select{height:34px;border:1px solid var(--line);border-radius:7px;background:var(--surface);padding:0 10px;font-size:10px}.service-row,.mail-row,.dept-row{height:46px;border-bottom:1px solid var(--line2);display:grid;align-items:center;font-size:10px}.service-row{grid-template-columns:28px 1fr auto}.mail-row{grid-template-columns:24px 1fr auto}.dept-row{grid-template-columns:24px 1fr auto}.service-row:last-child,.mail-row:last-child,.dept-row:last-child{border-bottom:0}.service-row b,.mail-row b,.dept-row b{font-weight:550}.service-row em,.mail-row em{font-style:normal;color:var(--green);font-size:9px}.zoom{width:21px;height:21px;border-radius:6px;background:#377bf7;color:#fff;display:grid;place-items:center}.calendar-g{width:20px;height:20px;background:#4285f4;color:#fff;border-radius:2px;display:grid;place-items:center}.teams{width:20px;height:20px;background:#6355c8;color:#fff;border-radius:4px;display:grid;place-items:center;font-weight:800}.service-row small{color:#667896;font-size:9px}.pill{background:#e9efff!important;color:#2364de!important;border-radius:5px;padding:4px 6px}.pill.gray{background:#f0f2f6!important;color:#5c6e8a!important}.good{color:var(--green)!important}.internal-meetings{height:47px;display:flex;align-items:center;justify-content:space-between;font-size:10px}.switch input{display:none}.switch i{display:block;width:43px;height:25px;border-radius:20px;background:#c6cfde;position:relative}.switch i:after{content:"";position:absolute;width:19px;height:19px;border-radius:50%;background:white;top:3px;left:3px;box-shadow:0 1px 4px rgba(0,0,0,.18);transition:.2s}.switch input:checked+i{background:#2b70f5}.switch input:checked+i:after{transform:translateX(18px)}.departments-card{min-height:306px}.dept-row{height:43px}.dept-row>span{width:19px;height:19px;border-radius:5px;background:#edf0ff;color:#6570e6;display:grid;place-items:center}.dept-row small{font-size:8.5px;color:#667895}.session{height:58px;border-bottom:1px solid var(--line2);display:grid;grid-template-columns:30px 1fr auto;align-items:center;gap:5px}.session>span{font-size:22px}.session div{display:grid;gap:3px}.session b{font-size:10px}.session small{font-size:8.5px;color:#667895}.session em{font-size:8px;color:var(--green);background:var(--green-soft);border-radius:5px;padding:4px 6px;font-style:normal}.session strong{color:#667895}.danger-card{background:linear-gradient(145deg,var(--red-soft),var(--surface));border-color:#f3c9ca;min-height:306px}.danger-head{display:flex;gap:11px;margin-bottom:13px}.danger-head>span{font-size:28px;color:var(--red)}.danger-head h3{margin:2px 0 3px;color:var(--red);font-size:14px}.danger-head p{margin:0;color:#7b7180;font-size:9px}.danger-card>button{width:100%;min-height:64px;border:1px solid #f2cfd1;background:rgba(255,255,255,.33);border-radius:8px;margin-bottom:10px;display:grid;grid-template-columns:25px 1fr 12px;align-items:center;gap:8px;text-align:left;padding:8px 10px;color:var(--red);cursor:pointer}.danger-card button b{display:block;font-size:9px}.danger-card button small{display:block;font-size:8px;color:#807181;margin-top:4px}.danger-card button strong{font-size:18px}.connected-card,.mail-card,.calendar-card{min-height:216px}.sessions-card{min-height:306px}.toast{position:fixed;right:22px;bottom:22px;background:var(--surface);border:1px solid var(--line);box-shadow:var(--shadow);border-radius:10px;padding:12px 16px;z-index:99;font-size:12px}
@media(max-width:1300px){.settings-screen{min-width:1080px;grid-template-columns:230px 1fr}.main-sidebar{min-height:100vh}.settings-grid{grid-template-columns:repeat(2,minmax(270px,1fr))}.settings-nav{min-height:auto}.login-screen{padding-left:30px;padding-right:30px}.login-shell{grid-template-columns:minmax(520px,1.03fr) minmax(530px,.97fr)}.login-visual{background-size:cover}.login-card,.first-time{width:min(548px,100%)}}
@media(max-width:900px){.settings-screen{min-width:0;grid-template-columns:76px 1fr}.sidebar-logo img{display:none}.sidebar-logo{padding:0;justify-content:center}.sidebar-logo button{display:none}.sidebar-nav{padding:12px 7px}.sidebar-nav button{grid-template-columns:1fr;padding:0;place-items:center;font-size:0}.sidebar-nav button>span{font-size:20px}.sidebar-nav button em{position:absolute;margin:-22px 0 0 25px}.sidebar-art{display:none}.app-topbar{padding:0 15px}.profile-chip{min-width:53px;width:53px;grid-template-columns:1fr;padding:0 8px}.profile-chip span,.profile-chip>b{display:none}.search-box{width:58vw}.settings-content{padding:18px 14px}.settings-body{grid-template-columns:1fr}.settings-nav{min-height:0;display:flex;overflow:auto;gap:5px}.settings-nav section{display:flex;border:0;margin:0;padding:0}.settings-nav h6{display:none}.settings-nav button{white-space:nowrap}.settings-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.login-shell{height:auto;grid-template-columns:1fr}.login-visual{height:480px;background-position:top}.login-right{padding:26px 20px}.login-screen{padding:14px}.login-top{padding:0 6px}.login-card,.first-time{width:min(548px,100%)}}
@media(max-width:650px){.login-visual{display:none}.login-card{padding:28px 20px}.provider-grid{grid-template-columns:1fr}.theme-control>span{display:none}.settings-screen{display:block}.main-sidebar{display:none}.app-topbar{height:64px}.search-box{width:52vw}.settings-grid{grid-template-columns:1fr}.page-heading h1{font-size:24px}}

.login-card form{margin:0}.auth-btn:focus-visible,.sign-in:focus-visible,.field:focus-within,.remember-row button:focus-visible,.language-btn:focus-visible,.theme-pill button:focus-visible{outline:3px solid rgba(31,100,245,.18);outline-offset:2px}.field:focus-within{border-color:#7ea4ff;box-shadow:0 0 0 3px rgba(31,100,245,.08)}


/* ===== v0.2.0 authenticated operations shell ===== */
:root{--op-bg:#f0f2f9;--op-surface:#fbfbfe;--op-surface2:#f6f7fb;--op-line:#dfe3ee;--op-line2:#eaedf4;--op-text:#18233c;--op-muted:#69748c;--op-accent:#5364e8;--op-accent2:#4355d8;--op-accent-soft:#eceefe;--op-green:#18865b;--op-green-soft:#eaf8f1;--op-red:#c94350;--op-red-soft:#fff0f2;--op-amber:#a96912;--op-amber-soft:#fff5dc;--op-shadow:0 12px 34px rgba(49,57,104,.07)}
[data-theme="soft"]{--op-bg:#eef1f7;--op-surface:#fafbfe;--op-surface2:#f4f5fb;--op-line:#dce1ec;--op-line2:#e9ecf3}
[data-theme="dark"]{--op-bg:#111727;--op-surface:#171f31;--op-surface2:#1c2538;--op-line:#2a354a;--op-line2:#252f42;--op-text:#ecf1fb;--op-muted:#9aa7bd;--op-accent-soft:#252e5f;--op-green-soft:#17372e;--op-red-soft:#3b2027;--op-amber-soft:#3b3020}
.hub-screen{min-height:100vh;background:var(--op-bg);color:var(--op-text);display:grid;grid-template-columns:238px minmax(0,1fr);font-size:13px}.hub-sidebar{height:100vh;position:sticky;top:0;background:var(--op-surface);border-right:1px solid var(--op-line2);display:grid;grid-template-rows:70px 1fr 70px;z-index:30}.hub-brand{display:flex;align-items:center;gap:10px;padding:0 18px;border-bottom:1px solid var(--op-line2)}.hub-mark{width:32px;height:32px;border-radius:9px;background:linear-gradient(135deg,var(--op-accent),#8992f4);display:grid;grid-template-columns:repeat(2,1fr);gap:3px;padding:6px}.hub-mark i{background:#fff;border-radius:2px}.hub-brand>div:last-child{display:grid}.hub-brand strong{font-size:18px}.hub-brand small{font-size:9px;color:var(--op-muted)}.hub-nav{padding:12px 11px;overflow:auto}.hub-nav section{margin-bottom:15px}.hub-nav h6{margin:9px 9px 5px;color:#8a94a7;font-size:9px;letter-spacing:.08em}.hub-nav button{width:100%;height:38px;border:0;background:transparent;border-radius:8px;color:var(--op-muted);display:grid;grid-template-columns:25px 1fr auto;align-items:center;text-align:left;padding:0 9px;cursor:pointer;font-family:inherit}.hub-nav button span{font-size:15px}.hub-nav button b{font-size:11px;font-weight:600}.hub-nav button em{font-style:normal;font-size:9px;background:#e9edfa;color:#59647a;border-radius:10px;padding:3px 6px}.hub-nav button:hover{background:var(--op-surface2);color:var(--op-text)}.hub-nav button.active{background:var(--op-accent-soft);color:var(--op-accent2)}.hub-nav button.active b{font-weight:750}.hub-user{border-top:1px solid var(--op-line2);display:grid;grid-template-columns:36px 1fr 24px;align-items:center;gap:9px;padding:0 15px}.hub-user img{width:34px;height:34px;border-radius:50%;object-fit:cover}.hub-user div{display:grid;gap:2px}.hub-user strong{font-size:11px}.hub-user small{font-size:9px;color:var(--op-muted)}.hub-user button{border:0;background:transparent;color:var(--op-muted)}.hub-app{min-width:0}.hub-topbar{height:70px;position:sticky;top:0;z-index:20;background:color-mix(in srgb,var(--op-surface) 94%,transparent);backdrop-filter:blur(14px);border-bottom:1px solid var(--op-line2);display:flex;align-items:center;justify-content:space-between;padding:0 24px}.mobile-nav{display:none}.global-search{width:min(490px,46vw);height:39px;border:1px solid var(--op-line);border-radius:9px;background:var(--op-surface2);display:grid;grid-template-columns:28px 1fr 46px;align-items:center;padding:0 10px;color:var(--op-muted)}.global-search input{border:0;background:transparent;outline:0;color:var(--op-text);font-family:inherit;font-size:11px}.global-search kbd{border:1px solid var(--op-line);background:var(--op-surface);border-radius:5px;padding:3px 5px;font-size:9px;text-align:center}.hub-top-actions{display:flex;align-items:center;gap:8px;position:relative}.top-icon{width:38px;height:38px;border:1px solid var(--op-line);border-radius:9px;background:var(--op-surface);color:var(--op-text);position:relative}.top-icon em{position:absolute;right:-3px;top:-4px;width:16px;height:16px;border-radius:50%;background:var(--op-accent);color:#fff;font-size:9px;display:grid;place-items:center;font-style:normal}.profile-chip.compact{height:42px;min-width:175px}.profile-chip.compact img{width:30px;height:30px}.hub-profile-menu{top:48px}.hub-view{padding:24px 28px 50px;outline:none;max-width:1700px;margin:0 auto}.view-heading{display:flex;align-items:flex-start;justify-content:space-between;gap:20px;margin-bottom:20px}.view-heading h1{font-size:25px;letter-spacing:-.45px;margin:0 0 6px}.view-heading p{margin:0;color:var(--op-muted);font-size:11.5px;max-width:760px;line-height:1.5}.view-actions{display:flex;gap:8px;align-items:center;flex-wrap:wrap;justify-content:flex-end}.btn{height:36px;border-radius:8px;border:1px solid var(--op-line);background:var(--op-surface);color:var(--op-text);padding:0 12px;font-family:inherit;font-size:10px;font-weight:700;cursor:pointer}.btn.primary{background:var(--op-accent);border-color:var(--op-accent);color:#fff}.btn.secondary{background:var(--op-surface)}.btn.danger{background:var(--op-red);border-color:var(--op-red);color:#fff}.segmented{height:36px;display:flex;border:1px solid var(--op-line);border-radius:8px;background:var(--op-surface);padding:3px}.segmented button{border:0;background:transparent;color:var(--op-muted);border-radius:6px;padding:0 10px;font-size:10px}.segmented button.active{background:var(--op-accent-soft);color:var(--op-accent2)}.metric-grid{display:grid;grid-template-columns:repeat(5,minmax(0,1fr));gap:12px;margin-bottom:14px}.metric-grid.four{grid-template-columns:repeat(4,minmax(0,1fr))}.metric-card{background:var(--op-surface);border:1px solid var(--op-line);border-radius:11px;padding:15px;min-height:106px;box-shadow:0 4px 16px rgba(50,58,100,.025);display:grid;align-content:start}.metric-card span{font-size:10px;color:var(--op-muted)}.metric-card strong{font-size:25px;margin:8px 0 5px;letter-spacing:-.4px}.metric-card small{font-size:9px;color:var(--op-muted)}.dashboard-grid{display:grid;gap:14px;margin-bottom:14px}.dashboard-grid.two-one{grid-template-columns:minmax(0,2fr) minmax(280px,1fr)}.dashboard-grid.thirds{grid-template-columns:repeat(3,minmax(0,1fr))}.dashboard-grid.half{grid-template-columns:repeat(2,minmax(0,1fr))}.op-card{background:var(--op-surface);border:1px solid var(--op-line);border-radius:11px;padding:15px 16px;box-shadow:0 5px 20px rgba(48,56,96,.03);min-width:0}.op-card-head{display:flex;justify-content:space-between;align-items:center;margin-bottom:12px}.op-card-head h3{font-size:12px;margin:0}.progress{height:7px;border-radius:20px;background:var(--op-line2);overflow:hidden}.progress i{display:block;height:100%;background:linear-gradient(90deg,var(--op-accent),#8490f1);border-radius:20px}.pulse-row{display:grid;grid-template-columns:minmax(170px,1.1fr) minmax(150px,1fr) 42px;align-items:center;gap:12px;padding:8px 0;border-bottom:1px solid var(--op-line2)}.pulse-row:last-child{border-bottom:0}.pulse-row>div:first-child{display:grid}.pulse-row b{font-size:10px}.pulse-row small{font-size:8.5px;color:var(--op-muted);margin-top:2px}.pulse-row strong{font-size:9px;text-align:right}.attention-list{display:grid;gap:8px}.attention{border:1px solid var(--op-line2);background:var(--op-surface2);border-left:3px solid #8993aa;border-radius:8px;padding:10px 11px;display:grid;gap:3px}.attention.warning{border-left-color:#d49a2a}.attention.danger{border-left-color:var(--op-red)}.attention b{font-size:10px}.attention span{font-size:8.5px;color:var(--op-muted)}.project-row{display:grid;grid-template-columns:minmax(130px,1.1fr) minmax(80px,.7fr) auto;gap:10px;align-items:center;padding:9px 0;border-bottom:1px solid var(--op-line2)}.project-row:last-child{border-bottom:0}.project-row>div:first-child{display:grid}.project-row b{font-size:9.5px}.project-row small{font-size:8px;color:var(--op-muted);margin-top:2px}.status-pill{display:inline-flex;align-items:center;justify-content:center;white-space:nowrap;border-radius:6px;padding:4px 7px;font-size:8px;font-weight:800;text-transform:capitalize;background:#eef0f5;color:#5d687d}.status-pill.active,.status-pill.on-track,.status-pill.done,.status-pill.resolved,.status-pill.ready{background:var(--op-green-soft);color:var(--op-green)}.status-pill.suspended,.status-pill.blocked,.status-pill.high,.status-pill.at-risk{background:var(--op-red-soft);color:var(--op-red)}.status-pill.medium,.status-pill.pending,.status-pill.review{background:var(--op-amber-soft);color:var(--op-amber)}.status-pill.in-progress,.status-pill.b2b,.status-pill.b2c-\/-b2b,.status-pill.demo-connected{background:var(--op-accent-soft);color:var(--op-accent2)}.person-row{display:grid;grid-template-columns:30px 1fr 40px;gap:8px;align-items:center;padding:8px 0;border-bottom:1px solid var(--op-line2)}.person-row:last-child{border-bottom:0}.mini-avatar{width:28px;height:28px;border-radius:50%;background:#e4e7fb;color:#4554b7;display:inline-grid;place-items:center;font-size:9px;font-weight:800;flex:0 0 auto}.person-row>div:nth-child(2){display:grid}.person-row b{font-size:9.5px}.person-row small{font-size:8px;color:var(--op-muted)}.load{font-size:9px;font-weight:800;color:var(--op-green)}.load.hot{color:var(--op-red)}.quick-grid{display:grid;grid-template-columns:repeat(2,1fr);gap:8px}.quick-grid button{min-height:48px;border:1px solid var(--op-line2);border-radius:8px;background:var(--op-surface2);text-align:left;padding:8px;font-size:9px;color:var(--op-text)}.manager-summary,.routing-summary,.client-metrics{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:12px;margin-bottom:14px}.manager-summary>div,.routing-summary>div,.client-metrics>div{background:var(--op-surface);border:1px solid var(--op-line);border-radius:10px;padding:13px;display:grid;gap:4px}.manager-summary span,.routing-summary span,.client-metrics span{font-size:9px;color:var(--op-muted)}.manager-summary b,.routing-summary b,.client-metrics b{font-size:18px}.manager-summary small,.routing-summary small{font-size:8px;color:var(--op-muted)}.op-table{width:100%;border-collapse:collapse;font-size:9.5px}.op-table th{text-align:left;color:#7b869c;font-size:8.5px;text-transform:uppercase;letter-spacing:.03em;padding:9px 8px;border-bottom:1px solid var(--op-line)}.op-table td{padding:9px 8px;border-bottom:1px solid var(--op-line2);vertical-align:middle}.op-table tbody tr:last-child td{border-bottom:0}.person-cell{display:flex;align-items:center;gap:8px}.person-cell span:last-child{display:grid;gap:2px}.person-cell small{font-size:8px;color:var(--op-muted)}.inline-load{display:grid;grid-template-columns:minmax(70px,1fr) 30px;gap:7px;align-items:center;font-size:8px}.comm-shell{display:grid;grid-template-columns:210px minmax(420px,1fr) 270px;height:calc(100vh - 138px);min-height:620px;background:var(--op-surface);border:1px solid var(--op-line);border-radius:12px;overflow:hidden}.comm-rail{border-right:1px solid var(--op-line2);padding:13px 10px;overflow:auto}.comm-rail h5,.mail-rail h5,.settings-menu h5{font-size:8px;color:#8791a4;letter-spacing:.08em;margin:13px 8px 5px}.comm-rail button,.mail-rail button,.settings-menu button{width:100%;height:34px;border:0;border-radius:7px;background:transparent;color:var(--op-muted);text-align:left;padding:0 8px;font-size:9.5px}.comm-rail button.active,.mail-rail button.active,.settings-menu button.active{background:var(--op-accent-soft);color:var(--op-accent2);font-weight:700}.comm-main{display:grid;grid-template-rows:56px 1fr 66px;min-width:0}.comm-main>header{border-bottom:1px solid var(--op-line2);display:flex;justify-content:space-between;align-items:center;padding:0 15px}.comm-main>header>div{display:grid;gap:3px}.comm-main header b{font-size:11px}.comm-main header small{font-size:8px;color:var(--op-muted)}.comm-main header>span{font-size:8px;color:var(--op-muted)}.message-list{padding:16px;overflow:auto}.message{display:grid;grid-template-columns:30px 1fr;gap:9px;margin-bottom:16px}.message>div{min-width:0}.message b{font-size:9.5px}.message b small{font-size:8px;color:var(--op-muted);font-weight:400;margin-left:7px}.message p{font-size:10px;line-height:1.5;margin:4px 0;color:var(--op-text)}.composer{border-top:1px solid var(--op-line2);display:grid;grid-template-columns:1fr auto;gap:8px;padding:11px}.composer input{border:1px solid var(--op-line);border-radius:8px;background:var(--op-surface2);padding:0 11px;color:var(--op-text);outline:0}.context-rail{border-left:1px solid var(--op-line2);padding:15px;overflow:auto}.context-rail h3{font-size:11px;margin:0 0 15px}.context-rail>span{display:block;font-size:8px;color:var(--op-muted);margin:8px 0 4px}.context-rail>b{font-size:10px}.context-rail em{display:inline-flex;margin-top:8px;background:var(--op-accent-soft);color:var(--op-accent2);font-style:normal;font-size:8px;padding:4px 6px;border-radius:5px}.context-rail hr{border:0;border-top:1px solid var(--op-line2);margin:15px 0}.context-rail p{font-size:9px}.work-filter{height:45px;background:var(--op-surface);border:1px solid var(--op-line);border-radius:10px;display:flex;align-items:center;gap:6px;padding:6px 9px;margin-bottom:12px}.work-filter button{height:30px;border:1px solid var(--op-line2);border-radius:7px;background:var(--op-surface2);font-size:8.5px;color:var(--op-muted);padding:0 9px}.work-filter span{flex:1}.kanban{display:grid;grid-template-columns:repeat(4,minmax(220px,1fr));gap:12px;overflow:auto;padding-bottom:4px}.kanban-col{background:color-mix(in srgb,var(--op-surface2) 85%,var(--op-bg));border:1px solid var(--op-line);border-radius:10px;padding:10px;min-height:580px}.kanban-col>header{display:flex;justify-content:space-between;align-items:center;padding:3px 3px 10px}.kanban-col header b{font-size:10px}.kanban-col header span{font-size:8px;background:var(--op-line2);border-radius:10px;padding:3px 6px}.task-card{background:var(--op-surface);border:1px solid var(--op-line);border-radius:9px;padding:10px;margin-bottom:9px}.task-card>div:first-child{display:flex;justify-content:space-between}.task-card>div:first-child button{border:0;background:transparent}.task-card h4{font-size:10px;margin:9px 0 5px}.task-card p{font-size:8.5px;color:var(--op-muted);margin:0 0 11px}.task-card footer{display:flex;justify-content:space-between;align-items:center;font-size:8px;color:var(--op-muted)}.task-card footer .mini-avatar{width:24px;height:24px;font-size:8px}.add-card{width:100%;height:34px;border:1px dashed var(--op-line);border-radius:8px;background:transparent;color:var(--op-muted);font-size:8.5px}.it-tabs{display:flex;gap:3px;border-bottom:1px solid var(--op-line);margin-bottom:13px}.it-tabs button{height:36px;border:0;background:transparent;color:var(--op-muted);font-size:9px;padding:0 11px;border-bottom:2px solid transparent}.it-tabs button.active{color:var(--op-accent2);border-bottom-color:var(--op-accent)}.access-layout{display:grid;grid-template-columns:minmax(0,2.2fr) minmax(270px,.8fr);gap:14px}.row-action{border:1px solid var(--op-line);border-radius:6px;background:var(--op-surface2);height:27px;padding:0 8px;font-size:8px;color:var(--op-text)}.control-stack{display:grid;gap:8px}.control-stack>div{border:1px solid var(--op-line2);border-radius:8px;background:var(--op-surface2);padding:10px;display:grid;gap:4px}.control-stack b{font-size:9px}.control-stack span{font-size:8px;line-height:1.4;color:var(--op-muted)}.route-flow{display:grid;justify-items:center;gap:6px;padding:8px}.route-flow>div{width:min(440px,100%);text-align:center;border:1px solid var(--op-line);border-radius:8px;background:var(--op-surface2);padding:10px;font-size:9px}.route-flow i{font-style:normal;color:var(--op-muted)}.route-split{display:grid!important;grid-template-columns:repeat(3,1fr);gap:6px;background:transparent!important;border:0!important;padding:0!important;width:100%!important}.route-split b{border:1px solid var(--op-line);border-radius:7px;padding:9px;background:var(--op-accent-soft);color:var(--op-accent2);font-size:8.5px}.booking-list>div,.website-row,.control-row{display:flex;align-items:center;justify-content:space-between;gap:10px;padding:10px 0;border-bottom:1px solid var(--op-line2)}.booking-list>div:last-child,.website-row:last-child,.control-row:last-child{border-bottom:0}.booking-list div>div,.website-row>div,.control-row>div{display:grid}.booking-list b,.website-row b,.control-row b{font-size:9.5px}.booking-list span,.website-row small,.control-row small{font-size:8px;color:var(--op-muted)}.mail-shell{display:grid;grid-template-columns:185px minmax(300px,.9fr) minmax(390px,1.2fr);height:calc(100vh - 138px);min-height:620px;border:1px solid var(--op-line);border-radius:12px;overflow:hidden;background:var(--op-surface)}.mail-rail{border-right:1px solid var(--op-line2);padding:11px}.mail-rail button{display:flex;align-items:center;justify-content:space-between}.mail-rail .primary-mail{height:38px;background:var(--op-accent);color:#fff;text-align:center;justify-content:center;font-weight:700;margin-bottom:10px}.mail-list{border-right:1px solid var(--op-line2);overflow:auto}.mail-list>header{height:55px;border-bottom:1px solid var(--op-line2);padding:0 12px;display:flex;align-items:center;justify-content:space-between;font-size:9px}.mail-list>header div button{border:0;background:transparent;font-size:8px;color:var(--op-muted)}.mail-item{padding:11px 12px;border-bottom:1px solid var(--op-line2);position:relative}.mail-item.selected{background:var(--op-accent-soft)}.mail-item>div:first-child{display:flex;justify-content:space-between;font-size:8px}.mail-item>div:first-child small{color:var(--op-muted)}.mail-item strong{font-size:9.5px;display:block;margin:5px 0}.mail-item p{font-size:8px;color:var(--op-muted);margin:0 0 6px}.mail-reader{padding:18px 20px;overflow:auto}.mail-reader>header{display:flex;justify-content:space-between}.mail-reader h2{font-size:18px;margin:18px 0}.mail-from{display:flex;gap:9px;align-items:center;margin-bottom:20px}.mail-from>div{display:grid}.mail-from b{font-size:9px}.mail-from small{font-size:8px;color:var(--op-muted)}.mail-reader>p{font-size:10px;line-height:1.6}.linked-record{border:1px solid var(--op-line);border-radius:9px;background:var(--op-surface2);padding:10px;margin:20px 0;display:grid;grid-template-columns:1fr auto;gap:4px}.linked-record b,.linked-record span{font-size:8px}.linked-record span{color:var(--op-muted)}.linked-record button{grid-column:2;grid-row:1/3;border:0;background:transparent;color:var(--op-accent2);font-size:8px}.preview-badge{font-size:8px;font-weight:800;border:1px solid #d4a842;background:#fff6d9;color:#8e6511;padding:6px 8px;border-radius:6px}.client-preview{height:calc(100vh - 138px);min-height:650px;border:1px solid var(--op-line);border-radius:12px;overflow:hidden;display:grid;grid-template-columns:190px 1fr;background:#f4f6fb;color:#18233c}.client-preview>aside{background:#17213b;color:#fff;padding:18px 13px}.client-logo{font-size:18px;font-weight:800;margin:4px 7px 23px}.client-logo small{font-size:8px;font-weight:500;color:#aeb7cc}.client-company{display:flex;gap:8px;align-items:center;padding:8px;margin-bottom:14px;background:#202c49;border-radius:8px}.client-company>div:first-child{width:30px;height:30px;border-radius:50%;display:grid;place-items:center;background:#5d6ee6;font-weight:800}.client-company>div:last-child{display:grid}.client-company b{font-size:9px}.client-company small{font-size:7.5px;color:#aeb7cc}.client-preview nav{display:grid;gap:4px}.client-preview nav button{height:35px;border:0;background:transparent;border-radius:7px;color:#bec6d8;text-align:left;padding:0 9px;font-size:9px}.client-preview nav button.active{background:#354467;color:#fff}.client-preview>main{padding:22px;overflow:auto}.client-welcome{display:flex;justify-content:space-between;align-items:center;margin-bottom:17px}.client-welcome h2{font-size:20px;margin:0 0 4px}.client-welcome p{font-size:9px;color:#667187;margin:0}.request-row{display:flex;justify-content:space-between;align-items:center;padding:10px 0;border-bottom:1px solid #e4e8f0}.request-row>div{display:grid;gap:3px}.request-row b{font-size:9px}.request-row small{font-size:8px;color:#6c778e}.case-manager{display:flex;gap:9px;align-items:center;margin:5px 0 13px}.case-manager div{display:grid}.case-manager h3{font-size:11px;margin:0}.case-manager p{font-size:8px;color:#6c778e;margin:2px 0}.client-project{display:grid;grid-template-columns:minmax(160px,1fr) minmax(160px,1fr) 100px;align-items:center;gap:12px;padding:10px 0;border-bottom:1px solid #e4e8f0}.client-project b{font-size:9px}.client-project span{font-size:8px;color:#6c778e}.source-row{display:grid;grid-template-columns:120px 1fr 35px;gap:8px;align-items:center;padding:8px 0}.source-row span,.source-row b{font-size:8.5px}.compact-flow>div{padding:7px}.policy-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:9px}.policy-grid>div{border:1px solid var(--op-line2);border-radius:8px;background:var(--op-surface2);padding:11px}.policy-grid b{font-size:9px}.policy-grid p{font-size:8px;line-height:1.45;color:var(--op-muted);margin:5px 0 0}.settings-layout{display:grid;grid-template-columns:190px 1fr;gap:14px}.settings-menu{background:var(--op-surface);border:1px solid var(--op-line);border-radius:10px;padding:9px}.settings-panels{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:14px;align-items:start}.profile-panel{display:flex;align-items:center;gap:12px;margin-bottom:14px}.profile-panel img{width:58px;height:58px;border-radius:50%;object-fit:cover}.profile-panel h2{font-size:15px;margin:0 0 3px}.profile-panel p{font-size:9px;color:var(--op-muted);margin:0 0 6px}.profile-panel span{font-size:8px;background:var(--op-accent-soft);color:var(--op-accent2);padding:4px 6px;border-radius:5px}.detail-grid{display:grid;grid-template-columns:repeat(2,1fr);gap:8px}.detail-grid label{border:1px solid var(--op-line2);border-radius:7px;padding:9px;font-size:8px;color:var(--op-muted);display:grid;gap:4px}.detail-grid b{font-size:9px;color:var(--op-text)}.security-check{display:flex;gap:9px;align-items:center;padding:10px 0;border-bottom:1px solid var(--op-line2);color:var(--op-green)}.security-check span{display:grid}.security-check b{font-size:9px;color:var(--op-text)}.security-check small{font-size:8px;color:var(--op-muted)}.modal-backdrop{position:fixed;inset:0;background:rgba(15,22,38,.46);z-index:100;display:grid;place-items:center;padding:20px}.modal{width:min(470px,95vw);background:var(--op-surface);border:1px solid var(--op-line);border-radius:12px;box-shadow:0 24px 70px rgba(12,18,36,.28);color:var(--op-text)}.modal-head{height:52px;border-bottom:1px solid var(--op-line2);display:flex;align-items:center;justify-content:space-between;padding:0 15px}.modal-head h3{font-size:12px}.modal-head button{border:0;background:transparent;font-size:20px;color:var(--op-muted)}.modal-body{padding:17px}.modal-actions{display:flex;justify-content:flex-end;gap:8px;padding:0 17px 17px}.employee-modal{display:grid;gap:13px}.modal-status{font-size:9px}.freeze-explain{border:1px solid #f0c8cb;background:var(--op-red-soft);border-radius:8px;padding:10px}.freeze-explain b{font-size:9px;color:var(--op-red)}.freeze-explain p{font-size:8px;line-height:1.5;color:var(--op-muted);margin:5px 0 0}.view-loading,.view-error{min-height:400px;display:grid;place-items:center;color:var(--op-muted)}.toast{background:var(--op-surface);color:var(--op-text);z-index:120}.toast[data-tone="success"]{border-color:#9ad9bd}.muted{color:var(--op-muted)}
@media(max-width:1200px){.hub-screen{grid-template-columns:210px minmax(0,1fr)}.metric-grid{grid-template-columns:repeat(3,1fr)}.metric-grid.four{grid-template-columns:repeat(2,1fr)}.dashboard-grid.thirds{grid-template-columns:1fr 1fr}.comm-shell{grid-template-columns:190px 1fr}.context-rail{display:none}.mail-shell{grid-template-columns:170px 300px 1fr}.policy-grid{grid-template-columns:repeat(2,1fr)}}
@media(max-width:900px){.hub-screen{grid-template-columns:74px minmax(0,1fr)}.hub-brand>div:last-child,.hub-nav h6,.hub-nav button b,.hub-nav button em,.hub-user>div,.hub-user button{display:none}.hub-brand{justify-content:center;padding:0}.hub-nav{padding:10px 7px}.hub-nav button{grid-template-columns:1fr;place-items:center;padding:0}.hub-nav button span{font-size:17px}.hub-user{grid-template-columns:1fr;place-items:center;padding:0}.hub-view{padding:18px 14px}.dashboard-grid.two-one,.dashboard-grid.half,.settings-layout{grid-template-columns:1fr}.comm-shell{grid-template-columns:150px 1fr}.mail-shell{grid-template-columns:150px 1fr}.mail-reader{display:none}.access-layout{grid-template-columns:1fr}.settings-panels{grid-template-columns:1fr}.client-preview{grid-template-columns:150px 1fr}}
@media(max-width:650px){.hub-screen{display:block}.hub-sidebar{display:none}.hub-topbar{height:62px;padding:0 10px}.mobile-nav{display:block;border:0;background:transparent;color:var(--op-text);font-size:20px}.global-search{width:52vw;grid-template-columns:24px 1fr}.global-search kbd,.mini-theme,.profile-chip.compact span,.profile-chip.compact b{display:none}.profile-chip.compact{min-width:38px;width:38px;border:0;padding:0}.hub-top-actions{gap:4px}.top-icon{display:none}.view-heading{display:grid}.view-actions{justify-content:flex-start}.metric-grid,.metric-grid.four,.manager-summary,.routing-summary,.client-metrics{grid-template-columns:repeat(2,1fr)}.dashboard-grid.thirds{grid-template-columns:1fr}.comm-shell{height:calc(100vh - 175px);grid-template-columns:1fr}.comm-rail{display:none}.kanban{grid-template-columns:repeat(4,270px)}.mail-shell{height:calc(100vh - 175px);grid-template-columns:1fr}.mail-rail{display:none}.client-preview{height:auto;display:block}.client-preview>aside{display:none}.client-preview>main{padding:14px}.client-project{grid-template-columns:1fr}.policy-grid{grid-template-columns:1fr}.pulse-row{grid-template-columns:1fr 1fr}.pulse-row strong{display:none}.settings-menu{display:none}}

/* v0.3.0 enterprise operating domains */
.body-copy{font-size:9px;line-height:1.6;color:var(--op-muted);margin:0}.row-buttons{display:flex;gap:5px}.row-buttons button,.primary-mini{height:26px;padding:0 8px;border:1px solid var(--op-line);background:var(--op-surface);border-radius:6px;color:var(--op-text);font-size:8px}.row-buttons .primary-mini{background:var(--op-accent);border-color:var(--op-accent);color:#fff}.negative{color:var(--op-red)!important;font-weight:800}.positive{color:var(--op-green)!important;font-weight:800}.program-grid{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:12px;margin-bottom:14px}.program-card{display:grid;gap:10px}.program-card .op-card-head{display:flex;align-items:center;justify-content:space-between}.program-meta{display:flex;align-items:center;justify-content:space-between;font-size:8px;color:var(--op-muted)}.program-meta b{font-size:8.5px;color:var(--op-text)}.progress.large{height:7px}.program-stats{display:grid;grid-template-columns:1fr 1fr;gap:8px}.program-stats>div{border:1px solid var(--op-line2);background:var(--op-surface2);border-radius:7px;padding:8px;display:grid;gap:3px}.program-stats small,.program-card>small{font-size:7.5px;color:var(--op-muted)}.program-stats b,.program-card>b,.program-card>span{font-size:8.5px}.program-card hr{width:100%;border:0;border-top:1px solid var(--op-line2);margin:2px 0}.budget-row{display:grid;grid-template-columns:180px 1fr 42px;gap:10px;align-items:center;padding:9px 0;border-bottom:1px solid var(--op-line2)}.budget-row:last-child{border-bottom:0}.budget-row>div:first-child{display:grid}.budget-row b{font-size:8.5px}.budget-row small{font-size:7.5px;color:var(--op-muted)}.system-row{display:grid;grid-template-columns:170px 1fr 90px 38px;align-items:center;gap:9px;padding:9px 0;border-bottom:1px solid var(--op-line2)}.system-row>div:first-child{display:grid}.system-row b{font-size:8.5px}.system-row small{font-size:7.5px;color:var(--op-muted)}.system-row>strong{font-size:8px;text-align:right}.incident-row{display:grid;grid-template-columns:1fr 70px 90px;gap:8px;align-items:center;padding:9px 0;border-bottom:1px solid var(--op-line2)}.incident-row>div{display:grid}.incident-row b{font-size:8.5px}.incident-row small{font-size:7.5px;color:var(--op-muted)}
@media(max-width:1200px){.program-grid{grid-template-columns:repeat(2,minmax(0,1fr))}}
@media(max-width:650px){.program-grid{grid-template-columns:1fr}.budget-row,.system-row,.incident-row{grid-template-columns:1fr}.system-row>strong{text-align:left}}

.form-stack{display:grid;gap:11px}.form-stack label{display:grid;gap:5px;font-size:8px;font-weight:700;color:var(--op-muted)}.form-stack input,.form-stack select{height:36px;border:1px solid var(--op-line);border-radius:7px;background:var(--op-surface2);color:var(--op-text);padding:0 9px;font:inherit;font-size:9px;outline:none}.form-stack input:focus,.form-stack select:focus{border-color:var(--op-accent)}.form-two{display:grid;grid-template-columns:1fr 1fr;gap:9px}

/* =========================================================
   v0.4.0 — material operating-system redesign
   ========================================================= */
.hub-screen{grid-template-columns:272px minmax(0,1fr);font-size:14px}
.hub-sidebar{grid-template-rows:78px 1fr 78px}
.hub-brand{padding:0 20px}.hub-brand strong{font-size:20px}.hub-brand small{font-size:11px}
.hub-nav{padding:14px 12px}.hub-nav section{margin-bottom:18px}.hub-nav h6{font-size:10px;margin:10px 10px 6px}.hub-nav button{height:42px;padding:0 10px;grid-template-columns:28px 1fr auto}.hub-nav button b{font-size:12.5px}.hub-nav button em{font-size:10px}.hub-user strong{font-size:12.5px}.hub-user small{font-size:10.5px}
.hub-topbar{height:72px;padding:0 28px}.global-search{height:42px}.global-search input{font-size:12.5px}
.hub-view{padding:30px 34px 60px;max-width:1840px}.view-heading{margin-bottom:24px}.view-heading h1{font-size:30px;letter-spacing:-.75px}.view-heading p{font-size:13.5px;max-width:900px}.btn{height:40px;font-size:12px;padding:0 14px}
.op-card{border-radius:14px;padding:20px;box-shadow:0 8px 28px rgba(48,56,96,.045)}.op-card-head{margin-bottom:16px}.op-card-head h3{font-size:15px}.metric-card{min-height:118px;padding:18px;border-radius:14px}.metric-card span{font-size:12px}.metric-card strong{font-size:29px}.metric-card small{font-size:11px}.status-pill{font-size:10px;padding:5px 8px;border-radius:7px}.mini-avatar{width:34px;height:34px;font-size:11px}.progress{height:8px}.progress.large{height:9px}.op-table{font-size:12px}.op-table th{font-size:10px}.op-table td{padding:11px 9px}.op-table.roomy td{padding:14px 10px}.op-table td small{display:block;color:var(--op-muted);font-size:10.5px;margin-top:3px}.row-action{font-size:11px;min-height:30px;padding:0 9px}.person-cell b{font-size:12px}.person-cell small{font-size:10.5px}.body-copy{font-size:12px}.form-stack label{font-size:11px}.form-stack input,.form-stack select{font-size:12px}.modal{width:min(560px,95vw)}.modal-head h3{font-size:15px}.modal-status,.freeze-explain b{font-size:12px}.freeze-explain p{font-size:11.5px}

/* executive */
.exec-hero{display:grid;grid-template-columns:minmax(0,1fr) 230px;gap:24px;align-items:center;background:linear-gradient(135deg,#20294a,#34406e 58%,#4f5ee7);color:#fff;border-radius:18px;padding:28px 30px;margin-bottom:16px;box-shadow:0 16px 40px rgba(38,49,94,.18)}
.exec-hero .eyebrow,.routing-principle span,.resource-state span,.client-account-head .eyebrow{font-size:10px;letter-spacing:.13em;font-weight:800;opacity:.72}.exec-hero h2{font-size:25px;line-height:1.25;margin:7px 0 8px;max-width:900px}.exec-hero h2 b{color:#dce2ff}.exec-hero p{font-size:13px;line-height:1.55;color:#d7dcf0;max-width:900px;margin:0}.hero-actions{display:flex;gap:8px;margin-top:18px}.hero-actions button{height:38px;border:1px solid rgba(255,255,255,.25);border-radius:9px;background:rgba(255,255,255,.1);color:#fff;padding:0 13px;font-weight:700;font-size:12px}.exec-health{height:160px;border:1px solid rgba(255,255,255,.22);border-radius:16px;background:rgba(255,255,255,.09);display:grid;place-content:center;text-align:center}.exec-health strong{font-size:52px;line-height:1}.exec-health span{font-size:12px;margin-top:5px}.exec-health small{font-size:10px;color:#d1d8ef;margin-top:8px}.executive-metrics{grid-template-columns:repeat(6,minmax(0,1fr));margin-bottom:16px}.executive-grid{display:grid;grid-template-columns:minmax(0,1.7fr) minmax(300px,.7fr);gap:16px;margin-bottom:16px}.executive-grid.lower{grid-template-columns:minmax(0,1.15fr) minmax(0,.85fr)}
.manager-accountability{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:10px}.manager-accountability article{border:1px solid var(--op-line2);background:var(--op-surface2);border-radius:12px;padding:13px}.manager-main{display:grid;grid-template-columns:38px 1fr auto;align-items:center;gap:9px}.manager-main>div{display:grid}.manager-main b{font-size:12.5px}.manager-main small{font-size:10px;color:var(--op-muted)}.manager-kpis{display:grid;grid-template-columns:repeat(4,1fr);gap:6px;margin:12px 0}.manager-kpis span{display:grid;gap:2px}.manager-kpis small{font-size:9px;color:var(--op-muted);text-transform:uppercase}.manager-kpis b{font-size:13px}.decision-stack{display:grid;gap:9px}.decision-stack button{display:grid;grid-template-columns:1fr auto;gap:3px 8px;text-align:left;border:1px solid var(--op-line2);border-radius:10px;background:var(--op-surface2);padding:11px}.decision-stack button>span:first-child{font-size:9px;color:var(--op-muted);font-weight:800;letter-spacing:.08em}.decision-stack button b{font-size:12px}.decision-stack button small{font-size:10px;color:var(--op-muted)}.decision-stack .status-pill{grid-column:2;grid-row:1/4;align-self:center}.activity-feed{display:grid}.activity-feed>div{display:grid;grid-template-columns:42px 36px 1fr auto;gap:8px;align-items:center;padding:10px 0;border-bottom:1px solid var(--op-line2)}.activity-feed time{font-size:10px;color:var(--op-muted)}.activity-feed p{margin:0;font-size:11.5px}.activity-feed p small{display:block;color:var(--op-muted);font-size:10px;margin-top:2px}.activity-feed>div>span{font-size:9px;font-weight:800;color:var(--op-accent2);background:var(--op-accent-soft);padding:4px 6px;border-radius:6px}.client-pulse{display:grid;gap:8px}.client-pulse button{display:grid;grid-template-columns:1fr auto;gap:7px 12px;border:1px solid var(--op-line2);background:var(--op-surface2);border-radius:10px;padding:11px;text-align:left}.client-pulse button>div:first-child{display:grid}.client-pulse b{font-size:12px}.client-pulse small{font-size:10px;color:var(--op-muted)}.client-pulse strong{font-size:13px}.client-pulse .progress{grid-column:1}.client-pulse>button>span{font-size:10px;color:var(--op-muted)}

/* manager */
.manager-command-strip{display:grid;grid-template-columns:repeat(5,1fr);gap:10px;margin-bottom:16px}.manager-command-strip>div{background:var(--op-surface);border:1px solid var(--op-line);border-radius:12px;padding:14px;display:grid;gap:4px}.manager-command-strip span{font-size:9px;letter-spacing:.08em;color:var(--op-muted);font-weight:800}.manager-command-strip strong{font-size:24px}.manager-command-strip small{font-size:10px;color:var(--op-muted)}.manager-layout{display:grid;grid-template-columns:minmax(0,1fr) 320px;gap:16px;margin-bottom:16px}.team-control,.manager-action-panel{background:var(--op-surface);border:1px solid var(--op-line);border-radius:14px;padding:18px}.team-control>header{display:flex;justify-content:space-between;align-items:center;margin-bottom:8px}.team-control h3,.manager-action-panel h3{font-size:15px;margin:0}.team-control p{font-size:11px;color:var(--op-muted);margin:4px 0}.team-control>header button{border:0;background:transparent;color:var(--op-accent2);font-size:11px;font-weight:700}.team-person{display:grid;grid-template-columns:minmax(220px,1.3fr) minmax(160px,.8fr) 120px 72px;gap:12px;align-items:center;padding:12px 0;border-bottom:1px solid var(--op-line2)}.team-load{display:grid;grid-template-columns:1fr 38px;gap:8px;align-items:center}.team-load b{font-size:11px}.team-work{display:grid;font-size:10px;color:var(--op-muted)}.team-person>button{height:30px;border:1px solid var(--op-line);background:var(--op-surface2);border-radius:7px;font-size:10px}.manager-action-panel{display:grid;align-content:start;gap:10px}.manager-action{border:1px solid var(--op-line2);border-radius:10px;padding:12px;background:var(--op-surface2)}.manager-action.critical{border-left:4px solid var(--op-red)}.manager-action>span{font-size:9px;font-weight:800;color:var(--op-muted)}.manager-action b{display:block;font-size:12px;margin:4px 0}.manager-action p{font-size:10.5px;color:var(--op-muted);line-height:1.45;margin:0 0 9px}.manager-action button{height:29px;border:0;border-radius:7px;background:var(--op-accent-soft);color:var(--op-accent2);font-size:10px;font-weight:700;padding:0 9px}

/* organization */
.org-summary{display:grid;grid-template-columns:repeat(4,1fr);gap:10px;margin-bottom:16px}.org-summary>div{border:1px solid var(--op-line);background:var(--op-surface);border-radius:12px;padding:14px;display:grid;gap:5px}.org-summary span{font-size:9px;letter-spacing:.08em;color:var(--op-muted);font-weight:800}.org-summary strong{font-size:19px}.department-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:14px}.department-card{background:var(--op-surface);border:1px solid var(--op-line);border-radius:14px;padding:16px;display:grid;gap:12px}.department-card header{display:grid;grid-template-columns:1fr auto;gap:10px}.department-card header>div{display:grid;gap:4px}.department-card header b{font-size:13px}.department-card header small{font-size:10.5px;line-height:1.4;color:var(--op-muted)}.department-card header>strong{font-size:15px}.department-owner{display:grid;grid-template-columns:36px 1fr auto;gap:8px;align-items:center}.department-owner>div{display:grid}.department-owner span{font-size:9px;color:var(--op-muted)}.department-owner b{font-size:11px}.department-owner em{font-size:10px;font-style:normal;color:var(--op-muted)}.department-card footer{display:flex;gap:7px}.department-card footer button{height:31px;border:1px solid var(--op-line);background:var(--op-surface2);border-radius:7px;font-size:10px;padding:0 9px}

/* communication */
.communication-workspace{display:grid;grid-template-columns:270px minmax(0,1fr) 300px;height:calc(100vh - 145px);min-height:690px;background:var(--op-surface);border:1px solid var(--op-line);border-radius:15px;overflow:hidden}.channel-directory{border-right:1px solid var(--op-line2);padding:12px;overflow:auto}.channel-search{height:38px;border:1px solid var(--op-line);border-radius:8px;background:var(--op-surface2);display:flex;align-items:center;gap:8px;padding:0 10px;color:var(--op-muted);font-size:11px;margin-bottom:12px}.channel-directory section{margin-bottom:15px}.channel-directory h5{font-size:9px;letter-spacing:.09em;color:var(--op-muted);margin:7px}.channel-directory button{width:100%;display:grid;grid-template-columns:22px 1fr auto;gap:6px;align-items:center;border:0;background:transparent;border-radius:8px;padding:8px;text-align:left;color:var(--op-text)}.channel-directory button.active{background:var(--op-accent-soft)}.channel-directory button>div{display:grid}.channel-directory button b{font-size:11px}.channel-directory button small{font-size:9px;color:var(--op-muted);white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.channel-directory button em{font-style:normal;font-size:9px;background:var(--op-accent);color:#fff;min-width:20px;height:20px;border-radius:10px;display:grid;place-items:center}.conversation-pane{min-width:0;display:grid;grid-template-rows:64px 38px 1fr 62px}.conversation-pane>header{display:flex;align-items:center;justify-content:space-between;padding:0 18px;border-bottom:1px solid var(--op-line2)}.conversation-pane>header h2{font-size:15px;margin:0}.conversation-pane>header p{font-size:10px;color:var(--op-muted);margin:3px 0 0}.conversation-pane>header button{border:1px solid var(--op-line);background:var(--op-surface2);border-radius:7px;height:30px;font-size:10px}.conversation-context{display:flex;align-items:center;gap:7px;padding:0 18px;border-bottom:1px solid var(--op-line2);background:var(--op-surface2);overflow:auto;white-space:nowrap}.conversation-context span{font-size:8px;font-weight:800;color:var(--op-muted)}.conversation-context b{font-size:10px}.conversation-context i{font-style:normal;color:var(--op-muted)}.message-list.modern{padding:14px 18px;overflow:auto}.message-list.modern .message{grid-template-columns:36px 1fr;padding:10px 0}.message-list.modern .message b{font-size:11.5px}.message-list.modern .message b small{font-size:9px;color:var(--op-muted);margin-left:7px}.message-list.modern .message p{font-size:12px;line-height:1.55;margin:5px 0}.message-list.modern footer{display:flex;gap:5px}.message-list.modern footer button{border:0;background:transparent;color:var(--op-muted);font-size:9px;padding:0}.composer.modern{display:grid;grid-template-columns:34px 1fr 34px auto;gap:7px;align-items:center;padding:10px 14px;border-top:1px solid var(--op-line2)}.composer.modern input{height:40px;border:1px solid var(--op-line);background:var(--op-surface2);border-radius:9px;padding:0 11px;font-size:12px}.composer.modern>button:not(.btn){height:34px;border:0;background:transparent;color:var(--op-muted)}.work-context{border-left:1px solid var(--op-line2);padding:16px;overflow:auto}.work-context>header{display:flex;justify-content:space-between;align-items:center}.work-context h3{font-size:14px}.work-context>header button{border:0;background:transparent}.context-block{border-top:1px solid var(--op-line2);padding:14px 0;display:grid;gap:8px}.context-block>span{font-size:9px;color:var(--op-muted);text-transform:uppercase;font-weight:800;letter-spacing:.07em}.context-block>b{font-size:11px}.context-stats{display:grid;grid-template-columns:repeat(3,1fr);gap:6px}.context-stats b{border:1px solid var(--op-line2);background:var(--op-surface2);border-radius:8px;padding:8px;font-size:16px;display:grid}.context-stats small{font-size:8px;color:var(--op-muted)}.context-block>button{height:32px;border:1px solid var(--op-line);background:var(--op-surface2);border-radius:7px;text-align:left;padding:0 9px;font-size:10px}

/* work */
.work-controlbar{display:flex;justify-content:space-between;gap:12px;margin-bottom:14px}.work-controlbar>div{display:flex;gap:6px}.work-controlbar button{height:33px;border:1px solid var(--op-line);background:var(--op-surface);border-radius:8px;padding:0 10px;font-size:10px}.work-controlbar button.active{background:var(--op-accent-soft);color:var(--op-accent2);border-color:#cfd4fa}.modern-board{grid-template-columns:repeat(4,minmax(280px,1fr));gap:12px;overflow:auto}.modern-board .kanban-col{min-width:280px;padding:10px;border-radius:12px}.modern-board .kanban-col>header{display:flex;justify-content:space-between;align-items:center;margin-bottom:8px}.modern-board .kanban-col>header>div{display:flex;align-items:center;gap:7px}.modern-board .kanban-col>header b{font-size:12px}.modern-board .kanban-col>header span{font-size:9px;background:var(--op-line2);padding:3px 6px;border-radius:8px}.modern-board .kanban-col>header>button{border:0;background:transparent}.task-card.modern{padding:13px;border-radius:10px}.task-card.modern .task-top{display:flex;align-items:center;justify-content:space-between}.task-card.modern .task-top>span:last-child{font-size:9px;color:var(--op-muted)}.task-card.modern h4{font-size:12px;line-height:1.35;margin:10px 0 5px}.task-card.modern p{font-size:10.5px}.task-meta{display:flex;justify-content:space-between;gap:8px;margin:12px 0;color:var(--op-muted);font-size:9px}.task-card.modern footer{display:grid;grid-template-columns:30px 1fr auto;align-items:center;gap:6px}.task-card.modern footer b{font-size:10px}.task-card.modern footer button{border:0;background:transparent}

/* IT */
.it-command-strip{display:flex;gap:6px;overflow:auto;margin-bottom:14px}.it-command-strip button{height:38px;border:1px solid var(--op-line);background:var(--op-surface);border-radius:9px;padding:0 11px;font-size:10px;white-space:nowrap}.it-command-strip button.active{background:var(--op-accent-soft);color:var(--op-accent2)}.it-command-strip b{margin-left:5px}.it-layout{display:grid;grid-template-columns:minmax(0,1fr) 340px;gap:15px}.it-people-panel{background:var(--op-surface);border:1px solid var(--op-line);border-radius:14px;padding:18px;min-width:0}.it-people-panel>header{display:flex;justify-content:space-between;align-items:center;margin-bottom:12px}.it-people-panel h3{font-size:15px;margin:0}.it-people-panel p{font-size:10.5px;color:var(--op-muted);margin:4px 0}.table-search{height:34px;border:1px solid var(--op-line);background:var(--op-surface2);border-radius:8px;padding:0 10px;display:flex;align-items:center;color:var(--op-muted);font-size:10px}.account-count{font-size:10px;color:var(--op-muted)}.row-action.primary{background:var(--op-accent-soft);color:var(--op-accent2);border-color:#cfd4fa}.it-side-panel{display:grid;gap:14px;align-content:start}.it-side-panel>section{background:var(--op-surface);border:1px solid var(--op-line);border-radius:14px;padding:16px}.it-side-panel>section>span{font-size:9px;letter-spacing:.08em;color:var(--op-muted);font-weight:800}.it-side-panel h3{font-size:16px;margin:6px 0}.it-side-panel p{font-size:11px;line-height:1.55;color:var(--op-muted)}.cascade-list{display:grid}.cascade-list>div{display:flex;justify-content:space-between;gap:8px;padding:8px 0;border-top:1px solid var(--op-line2);font-size:10px}.cascade-list b{font-size:9px;color:var(--op-red)}.managed-app{display:flex;align-items:center;justify-content:space-between;gap:8px;padding:10px 0;border-top:1px solid var(--op-line2)}.managed-app>div{display:grid}.managed-app b{font-size:11px}.managed-app small{font-size:9px;color:var(--op-muted)}

/* routing */
.routing-principle{display:grid;grid-template-columns:minmax(0,1fr) minmax(420px,.8fr);gap:20px;align-items:center;background:linear-gradient(135deg,var(--op-surface),var(--op-accent-soft));border:1px solid #d7dcf8;border-radius:15px;padding:20px 22px;margin-bottom:15px}.routing-principle h2{font-size:20px;margin:5px 0}.routing-principle p{font-size:11.5px;line-height:1.55;color:var(--op-muted);margin:0}.route-flow{display:flex;align-items:center;justify-content:center;gap:6px;flex-wrap:wrap}.route-flow b{background:var(--op-surface);border:1px solid var(--op-line);padding:8px 9px;border-radius:8px;font-size:10px}.route-flow i{font-style:normal;color:var(--op-muted)}.routing-layout{display:grid;grid-template-columns:minmax(0,1.5fr) minmax(320px,.5fr);gap:15px;margin-bottom:15px}.routing-rules{display:grid;gap:9px}.routing-rules>div{border:1px solid var(--op-line2);background:var(--op-surface2);border-radius:10px;padding:11px;display:grid;gap:3px}.routing-rules span{font-size:9px;color:var(--op-muted);font-weight:800}.routing-rules b{font-size:11.5px}.routing-rules small{font-size:10px;line-height:1.4;color:var(--op-muted)}

/* clients */
.client-ops-layout{display:grid;grid-template-columns:270px minmax(0,1fr);border:1px solid var(--op-line);border-radius:15px;background:var(--op-surface);min-height:720px;overflow:hidden}.client-list-panel{border-right:1px solid var(--op-line2);padding:13px}.client-list-panel header{display:flex;justify-content:space-between;align-items:center;padding:4px 5px 12px}.client-list-panel h3{font-size:14px;margin:0}.client-list-panel header span{font-size:9px;color:var(--op-muted)}.client-list-panel>button{width:100%;border:0;background:transparent;border-radius:10px;padding:10px;display:flex;align-items:center;justify-content:space-between;text-align:left}.client-list-panel>button.active{background:var(--op-accent-soft)}.client-list-panel>button>div{display:flex;align-items:center;gap:8px}.client-list-panel>button>div>span{display:grid}.client-list-panel b{font-size:11px}.client-list-panel small{font-size:9px;color:var(--op-muted)}.client-list-panel strong{font-size:11px}.client-account{padding:20px;min-width:0}.client-account-head{display:grid;grid-template-columns:1fr 110px auto;gap:14px;align-items:center;padding-bottom:16px;border-bottom:1px solid var(--op-line2)}.client-account-head h2{font-size:23px;margin:5px 0 3px}.client-account-head p{font-size:11px;color:var(--op-muted);margin:0}.client-account-head>button{height:36px;border:1px solid var(--op-line);background:var(--op-surface2);border-radius:8px;font-size:10px}.client-health{display:grid;text-align:center}.client-health strong{font-size:24px}.client-health span{font-size:9px;color:var(--op-muted)}.client-account-metrics{display:grid;grid-template-columns:repeat(4,1fr);gap:10px;padding:16px 0}.client-account-metrics>div{border:1px solid var(--op-line2);background:var(--op-surface2);border-radius:10px;padding:11px;display:grid;gap:4px}.client-account-metrics>div>span{font-size:9px;color:var(--op-muted);text-transform:uppercase;font-weight:800}.client-account-metrics strong{font-size:15px}.client-account-metrics small{font-size:9px;color:var(--op-muted)}.client-tabs{display:flex;gap:3px;border-bottom:1px solid var(--op-line2);overflow:auto}.client-tabs button{height:38px;border:0;background:transparent;font-size:10px;color:var(--op-muted);padding:0 10px;white-space:nowrap}.client-tabs button.active{color:var(--op-accent2);font-weight:800;border-bottom:2px solid var(--op-accent)}.client-account-grid{display:grid;grid-template-columns:1.1fr .9fr;gap:14px;margin-top:14px}.request-list-modern article{display:grid;grid-template-columns:1fr auto auto 110px;gap:8px;align-items:center;padding:11px 0;border-bottom:1px solid var(--op-line2)}.request-list-modern article>div{display:grid}.request-list-modern b{font-size:11px}.request-list-modern small{font-size:9px;color:var(--op-muted)}.request-list-modern article>span:last-child{font-size:10px}.client-thread{display:grid;gap:10px}.client-thread>div{display:grid;grid-template-columns:34px 1fr;gap:8px}.client-thread p{font-size:11px;line-height:1.45;margin:0}.client-thread p b{display:block}.client-thread p small{font-size:9px;color:var(--op-muted);margin-left:6px}.client-thread>button{height:34px;border:1px solid var(--op-line);background:var(--op-surface2);border-radius:8px;font-size:10px}

/* website */
.website-funnel{display:grid;grid-template-columns:1fr 34px 1fr 34px 1fr 34px 1fr;align-items:center;margin-bottom:15px}.website-funnel>div{background:var(--op-surface);border:1px solid var(--op-line);border-radius:13px;padding:15px;display:grid;gap:4px}.website-funnel span{font-size:9px;letter-spacing:.08em;color:var(--op-muted);font-weight:800}.website-funnel strong{font-size:24px}.website-funnel small{font-size:10px;color:var(--op-muted)}.website-funnel>i{text-align:center;font-style:normal;color:var(--op-muted)}.website-grid{display:grid;grid-template-columns:1.1fr .9fr;gap:15px;margin-bottom:15px}.domain-performance>div{display:grid;grid-template-columns:180px 1fr 70px;gap:10px;align-items:center;padding:10px 0;border-bottom:1px solid var(--op-line2)}.domain-performance>div>div:first-child{display:grid}.domain-performance b{font-size:11px}.domain-performance small{font-size:9px;color:var(--op-muted)}.domain-performance strong{font-size:14px;display:grid;text-align:right}.source-performance>div{display:grid;grid-template-columns:120px 1fr 35px;gap:9px;align-items:center;padding:9px 0}.source-performance span,.source-performance b{font-size:10px}.booking-handoff{display:grid;gap:8px}.booking-handoff article{display:grid;grid-template-columns:1fr 120px 110px auto;gap:8px;align-items:center;border:1px solid var(--op-line2);border-radius:9px;padding:10px}.booking-handoff article>div{display:grid}.booking-handoff b{font-size:11px}.booking-handoff small{font-size:9px;color:var(--op-muted)}.booking-handoff article>span{font-size:10px}

/* resource governor */
.resource-state{display:grid;grid-template-columns:1fr 180px;gap:20px;align-items:center;background:linear-gradient(135deg,#17332c,#215346);color:#fff;border-radius:16px;padding:22px 25px;margin-bottom:14px}.resource-state h2{font-size:22px;margin:5px 0}.resource-state p{font-size:11.5px;line-height:1.5;color:#c8e2d9;margin:0}.resource-score{height:120px;border:1px solid rgba(255,255,255,.2);border-radius:13px;background:rgba(255,255,255,.07);display:grid;place-content:center;text-align:center}.resource-score strong{font-size:40px}.resource-score span{font-size:10px}.resource-metrics{display:grid;grid-template-columns:repeat(5,1fr);gap:10px;margin-bottom:14px}.resource-metrics>div{background:var(--op-surface);border:1px solid var(--op-line);border-radius:12px;padding:13px;display:grid;gap:4px}.resource-metrics span{font-size:9px;color:var(--op-muted);font-weight:800}.resource-metrics strong{font-size:18px}.resource-metrics small{font-size:9px;color:var(--op-muted)}.resource-layout{display:grid;grid-template-columns:1fr 1fr;gap:14px;margin-bottom:14px}.resource-budget-list>div{display:grid;grid-template-columns:140px 1fr 40px;gap:10px;align-items:center;padding:10px 0}.resource-budget-list span,.resource-budget-list b{font-size:10px}.resource-policy-list>div{display:grid;grid-template-columns:24px 1fr auto;gap:8px;align-items:center;padding:10px 0;border-bottom:1px solid var(--op-line2)}.resource-policy-list>div>span{color:var(--op-green);font-weight:900}.resource-policy-list>div>div{display:grid}.resource-policy-list b{font-size:11px}.resource-policy-list small{font-size:9px;color:var(--op-muted)}.execution-policy{display:flex;align-items:stretch;gap:7px;overflow:auto}.execution-policy>div{min-width:150px;border:1px solid var(--op-line2);background:var(--op-surface2);border-radius:9px;padding:10px;display:grid;gap:4px}.execution-policy b{font-size:10px}.execution-policy span{font-size:9px;color:var(--op-muted)}.execution-policy i{align-self:center;font-style:normal;color:var(--op-muted)}

@media(max-width:1400px){.executive-metrics{grid-template-columns:repeat(3,1fr)}.executive-grid,.manager-layout,.it-layout,.routing-layout,.website-grid,.client-account-grid{grid-template-columns:1fr}.department-grid{grid-template-columns:repeat(2,1fr)}.communication-workspace{grid-template-columns:230px 1fr}.work-context{display:none}.resource-metrics{grid-template-columns:repeat(3,1fr)}}
@media(max-width:1050px){.hub-screen{grid-template-columns:84px minmax(0,1fr)}.hub-brand>div:last-child,.hub-nav h6,.hub-nav button b,.hub-nav button em,.hub-user>div,.hub-user button{display:none}.hub-brand{justify-content:center;padding:0}.hub-nav button{grid-template-columns:1fr;place-items:center}.executive-grid,.exec-hero,.routing-principle,.resource-state{grid-template-columns:1fr}.manager-accountability{grid-template-columns:1fr}.department-grid{grid-template-columns:1fr}.client-account-metrics{grid-template-columns:repeat(2,1fr)}.website-funnel{grid-template-columns:1fr 22px 1fr}.website-funnel>i:nth-of-type(2){display:none}.communication-workspace{grid-template-columns:210px 1fr}.resource-layout{grid-template-columns:1fr}}
@media(max-width:700px){.hub-view{padding:18px 12px 45px}.view-heading h1{font-size:24px}.executive-metrics,.manager-command-strip,.org-summary,.resource-metrics{grid-template-columns:repeat(2,1fr)}.communication-workspace{grid-template-columns:1fr}.channel-directory{display:none}.client-ops-layout{grid-template-columns:1fr}.client-list-panel{display:none}.team-person{grid-template-columns:1fr 110px}.team-work,.team-person>button{display:none}.website-funnel{grid-template-columns:1fr}.website-funnel>i{display:none}.client-account-head{grid-template-columns:1fr auto}.client-account-head>button{grid-column:1/3}.client-account-metrics{grid-template-columns:1fr}.resource-metrics{grid-template-columns:1fr 1fr}.modern-board{grid-template-columns:repeat(4,280px)}}
.access-cascade-preview{display:grid;border:1px solid var(--op-line2);border-radius:10px;overflow:hidden}.access-cascade-preview span{display:flex;justify-content:space-between;gap:12px;padding:9px 10px;border-bottom:1px solid var(--op-line2);font-size:11px}.access-cascade-preview span:last-child{border-bottom:0}.access-cascade-preview b{font-size:10px;color:var(--op-accent2)}