: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}
.hmt{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,.hmt{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}
.hmt{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){.hmt{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 .hmt{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 .hmt{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}
/* v43 phone layout */
@media(max-width:700px){
  html,body{overflow-x:hidden}
  .app,.main,.content,.page,.chead,.card,.tbl-wrap{min-width:0;max-width:100%}
  .content{padding:14px 14px 90px!important}
  .chead{flex-direction:column!important;align-items:stretch!important;gap:10px!important;border-bottom:0!important}
  .chead h1{font-size:22px!important;padding-bottom:0!important}
  .chead .tabs,.chead .tabs.seg{display:flex!important;width:100%;max-width:100%;overflow-x:auto;gap:6px!important;padding:3px!important;-webkit-overflow-scrolling:touch;scrollbar-width:none}
  .chead .tabs::-webkit-scrollbar{display:none}
  .chead .tabs a span,.chead .tabs.seg a span{display:inline!important}
  .chead .tabs a{flex:none;padding:8px 12px!important;border-radius:8px!important;border-bottom:0!important}
  .chead .tmore{display:none!important}
  .chead .cact{margin-left:0!important;width:100%;display:flex;flex-wrap:wrap;gap:8px}
  .chead .cact .btn{flex:1 1 auto;justify-content:center;min-height:40px}
  .page-head{flex-direction:column;align-items:stretch;gap:10px}
  .btn,button.btn,.item,select,input,textarea{min-height:40px}
  input,select,textarea{font-size:16px!important}
  .modal,.modal.wide{width:100%!important;max-width:100%;border-radius:18px 18px 0 0!important;margin-top:auto}
  .modal .bd{max-height:78vh}
  .scrim,.modal-scrim{align-items:flex-end!important;padding:0!important}
  .drawer{width:100%!important;border-radius:0!important}
  .tbl-scroll{overflow-x:auto;-webkit-overflow-scrolling:touch}
  .tbl-tools{flex-wrap:wrap;gap:8px}.tbl-tools>*{max-width:100%}
  .dmbar{gap:8px}.dmcrumb{flex:1 1 100%;font-size:14px}
  .dmgrid{grid-template-columns:repeat(2,minmax(0,1fr))!important;gap:10px!important}
  .dmcats{grid-template-columns:1fr!important}.dmsplit{grid-template-columns:1fr!important}
  .dmkpi{grid-template-columns:repeat(2,minmax(0,1fr))!important}
  .kpis{grid-template-columns:repeat(2,minmax(0,1fr))!important}
  .modgrid{grid-template-columns:1fr!important}
  .field-row,.grid2,.cols2{grid-template-columns:1fr!important}
  .board{grid-template-columns:repeat(4,82vw)!important;scroll-snap-type:x mandatory}.board .lane{scroll-snap-align:start;max-height:calc(100vh - 240px)}
  .top{gap:8px}.top select{max-width:46vw}
}
@media(max-width:700px){.tvh{flex-wrap:wrap;gap:8px}.tvh .tbl-tools{flex:1 1 100%}.tvh a.small{margin-left:auto}}

/* v44 phone only: white pop-ups, highlighted compact headers, icon buttons */
@media(max-width:700px){
  .scrim,.modal-scrim,.drawer-scrim{background:rgba(15,23,42,.45)!important;backdrop-filter:none!important;-webkit-backdrop-filter:none!important}
  .modal,.modal.wide,.drawer,.palette,.menu-pop{background:#fff!important;color:#111827;backdrop-filter:none!important;-webkit-backdrop-filter:none!important;border:0!important;box-shadow:0 -8px 40px rgba(15,23,42,.25)!important}
  .modal header,.drawer header{background:#fff!important;padding:12px 16px!important}
  .modal header h2,.drawer header h2{font-size:16px}
  .modal .bd,.drawer .bd{background:#fff!important;padding:14px 16px!important}
  .modal footer{background:#fff!important;padding:10px 16px calc(10px + env(safe-area-inset-bottom,0px))!important}
  .modal footer .btn{flex:1;justify-content:center}
  .modal input,.modal select,.modal textarea{background:#fff!important;border:1px solid #D5D9E0!important}
  .content{padding:10px 12px 84px!important}
  .chead{display:grid!important;grid-template-columns:minmax(0,1fr) auto;grid-template-areas:"t a" "tabs tabs";align-items:center!important;gap:8px 8px!important;background:#EAF0FF;border:1px solid #D6E2FF!important;border-radius:14px;padding:10px 10px 8px!important;margin:0 0 12px!important}
  .chead h1{grid-area:t;font-size:18px!important;margin:0!important;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;color:#1E3A8A}
  .chead .cact{grid-area:a;width:auto!important;display:flex;flex-wrap:nowrap!important;gap:6px!important;justify-content:flex-end}
  .chead .cact .btn{flex:none!important;min-height:36px;height:36px;padding:0 10px;font-size:13px}
  .chead .tabs,.chead .tabs.seg{grid-area:tabs;background:transparent!important;padding:0!important}
  .chead .tabs a{padding:6px 11px!important;font-size:13px;background:#fff;border-radius:999px!important;border:1px solid #D6E2FF}
  .chead .tabs a.on{background:#2563EB;color:#fff;border-color:#2563EB}
  .chead .tabs a .svgi{display:none}
  .btn.ico,.chead .cact .btn.plus{width:36px;min-width:36px;padding:0!important;display:inline-grid;place-items:center}
  .btn.ico{background:#fff;border:1px solid #BFD0F7;color:#1D4ED8}
  .page-head{display:grid!important;grid-template-columns:minmax(0,1fr) auto;align-items:center;background:#EAF0FF;border:1px solid #D6E2FF;border-radius:14px;padding:10px 12px;margin-bottom:12px}
  .page-head h1{font-size:18px!important;margin:0;color:#1E3A8A}.page-head .muted{font-size:12px}
  .page-head .row{flex-wrap:nowrap!important;gap:6px}
  .page-head .btn{min-height:36px;height:36px}
  .card{padding:12px!important}
  .kpis .kpi,.kpi{padding:10px!important}
  h2{font-size:16px}
}
@media(max-width:700px){
  html body .modal .bd input,html body .modal .bd select,html body .modal .bd textarea,html body .modal footer input{background:#fff!important;background-color:#fff!important;border:1px solid #CBD2DC!important}
  html body .chead .tabs a{background:#fff!important;border:1px solid #D6E2FF!important;color:#374151!important}
  html body .chead .tabs a.on{background:#2563EB!important;border-color:#2563EB!important;color:#fff!important}
  .tbl-scroll{max-height:none!important}
  .tbl-tools{display:grid!important;grid-template-columns:1fr 1fr;gap:8px}
  .tbl-tools>input[type=search],.tbl-tools>.grow{grid-column:1/-1}
  .tbl-tools select,.tbl-tools input{width:100%!important;max-width:100%!important;min-height:36px;height:36px;font-size:14px!important;padding:0 8px}
  .tbl-tools .btn{height:36px;min-height:36px;justify-content:center}
}

/* v45 lens login + simple home boxes */
.lens-login{position:relative;min-height:100vh;display:grid;grid-template-columns:1.1fr 1fr;align-items:center;overflow:hidden;background:linear-gradient(135deg,#F7F8FB,#E6EAF1);color:#16110F;font-family:Inter,system-ui,sans-serif}
.lens-art{position:absolute;left:-12%;top:50%;width:min(110vh,60vw);aspect-ratio:1;transform:translateY(-50%);filter:drop-shadow(0 40px 60px rgba(60,70,100,.25))}
.lens-art svg.lens{width:100%;height:100%;display:block}
.lens-bolt{position:absolute;left:50%;top:50%;width:5.2%;transform:translate(-50%,-50%);color:#fff;filter:drop-shadow(0 0 14px rgba(244,94,35,.9))}.lens-bolt svg{display:block;width:100%;height:auto}
.lg-form{grid-column:2;position:relative;z-index:2;display:flex;flex-direction:column;gap:14px;width:100%;max-width:430px;padding:0 8vw 0 2vw;box-sizing:content-box}
.lg-brand{display:flex;align-items:center;gap:10px;margin-bottom:10px}.lg-bo{width:22px;color:#F45E23;display:block}.lg-wm{width:92px;color:#16110F;display:block}.lg-bo svg,.lg-wm svg{display:block;width:100%;height:auto}
.lg-form h1{font:800 32px/1.1 "Inter Display",Inter,sans-serif;letter-spacing:-.04em;margin:0 0 4px;color:#16110F;background:none;-webkit-text-fill-color:#16110F;max-width:none}
.lg-form label{display:flex;flex-direction:column;gap:6px;font-size:13px;font-weight:600;color:#16110F}
.lg-form input{height:48px;border-radius:14px!important;padding:0 15px;font-size:16px;outline:0;width:100%;border:1.5px solid #DDE1E8!important;background:#fff!important;color:#16110F;box-sizing:border-box;box-shadow:none}.lg-form input:focus{border-color:#F45E23!important;box-shadow:0 0 0 4px rgba(244,94,35,.12)}
.lg-go{height:50px;border:0;border-radius:14px;font-weight:800;font-size:16px;margin-top:4px;cursor:pointer;background:#16110F;color:#fff}.lg-go:hover{background:#2a211c}
.lg-mods{display:flex;align-items:center;gap:10px;font-size:12px;font-weight:500;color:#6B7280;margin:6px 0 0;flex-wrap:wrap}.lg-mods i{width:4px;height:4px;border-radius:50%;background:currentColor}
.lg-form .err{margin:0}.lg-form #demo-block{margin-top:18px;padding-top:14px;border-top:1px solid #DDE1E8}.lg-form .demo-users{display:flex;flex-wrap:wrap;gap:6px;margin-top:8px}.lg-form .demo-users button{background:#fff;border:1px solid #DDE1E8;border-radius:12px;padding:6px 10px;font-size:12px;cursor:pointer;color:#16110F}.lg-form .demo-users button span{display:none}
@media(max-width:760px){.lens-login{grid-template-columns:1fr;grid-template-rows:250px auto;align-items:start;min-height:100vh}.lens-art{left:50%;top:-150px;width:380px;transform:translateX(-50%)}.lg-form{grid-column:1;grid-row:2;padding:0 22px 30px;margin-top:12px;max-width:none;width:auto}}
/* home: simple module boxes */
.modbox.simple{flex-direction:row;align-items:center;gap:12px;padding:18px 20px;min-height:74px;border:1.5px solid transparent;border-radius:16px;background:linear-gradient(var(--paper),var(--paper)) padding-box,linear-gradient(135deg,#F45E23,#6C7BFF) border-box;box-shadow:none;cursor:pointer}
.modbox.simple b{font-size:16px;font-weight:650;flex:1}.modbox.simple:hover{box-shadow:0 8px 24px rgba(40,50,90,.12)}
.modbox.simple .mi{background:var(--grey-bg);color:var(--text)}
.modbox.simple.off{background:var(--grey-bg);border:1.5px dashed var(--line);opacity:.8;cursor:default}.modbox.simple .soonb{font-size:12px;color:var(--muted)}
@media(max-width:700px){.modbox.simple{min-height:60px;padding:14px 16px}}

.brand .mark svg{width:15px;height:auto;display:block}.brand .mark{color:#F45E23!important;background:#fff!important}
/* v46 nested folder tree in Setup */
.dmchips{align-items:flex-start;flex-direction:column;gap:4px}
.dmchips>.dmchip.add{align-self:flex-start}
.dmnode{display:flex;flex-direction:column;align-items:flex-start;gap:4px}
.dmkids{margin-left:14px;padding-left:12px;border-left:2px solid var(--line);display:flex;flex-direction:column;gap:4px}
/* v47 phone: nothing scrolls sideways. Tables become cards, tabs wrap, boards stack, card strips become a grid. */
.mob-only{display:none}
.rolecard{border:1px solid var(--line);border-radius:12px;padding:10px 12px;margin-bottom:8px;background:#fff}.rolecard summary{cursor:pointer;display:flex;justify-content:space-between;gap:8px}
.rolechips .chips{display:flex;flex-wrap:wrap;gap:4px;margin:4px 0 8px}.rolechips .chip{border:1px solid var(--line);border-radius:999px;padding:2px 8px;font-size:12px}
@media(max-width:700px){
  .mob-only{display:block}.desk-only{display:none!important}
  .tabs,.chead .tabs,.chead .tabs.seg,.tabs.seg{flex-wrap:wrap!important;overflow:visible!important;display:flex!important;width:100%!important;max-width:100%!important;row-gap:4px}
  .tabs a,.tabs.seg a{padding:7px 10px!important;white-space:nowrap}
  .tbl-scroll{overflow:visible!important;max-height:none!important}
  .tbl-wrap{overflow:visible}
  table.cardrows{display:block;width:100%!important;border:0}
  table.cardrows thead{display:none}
  table.cardrows tbody{display:block}
  table.cardrows tr{display:block;border:1px solid var(--line);border-radius:12px;padding:8px 12px;margin:0 0 10px;background:#fff;box-shadow:0 1px 2px rgba(0,0,0,.03)}
  table.cardrows td{display:flex!important;justify-content:space-between;align-items:center;gap:12px;padding:5px 0!important;border:0!important;text-align:right!important;min-width:0;overflow-wrap:anywhere;width:auto!important;max-width:100%!important}
  table.cardrows td::before{content:attr(data-label);color:var(--muted);font-weight:600;font-size:12px;text-align:left;flex:none;max-width:42%}
  table.cardrows td[data-label=""]::before,table.cardrows td:not([data-label])::before{display:none}
  table.cardrows td:first-child{display:block!important;text-align:left!important;font-weight:600;padding-bottom:6px!important;border-bottom:1px solid var(--line-2)!important;margin-bottom:2px}
  table.cardrows td:first-child::before{display:none}
  table.cardrows td:empty{display:none!important}
  table.cardrows tr.click:active{background:var(--grey-bg)}
  .board{display:flex!important;flex-direction:column!important;overflow:visible!important;scroll-snap-type:none!important;gap:12px}
  .board .lane{max-height:none!important;width:100%!important}
  .cgrid.scr{display:grid!important;grid-template-columns:repeat(2,minmax(0,1fr))!important;grid-template-rows:none!important;grid-auto-flow:row!important;grid-auto-columns:auto!important;overflow:visible!important;gap:8px!important}
  .cgrid.scr>.ccard{width:auto!important;min-width:0}
  .cwrap .carr{display:none!important}
}
@media(max-width:700px){
  .tvcard,.card.tvcard{overflow:visible!important}
  .tvcard .tbl-scroll,.bet .tbl-scroll{overflow:visible!important;max-height:none!important}
  .tvcard .tbl-scroll table,.bet .tbl-scroll table,.tbl-scroll table.cardrows{min-width:0!important}
  .tvcard td,.tvcard th{white-space:normal!important}
  .tbl-scroll table.cardrows th{position:static}
}
@media(max-width:700px){
  table.cardrows td{height:auto!important;padding:3px 0!important;font-size:13px!important}
  table.cardrows tr{padding:6px 12px}
  table.cardrows td:first-child{padding-bottom:5px!important}
}

/* ===== Boltt phone shell (<=700px only; desktop untouched) ===== */
.mnav,.phone-home{display:none}
.splash{min-height:70vh;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:10px;color:var(--ink-2,#64748B)}
.splash b{font-size:20px;color:var(--ink,#0F172A)} .splash span{font-size:13px}
.sp-mark{position:relative;width:64px;height:64px;display:grid;place-items:center}
.sp-mark svg{width:30px;height:30px;position:relative;color:var(--g1,#0284C7)}
.sp-ring{position:absolute;inset:0;border-radius:50%;background:conic-gradient(from 0deg,transparent 0,var(--g1,#0284C7) 60%,var(--g2,#6366F1));-webkit-mask:radial-gradient(farthest-side,transparent calc(100% - 4px),#000 calc(100% - 3px));mask:radial-gradient(farthest-side,transparent calc(100% - 4px),#000 calc(100% - 3px));animation:spin 1s linear infinite}
@keyframes spin{to{transform:rotate(360deg)}}
.skrow{display:flex;align-items:center;gap:12px;padding:14px 0;border-bottom:1px solid var(--line,#E2E8F0)}
.skrow i{display:block;height:12px;border-radius:6px;background:linear-gradient(90deg,#EEF2F7 25%,#E2E8F0 50%,#EEF2F7 75%);background-size:200% 100%;animation:shim 1.2s linear infinite;flex:1}
.skrow i:first-child{flex:0 0 40%} .skrow .sp{flex:0 0 54px;height:20px;border-radius:10px}
@keyframes shim{to{background-position:-200% 0}}
html:not([data-mdesign]) {--g1:#0284C7;--g2:#6366F1}
html[data-mdesign="d5"]{--g1:#0284C7;--g2:#6366F1} html[data-mdesign="d1"]{--g1:#2563EB;--g2:#7C3AED} html[data-mdesign="d2"]{--g1:#4F46E5;--g2:#9333EA}
html[data-mdesign="d3"]{--g1:#0F766E;--g2:#22C55E} html[data-mdesign="d4"]{--g1:#E8590C;--g2:#DB2777} html[data-mdesign="d6"]{--g1:#111827;--g2:#475569}

@media(max-width:700px){
  .side,.top .menu-toggle,.top .search-btn,.brand{display:none!important}
  .app,.app.collapsed{grid-template-columns:1fr}
  .top{height:50px;padding:0 12px;gap:8px;position:sticky;top:0;border-radius:0}
  .top select{flex:1 1 0;min-width:0;max-width:none;height:34px;font-size:14px}
  .top .fysel{flex:0 0 auto;width:auto;max-width:96px;border:0;background:transparent;box-shadow:none;font-weight:600;color:var(--g1);padding:0 2px;appearance:none;-webkit-appearance:none;text-align:right}
  .top .grow{display:none}
  .top .menu > .icon-btn{display:none}
  .top .menu{position:static}
  .top .menu-pop{position:fixed;left:50%;top:50%;right:auto;transform:translate(-50%,-50%);width:min(320px,calc(100vw - 40px));box-shadow:0 0 0 100vmax rgba(15,23,42,.38),0 18px 50px rgba(15,23,42,.25);border-radius:14px;padding:10px;z-index:90;background:var(--paper,#fff)}
  .top .menu-pop .item{padding:12px 10px;text-align:left}
  .modgrid{display:none!important}
  .content{padding-bottom:96px!important}
  .mnav{display:grid;grid-template-columns:repeat(6,1fr);position:fixed;left:0;right:0;bottom:0;z-index:60;background:var(--paper,#fff);border-top:1px solid var(--line,#E2E8F0);padding:6px 4px calc(6px + env(safe-area-inset-bottom,0px))}
  .mnav a,.mnav button{display:flex;flex-direction:column;align-items:center;gap:2px;border:0;background:none;color:#64748B;font:inherit;font-size:10.5px;padding:4px 0;text-decoration:none;cursor:pointer;min-width:0}
  .mnav .mi2 svg{fill:none;stroke:currentColor;stroke-width:1.6} .mnav .mi2 .in{stroke:currentColor}
  .mnav .on{color:var(--g1);font-weight:600}
  .mnav .on .mi2 svg .o{fill:url(#mg);stroke:url(#mg)} .mnav .on .mi2 svg .in{stroke:#fff}
  .mnav [data-k=home].on .mi2 svg .o{fill:url(#mg)}
  .phone-home{display:block}
  .mtiles{display:grid;grid-template-columns:repeat(3,1fr);grid-template-rows:repeat(2,104px);gap:10px}
  .mt{border:1px solid var(--line,#E2E8F0);background:var(--paper,#fff);border-radius:var(--mr,14px);display:flex;flex-direction:column;align-items:center;justify-content:center;gap:6px;font:inherit;color:var(--ink,#0F172A);padding:8px;cursor:pointer}
  .mt b{font-size:12.5px;font-weight:600;text-align:center} .mt small{font-size:10.5px;color:#64748B}
  .mt.blank{border:0;background:none;cursor:default}
  .mt.off{background:#F1F5F9;color:#94A3B8;border-color:transparent} .mt.off .mti{opacity:.45}
  .mt .mti svg{width:30px;height:30px;fill:none;stroke-width:1.4;stroke:var(--g1)}
  .mt .mti svg .in{stroke:var(--g2)}
  .mt-tasks .mti svg{stroke:#0F766E} .mt-tasks .mti svg .in{stroke:#22C55E}
  .mt-data .mti svg{stroke:#E8590C} .mt-data .mti svg .in{stroke:#DB2777}
  .sechd{display:flex;align-items:center;justify-content:space-between;margin:18px 2px 8px;font-size:13px;font-weight:650;color:#475569}
  .sechd a{font-size:12px;font-weight:500;color:var(--g1);text-decoration:none}
  .wkstrip{display:grid;grid-template-columns:repeat(7,1fr);gap:4px;background:var(--paper,#fff);border:1px solid var(--line,#E2E8F0);border-radius:var(--mr,14px);padding:0;overflow:hidden}
  .wd{display:flex;flex-direction:column;align-items:center;gap:3px;padding:8px 0;color:#475569;text-decoration:none}
  .wd small{font-size:10.5px;color:inherit;opacity:.8} .wd b{font-size:15px;font-weight:600}
  .wd i{width:6px;height:6px;border-radius:50%;background:transparent} .wd i.has{background:linear-gradient(135deg,var(--g1),var(--g2))}
  .wd.today{background:linear-gradient(135deg,var(--g1),var(--g2));color:#fff} .wd.today i.has{background:#fff}
  .home-grid{display:block} .home-rail{display:none}
  .toasts{bottom:78px;right:12px;left:12px}
  /* shapes per design */
  html[data-mdesign="d5"]{--mr:14px}
  html[data-mdesign="d5"] .btn,html[data-mdesign="d5"] input,html[data-mdesign="d5"] select{border-radius:9px}
  html[data-mdesign="d5"] .btn:not(.danger){background:#fff;color:var(--g1);border:1.5px solid transparent;background-image:linear-gradient(#fff,#fff),linear-gradient(135deg,var(--g1),var(--g2));background-origin:border-box;background-clip:padding-box,border-box;box-shadow:none}
  html[data-mdesign="d5"] .btn.primary{color:var(--g1)}
  html[data-mdesign="d5"] .modal{border-radius:14px}
  html[data-mdesign="d5"] .scrim{align-items:center!important}
  html[data-mdesign="d1"],html[data-mdesign="d4"]{--mr:12px}
  html[data-mdesign="d2"],html[data-mdesign="d6"]{--mr:16px}
  html[data-mdesign="d3"]{--mr:10px}
  html[data-mdesign="d1"] .btn.primary,html[data-mdesign="d2"] .btn.primary,html[data-mdesign="d3"] .btn.primary,html[data-mdesign="d4"] .btn.primary{background:linear-gradient(135deg,var(--g1),var(--g2));border-color:transparent;color:#fff}
  html[data-mdesign="d6"] .btn.primary{background:#111827;color:#fff}
  html[data-mdesign="d2"] .scrim,html[data-mdesign="d6"] .scrim,html[data-mdesign="d1"] .scrim,html[data-mdesign="d4"] .scrim{align-items:flex-end!important}
  html[data-mdesign="d2"] .modal,html[data-mdesign="d6"] .modal,html[data-mdesign="d1"] .modal,html[data-mdesign="d4"] .modal{width:100%!important;max-width:none!important;border-radius:20px 20px 0 0!important;margin:0!important}
  html[data-mdesign="d3"] .modal{width:100%!important;max-width:none!important;height:100%!important;max-height:none!important;border-radius:0!important;margin:0!important}
  html[data-mdesign="d6"] .mt .mti svg,html[data-mdesign="d6"] .mt-tasks .mti svg,html[data-mdesign="d6"] .mt-data .mti svg,html[data-mdesign="d6"] .mt .mti svg .in{stroke:#475569}
  html[data-mdesign="d6"] .mnav .on{color:#111827}
  html[data-mdesign="d3"] .mnav{border-radius:22px 22px 0 0;box-shadow:0 -6px 20px rgba(15,23,42,.08)}
  html[data-mdesign="d2"] .mnav{left:10px;right:10px;bottom:10px;border:1px solid var(--line);border-radius:22px;box-shadow:0 10px 30px rgba(15,23,42,.15)}
}
@media(max-width:700px){
  .top select.fysel{border:0!important;background:transparent!important;box-shadow:none!important;flex:0 0 auto!important;width:auto!important;max-width:96px!important;font-weight:600;color:var(--g1);padding:0 2px!important;height:34px;text-align:right}
  .rcal-legend,.cal-legend,.legend,.rcal .hint,.cal-hint{display:none!important}
}

/* ===== phone: popups, calendar tab, print preview ===== */
.pk,.cal-ics,.ev-head{display:none}
.pvov{display:none}
.pklist{display:flex;flex-direction:column}
.pkitem{display:flex;justify-content:space-between;align-items:center;gap:10px;border:0;background:none;font:inherit;text-align:left;padding:13px 12px;border-radius:9px;cursor:pointer;color:inherit}
.pkitem.cur{background:#EEF2FF;font-weight:650;color:var(--g1,#0284C7)} .pkitem i{font-style:normal}
@media(max-width:700px){
  .top select.cosel,.top select.fysel{display:none!important}
  .top .pk{display:flex;align-items:center;justify-content:space-between;gap:6px;border:0;background:var(--grey-bg,#F1F5F9);border-radius:9px;height:34px;padding:0 10px;font:inherit;font-size:14px;color:inherit;flex:1 1 0;min-width:0;overflow:hidden;white-space:nowrap;text-overflow:ellipsis;cursor:pointer}
  .top .pk i{font-style:normal;font-size:10px;opacity:.6;flex:none}
  .top .pk + .pk,.top .cosel + .pk + .fysel + .pk{flex:0 0 auto;background:transparent;font-weight:600;color:var(--g1);padding:0 4px}
  .pk-scrim .modal,.scrim .modal{max-width:min(340px,calc(100vw - 32px))}
  .pk-scrim .bd{padding:6px}
  /* calendar tab */
  .calwrap .cal-bar{display:grid!important;grid-template-columns:34px 1fr 34px auto;align-items:center;gap:6px;border:1px solid var(--line,#E2E8F0);border-bottom:0;border-radius:var(--mr,14px) var(--mr,14px) 0 0;padding:8px 10px;background:var(--paper,#fff)}
  .calwrap .cal-bar .chip,.calwrap .cal-bar .btn.sm:nth-of-type(3),.calwrap .cal-bar .grow,.calwrap .cal-legend{display:none!important}
  .calwrap .cal-title{font-size:15px!important;text-align:center;margin:0}
  .cal-ics{display:flex;gap:4px;align-items:center} .cal-ics button{width:32px;height:32px;border:1px solid var(--line);background:#fff;border-radius:9px;display:grid;place-items:center;color:var(--g1);font:inherit;font-size:18px;cursor:pointer;padding:0}
  .cal-ics svg{width:17px;height:17px}
  .calwrap .cal-layout{display:block}
  .calwrap .cal2{border:1px solid var(--line);border-top:0;border-radius:0 0 var(--mr,14px) var(--mr,14px);background:var(--paper,#fff);padding:4px 6px 8px}
  .calwrap .cd{min-height:40px!important;height:40px}
  .cal-panel{margin-top:12px}
  .ev-head{display:flex;align-items:center;gap:6px;margin-bottom:10px} .ev-head b{font-size:14px;min-width:0;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}
  /* print preview */
  .pvov{display:flex;position:fixed;inset:0;z-index:120;background:#E2E8F0;flex-direction:column}
  .pvbar{display:flex;justify-content:space-between;align-items:center;padding:10px 12px;background:#fff;border-bottom:1px solid var(--line)}
  .pvpage{flex:1;overflow:auto;margin:12px;background:#fff;border-radius:6px;padding:16px;box-shadow:0 2px 10px rgba(15,23,42,.12);font-size:12px}
  .pvpage .pr-brand{display:flex;justify-content:space-between;font-size:11px;color:#64748B;margin-bottom:10px}
  .pvpage h1{font-size:17px;margin:4px 0 10px} .pvpage h2{font-size:13px;margin:14px 0 4px}
  .pvpage .pr-meta{width:100%;border-collapse:collapse} .pvpage .pr-meta th{text-align:left;color:#64748B;font-weight:500;padding:3px 8px 3px 0;width:38%} .pvpage .pr-meta td{padding:3px 0}
}
@media print{.pvov{display:none!important}}
.fab{display:none}
@media(max-width:700px){
  .fab{display:grid;place-items:center;position:fixed;right:16px;bottom:calc(76px + env(safe-area-inset-bottom,0px));width:46px;height:46px;border-radius:50%;border:1.5px solid transparent;background:linear-gradient(#fff,#fff) padding-box,linear-gradient(135deg,var(--g1),var(--g2)) border-box;color:var(--g1);font-size:26px;line-height:1;box-shadow:0 6px 18px rgba(15,23,42,.14);z-index:55;cursor:pointer;padding:0}
  .modal .field .hint{font-size:11.5px}
}

/* ===== phone: Documents ===== */
.catsw{display:flex;gap:8px;flex-wrap:wrap} .catsw button{width:32px;height:32px;border-radius:9px;border:2px solid transparent;cursor:pointer;padding:0} .catsw button.on{box-shadow:0 0 0 2px #fff,0 0 0 4px var(--ink,#0F172A)}
.catprev{display:flex;align-items:center;gap:10px;border:1px solid var(--line);border-radius:10px;padding:10px} .catprev .cpn{width:26px;height:26px;border-radius:8px;color:#fff;display:grid;place-items:center;font-size:12px;font-weight:700} .catprev small{margin-left:auto}
.dm-more{display:none}
@media(max-width:700px){
  .dm-more{display:inline-flex;width:36px;padding:0;justify-content:center;font-size:20px;line-height:1}
  .dmbar{flex-direction:column;align-items:stretch;gap:8px}
  /* grid: one horizontally scrolling row of category cards */
  .dmcats{display:flex!important;grid-template-columns:none!important;overflow-x:auto;gap:12px;scroll-snap-type:x mandatory;padding:2px 2px 10px;margin:0 -14px;padding-left:14px;padding-right:14px;scrollbar-width:none}
  .dmcats::-webkit-scrollbar{display:none}
  .dmcat{flex:0 0 78%;scroll-snap-align:start;border-radius:var(--mr,14px)}
  .dmcat.act{box-shadow:0 0 0 1.5px var(--cc)}
  .dmcat .dmn{background:linear-gradient(135deg,var(--cc),color-mix(in srgb,var(--cc) 55%,#7C3AED))!important;color:#fff!important}
  .dmsplit{display:flex!important;flex-direction:column;gap:12px}
  .dmside{max-height:42vh;overflow:auto;padding:6px!important}
  .dmtr,.dmtr.sel,.dmtr:hover{background:#fff!important}
  .dmtr.sel .dmtl span{font-weight:700;color:var(--g1)}
  html[data-mdesign="d5"] .dmf svg path{fill:none!important}
  html[data-mdesign="d5"] .dmtile.folder,html[data-mdesign="d5"] .dmcat{background:#fff}
  .dmmain{min-width:0}
  .dmbar .dmview{align-self:flex-start}
}

/* ===== phone: people and roles ===== */
.adm{display:none}
@media(max-width:700px){
  .adm{display:block;border-top:1px solid var(--line);border-bottom:1px solid var(--line);margin:6px 0;padding:4px 0;max-height:38vh;overflow:auto}
  .adm .item{display:block;padding:10px;text-decoration:none;color:inherit;font-size:14px}
  .plist{display:flex;flex-direction:column;gap:10px} .pcard{border:1px solid var(--line);border-radius:var(--mr,14px);padding:12px;display:flex;flex-direction:column;gap:8px;background:#fff}
  .rchips{display:flex;gap:6px;overflow-x:auto;padding-bottom:6px;margin-bottom:8px;scrollbar-width:none}
  .rchips .chip{flex:none;white-space:nowrap;border:1px solid var(--line);background:#fff;border-radius:999px;padding:6px 12px;font:inherit;font-size:13px;cursor:pointer}
  .rchips .chip.on{border-color:transparent;background:linear-gradient(135deg,var(--g1),var(--g2));color:#fff}
  .rgrp{background:#fff;border:1px solid var(--line);border-radius:var(--mr,14px);padding:4px 12px;margin-bottom:10px} .rgh{font-size:12px;font-weight:650;color:#64748B;padding:8px 0 2px}
  .rrow{display:flex;align-items:center;justify-content:space-between;padding:10px 0;border-top:1px solid var(--line-2,#EEF2F7);font-size:14px} .rgh + .rrow{border-top:0}
}
.dfile{display:flex;align-items:center;gap:12px;margin-bottom:12px} .dfile .fico{transform:scale(1.7);transform-origin:left center;margin-right:14px} .dfile b{display:block;word-break:break-all}
@media(max-width:700px){ .ind-host .hdr1 > button.btn:first-child{display:none} .ind-host .dpanel{border:1px solid var(--line);border-radius:var(--mr,14px);background:#fff} }
@media(max-width:700px){
  html[data-mdesign="d5"] .scrim{align-items:center!important;justify-content:center;padding:16px!important}
  html[data-mdesign="d5"] .scrim .modal,html[data-mdesign="d5"] .scrim .modal.wide{width:100%!important;max-width:380px!important;margin:auto!important;border-radius:14px!important;max-height:86vh;display:flex;flex-direction:column}
  html[data-mdesign="d5"] .scrim .modal .bd{max-height:none;overflow:auto;flex:1}
}
@media(max-width:700px){
  html[data-mdesign="d5"] .btn,html[data-mdesign="d5"] .btn.primary{background-color:#fff!important;background-image:linear-gradient(#fff,#fff),linear-gradient(135deg,var(--g1),var(--g2))!important;background-origin:border-box!important;background-clip:padding-box,border-box!important;border:1.5px solid transparent!important;color:var(--g1)!important;box-shadow:none!important}
  html[data-mdesign="d5"] .btn.danger{background-image:none!important;border:1.5px solid #E5484D!important;color:#E5484D!important}
  html[data-mdesign="d5"] .chead .tabs a.on,html[data-mdesign="d5"] .chead .tabs .on{background:#fff!important;color:var(--g1)!important;box-shadow:inset 0 0 0 1.5px var(--g1)!important}
}
@media(max-width:700px){
  html[data-mdesign] input.swc{width:42px!important;min-width:42px!important;height:24px!important;min-height:0!important;border-radius:999px!important;padding:0!important}
  html[data-mdesign] input.swc::after{top:3px;left:3px;width:18px;height:18px}
  html[data-mdesign] input.swc:checked::after{left:21px}
  html[data-mdesign] input.swc:checked{background:linear-gradient(135deg,var(--g1),var(--g2))!important}
  .field .catsw{display:flex!important;flex-direction:row;flex-wrap:wrap;gap:8px} .field .catsw button{width:34px!important;height:34px!important;min-height:0!important;flex:none;padding:0}
  .top .menu-pop{max-height:82vh;overflow:auto}
}

/* ===== D5 phone: compact list rows and plain page headers (as in the locked design) ===== */
@media(max-width:700px){
  html[data-mdesign="d5"] .chead{background:transparent!important;border:0!important;box-shadow:none!important;padding:0!important;margin-bottom:8px!important;flex-direction:row!important;flex-wrap:wrap;align-items:center!important}
  html[data-mdesign="d5"] .chead h1{font-size:20px!important;color:var(--ink,#0F172A)!important;flex:1;margin:0}
  html[data-mdesign="d5"] .chead .cact{display:flex;gap:6px}
  html[data-mdesign="d5"] .chead .cact .btn{width:36px;height:36px;padding:0;justify-content:center}
  html[data-mdesign="d5"] .chead .tabs,html[data-mdesign="d5"] .chead .tabs.seg{flex:1 1 100%;flex-wrap:nowrap!important;overflow-x:auto;background:transparent!important;padding:0!important;gap:6px!important;margin-top:8px;scrollbar-width:none}
  html[data-mdesign="d5"] .chead .tabs a{flex:none;white-space:nowrap;border:1px solid var(--line)!important;background:#fff!important;border-radius:999px!important;padding:6px 12px!important;font-size:13px;color:#475569!important;box-shadow:none!important}
  html[data-mdesign="d5"] .chead .tabs a.on{border-color:transparent!important;background:linear-gradient(#fff,#fff) padding-box,linear-gradient(135deg,var(--g1),var(--g2)) border-box!important;border:1.5px solid transparent!important;color:var(--g1)!important;font-weight:600}
  html[data-mdesign="d5"] .tbl-wrap{border:1px solid var(--line);border-radius:var(--mr,14px);overflow:hidden;background:#fff;box-shadow:none}
  html[data-mdesign="d5"] table.cardrows thead{display:none}
  html[data-mdesign="d5"] table.cardrows tbody tr{display:grid!important;grid-template-columns:minmax(0,1fr) auto;column-gap:10px;row-gap:2px;align-items:center;padding:12px 14px!important;margin:0!important;border:0!important;border-bottom:1px solid var(--line-2,#EEF2F7)!important;border-radius:0!important;box-shadow:none!important;background:#fff!important}
  html[data-mdesign="d5"] table.cardrows td{display:block!important;padding:0!important;border:0!important;text-align:left!important;font-size:12.5px!important;color:#64748B;min-width:0}
  html[data-mdesign="d5"] table.cardrows td::before{display:none!important}
  html[data-mdesign="d5"] table.cardrows td[data-role=title]{grid-column:1;font-size:14px!important;font-weight:600;color:var(--ink,#0F172A);margin:0!important}
  html[data-mdesign="d5"] table.cardrows td[data-role=sub]{grid-column:1}
  html[data-mdesign="d5"] table.cardrows td[data-role=pill]{grid-column:2;grid-row:1 / span 3;justify-self:end;align-self:center}
  html[data-mdesign="d5"] table.cardrows td[data-role=hide]{display:none!important}
  html[data-mdesign="d5"] .tbl-tools select,html[data-mdesign="d5"] .tbl-tools input{height:38px;font-size:13px}
}

/* ======================================================================
   LOCKED DESIGN 5 - phone skin (matches the approved mock-ups)
   ====================================================================== */
@media(max-width:700px){
  html[data-mdesign="d5"]{--ac:#0284C7;--ac2:#6366F1;--bgp:#F4F8FB;--ln:#DDE7EE;--tx:#0F172A;--mu:#64748B}
  html[data-mdesign="d5"] body,html[data-mdesign="d5"] button,html[data-mdesign="d5"] input,html[data-mdesign="d5"] select,html[data-mdesign="d5"] textarea{font-family:Manrope,Inter,system-ui,sans-serif}
  html[data-mdesign="d5"] body{background:var(--bgp)!important;background-image:none!important}
  html[data-mdesign="d5"] h1,html[data-mdesign="d5"] h2,html[data-mdesign="d5"] h3{font-family:Manrope,Inter,system-ui,sans-serif}
  .ph-hide{display:none!important}
  /* top strip */
  html[data-mdesign="d5"] .top{height:58px;background:var(--bgp)!important;border:0!important;backdrop-filter:none!important;padding:0 16px;gap:10px}
  html[data-mdesign="d5"] .top .grow{display:block;flex:1}
  html[data-mdesign="d5"] .top .pk{background:none;border:0;padding:0;height:auto;flex:0 0 auto;display:flex;align-items:center;gap:8px;font-size:15px;font-weight:800;color:var(--tx);overflow:visible}
  html[data-mdesign="d5"] .top .pk .pkt{max-width:150px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}
  html[data-mdesign="d5"] .top .pk i::after{content:"";display:inline-block;width:6px;height:6px;border:solid currentColor;border-width:0 1.8px 1.8px 0;transform:rotate(45deg) translateY(-2px);margin-left:2px}
  html[data-mdesign="d5"] .top .pk i{font-size:0;opacity:1}
  html[data-mdesign="d5"] .top .pk-fy{color:var(--ac);font-size:13px;font-weight:700;border-left:1px solid #C9D6E0;padding-left:12px;margin-left:2px}
  html[data-mdesign="d5"] .top .pk-fy,html[data-mdesign="d5"] .top .pk-fy + *{background:none}
  .lgm{width:26px;height:26px;border-radius:8px;background:linear-gradient(135deg,#0284C7,#6366F1);display:grid;place-items:center;color:#fff;flex:none}
  .lgm svg{width:15px;height:15px}
  html[data-mdesign="d5"] .top .bell{width:38px;height:38px;border:1px solid var(--ln);border-radius:10px;background:#fff;margin-left:auto}
  /* dropdowns under the strip */
  .pk-anchor{align-items:flex-start!important;padding:58px 14px 0!important}
  .pk-anchor.pk-left{justify-content:flex-start!important} .pk-anchor.pk-right{justify-content:flex-end!important}
  .pk-anchor .modal{width:auto!important;min-width:230px;max-width:80vw!important;margin:0!important;border-radius:14px!important;max-height:70vh}
  .pk-anchor .bd{padding:6px!important}
  .pkitem{padding:13px 12px;font-weight:700;font-size:15px;border-radius:10px;gap:8px;justify-content:flex-start!important}
  .pkitem .tk{width:20px;flex:none;color:var(--ac,#0284C7);font-style:normal} .pkitem.cur{background:#E8F1FB;color:var(--ac,#0284C7)}
  /* message popup */
  .msg-scrim .modal{max-width:330px!important;width:100%!important;margin:auto!important;border-radius:16px!important}
  .msgpop{text-align:center;padding:10px 6px 4px}
  .msgic{width:58px;height:58px;border-radius:50%;background:#EEF2F6;display:grid;place-items:center;margin:0 auto 12px;color:#475569} .msgic svg{width:24px;height:24px}
  .msgpop h3{font-size:20px;font-weight:800;margin:0 0 8px;color:var(--tx)} .msgpop p{color:var(--mu);margin:0 0 16px;line-height:1.5;font-size:14px}
  .msgpop .okbtn{width:100%;height:46px;font-size:15px;font-weight:700}
  /* home */
  html[data-mdesign="d5"] .modgrid,html[data-mdesign="d5"] .home-grid{display:none!important}
  .mtiles{grid-template-rows:repeat(2,88px)!important;gap:10px!important}
  html[data-mdesign="d5"] .mt{border:1px solid var(--ln);border-radius:12px;gap:8px;background:#fff}
  html[data-mdesign="d5"] .mt b{font-size:14px;font-weight:800;color:var(--tx)} html[data-mdesign="d5"] .mt small{font-size:12px;color:var(--mu);margin-top:-4px}
  html[data-mdesign="d5"] .mt .mti{position:relative;display:grid;place-items:center} html[data-mdesign="d5"] .mt .mti svg{width:30px;height:30px}
  .mlock{position:absolute;right:-8px;bottom:-4px;width:16px;height:16px;border-radius:50%;background:#64748B;color:#fff;display:grid;place-items:center} .mlock svg{width:9px!important;height:9px!important;stroke:#fff!important}
  html[data-mdesign="d5"] .mt.off{background:#F1F4F7;color:#94A3B8} html[data-mdesign="d5"] .mt.off b{color:#94A3B8}
  html[data-mdesign="d5"] .sechd{margin:20px 2px 8px;font-size:14px;font-weight:700;color:#334155} html[data-mdesign="d5"] .sechd a{font-size:14px;font-weight:600;color:var(--ac)}
  html[data-mdesign="d5"] .wkstrip{border:1px solid var(--ln);border-radius:12px;gap:0;background:#fff}
  html[data-mdesign="d5"] .wd{padding:10px 0;color:#334155;gap:4px} html[data-mdesign="d5"] .wd small{font-size:12px;font-weight:700;opacity:.9} html[data-mdesign="d5"] .wd b{font-size:17px;font-weight:700}
  html[data-mdesign="d5"] .wd i{width:6px;height:6px} html[data-mdesign="d5"] .wd.today{background:linear-gradient(135deg,#0F6EE8,#2F5FE0);color:#fff;border-radius:0}
  html[data-mdesign="d5"] .wd.today i{box-shadow:0 0 0 1.5px rgba(255,255,255,.6)}
  .wlist{display:flex;flex-direction:column;gap:8px}
  .wl{display:grid;grid-template-columns:minmax(0,1fr) auto 18px;align-items:center;gap:8px;text-align:left;background:#fff;border:1px solid var(--ln,#DDE7EE);border-radius:12px;padding:11px 14px;font:inherit;color:inherit;cursor:pointer;width:100%}
  .wlt{min-width:0} .wlt b{display:block;font-size:15px;font-weight:800;overflow:hidden;text-overflow:ellipsis;white-space:nowrap} .wlt small{display:block;font-size:12.5px;color:var(--mu);margin-top:2px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}
  .pillx{padding:5px 11px;border-radius:8px;font-size:13px;font-weight:700;white-space:nowrap}
  .p-blue{background:#DBEAFE;color:#1D4ED8}.p-grey{background:#E5E7EB;color:#4B5563}.p-violet{background:#EDE9FE;color:#6D28D9}.p-green{background:#DCFCE7;color:#15803D}.p-orange{background:#FFEDD5;color:#C2410C}
  .chev::after{content:"";display:block;width:7px;height:7px;border:solid #64748B;border-width:0 1.8px 1.8px 0;transform:rotate(45deg);margin:0 auto}
  /* bottom bar */
  html[data-mdesign="d5"] .mnav{background:#fff;border-top:1px solid var(--ln);padding-top:8px}
  html[data-mdesign="d5"] .mnav a,html[data-mdesign="d5"] .mnav button{font-size:11.5px;font-weight:500;color:#64748B;gap:3px}
  html[data-mdesign="d5"] .mnav .on{color:var(--ac);font-weight:700}
  /* every popup / modal card */
  html[data-mdesign="d5"] .modal{background:#fff;box-shadow:0 24px 60px rgba(15,23,42,.25)}
  html[data-mdesign="d5"] .modal header{padding:14px 16px;border-bottom:1px solid var(--ln);align-items:center}
  html[data-mdesign="d5"] .modal header h2{font-size:18px;font-weight:800}
  html[data-mdesign="d5"] .modal header .icon-btn{width:38px;height:38px;border:1px solid var(--ln);border-radius:10px;background:#fff;font-size:15px}
  html[data-mdesign="d5"] .modal .bd{padding:14px 16px}
  html[data-mdesign="d5"] .modal footer{padding:12px 16px;border-top:1px solid var(--ln);gap:10px;justify-content:flex-start}
  html[data-mdesign="d5"] .modal .field label{font-size:14px;font-weight:700;color:var(--tx);margin-bottom:6px}
  html[data-mdesign="d5"] .modal .field input,html[data-mdesign="d5"] .modal .field select,html[data-mdesign="d5"] .modal .field textarea{background:#fff;border:1px solid var(--ln);border-radius:10px;height:46px;font-size:15px;padding:0 12px}
  html[data-mdesign="d5"] .modal .field textarea{height:auto;padding:10px 12px}
  .menu-scrim .modal{max-width:380px!important;width:100%!important;margin:auto!important;border-radius:16px!important}
  .menu-scrim .bd{padding:0!important} .msub{padding:0 16px 10px;margin-top:-6px;color:var(--mu);font-size:13px;border-bottom:1px solid var(--ln)}
  .mrow{display:flex;align-items:center;gap:14px;width:100%;padding:15px 18px;background:none;border:0;border-bottom:1px solid var(--ln);font:inherit;font-size:15px;font-weight:700;color:var(--tx);text-align:left;cursor:pointer}
  .mrow svg{width:19px;height:19px;color:var(--ac)} .mrow.danger{color:#E5484D} .mrow.danger svg{color:#E5484D} .mrow:last-child{border-bottom:0}
}
@media(max-width:700px){
  html[data-mdesign="d5"] .app .top{background:var(--bgp)!important}
  html[data-mdesign="d5"] .top .pk-fy{background:none!important}
  html[data-mdesign="d5"] .scrim .modal{background:#fff!important;backdrop-filter:none!important;-webkit-backdrop-filter:none!important;overflow:hidden;border:0!important}
  html[data-mdesign="d5"] .scrim.pk-anchor .modal{width:auto!important;min-width:230px;max-width:80vw!important;margin:0!important}
  html[data-mdesign="d5"] .scrim.msg-scrim .modal{max-width:330px!important}
  html[data-mdesign="d5"] .msgpop .okbtn{width:100%!important;height:46px!important;font-size:15px;font-weight:700;justify-content:center;display:flex;align-items:center}
  html[data-mdesign="d5"] .mt.blank{border:0!important;background:none!important;box-shadow:none!important}
}
@media(max-width:700px){
  html[data-mdesign="d5"] .btn{background:#fff!important;background-image:none!important;border:1.5px solid var(--ln)!important;color:var(--tx)!important;box-shadow:none!important;font-weight:700}
  html[data-mdesign="d5"] .btn.primary,html[data-mdesign="d5"] .modal footer .btn:last-child,html[data-mdesign="d5"] .okbtn{border-color:var(--ac)!important;color:var(--ac)!important}
  html[data-mdesign="d5"] .btn.danger{border-color:#E5484D!important;color:#E5484D!important}
  html[data-mdesign="d5"] .btn.plus,html[data-mdesign="d5"] .fab{border-color:var(--ac)!important;color:var(--ac)!important}
  html[data-mdesign="d5"] .app,html[data-mdesign="d5"] .main{background:var(--bgp)!important}
}

/* ===== D5 phone: calendar + documents ===== */
@media(max-width:700px){
  html[data-mdesign="d5"] .content{background:transparent!important;padding:6px 16px 96px!important}
  /* calendar */
  html[data-mdesign="d5"] .calwrap .cal-bar{display:flex!important;grid-template-columns:none;gap:4px;border:1px solid var(--ln);border-bottom:0;border-radius:12px 12px 0 0;padding:8px 10px;background:#fff}
  html[data-mdesign="d5"] .calwrap .cal-bar .btn.sm{width:34px;height:34px;padding:0;justify-content:center;border:1px solid var(--ln)!important;border-radius:9px;font-size:18px}
  html[data-mdesign="d5"] .calwrap .cal-title{flex:0 1 auto;text-align:left;font-size:16px!important;font-weight:800;padding:0 4px}
  html[data-mdesign="d5"] .calwrap .cal-bar .grow{display:block!important;flex:1}
  html[data-mdesign="d5"] .cal-ics button{border:1px solid var(--ln);border-radius:9px;color:#334155;width:34px;height:34px}
  html[data-mdesign="d5"] .cal-ics button:last-child{border-color:var(--ac);color:var(--ac)}
  html[data-mdesign="d5"] .calwrap .cal2{border:1px solid var(--ln);border-top:0;border-radius:0 0 12px 12px;background:#fff;padding:2px 8px 10px;gap:0}
  .cd.h{font-size:0!important} .cd.h::first-letter{font-size:11.5px!important;font-weight:700;color:#334155}
  html[data-mdesign="d5"] .calwrap .cd{border:0!important;background:none!important;box-shadow:none!important;min-height:44px!important;height:44px}
  html[data-mdesign="d5"] .calwrap .cd .n{display:grid;place-items:center;width:28px;height:28px;border-radius:50%;margin:0 auto;font-size:14px;font-weight:600;color:#1E293B;background:none!important}
  html[data-mdesign="d5"] .calwrap .cd.today .n{background:#CFE6F7!important;color:#0B5CA8}
  html[data-mdesign="d5"] .calwrap .cd.sel .n{background:#2563EB!important;color:#fff}
  html[data-mdesign="d5"] .calwrap .cd .dots .more{display:none}
  html[data-mdesign="d5"] .rday{margin-top:14px;display:grid;grid-template-columns:1fr auto;align-items:baseline;row-gap:8px}
  html[data-mdesign="d5"] .rday h4{font-size:14px;font-weight:800;margin:0} html[data-mdesign="d5"] .rday .sub{color:var(--ac);font-weight:700;font-size:14px;text-align:right}
  html[data-mdesign="d5"] .rday .ritem{grid-column:1 / -1;display:grid;grid-template-columns:minmax(0,1fr) auto;align-items:center;background:#fff;border:1px solid var(--ln);border-radius:12px;padding:12px 14px;text-align:left;font:inherit;width:100%}
  html[data-mdesign="d5"] .rday .ritem .top2{display:contents}
  html[data-mdesign="d5"] .rday .ritem .lawchip,html[data-mdesign="d5"] .rday .ritem .top2 .grow{display:none}
  html[data-mdesign="d5"] .rday .ritem .badge{grid-column:2;grid-row:1 / span 2;align-self:center;border-radius:8px;padding:5px 11px;font-size:13px;font-weight:700}
  html[data-mdesign="d5"] .rday .ritem b{grid-column:1;font-size:16px;font-weight:800} html[data-mdesign="d5"] .rday .ritem small{grid-column:1;color:var(--mu);font-size:13px}
  /* documents header */
  html[data-mdesign="d5"] .chead.phh{display:grid!important;grid-template-columns:1fr auto;gap:0 8px;align-items:start;margin-bottom:12px!important}
  .phh-t h1{font-size:26px!important;font-weight:800;line-height:1.1} .phh-s{color:var(--mu);font-size:13px;margin-top:2px}
  html[data-mdesign="d5"] .chead.phh .cact{align-self:center;gap:8px}
  html[data-mdesign="d5"] .btn.ico2{width:42px!important;height:42px!important;padding:0!important;justify-content:center;border:1px solid var(--ln)!important;border-radius:11px!important;font-size:20px;color:#1E293B!important}
  html[data-mdesign="d5"] .btn.ico2 svg{width:19px;height:19px}
  html[data-mdesign="d5"] .chead.phh .tabs{grid-column:1 / -1;display:flex;background:#E4EDF3!important;border-radius:12px!important;padding:4px!important;margin-top:14px;gap:2px!important;overflow:hidden}
  html[data-mdesign="d5"] .chead.phh .tabs a{flex:1 1 0;text-align:center;border:0!important;background:transparent!important;border-radius:9px!important;padding:9px 0!important;font-size:13px;font-weight:600;color:#64748B!important;box-shadow:none!important}
  html[data-mdesign="d5"] .chead.phh .tabs a.on{background:#fff!important;color:var(--tx)!important;box-shadow:0 1px 3px rgba(15,23,42,.12)!important;font-weight:800}
  .dmbar .dmcrumb,.dmbar .dmfy{display:none!important}
  html[data-mdesign="d5"] .dmbar{flex-direction:row!important;align-items:center;justify-content:space-between;margin:2px 0 10px}
  html[data-mdesign="d5"] .dmbar::before{content:"Folders";font-size:16px;font-weight:800;color:var(--tx)}
  html[data-mdesign="d5"] .dmbar .row{margin-left:auto}
  html[data-mdesign="d5"] .dmview{background:#E4EDF3;border-radius:10px;padding:3px;display:flex;gap:2px}
  html[data-mdesign="d5"] .dmview button{border:0!important;background:transparent!important;border-radius:8px;padding:6px 14px;font-weight:700;color:#64748B;font-size:13px}
  html[data-mdesign="d5"] .dmview button.on{background:#fff!important;color:var(--tx)!important;box-shadow:0 1px 3px rgba(15,23,42,.12)}
  html[data-mdesign="d5"] .dmview button:nth-child(2){display:none}
  .dmhd{display:flex;justify-content:space-between;align-items:baseline;margin:14px 2px 8px} .dmhd b{font-size:16px;font-weight:800} .dmhd a{color:var(--ac);font-weight:700;font-size:14px;text-decoration:none}
  .dmchips2{display:flex;gap:8px;overflow-x:auto;margin-bottom:10px;scrollbar-width:none} .dmchips2 a{flex:none;border:1px solid var(--ln);background:#fff;border-radius:10px;padding:8px 16px;font-size:14px;font-weight:700;color:#475569;text-decoration:none}
  .dmchips2 a.on{border-color:var(--ac);color:var(--ac)}
  html[data-mdesign="d5"] .dmcat{background:#fff;border:1px solid var(--ln);border-radius:12px;overflow:hidden}
  html[data-mdesign="d5"] .dmcat.act{border-color:var(--ac);box-shadow:0 0 0 1px var(--ac)}
  html[data-mdesign="d5"] .dmch{display:flex;align-items:center;gap:10px;padding:12px 14px;background:#fff!important;color:var(--tx)!important;border-bottom:0;border-left:4px solid var(--cc)}
  html[data-mdesign="d5"] .dmch b{font-size:16px;font-weight:800;color:var(--tx)} html[data-mdesign="d5"] .dmch .dmcnt{margin-left:auto;color:var(--mu);font-size:13px}
  html[data-mdesign="d5"] .dmn{width:26px;height:26px;border-radius:8px;display:grid;place-items:center;font-size:13px;font-weight:800}
  html[data-mdesign="d5"] .dmsub{display:flex;align-items:center;gap:8px;padding:9px 14px;font-size:15px;font-weight:700;color:var(--tx);text-decoration:none} html[data-mdesign="d5"] .dmsub small{margin-left:auto;color:var(--mu);font-weight:600}
  html[data-mdesign="d5"] .dmcf{display:flex;justify-content:space-between;align-items:center;padding:10px 14px;border-top:1px solid var(--ln);color:var(--mu);font-size:13px} html[data-mdesign="d5"] .dmcf .btn{border:0!important;color:var(--ac)!important;padding:0!important;background:none!important;min-height:0;height:auto}
  html[data-mdesign="d5"] .dmside{border:1px solid var(--ln);border-radius:12px;background:#fff;box-shadow:none}
  html[data-mdesign="d5"] .dmtr{padding:9px 8px!important;border-bottom:0}
  html[data-mdesign="d5"] .dmtl{font-weight:700;font-size:15px;gap:10px}
}

/* ===== D5 phone: fixes round 2 ===== */
@media(max-width:700px){
  html[data-mdesign="d5"] .calwrap .cal-bar{flex-wrap:nowrap!important;align-items:center}
  html[data-mdesign="d5"] .calwrap .cal-bar .chip,html[data-mdesign="d5"] .calwrap .cal-bar .btn.sm:nth-of-type(3){display:none!important}
  html[data-mdesign="d5"] .calwrap .cal-title{flex:1!important;text-align:left}
  html[data-mdesign="d5"] .cal-ics{display:flex!important;gap:6px;margin-left:auto}
  html[data-mdesign="d5"] .calwrap .cal-layout{display:block}
  html[data-mdesign="d5"] .calwrap .cd.h{display:block!important;visibility:visible!important;text-align:center;color:#334155!important;font-size:0!important;height:26px!important;min-height:0!important;padding-top:6px}
  html[data-mdesign="d5"] .calwrap .cd.h::first-letter{font-size:12px!important;font-weight:700;color:#334155}
  html[data-mdesign="d5"] .calwrap .cd.off{min-height:44px}
  .phh-t h1{color:var(--tx)!important}
  html[data-mdesign="d5"] .chead.phh .tabwrap{grid-column:1 / -1;margin-top:14px;width:100%}
  html[data-mdesign="d5"] .chead.phh .tabs{margin-top:0!important;width:100%}
  html[data-mdesign="d5"] .chead.phh .tabs a{white-space:nowrap}
  html[data-mdesign="d5"] .chead.phh .tabs .svgi{display:none}
}
@media(max-width:700px){html[data-mdesign] .chead.phh .phh-t h1{color:#0F172A!important;-webkit-text-fill-color:#0F172A!important;background:none!important}
html[data-mdesign="d5"] .calwrap{background:transparent!important}html[data-mdesign="d5"] .calwrap .cal-layout{background:transparent}}
@media(max-width:700px){
  html[data-mdesign="d5"] .dmsplit{display:block!important}
  html[data-mdesign="d5"] .dmside{padding:4px 0!important;margin-bottom:14px}
  html[data-mdesign="d5"] .dmtr{display:flex;align-items:center;position:relative;min-height:44px;border-radius:0}
  html[data-mdesign="d5"] .dmtr .dmcaret{order:9;margin-left:auto;font-size:0;width:34px;height:34px;color:#64748B;background:none;border:0}
  html[data-mdesign="d5"] .dmtr .dmcaret::after{content:"";display:block;width:8px;height:8px;border-right:2px solid #64748B;border-bottom:2px solid #64748B;transform:rotate(45deg);margin:auto}
  html[data-mdesign="d5"] .dmtr[aria-expanded="true"] .dmcaret::after{transform:rotate(-135deg)}
  html[data-mdesign="d5"] .dmtr .dmtl{flex:1;min-width:0;display:flex;align-items:center;gap:10px;font-size:16px;font-weight:700;color:var(--tx);text-decoration:none}
  html[data-mdesign="d5"] .dmtr .dmtl small{display:none}
  html[data-mdesign="d5"] .dmtr .dmtl .dmn{flex:none}
  html[data-mdesign="d5"] .dmtr.sel{background:#F1F7FC}
  html[data-mdesign="d5"] .dmtr.sel::before{content:"";position:absolute;left:0;top:4px;bottom:4px;width:4px;background:var(--ac);border-radius:0 3px 3px 0}
  .dmhd2{display:flex;flex-direction:column;gap:2px;margin:4px 2px 10px}.dmhd2 b{font-size:16px;font-weight:800;color:var(--tx)}.dmhd2 span{font-size:13px;color:var(--mu)}
}
@media(max-width:700px){
  html[data-mdesign="d5"] .dmside{max-height:300px!important;overflow-y:auto!important;height:auto!important}
  html[data-mdesign="d5"] .dmtree{max-height:none!important;overflow:visible!important}
  html[data-mdesign="d5"] .dmtr[style*="padding-left: 22px"] .dmtl,html[data-mdesign="d5"] .dmtr[style*="padding-left: 38px"] .dmtl{font-size:15px;font-weight:600}
  html[data-mdesign="d5"] .dmtr{padding-right:6px!important;padding-left:12px!important}
  html[data-mdesign="d5"] .dmtr[style*="padding-left: 22px"]{padding-left:34px!important}
  html[data-mdesign="d5"] .dmtr[style*="padding-left: 38px"]{padding-left:54px!important}
  html[data-mdesign="d5"] .dmtr .dmn{color:#fff!important;font-size:13px}
}
@media(max-width:700px){
  .menu-scrim{align-items:flex-start!important;padding-top:68px!important}
  .menu-scrim .modal{max-width:none!important;width:calc(100% - 28px)!important;margin:0 auto!important}
  .menu-scrim .msub{margin-top:0!important;padding-top:0!important}
  .menu-scrim .hd{padding-bottom:6px!important}
}
@media(max-width:700px){
  html[data-mdesign="d5"] .dmmain .cardrows .fico{display:none}
  html[data-mdesign="d5"] .dmmain .cardrows tr.click{padding-right:34px;position:relative}
  html[data-mdesign="d5"] .dmmain .cardrows tr.click::after{content:"";position:absolute;right:14px;top:50%;width:7px;height:7px;border-right:2px solid #64748B;border-bottom:2px solid #64748B;transform:translateY(-70%) rotate(45deg)}
}
@media(max-width:700px){html[data-mdesign="d5"] .dmtr{min-height:38px}html[data-mdesign="d5"] .dmtr .dmtl{font-size:15px}html[data-mdesign="d5"] .dmtr[style*="padding-left: 22px"]{min-height:32px}}
@media(max-width:700px){
  html[data-mdesign="d5"] .dmtr{padding-top:0!important;padding-bottom:0!important;min-height:40px!important}
  html[data-mdesign="d5"] .dmmain table.cardrows .fico{display:none!important}
}
/* ===== D5 phone: drawers as centered popups + document opened ===== */
@media(max-width:700px){
  html[data-mdesign="d5"] .drawer-scrim{align-items:flex-start!important;justify-content:center!important;padding:62px 14px 84px!important;background:rgba(15,23,42,.45)!important;backdrop-filter:none!important}
  html[data-mdesign="d5"] .drawer{width:100%!important;height:auto!important;max-height:calc(100vh - 146px)!important;border-radius:16px!important;background:#fff!important;backdrop-filter:none!important;border:0!important;box-shadow:0 18px 50px rgba(15,23,42,.25)!important;animation:none;overflow:hidden}
  html[data-mdesign="d5"] .drawer header{padding:14px 16px!important;border-bottom:1px solid var(--ln)}
  html[data-mdesign="d5"] .drawer header h2{font-size:19px!important;font-weight:800;color:var(--tx);overflow:hidden;text-overflow:ellipsis;white-space:nowrap}
  html[data-mdesign="d5"] .drawer header .icon-btn{width:38px;height:38px;border:1px solid var(--ln)!important;border-radius:10px!important;background:#fff!important;color:#334155;flex:none}
  html[data-mdesign="d5"] .drawer .bd{padding:14px 16px 16px!important;background:#fff}
  .dsub{margin:-4px 0 12px;color:var(--mu);font-size:13px}
  .dpv{display:flex;gap:14px;background:#F4F8FB;border:1px solid var(--ln);border-radius:12px;padding:12px;margin-bottom:12px}
  .dpg{width:62px;height:80px;border-radius:8px;background:#fff;border:1px solid var(--ln);position:relative;flex:none}.dpg b{position:absolute;left:-6px;bottom:10px;background:#E5484D;color:#fff;font-size:11px;padding:3px 7px;border-radius:5px}
  .dpb{flex:1;display:flex;flex-direction:column;gap:8px;min-width:0}.dpb small{color:var(--mu);font-size:12.5px}
  .dpb .btn{justify-content:center;width:100%;border:1px solid var(--ln)!important;background:#fff!important;color:var(--tx)!important;font-weight:700}
  .dst{display:flex;justify-content:space-between;gap:10px;align-items:center;margin-bottom:10px}.dstb{flex:1;border:1px solid var(--ln);border-radius:10px;padding:11px 14px;font-weight:700;font-size:15px}
  .dchips{display:flex;flex-wrap:wrap;gap:8px;margin-bottom:12px}.dchips span{background:#EEF3F7;border-radius:8px;padding:6px 12px;font-weight:700;font-size:13.5px;color:#334155}
  .dh{font-weight:800;font-size:14px;margin:12px 0 6px;color:var(--tx)}.dp{margin:0;color:#475569;font-size:14.5px;line-height:1.45}
  .dver{display:flex;gap:8px;align-items:center;padding:4px 0;font-size:14px}.dver i{width:8px;height:8px;border-radius:50%;background:var(--ac)}.dver span{color:var(--mu)}
  .droom{display:flex;gap:10px;align-items:center;border:1px solid var(--ln);border-radius:10px;padding:11px 14px;text-decoration:none;color:var(--tx);font-weight:600}
  .dfoot{display:flex;gap:8px;margin:18px 0 0}.dfoot .btn{border:1px solid var(--ln)!important;background:#fff!important;color:var(--tx)!important;font-weight:700;min-height:44px}.dfoot .btn.pri{border-color:var(--ac)!important;color:var(--ac)!important}
}
/* ===== D5 phone: full-page form popups (.scrim.pg) ===== */
@media(max-width:700px){
  html[data-mdesign="d5"] .scrim.pg{padding:0!important;align-items:stretch!important;background:#F4F8FB!important;top:62px!important;bottom:68px!important;z-index:30}
  html[data-mdesign="d5"] .scrim.pg .modal{max-width:none!important;width:100%!important;height:100%!important;margin:0!important;border-radius:0!important;box-shadow:none!important;background:#F4F8FB!important;display:flex;flex-direction:column;overflow:hidden}
  html[data-mdesign="d5"] .scrim.pg .modal header{order:0;flex-direction:row-reverse;justify-content:flex-end;gap:14px;border:0!important;padding:14px 16px 6px!important;background:none!important}
  html[data-mdesign="d5"] .scrim.pg .modal header h2{font-size:26px!important;font-weight:800}
  html[data-mdesign="d5"] .scrim.pg .modal header .icon-btn{border:0!important;background:none!important;width:32px;height:32px;font-size:22px}
  html[data-mdesign="d5"] .scrim.pg .modal .bd{flex:1;max-height:none!important;overflow:auto;padding:8px 16px 16px!important;background:none!important}
  html[data-mdesign="d5"] .scrim.pg .modal footer{border:0!important;padding:10px 16px 12px!important;background:#F4F8FB;display:block}
  html[data-mdesign="d5"] .scrim.pg .modal footer .btn:not(:last-child){display:none}
  html[data-mdesign="d5"] .scrim.pg .modal footer .btn:last-child{width:100%;min-height:48px;justify-content:center;background:#fff!important;border:1.5px solid var(--ac)!important;color:var(--ac)!important;font-weight:800;border-radius:12px!important;font-size:16px}
  html[data-mdesign="d5"] .scrim.pg .field{margin-bottom:12px}
  html[data-mdesign="d5"] .scrim.pg .field label{font-size:14px;font-weight:800;color:var(--tx);margin-bottom:6px}
  html[data-mdesign="d5"] .scrim.pg .field input:not([type=file]):not([type=checkbox]),html[data-mdesign="d5"] .scrim.pg .field select,html[data-mdesign="d5"] .scrim.pg .field textarea{background:#fff!important;border:1px solid var(--ln)!important;border-radius:12px!important;min-height:48px;font-size:16px;padding:0 14px}
  html[data-mdesign="d5"] .scrim.pg .field input[type=file]{display:block;width:100%;height:110px;border:1.5px dashed #9CC3DD!important;border-radius:14px!important;background:#fff!important;font-size:0;color:transparent;padding:0!important;text-align:center;box-sizing:border-box}
  html[data-mdesign="d5"] .scrim.pg .field input[type=file]::file-selector-button{font:800 16px Inter,sans-serif;color:var(--tx);background:none;border:0;margin-top:44px;padding:8px 14px;cursor:pointer}
  html[data-mdesign="d5"] .scrim.pg .field:has(input[type=file])::after{content:"or take a photo · PDF, image, Excel, zip";display:block;text-align:center;color:var(--mu);font-size:13px;margin-top:-46px;margin-bottom:32px;position:relative;pointer-events:none}
  html[data-mdesign="d5"] .scrim.pg .field:has(input[type=file]){position:relative}
  html[data-mdesign="d5"] .scrim.pg .field:has(input[type=file])::before{content:"";position:absolute;left:50%;top:18px;width:22px;height:22px;margin-left:-11px;background:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='%230284C7' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='M12 16V5M7 10l5-5 5 5M5 20h14'/%3E%3C/svg%3E") no-repeat center/contain;pointer-events:none}
}
@media(max-width:700px){
  html[data-mdesign="d5"] .scrim.pg .field:has(input[type=file]) label{display:none}
  html[data-mdesign="d5"] .scrim.pg .field input[type=file]{font-size:0!important;color:transparent!important;-webkit-text-fill-color:transparent;overflow:hidden}
  html[data-mdesign="d5"] .scrim.pg .field input[type=file]::file-selector-button{font-size:16px!important;-webkit-text-fill-color:var(--tx)}
  html[data-mdesign="d5"] .scrim.pg .field:has(input[type=file])::before{top:14px}
}
body:has(.scrim.pg) .fab{display:none!important}
@media(max-width:700px){
  .scrim.pg .req{display:none}
  .dfoot{flex-wrap:wrap}.dfoot .btn{padding:0 14px!important;flex:0 1 auto}
  html[data-mdesign="d5"] .drawer header h2{font-weight:800!important}
}
@media(max-width:700px){
  .dsteps{display:flex;gap:8px;margin-bottom:10px}.dsteps span{flex:1;text-align:center;border:1px solid var(--ln);border-radius:10px;padding:9px 4px;font-weight:700;font-size:13.5px;color:#475569;background:#fff}
  .dsteps span.done{background:#DDF3E4;border-color:#DDF3E4;color:#15803D}.dsteps span.cur{border-color:var(--ac);color:var(--ac)}
}
@media(max-width:700px){
  html[data-mdesign="d5"] .btn.ico2.acc{border-color:var(--ac)!important;color:var(--ac)!important}
  .sthd{display:flex;justify-content:space-between;align-items:baseline;margin:16px 2px 8px}.sthd b{font-size:16px;font-weight:800}.sthd a{color:var(--ac);font-weight:700;text-decoration:none}
  .stcard{background:#fff;border:1px solid var(--ln);border-radius:12px;overflow:hidden}
  .strow{display:flex;align-items:center;gap:10px;padding:0 12px;min-height:40px;border-bottom:1px solid var(--ln);font-weight:600;font-size:15px}.strow:last-child{border-bottom:0}
  .strow.d0{font-weight:700;font-size:16px;min-height:44px}.strow.d1{padding-left:30px}.strow.d2{padding-left:50px}.strow.d3{padding-left:70px}
  .strow>span:nth-child(2){flex:1;min-width:0}.sact{display:flex;gap:2px;flex:none}.sbtn{border:0;background:none;color:#64748B;width:30px;height:30px;font-size:18px;display:grid;place-items:center;cursor:pointer}.sbtn svg{width:16px;height:16px}
  .stopt{display:flex;justify-content:space-between;align-items:center;padding:12px 14px;border-bottom:1px solid var(--ln)}.stopt:last-child{border:0}.stopt b{display:block;font-size:15px}.stopt small{color:var(--mu);font-size:13px}
}
/* ===== D5 phone: admin pages ===== */
@media(max-width:700px){
  .admh{display:flex;align-items:center;gap:10px;margin:2px 0 12px}.admh .bk{border:0;background:none;font-size:34px;line-height:1;color:#334155;padding:0 6px 4px}
  .admh .admt{flex:1;min-width:0}.admh h1{font-size:26px!important;font-weight:800;line-height:1.1;margin:0;color:#0F172A}.admh .muted{font-size:13px}
  .plist{display:flex;flex-direction:column;gap:10px}
  html[data-mdesign="d5"] .pcard{display:grid;grid-template-columns:1fr auto;grid-template-areas:"p s" "c s";align-items:center;gap:2px 10px;background:#fff;border:1px solid var(--ln);border-radius:14px;padding:12px 14px}
  .pcard .person{grid-area:p}.pcard .small{grid-area:c;padding-left:48px;margin-top:-6px}.pcard select{grid-area:s;min-height:38px;border:1px solid var(--ln)!important;border-radius:10px!important;background:#fff!important;font-weight:700;padding:0 10px}
  .pcard .person .avatar{width:40px!important;height:40px!important;font-size:16px!important}.pcard .pn{font-weight:800;font-size:16px}.pcard .pn small{font-weight:400;font-size:13px;color:var(--mu)}
  .rchips{display:flex;flex-wrap:wrap;gap:8px;margin-bottom:12px}.rchips .chip{background:#fff;border:1px solid var(--ln);border-radius:10px;padding:8px 16px;font-weight:700;color:#475569}.rchips .chip.on{border-color:var(--ac);color:var(--ac)}
  .rgrp{background:#fff;border:1px solid var(--ln);border-radius:12px;overflow:hidden;margin-bottom:12px}.rgh{background:#F4F8FB;padding:10px 14px;font-weight:700;color:#64748B;font-size:14px}
  .rrow{display:flex;justify-content:space-between;align-items:center;padding:12px 14px;border-top:1px solid var(--ln);font-weight:700;font-size:15.5px}
  .rsave{position:sticky;bottom:0;background:linear-gradient(transparent,#F4F8FB 30%);padding:10px 0 2px}.rsave .btn{min-height:48px;justify-content:center;background:#fff!important;border:1.5px solid var(--ac)!important;color:var(--ac)!important;font-weight:800;border-radius:12px!important}
  .dgl{display:flex;flex-direction:column;gap:10px;padding-bottom:90px}
  .dg{display:flex;align-items:center;gap:12px;background:#fff;border:1px solid var(--ln);border-radius:14px;padding:10px 14px;cursor:pointer}.dg.on{border:2px solid var(--ac);padding:9px 13px}
  .dg b{display:block;font-size:16px;font-weight:800}.dg small{color:var(--mu);font-size:13px}.dgdef{display:inline-block;margin-top:4px;background:var(--ac);color:#fff;font-size:11.5px;font-weight:800;padding:3px 10px;border-radius:8px}
  .rad{width:22px;height:22px;border-radius:50%;border:1.5px solid #CBD5E1;flex:none;position:relative}.rad.on{border-color:var(--ac);background:var(--ac)}.rad.on::after{content:"";position:absolute;inset:6px;border-radius:50%;background:#fff}
  .mini{width:52px;height:64px;border:1px solid var(--ln);border-radius:8px;background:#F8FBFD;padding:7px;display:flex;flex-direction:column;gap:4px;flex:none}.mini i{height:5px;width:60%;border-radius:3px}.mini b{height:8px;border-radius:3px;background:#E2E8F0}.mini b.s{width:60%}
  .admfoot{position:fixed;left:0;right:0;bottom:68px;padding:10px 16px 12px;background:#F4F8FB;z-index:5}.admfoot .btn{width:100%;min-height:48px;justify-content:center;background:#fff!important;border:1.5px solid var(--ac)!important;color:var(--ac)!important;font-weight:800;border-radius:12px!important;font-size:16px}
  .hmx{background:#fff;border:1px solid var(--ln);border-radius:14px;padding:12px 14px;margin-bottom:10px}.hmx b{font-size:16px;font-weight:800;display:block;margin-bottom:8px}
  .hmseg{display:flex;background:#E4EDF3;border-radius:10px;padding:3px;gap:2px}.hmseg button{flex:1;border:0;background:none;border-radius:8px;padding:8px 2px;font-size:12.5px;font-weight:700;color:#64748B}.hmseg button.on{background:#fff;color:var(--tx);box-shadow:0 1px 3px rgba(15,23,42,.12)}
}

@media(max-width:700px){
  html[data-mdesign="d5"] .rchips .chip{background:#fff!important;color:#475569!important;border:1px solid var(--ln)!important;border-radius:10px!important;box-shadow:none!important}
  html[data-mdesign="d5"] .rchips .chip.on{border-color:var(--ac)!important;color:var(--ac)!important}
  html[data-mdesign="d5"] .admfoot .btn,html[data-mdesign="d5"] .rsave .btn{background:#fff!important;border:1.5px solid var(--ac)!important;color:var(--ac)!important;font-weight:800;min-height:48px;border-radius:12px!important}
  html[data-mdesign="d5"] .pcard{grid-template-columns:minmax(0,1fr) 128px}
  html[data-mdesign="d5"] .pcard select{width:128px!important;max-width:128px}
  html[data-mdesign="d5"] .pcard .person{min-width:0}.pcard .pn{min-width:0;overflow:hidden}.pcard .pn small{display:block;overflow:hidden;text-overflow:ellipsis}
  .hmx b{display:block!important}
}
@media(max-width:700px){.hmx .hmseg{width:100%}body:has(.admfoot) .fab,body:has(.rsave) .fab{display:none!important}.dgl,.hmx:last-of-type{scroll-margin-bottom:90px}}
@media(max-width:700px){.hmx b{display:flex!important;align-items:center;gap:8px}.hmx b svg{width:20px;height:20px;color:var(--ac)}}
/* ===== D5 phone: compliance list ===== */
@media(max-width:700px){
  .cplist{display:flex;flex-direction:column;gap:8px}
  .cprow{display:grid;grid-template-columns:minmax(0,1fr) auto 14px;align-items:center;gap:8px;text-align:left;background:#fff;border:1px solid var(--ln);border-radius:12px;padding:11px 12px;font:inherit;width:100%;cursor:pointer}
  .cpt b{display:block;font-size:16px;font-weight:800;color:var(--tx);overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.cpt small{display:block;color:var(--mu);font-size:13px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}
  .cpchev{width:7px;height:7px;border-right:2px solid #64748B;border-bottom:2px solid #64748B;transform:rotate(45deg);margin-bottom:3px}
  html[data-mdesign="d5"] .chead.phh .cact{flex-wrap:nowrap}
}
/* ===== D5 phone: compliance / task opened popup ===== */
@media(max-width:700px){
  html[data-mdesign="d5"] .drawer .bd{display:flex;flex-direction:column}
  html[data-mdesign="d5"] .drawer .dpanel{display:flex;flex-direction:column;flex:1;border:0!important;background:none!important;box-shadow:none!important}
  html[data-mdesign="d5"] .drawer .dpanel .hdr1{display:contents}
  html[data-mdesign="d5"] .drawer .dpanel .hdr1>.btn:first-child,html[data-mdesign="d5"] .drawer .dpanel .hdr1>.dtitle,html[data-mdesign="d5"] .drawer .dpanel .hdr1>.grow{display:none}
  html[data-mdesign="d5"] .drawer .dpanel .hdr1>.ddue{display:none}
  html[data-mdesign="d5"] .drawer .dpanel .hdr1>.status-sel,html[data-mdesign="d5"] .drawer .dpanel .hdr1>*:nth-child(4){order:1}
  html[data-mdesign="d5"] .drawer .dpanel .ind2{order:3;padding:0!important}
  html[data-mdesign="d5"] .drawer .dpanel .hbtns{order:9;display:flex;gap:8px;flex-wrap:wrap;margin-top:18px;padding-top:12px}
  html[data-mdesign="d5"] .drawer .dpanel .hbtns .btn{min-height:42px;border:1px solid var(--ln)!important;background:#fff!important;color:var(--tx)!important;font-weight:700;border-radius:10px!important;padding:0 14px}
  html[data-mdesign="d5"] .drawer .dpanel .hbtns .btn.primary{border-color:var(--ac)!important;color:var(--ac)!important}
  html[data-mdesign="d5"] .drawer .dpanel .dcols{display:block}
  html[data-mdesign="d5"] .drawer .dpanel select.status-sel{min-height:46px;border:1px solid var(--ln)!important;border-radius:10px!important;background:#fff!important;font-weight:700;width:100%;margin-bottom:10px}
}
@media(max-width:700px){html[data-mdesign="d5"] .drawer .dpanel>.dsub{order:-2;margin:-2px 0 10px}html[data-mdesign="d5"] .drawer .dpanel>.dchips{order:-1}html[data-mdesign="d5"] .drawer .dpanel .dwho{order:1;display:none}}
@media(max-width:700px){html[data-mdesign="d5"] .drawer{display:flex!important;flex-direction:column}html[data-mdesign="d5"] .drawer .bd{min-height:0;overflow:auto!important;flex:1 1 auto}html[data-mdesign="d5"] .drawer .dpanel{flex:0 0 auto}html[data-mdesign="d5"] .drawer .dpanel .hbtns{position:sticky;bottom:-16px;background:#fff;margin:0 -16px -16px!important;padding:12px 16px!important;border-top:1px solid var(--ln)}html[data-mdesign="d5"] .drawer .dpanel>.dsub{display:none}}
@media(max-width:700px){body:has(.drawer-scrim) .fab,body:has(.scrim) .fab{display:none!important}}
@media(max-width:700px){
  html[data-mdesign] .scrim.pg .catsw{display:flex!important;flex-direction:row!important;flex-wrap:nowrap;gap:8px}
  html[data-mdesign] .scrim.pg .catsw button{flex:1 1 0;width:auto!important;height:38px!important;min-width:0;border-radius:10px!important;border:2px solid transparent!important;padding:0}
  html[data-mdesign] .scrim.pg .catsw button.on{outline:2px solid #0F172A;outline-offset:1px}
  html[data-mdesign] .scrim.pg .catprev{display:flex;align-items:center;gap:10px;background:#fff;border:1px solid var(--ln);border-radius:12px;padding:10px 12px}
  html[data-mdesign] .scrim.pg .cpn{width:28px;height:28px;border-radius:8px;display:grid;place-items:center;color:#fff;font-weight:800}
  html[data-mdesign] .scrim.pg .catprev small{margin-left:auto}
}
@media(max-width:700px){html[data-mdesign] .scrim.pg .catsw{width:100%!important;min-width:100%}html[data-mdesign] .scrim.pg .catsw button{flex:1 1 30px!important;min-width:30px!important}html[data-mdesign] .scrim.pg .catprev b{color:#0F172A!important}html[data-mdesign] .scrim.pg .catprev small{color:#64748B!important}}
@media(max-width:700px){
  .frows{display:flex;flex-direction:column;gap:8px}
  .frow{display:grid;grid-template-columns:auto minmax(0,1fr) auto 14px;align-items:center;gap:10px;text-align:left;background:#fff;border:1px solid var(--ln);border-radius:12px;padding:11px 12px;font:inherit;width:100%;cursor:pointer}
  .frow .ft{grid-column:auto;min-width:0}.frow>.ft:first-child{grid-column:1 / 3}
  .ft b{display:block;font-size:16px;font-weight:800;color:var(--tx);overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.ft small{display:block;color:var(--mu);font-size:13px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}
  /* calendar as one card */
  html[data-mdesign="d5"] .calwrap{background:#fff!important;border:1px solid var(--ln);border-radius:14px;padding:4px 0 6px;overflow:hidden}
  html[data-mdesign="d5"] .calwrap .cal-bar,html[data-mdesign="d5"] .calwrap .cal2{border:0!important;border-radius:0!important;margin:0!important}
}
@media(max-width:700px){
  html[data-mdesign="d5"] .content:has(.calwrap) .chead{display:none!important}
  html[data-mdesign="d5"] .calwrap .cd{display:flex!important;flex-direction:column;align-items:center;justify-content:flex-start;padding-top:2px}
  html[data-mdesign="d5"] .calwrap .cd .dots{display:flex!important;justify-content:center;gap:3px;position:static!important;margin-top:2px;width:100%}
}
@media(max-width:700px){
  html[data-mdesign="d5"] .scrim.pk-anchor{align-items:flex-start!important;padding:58px 14px 0!important}
  html[data-mdesign="d5"] .scrim.pk-anchor.pk-left{justify-content:flex-start!important}
  html[data-mdesign="d5"] .scrim.pk-anchor.pk-right{justify-content:flex-end!important}
  html[data-mdesign="d5"] .scrim.menu-scrim{align-items:flex-start!important;padding:68px 14px 0!important}
  html[data-mdesign="d5"] .fab{display:none!important}
}

@media(max-width:700px){
  html[data-mdesign="d5"] .calwrap{background:transparent!important;border:0!important;padding:0!important;overflow:visible}
  html[data-mdesign="d5"] .calwrap .cal-bar{background:#fff!important;border:1px solid var(--ln)!important;border-bottom:0!important;border-radius:14px 14px 0 0!important}
  html[data-mdesign="d5"] .calwrap .cal2{background:#fff!important;border:1px solid var(--ln)!important;border-top:0!important;border-radius:0 0 14px 14px!important;padding:0 8px 10px!important}
  html[data-mdesign="d5"] .calwrap .cd{height:36px!important;min-height:36px!important;padding-top:0}
  html[data-mdesign="d5"] .calwrap .cd.h{height:24px!important}
  html[data-mdesign="d5"] .calwrap .cd .n{width:26px;height:26px;font-size:14px}
  html[data-mdesign="d5"] .calwrap .cd .dots i{width:5px;height:5px}
  html[data-mdesign="d5"] .calwrap .cal-layout{background:transparent!important}
  html[data-mdesign="d5"] .calwrap .rday,html[data-mdesign="d5"] .calwrap .cal-layout>div:last-child{background:transparent!important;border:0!important;box-shadow:none!important;padding:0!important;margin-top:16px}
  html[data-mdesign="d5"] .scrim.dl{align-items:flex-start!important;padding-top:140px!important}
  html[data-mdesign="d5"] .scrim.dl .modal footer{display:flex!important;justify-content:flex-end;gap:10px}
  html[data-mdesign="d5"] .scrim.dl .modal footer .btn{flex:0 0 auto!important;width:auto!important;padding:0 20px}
}
@media(max-width:700px){
  .pvbar{padding:14px 14px 12px!important}.pvbar b{font-size:16px;font-weight:700}.pvbar .btn{min-height:38px;padding:0 16px;border:1px solid var(--ln)!important;border-radius:9px!important;background:#fff!important;font-weight:700}.pvbar .btn.primary{border-color:var(--ac)!important;color:var(--ac)!important}
  .pvov{background:#E2E8F0}
  .pvpage{flex:0 1 auto!important;max-height:calc(100% - 118px);margin:14px 16px!important;padding:16px 16px 20px!important;border-radius:4px!important}
  .pvpage .pr-brand{display:flex;align-items:center;gap:10px;border-bottom:1px solid #E2E8F0;padding-bottom:12px;margin-bottom:12px}
  .pvpage .pr-logo .prl{display:grid;place-items:center;width:34px;height:34px;border-radius:9px;background:#0284C7}.pvpage .pr-logo svg{width:20px;height:20px}
  .pvpage .pr-bn{flex:1}.pvpage .pr-bn b{display:block;font-size:13px}.pvpage .pr-bn small{font-size:11px;color:#64748B}.pvpage .pr-pd{font-size:11px;color:#64748B}
  .pvpage h1{font-size:17px;font-weight:800;margin:0 0 8px!important}
  .pvpage .pr-meta tr{border-bottom:1px solid #EDF2F7}.pvpage .pr-meta th,.pvpage .pr-meta td{padding:6px 8px 6px 0!important;font-size:12.5px}
  .pvpage section h2{font-size:11.5px!important;color:#64748B;font-weight:800;margin:14px 0 4px!important}.pvpage section ul{list-style:none;padding:0;margin:0}.pvpage section p,.pvpage section li{font-size:12.5px;margin:2px 0}
  .pvpage .pr-foot{margin-top:18px;font-size:11px;color:#94A3B8}
}
@media(max-width:700px){
  html[data-mdesign="d5"] .dmtr{box-shadow:inset 3px 0 0 var(--rc,transparent)}
  html[data-mdesign="d5"] .dmtr.sel::before{display:none}
  html[data-mdesign="d5"] .dmtr.sel{box-shadow:inset 3px 0 0 #2563EB;background:#F1F7FC}
  html[data-mdesign="d5"] .dmtr.sub{min-height:32px!important}
  html[data-mdesign="d5"] .dmtr.sub .dmtl{font-size:14.5px;font-weight:600}
  html[data-mdesign="d5"] .dmtr .dmn{width:24px;height:24px;border-radius:7px;font-size:12px}
  html[data-mdesign="d5"] .dmtr .dmtl{font-size:15px}
  html[data-mdesign="d5"] .dmtr.sub{padding-left:46px!important}
  html[data-mdesign="d5"] .dmtr.sub ~ .dmtr.sub{}
  html[data-mdesign="d5"] .scrim.menu-scrim .modal{min-height:calc(100vh - 160px)}
}
@media(max-width:700px){
  html[data-mdesign="d5"] .drawer{align-self:flex-start!important;margin:0!important}
  html[data-mdesign="d5"] .scrim.pg .field input[type=file]{display:flex!important;justify-content:center;align-items:flex-start;border-style:dashed!important;outline:none!important;box-shadow:none!important}
  html[data-mdesign="d5"] .scrim.pg .field input[type=file]:focus{border-color:#9CC3DD!important;box-shadow:none!important}
  html[data-mdesign="d5"] .scrim.pg .field input[type=file]::file-selector-button{margin-top:38px!important;font-size:15px!important}
  html[data-mdesign="d5"] .scrim.pg .field input:not([type=file]):not([type=checkbox]),html[data-mdesign="d5"] .scrim.pg .field select{font-size:15px!important;font-weight:500;color:var(--tx)}
  html[data-mdesign="d5"] .scrim.pg .field select{appearance:none;-webkit-appearance:none;background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='%23334155' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='M6 9l6 6 6-6'/%3E%3C/svg%3E")!important;background-repeat:no-repeat!important;background-position:right 12px center!important;background-size:18px!important;padding-right:38px!important}
}
@media(max-width:700px){
  .hd-t{min-width:0;flex:1}.hsub{color:var(--mu);font-size:13px;margin-top:2px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.hsub.hidden{display:none}
  .drawer header{align-items:flex-start}
  .dh{color:#64748B!important;font-size:13px!important;font-weight:700!important}
  .dver b{font-weight:800}
}
@media(max-width:700px){
  .strow{min-height:36px!important;font-size:14.5px!important}.strow.d0{min-height:40px!important;font-size:15.5px!important}
  .strow.d1{padding-left:34px!important}.strow.d2{padding-left:56px!important}.strow.d3{padding-left:78px!important}
  .dsteps span{padding:6px 2px;font-size:12.5px;border-radius:9px}.dstb{padding:9px 14px;font-size:14.5px;border-radius:9px}
  .dfoot{position:sticky;bottom:-16px;background:#fff;margin:14px -16px -16px!important;padding:12px 16px!important;border-top:1px solid var(--ln)}
}
@media(max-width:700px){
  html[data-mdesign="d5"] .rchips{display:flex;flex-wrap:wrap;gap:8px;margin:0 0 14px}
  html[data-mdesign="d5"] .rchips .chip{padding:7px 13px!important;font-size:13px!important;min-height:0!important;border-radius:9px!important}
  html[data-mdesign="d5"] .rrow{min-height:45px!important;padding:0 14px!important;font-size:14px!important}
  html[data-mdesign="d5"] .rgh{padding:9px 14px!important;font-size:12.5px!important}
  html[data-mdesign="d5"] .hmx{padding:12px 12px 10px!important;margin-bottom:10px!important}
  html[data-mdesign="d5"] .hmx>b{font-size:14.5px!important;margin-bottom:8px!important}
  html[data-mdesign="d5"] .hmseg button{white-space:nowrap!important;font-size:12.5px!important;padding:7px 2px!important;min-height:0!important;line-height:1.2!important}
  html[data-mdesign="d5"] .dchips{flex-wrap:nowrap!important;gap:6px!important;overflow:hidden}
  html[data-mdesign="d5"] .dchips span{font-size:12px!important;padding:5px 9px!important;white-space:nowrap}
  html[data-mdesign="d5"] .dchips span:nth-child(3){display:none}
  html[data-mdesign="d5"] .drawer .hbtns,html[data-mdesign="d5"] .drawer .dact{flex-wrap:wrap!important;gap:8px!important}
  html[data-mdesign="d5"] .cprow{padding:11px 14px!important}
}
@media(max-width:700px){
  html[data-mdesign="d5"] .scrim.pg .sw,html[data-mdesign="d5"] .scrim.pg .swatches{margin-bottom:22px!important}
  html[data-mdesign="d5"] .drawer .dpanel{padding-bottom:84px!important}
  html[data-mdesign="d5"] .drawer .dpanel>.row:last-child,html[data-mdesign="d5"] .drawer .dfoot2{position:sticky;bottom:0;background:#fff;padding:10px 0!important}
}
@media(max-width:700px){
  html[data-mdesign="d5"] .drawer .hbtns{bottom:0!important;margin-bottom:0!important;display:flex!important;flex-wrap:wrap;background:#fff;padding:10px 0!important}
  html[data-mdesign="d5"] .drawer .dpanel{padding-bottom:0!important}
}
@media(max-width:700px){
  .pcards{display:grid!important;grid-auto-flow:column;grid-template-rows:repeat(2,auto);grid-auto-columns:calc(50% - 6px);gap:10px;overflow-x:auto;scroll-snap-type:x proximity;-webkit-overflow-scrolling:touch;padding:2px 2px 10px;margin:4px 0 6px;scrollbar-width:none}
  .pcards::-webkit-scrollbar{display:none}
  .pcards .ccard{scroll-snap-align:start;min-height:0!important;width:auto}
  .pcth{display:flex;align-items:baseline;justify-content:space-between;margin:8px 2px 8px}.pcth b{font-size:15px}.pcth small{color:var(--mu)}
}
@media(max-width:700px){
  html[data-mdesign="d5"] .chead h1{color:#0B1B2E!important;font-size:22px!important;letter-spacing:-.01em}
  html[data-mdesign="d5"] .lane{background:#fff!important;border:1px solid var(--ln)!important;border-radius:14px!important;padding:12px!important;margin-bottom:12px}
  html[data-mdesign="d5"] .lane .tcard{padding:11px 13px!important;margin:0 0 9px!important;background:#fff!important;border:1px solid var(--ln)!important;border-radius:12px!important;box-shadow:none!important;display:block}
  html[data-mdesign="d5"] .lane .tcard>*{margin:0 0 4px}.lane .tcard>*:last-child{margin-bottom:0}
  html[data-mdesign="d5"] .lane .tcard b,html[data-mdesign="d5"] .lane .tcard .tt{font-size:14.5px;line-height:1.3}
  html[data-mdesign="d5"] .chead .tabs,html[data-mdesign="d5"] .chead [role=tablist]{margin-top:8px}
}
@media(max-width:700px){html[data-mdesign] .chead h1{color:#0B1B2E!important;-webkit-text-fill-color:#0B1B2E!important;background:none!important;-webkit-background-clip:border-box!important;background-clip:border-box!important}}