:root{
  --ink:#14213D; --ink-2:#22345c; --chalk:#F4F6F9; --paper:#fff; --line:#DCE2EA; --line-2:#EBEFF4; --muted:#5B6B7F; --text:#1B2433;
  --teal:#0E7C7B; --teal-d:#0A5C5B; --teal-bg:#E3F3F2; --red:#C23B22; --red-bg:#FBE9E5; --amber:#A8670F; --amber-bg:#FCF1DC; --green:#2F7D4F; --green-bg:#E4F3EA; --blue:#2B5FA6; --blue-bg:#E6EEF9; --grey-bg:#EDF0F4;
  --serif:"Iowan Old Style","Palatino Linotype",Palatino,Georgia,"Times New Roman",serif; --sans:system-ui,-apple-system,"Segoe UI",Roboto,"Helvetica Neue",Arial,sans-serif;
  --side:236px; --r:8px;
}
@media (prefers-color-scheme: dark){ :root{ --chalk:#0E1522; --paper:#151E2E; --line:#2A3649; --line-2:#202B3D; --muted:#9AA9BE; --text:#E6ECF5; --teal-bg:#103636; --red-bg:#3A1C17; --amber-bg:#3A2D12; --green-bg:#16301F; --blue-bg:#182B47; --grey-bg:#1E2839; --teal:#34B1AF; --teal-d:#6FD0CE; --red:#F0806A; --amber:#E4A94E; --green:#6CC08B; --blue:#7FAEEA; } }
*{box-sizing:border-box} html,body{height:100%} body{margin:0;font:14px/1.45 var(--sans);color:var(--text);background:var(--chalk);-webkit-font-smoothing:antialiased}
h1,h2,h3{font-family:var(--serif);font-weight:600;margin:0;color:var(--text);letter-spacing:.005em} h1{font-size:26px} h2{font-size:19px} h3{font-size:15px;font-family:var(--sans);font-weight:650}
a{color:var(--teal);text-decoration:none} a:hover{text-decoration:underline} button,input,select,textarea{font:inherit;color:inherit}
:focus-visible{outline:2px solid var(--teal);outline-offset:2px}
.muted{color:var(--muted)} .small{font-size:12px} .nowrap{white-space:nowrap} .right{text-align:right} .grow{flex:1} .row{display:flex;align-items:center;gap:10px} .wrap{flex-wrap:wrap} .col{display:flex;flex-direction:column;gap:10px} .gap-s{gap:6px} .mt{margin-top:16px} .mt-s{margin-top:8px} .hidden{display:none!important}
/* shell */
.app{display:grid;grid-template-columns:var(--side) 1fr;min-height:100vh}
.app.collapsed{grid-template-columns:64px 1fr}
.side{background:var(--ink);color:#C9D3E6;display:flex;flex-direction:column;position:sticky;top:0;height:100vh;overflow:auto}
.brand{padding:16px 18px;font-family:var(--serif);font-size:17px;color:#fff;display:flex;gap:10px;align-items:center;border-bottom:1px solid rgba(255,255,255,.08)}
.brand .mark{width:26px;height:26px;border-radius:6px;background:var(--teal);display:grid;place-items:center;font:700 13px var(--sans);color:#fff;flex:none}
.nav{padding:10px 8px;display:flex;flex-direction:column;gap:2px}
.nav a{display:flex;align-items:center;gap:10px;padding:9px 10px;border-radius:6px;color:#C9D3E6;font-weight:550}
.nav a:hover{background:rgba(255,255,255,.07);text-decoration:none} .nav a.on{background:rgba(255,255,255,.13);color:#fff}
.nav .ico{width:20px;text-align:center;flex:none;opacity:.9}
.nav .sep{font-size:11px;letter-spacing:.04em;color:#7F8EAA;padding:12px 10px 4px}
.collapsed .brand span.t,.collapsed .nav a span.t,.collapsed .nav .sep{display:none}
.side .foot{margin-top:auto;padding:12px 16px;font-size:12px;color:#7F8EAA}
.main{min-width:0;display:flex;flex-direction:column}
.top{height:56px;background:var(--paper);border-bottom:1px solid var(--line);display:flex;align-items:center;gap:10px;padding:0 18px;position:sticky;top:0;z-index:20}
.top select{max-width:210px}
.icon-btn{border:1px solid var(--line);background:var(--paper);border-radius:6px;height:34px;min-width:34px;padding:0 9px;cursor:pointer;display:inline-flex;align-items:center;justify-content:center;gap:6px}
.icon-btn:hover{background:var(--grey-bg)} .search-btn{min-width:220px;justify-content:space-between;color:var(--muted)}
kbd{font:600 11px var(--sans);border:1px solid var(--line);border-radius:4px;padding:1px 5px;background:var(--grey-bg);color:var(--muted)}
.bell{position:relative} .bell .dot{position:absolute;top:-5px;right:-5px;background:var(--red);color:#fff;border-radius:9px;font-size:10px;min-width:17px;height:17px;display:grid;place-items:center;padding:0 4px}
.content{padding:22px 26px 48px;max-width:1500px;width:100%}
.page-head{display:flex;justify-content:space-between;align-items:flex-end;gap:16px;margin-bottom:14px;flex-wrap:wrap}
.crumbs{font-size:12px;color:var(--muted);margin-bottom:4px}
.tabs{display:flex;gap:2px;border-bottom:1px solid var(--line);margin:0 0 18px;overflow:auto}
.tabs a{padding:9px 14px;color:var(--muted);font-weight:600;border-bottom:2px solid transparent;margin-bottom:-1px;white-space:nowrap}
.tabs a:hover{color:var(--text);text-decoration:none} .tabs a.on{color:var(--teal-d);border-bottom-color:var(--teal)}
/* controls */
.btn{border:1px solid var(--line);background:var(--paper);border-radius:6px;padding:7px 13px;cursor:pointer;font-weight:600;display:inline-flex;align-items:center;gap:6px}
.btn:hover{background:var(--grey-bg)} .btn.primary{background:var(--teal);border-color:var(--teal);color:#fff} .btn.primary:hover{background:var(--teal-d)}
.btn.danger{color:var(--red);border-color:var(--red)} .btn.danger.solid{background:var(--red);color:#fff} .btn.sm{padding:4px 9px;font-size:12px} .btn[disabled]{opacity:.5;cursor:not-allowed}
input[type=text],input[type=search],input[type=email],input[type=date],input[type=number],input[type=password],select,textarea{border:1px solid var(--line);background:var(--paper);border-radius:6px;padding:7px 10px;min-height:34px;width:100%}
select{width:auto} textarea{min-height:80px;resize:vertical}
.field{display:flex;flex-direction:column;gap:4px;margin-bottom:12px} .field label{font-weight:600;font-size:13px} .field .hint{font-size:12px;color:var(--muted)} .field .req{color:var(--red)}
.checks{display:flex;flex-wrap:wrap;gap:6px 14px} .checks label{font-weight:500;display:flex;gap:6px;align-items:center}
.err{background:var(--red-bg);color:var(--red);border:1px solid var(--red);border-radius:6px;padding:8px 10px;margin-bottom:12px;font-size:13px}
.note{background:var(--blue-bg);border:1px solid var(--blue);color:var(--text);border-radius:6px;padding:8px 10px;font-size:13px} .note.warn{background:var(--amber-bg);border-color:var(--amber)}
/* cards & kpis */
.card{background:var(--paper);border:1px solid var(--line);border-radius:var(--r);padding:16px} .card h3{margin-bottom:10px}
.grid{display:grid;gap:14px} .g2{grid-template-columns:repeat(2,minmax(0,1fr))} .g3{grid-template-columns:repeat(3,minmax(0,1fr))} .g4{grid-template-columns:repeat(4,minmax(0,1fr))} .g5{grid-template-columns:repeat(5,minmax(0,1fr))} .g-main{grid-template-columns:minmax(0,2fr) minmax(0,1fr)}
.kpis{display:grid;grid-template-columns:repeat(auto-fit,minmax(150px,1fr));gap:12px;margin-bottom:12px}
.kpis.k4{grid-template-columns:repeat(4,minmax(0,1fr))}.kpis.k5{grid-template-columns:repeat(5,minmax(0,1fr));margin-bottom:16px}
@media (max-width:1100px){.kpis.k4,.kpis.k5{grid-template-columns:repeat(2,minmax(0,1fr))}}
.kpi{background:var(--paper);border:1px solid var(--line);border-radius:var(--r);padding:12px 14px;text-align:left;cursor:default;border-left:3px solid var(--line)}
.kpi.click{cursor:pointer} .kpi.click:hover{background:var(--grey-bg)} .kpi .v{font:600 26px var(--serif);line-height:1.1} .kpi .l{font-size:12px;color:var(--muted);margin-top:3px}
.kpi.red{border-left-color:var(--red)} .kpi.red .v{color:var(--red)} .kpi.amber{border-left-color:var(--amber)} .kpi.teal{border-left-color:var(--teal)} .kpi.green{border-left-color:var(--green)} .kpi.blue{border-left-color:var(--blue)}
.ws{display:flex;flex-direction:column;gap:12px;padding:18px;border-top:4px solid var(--teal)} .ws.tasks{border-top-color:var(--blue)} .ws.data{border-top-color:var(--amber)}
.ws .nums{display:flex;gap:18px;flex-wrap:wrap} .ws .nums b{display:block;font:600 22px var(--serif)} .ws .nums span{font-size:12px;color:var(--muted)}
/* badges */
.badge{display:inline-flex;align-items:center;border-radius:11px;padding:1px 9px;font-size:12px;font-weight:600;background:var(--grey-bg);color:var(--muted);white-space:nowrap}
.badge.teal{background:var(--teal-bg);color:var(--teal-d)} .badge.red{background:var(--red-bg);color:var(--red)} .badge.amber{background:var(--amber-bg);color:var(--amber)} .badge.green{background:var(--green-bg);color:var(--green)} .badge.blue{background:var(--blue-bg);color:var(--blue)}
/* tables */
.tbl-wrap{background:var(--paper);border:1px solid var(--line);border-radius:var(--r);overflow:hidden}
.tbl-tools{display:flex;gap:8px;flex-wrap:wrap;padding:10px 12px;border-bottom:1px solid var(--line);align-items:center}
.tbl-tools input[type=search]{width:220px}
.tbl-scroll{overflow:auto;max-height:68vh}
table{border-collapse:collapse;width:100%;table-layout:fixed} th,td{padding:8px 12px;text-align:left;border-bottom:1px solid var(--line-2);vertical-align:middle;overflow:hidden;text-overflow:ellipsis}
th{position:sticky;top:0;background:var(--grey-bg);font-size:12px;font-weight:650;color:var(--muted);white-space:nowrap;z-index:1;user-select:none}
th.sort{cursor:pointer} th.sort:hover{color:var(--text)} th .rs{position:absolute;right:0;top:0;bottom:0;width:6px;cursor:col-resize} th{position:sticky}
tbody tr:hover{background:var(--grey-bg)} tr.click{cursor:pointer} tr.sel{background:var(--teal-bg)}
.tbl-foot{display:flex;justify-content:space-between;align-items:center;padding:8px 12px;font-size:12px;color:var(--muted)}
.empty{padding:36px 18px;text-align:center;color:var(--muted)} .empty b{display:block;color:var(--text);font-family:var(--serif);font-size:16px;margin-bottom:4px}
.menu{position:relative} .menu-pop{position:absolute;right:0;top:calc(100% + 4px);background:var(--paper);border:1px solid var(--line);border-radius:8px;padding:8px;min-width:200px;z-index:40;box-shadow:0 8px 24px rgba(0,0,0,.14)}
.menu-pop label{display:flex;gap:8px;padding:4px 6px;align-items:center;font-weight:500} .menu-pop .item{display:block;width:100%;text-align:left;border:0;background:none;padding:6px 8px;border-radius:5px;cursor:pointer} .menu-pop .item:hover{background:var(--grey-bg)}
/* stage rail: the signature element */
.rail{display:flex;align-items:flex-start;gap:0;width:100%}
.rail .st{flex:1;display:flex;flex-direction:column;align-items:center;gap:5px;position:relative;min-width:0}
.rail .st::before{content:"";position:absolute;top:8px;left:-50%;width:100%;height:2px;background:var(--line);z-index:0} .rail .st:first-child::before{display:none}
.rail .st.done::before,.rail .st.current::before{background:var(--teal)} .rail .st.bad::before{background:var(--red)}
.rail .nd{width:18px;height:18px;border-radius:50%;border:2px solid var(--line);background:var(--paper);z-index:1;display:grid;place-items:center;font-size:10px;font-weight:800;color:#fff}
.rail .st.done .nd{background:var(--teal);border-color:var(--teal)} .rail .st.current .nd{border-color:var(--teal);box-shadow:0 0 0 3px var(--teal-bg)} .rail .st.bad .nd{background:var(--red);border-color:var(--red)} .rail .st.skip .nd{background:var(--muted);border-color:var(--muted)}
.rail .lb{font-size:11px;color:var(--muted);text-align:center;line-height:1.15} .rail .st.done .lb,.rail .st.current .lb{color:var(--text);font-weight:600} .rail .st.bad .lb{color:var(--red);font-weight:600}
.rail.mini{width:136px;gap:0} .rail.mini .st{gap:0} .rail.mini .lb{display:none} .rail.mini .nd{width:12px;height:12px;border-width:2px} .rail.mini .st::before{top:5px}
/* overlays */
.scrim{position:fixed;inset:0;background:rgba(10,18,32,.45);z-index:60;display:flex;justify-content:center;align-items:flex-start;padding:7vh 16px;overflow:auto}
.modal{background:var(--paper);border-radius:10px;width:min(560px,100%);box-shadow:0 20px 60px rgba(0,0,0,.35)} .modal.wide{width:min(760px,100%)}
.modal header,.drawer header{padding:14px 18px;border-bottom:1px solid var(--line);display:flex;justify-content:space-between;align-items:center;gap:10px} .modal .bd{padding:18px;max-height:70vh;overflow:auto} .modal footer{padding:12px 18px;border-top:1px solid var(--line);display:flex;justify-content:flex-end;gap:8px}
.drawer-scrim{position:fixed;inset:0;background:rgba(10,18,32,.35);z-index:50;display:flex;justify-content:flex-end}
.drawer{background:var(--paper);width:min(620px,100%);height:100%;display:flex;flex-direction:column;box-shadow:-10px 0 40px rgba(0,0,0,.25);animation:slide .16s ease-out} .drawer .bd{padding:18px;overflow:auto;flex:1}
@keyframes slide{from{transform:translateX(24px);opacity:.4}to{transform:none;opacity:1}}
.toasts{position:fixed;bottom:18px;right:18px;display:flex;flex-direction:column;gap:8px;z-index:100}
.toast{background:var(--ink);color:#fff;padding:10px 14px;border-radius:8px;box-shadow:0 8px 24px rgba(0,0,0,.3);max-width:360px} .toast.bad{background:var(--red)}
.palette{width:min(620px,100%)} .palette input{border:0;border-bottom:1px solid var(--line);border-radius:10px 10px 0 0;padding:14px 16px;font-size:16px} .palette ul{list-style:none;margin:0;padding:6px;max-height:50vh;overflow:auto}
.palette li{padding:8px 10px;border-radius:6px;cursor:pointer;display:flex;justify-content:space-between;gap:8px} .palette li.on,.palette li:hover{background:var(--teal-bg)}
/* detail bits */
.kv{display:grid;grid-template-columns:150px 1fr;gap:6px 14px;font-size:13px} .kv dt{color:var(--muted)} .kv dd{margin:0}
.timeline{list-style:none;margin:0;padding:0 0 0 14px;border-left:2px solid var(--line)} .timeline li{position:relative;padding:0 0 12px 14px;font-size:13px} .timeline li::before{content:"";position:absolute;left:-21px;top:5px;width:8px;height:8px;border-radius:50%;background:var(--teal)}
.check{display:flex;gap:8px;align-items:flex-start;padding:4px 0}
.bars .b{display:grid;grid-template-columns:150px 1fr 70px;gap:8px;align-items:center;margin:6px 0;font-size:13px} .bars .tr{background:var(--grey-bg);height:12px;border-radius:6px;overflow:hidden;display:flex} .bars .tr i{display:block;height:100%} .i-teal{background:var(--teal)} .i-red{background:var(--red)} .i-blue{background:var(--blue)} .i-amber{background:var(--amber)} .i-grey{background:#B7C0CD}
.legend{display:flex;gap:14px;font-size:12px;color:var(--muted);margin-bottom:6px} .legend i{display:inline-block;width:10px;height:10px;border-radius:2px;margin-right:5px}
.board{display:grid;grid-template-columns:repeat(4,minmax(220px,1fr));gap:12px;overflow:auto;align-items:start} .lane{background:var(--grey-bg);border-radius:var(--r);padding:10px;min-height:120px} .lane h3{display:flex;justify-content:space-between;margin-bottom:8px}
.tcard{background:var(--paper);border:1px solid var(--line);border-radius:6px;padding:9px 10px;margin-bottom:8px;cursor:pointer;border-left:3px solid var(--line)} .tcard:hover{border-color:var(--teal)} .tcard.p-urgent{border-left-color:var(--red)} .tcard.p-high{border-left-color:var(--amber)} .tcard.p-medium{border-left-color:var(--blue)}
.cal{display:grid;grid-template-columns:repeat(7,1fr);gap:1px;background:var(--line);border:1px solid var(--line);border-radius:var(--r);overflow:hidden} .cal .d{background:var(--paper);min-height:96px;padding:4px 6px;font-size:12px} .cal .d.h{min-height:0;background:var(--grey-bg);font-weight:650;color:var(--muted);text-align:center;padding:6px} .cal .d.today{background:var(--teal-bg)} .cal .d.off{background:var(--chalk);color:var(--muted)}
.cal .ev{display:block;margin-top:3px;padding:1px 5px;border-radius:4px;background:var(--blue-bg);color:var(--text);font-size:11px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;cursor:pointer} .cal .ev.done{background:var(--green-bg);text-decoration:line-through;color:var(--muted)} .cal .ev.over{background:var(--red-bg);color:var(--red)}
.login{min-height:100vh;display:grid;grid-template-columns:1.1fr 1fr}
.login .pane{background:var(--ink);color:#DCE5F5;padding:56px;display:flex;flex-direction:column;justify-content:center;gap:18px} .login .pane h1{color:#fff;font-size:34px;max-width:15ch;line-height:1.12} .login .pane p{max-width:44ch;color:#B3C0D8;margin:0}
.login .form{display:flex;flex-direction:column;justify-content:center;padding:56px;max-width:480px;width:100%;margin:0 auto}
.demo-users{display:grid;gap:6px;margin-top:6px} .demo-users button{text-align:left;border:1px solid var(--line);background:var(--paper);border-radius:6px;padding:7px 10px;cursor:pointer} .demo-users button:hover{border-color:var(--teal)}
.sk{height:14px;background:linear-gradient(90deg,var(--grey-bg),var(--line-2),var(--grey-bg));border-radius:4px;margin:10px 0}
@media (max-width:1100px){.g4,.g5{grid-template-columns:repeat(2,minmax(0,1fr))}.g-main,.g3{grid-template-columns:1fr}}
@media (max-width:820px){
  .app,.app.collapsed{grid-template-columns:1fr} .side{position:fixed;left:0;top:0;bottom:0;width:250px;z-index:70;transform:translateX(-100%);transition:transform .18s} .app.open .side{transform:none}
  .collapsed .brand span.t,.collapsed .nav a span.t,.collapsed .nav .sep{display:initial}
  .content{padding:16px 14px 40px} .g2,.g3,.g4,.g5{grid-template-columns:1fr} .search-btn{min-width:0} .search-btn .lbl,.search-btn kbd{display:none} .top select{max-width:130px}
  .login{grid-template-columns:1fr} .login .pane{padding:28px} .login .form{padding:28px} .board{grid-template-columns:repeat(4,80vw)} .kv{grid-template-columns:1fr}
  .bars .b{grid-template-columns:100px 1fr 56px} .cal .d{min-height:62px}
  .hide-m{display:none!important} .top{padding:0 10px;gap:8px} .top select{flex:1;min-width:0;max-width:none} .show-m{display:inline-flex!important} .menu-pop{right:0;max-width:calc(100vw - 20px)}
}
@media (prefers-reduced-motion:reduce){*{animation:none!important;transition:none!important}}
@media print{.side,.top,.tbl-tools,.btn,.tabs{display:none!important}.app{display:block}.content{padding:0}}

.show-m{display:none}.av{width:24px;height:24px;border-radius:50%;background:var(--teal);color:#fff;align-items:center;justify-content:center;font-size:12px;font-weight:600;margin-right:2px}
.search-btn .ic{font-size:16px;line-height:1}
.orgname{white-space:nowrap}

/* ===== Theme v3: white canvas, glass chrome, hairline gradient borders, minimal radii ===== */
:root{
  --serif:var(--sans); --r:5px; --r2:4px;
  --teal:#6B5CE7; --teal-d:#4F42C4; --teal-bg:#F1EFFD; --ink:#1E1B3A;
  --red:#D2503C; --red-bg:#FFEDEA; --amber:#B8660E; --amber-bg:#FFF2E0; --green:#1F8A66; --green-bg:#E2F7EE; --blue:#3F5BD0; --blue-bg:#E9EDFF;
  --chalk:#fff; --paper:#fff; --line:#E6E8F0; --line-2:#F0F1F6; --grey-bg:#F5F6FA; --muted:#667089; --text:#1D2140;
  --shadow:0 1px 2px rgba(30,27,58,.04),0 6px 18px rgba(30,27,58,.05); --glass:rgba(255,255,255,.72);
  --side-grad:linear-gradient(165deg,rgba(124,92,236,.94) 0%,rgba(214,92,170,.9) 48%,rgba(255,168,128,.9) 100%);
}
@media (prefers-color-scheme: dark){:root{
  --teal:#9D93FF; --teal-d:#C3BCFF; --teal-bg:#26224F; --chalk:#0E1124; --paper:#161A33; --line:#2C3256; --line-2:#222848; --grey-bg:#1F2442; --muted:#A0A9C6; --text:#EAEDFB;
  --red:#FF8A76; --red-bg:#43201F; --amber:#F0B462; --amber-bg:#3F3016; --green:#6FD3AB; --green-bg:#173A30; --blue:#8FA2FF; --blue-bg:#232A5A; --glass:rgba(22,26,51,.7);
  --shadow:0 1px 2px rgba(0,0,0,.3),0 6px 18px rgba(0,0,0,.25);
}}
body{background:var(--chalk);font-weight:450}
h1,h2,h3{font-weight:700;letter-spacing:-.01em} h1{font-size:24px;line-height:1.2} h2{font-size:18px}
.app{display:grid;grid-template-columns:var(--side) minmax(0,1fr);padding:0;gap:0} .app.collapsed{grid-template-columns:68px minmax(0,1fr)}
/* glass sidebar */
.side{background:var(--side-grad);backdrop-filter:blur(22px) saturate(1.3);-webkit-backdrop-filter:blur(22px) saturate(1.3);margin:10px 0 10px 10px;height:calc(100vh - 20px);top:10px;border-radius:6px;color:#fff;border:1px solid rgba(255,255,255,.45);box-shadow:0 10px 30px rgba(124,92,236,.22),inset 0 1px 0 rgba(255,255,255,.4)}
.brand{border-bottom:1px solid rgba(255,255,255,.18);color:#fff;font-weight:750;font-size:18px;padding:18px 18px 14px}
.brand .mark{width:30px;height:30px;border-radius:5px;background:rgba(255,255,255,.26);border:1px solid rgba(255,255,255,.5);backdrop-filter:blur(6px);font-size:14px}
.nav{padding:10px;gap:2px}
.nav a{color:rgba(255,255,255,.88);border-radius:5px;padding:9px 11px;font-weight:600}
.nav a:hover{background:rgba(255,255,255,.16);color:#fff} .nav a.on{background:rgba(255,255,255,.28);color:#fff;box-shadow:inset 0 0 0 1px rgba(255,255,255,.4),0 2px 8px rgba(80,40,140,.18)}
.nav .sep{color:rgba(255,255,255,.65);font-size:11px;letter-spacing:.06em;text-transform:uppercase;padding:14px 11px 5px}
.nav .ico{display:inline-flex;width:22px;opacity:1} .svgi{display:inline-flex} .svgi svg{display:block}
.side .foot{margin:auto 10px 10px;padding:0;border:0}
.ucard{display:flex;gap:10px;align-items:center;padding:10px;border-radius:5px;background:rgba(255,255,255,.2);border:1px solid rgba(255,255,255,.4);backdrop-filter:blur(8px);color:#fff;min-width:0}
.ucard .av{width:32px;height:32px;border-radius:50%;background:rgba(255,255,255,.9);color:#7C5CEC;display:grid;place-items:center;font-weight:700;flex:none}
.ucard b{display:block;font-size:13px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis} .ucard small{display:block;font-size:11px;opacity:.85;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
.collapsed .ucard div{display:none}
/* glass top bar */
.main{background:transparent;border:0;box-shadow:none;border-radius:0;backdrop-filter:none}
.top{background:var(--glass);backdrop-filter:blur(16px) saturate(1.4);-webkit-backdrop-filter:blur(16px) saturate(1.4);border-bottom:1px solid var(--line);height:58px;padding:0 22px;border-radius:0}
.icon-btn{border-radius:5px;background:var(--paper);border-color:var(--line);height:34px;min-width:34px} .search-btn{min-width:230px}
.top select{border-radius:5px;background:var(--paper)}
.content{padding:20px 24px 44px}
.page-head{margin-bottom:14px}
/* underline tabs */
.tabs{border-bottom:1px solid var(--line);gap:4px;margin:0 0 18px;padding:0;background:none}
.tabs a{border:0;background:none;border-radius:0;padding:9px 14px;margin:0 0 -1px;color:var(--muted);border-bottom:2px solid transparent;font-weight:600}
.tabs a:hover{color:var(--text);background:none} .tabs a.on{color:var(--teal-d);border-bottom-color:var(--teal);background:none}
/* controls */
.btn{border-radius:5px;padding:7px 14px;background:var(--paper)} .btn.sm{padding:4px 10px}
.btn.primary{background:linear-gradient(135deg,#7C5CEC,#C65BC0);border-color:transparent;color:#fff;box-shadow:0 4px 12px rgba(124,92,236,.28)} .btn.primary:hover{filter:brightness(.95);background:linear-gradient(135deg,#7C5CEC,#C65BC0)}
input[type=text],input[type=search],input[type=email],input[type=date],input[type=number],input[type=password],select,textarea{border-radius:5px;border-color:var(--line)}
.card,.tbl-wrap{border:1px solid var(--line);border-radius:var(--r);box-shadow:var(--shadow);background:var(--paper)} .card{padding:18px}
.badge{border-radius:3px;padding:2px 8px;font-size:11px;font-weight:700;letter-spacing:.04em;text-transform:uppercase}
.badge.teal{background:#EDE9FF;color:#5B46D6} .badge.red{background:#FFE4E8;color:#C9304F} .badge.amber{background:#FFEBD2;color:#B25E08} .badge.green{background:#DDF5E8;color:#17794F} .badge.blue{background:#E2EAFF;color:#3452C4}
/* KPI: white tile, hairline gradient border */
.kpis{gap:12px}
.kpi{--g1:#7C5CEC;--g2:#F0A6D8;border:1.5px solid transparent;border-radius:var(--r);padding:12px 14px;min-height:88px;display:flex;flex-direction:column;gap:6px;text-align:left;
  background:linear-gradient(var(--paper),var(--paper)) padding-box,linear-gradient(135deg,var(--g1),var(--g2)) border-box;box-shadow:none}
.kpi .l{order:0;display:flex;align-items:center;gap:7px;font-size:12px;font-weight:600;color:var(--muted);margin:0}
.kpi .dot{width:8px;height:8px;border-radius:50%;background:linear-gradient(135deg,var(--g1),var(--g2));flex:none}
.kpi .v{font:700 28px/1.05 var(--sans);letter-spacing:-.02em;color:var(--text)} .kpi .s{font-size:11.5px;color:var(--muted)}
.kpi.click:hover{box-shadow:0 6px 16px rgba(30,27,58,.08);transform:translateY(-1px);transition:transform .12s;background:linear-gradient(var(--paper),var(--paper)) padding-box,linear-gradient(135deg,var(--g1),var(--g2)) border-box}
.kpi.red{--g1:#E5484D;--g2:#FDA4AF} .kpi.red .v{color:var(--red)} .kpi.amber{--g1:#F59E0B;--g2:#FCD34D} .kpi.green{--g1:#10B981;--g2:#6EE7B7} .kpi.blue{--g1:#3B82F6;--g2:#A5B4FC} .kpi.teal{--g1:#7C5CEC;--g2:#F0A6D8}
.kpis.cats{grid-template-columns:repeat(auto-fill,minmax(168px,1fr))} .kpi.cat .v{color:var(--g1)}
.cat-head{display:flex;align-items:baseline;gap:12px;margin:18px 0 8px;flex-wrap:wrap}
.lawchip{--g1:#94A3B8;--g2:#D5DDE8;display:inline-flex;align-items:center;gap:6px;font-size:11.5px;font-weight:650;padding:2px 8px 2px 6px;border-radius:3px;border:1px solid transparent;color:var(--text);cursor:default;font-family:inherit;
  background:linear-gradient(var(--paper),var(--paper)) padding-box,linear-gradient(135deg,var(--g1),var(--g2)) border-box;white-space:nowrap}
.lawchip i{width:8px;height:8px;border-radius:50%;background:linear-gradient(135deg,var(--g1),var(--g2));flex:none}
button.lawchip{cursor:pointer} .lawchip.off{opacity:.4;text-decoration:line-through} .lawchip.task{--g1:#475569;--g2:#94A3B8} .lawchip.task i{border-radius:1px}
.ws{border-top:0;padding:20px;position:relative;overflow:hidden;background:linear-gradient(160deg,#F4F1FF,#fff 60%)} .ws.tasks{background:linear-gradient(160deg,#EAF6FB,#fff 60%)} .ws.data{background:linear-gradient(160deg,#FFF3E8,#fff 60%)}
@media (prefers-color-scheme: dark){.ws{background:linear-gradient(160deg,#26224F,var(--paper) 60%)} .ws.tasks{background:linear-gradient(160deg,#173A4A,var(--paper) 60%)} .ws.data{background:linear-gradient(160deg,#43321C,var(--paper) 60%)}}
.ws .nums b{font:700 24px var(--sans);letter-spacing:-.02em}
/* tables */
.tbl-wrap{overflow:hidden} .tbl-tools{border-bottom:1px solid var(--line-2);padding:12px 14px}
th{background:transparent;color:var(--muted);font-weight:600;border-bottom:1px solid var(--line)} td,th{padding:10px 14px}
tbody tr{box-shadow:inset 3px 0 0 transparent} tbody tr:hover{background:rgba(124,92,236,.05)} tbody tr.sel,tbody tr[aria-selected=true]{background:rgba(124,92,236,.08);box-shadow:inset 3px 0 0 var(--teal)}
.tbl-foot{padding:10px 14px}
/* charts */
.i-teal{background:#7C5CEC!important} .i-red{background:#E5484D!important} .i-grey{background:#C4CBDA!important}
.bars .tr{height:10px;border-radius:2px;background:var(--grey-bg)} .bars .tr i{border-radius:0}
.dash3{grid-template-columns:minmax(0,.8fr) minmax(0,1.1fr) minmax(0,1.1fr)} @media (max-width:1100px){.dash3{grid-template-columns:1fr}}
.dash3 .bars .b{grid-template-columns:96px 1fr 34px}
.donut{display:flex;align-items:center;gap:18px;flex-wrap:wrap;justify-content:center;padding:6px 0}
.donut-leg{display:flex;flex-direction:column;gap:8px;min-width:120px;font-size:13px} .donut-leg>div{display:flex;align-items:center;gap:8px} .donut-leg i{width:10px;height:10px;border-radius:2px;flex:none} .donut-leg span{flex:1;color:var(--muted)} .donut-leg b{font-variant-numeric:tabular-nums}
/* glass overlays */
.drawer-scrim{background:rgba(30,27,58,.28);backdrop-filter:blur(5px);-webkit-backdrop-filter:blur(5px)}
.drawer{background:var(--glass);backdrop-filter:blur(22px) saturate(1.4);-webkit-backdrop-filter:blur(22px) saturate(1.4);border-left:1px solid rgba(255,255,255,.6);border-radius:0;box-shadow:-12px 0 40px rgba(30,27,58,.16)}
.drawer header,.modal header{background:transparent;padding:16px 20px} .drawer .bd{padding:18px 20px;background:transparent}
.drawer .bd .card{border-radius:5px;box-shadow:none}
.modal{background:var(--glass);backdrop-filter:blur(22px) saturate(1.4);-webkit-backdrop-filter:blur(22px) saturate(1.4);border:1px solid rgba(255,255,255,.6);border-radius:6px}
.menu-pop{background:var(--glass);backdrop-filter:blur(18px);-webkit-backdrop-filter:blur(18px);border-radius:5px;box-shadow:0 12px 32px rgba(30,27,58,.16)} .menu-pop .item{border-radius:4px}
.palette{background:var(--glass)!important;backdrop-filter:blur(22px);-webkit-backdrop-filter:blur(22px);border-radius:6px!important} .palette input{border-radius:6px 6px 0 0} .palette li{border-radius:4px}
.empty{padding:44px 18px} .empty b{font-size:16px;font-family:var(--sans);font-weight:700}
.note{display:flex;gap:10px;align-items:flex-start;background:var(--blue-bg);border:0;border-left:3px solid var(--blue);border-radius:4px;padding:10px 14px;line-height:1.5}
.note::before{content:"i";flex:none;width:18px;height:18px;border-radius:50%;background:var(--blue);color:#fff;font:700 11px/18px var(--sans);text-align:center;margin-top:1px}
.note.warn{background:var(--amber-bg);border-left-color:var(--amber)} .note.warn::before{content:"!";background:var(--amber)}
.err{border:0;border-left:3px solid var(--red);border-radius:4px;padding:10px 14px}
.seg,.pill-tabs{display:inline-flex;background:var(--grey-bg);padding:2px;border-radius:5px;gap:2px}
.login .pane{background:var(--side-grad)} .login .form{background:transparent} .login .pane .brand,.login .pane .brand *{color:#fff} .login .pane .brand{padding:0;border:0}
.demo-users button{border-radius:5px!important;border:1px solid var(--line)!important}
.legend{gap:12px}
/* tasks calendar + board */
.cal{gap:0;border:1px solid var(--line);border-radius:var(--r);background:var(--paper);overflow:hidden;grid-template-columns:repeat(7,minmax(0,1fr))}
.cal .d{background:transparent;border-right:1px solid var(--line-2);border-bottom:1px solid var(--line-2);min-height:100px;padding:6px;min-width:0}
.cal .d:nth-child(7n){border-right:0} .cal .d.h{min-height:0;padding:10px 6px;color:var(--muted);font-weight:600;border-bottom:1px solid var(--line)}
.cal .d.today{background:var(--teal-bg)} .cal .ev{border-radius:3px;padding:2px 6px;background:var(--blue-bg);color:var(--text)} .cal .ev.over{background:var(--red-bg);color:var(--red)}
.board>div,.lane{border-radius:5px;background:var(--grey-bg);padding:10px;border:1px solid var(--line-2)} .board .card,.bcard{border-radius:4px;box-shadow:none;border-left:3px solid var(--line)}
/* compliance dot calendar */
.cal-bar{display:flex;align-items:center;gap:8px;flex-wrap:wrap;margin-bottom:10px} .cal-title{min-width:170px;text-align:center}
.chip{display:inline-flex;align-items:center;gap:7px;border:1px solid var(--line);background:var(--paper);border-radius:5px;padding:5px 11px;font-weight:600;cursor:pointer;font-size:13px}
.chip[aria-pressed=false]{opacity:.45;text-decoration:line-through}
.chip .sw{width:9px;height:9px;background:var(--teal)} .chip .sw.circ{border-radius:50%} .chip .sw.sq{border-radius:1px;background:#475569}
.cal-legend{display:flex;flex-wrap:wrap;gap:6px 8px;align-items:center;margin-bottom:12px}
.cal-layout{display:grid;grid-template-columns:minmax(0,1fr) 330px;gap:14px;align-items:start}
.cal2{display:grid;grid-template-columns:repeat(7,minmax(0,1fr));border:1px solid var(--line);border-radius:var(--r);overflow:hidden;background:var(--paper)}
.cd{all:unset;box-sizing:border-box;min-height:92px;padding:7px 8px;border-right:1px solid var(--line-2);border-bottom:1px solid var(--line-2);cursor:pointer;display:flex;flex-direction:column;gap:6px;min-width:0}
.cd:nth-child(7n){border-right:0} .cd.h{min-height:0;cursor:default;color:var(--muted);font-weight:600;font-size:12px;padding:9px 8px;border-bottom:1px solid var(--line)} .cd.off{cursor:default;background:var(--grey-bg);opacity:.5}
.cd:not(.h):not(.off):hover{background:var(--grey-bg)} .cd:focus-visible{outline:2px solid var(--teal);outline-offset:-2px}
.cd .n{font-weight:650;font-size:13px;width:24px;height:24px;display:grid;place-items:center;border-radius:4px}
.cd.today .n{background:var(--teal);color:#fff} .cd.sel{background:var(--teal-bg);box-shadow:inset 0 0 0 1.5px var(--teal)}
.cd .dots{display:flex;flex-wrap:wrap;gap:4px;align-items:center}
.dt{--g1:#475569;--g2:#94A3B8;width:10px;height:10px;display:inline-block;background:linear-gradient(135deg,var(--g1),var(--g2))}
.dt.circ{border-radius:50%} .dt.sq{border-radius:2px;background:transparent;border:2px solid #475569;width:10px;height:10px}
.dt.done{opacity:.35} .dt.over{box-shadow:0 0 0 2px var(--paper),0 0 0 3.5px var(--red)}
.cd .more{font-size:10.5px;font-weight:700;color:var(--muted)}
.cal-panel{border:1px solid var(--line);border-radius:var(--r);background:var(--paper);padding:14px;position:sticky;top:74px;max-height:calc(100vh - 96px);overflow:auto}
.cal-panel-h{display:flex;gap:12px;align-items:center;margin-bottom:6px} .cal-panel-h .big{font:700 34px/1 var(--sans);color:var(--teal)}
.cal-item{all:unset;box-sizing:border-box;display:block;width:100%;cursor:pointer;padding:10px 10px 10px 12px;margin-bottom:8px;border:1px solid var(--line);border-left:3px solid var(--g1,#475569);border-radius:4px;background:var(--paper)}
.cal-item:hover{background:var(--grey-bg)} .cal-item:focus-visible{outline:2px solid var(--teal)}
.cal-item .row{margin-bottom:5px} .cal-item .ttl{font-weight:650;margin-bottom:2px}
[data-state=loading]{opacity:.55;transition:opacity .15s}
@media (max-width:980px){.cal-layout{grid-template-columns:1fr} .cal-panel{position:static;max-height:none}}
@media (max-width:600px){.cd{min-height:58px;padding:4px} .cd .dt{width:8px;height:8px}}
@media (max-width:820px){
  .app{display:block} .main{min-height:100vh} .top{padding:0 10px;height:58px}
  .side{margin:0;height:100vh;top:0;border-radius:0 6px 6px 0}
  .content{padding:14px 14px 40px} .search-btn{min-width:34px}
}
/* ===== Theme v4: follows the Taskapp + pastel-dashboard references ===== */
:root{--r:16px;--r2:10px;--side-solid:linear-gradient(165deg,#6A4BB5 0%,#C65BA0 60%,#F29A72 100%);
  --page-bg:radial-gradient(760px 520px at -6% 52%,rgba(236,92,128,.95),transparent 62%),radial-gradient(620px 460px at -4% 92%,rgba(247,170,110,.9),transparent 62%),linear-gradient(115deg,#6B4DB8 0%,#5A62BF 42%,#5CA2C9 100%)}
body{background-color:#CFC6E8;background-image:var(--page-bg);background-attachment:fixed}
.app{padding:16px 0 0 16px;grid-template-columns:var(--side) minmax(0,1fr)} .app.collapsed{grid-template-columns:72px minmax(0,1fr)}
.side{margin:0;top:16px;height:calc(100vh - 16px);border-radius:28px 0 0 0;border:1px solid rgba(255,255,255,.28);border-right:0;background:linear-gradient(180deg,rgba(255,255,255,.10),rgba(255,255,255,.26));backdrop-filter:blur(24px) saturate(1.3);-webkit-backdrop-filter:blur(24px) saturate(1.3);box-shadow:none;color:#fff}
.brand{border:0;padding:26px 22px 14px;font-size:22px;font-weight:700;letter-spacing:-.01em}
.brand .mark{width:30px;height:30px;border-radius:9px;background:rgba(255,255,255,.28);border:1px solid rgba(255,255,255,.55)}
.nav{padding:6px 14px;gap:4px}
.nav a{border-radius:12px;padding:11px 12px;color:rgba(255,255,255,.92);font-weight:550}
.nav a:hover{background:rgba(255,255,255,.14)} .nav a.on{background:rgba(255,255,255,.3);box-shadow:none}
.nav .sep{text-transform:none;letter-spacing:0;font-size:13px;color:rgba(255,255,255,.62);padding:20px 12px 6px}
.side .foot{margin:auto 0 0;padding:14px 18px 18px;border-top:1px solid rgba(255,255,255,.3)}
.ucard{background:none;border:0;backdrop-filter:none;padding:4px 0}
.ucard .av{width:38px;height:38px;background:rgba(255,255,255,.92);color:#7B5CE0}
.ucard b{font-size:14px} .ucard small{opacity:.9;font-size:12px}
.main{background:var(--paper);border-radius:28px 0 0 0;min-height:calc(100vh - 16px);box-shadow:-8px 0 30px rgba(40,20,90,.14)}
.top{background:rgba(255,255,255,.82);border-bottom:1px solid var(--line-2);border-radius:28px 0 0 0;height:64px}
.icon-btn,.top select{border-radius:999px;height:38px}
.content{padding:22px 28px 48px}
h1{font-size:30px;letter-spacing:-.02em} .page-head h1{font-weight:750}
.tabs{border-bottom:1px solid var(--line);gap:6px} .tabs a{padding:11px 16px;font-weight:600} .tabs a.on{color:#3B6CE0;border-bottom:2px solid #3B6CE0}
.btn{border-radius:10px;padding:8px 16px} .btn.sm{border-radius:8px}
.btn.primary{background:linear-gradient(135deg,#8B7CF6,#6C5CE7);border-radius:999px;padding:9px 20px;box-shadow:0 8px 18px rgba(108,92,231,.32)} .btn.primary:hover{background:linear-gradient(135deg,#8B7CF6,#6C5CE7);filter:brightness(.96)}
input[type=text],input[type=search],input[type=email],input[type=date],input[type=number],input[type=password],select,textarea{border-radius:10px}
.card,.tbl-wrap{border-radius:var(--r);border:1px solid var(--line-2);box-shadow:0 6px 24px rgba(60,50,120,.07)} .card{padding:20px}
.badge{border-radius:999px;padding:4px 14px;font-size:11.5px;font-weight:700;letter-spacing:.03em}
.badge.red{background:#FBDDDA;color:#D2402E} .badge.amber{background:#FBEBC9;color:#C98A12} .badge.teal{background:#DDD9FB;color:#4B3FC4} .badge.green{background:#D6F2E4;color:#17794F} .badge.blue{background:#DCE6FF;color:#3452C4}
/* KPI: solid pastel-gradient tiles */
.kpi{--g1:#7C5CEC;--g2:#C9B9FF;border:0;border-radius:14px;min-height:104px;padding:16px 18px;color:#fff;
  background:linear-gradient(135deg,var(--g1),color-mix(in srgb,var(--g1) 55%,var(--g2)));box-shadow:0 10px 22px color-mix(in srgb,var(--g1) 30%,transparent)}
.kpi .l{color:rgba(255,255,255,.92);font-size:12.5px;font-weight:600} .kpi .v{color:#fff!important;font-size:32px} .kpi .s{color:rgba(255,255,255,.85)} .kpi .dot{background:#fff}
.kpi.click:hover,.kpi.cat.click:hover{background:linear-gradient(135deg,var(--g1),color-mix(in srgb,var(--g1) 55%,var(--g2)));box-shadow:0 14px 26px color-mix(in srgb,var(--g1) 38%,transparent);transform:translateY(-2px)}
.kpi.red{--g1:#EC5A6F;--g2:#FDA4AF} .kpi.amber{--g1:#F2A02E;--g2:#FCD34D} .kpi.green{--g1:#22B07D;--g2:#6EE7B7} .kpi.blue{--g1:#5B7CF0;--g2:#A5B4FC} .kpi.teal{--g1:#25B3C2;--g2:#7FE3E8} .kpi.orange{--g1:#F08A3E;--g2:#FBC48F} .kpi.purple{--g1:#7C6DEB;--g2:#B8AEFF}
.kpi.cat .v{color:#fff}
.lawchip{border-radius:999px;padding:3px 10px 3px 8px} .lawchip.task{--g1:#475569;--g2:#94A3B8}
.ws{border:0;color:#fff;background:linear-gradient(135deg,var(--g1,#7C6DEB),color-mix(in srgb,var(--g1,#7C6DEB) 60%,#fff))}
/* tables and lists */
th{font-weight:600;font-size:12.5px} td,th{padding:13px 16px} tbody tr:hover{background:rgba(124,108,235,.05)}
tbody tr.sel,tbody tr[aria-selected=true]{background:#EEEAFE;box-shadow:inset 4px 0 0 #7C6DEB}
/* overlays */
.drawer{border-radius:24px 0 0 24px} .modal{border-radius:20px} .menu-pop{border-radius:14px} .palette{border-radius:18px!important} .palette li,.menu-pop .item{border-radius:10px}
.drawer .bd .card{border-radius:14px}
.note{border-radius:12px} .err{border-radius:12px}
.cal,.cal2,.cal-panel{border-radius:var(--r)} .cal-item{border-radius:10px} .board>div,.lane{border-radius:16px} .board .card,.bcard{border-radius:12px}
.cd .n{border-radius:50%} .cd.today .n{background:#7C6DEB}
.cal-panel-h .big{color:#7C6DEB}
.seg,.pill-tabs{border-radius:999px}
.chip{border-radius:999px} .bars .tr{border-radius:999px;height:12px} .bars .tr i{border-radius:0}
.login .pane{background:var(--page-bg)} .demo-users button{border-radius:12px!important}
/* home */
.home-tiles{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:16px;margin-bottom:22px}
.home-grid{display:grid;grid-template-columns:minmax(0,1fr) 330px;gap:0;align-items:start}
.home-main{padding-right:26px;min-width:0} .home-rail{border-left:1px solid var(--line-2);padding-left:24px;min-width:0}
.home-rail h3,.home-main h3{display:flex;align-items:center;justify-content:space-between;margin:0 0 12px;font-size:16px} .home-rail h3 a,.home-main h3 a{font-size:12px;font-weight:600}
.hrow{display:flex;align-items:center;gap:12px;padding:14px 16px;margin-bottom:12px;background:var(--paper);border:1px solid var(--line-2);border-radius:14px;box-shadow:0 4px 14px rgba(60,50,120,.06);color:inherit;text-decoration:none!important}
.hrow:hover{box-shadow:0 8px 20px rgba(60,50,120,.11)} .hrow .ic{width:38px;height:38px;border-radius:10px;display:grid;place-items:center;flex:none;color:#fff;background:linear-gradient(135deg,var(--g1,#7C6DEB),color-mix(in srgb,var(--g1,#7C6DEB) 55%,var(--g2,#fff)))}
.hrow .t{font-weight:650;min-width:0} .hrow .t small{display:block;font-weight:450;color:var(--muted);font-size:12px}
.mini{margin-bottom:24px} .mini-h{display:flex;align-items:center;justify-content:space-between;margin-bottom:8px} .mini-h b{font-size:16px}
.mini-grid{display:grid;grid-template-columns:repeat(7,1fr);text-align:center;font-size:12px;row-gap:4px}
.mini-grid .w{color:var(--muted);font-size:11px;padding-bottom:4px}
.mini-grid button{all:unset;cursor:pointer;display:flex;flex-direction:column;align-items:center;gap:2px;padding:3px 0;border-radius:10px;font-weight:600;font-size:13px}
.mini-grid button:hover{background:var(--grey-bg)} .mini-grid button.today>span:first-child{background:#7C6DEB;color:#fff} .mini-grid button>span:first-child{width:28px;height:28px;display:grid;place-items:center;border-radius:50%}
.mini-grid .dots{display:flex;gap:2px;height:6px} .mini-grid .dots i{width:5px;height:5px;border-radius:50%}
.tl{position:relative;padding-left:22px;border-left:2px solid var(--line-2);margin-left:6px}
.tl>div{position:relative;margin-bottom:12px;padding:10px 12px;background:var(--grey-bg);border-radius:12px;font-size:13px} .tl>div::before{content:"";position:absolute;left:-30px;top:14px;width:10px;height:10px;border-radius:50%;background:#fff;border:3px solid #8B7CF6}
@media (max-width:1100px){.home-grid{grid-template-columns:1fr} .home-rail{border-left:0;padding:20px 0 0} .home-main{padding-right:0} .home-tiles{grid-template-columns:1fr}}
/* grouped task list */
.seg-sw{display:inline-flex;background:var(--grey-bg);padding:3px;border-radius:999px;gap:2px} .seg-sw button{border:0;background:none;padding:5px 14px;border-radius:999px;font-weight:600;cursor:pointer;color:var(--muted)} .seg-sw button.on{background:var(--paper);color:var(--text);box-shadow:0 1px 4px rgba(60,50,120,.15)}
.grp{border:1px solid var(--line-2);border-radius:16px;overflow:hidden;margin-bottom:14px;background:var(--paper);box-shadow:0 6px 24px rgba(60,50,120,.06)}
.grp-h{display:flex;align-items:center;gap:10px;padding:14px 18px;background:#F5F6FA;border:0;width:100%;text-align:left;cursor:pointer;font-weight:700;font-size:15px}
.grp-h .bar{width:4px;height:20px;border-radius:2px;background:var(--gc)} .grp-h .cnt{background:#E4E7EF;border-radius:999px;font-size:12px;padding:2px 9px;color:var(--muted);font-weight:600}
.grp-h .chev{transition:transform .15s;color:var(--muted)} .grp.shut .chev{transform:rotate(-90deg)} .grp.shut .grp-b{display:none}
.trow{display:grid;grid-template-columns:minmax(0,3fr) 170px 150px 110px;gap:12px;align-items:center;padding:14px 18px;border-top:1px solid var(--line-2);cursor:pointer;box-shadow:inset 4px 0 0 transparent}
.trow:hover{background:#EEEAFE;box-shadow:inset 4px 0 0 #7C6DEB} .trow.hd{cursor:default;color:var(--muted);font-size:13px;padding:10px 18px;background:var(--paper)} .trow.hd:hover{background:var(--paper);box-shadow:none}
.trow .nm{min-width:0} .trow .nm b{display:block;font-weight:550;white-space:nowrap;overflow:hidden;text-overflow:ellipsis} .trow .nm small{color:var(--muted)}
.trow .who{display:flex;align-items:center;gap:8px;min-width:0;white-space:nowrap;overflow:hidden;text-overflow:ellipsis} .trow .who i{width:24px;height:24px;border-radius:50%;background:#DDD9FB;color:#4B3FC4;font:700 11px/24px var(--sans);text-align:center;font-style:normal;flex:none}
@media (max-width:700px){.trow{grid-template-columns:1fr auto} .trow .dl,.trow .who{display:none} .trow.hd{display:none}}
@media (max-width:820px){
  body{background:var(--paper);background-image:none} .app{padding:0} .main{border-radius:0;box-shadow:none} .top{border-radius:0}
  .side{background:var(--side-solid);border-radius:0 18px 18px 0;top:0;height:100vh;backdrop-filter:none}
}
td .badge{padding:3px 10px;font-size:11px} td{padding:12px 12px}
/* ===== v4.1: calmer palette; colour kept only where it codes something ===== */
:root{--page-bg:radial-gradient(700px 480px at -6% 100%,rgba(214,150,170,.55),transparent 62%),linear-gradient(120deg,#4A4F86 0%,#4F6397 55%,#5F86A8 100%);--side-solid:linear-gradient(165deg,#4A4F86,#5A5C96 70%,#7A6C9C)}
.side{background:linear-gradient(180deg,rgba(255,255,255,.07),rgba(255,255,255,.16))}
.nav a.on{background:rgba(255,255,255,.2)}
.btn.primary,.btn.primary:hover{background:#4F46C8;box-shadow:0 2px 6px rgba(79,70,200,.25);filter:none}
.tabs a.on{color:#4F46C8;border-bottom-color:#4F46C8}
/* KPI tiles: white, one thin coloured edge */
.kpi,.kpi.click:hover,.kpi.cat.click:hover{background:var(--paper);color:var(--text);border:1px solid var(--line);border-top:3px solid var(--g1);box-shadow:none;min-height:92px}
.kpi.click:hover{box-shadow:0 6px 16px rgba(60,50,120,.10);transform:translateY(-1px)}
.kpi .l{color:var(--muted)} .kpi .v{color:var(--text)!important} .kpi .s{color:var(--muted)} .kpi .dot{background:var(--g1)}
.kpi.red .v{color:var(--red)!important} .kpi.cat .v{color:var(--g1)!important}
.kpi:not(.cat):not(.red):not(.amber){--g1:#94A3B8}
.kpi.red{--g1:#E5484D} .kpi.amber{--g1:#F2A02E} .kpi.green{--g1:#22B07D}
.home-tiles .kpi{--g1:#94A3B8} .home-tiles .kpi.orange{--g1:#F08A3E} .home-tiles .kpi.purple{--g1:#7C6DEB} .home-tiles .kpi.teal{--g1:#25B3C2}
/* list icons soft-tinted */
.hrow .ic{background:color-mix(in srgb,var(--g1,#7C6DEB) 14%,#fff);color:var(--g1,#7C6DEB)}
/* badges mostly neutral */
.badge.teal,.badge.blue{background:#EEF0F6;color:#4A5470} .badge.amber{background:#FBF0D5;color:#A8700C} .badge.red{background:#FBE3E0;color:#C93B2B} .badge.green{background:#E1F3EA;color:#1D7A52}
.cd.today .n,.mini-grid button.today>span:first-child{background:#4F46C8} .cal-panel-h .big{color:#4F46C8}
.trow:hover,tbody tr.sel{background:#F1F2F9;box-shadow:inset 4px 0 0 #4F46C8}
.trow .who i{background:#E8EAF3;color:#4A5470}
.login .pane{background:var(--page-bg)}
/* ===== Theme v5: replica of the pastel task-manager reference ===== */
:root{--side:76px;--r:16px;--page-bg:none;--side-solid:#fff;
  --hero1:linear-gradient(135deg,#F9A765,#F28A4B);--hero2:linear-gradient(135deg,#9A90F5,#6F63E6);--hero3:linear-gradient(135deg,#55CCD8,#32AEC3)}
body{background:#EEF0F8!important;background-image:none!important}
.app,.app.collapsed{display:grid;grid-template-columns:var(--side) minmax(0,1fr);margin:16px;padding:0;min-height:calc(100vh - 32px);background:#fff;border-radius:28px;box-shadow:0 24px 60px rgba(70,70,140,.14);overflow:clip}
.side{position:sticky;top:0;height:calc(100vh - 32px);margin:0;border-radius:0;background:#fff;border:0;border-right:1px solid var(--line-2);backdrop-filter:none;box-shadow:none;color:var(--muted);align-items:center;overflow:visible}
.brand{padding:20px 0 14px;border:0;justify-content:center} .brand .t{display:none}
.brand .mark{width:38px;height:38px;border-radius:12px;background:linear-gradient(135deg,#8B7CF6,#55CCD8);border:0;color:#fff;font-size:17px}
.nav{padding:10px 0;gap:6px;align-items:center;width:100%}
.nav a{width:46px;height:46px;padding:0;justify-content:center;border-radius:14px;color:#9AA3B8;position:relative}
.nav a .t{display:none} .nav a .ico{width:auto;opacity:1} .nav a:hover{background:#F3F2FD;color:#6F63E6}
.nav a.on{background:#EFEDFD;color:#6F63E6;box-shadow:none} .nav a.on::before{content:"";position:absolute;left:-15px;top:10px;bottom:10px;width:4px;border-radius:0 4px 4px 0;background:#6F63E6}
.nav .sep{height:1px;width:32px;background:var(--line);font-size:0;padding:0;margin:8px 0}
.nav a:hover::after{content:attr(data-tip);position:absolute;left:58px;top:50%;transform:translateY(-50%);background:#23264A;color:#fff;font-size:12px;font-weight:600;padding:5px 10px;border-radius:8px;white-space:nowrap;z-index:90;pointer-events:none}
.side .foot{margin:auto 0 0;padding:14px 0 20px;border:0;width:100%;display:flex;justify-content:center}
.ucard{padding:0} .ucard>div{display:none} .ucard .av{width:40px;height:40px;background:#EFEDFD;color:#6F63E6}
.main{background:#fff;border-radius:0;box-shadow:none;min-height:0}
.top{background:rgba(255,255,255,.9);border-bottom:1px solid var(--line-2);border-radius:0;height:68px;padding:0 26px}
.top .menu-toggle{display:none}
.search-btn{min-width:300px;background:#F5F6FB;border-color:transparent;border-radius:999px;height:40px} .icon-btn{border-radius:999px;height:40px;min-width:40px;background:#fff}
.top select{border-radius:999px;height:40px;background:#fff}
.content{padding:24px 30px 48px;max-width:none}
h1{font-size:26px;font-weight:750}
.tabs{gap:22px;border-bottom:1px solid var(--line-2);margin-bottom:22px} .tabs a{padding:10px 2px;font-weight:600;color:#9AA3B8} .tabs a:hover{color:var(--text)} .tabs a.on{color:var(--text);border-bottom:2px solid #6F63E6}
.btn.primary,.btn.primary:hover{background:#6F63E6;border-radius:999px;padding:9px 20px;box-shadow:0 6px 14px rgba(111,99,230,.28)}
.card,.tbl-wrap,.grp,.hrow,.tcard{border:1px solid #F0F1F7;box-shadow:0 6px 22px rgba(70,70,140,.07)}
/* hero tiles = first three KPI tiles of a dashboard */
.kpis.hero .kpi:nth-child(-n+3),.home-tiles .kpi{border:0;color:#fff;border-top:0;min-height:112px;border-radius:16px;padding:18px 20px}
.kpis.hero .kpi:nth-child(1),.home-tiles .kpi:nth-child(1){background:var(--hero1);box-shadow:0 14px 26px rgba(242,138,75,.30)}
.kpis.hero .kpi:nth-child(2),.home-tiles .kpi:nth-child(2){background:var(--hero2);box-shadow:0 14px 26px rgba(111,99,230,.30)}
.kpis.hero .kpi:nth-child(3),.home-tiles .kpi:nth-child(3){background:var(--hero3);box-shadow:0 14px 26px rgba(50,174,195,.28)}
.kpis.hero .kpi:nth-child(-n+3) .l,.home-tiles .kpi .l{color:rgba(255,255,255,.95)} .kpis.hero .kpi:nth-child(-n+3) .v,.home-tiles .kpi .v{color:#fff!important;font-size:36px}
.kpis.hero .kpi:nth-child(-n+3) .s,.home-tiles .kpi .s{color:rgba(255,255,255,.9)}
.kpis.hero .kpi:nth-child(-n+3).click:hover,.home-tiles .kpi.click:hover{transform:translateY(-2px)}
.kpis.hero{grid-template-columns:repeat(3,minmax(0,1fr))!important;gap:18px;margin-bottom:18px}
.kpis.plain{grid-template-columns:repeat(auto-fit,minmax(170px,1fr))}
.home-tiles{gap:18px}
/* layout with right rail */
.home-grid{grid-template-columns:minmax(0,1fr) 340px}
.home-rail{border-left:1px solid var(--line-2);padding-left:26px} .home-main{padding-right:28px}
.dash3{grid-template-columns:repeat(2,minmax(0,1fr))!important} .dash3>:nth-child(3){grid-column:1/-1}
.sec-h{display:flex;align-items:center;gap:12px;margin:6px 0 14px} .sec-h h3{font-size:18px;margin:0}
/* rail calendar */
.rcal{margin-bottom:22px} .rcal-h{display:flex;align-items:center;justify-content:space-between;margin-bottom:10px} .rcal-h .m{font-size:12px;color:var(--muted)} .rcal-h b{display:block;font-size:19px;letter-spacing:-.01em}
.rcal-nav button{border:1px solid var(--line);background:#fff;width:28px;height:28px;border-radius:50%;cursor:pointer;color:var(--muted)}
.rcal-g{display:grid;grid-template-columns:repeat(7,1fr);row-gap:2px;text-align:center} .rcal-g .w{font-size:11px;color:#9AA3B8;padding:6px 0}
.rcal-g button{all:unset;cursor:pointer;display:flex;flex-direction:column;align-items:center;gap:1px;padding:2px 0;border-radius:12px} .rcal-g button:focus-visible{outline:2px solid #6F63E6}
.rcal-g .n{width:30px;height:30px;display:grid;place-items:center;border-radius:50%;font-weight:600;font-size:13px} .rcal-g button:hover .n{background:#F3F2FD}
.rcal-g button.today .n{background:#E9E6FC;color:#5446D6} .rcal-g button.sel .n{background:#6F63E6;color:#fff}
.rcal-g .dt1{width:6px;height:6px;border-radius:50%;background:transparent;display:block;margin-bottom:2px} .rcal-g .dt1.on{background:var(--dc,#6F63E6)}
.rday{border-top:1px solid var(--line-2);padding-top:14px;margin-bottom:22px} .rday h4{margin:0 0 2px;font-size:15px} .rday .sub{font-size:12px;color:var(--muted);margin-bottom:10px}
.ritem{all:unset;box-sizing:border-box;display:block;width:100%;cursor:pointer;padding:10px 12px;margin-bottom:8px;border:1px solid var(--line-2);border-left:4px solid var(--ic,#6F63E6);border-radius:12px;background:#fff;box-shadow:0 3px 10px rgba(70,70,140,.05)}
.ritem:hover{box-shadow:0 6px 16px rgba(70,70,140,.12)} .ritem:focus-visible{outline:2px solid #6F63E6} .ritem .top2{display:flex;gap:8px;align-items:center;margin-bottom:4px} .ritem b{display:block;font-weight:650;font-size:13.5px} .ritem small{color:var(--muted);font-size:12px}
.rcal-lg{display:flex;gap:12px;font-size:11.5px;color:var(--muted);margin-top:6px;flex-wrap:wrap} .rcal-lg i{display:inline-block;width:7px;height:7px;border-radius:50%;margin-right:5px}
/* task cards (image 1 "My Tasks") */
.subtabs{display:flex;gap:22px;border-bottom:1px solid var(--line-2);margin:0 0 16px} .subtabs button{border:0;background:none;padding:8px 0;font-weight:600;color:#9AA3B8;cursor:pointer;border-bottom:2px solid transparent;margin-bottom:-1px} .subtabs button.on{color:var(--text);border-bottom-color:#6F63E6}
.tcard{display:grid;grid-template-columns:44px minmax(0,2.2fr) 120px 150px 90px;gap:16px;align-items:center;padding:14px 18px;margin-bottom:12px;border-radius:14px;background:#fff;cursor:pointer;color:inherit;text-decoration:none!important;border-left:4px solid var(--tc,#6F63E6)}
.tcard:hover{box-shadow:0 8px 22px rgba(70,70,140,.13)} .tcard .ti{width:44px;height:44px;border-radius:12px;display:grid;place-items:center;background:color-mix(in srgb,var(--tc,#6F63E6) 14%,#fff);color:var(--tc,#6F63E6)}
.tcard .nm{min-width:0} .tcard .nm b{display:block;font-weight:650;white-space:nowrap;overflow:hidden;text-overflow:ellipsis} .tcard .nm small{color:var(--muted)}
.tcard .pg{font-size:11.5px;color:var(--muted)} .tcard .pg .bar{height:5px;background:#EEF0F7;border-radius:3px;margin-top:5px;overflow:hidden} .tcard .pg .bar i{display:block;height:100%;background:var(--tc,#6F63E6)}
.tcard .who{display:flex;align-items:center;gap:8px;min-width:0;font-size:13px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis} .tcard .who i{width:26px;height:26px;border-radius:50%;background:#E8E6FB;color:#5446D6;font:700 11px/26px var(--sans);text-align:center;font-style:normal;flex:none}
@media (max-width:760px){.tcard{grid-template-columns:44px 1fr auto} .tcard .pg,.tcard .who{display:none}}
/* compliance calendar page */
.cal-layout{grid-template-columns:1fr!important} .cal-panel{position:static;max-height:none;border:0;padding:0;margin-top:18px}
.cd .dots{min-height:10px}
/* grouped list: progress column */
.trow{grid-template-columns:minmax(0,3fr) 160px 150px 110px 110px!important}
.trow .pgc .bar{height:5px;background:#EEF0F7;border-radius:3px;overflow:hidden;margin-top:4px} .trow .pgc .bar i{display:block;height:100%;background:#6F63E6}
@media (max-width:1100px){.home-grid{grid-template-columns:1fr} .home-rail{border-left:0;padding:22px 0 0} .home-main{padding-right:0} .kpis.hero{grid-template-columns:1fr!important}}
@media (max-width:820px){
  .app,.app.collapsed{margin:0;border-radius:0;box-shadow:none;display:block;overflow:visible} body{background:#fff!important}
  .side{position:fixed;left:0;top:0;bottom:0;width:240px;height:100vh;z-index:70;align-items:stretch;background:#fff;box-shadow:12px 0 40px rgba(30,27,58,.2);transform:translateX(-100%);transition:transform .18s}
  .app.open .side{transform:none} .brand{justify-content:flex-start;padding:20px 20px 10px} .brand .t{display:inline}
  .nav{align-items:stretch;padding:8px 12px} .nav a{width:auto;height:auto;padding:11px 12px;justify-content:flex-start;gap:12px} .nav a .t{display:inline} .nav a.on::before{left:-12px}
  .nav a:hover::after{display:none} .nav .sep{width:auto;margin:8px 12px}
  .ucard{padding:0 18px} .ucard>div{display:block} .side .foot{justify-content:flex-start}
  .top .menu-toggle{display:inline-flex} .top{padding:0 12px;height:60px} .content{padding:16px 14px 40px} .search-btn{min-width:40px}
}
/* v5.1 tile polish */
.kpis.plain .kpi:not(.cat),.kpis:not(.hero):not(.cats) .kpi:not(.cat){border:1px solid #E9EAF3;border-top:1px solid #E9EAF3;border-left:3px solid var(--g1);background:#fff;box-shadow:none}
.kpi.cat{border:1.5px solid transparent;border-top:1.5px solid transparent;background:linear-gradient(#fff,#fff) padding-box,linear-gradient(135deg,var(--g1),var(--g2)) border-box;box-shadow:none}
.kpi.cat.click:hover{background:linear-gradient(#fff,#fff) padding-box,linear-gradient(135deg,var(--g1),var(--g2)) border-box;box-shadow:0 8px 18px rgba(70,70,140,.12)}
@media (max-width:700px){.trow{grid-template-columns:minmax(0,1fr) auto!important} .trow .pgc,.trow .dl,.trow .who{display:none} .trow.hd{display:none}}
/* ===== Theme v6 "Command": navy sidebar, light canvas, white cards, trend tiles ===== */
:root{--side:232px;--r:10px;--chalk:#EEF1F6;--paper:#fff;--line:#DDE3EE;--line-2:#EAEEF5;--grey-bg:#F2F5FA;--text:#0F1B33;--muted:#5F6F8D;--teal:#2563EB;--teal-d:#1D4ED8;--teal-bg:#E8F0FE;--shadow:none;--glass:rgba(255,255,255,.82)}
body{background:#EEF1F6!important}
.app,.app.collapsed{margin:0;border-radius:0;box-shadow:none;background:#EEF1F6;min-height:100vh;grid-template-columns:var(--side) minmax(0,1fr);overflow:visible}
.side{position:sticky;top:0;height:100vh;background:#0B1530;color:#9FB0D0;border:0;align-items:stretch;padding:0 14px}
.brand{padding:20px 10px 22px;justify-content:flex-start;gap:10px;color:#fff;font-size:18px;font-weight:700} .brand .t{display:inline}
.brand .mark{width:26px;height:26px;border-radius:7px;background:linear-gradient(135deg,#3B82F6,#22D3EE);font-size:0;border:0}
.nav{padding:0;gap:2px;align-items:stretch}
.nav a{width:auto;height:auto;padding:9px 12px;justify-content:flex-start;gap:12px;border-radius:8px;color:#9FB0D0;font-weight:500}
.nav a .t{display:inline} .nav a:hover{background:#12214A;color:#fff} .nav a.on{background:#16264D;color:#fff;box-shadow:inset 3px 0 #3B82F6} .nav a.on::before{display:none} .nav a:hover::after{display:none}
.nav .sep{height:auto;width:auto;background:none;font-size:11px;font-weight:600;letter-spacing:.08em;text-transform:uppercase;color:#566A94;padding:0;margin:18px 12px 6px}
.side .foot{margin:auto 0 0;padding:14px 4px 18px;width:auto;justify-content:flex-start;border-top:1px solid #16264D}
.ucard{color:#fff} .ucard>div{display:block} .ucard .av{background:#16264D;color:#9DB8FF;width:34px;height:34px} .ucard small{color:#7F92B8}
.main{background:transparent}
.top{background:#fff;border-bottom:1px solid var(--line);height:56px;padding:0 28px;gap:12px}
.top .menu-toggle{display:none}
.search-btn{min-width:340px;background:#F2F5FA;border:0;border-radius:8px;height:36px;color:#7A8AA8;justify-content:flex-start;gap:8px} .search-btn kbd{margin-left:auto}
.icon-btn,.top select{border-radius:8px;height:36px;border-color:var(--line)}
.content{padding:24px 28px 48px}
h1{font-size:22px;font-weight:700} .page-head p,.page-head .sub{color:var(--muted)}
.tabs{border-bottom:1px solid var(--line);gap:22px;margin-bottom:18px} .tabs a{color:var(--muted);font-weight:600;padding:9px 2px} .tabs a.on{color:#2563EB;border-bottom-color:#2563EB}
.btn{border-radius:8px} .btn.primary,.btn.primary:hover{background:#2563EB;border-radius:8px;box-shadow:none;padding:8px 16px}
input[type=text],input[type=search],input[type=email],input[type=date],input[type=number],input[type=password],select,textarea{border-radius:8px}
.card,.tbl-wrap,.grp,.hrow,.tcard,.cal,.cal2{background:#fff;border:1px solid var(--line);border-radius:10px;box-shadow:none}
.card{padding:16px 18px}
.card h3,.sec-h h3{font-size:14px;font-weight:700}
/* KPI: white tile, trend line */
.kpi,.kpis.hero .kpi:nth-child(-n+3),.home-tiles .kpi,.kpis.plain .kpi:not(.cat){position:relative;background:#fff;color:var(--text);border:1px solid var(--line);border-left:1px solid var(--line);border-top:1px solid var(--line);border-radius:10px;box-shadow:none;min-height:104px;padding:14px 16px;overflow:hidden}
.kpi .l,.kpis.hero .kpi:nth-child(-n+3) .l,.home-tiles .kpi .l{color:var(--muted);font-size:12px;font-weight:600} .kpi .v,.kpis.hero .kpi:nth-child(-n+3) .v,.home-tiles .kpi .v{color:var(--text)!important;font-size:30px;letter-spacing:-.02em}
.kpi .s,.kpis.hero .kpi:nth-child(-n+3) .s,.home-tiles .kpi .s{color:var(--muted);font-size:12px} .kpi .dot{background:var(--g1)}
.kpi.red .v{color:#C53030!important} .kpi.red .s{color:#C53030}
.kpi.good .s{color:#1F9D6B}
.kpi .spark{position:absolute;right:14px;bottom:14px;line-height:0} 
.kpi.click:hover,.kpis.hero .kpi:nth-child(-n+3).click:hover,.home-tiles .kpi.click:hover{box-shadow:0 4px 14px rgba(15,27,51,.08);transform:none;border-color:#C7D2E6}
.kpi.cat,.kpi.cat.click:hover{background:linear-gradient(#fff,#fff) padding-box,linear-gradient(135deg,var(--g1),var(--g2)) border-box;border:1.5px solid transparent}
.kpis,.kpis.hero,.kpis.plain,.home-tiles{display:grid;grid-template-columns:repeat(4,minmax(0,1fr))!important;gap:14px;margin-bottom:14px}
.kpis.cats{grid-template-columns:repeat(auto-fill,minmax(168px,1fr))!important}
@media (max-width:1100px){.kpis,.kpis.hero,.kpis.plain,.home-tiles{grid-template-columns:repeat(2,minmax(0,1fr))!important}}
/* layout + rail cards */
.home-grid{grid-template-columns:minmax(0,1fr) 320px;gap:14px;align-items:start} .home-main{padding:0} .home-rail{border:0;padding:0;display:flex;flex-direction:column;gap:14px}
.home-rail>*{margin:0}
.rcal,.rday,.rcard{background:#fff;border:1px solid var(--line);border-radius:10px;padding:16px 18px;margin:0}
.rday{border-top:1px solid var(--line)} .rcal-h b{font-size:14px} .rcal-h .m{display:none} .rcal-nav button{border-radius:6px;width:26px;height:26px}
.rcal-g .n{width:28px;height:28px;font-size:12.5px;border-radius:7px} .rcal-g button.today .n,.rcal-g button.sel .n{background:#0B1530;color:#fff} .rcal-g button:hover .n{background:#F2F5FA}
.rcal-lg{display:none}
.ritem{border-radius:8px;box-shadow:none;border:1px solid var(--line-2);border-left:3px solid var(--ic,#3B82F6)}
.tl>div{border-radius:8px}
/* tags + badges */
.lawchip{border:0;border-radius:5px;padding:3px 8px;font-size:11px;font-weight:700;color:var(--g1);background:color-mix(in srgb,var(--g1) 13%,#fff)} .lawchip i{display:none}
.lawchip.task{--g1:#475569} button.lawchip.off{opacity:.4}
.cal-legend .lawchip{border:1px solid color-mix(in srgb,var(--g1) 30%,#fff)} .cal-legend .lawchip i{display:inline-block;width:7px;height:7px}
.badge{border-radius:5px;padding:3px 8px;font-size:11px;font-weight:600;letter-spacing:0;text-transform:none;background:#EEF1F6;color:#475569}
.badge.red{background:#FDE8E8;color:#C53030} .badge.amber{background:#FEF0D6;color:#9A6A0A} .badge.green{background:#DDF3E8;color:#17794F} .badge.teal,.badge.blue{background:#E4EDFE;color:#1D4ED8}
/* tables */
th{font-size:11.5px;font-weight:600;color:#7A8AA8;background:#fff} td,th{padding:11px 12px} tbody tr:hover{background:#F6F8FC} tbody tr.sel{background:#EEF3FE;box-shadow:inset 3px 0 #2563EB}
.dl-t{width:100%;border-collapse:collapse} .dl-t td small{display:block;color:var(--muted)} .dl-t tr{cursor:pointer} .dl-t tbody tr:hover{background:#F6F8FC}
.stack{display:flex;height:10px;border-radius:5px;overflow:hidden;margin:8px 0 12px;background:#E6EBF3} .stack i{display:block;height:100%}
.leg2{display:flex;flex-wrap:wrap;gap:6px 18px;color:var(--muted);font-size:12px} .leg2 i{display:inline-block;width:8px;height:8px;border-radius:50%;margin-right:6px}
.tk2{padding:10px 0;border-bottom:1px solid var(--line-2);cursor:pointer;display:block;color:inherit;text-decoration:none!important} .tk2:last-child{border:0} .tk2 b{display:block;font-weight:650;font-size:13px} .tk2 small{color:var(--muted)}
.tk2 .bar{height:4px;background:#E6EBF3;border-radius:2px;margin-top:7px;overflow:hidden} .tk2 .bar i{display:block;height:100%;background:#3B82F6;border-radius:2px}
.rcard h3{display:flex;justify-content:space-between;margin:0 0 6px;font-size:14px} .rcard h3 a{font-size:12px;font-weight:500;color:#2563EB}
.trow:hover{background:#EEF3FE;box-shadow:inset 3px 0 #2563EB} .trow .who i{background:#E4EDFE;color:#1D4ED8} .grp-h{background:#F6F8FC}
.subtabs button.on{border-bottom-color:#2563EB} .seg-sw button.on{color:var(--text)}
.cd.today .n,.cd.sel .n{background:#0B1530;color:#fff} .cd.sel{background:#EEF3FE;box-shadow:inset 0 0 0 1.5px #2563EB}
.drawer{border-radius:0} .modal{border-radius:12px} .menu-pop,.palette{border-radius:10px!important}
@media (max-width:1100px){.home-grid{grid-template-columns:1fr}}
@media (max-width:820px){
  .app,.app.collapsed{display:block} .side{position:fixed;left:0;top:0;bottom:0;width:240px;transform:translateX(-100%);transition:transform .18s;z-index:70;padding:0 14px} .app.open .side{transform:none;box-shadow:12px 0 40px rgba(0,0,0,.3)}
  .top .menu-toggle{display:inline-flex} .top{padding:0 12px} .content{padding:16px 14px 40px} .search-btn{min-width:36px;width:36px;padding:0;justify-content:center} .search-btn .lbl,.search-btn kbd{display:none}
}
.rail-stack{display:flex;flex-direction:column;gap:14px}
.dl-t{table-layout:auto} .dl-t th:nth-child(1){width:110px} .dl-t th:nth-child(3){width:110px} .dl-t th:nth-child(4){width:100px} .dl-t td{white-space:normal}
.kpi,.kpi.red,.kpi.amber,.kpi.green,.kpi.blue,.kpis .kpi:not(.cat){border-left:1px solid var(--line)!important;border-top:1px solid var(--line)!important}
.kpi.red{border-color:#F2C4C4!important} .kpi .s{max-width:62%}
.home-main .card{overflow-x:auto} @media (max-width:600px){.kpi .spark{display:none}.kpi .s{max-width:none}.dl-t th:nth-child(3),.dl-t td:nth-child(3){display:none}}

/* v7 clean */
.hi-dot{display:inline-block;width:7px;height:7px;border-radius:50%;background:#D64545;margin-left:8px;vertical-align:middle}
.due-over{color:#B42318;font-weight:600}
.tbl-tools input[type=search]{width:260px}
.kpis{grid-template-columns:repeat(4,minmax(0,1fr))}
@media(max-width:900px){.kpis{grid-template-columns:repeat(2,minmax(0,1fr))}}
.i-teal{background:#1F9D6B!important}

/* ===== v8 Apple-style: light, quiet, glass only on navigation and popups ===== */
:root{--page:#F5F5F7;--card:#fff;--hair:rgba(60,60,67,.12);--label:#1D1D1F;--label2:#6E6E73;--label3:#8E8E93;--accent:#0071E3;--glass:rgba(255,255,255,.72);--fill:rgba(120,120,128,.12)}
html,body{background:var(--page)!important;color:var(--label);font-family:-apple-system,BlinkMacSystemFont,"SF Pro Text","Inter","Segoe UI",system-ui,sans-serif;-webkit-font-smoothing:antialiased;letter-spacing:-.005em}
.app{background:var(--page)}
/* sidebar: frosted light */
.side{background:rgba(236,236,240,.78)!important;backdrop-filter:blur(30px) saturate(180%);-webkit-backdrop-filter:blur(30px) saturate(180%);border-right:1px solid var(--hair);color:var(--label);margin:0!important;height:100vh!important;top:0!important;border-radius:0!important;box-shadow:none!important}
.side .brand,.side .brand *{color:var(--label)!important}
.nav a{color:var(--label)!important;border-radius:9px!important;font-weight:500!important;padding:8px 10px!important;box-shadow:none!important}
.nav a:hover{background:rgba(0,0,0,.05)!important;color:var(--label)!important}
.nav a.on{background:rgba(0,113,227,.12)!important;color:var(--accent)!important;box-shadow:none!important}
.nav a .svgi svg{stroke-width:1.7}
.nav .sep{color:var(--label3)!important;font-size:11px!important;font-weight:600;letter-spacing:.02em!important;text-transform:none!important;padding:16px 10px 5px!important}
.side .foot,.side .foot *{color:var(--label)!important} .side .foot .small,.side .foot .muted{color:var(--label2)!important}
/* top bar */
.top{background:rgba(245,245,247,.78)!important;backdrop-filter:blur(24px) saturate(180%);-webkit-backdrop-filter:blur(24px) saturate(180%);border-bottom:1px solid var(--hair)!important;box-shadow:none!important}
.top select,.top .icon-btn,.search-btn{background:var(--fill)!important;border:0!important;border-radius:9px!important;color:var(--label)!important}
.top .fy,.top .chip{background:transparent!important;color:var(--label2)!important}
/* titles */
.page-head h1,.content h1{font-size:30px!important;font-weight:700!important;letter-spacing:-.025em!important;color:var(--label)}
.page-head p,.content h1+p{color:var(--label2)!important;font-size:14px}
/* icon segmented tabs */
.tabs.seg{display:inline-flex;gap:2px;padding:3px;background:var(--fill);border-radius:11px;border:0!important;margin:6px 0 18px!important;max-width:100%;overflow-x:auto}
.tabs.seg a{display:inline-flex;align-items:center;gap:7px;padding:7px 14px!important;border-radius:8px!important;color:var(--label2)!important;font-weight:500!important;border:0!important;background:transparent;white-space:nowrap;text-decoration:none}
.tabs.seg a .svgi svg{width:16px;height:16px}
.tabs.seg a:hover{color:var(--label)!important}
.tabs.seg a.on{background:#fff!important;color:var(--label)!important;box-shadow:0 1px 3px rgba(0,0,0,.12),0 0 0 .5px rgba(0,0,0,.04)}
.tabs.seg a.on .svgi{color:var(--accent)}
@media(max-width:600px){.tabs.seg a span{display:none}.tabs.seg a.on span{display:inline}}
/* cards: no outlines, soft */
.card,.tbl-wrap,.kpi,.grp,.hrow,.tcard,.cal,.cal2,.rcard,.rail-stack>.card{background:var(--card)!important;border:0!important;border-radius:16px!important;box-shadow:0 1px 2px rgba(0,0,0,.04),0 4px 16px rgba(0,0,0,.04)!important}
.kpi.cat,.kpi{background-image:none!important} .kpi .spark,.kpi .sp{display:none!important}
.kpi{padding:16px 18px!important} .kpi .v,.kpi .val,.kpi b{font-weight:600}
th{background:transparent!important;color:var(--label3)!important;font-weight:500!important;font-size:12px!important;border-bottom:1px solid var(--hair)!important}
td{border-bottom:1px solid rgba(60,60,67,.07)!important} tbody tr:hover{background:rgba(0,0,0,.025)!important}
.tbl-tools{border-bottom:0!important}
/* controls */
input,select,textarea{background:var(--fill)!important;border:0!important;border-radius:9px!important;color:var(--label)!important}
input:focus,select:focus,textarea:focus{outline:2px solid rgba(0,113,227,.5)!important;outline-offset:0}
.btn{background:var(--fill)!important;border:0!important;border-radius:9px!important;color:var(--label)!important;font-weight:500!important;box-shadow:none!important}
.btn:hover{background:rgba(120,120,128,.2)!important}
.btn.primary{background:var(--accent)!important;color:#fff!important} .btn.primary:hover{background:#0077ED!important}
.btn.danger.solid{background:#FF3B30!important;color:#fff!important}
a{color:var(--accent)}
/* chips and badges: quiet */
.lawchip{background:transparent!important;border:0!important;padding:0!important;color:var(--label2)!important;font-weight:500!important;display:inline-flex;align-items:center;gap:6px}
.lawchip::before{content:"";width:8px;height:8px;border-radius:50%;background:var(--lc,#8E8E93);flex:none}
.lawchip i{display:none}
.badge{border:0!important;border-radius:999px!important;font-weight:500!important}
/* popups: frosted sheets */
.drawer-scrim,.scrim{background:rgba(0,0,0,.22)!important;backdrop-filter:blur(8px) saturate(120%);-webkit-backdrop-filter:blur(8px) saturate(120%)}
.drawer{background:rgba(250,250,252,.66)!important;backdrop-filter:blur(40px) saturate(190%);-webkit-backdrop-filter:blur(40px) saturate(190%);border:.5px solid rgba(255,255,255,.7)!important;border-radius:22px!important;margin:10px;height:calc(100% - 20px)!important;box-shadow:0 24px 80px rgba(0,0,0,.28),0 0 0 .5px rgba(0,0,0,.08)!important}
.modal{background:rgba(250,250,252,.7)!important;backdrop-filter:blur(40px) saturate(190%);-webkit-backdrop-filter:blur(40px) saturate(190%);border:.5px solid rgba(255,255,255,.7)!important;border-radius:22px!important;box-shadow:0 24px 80px rgba(0,0,0,.3),0 0 0 .5px rgba(0,0,0,.08)!important}
.modal header,.drawer header{border-bottom:.5px solid var(--hair)!important;padding:16px 22px!important} .modal header h2,.drawer header h2{font-size:17px;font-weight:600}
.drawer .bd .card,.modal .bd .card{background:rgba(255,255,255,.62)!important;box-shadow:none!important;border-radius:14px!important}
.drawer .bd input,.modal .bd input,.modal .bd select,.modal .bd textarea,.drawer .bd select{background:rgba(120,120,128,.14)!important}
.drawer .btn:not(.primary),.modal .btn:not(.primary){background:rgba(255,255,255,.7)!important}
.toast{background:rgba(30,30,32,.82)!important;backdrop-filter:blur(20px);border-radius:14px!important}
@media(max-width:820px){.side{background:rgba(245,245,247,.92)!important}.drawer{margin:0;border-radius:22px 22px 0 0!important;height:92%!important;align-self:flex-end}.drawer-scrim{align-items:flex-end}}
@media(prefers-reduced-transparency:reduce){.side,.top,.drawer,.modal{backdrop-filter:none!important;background:#F5F5F7!important}}
.lawchip::before{background:var(--g1,#8E8E93)!important}
.page-head .muted,.muted{color:var(--label2)}
.page-head .muted{font-size:14px;margin-top:2px}
.drawer{background:rgba(250,250,252,.58)!important}
.nav a.on .svgi{color:var(--accent)}

/* ===== v9 compliance popup + status ===== */
.wstat{display:inline-flex;align-items:center;gap:7px;font-size:12.5px;font-weight:500;color:var(--label);white-space:nowrap}
.wstat i{width:8px;height:8px;border-radius:50%;background:var(--wc);flex:none}
.clamp{display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden;white-space:normal}
.dl-t td small.due-over{display:block}
.drawer header h2{font-size:13px!important;font-weight:500!important;color:var(--label2)}
.dh{margin-bottom:14px} .dh-t{font-size:22px;font-weight:700;letter-spacing:-.02em;margin:2px 0 8px;line-height:1.25}
.dh-m{display:flex;flex-wrap:wrap;gap:6px 14px;align-items:center;color:var(--label2);font-size:13px}
.dstat{display:grid;grid-template-columns:auto 1fr;gap:14px 28px;background:rgba(255,255,255,.62);border-radius:14px;padding:14px 16px;margin-bottom:14px;align-items:end}
.dlab{font-size:11.5px;color:var(--label3);font-weight:500;margin-bottom:5px}
.dpend{font-size:15px;font-weight:500;padding:7px 0}
.drem{grid-column:1/-1;border-top:.5px solid var(--hair);padding-top:10px;font-size:13.5px}
.status-sel{appearance:none;-webkit-appearance:none;font-size:15px;font-weight:600;padding:8px 34px 8px 30px!important;border-radius:999px!important;min-width:170px;cursor:pointer;
  background:#fff url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='12' height='12' viewBox='0 0 24 24' fill='none' stroke='%236E6E73' stroke-width='2.5' stroke-linecap='round'%3E%3Cpath d='M6 9l6 6 6-6'/%3E%3C/svg%3E") no-repeat right 12px center!important;box-shadow:0 0 0 1px var(--wc),0 1px 3px rgba(0,0,0,.08)!important;position:relative}
.dstat>div:first-child{position:relative} .dstat>div:first-child::after{content:"";position:absolute;left:13px;bottom:17px;width:9px;height:9px;border-radius:50%;background:var(--wc,#8E8E93);pointer-events:none}
.status-sel:disabled{opacity:.8;cursor:default}
.atts{display:flex;flex-wrap:wrap;gap:8px}
.att{display:inline-flex;align-items:center;background:#fff;border-radius:11px;box-shadow:0 0 0 .5px rgba(0,0,0,.08),0 1px 2px rgba(0,0,0,.05);max-width:100%}
.att a{display:inline-flex;align-items:center;gap:8px;padding:6px 10px;color:var(--label);text-decoration:none;min-width:0}
.att .an{max-width:170px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;font-size:13px}
.att .ax{border:0;background:transparent;color:var(--label3);padding:0 9px 0 0;cursor:pointer;font-size:11px}
.att.add{padding:7px 12px;color:var(--accent);font-size:13px;font-weight:500;cursor:pointer;background:rgba(255,255,255,.55);border:0;font-family:inherit}
.fico{display:inline-grid;place-items:center;min-width:34px;height:22px;padding:0 5px;border-radius:6px;background:color-mix(in srgb,var(--fc) 14%,#fff);color:var(--fc);font-size:10px;font-weight:700;letter-spacing:.03em}
.dfoot{display:flex;flex-wrap:wrap;gap:8px;margin-top:4px;padding-top:12px;border-top:.5px solid var(--hair)}
.side .brand .t{font-size:15px;font-weight:600;max-width:150px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}
.side .brand .mark{font-size:13px;font-weight:700;letter-spacing:.02em}
.side .foot small{color:var(--label3)!important;font-size:11px}
.drawer .bd section.card h3,.drawer .bd .card>h3{font-size:12px;color:var(--label3);font-weight:600;margin:0 0 10px;text-transform:none}

/* ===== v10 white canvas ===== */
:root{--page:#fff;--hair:rgba(60,60,67,.11)}
html,body,.app,.content{background:#fff!important}
.side{background:rgba(248,248,250,.85)!important}
.top{background:rgba(255,255,255,.8)!important}
.card,.tbl-wrap,.kpi,.grp,.hrow,.tcard,.cal,.cal2,.rcard,.rail-stack>.card{box-shadow:none!important;border:1px solid #ECECF0!important}
.tabs.seg{background:#F2F2F5}
.top select,.top .icon-btn,.search-btn,input,select,textarea,.btn:not(.primary){background:#F2F2F5!important}
.drawer .bd .card{border:0!important}

/* ===== v11 overview layouts ===== */
.ovswitch{display:flex;justify-content:flex-end;margin:-6px 0 12px}.tabs.seg.sm{margin:0!important}.tabs.seg.sm a{padding:5px 11px!important;font-size:13px}
.lab{font-size:12px;color:#8E8E93;font-weight:500}.red{color:#D92D20}.grn{color:#1F9D6B}.mut{color:#8E8E93}
.ovbar{display:flex;height:8px;border-radius:99px;overflow:hidden;background:#F2F2F5}.ovbar.tall{height:12px}.ovbar i{display:block}
.ovstrip{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));padding:0!important;margin-bottom:14px}.ovstrip>div{padding:16px 20px;border-right:1px solid #ECECF0;min-width:0}.ovstrip>div:last-child{border:0}
.ovbig{font-size:34px;font-weight:600;letter-spacing:-.03em;line-height:1.1;margin:4px 0 8px}
.ovli{display:flex;justify-content:space-between;gap:10px;font-size:12.5px;padding:2px 0;color:#3A3A3C}.ovli span:first-child{overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.ovli span:last-child{color:#8E8E93;white-space:nowrap}.ovli .red{color:#D92D20}
.ovhd{display:flex;justify-content:space-between;align-items:flex-end;gap:10px;margin-bottom:10px;flex-wrap:wrap}
.card+.card,.ovgrid{margin-top:14px}.ovgrid{display:grid;grid-template-columns:1.6fr 1fr;gap:14px}.ovgrid.c{grid-template-columns:1.7fr 1fr}.ovgrid .card{margin-top:0}
.ovt{width:100%;border-collapse:collapse;margin-top:6px}.ovt th{font-size:12px;color:#8E8E93;font-weight:500;text-align:left;padding:6px 0}.ovt td{padding:10px 0;border-bottom:1px solid #F2F2F5!important}.ovt .n{text-align:right;width:68px}.ovt tr.click{cursor:pointer}
.ovpp{display:flex;align-items:center;gap:10px;padding:9px 0;border-bottom:1px solid #F2F2F5}.ovpp:last-child{border:0}.ovav{width:28px;height:28px;border-radius:50%;background:#F2F2F5;display:grid;place-items:center;font-size:11px;font-weight:600;color:#6E6E73}.ovav.cl{background:#FFF4E0;color:#E08A00}
.ovchips{display:flex;flex-wrap:wrap;gap:10px;margin-bottom:16px}.ovchip{border:1px solid #ECECF0;border-radius:999px;padding:7px 14px;font-weight:500;display:flex;gap:6px;align-items:center}.ovchip b{font-size:15px}.ovchip .dot{margin:0 2px 0 0}
.ovcards{display:grid;grid-template-columns:repeat(auto-fill,minmax(280px,1fr));gap:14px}.ovcat{text-align:left;font:inherit;color:inherit;cursor:pointer;padding:18px!important;margin:0!important;width:100%}.ovcat:hover{background:#FAFAFB!important}
.ovtop{display:flex;justify-content:space-between;align-items:center}.ovnm{font-weight:600;font-size:15px;display:flex;align-items:center}.ovnm .dot{margin-right:7px}
.ovring{width:48px;height:48px;border-radius:50%;display:grid;place-items:center;font-weight:600;font-size:12px;background:conic-gradient(var(--c) calc(var(--p)*1%),#F2F2F5 0)}.ovring span{width:37px;height:37px;border-radius:50%;background:#fff;display:grid;place-items:center}
.ovmid{display:flex;gap:20px;margin:14px 0 12px}.ovmid b{display:block;font-size:22px;font-weight:600;letter-spacing:-.02em}
.ovnxt{border-top:1px solid #F2F2F5;padding-top:10px;font-size:12.5px;display:flex;justify-content:space-between;gap:8px}.ovnxt span:first-child{overflow:hidden;text-overflow:ellipsis;white-space:nowrap}
.ovtag,.ovpill{border-radius:99px;padding:1px 9px;font-size:11.5px;font-weight:500;background:#F2F2F5;white-space:nowrap}.tr{background:#FDECEA!important;color:#D92D20}.ta{background:#FFF4E0!important;color:#B26A00}
.ovkp{display:flex;gap:26px;margin-bottom:16px;flex-wrap:wrap;align-items:center}.ovkp b{display:block;font-size:28px;font-weight:600;letter-spacing:-.025em}.ovkpbar{flex:1;min-width:200px}
.ovscroll{overflow-x:auto}.ovmx{width:100%;border-collapse:separate;border-spacing:6px;table-layout:fixed;min-width:480px}.ovmx th{font-size:12px;color:#8E8E93;font-weight:500;text-align:center;padding:2px;border:0!important;background:transparent}.ovmx th:first-child{width:30%}
.ovmx td{border:0!important;padding:0}.ovmx td.c{text-align:center;border-radius:10px;height:44px;font-weight:600;cursor:pointer}.ovmx td.nm{font-weight:500;cursor:pointer;padding:0 6px!important}.ovmx td.nm small{display:block;color:#8E8E93;font-weight:400;font-size:11.5px}
.ovmx .z{background:#F6F6F8;color:#C0C0C6;cursor:default}.ovmx .k{background:#E8F6EF;color:#1F9D6B}.ovmx .w{background:#FFF4E0;color:#B26A00}.ovmx .r{background:#FDECEA;color:#D92D20}
.ovleg{display:flex;flex-wrap:wrap;gap:14px;font-size:12px;color:#6E6E73;margin-top:8px}.ovleg i{display:inline-block;width:10px;height:10px;border-radius:3px;margin-right:5px}
.ovatt{padding:10px 0;border-bottom:1px solid #F2F2F5;cursor:pointer}.ovatt:last-child{border:0}.ovatt b{display:block}
@media(max-width:900px){.ovstrip{grid-template-columns:repeat(2,minmax(0,1fr))}.ovstrip>div{border-bottom:1px solid #ECECF0}.ovgrid,.ovgrid.c{grid-template-columns:1fr}}
.dot{display:inline-block;width:8px;height:8px;border-radius:50%;flex:none}
.ovgrid.c{align-items:start}

/* ===== v12 category dashboard ===== */
.avatar{display:inline-block;border-radius:50%;overflow:hidden;flex:none;vertical-align:middle;box-shadow:0 0 0 .5px rgba(0,0,0,.08)} .avatar svg,.avatar img{display:block;border-radius:50%}
.person{display:inline-flex;align-items:center;gap:8px;min-width:0;white-space:nowrap}.person .pn{display:flex;flex-direction:column;line-height:1.2;overflow:hidden;text-overflow:ellipsis}.person small{color:#8E8E93;font-weight:400;font-size:11.5px}
.pers{display:flex;align-items:center;gap:6px}.top .icon-btn .avatar{margin-right:2px}
.cgrid{display:grid;grid-template-columns:repeat(auto-fill,minmax(210px,1fr));gap:14px;margin-bottom:14px}.cgrid.sub{margin:4px 0 16px}
.ccard{position:relative;text-align:left;font:inherit;color:inherit;cursor:pointer;padding:16px 18px 18px!important;margin:0!important;width:100%;overflow:hidden;transition:transform .12s,box-shadow .12s}
.ccard:hover{transform:translateY(-1px);box-shadow:0 6px 20px rgba(0,0,0,.08)!important}.ccard.sel{box-shadow:0 0 0 2px #0071E3 inset!important}
.ctop{display:flex;justify-content:space-between;align-items:flex-start;gap:8px}.cnm{font-size:14px;font-weight:600;line-height:1.25}.cnum{font-size:26px;font-weight:700;letter-spacing:-.02em;line-height:1}
.cmeta{display:flex;justify-content:space-between;font-size:12px;color:#6E6E73;margin:16px 0 7px}.cmeta b{color:inherit}
.cbar{height:7px;border-radius:99px;background:#EEEEF2;overflow:hidden}.cbar i{display:block;height:100%;border-radius:99px}
.cico{position:absolute;right:12px;bottom:26px;opacity:.07;pointer-events:none}.cico svg{width:54px;height:54px;stroke-width:1.3}
.cod{display:inline-block;margin-top:9px;font-size:11.5px;font-weight:500;color:#D92D20;background:#FDECEA;border-radius:99px;padding:1px 9px}
.ccard.dark{background:linear-gradient(135deg,#0B1530,#24365F)!important;color:#fff}.ccard.dark .cmeta{color:#C9D3E6}.ccard.dark .cbar{background:rgba(255,255,255,.2)}.ccard.dark .cico{opacity:.12}.ccard.dark .cod{background:rgba(255,255,255,.16);color:#FFD1CC}
.ccard.pend{background:linear-gradient(135deg,#6D5BF6,#A25CF2)!important;color:#fff}.ccard.pend .cmeta{color:#EDE7FF;margin-bottom:0}.ccard.pend .cico{opacity:.16}.cnote{margin-top:8px;font-size:12px;color:#EDE7FF}
.cdot{display:inline-block;width:14px;height:14px;border-radius:5px;margin-right:10px;vertical-align:middle}
.backlink{display:inline-block;margin:0 0 10px;font-weight:500;color:#0071E3;text-decoration:none}
.hmcard{padding:18px 20px!important}.hmleg{display:flex;flex-wrap:wrap;gap:14px;font-size:12px;color:#6E6E73}.hmleg span{display:inline-flex;align-items:center;gap:6px}
.hmt{border-collapse:separate!important;border-spacing:4px;width:100%;table-layout:auto}.hmt th{font-size:10.5px!important;color:#6E6E73!important;font-weight:500;text-align:center;padding:4px 2px!important;border:0!important;background:#F5F5F7!important;border-radius:6px;min-width:44px;line-height:1.25}
.hmt td{padding:0!important;border:0!important;text-align:center}.hmt .tn{text-align:left;min-width:190px;max-width:240px;white-space:normal;font-size:13px;padding:2px 8px 2px 0!important;background:#fff!important;position:sticky;left:0}.hmt .tn small{display:block;color:#8E8E93;font-size:11px}.hmt .tn .dot{margin-right:7px}
.hm{display:block;width:100%;min-width:34px;height:26px;border-radius:7px;border:0;padding:0;cursor:pointer}.hmleg .hm{width:12px;min-width:12px;height:12px;border-radius:4px;cursor:default}
.hm.filed{background:#34C759}.hm.overdue{background:#E5484D}.hm.soon{background:#FFCC00}.hm.open{background:#E5E5EA}.hm:hover{filter:brightness(.93)}
.wl{padding:16px 18px!important}.wlist{max-height:430px;overflow:auto;display:flex;flex-direction:column;gap:8px;margin-right:-6px;padding-right:6px}
.wli{text-align:left;font:inherit;color:inherit;border:1px solid #ECECF0;background:#FAFAFB;border-radius:12px;padding:10px 12px;cursor:pointer;width:100%}.wli:hover{background:#F2F2F5}.wli b{display:block;font-size:13.5px}
.wlm{display:flex;justify-content:space-between;font-size:11.5px;color:#8E8E93;margin-top:3px;gap:8px}.wli small{color:#8E8E93;font-size:11.5px}.wlr{font-size:12px;color:#3A3A3C;border-top:1px solid #ECECF0;margin-top:6px;padding-top:6px}
.fico-row{display:inline-flex;gap:4px}
@media(max-width:1100px){.home-grid{grid-template-columns:1fr!important}}
.ccard{min-height:138px}.cgrid{align-items:stretch}

/* v13 category setup + bird's-eye */
.ovmx.be th{white-space:normal;line-height:1.25;vertical-align:bottom}.ovmx.be th .cdot{display:inline-block;width:18px;height:6px;border-radius:3px;margin-right:6px;vertical-align:middle}
.catlist{display:flex;flex-direction:column;gap:8px}.catrow{display:flex;align-items:center;gap:12px;padding:10px 12px;border:1px solid #EDEDF0;border-radius:12px}.catsw{width:44px;height:28px;border-radius:8px;flex:none}.catnm{flex:1;min-width:0;display:flex;flex-direction:column}.catnm small{color:#8E8E93;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
.catprev{height:56px;border-radius:12px;color:#fff;font-weight:600;display:flex;align-items:center;padding:0 16px;margin-bottom:12px}
.swgrid{display:grid;grid-template-columns:repeat(8,1fr);gap:8px}.swb{height:34px;border-radius:10px;border:2px solid transparent;cursor:pointer;color:#fff;font-size:12px;padding:0}.swb.on{border-color:#1C1C1E;box-shadow:0 0 0 2px #fff inset}.swb:disabled{opacity:.28;cursor:not-allowed}
@media(max-width:520px){.swgrid{grid-template-columns:repeat(4,1fr)}}
/* v14 compact category cards: 4 per row, no background icon */
.cgrid{grid-template-columns:repeat(4,minmax(0,1fr));gap:12px}
.cico{display:none!important}
.ccard{min-height:96px!important;padding:12px 14px 14px!important}
.ccard .cnm{font-size:13px}.ccard .cnum{font-size:22px}.ccard .cmeta{font-size:11.5px;gap:10px}
@media(max-width:1100px){.cgrid{grid-template-columns:repeat(2,minmax(0,1fr))}}
@media(max-width:420px){.cgrid{grid-template-columns:repeat(2,minmax(0,1fr));gap:8px}}

/* v15 uniform single-line rows */
.hmt .tn{min-width:170px;max-width:230px;white-space:nowrap!important;overflow:hidden;text-overflow:ellipsis;height:34px}.hmt .tt{overflow:hidden;text-overflow:ellipsis}
.hmt .tc{text-align:left;min-width:120px;max-width:150px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;font-size:12px;color:#6E6E73;padding:0 8px 0 0!important}.hmt th.tc{background:#fff!important;text-align:left}
.hm{height:24px}
.oneline{display:block;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
.tbl-wrap tbody td{height:46px;white-space:nowrap;vertical-align:middle}.tbl-wrap tbody td .clamp{display:block;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;max-width:100%}

.cgrid.sub .ccard{min-height:112px!important}.cgrid.sub{align-items:stretch}

.rcal-nav button.dl{font-size:15px;width:auto;padding:0 10px;border-radius:14px}
/* v16 category cards at ~70% height */
.ccard{min-height:0!important;padding:9px 13px 10px!important}
.ccard .cnm{font-size:12.5px}.ccard .cnum{font-size:20px}
.ccard .cmeta{margin:7px 0 5px!important;font-size:11px}.ccard .cbar{height:5px}
.ccard .cod{margin-top:5px;font-size:10.5px;padding:0 8px}
.ccard.pend .cmeta{margin-bottom:0!important}.ccard.pend .cnote{margin-top:3px;font-size:11px}
.cgrid.sub .ccard{min-height:0!important}
.ccard{padding:8px 13px 9px!important}.ccard .cmeta{margin:5px 0 4px!important}.ccard .cod{margin-top:4px;line-height:1.35}

/* v17 aligned cards: identical structure, top-aligned, fixed ratio */
.ccard{display:flex!important;flex-direction:column;justify-content:flex-start!important;align-items:stretch;aspect-ratio:2.15/1;min-height:0!important;padding:11px 14px!important;font-family:inherit}
.ccard .ctop{align-items:center}.ccard .cnm{font-size:13px;font-weight:600;letter-spacing:-.005em}.ccard .cnum{font-size:22px;font-weight:700;letter-spacing:-.02em}
.ccard .cmeta{margin:auto 0 6px!important;font-size:11.5px;font-weight:400}.ccard .cmeta b{font-weight:600}
.ccard .cbar{flex:none;height:5px}.ccard.pend .cbar{background:rgba(255,255,255,.28)}
.cfoot{height:18px;margin-top:6px;display:flex;align-items:center}.cfoot .cod{margin:0;line-height:18px}.cok{font-size:10.5px;color:#8E8E93}.ccard.dark .cok{color:#9FB0D0}.ccard.pend .cnote{margin:0;font-size:11px;color:#EDE7FF}
.ccard.pend .cmeta{margin-bottom:6px!important}
.cgrid.sub .ccard{aspect-ratio:2.15/1}
@media(max-width:1100px){.ccard{aspect-ratio:auto;min-height:92px!important}}

/* v18 reference card style */
.ccard{aspect-ratio:2.1/1;padding:11px 14px 12px!important;border:0!important;border-radius:11px!important;box-shadow:0 1px 3px rgba(16,24,40,.10),0 1px 2px rgba(16,24,40,.06)!important;background:#fff;color:#1B2437}
.ccard:hover{box-shadow:0 4px 14px rgba(16,24,40,.12)!important}
.ccard .ctop{align-items:flex-start}.ccard .cnm{font-size:12.5px;font-weight:700;color:inherit}.ccard .cnum{font-size:21px;font-weight:800;letter-spacing:-.01em}
.ccard .cmeta{margin:auto 0 5px!important;font-size:10.5px;color:#4B5675}.ccard .cmeta b{font-weight:700;color:inherit}.ccard .cmeta b.ov{color:#D92D20}
.ccard .cbar{height:6px;background:#E6E8EE}.ccard.sel{box-shadow:0 0 0 2px #0071E3 inset!important}
.ccard.dark{background:linear-gradient(160deg,#1E283B,#0C1424)!important;color:#fff}.ccard.dark .cmeta{color:#D5DBE8}.ccard.dark .cbar{background:rgba(255,255,255,.22)}
.ccard.pend{background:linear-gradient(135deg,#6B5CF6,#9137E0)!important;color:#fff}
.ccard.pend .cico{display:block!important;position:absolute;right:10px;bottom:8px;opacity:.22;color:#fff}.ccard.pend .cico svg{width:34px;height:34px;stroke-width:1.4}
.ccard.pend .cfoot.sub{margin-top:auto;height:auto}.ccard.pend .cnote{font-size:10.5px;color:#EDE7FF}
.wlist{max-height:228px!important;scroll-behavior:auto}
/* v19 cards from the reference MIS design */
.cgrid{grid-template-columns:repeat(3,minmax(0,1fr))!important;gap:24px!important;align-items:stretch}
.ccard{position:relative;display:block!important;overflow:hidden;padding:0!important;margin:0!important;min-height:0!important;aspect-ratio:auto!important;border:0!important;border-radius:12px!important;background:#fff;color:#1E293B;text-align:left;font-family:inherit;
  box-shadow:0 4px 6px -1px rgba(0,0,0,.1),0 2px 4px -2px rgba(0,0,0,.1)!important;transition:transform .3s ease,box-shadow .3s ease}
.ccard:hover{transform:translateY(-6px);box-shadow:0 20px 25px -5px rgba(0,0,0,.1),0 8px 10px -6px rgba(0,0,0,.1)!important}
.ccard.sel{transform:translateY(-2px) scale(.98);box-shadow:0 0 0 2px #3B82F6 inset,0 4px 6px -1px rgba(0,0,0,.1)!important}
.ccard .cin{position:relative;z-index:1;display:flex;flex-direction:column;justify-content:space-between;height:100%;padding:16px;gap:16px}
.ccard .chd{display:flex;align-items:flex-start;justify-content:space-between;gap:8px}
.ccard .chd h3{margin:0;font-size:16px;line-height:24px;font-weight:700;color:inherit}
.ccard .chd p{margin:0;font-size:24px;line-height:32px;font-weight:800;color:inherit}
.ccard .csr{display:flex;justify-content:space-between;align-items:center;font-size:12px;line-height:16px;font-weight:500;color:#475569}.ccard .csr b{font-weight:700;color:inherit}.ccard .csr b.ov{color:#D92D20}
.ccard .cbr{width:100%;height:6px;margin-top:8px;border-radius:9999px;background:rgba(0,0,0,.1);overflow:hidden}.ccard .cbr i{display:block;height:100%;border-radius:9999px}
.ccard .cwm{position:absolute;right:0;bottom:0;width:64px;height:64px;color:#E5E7EB;opacity:.2;pointer-events:none;display:block!important}.ccard .cwm svg{width:64px;height:64px;stroke-width:1.5}
.ccard.dark{background:linear-gradient(135deg,#1E293B,#0F172A)!important;color:#fff}.ccard.dark .csr{color:#CBD5E1}.ccard.dark .cbr{background:rgba(255,255,255,.2)}.ccard.dark .cwm{color:#334155;opacity:.9}
.ccard.pend{background:linear-gradient(135deg,#6366F1,#9333EA)!important;color:#fff}.ccard.pend .cwm{color:#C7D2FE;opacity:.35}.ccard .csub{margin:0;font-size:12px;line-height:16px;opacity:.85}
@media(max-width:760px){.cgrid{grid-template-columns:repeat(2,minmax(0,1fr))!important;gap:12px!important}}

/* v20 table under the cards */
.tvcard{padding:16px 18px!important}.subchips{display:flex;flex-wrap:wrap;gap:6px;margin:4px 0 10px}
.chip{font:inherit;font-size:12px;border:1px solid #E5E7EB;background:#fff;color:#475569;border-radius:999px;padding:4px 12px;cursor:pointer}.chip.on{background:#1E293B;border-color:#1E293B;color:#fff}
.tvcard .tbl-wrap{box-shadow:none;border:0;padding:0}
.tvcard .tbl-scroll{overflow-x:auto}.tvcard .tbl-scroll table{min-width:900px;table-layout:auto}.tvcard td,.tvcard th{white-space:nowrap}
/* v21 single-line header, compact cards, avatar-only assignee */
.chead{display:flex;align-items:center;gap:18px;flex-wrap:wrap;margin:0 0 14px}.chead h1{margin:0;font-size:26px;line-height:1.2}
.chead .tabs{margin:0}.chead .cact{margin-left:auto;display:flex;gap:8px;flex-wrap:wrap}
.cgrid{grid-template-columns:repeat(4,minmax(0,1fr))!important;gap:12px!important}
.ccard{border-radius:10px!important;box-shadow:0 1px 2px rgba(16,24,40,.08)!important;transition:box-shadow .12s ease!important}
.ccard:hover{transform:none!important;box-shadow:0 1px 2px rgba(16,24,40,.08),inset 0 0 0 1px #94A3B8!important}
.ccard.sel,.ccard.sel:hover{transform:none!important;box-shadow:0 1px 2px rgba(16,24,40,.08),inset 0 0 0 1px #1E293B!important}
.ccard.dark:hover{box-shadow:inset 0 0 0 1px #64748B!important}.ccard.dark.sel,.ccard.pend.sel{box-shadow:inset 0 0 0 1px #fff!important}
.ccard .cin{padding:11px 13px 12px;gap:10px}.ccard .chd h3{font-size:13px;line-height:18px;font-weight:600}.ccard .chd p{font-size:19px;line-height:22px;font-weight:700}
.ccard .csr{font-size:11px;line-height:14px}.ccard .cbr{height:4px;margin-top:6px}.ccard .csub{font-size:11px}
.ccard .cwm{width:40px;height:40px;opacity:.14}.ccard .cwm svg{width:40px;height:40px}
.ccard.dark .cwm{opacity:.5}.ccard.pend .cwm{opacity:.28}
@media(max-width:1100px){.cgrid{grid-template-columns:repeat(2,minmax(0,1fr))!important}}
.tvh{display:flex;align-items:center;gap:12px;flex-wrap:nowrap;margin-bottom:10px}.tvh>b{font-size:14px;white-space:nowrap}.tvh .tbl-tools{border:0!important;padding:0!important;flex:1;min-width:0}.tvh .tbl-tools input[type=search]{width:160px}.tvh>a{white-space:nowrap}
.tvcard .tbl-wrap{border:0!important;box-shadow:none!important;border-radius:0}.tvcard .tbl-foot{padding-left:0;padding-right:0}
.pw{display:inline-flex}.pw .avatar{cursor:default}
.nmc{display:flex;flex-direction:column;min-width:0}.nmc small{color:#8E8E93;font-size:11.5px;line-height:1.3}
@media(max-width:900px){.tvh{flex-wrap:wrap}}

/* v22 clean pass: flat surfaces, hairlines, one type scale (13px body, 12px labels) */
:root{--hair:#E9ECF0;--hair2:#F1F3F6}
/* header: quiet underline tabs */
.chead{gap:28px!important;margin-bottom:18px!important;border-bottom:1px solid var(--hair);padding-bottom:0}
.chead h1{font-size:22px!important;font-weight:700;letter-spacing:-.01em;padding-bottom:10px}
.chead .tabs{background:transparent!important;box-shadow:none!important;border:0!important;padding:0!important;gap:20px!important;align-self:stretch}
.chead .tabs a{background:transparent!important;box-shadow:none!important;border-radius:0!important;padding:9px 0 11px!important;font-size:13.5px;font-weight:500;color:#6B7280;border-bottom:2px solid transparent;margin-bottom:-1px}
.chead .tabs a.on{color:#111827;border-bottom-color:#111827}.chead .tabs a svg{display:none}
.chead .cact{padding-bottom:8px}.chead .cact .btn{font-size:13px;padding:6px 12px;border-radius:8px;background:#fff;border:1px solid #DDE1E6;box-shadow:none;color:#111827}
.chead .cact .btn.primary{background:#111827;border-color:#111827;color:#fff}
/* cards: 3 x 2, flat, hairline border, no icons */
.cgrid{grid-template-columns:repeat(3,minmax(0,1fr))!important;gap:12px!important;margin-bottom:18px!important}
.ccard{border:1px solid var(--hair)!important;box-shadow:none!important;border-radius:10px!important;background:#fff}
.ccard:hover,.ccard.sel{box-shadow:none!important;border-color:#9CA3AF!important}.ccard.sel{border-color:#111827!important}
.ccard.dark,.ccard.pend{border-color:transparent!important}.ccard.dark:hover,.ccard.pend:hover{border-color:#fff!important;box-shadow:0 0 0 1px #6B7280!important}
.ccard.dark.sel,.ccard.pend.sel{box-shadow:0 0 0 1px #111827!important;border-color:#fff!important}
.ccard .cwm{display:none!important}
.ccard .cin{padding:12px 14px 13px;gap:12px}.ccard .chd h3{font-size:13px;font-weight:600}.ccard .chd p{font-size:20px;font-weight:700}
.ccard .csr{font-size:11.5px}.ccard .cbr{height:4px;margin-top:7px}
.ccard.dark{background:#111827!important}.ccard.pend{background:#4F46E5!important}
/* table card: flat, no nested box */
.tvcard{border:1px solid var(--hair)!important;box-shadow:none!important;border-radius:12px!important;padding:14px 16px 8px!important}
.tvh{margin-bottom:12px!important}.tvh>b{font-size:14px;font-weight:600}.tvh>a{font-size:12.5px}
.tvh .tbl-tools select,.tvh .tbl-tools input[type=search],.tbl-tools select,.tbl-tools input[type=search]{height:32px;font-size:13px;border:1px solid #DDE1E6!important;background:#fff!important;border-radius:8px!important;padding:0 10px;box-shadow:none}
.tvh .tbl-tools select,.tbl-tools select{padding-right:26px}
.tvcard .tbl-scroll{overflow-x:auto}.tvcard .tbl-scroll table{min-width:760px!important;table-layout:auto}
.tbl-scroll table th{font-size:12px!important;font-weight:500!important;color:#6B7280!important;text-transform:none!important;letter-spacing:0!important;padding:8px 10px!important;border-bottom:1px solid var(--hair)!important;background:transparent!important}
.tbl-scroll table td{font-size:13px!important;padding:0 10px!important;height:46px;border-bottom:1px solid var(--hair2)!important}
.tbl-scroll table tr:last-child td{border-bottom:0!important}.tbl-scroll table tbody tr:hover td{background:#F9FAFB}
.tbl-scroll td b{font-weight:600;font-size:13px}.tbl-scroll td .small,.tbl-scroll td small{font-size:12px}.nmc small{font-size:11.5px;color:#9CA3AF}
.tbl-scroll .due-over{color:#DC2626;font-weight:500}
.pw .avatar{width:22px!important;height:22px!important}.pw .avatar svg{width:22px!important;height:22px!important}
.tbl-wrap{border:1px solid var(--hair)!important;box-shadow:none!important;border-radius:12px!important}
.tbl-foot{font-size:12px;color:#6B7280}
/* rail: lists, not boxes */
.home-rail .card,.home-rail .rcal,.home-rail .rail-stack>*{box-shadow:none!important}
.wl{border:1px solid var(--hair)!important;border-radius:12px!important;padding:14px 16px 6px!important}.wl .ovhd b{font-size:14px;font-weight:600}
.wlist{max-height:236px!important;gap:0!important;margin:0 -4px!important;padding:0 4px!important;-webkit-mask-image:linear-gradient(#000 88%,transparent);mask-image:linear-gradient(#000 88%,transparent)}
.wli{background:transparent!important;border:0!important;border-bottom:1px solid var(--hair2)!important;border-radius:0!important;padding:9px 0!important}.wli:hover{background:#F9FAFB!important}
.wli b{font-size:13px;font-weight:600;line-height:1.3}.wlm{margin-top:2px!important;font-size:12px!important;color:#6B7280!important}.wlm .due-over{color:#DC2626}
.rcal{border:1px solid var(--hair)!important;border-radius:12px!important}
.chead .tabs a{border-bottom:0!important;position:relative}
.chead .tabs a.on{color:#111827!important;box-shadow:inset 0 -2px 0 #111827!important}
.ccard.dark.sel,.ccard.pend.sel{box-shadow:0 0 0 2px #fff,0 0 0 3px #111827!important;border-color:transparent!important}
.ccard.dark:hover,.ccard.pend:hover{box-shadow:0 0 0 2px #fff,0 0 0 3px #9CA3AF!important;border-color:transparent!important}
.tvcard .tbl-scroll table{min-width:700px!important}

/* v23 */
.btn.plus{width:30px;height:30px;padding:0;display:inline-grid;place-items:center;font-size:20px;font-weight:200;line-height:1;background:#fff;border:1px solid #D5D9E0;color:#111827}
.btn.plus:hover{background:#F6F7F9}
.ccard.sel,.ccard.sel:hover{border:1px solid var(--cc,#111827)!important;box-shadow:none!important}
.due-over{color:#DC2626;font-weight:500}
.fsel{display:inline-flex;align-items:center;gap:6px;font-size:12px;color:#6B7280}.fsel select{height:30px;border:1px solid #D5D9E0;border-radius:8px;background:#fff;padding:0 8px;font-size:13px;color:#111827}
.dxgrid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:14px;margin-top:14px}
.dxbars{display:grid;gap:10px;margin-top:12px}.dxr{display:grid;grid-template-columns:90px 1fr 28px;gap:10px;align-items:center;font-size:12.5px;color:#4B5563}.dxr b{text-align:right;color:#111827}
.dxt{height:8px;background:#F2F2F5;border-radius:99px;overflow:hidden}.dxt i{display:block;height:100%}
.dxcols{display:grid;grid-template-columns:repeat(8,1fr);gap:8px;align-items:end;height:104px;margin-top:12px}.dxc{display:flex;flex-direction:column;align-items:center;justify-content:flex-end;gap:4px;height:100%}.dxc i{display:block;width:100%;max-width:26px;background:#4F46E5;border-radius:4px 4px 0 0}.dxc em{font-style:normal;font-size:11.5px;color:#111827}.dxc span{font-size:10.5px;color:#6B7280;white-space:nowrap}
@media(max-width:900px){.dxgrid{grid-template-columns:1fr}}
/* v24: header tabs never scroll; wrap actions below on narrow screens */
.chead .tabs{overflow:visible!important;flex:0 0 auto;max-width:none;flex-wrap:nowrap}.chead .tabs a{white-space:nowrap}
@media(max-width:1500px){.chead{gap:16px!important}.chead .tabs{gap:14px!important}.chead .cact{flex-wrap:nowrap}}
@media(max-width:760px){.chead .tabs{overflow-x:auto!important;max-width:100%}}
/* v25 */
.cwrap{position:relative;margin-bottom:18px}.cwrap .cgrid{margin-bottom:0!important}
.cgrid.scr{grid-template-columns:none!important;grid-template-rows:repeat(2,auto);grid-auto-flow:column;grid-auto-columns:calc((100% - 24px)/3);overflow-x:auto;scroll-snap-type:x proximity;scrollbar-width:none}.cgrid.scr::-webkit-scrollbar{display:none}.cgrid.scr>*{scroll-snap-align:start}
.carr{position:absolute;top:50%;transform:translateY(-50%);z-index:3;width:30px;height:30px;border-radius:50%;border:1px solid #D5D9E0;background:#fff;color:#111827;font-size:20px;line-height:1;display:grid;place-items:center;cursor:pointer;box-shadow:0 2px 8px rgba(16,24,40,.12);padding:0 0 3px}.carr.l{left:-12px}.carr.r{right:-12px}
@media(max-width:1100px){.cgrid.scr{grid-auto-columns:calc((100% - 12px)/2)}}
.cotabs{display:flex;gap:8px;flex-wrap:wrap;margin-bottom:12px}.cotab{border:1px solid #DDE1E6;background:#fff;border-radius:8px;padding:7px 14px;font-size:13px;font-weight:500;color:#4B5563;cursor:pointer;font-family:inherit}.cotab.on{border-color:#111827;color:#111827;box-shadow:inset 0 0 0 1px #111827}
.bev{padding:0!important}.bet{width:100%;border-collapse:collapse;min-width:980px}.bet th{font-size:12px;font-weight:500;color:#6B7280;text-align:left;padding:11px 8px;border-bottom:1px solid #E9ECF0;white-space:nowrap}.bet td{padding:7px 8px;border-bottom:1px solid #F1F3F5}.bet th.c,.bet td.c{text-align:center;width:62px}.bet td.nm{font-size:13px;font-weight:500;color:#111827;min-width:230px;padding-left:16px}.bet th:first-child{padding-left:16px}
.bc{display:inline-grid;place-items:center;min-width:26px;height:24px;border-radius:6px;border:0;font:600 13px/1 inherit;font-family:inherit;background:transparent;padding:0 4px;cursor:pointer}.bc:disabled,.bc[tabindex="-1"]{cursor:default}
.bok{color:#15803D;background:#E8F6EF}.bbad{color:#DC2626;background:#FDECEA}.bdue{color:#9CA3AF}.bna{color:#9CA3AF;font-size:11px;font-weight:500}
.belg{display:flex;gap:18px;flex-wrap:wrap;padding:12px 16px;font-size:12px;color:#6B7280;border-top:1px solid #E9ECF0;align-items:center}.belg .bc{min-width:22px;height:20px;font-size:12px;margin-right:4px}
html,body{font-family:"Inter",-apple-system,BlinkMacSystemFont,"Segoe UI",system-ui,sans-serif!important}button,input,select,textarea{font-family:inherit}
.carr[hidden]{display:none!important}.bet th.c{min-width:66px;white-space:nowrap}

.fysel{height:30px;border:0;border-radius:99px;background:#EEF1F6;color:#334155;font-size:12px;font-weight:600;padding:0 10px;cursor:pointer}

.nmc small,.wli small,.wlm,.wlm span,.dl-t small,.ovpp small{font-weight:400!important}
.nmc b{font-weight:500}
.bet th.c{min-width:70px}
.bet th{overflow:visible!important;text-overflow:clip!important;padding-left:4px;padding-right:4px}
.mdot{display:inline-flex;align-items:center;gap:8px;font-size:13px;color:#111827;white-space:nowrap}.mdot i{width:9px;height:9px;border-radius:50%;display:inline-block}
/* v26 */
.ccard.dark{background:linear-gradient(135deg,#4B5563 0%,#1F2937 45%,#000 100%)!important}
.ccard.pend{background:linear-gradient(135deg,#000 0%,#1E3A8A 50%,#2563EB 100%)!important}
.chead h1{background:linear-gradient(90deg,#7F1D1D 0%,#450A0A 35%,#111827 100%);-webkit-background-clip:text;background-clip:text;color:transparent;-webkit-text-fill-color:transparent}
.btn.plus,.chead .cact .btn.plus{background:#2563EB!important;border-color:#2563EB!important;color:#fff!important;font-weight:400;font-size:19px}.btn.plus:hover{background:#1D4ED8!important}
.chead .tabs a.on{box-shadow:inset 0 -1px 0 #111827!important}
.chead{flex-wrap:nowrap!important;gap:22px!important;min-width:0}.chead h1{white-space:nowrap;flex:0 0 auto}.chead .tabs{flex:0 1 auto;min-width:0}.chead .cact{margin-left:auto!important;width:auto!important;flex:0 0 auto;flex-wrap:nowrap!important;padding-bottom:8px!important}
@media(max-width:1300px){.chead{gap:14px!important}.chead h1{font-size:19px!important}.chead .tabs{gap:11px!important}.chead .tabs a{font-size:13px!important}.chead .cact .btn{padding:5px 10px}}
.tvh{flex-wrap:nowrap!important}.tvh .tbl-tools{flex:1 1 auto;min-width:0;flex-wrap:nowrap!important}.tvh .tbl-tools input{min-width:80px}.tvh>b{white-space:nowrap}
.cbar2{display:flex;align-items:center;gap:12px;margin-bottom:10px}.cbar2:empty{display:none}
.cback{display:inline-flex;align-items:center;gap:6px;border:1px solid #D5D9E0;background:#fff;border-radius:8px;height:30px;padding:0 12px 0 8px;font:500 13px/1 inherit;font-family:inherit;color:#111827;cursor:pointer}.cback span{font-size:18px;line-height:1;margin-top:-2px}.cback:hover{background:#F6F7F9}
.cbt{display:inline-flex;align-items:center;gap:8px;font-size:15px;font-weight:600;color:#111827}.cdot{width:10px;height:10px;border-radius:50%;display:inline-block}
.eyeb{border:0;background:transparent;color:#6B7280;cursor:pointer;padding:4px;border-radius:6px;display:inline-grid;place-items:center}.eyeb:hover{background:#F1F3F5;color:#111827}.eyeb .svgi svg{width:18px;height:18px}
.ind{padding:4px 22px 22px;max-width:820px}
/* detail panels (drawer + in-table): flat, minimal */
.drawer{width:min(500px,100%)!important;border-radius:0!important}
.drawer header{padding:14px 20px!important;border-bottom:1px solid #EEF0F3!important}.drawer header h2{font-size:15px!important;font-weight:600;font-family:inherit!important}
.drawer .bd,.ind{font-size:13.5px}
.drawer .bd .card,.ind .card{border:0!important;background:transparent!important;box-shadow:none!important;padding:0!important;margin:0 0 20px!important;border-radius:0!important}
.drawer .bd .card>h3,.ind .card>h3{font-size:12px!important;font-weight:600;color:#6B7280;margin:0 0 8px!important;letter-spacing:0}
.dh-t{font-size:18px!important;font-weight:600;font-family:inherit!important;margin:0 0 6px}
.tk-chips{display:flex;gap:8px;align-items:center;flex-wrap:wrap;margin-bottom:12px}.tk-desc{margin:0 0 14px;color:#374151;white-space:pre-wrap}
.tk-actions{display:flex;gap:8px;align-items:center;margin-bottom:16px;flex-wrap:wrap}.tk-actions .btn{padding:6px 14px;border-radius:8px;font-size:13px}
.tk-more{position:relative}.tk-more summary{list-style:none;cursor:pointer}.tk-more summary::-webkit-details-marker{display:none}
.tk-menu{position:absolute;z-index:5;top:34px;left:0;min-width:170px;background:#fff;border:1px solid #E5E7EB;border-radius:10px;box-shadow:0 10px 28px rgba(16,24,40,.14);padding:6px;display:flex;flex-direction:column;gap:2px}.tk-menu .btn{border:0;background:transparent;text-align:left;justify-content:flex-start;width:100%}.tk-menu .btn:hover{background:#F3F4F6}
.tk-meta{display:grid;grid-template-columns:1fr 1fr;gap:12px 20px;margin:0 0 14px;padding:14px 0;border-top:1px solid #EEF0F3;border-bottom:1px solid #EEF0F3}.tk-meta dt{font-size:11.5px;color:#6B7280;margin-bottom:2px}.tk-meta dd{margin:0;font-size:13.5px;color:#111827;display:flex;align-items:center;gap:6px}
.tk-log{display:flex;align-items:center;gap:8px;margin-bottom:16px}.tk-log .btn{padding:2px 9px;border-radius:7px}
.tk-tabs{display:flex;gap:18px;border-bottom:1px solid #EEF0F3;margin-bottom:12px}.tk-tab{background:none;border:0;padding:8px 0;font:500 13px/1 inherit;font-family:inherit;color:#6B7280;cursor:pointer;border-bottom:1px solid transparent;margin-bottom:-1px}.tk-tab.on{color:#111827;border-bottom-color:#111827}
.tk-empty{padding:8px 0}.tk-cm{padding:8px 0;border-bottom:1px solid #F1F3F5}.tk-post{display:flex;gap:8px;align-items:flex-end;margin-top:12px}.tk-post textarea{flex:1;min-height:44px}.tk-lab{font-size:12px;color:#6B7280;margin:12px 0 4px}
.drawer header h2{color:#111827!important}
.dxgrid>.card{margin:0!important}
/* v27: product name fits the sidebar */
.side .brand .t{white-space:normal;font-size:13.5px;line-height:1.15;font-weight:600}
/* v28: tab overflow menu */
.tabwrap{display:flex;align-items:center;gap:14px;position:relative;min-width:0;flex:0 1 auto}
.tabwrap .tabs{flex:0 0 auto}.tmore{position:relative}.tmore.hidden,.tmore-m.hidden{display:none}
.tmore-b{background:none;border:0;font:inherit;font-size:13px;color:var(--text-2,#6b7280);cursor:pointer;padding:6px 0}.tmore-b.on{color:#111827;box-shadow:inset 0 -1px 0 #111827}
.tmore-m{position:absolute;top:100%;right:0;z-index:30;background:#fff;border:1px solid #e5e7eb;border-radius:10px;box-shadow:0 8px 24px rgba(0,0,0,.12);padding:6px;min-width:170px;display:flex;flex-direction:column}
.tmore-m a{padding:8px 10px;border-radius:7px;color:#111827;text-decoration:none;font-size:13px}.tmore-m a:hover,.tmore-m a.on{background:#f3f4f6}
/* v29: login, board, data-room restyle */
.login{grid-template-columns:1.05fr 1fr;background:#fff}
.login .pane{background:linear-gradient(150deg,#2b0707 0%,#7a1212 52%,#0d0d12 100%)!important;color:#f3e7e7;padding:72px 64px;gap:22px;position:relative}
.login .pane h1{color:#fff!important;font-size:38px;line-height:1.12;letter-spacing:-.02em;max-width:480px;background:none!important;-webkit-text-fill-color:#fff}
.login .pane p{color:#e6d4d4;font-size:15px;max-width:440px;line-height:1.55}
.login .pane .brand .mark{background:#fff!important;color:#7a1212!important}
.login .pane .brand span{font-size:17px;font-weight:600;color:#fff}
.lg-points{list-style:none;margin:8px 0 0;padding:0;display:flex;flex-direction:column;gap:10px;font-size:14px;color:#f3e7e7}
.lg-points li{padding-left:22px;position:relative}.lg-points li:before{content:"";position:absolute;left:0;top:.55em;width:10px;height:1px;background:#fff;opacity:.7}
.login .form{max-width:440px;padding:56px 48px}
.login .form h2{font-size:24px;letter-spacing:-.01em}
.login .form .btn.primary{width:100%;padding:11px 14px;margin-top:6px}
.demo-users{display:grid;grid-template-columns:1fr 1fr;gap:8px}.demo-users button{text-align:left;padding:10px 12px!important;border:1px solid #e5e7eb!important;background:#fafafa!important;display:flex;flex-direction:column;gap:2px}
.demo-users button span{font-size:11.5px}
@media(max-width:900px){.login{grid-template-columns:1fr}.login .pane{padding:36px 28px}.login .pane h1{font-size:28px}}
/* board */
.board{grid-template-columns:repeat(4,minmax(260px,1fr))!important;gap:14px!important}
.board .lane{background:#f6f7f9!important;border:0!important;border-radius:14px!important;padding:12px!important;border-top:3px solid #9ca3af!important}
.board .lane:nth-child(1){border-top-color:#9ca3af!important}.board .lane:nth-child(2){border-top-color:#2563eb!important}.board .lane:nth-child(3){border-top-color:#d97706!important}.board .lane:nth-child(4){border-top-color:#16a34a!important}
.board .lane h3{display:flex;justify-content:space-between;align-items:center;font-size:13px;margin:2px 2px 10px;color:#111827}
.board .tcard{background:#fff;border:1px solid #e5e7eb;border-left:3px solid #d1d5db;border-radius:10px;padding:10px 12px;margin-bottom:8px;box-shadow:0 1px 2px rgba(0,0,0,.04);cursor:pointer;display:flex;flex-direction:column;gap:3px;font-size:13px}
.board .tcard:hover{box-shadow:0 4px 14px rgba(0,0,0,.08)}
.board .tcard.p-urgent{border-left-color:#dc2626}.board .tcard.p-high{border-left-color:#f97316}.board .tcard.p-medium{border-left-color:#eab308}.board .tcard.p-low{border-left-color:#60a5fa}
/* data room external page */
.roombar{display:flex;align-items:center;gap:10px;padding:14px 28px;background:linear-gradient(90deg,#2b0707,#7a1212 55%,#0d0d12);color:#fff}
.roombar .rb-mark{width:26px;height:26px;border-radius:7px;background:#fff;color:#7a1212;display:grid;place-items:center;font-weight:700}
.roombar .rb-sub{margin-left:auto;font-size:12px;opacity:.8}
.roompg{padding-top:28px}.roompg h1{font-size:28px;letter-spacing:-.02em;margin:4px 0 6px}
.roompg .card{border-radius:14px;border:1px solid #e5e7eb;box-shadow:0 1px 3px rgba(0,0,0,.04)}
.login .pane .brand div.mark{color:#7a1212!important;-webkit-text-fill-color:#7a1212}
.board .tcard{text-align:left;align-items:stretch}.board .tcard .small{text-align:left}.board .tcard .row{justify-content:flex-start}
/* v30: fixed-ratio category boxes, opaque table headers, compact bird's-eye, review flow */
.cgrid.scr{grid-template-columns:repeat(var(--n,4),218px)!important;grid-template-rows:repeat(var(--r,2),78px)!important;grid-auto-flow:row!important;grid-auto-columns:218px!important;gap:12px!important;overflow-x:auto;justify-content:start;scroll-snap-type:x proximity}
.cgrid.scr>.ccard{width:218px;height:78px;min-width:0}
.cgrid.scr .ccard .cin{height:100%;padding:9px 12px 10px;gap:6px;display:flex;flex-direction:column;justify-content:space-between}
.cgrid.scr .ccard .chd h3{font-size:12.5px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.cgrid.scr .ccard .chd p{font-size:18px}
@media(max-width:1100px){.cgrid.scr{grid-auto-columns:218px!important}}
th{background:#fff!important}.tbl-scroll table th,.tvcard th,.bet th{background:#fff!important;position:sticky;top:0;z-index:3}
.tvcard .tbl-scroll{max-height:520px;overflow:auto}
.bet{width:max-content!important;min-width:0!important;table-layout:fixed}
.bet td.nm,.bet th:first-child{width:260px;min-width:260px!important;max-width:260px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}
.bet th.c,.bet td.c{width:58px;min-width:58px!important}
.bev{overflow:auto;max-height:calc(100vh - 260px)}

/* v31: calendar today vs selected, hand-off, notes, attachments, import */
.rcal-g button .n{border:2px solid transparent}
.rcal-g button.today .n{background:#E8F1FF!important;color:#0A5BD3!important;border-color:#0A84FF!important;font-weight:700}
.rcal-g button.sel .n{background:#6F63E6!important;color:#fff!important;border-color:#6F63E6!important}
.rcal-g button.today.sel .n{background:#6F63E6!important;color:#fff!important;border-color:#0A84FF!important;box-shadow:0 0 0 2px #fff,0 0 0 4px #0A84FF}
.rcal-lg .tk{display:inline-flex;align-items:center;gap:5px}.rcal-lg .tk b{display:inline-block;width:12px;height:12px;border-radius:50%;box-sizing:border-box}
.rcal-lg .tk.t b{background:#E8F1FF;border:2px solid #0A84FF}.rcal-lg .tk.s b{background:#6F63E6}
.rcal-nav button.dl{display:inline-flex;align-items:center;justify-content:center;width:30px;padding:0}.rcal-nav button.dl .svgi svg{width:16px;height:16px}
.hfbar{margin:0 0 14px}.hfnote{padding:9px 12px;border:1px solid #FDE2B8;background:#FFF8EC;border-radius:10px;font-size:13px;margin-bottom:8px}.hfnote b{margin-right:4px}
.hfb{display:flex;gap:8px;flex-wrap:wrap}.hfb .btn .svgi,.tk-actions .btn .svgi{margin-right:6px;display:inline-flex}.hfb .btn .svgi svg,.tk-actions .btn .svgi svg{width:15px;height:15px}
.notes .note{border:1px solid #EEF0F4;border-radius:10px;padding:8px 10px;margin-bottom:8px;background:#FAFAFC}.notes .nthd{display:flex;align-items:center;gap:8px;font-size:12.5px}.notes .nthd .ax{margin-left:auto}
.notes .ntbd{white-space:pre-wrap;margin-top:4px;font-size:13.5px}.notes .nadd{display:flex;gap:8px;align-items:flex-end;margin-top:8px}.notes .nadd textarea{flex:1;min-width:0}
.att .ax.nt{opacity:.75}.att .ax.nt:hover{opacity:1}.att .ax .svgi svg{width:14px;height:14px}
.imp-sum{display:flex;gap:14px;flex-wrap:wrap;align-items:center;margin:8px 0;font-size:13px}.imp-sum .ok{color:#15803D}.imp-sum .bad{color:#B42318;font-weight:600}
.imp-out .tbl-scroll{max-height:280px;overflow:auto;border:1px solid #EEF0F4;border-radius:10px}.imp-out table{width:100%;font-size:12.5px}
.btn .svgi{display:inline-flex;vertical-align:-3px;margin-right:6px}.btn .svgi svg{width:15px;height:15px}
.notes .nthd{display:flex;align-items:center;gap:8px}.notes .ntbd{display:block;white-space:pre-wrap;margin-top:6px}

/* v32: task detail, journey */
.tk-st{display:inline-flex;align-items:center;padding:4px 12px;border-radius:999px;font-weight:650;font-size:13px;background:#EEF0F4;color:#374151}.tk-st.blue{background:#E4F0FF;color:#0A5BD3}.tk-st.amber{background:#FFF1D6;color:#9A5B00}.tk-st.green{background:#DDF5E8;color:#146C43}
.tk-cat{display:inline-flex;padding:4px 12px;border-radius:999px;font-size:13px;border:1px solid #E1E4EA;color:#4B5563;background:#fff}
.jsum{display:flex;gap:16px;flex-wrap:wrap;font-size:12.5px;color:#6B7280;margin-bottom:10px}.jsum b{color:#111827}
.jl{list-style:none;margin:0;padding:0 0 0 4px;border-left:0}.jl li{position:relative;padding:0 0 14px 22px;border-left:2px solid #E8EAF0;margin-left:5px}.jl li:last-child{border-left-color:transparent}
.jl .jdot{position:absolute;left:-7px;top:2px;width:12px;height:12px;border-radius:50%;background:var(--jc);border:2px solid #fff;box-shadow:0 0 0 1px var(--jc)}
.jl .jh{display:flex;gap:8px;align-items:center;flex-wrap:wrap}.jl .jtag{font-size:11px;padding:1px 8px;border-radius:999px;background:color-mix(in srgb,var(--jc) 14%,#fff);color:var(--jc);font-weight:600}
.jl .jm{display:flex;align-items:center;gap:6px;margin-top:2px}.jl .jd{margin-top:4px;padding:7px 10px;background:#F7F8FA;border-radius:8px;font-size:13px;white-space:pre-wrap}
.fchip{display:inline-flex;align-items:center;gap:8px;padding:5px 6px 5px 12px;border-radius:999px;background:#EEF0FB;color:#4338CA;font-size:13px;font-weight:600}.fchip a{display:grid;place-items:center;width:20px;height:20px;border-radius:50%;background:#fff;color:#4338CA;text-decoration:none;font-size:11px}
/* v32: merged Bird's-eye page */
.bgrid{display:grid;grid-template-columns:minmax(0,1fr) 380px;gap:16px;align-items:start}.bmain{min-width:0}.bside{display:flex;flex-direction:column;gap:12px;min-width:0}
@media(max-width:1250px){.bgrid{grid-template-columns:1fr}}
.bside .card{padding:14px 16px;margin:0}.bkpis{display:grid;grid-template-columns:repeat(5,1fr);gap:6px;text-align:center}.bk{all:unset;display:flex;flex-direction:column;gap:2px}.bk.click{cursor:pointer}.bk b{font-size:20px}.bk .lab{font-size:11px;color:#6B7280}
.bpeople{max-height:340px;overflow:auto}.plist{display:flex;flex-direction:column;gap:2px}.prow{all:unset;box-sizing:border-box;display:grid;grid-template-columns:28px 1fr auto;gap:10px;align-items:center;padding:7px 6px;border-radius:10px;cursor:pointer}.prow:hover,.pit:hover{background:#F4F5FA}
.prow .pn{min-width:0}.prow .pn b{font-size:13px}.pbar{display:flex;height:5px;border-radius:4px;background:#EEF0F4;overflow:hidden;margin-top:4px}.pbar i{display:block;height:100%}.pbar .d{background:#1F9D6B}.pbar .p{background:#0A84FF}.pbar .o{background:#E5484D}
.prow .pc{display:flex;flex-direction:column;align-items:flex-end;font-size:12px;gap:1px}.grn{color:#1F9D6B}.red{color:#D92D20}
.ptabs{display:flex;gap:6px;margin:6px 0 8px}.ptabs button{border:1px solid #E1E4EA;background:#fff;border-radius:999px;padding:4px 12px;font-size:12.5px;cursor:pointer}.ptabs button.on{background:#4F46C8;border-color:#4F46C8;color:#fff}
.plist.items{max-height:250px;overflow:auto}.pit{all:unset;box-sizing:border-box;display:flex;flex-direction:column;gap:1px;width:100%;padding:7px 8px;border-radius:10px;cursor:pointer;border-bottom:1px solid #F1F3F5}.pit b{font-size:13px}
.bcats{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:8px}.bcat{all:unset;box-sizing:border-box;cursor:pointer;border:1px solid #E8EAF0;border-radius:10px;padding:8px 10px;display:flex;flex-direction:column;gap:4px}.bcat:hover{border-color:#C9CEDB;background:#FAFAFD}
.bct{display:flex;align-items:center;gap:6px;font-size:12.5px;font-weight:600;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.bct i.cdot{flex:none}.bcn b{font-size:17px}.bcat .cbr{height:4px;border-radius:3px;background:#EEF0F4;overflow:hidden}.bcat .cbr i{display:block;height:100%}
.bhr{margin-top:10px;font-size:13px}.bside .dxbars{margin-top:8px}

/* v33: task detail — tabbed drawer that fits the window, bigger assignee avatar, file-type icons, print */
.drawer .bd.tk-bd{display:flex;flex-direction:column;overflow:hidden;padding-bottom:0}
.tk-top{flex:none}.tk-pane{flex:1;min-height:0;overflow:auto;padding:12px 2px 18px}
.tk-meta3{grid-template-columns:repeat(3,minmax(0,1fr))!important;margin-bottom:12px!important;padding:10px 0!important}
.tk-meta3 .avatar{width:32px!important;height:32px!important}
.tk-tabs2{flex:none;display:flex;gap:2px;border-bottom:1px solid #E4E7EE;background:#F7F8FC;border-radius:8px 8px 0 0;padding:0 6px}
.tk-t2{background:none;border:0;border-bottom:2px solid transparent;padding:9px 12px;font:600 13px inherit;font-family:inherit;color:#5B6272;cursor:pointer}
.tk-t2.on{color:#4F46C8;border-bottom-color:#4F46C8;background:#EEF0FB}
.tk-t2 em{font-style:normal;font-size:11px;background:#E4E7F2;border-radius:999px;padding:1px 7px;margin-left:6px}.tk-t2 em:empty{display:none}
.tk-pane .card>h3{background:#F3F4FA;margin:0 -2px 10px!important;padding:7px 12px;border:1px solid #E4E7EE;border-radius:8px;color:#2B2F40!important}
.fico{width:26px;height:30px;border-radius:4px 9px 4px 4px;background:#fff;border:1.5px solid var(--fc,#8E8E93);color:var(--fc,#8E8E93);font:700 8px/1 inherit;display:inline-flex;align-items:flex-end;justify-content:center;padding-bottom:4px;box-sizing:border-box;position:relative;flex:none}
.fico::before{content:"";position:absolute;top:-1px;right:-1px;width:9px;height:9px;background:linear-gradient(225deg,transparent 50%,var(--fc,#8E8E93) 50%);border-radius:0 8px 0 0;opacity:.55}
.att a{gap:9px!important}.att .an{max-width:190px!important}
#printroot{display:none}
@media print{
  body.printing>*:not(#printroot){display:none!important}
  body.printing #printroot{display:block!important;font:12px/1.5 system-ui,sans-serif;color:#111;padding:0}
  #printroot .pr-brand{display:flex;justify-content:space-between;border-bottom:2px solid #4F46C8;padding-bottom:6px;margin-bottom:10px;font-size:12px}
  #printroot .pr-sub{color:#555;font-size:11px;text-transform:none}#printroot h1{font-size:20px;margin:2px 0 12px}
  #printroot .pr-meta{border-collapse:collapse;width:100%;margin-bottom:12px}#printroot .pr-meta th{text-align:left;width:130px;color:#555;font-weight:600;padding:3px 8px;background:#F3F4FA;border:1px solid #DDE0EA}#printroot .pr-meta td{padding:3px 8px;border:1px solid #DDE0EA}
  #printroot h2{font-size:12.5px;margin:12px 0 4px;padding:4px 8px;background:#F3F4FA;border:1px solid #DDE0EA;break-after:avoid}
  #printroot ul{margin:0;padding-left:18px}#printroot li{margin:2px 0}#printroot p{margin:0;white-space:pre-wrap}#printroot section{break-inside:avoid-page}
}
.ind.wide{max-width:none}
.ind3{display:grid;grid-template-columns:1.05fr 1fr .9fr;gap:16px;align-items:start}
.c3{border:1px solid #E4E7EE;border-radius:12px;background:#fff;padding:0 14px 6px;min-width:0;max-height:calc(100vh - 250px);overflow:auto}
.c3 .card>h3,.ind .card>h3{background:#F3F4FA;margin:0 -14px 10px!important;padding:8px 14px;border-bottom:1px solid #E4E7EE;color:#2B2F40!important}
.c3 .card{margin:0 0 14px!important}.c3>*:first-child{margin-top:12px}
@media(max-width:1100px){.ind3{grid-template-columns:1fr}.c3{max-height:none}}
/* v34: full-page detail (no popup), minimal header, read-only tag */
.dpage{position:fixed;right:0;bottom:0;z-index:45;background:#F5F6FA;display:flex;flex-direction:column;overflow:hidden}
.dpage .dp-bar{flex:none;padding:10px 28px 0}
.dpage>.bd{flex:1;min-height:0;overflow:auto;padding:6px 28px 18px;background:transparent}
.dpage .tk-top,.dpage .dh{background:#fff;border:1px solid #E4E7EE;border-radius:12px;padding:12px 18px;margin-bottom:14px}
.tk-trow{display:flex;align-items:center;gap:14px;justify-content:space-between}.tk-title{margin:0;font-size:21px;font-weight:650;letter-spacing:-.01em;min-width:0}
.tk-btns{display:flex;gap:8px;align-items:center;flex:none}.tk-btns .btn{padding:6px 13px;border-radius:9px;font-size:13px}
.tk-facts{display:flex;flex-wrap:wrap;align-items:center;gap:6px 0;margin-top:8px;color:#475069;font-size:13px}.tk-facts>span+*:before,.tk-facts>span:not(:first-child):before{content:"·";color:#C3C8D4;margin:0 10px}
.tk-dot{display:inline-block;width:8px;height:8px;border-radius:50%;margin-right:6px;background:#8E8E93}.tk-dot.blue{background:#0071E3}.tk-dot.amber{background:#E08A00}.tk-dot.green{background:#1F9D6B}
.ro-tag{background:#EEF0F5;border:1px solid #CDD2DE;color:#475069;font-weight:650;font-size:12px;padding:2px 10px;border-radius:999px}
.tk3.ind3{grid-template-columns:1.05fr 1fr .9fr}.dpage .c3{max-height:calc(100vh - 245px)}
.dpage .tk-more .tk-menu{z-index:60}
@media(max-width:1100px){.dpage .c3{max-height:none}.tk-trow{flex-wrap:wrap}}
.c3 .card{border:0!important;background:transparent!important;box-shadow:none!important;border-radius:0!important;padding:0!important;margin:0 0 14px!important}
.c3 .card>h3{background:#F3F4FA;margin:0 0 10px!important;padding:8px 14px;border-top:1px solid #E4E7EE;border-bottom:1px solid #E4E7EE;color:#2B2F40!important;font-size:12.5px!important}
.c3 .card>*:not(h3){margin-left:14px;margin-right:14px}.c3{padding:0!important}.c3>.card:first-child>h3{border-top:0}.c3>*:first-child{margin-top:0!important}
.tk-facts>.ro-tag:before{display:none}.tk-facts>.ro-tag{margin-left:10px}
/* v35: two sections, one highlighted main header, single page scroll, no inner boxes */
.mainhd{background:#F3F4FA!important;border:1px solid #E4E7EE!important;border-radius:12px!important;padding:14px 20px!important;margin:0 0 20px!important;display:flex;flex-direction:column;gap:12px}
.mainhd .dh,.mainhd .dstat,.mainhd .hfbar,.mainhd .dfoot{background:transparent!important;border:0!important;padding:0!important;margin:0!important;box-shadow:none!important}
.mainhd .dstat{display:flex;gap:40px;align-items:flex-start;flex-wrap:wrap}
.mainhd .dfoot{display:flex;gap:8px;flex-wrap:wrap;border:0!important}
.mainhd .hfbar{display:flex;gap:10px;align-items:center;flex-wrap:wrap}
.tk-btns{flex-wrap:wrap;justify-content:flex-end}.tk-trow{align-items:flex-start}
.ind2{display:grid;grid-template-columns:minmax(0,1fr) 340px;gap:40px;align-items:start}
.c2{min-width:0;display:flex;flex-direction:column;gap:22px}.c2 .card{margin:0!important;border:0!important;background:transparent!important;box-shadow:none!important;padding:0!important;border-radius:0!important;overflow:visible!important}
.c2 .card>h3{background:none!important;border:0!important;border-bottom:1px solid #E4E7EE!important;margin:0 0 10px!important;padding:0 0 6px!important;font-size:12.5px!important;font-weight:650;color:#2B2F40!important}
.c2 .card>*:not(h3){margin-left:0!important;margin-right:0!important}
.c2 *{min-width:0}.c2 .atts{display:flex;flex-wrap:wrap;gap:8px;overflow:visible!important}.c2 .notes,.c2 .nlist{overflow:visible!important}
.c2 .nadd{flex-wrap:wrap}.c2 .nadd textarea{width:100%;flex:1 1 220px}
.notes .note{display:block!important;background:#FAFAFC!important;border:1px solid #EEF0F4!important;border-left:1px solid #EEF0F4!important;border-radius:10px!important}.notes .note::before{display:none!important}
.dpage .tk-top.mainhd{padding:14px 20px}.dpage .c3{max-height:none}
@media(max-width:1000px){.ind2{grid-template-columns:1fr}}
.tk-trow{flex-direction:column!important;align-items:stretch!important;gap:10px!important}.tk-btns{justify-content:flex-start!important;max-width:100%}
/* v36: A2 detail — one-line header, details left, Journey right, opens in the same place */
.ind.dtl{max-width:none;padding:0}
.dpanel{background:#fff;border:1px solid #E4E7EE;border-radius:12px;overflow:hidden}
.hdr1{display:flex;align-items:center;gap:8px;padding:9px 12px;background:#F3F4FA;border-bottom:1px solid #E4E7EE;flex-wrap:nowrap;min-width:0}
.hdr1>*{flex:none}.hdr1 .dtitle{flex:1 1 90px;min-width:90px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;font-size:15px}
.hdr1 .grow{flex:0 0 0}.hdr1 .ddue{font-size:12.5px;color:#475069;border-left:1px solid #D5D9E3;padding-left:8px;white-space:nowrap}
.hdr1 .status-sel{padding:4px 26px 4px 10px;font-size:12.5px;height:auto;min-width:0}
.hdr1 .dwho .person .pn{display:none}.hdr1 .dwho .avatar{width:24px!important;height:24px!important}
.hbtns{display:flex;gap:5px;align-items:center;margin-left:auto}.hbtns .btn{padding:5px 11px;font-size:12.5px;border-radius:8px;white-space:nowrap}.hbtns .btn.ib{padding:4px 8px;background:#EAEDF5!important;border-color:transparent!important}
.dcols.ind2{grid-template-columns:minmax(0,1fr) 270px;gap:28px;padding:14px 16px}
.nx{background:#FFF8EC;border:1px solid #F3C77A;border-radius:9px;padding:7px 10px;color:#7A4B00;font-size:12.5px;display:block!important}.nx::before{display:none!important}
.jrow{display:flex;gap:9px;align-items:flex-start;margin-left:-4px}.jbody{min-width:0;flex:1}.jsys{width:26px;text-align:center;color:#8A91A3}
@media(max-width:900px){.dcols.ind2{grid-template-columns:1fr}.hdr1{flex-wrap:wrap}}
.hdr1 .status-sel{width:auto!important;min-width:0!important;padding:3px 22px 3px 10px!important;font-size:12px!important;text-align:left!important;background-position:right 6px center}
.hdr1{gap:6px;padding:8px 10px}.hbtns{gap:4px}.hbtns .btn{padding:5px 9px}.hbtns .btn.ib{padding:4px 6px}.hdr1 .btn{font-size:12px}
.card.tvcard:has(.dpanel),.holder:has(.dpanel){border:0!important;padding:0!important;background:transparent!important;box-shadow:none!important}
/* v37 */
.bkpis{grid-template-columns:repeat(4,1fr)!important}.bk .lab{white-space:nowrap}
.bev{overflow-x:auto!important;overflow-y:hidden!important;max-height:none!important}
.phd{display:flex!important;align-items:center;gap:10px}.phd b{font-size:14px}.phd .avatar{flex:none}
.hdr1 .status-sel{background-color:#fff!important;border:1px solid #D5D9E3!important;border-radius:8px!important;height:30px;padding:0 24px 0 12px!important;font:500 12.5px/1 inherit!important;font-family:inherit!important;color:#1B1F2A!important;box-shadow:inset 3px 0 0 var(--wc,#8E8E93)!important;cursor:pointer}
.hmore{position:relative}.hmore summary{list-style:none;cursor:pointer}.hmore summary::-webkit-details-marker{display:none}.hmore .tk-menu{right:0!important;left:auto!important;top:34px;min-width:170px;z-index:70}.hmore .tk-menu .btn{width:100%;text-align:left;justify-content:flex-start}
.phd{justify-content:flex-start!important}.phd b{margin-left:0!important}
/* v38: compact file-type icons */
.fico{width:auto!important;height:auto!important;border:0!important;background:none!important;padding:0!important;display:inline-flex!important;align-items:center;justify-content:center;flex:none;border-radius:0!important;position:static!important;font:inherit!important}
.fico::before{display:none!important}.fico svg{display:block}.fico-row{display:inline-flex;gap:4px;align-items:center}

/* v39 home: module boxes, waiting list, coming soon */
.modgrid{display:grid;grid-template-columns:repeat(var(--n,3),minmax(0,1fr));gap:14px;margin-bottom:14px}
@media(max-width:900px){.modgrid{grid-template-columns:1fr}}
.modbox{background:var(--paper);border:1px solid var(--line);border-radius:14px;padding:14px 16px;display:flex;flex-direction:column;gap:10px;min-width:0}
.modbox .mt{display:flex;align-items:center;gap:10px}.modbox .mt b{flex:1;font-size:15px}
.modbox .mi{width:34px;height:34px;border-radius:10px;display:grid;place-items:center;background:var(--blue-bg);color:var(--blue)}
.modbox.green .mi{background:var(--green-bg);color:var(--green)}.modbox.amber .mi{background:var(--amber-bg);color:var(--amber)}
.modbox .mbig span{font-size:30px;font-weight:700;letter-spacing:-.02em}.modbox .mbig small{color:var(--muted);font-size:13px}
.modbox .msub{display:flex;flex-wrap:wrap;gap:4px 16px;color:var(--muted);font-size:12.5px}.modbox .msub b{color:var(--text)}.modbox .msub b.bad{color:var(--red)}
.modbox.off{background:repeating-linear-gradient(135deg,var(--grey-bg),var(--grey-bg) 10px,var(--line-2) 10px,var(--line-2) 20px);border:1.5px dashed var(--line);color:var(--muted)}
.modbox.off .mi{background:var(--line-2);color:var(--muted);filter:grayscale(1)}.modbox.off .mt b{color:var(--muted)}
.soonb{font-size:11.5px;font-weight:700;border-radius:999px;padding:3px 10px;background:#EDE9FE;color:#5B3FC4;white-space:nowrap}
.gh{display:block;height:8px;border-radius:5px;background:var(--line)}.gh.w40{width:40%;height:20px}
.waiting h3{margin-bottom:8px}.wtabs{display:flex;gap:6px;margin-bottom:6px;flex-wrap:wrap}
.wtabs button{border:1px solid var(--line);background:var(--paper);border-radius:999px;padding:4px 12px;cursor:pointer;font-size:12.5px}
.wtabs button.on{background:var(--teal);border-color:var(--teal);color:#fff}.wtabs em{font-style:normal;opacity:.8;margin-left:3px}
.wrow{display:flex;align-items:center;gap:10px;padding:10px 4px;border-bottom:1px solid var(--line-2);color:inherit;text-decoration:none!important}.wrow:last-child{border:0}
.wrow .g{flex:1;min-width:0}.wrow b{display:block;font-weight:650;font-size:13px}.wrow small{color:var(--muted)}
.wtag{font-size:11.5px;border-radius:999px;padding:2px 10px;font-weight:600;background:var(--grey-bg);white-space:nowrap}
.nav a.soon{opacity:.6;cursor:default}.nav a.soon .bd{font-style:normal;font-size:10px;margin-left:8px;background:#EDE9FE;color:#5B3FC4;border-radius:999px;padding:1px 7px;font-weight:700}
.modrow{display:flex;align-items:center;gap:12px;padding:12px 2px;border-bottom:1px solid var(--line-2)}.modrow:last-of-type{border:0}
.swc{appearance:none;width:40px;height:22px;border-radius:999px;background:#CDD2DE;position:relative;cursor:pointer;flex:none;transition:background .15s}
.swc::after{content:"";position:absolute;top:2px;left:2px;width:18px;height:18px;border-radius:50%;background:#fff;transition:left .15s}
.swc:checked{background:#1F9D6B}.swc:checked::after{left:20px}.swc:disabled{opacity:.55;cursor:not-allowed}
input.swc{appearance:none;-webkit-appearance:none;width:40px;height:22px;padding:0;border:0;border-radius:999px;background:#CDD2DE;position:relative;cursor:pointer;flex:none}
input.swc:checked{background:#1F9D6B}input.swc:disabled{opacity:.6}
.nav a.soon .t{display:flex;align-items:center;white-space:nowrap}.nav a.soon .bd{margin-left:6px}
input.swc{background:#CDD2DE!important;border-radius:999px!important;border:0!important}
input.swc:checked{background:#1F9D6B!important}

/* v40 document manager folders */
.dmbar{display:flex;align-items:center;gap:12px;flex-wrap:wrap;margin:2px 0 12px}.dmcrumb{display:flex;align-items:center;gap:8px;flex-wrap:wrap;flex:1;min-width:0;color:var(--muted)}.dmcrumb b{color:var(--text)}
.dmview{display:inline-flex;border:1px solid var(--line);border-radius:9px;overflow:hidden;background:var(--paper)}.dmview button{border:0;background:transparent;padding:5px 13px;cursor:pointer;font-size:12.5px;border-right:1px solid var(--line)}.dmview button:last-child{border:0}.dmview .on{background:var(--teal);color:#fff}
.dmkpi{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:12px;margin-bottom:14px}.dmkpi a{background:var(--paper);border:1px solid var(--line);border-radius:12px;padding:10px 14px;color:inherit;text-decoration:none!important;display:flex;flex-direction:column}.dmkpi b{font-size:22px}.dmkpi span{color:var(--muted);font-size:12.5px}
.dmcats{display:grid;grid-template-columns:repeat(auto-fill,minmax(300px,1fr));gap:14px}
.dmcat{background:var(--paper);border:1px solid var(--line);border-radius:14px;overflow:hidden;display:flex;flex-direction:column;min-width:0}
.dmch{display:flex;align-items:center;gap:10px;padding:11px 14px;background:color-mix(in srgb,var(--cc) 12%,transparent)}.dmch b{flex:1;font-size:14.5px}.dmn{width:26px;height:26px;border-radius:50%;background:var(--cc);color:#fff;display:grid;place-items:center;font-size:12.5px;font-weight:700;flex:none}.dmcnt{font-size:12px;color:var(--muted)}
.dmcb{padding:8px 10px;display:flex;flex-direction:column;gap:2px;flex:1}.dmsub{display:flex;align-items:center;gap:9px;padding:5px 6px;border-radius:8px;color:inherit;text-decoration:none!important;font-size:13px}.dmsub:hover{background:var(--grey-bg)}.dmsub>span:not(.dmf){flex:1;min-width:0;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.dmsub small{color:var(--muted)}
.dmcf{display:flex;align-items:center;justify-content:space-between;padding:8px 14px;border-top:1px solid var(--line-2)}
.dmgrid{display:grid;grid-template-columns:repeat(auto-fill,minmax(168px,1fr));gap:12px}
.dmtile{background:var(--paper);border:1px solid var(--line);border-radius:12px;padding:12px;display:flex;flex-direction:column;gap:6px;text-align:left;cursor:pointer;min-width:0;font:inherit;color:inherit}.dmtile:hover{border-color:var(--teal);box-shadow:var(--shadow)}
.dmtile b{font-size:13px;line-height:1.3;word-break:break-word;font-weight:650}.dmtile small{color:var(--muted);font-size:12px}
.dmtile.file .dmfi{height:58px;border-radius:8px;background:var(--grey-bg);display:grid;place-items:center}.dmfi .fico{transform:scale(1.9)}
.dmsplit{display:grid;grid-template-columns:290px minmax(0,1fr);gap:14px;align-items:start}@media(max-width:900px){.dmsplit{grid-template-columns:1fr}}
.dmside{padding:8px;max-height:calc(100vh - 230px);overflow:auto}.dmtr{display:flex;align-items:center;border-radius:8px;gap:2px}.dmtr.sel{background:var(--teal-bg)}.dmtr.sel .dmtl{color:var(--teal-d);font-weight:650}
.dmcaret{border:0;background:transparent;cursor:pointer;width:18px;padding:0;color:var(--muted)}.dmtl{display:flex;align-items:center;gap:7px;flex:1;min-width:0;padding:5px 6px;color:inherit;text-decoration:none!important;font-size:13px}.dmtl>span:not(.dmf){flex:1;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.dmtl small{color:var(--muted)}
.dmrow{display:flex;gap:14px;align-items:flex-start;padding:12px 0;border-top:1px solid var(--line-2)}.dmnum{width:64px!important;text-align:center;font-weight:700;flex:none}
.dmchips{display:flex;gap:6px;flex-wrap:wrap;margin-top:6px}.dmchip{display:inline-flex;align-items:center;gap:4px;border:1px solid var(--line);border-radius:999px;padding:2px 4px 2px 10px;font-size:12.5px;background:var(--paper)}.dmchip button{border:0;background:transparent;cursor:pointer;color:var(--muted);padding:0 4px}.dmchip.add{padding:2px 10px;color:var(--teal);border-style:dashed;cursor:pointer}
.dmmem{display:flex;flex-direction:column;gap:8px;margin-top:8px;padding-left:12px;border-left:2px solid var(--line-2)}
@media(max-width:700px){.dmkpi{grid-template-columns:repeat(2,minmax(0,1fr))}}
.dmsub,.dmtl,.dmsub span,.dmtl span{text-align:left;justify-content:flex-start}
.dmmain table td:first-child{min-width:260px}.dmmain table td b{word-break:break-word}
.dmf{flex:none;display:inline-flex}
/* v41 document manager: header links, file links, year filter */
a.dmch{color:inherit;text-decoration:none;cursor:pointer}a.dmch:hover{background:color-mix(in srgb,var(--cc) 20%,transparent)}a.dmch:focus-visible{outline:2px solid var(--cc);outline-offset:-2px}
a.dmtile{color:inherit;text-decoration:none}
.dmfy{width:auto;min-width:120px;padding:5px 8px;font-size:13px}
/* v42 board: lanes scroll on their own */
.board{align-items:start!important}.board .lane{max-height:calc(100vh - 250px);min-height:140px;overflow-y:auto!important;overscroll-behavior:contain;scrollbar-width:thin}
.board .lane h3{position:sticky;top:-12px;z-index:1;background:#f6f7f9;margin:-12px -2px 8px!important;padding:12px 2px 8px}
.modbox[data-href]{cursor:pointer}.modbox[data-href]:hover{box-shadow:0 6px 20px rgba(15,23,42,.1)}.modbox[data-href]:focus-visible{outline:2px solid var(--teal);outline-offset:2px}