/* Version 2: CRM look (Pipedrive / Attio style). Loaded after style.css and only overrides it:
   neutral greys, one indigo accent, icon rail + views panel + top bar, KPI cards with mini charts,
   a status pipeline, a board view and a case panel. White by default; dark on the same toggle. */
:root{
  --bg:#f7f8fa; --panel:#fff; --raise:#f9fafb;
  --ink:#101828; --muted:#667085; --faint:#98a2b3; --hd:#101828;
  --line:#eaecf0; --line2:#d0d5dd;
  --accent:#4f46e5; --accent-2:#6366f1; --accent-soft:#eef2ff; --violet:#4f46e5;
  --prism:linear-gradient(90deg,#4f46e5,#4f46e5);
  --th:#f9fafb; --td:#fff; --band:#fafbfc; --hover:#f5f7ff; --th-hover:#f2f4f7;
  --key-bg:#f9fafb; --virt-bg:#f5f3ff; --virt-hover:#ede9fe; --tfoot-bg:#f9fafb;
  --glass:#fff; --glass2:#f9fafb; --glass3:#fcfcfd;
  --card-bg:#fff; --body-bg:#f7f8fa; --vbar-bg:#fff; --pdf-bg:#eef0f4;
  --shadow:rgba(16,24,40,.06); --shadow2:rgba(16,24,40,.12);
  --rail:#0f172a; --rail-ink:#94a3b8; --panel-bg:#fff; --grp:#f2f4f7; --grp-ink:#344054;
  --c-case:#2e90fa; --c-print:#f79009; --c-postal:#7a5af8;
  --display:Inter,"Segoe UI",sans-serif;
}
html[data-theme="dark"]{
  --bg:#0b0d12; --panel:#12151c; --raise:#161a23;
  --ink:#e6e8ee; --muted:#98a2b3; --faint:#667085; --hd:#f2f4f7;
  --line:#222733; --line2:#2e3443;
  --accent:#818cf8; --accent-2:#a5b4fc; --accent-soft:rgba(129,140,248,.14); --violet:#818cf8;
  --prism:linear-gradient(90deg,#818cf8,#818cf8);
  --th:#151922; --td:#12151c; --band:#141820; --hover:#1a2030; --th-hover:#1b2130;
  --key-bg:#151922; --virt-bg:#1b1a33; --virt-hover:#24224a; --tfoot-bg:#151922;
  --glass:#151922; --glass2:#1a1f2a; --glass3:#141821;
  --card-bg:#12151c; --body-bg:#0b0d12; --vbar-bg:#12151c; --pdf-bg:#0b0d12;
  --shadow:rgba(0,0,0,.35); --shadow2:rgba(0,0,0,.6);
  --rail:#07080c; --rail-ink:#667085; --panel-bg:#0f1218; --grp:#181c26; --grp-ink:#d0d5dd;
}
body.crm-body{background:var(--bg)}
.card::before,.hero::before{display:none}
.card{border-radius:12px;border-color:var(--line);box-shadow:0 1px 2px var(--shadow);background:var(--card-bg);backdrop-filter:none}

/* ---------- shell: icon rail + views panel + top bar ---------- */
.crm{display:grid;grid-template-columns:60px 236px minmax(0,1fr);min-height:100vh;transition:grid-template-columns .25s ease}
html.nav-collapsed .crm{grid-template-columns:60px 0 minmax(0,1fr)}
.rail{background:var(--rail);display:flex;flex-direction:column;align-items:center;gap:6px;padding:14px 0;position:sticky;top:0;height:100vh}
.rail a{width:38px;height:38px;border-radius:10px;display:grid;place-items:center;color:var(--rail-ink);transition:background-color .2s,color .2s}
.rail a:hover{background:rgba(255,255,255,.08);color:#fff}
.rail a.on{background:rgba(99,102,241,.22);color:#fff;box-shadow:inset 0 0 0 1px rgba(129,140,248,.4)}
.rail .ico{width:18px;height:18px}
.rail .rail-logo{background:var(--accent);color:#fff;margin-bottom:12px;box-shadow:0 6px 16px -6px rgba(79,70,229,.8)}
.rail .rail-logo svg{width:18px;height:18px}
.rail .sp{flex:1}
.panel{background:var(--panel-bg);border-right:1px solid var(--line);padding:16px 12px;position:sticky;top:0;height:100vh;overflow:hidden;white-space:nowrap}
html.nav-collapsed .panel{padding:16px 0;border-right:0}
.ws{display:flex;align-items:center;gap:10px;padding:4px 6px 16px;border-bottom:1px solid var(--line);margin-bottom:12px}
.ws-mark{width:30px;height:30px;border-radius:8px;background:linear-gradient(135deg,#4f46e5,#7c3aed);color:#fff;font-weight:700;display:grid;place-items:center}
.ws-t{display:flex;flex-direction:column;line-height:1.2}
.ws-t b{font-size:14px;color:var(--hd)} .ws-t span{font-size:12px;color:var(--muted)}
.ws .navtog{margin-left:auto;color:var(--faint)}
.ws .navtog:hover{background:var(--glass2);color:var(--ink)}
html.nav-collapsed .navtog svg{transform:none}
.pn-h{font-size:11px;font-weight:600;text-transform:uppercase;letter-spacing:.08em;color:var(--faint);margin:14px 8px 6px}
.views a{display:flex;align-items:center;gap:10px;padding:8px 9px;border-radius:8px;color:var(--ink);text-decoration:none;font-size:13.5px;font-weight:500;margin-bottom:1px;transition:background-color .15s,color .15s}
.views a:hover{background:var(--glass2)}
.views a.on{background:var(--accent-soft);color:var(--accent);font-weight:600}
.views a b{margin-left:auto;font-size:12px;font-weight:600;color:var(--muted);background:var(--glass2);border:1px solid var(--line);border-radius:999px;padding:0 8px;min-width:24px;text-align:center}
.views a.on b{color:var(--accent);border-color:transparent;background:#fff}
html[data-theme="dark"] .views a.on b{background:rgba(255,255,255,.06)}
.views a b.hot{color:#d92d20;background:#fef3f2;border-color:#fecdca}
html[data-theme="dark"] .views a b.hot{background:rgba(240,68,56,.12);border-color:rgba(240,68,56,.3);color:#f97066}
.views .ico{width:16px;height:16px;color:var(--muted)}
.vd{width:8px;height:8px;border-radius:50%;flex:none;margin:0 4px}
.vd.all,.kd.b{background:#2e90fa}
.vd.r,.kd.r{background:#f04438}
.vd.a,.kd.a{background:#f79009}
.vd.b{background:#2e90fa}
.vd.g,.kd.g{background:#12b76a}
.kd.v{background:#7a5af8}
.pn-foot{position:absolute;bottom:14px;left:20px;font-size:11.5px;color:var(--faint)}
.mainwrap{min-width:0;display:flex;flex-direction:column}
.topbar{position:sticky;top:0;z-index:20;height:56px;display:flex;align-items:center;gap:12px;padding:0 28px;background:color-mix(in srgb,var(--panel) 88%,transparent);backdrop-filter:blur(10px);border-bottom:1px solid var(--line)}
.crumbs{display:flex;align-items:center;gap:8px;font-size:13.5px;color:var(--muted)}
.crumbs i{font-style:normal;color:var(--faint)} .crumbs b{color:var(--hd);font-weight:600}
.topbar .theme-tog{width:34px;height:34px;border-radius:9px;box-shadow:none}
.me{width:32px;height:32px;border-radius:50%;background:linear-gradient(135deg,#4f46e5,#7c3aed);color:#fff;font-weight:700;font-size:13px;display:grid;place-items:center;box-shadow:0 0 0 2px var(--panel),0 0 0 3px var(--line2)}
.crm .main{padding:24px 28px 44px}

/* ---------- page header + upload ---------- */
.phead{display:flex;align-items:center;gap:16px;flex-wrap:wrap;margin-bottom:20px}
.phead h1{font-family:var(--display);font-size:26px;letter-spacing:-.02em;color:var(--hd)}
.up2{display:flex;align-items:center;gap:8px;margin:0;padding:6px;border:1.5px dashed transparent;border-radius:12px;background:none;box-shadow:none;flex-wrap:nowrap}
.up2:hover{border-color:var(--line2)}
.up2.drag{border-color:var(--accent);background:var(--accent-soft)}
.up2 .btn.p{display:inline-flex;align-items:center;gap:7px}
.btn.p{background:var(--accent);border-color:var(--accent);box-shadow:0 1px 2px rgba(16,24,40,.08),0 4px 12px -4px rgba(79,70,229,.45)}
.btn.p:hover{background:#4338ca;box-shadow:0 6px 16px -6px rgba(79,70,229,.6)}
html[data-theme="dark"] .btn.p{color:#0b0d12;font-weight:700} html[data-theme="dark"] .btn.p:hover{background:#a5b4fc}
.btn{border-radius:8px;box-shadow:0 1px 2px var(--shadow)}

/* ---------- KPI cards with mini charts ---------- */
.kpis2{display:grid;grid-template-columns:repeat(4,1fr);gap:14px;margin-bottom:14px}
.k2{background:var(--card-bg);border:1px solid var(--line);border-radius:12px;padding:15px 16px 12px;box-shadow:0 1px 2px var(--shadow);position:relative;overflow:hidden;
  transition:transform .2s,box-shadow .2s,border-color .2s;animation:rise .55s cubic-bezier(.2,.7,.2,1) both}
.k2:nth-child(2){animation-delay:.06s} .k2:nth-child(3){animation-delay:.12s} .k2:nth-child(4){animation-delay:.18s}
.k2:hover{transform:translateY(-2px);box-shadow:0 10px 24px -14px var(--shadow2);border-color:var(--line2)}
.k2h{display:flex;align-items:center;justify-content:space-between;font-size:13px;font-weight:500;color:var(--muted)}
.kd{width:8px;height:8px;border-radius:50%;display:inline-block;flex:none}
.k2>b{display:block;font-size:26px;font-weight:700;letter-spacing:-.02em;color:var(--hd);margin-top:6px;font-variant-numeric:tabular-nums}
.k2s{font-size:12.5px;color:var(--muted);margin-top:2px}
.spark{display:block;width:100%;height:34px;margin-top:10px;overflow:visible}
.spark .sb{fill:#c7d2fe;transform-origin:bottom;transform-box:fill-box;animation:barup .7s cubic-bezier(.2,.7,.2,1) both;animation-delay:calc(var(--i) * 80ms + .3s)}
.k2:hover .spark .sb{fill:var(--accent)}
.spark .sl{fill:none;stroke:#12b76a;stroke-width:2;stroke-linejoin:round;stroke-linecap:round;stroke-dasharray:300;stroke-dashoffset:300;animation:draw 1.2s ease .3s forwards}
.spark .sa{fill:rgba(18,183,106,.1)}
.split{display:flex;height:8px;border-radius:6px;overflow:hidden;margin-top:22px;background:var(--glass2)}
.split span{transform-origin:left;animation:grow .9s cubic-bezier(.2,.7,.2,1) .3s both}
.split .b1{background:#7a5af8} .split .b2{background:#c4b5fd}
.k2.hot{cursor:pointer;border-color:#fecdca;background:linear-gradient(180deg,#fff,#fffbfa)}
html[data-theme="dark"] .k2.hot{border-color:rgba(240,68,56,.35);background:linear-gradient(180deg,#12151c,#1a1414)}
#attn{cursor:pointer}
#attn.on{border-color:#f04438;box-shadow:0 0 0 3px rgba(240,68,56,.15)}
.ring{display:flex;align-items:center;gap:10px;margin-top:10px}
.ring span{--p:0;width:100%;height:8px;border-radius:6px;background:linear-gradient(90deg,#f04438 calc(var(--p) * 1%),var(--glass2) 0)}
.ring .go{font-style:normal;font-size:12.5px;font-weight:600;color:#d92d20;white-space:nowrap}

/* ---------- pipeline (status stages) ---------- */
.pipe{display:grid;grid-template-columns:repeat(4,1fr);gap:0;background:var(--card-bg);border:1px solid var(--line);border-radius:12px;margin-bottom:14px;overflow:hidden;box-shadow:0 1px 2px var(--shadow)}
.stg{position:relative;text-align:left;border:0;background:none;padding:13px 18px 12px;cursor:pointer;font:inherit;color:inherit;display:flex;flex-direction:column;gap:5px;transition:background-color .15s}
.stg+.stg{border-left:1px solid var(--line)}
.stg+.stg::before{content:"";position:absolute;left:-7px;top:50%;width:12px;height:12px;background:var(--card-bg);border-top:1px solid var(--line);border-right:1px solid var(--line);transform:translateY(-50%) rotate(45deg);z-index:1}
.stg:hover{background:var(--glass2)}
.stg.on{background:var(--accent-soft)}
.stg-h{display:flex;align-items:center;gap:8px;font-size:12.5px;font-weight:600;color:var(--muted)}
.stg-n{font-size:20px;font-weight:700;color:var(--hd);display:flex;align-items:baseline;gap:8px}
.stg-n small{font-size:12.5px;font-weight:500;color:var(--muted)}
.stg-bar{height:4px;background:var(--glass2);border-radius:4px;overflow:hidden}
.stg-bar span{display:block;height:100%;border-radius:4px;transform-origin:left;animation:grow .8s cubic-bezier(.2,.7,.2,1) .2s both}
.stg.a .stg-bar span{background:#f79009} .stg.b .stg-bar span{background:#2e90fa} .stg.g .stg-bar span{background:#12b76a} .stg.r .stg-bar span{background:#f04438}

/* ---------- cases card: tabs, sheet, board ---------- */
.cases2 .hd{padding:10px 16px}
.tabs{display:inline-flex;gap:2px;background:var(--glass2);border:1px solid var(--line);border-radius:9px;padding:3px}
.tabs button{display:inline-flex;align-items:center;gap:6px;border:0;background:none;font:inherit;font-size:13px;font-weight:600;color:var(--muted);padding:6px 12px;border-radius:7px;cursor:pointer;transition:background-color .15s,color .15s,box-shadow .15s}
.tabs button.on{background:var(--card-bg);color:var(--hd);box-shadow:0 1px 3px var(--shadow2)}
.tabs .ico{width:15px;height:15px}
.search:focus{border-color:var(--accent);box-shadow:0 0 0 3px rgba(79,70,229,.15)}
.seg button.on{background:var(--accent);box-shadow:none}
html[data-theme="dark"] .seg button.on{color:#0b0d12}
.sheetbar{background:var(--raise)}
.attn-bar.calm{background:var(--accent-soft);color:var(--accent);border-bottom-color:var(--line)}
html .crm-body .sheet tr.grp th.grp,html .crm-body .l-stack .stack h3{background:var(--grp);color:var(--grp-ink);border-top:3px solid var(--c-case)}
.crm-body .sheet tr.grp th.grp[data-mod="print"],.crm-body .l-stack .stack h3[data-mod="print"]{border-top-color:var(--c-print)}
.crm-body .sheet tr.grp th.grp[data-mod="postal"],.crm-body .l-stack .stack h3[data-mod="postal"]{border-top-color:var(--c-postal)}
.crm-body .xbtn{border-color:var(--line2);background:var(--card-bg);color:var(--accent)}
.crm-body .xbtn:hover{background:var(--accent-soft)}
.crm-body .sheet tbody tr[data-id]{cursor:pointer}
.crm-body .sheet .rn{background:var(--accent-soft);color:var(--accent)}
.crm-body .sheet tfoot td{border-top-color:var(--line2)}
.crm-body .sheet .jobid{color:var(--accent);background-image:linear-gradient(var(--accent),var(--accent))}
.board{display:grid;grid-template-columns:repeat(4,minmax(220px,1fr));gap:12px;padding:14px;overflow-x:auto;background:var(--raise)}
.board.swap{animation:swap .35s ease both}
.bcol{background:var(--glass2);border:1px solid var(--line);border-radius:12px;padding:10px;display:flex;flex-direction:column;gap:9px;min-height:180px}
.bcol-h{display:flex;align-items:center;gap:8px;padding:2px 4px 4px;font-size:13px}
.bcol-h b{color:var(--hd)} .bcol-h .cnt{font-size:12px;color:var(--muted);background:var(--card-bg);border:1px solid var(--line);border-radius:999px;padding:0 7px}
.bcol-h .sp{flex:1}
.kc{background:var(--card-bg);border:1px solid var(--line);border-radius:10px;padding:12px;cursor:pointer;display:flex;flex-direction:column;gap:6px;box-shadow:0 1px 2px var(--shadow);
  transition:transform .18s,box-shadow .18s,border-color .18s;animation:rise .45s cubic-bezier(.2,.7,.2,1) both;animation-delay:calc(var(--i) * 60ms)}
.kc:hover{transform:translateY(-2px);box-shadow:0 12px 24px -14px var(--shadow2);border-color:var(--line2)}
.kc.flagged{box-shadow:inset 3px 0 0 #f04438,0 1px 2px var(--shadow)}
.kc-top{display:flex;align-items:center;gap:8px;justify-content:space-between}
.kc .jobid{font-size:13.5px;color:var(--accent)}
.kc .pill{font-size:11px;padding:1px 8px}
.kc-m{font-weight:600;font-size:13.5px;color:var(--hd)} .kc-d{font-size:12.5px;color:var(--muted);margin-top:-4px}
.kc-tags .tags{display:flex;flex-wrap:wrap;gap:4px} .kc-tags .pc{margin-top:4px}
.kc .flag{margin:0;white-space:normal;cursor:inherit}
.kc-foot{display:flex;align-items:center;gap:8px;border-top:1px dashed var(--line);padding-top:8px;margin-top:2px;font-size:12.5px}
.kc-foot .sp{flex:1} .kc-foot b{color:var(--hd)}
.avs{display:flex}
.avs span{width:24px;height:24px;border-radius:50%;display:grid;place-items:center;font-size:10px;font-weight:700;color:#fff;background:#7a5af8;border:2px solid var(--card-bg);margin-left:-6px}
.avs span:first-child{margin-left:0;background:#2e90fa} .avs span:nth-child(3){background:#f79009}
.bempty{font-size:12.5px;color:var(--faint);text-align:center;padding:24px 0;border:1px dashed var(--line2);border-radius:10px}

/* ---------- case panel (drawer) ---------- */
.drawer-bg{position:fixed;inset:0;background:rgba(16,24,40,.35);backdrop-filter:blur(2px);opacity:0;pointer-events:none;transition:opacity .25s;z-index:60}
.drawer{position:fixed;top:0;right:0;height:100vh;width:min(480px,100vw);background:var(--panel);border-left:1px solid var(--line);box-shadow:-20px 0 50px -20px var(--shadow2);
  transform:translateX(102%);transition:transform .32s cubic-bezier(.2,.7,.2,1);z-index:61;overflow-y:auto;padding:22px 22px 40px}
body.dw-open .drawer{transform:none}
body.dw-open .drawer-bg{opacity:1;pointer-events:auto}
.dw-h{display:flex;align-items:flex-start;gap:12px}
.dw-k{font-size:11.5px;font-weight:600;letter-spacing:.08em;text-transform:uppercase;color:var(--accent)}
.dw-h h2{font-size:21px;color:var(--hd);letter-spacing:-.01em;margin-top:2px}
.dw-x{margin-left:auto;width:34px;height:34px;border-radius:9px;border:1px solid var(--line);background:var(--card-bg);color:var(--muted);font-size:20px;line-height:1;cursor:pointer}
.dw-x:hover{color:var(--ink);border-color:var(--line2)}
.dw-a{display:flex;align-items:center;gap:8px;margin:16px 0 4px}
.dw-a .sp{flex:1}
.dw-exc{margin-top:12px;padding:10px 12px;border-radius:10px;background:#fef3f2;border:1px solid #fecdca;color:#b42318;font-size:13px}
html[data-theme="dark"] .dw-exc{background:rgba(240,68,56,.1);border-color:rgba(240,68,56,.35);color:#fda29b}
.drawer section{margin-top:20px}
.drawer h4{font-size:12px;font-weight:600;text-transform:uppercase;letter-spacing:.08em;color:var(--muted);margin-bottom:8px;display:flex;align-items:center;gap:6px}
.drawer h4 span{font-size:11px;background:var(--glass2);border:1px solid var(--line);border-radius:999px;padding:0 7px;color:var(--ink);letter-spacing:0}
.rlist{list-style:none;display:flex;flex-direction:column;gap:8px}
.rlist li{display:flex;gap:10px;border:1px solid var(--line);border-radius:10px;padding:10px 12px;background:var(--raise)}
.rlist .rn{display:inline-grid;place-items:center;width:22px;height:22px;border-radius:50%;background:var(--accent-soft);color:var(--accent);font-size:11px;font-weight:700;flex:none}
.rlist b{display:block;color:var(--hd);font-size:13.5px} .rlist .mut{display:block;font-size:12.5px}
.rmeta{display:flex;flex-wrap:wrap;gap:6px;margin-top:6px}
.rmeta code{font-family:Consolas,monospace;font-size:11.5px;background:var(--glass2);border:1px solid var(--line);border-radius:6px;padding:1px 6px}
.rmeta em{font-style:normal;font-size:11.5px;background:var(--accent-soft);color:var(--accent);border-radius:999px;padding:1px 8px}
.rmeta em.rc{background:rgba(18,183,106,.1);color:#067647}
html[data-theme="dark"] .rmeta em.rc{color:#47cd89}
.dgrid{display:grid;grid-template-columns:1fr 1fr;gap:1px;background:var(--line);border:1px solid var(--line);border-radius:10px;overflow:hidden}
.dgrid>div{background:var(--card-bg);padding:8px 11px;display:flex;flex-direction:column;gap:2px;min-width:0}
.dgrid span{color:var(--muted);font-size:12px} .dgrid b{font-weight:500;font-size:13px;color:var(--ink);overflow-wrap:anywhere}
.cbar{display:flex;height:10px;border-radius:6px;overflow:hidden;margin-bottom:10px;background:var(--glass2)}
.cbar span{transform-origin:left;animation:grow .8s cubic-bezier(.2,.7,.2,1) .15s both}
.cbar .p{background:#f79009} .cbar .o{background:#7a5af8} .cbar .h{background:#2e90fa}
.clist{display:grid;grid-template-columns:1fr auto;border:1px solid var(--line);border-radius:10px;overflow:hidden}
.clist dt,.clist dd{padding:8px 12px;font-size:13px;border-bottom:1px solid var(--line)}
.clist dt{color:var(--muted)} .clist dd{text-align:right;font-variant-numeric:tabular-nums;color:var(--ink)}
.clist .tot{border-bottom:0;background:var(--raise);font-weight:700;color:var(--hd)}

@keyframes barup{from{transform:scaleY(0)}to{transform:scaleY(1)}}
@keyframes draw{to{stroke-dashoffset:0}}
@media (max-width:1100px){.kpis2{grid-template-columns:1fr 1fr}.pipe{grid-template-columns:1fr 1fr}.stg:nth-child(3){border-left:0}.stg:nth-child(3)::before{display:none}}
@media (max-width:900px){
  .crm{grid-template-columns:1fr}
  .rail,.panel{display:none}
  .topbar{padding:0 16px}
  .crm .main{padding:16px}
  .board{grid-template-columns:repeat(4,240px)}
}
/* the entrance animation must not pin the panel open (its fill mode would keep transform:none) */
.main>.drawer,.main>.drawer-bg{animation:none}
.sheetbar[hidden],.board[hidden],.sheet-box[hidden],.legend[hidden]{display:none!important}

/* ---------- sections: coloured headers + light, curved separators (Ajinkya 2026-10-29) ----------
   Case = blue, Print = orange, Postal = violet. The old thick dark bar becomes a small light gap;
   the section on each side of the gap ends in a rounded line in its own colour. */
.crm-body [data-sec="case"],.crm-body [data-mod="case"]{--sec:var(--c-case)}
.crm-body [data-sec="print"],.crm-body [data-mod="print"]{--sec:var(--c-print)}
.crm-body [data-sec="postal"],.crm-body [data-mod="postal"]{--sec:var(--c-postal)}
html .crm-body .sheet tr.grp th.grp,html .crm-body .l-stack .stack h3{background:var(--sec);color:#fff;border-top:0;border-right-color:transparent;
  font-weight:700;letter-spacing:.1em;text-shadow:0 1px 0 rgba(0,0,0,.12)}
html .crm-body .sheet tr.grp th.grp{border-radius:10px 10px 0 0}
/* the gap: light, narrow, no dark bar */
html body.crm-body .sheet th.sep,html body.crm-body .sheet td.sep{width:5px;min-width:5px;max-width:5px;padding:0!important;background:var(--bg)!important;border:0!important;box-shadow:none!important}
/* curved coloured edges on both sides of the gap */
.crm-body .sheet .edge-r{box-shadow:inset -2px 0 0 var(--sec)}
.crm-body .sheet .edge-l{box-shadow:inset 2px 0 0 var(--sec)}
.crm-body .sheet .edge-r.edge-l{box-shadow:inset 2px 0 0 var(--sec),inset -2px 0 0 var(--sec)}
.crm-body .sheet td.edge-r,.crm-body .sheet th.edge-r{border-right-color:transparent}
.crm-body .sheet tfoot td.edge-r{border-bottom-right-radius:10px}
.crm-body .sheet tfoot td.edge-l{border-bottom-left-radius:10px}
.crm-body .sheet tr.grp th.edge-r,.crm-body .sheet tr.grp th.edge-l{box-shadow:none}
/* the postal header button sits on violet now */
.crm-body .sheet tr.grp .xbtn{background:rgba(255,255,255,.18);border-color:rgba(255,255,255,.45);color:#fff}
.crm-body .sheet tr.grp .xbtn:hover{background:rgba(255,255,255,.3)}
/* stacked: each section's table gets its colour on the top edge */
.crm-body .l-stack .stack .sheet-scroll{border-top:3px solid var(--sec);border-radius:0 10px 10px 10px}
.crm-body .l-stack .stack h3{border-radius:8px 8px 0 0}
html[data-theme="dark"] .crm-body [data-sec="case"],html[data-theme="dark"] .crm-body [data-mod="case"]{--sec:#3b8ff0}