/* MLF Case Platform: design system v2 */
:root{
  --ground:#F3F5F9;--surface:#FFFFFF;--surface-2:#F8FAFD;--ink:#141F33;--muted:#5D6B82;--faint:#8A97AB;--line:#E1E6EE;--line-strong:#C9D2DF;
  --navy:#1E3A5F;--navy-deep:#142A47;--navy-ink:#FFFFFF;--navy-soft:#E8EEF7;--navy-tint:#F1F5FB;
  --gold:#A47A21;--gold-soft:#FBF3DF;--ok:#237A55;--ok-soft:#E3F3EA;--warn:#A3441F;--warn-soft:#FBEBE3;--crit:#B4261D;--crit-soft:#FBE5E3;--lit:#5136A1;--lit-soft:#ECE7FA;
  --shadow:0 1px 2px rgba(20,31,51,.05),0 6px 20px -12px rgba(20,31,51,.22);--shadow-lg:0 18px 50px -24px rgba(20,31,51,.35);
  --r:14px;--r-sm:9px;--sans:"IBM Plex Sans",system-ui,-apple-system,"Segoe UI",Roboto,sans-serif;--serif:"Source Serif 4",Georgia,"Times New Roman",serif;--mono:"IBM Plex Mono",ui-monospace,Menlo,monospace;
  color-scheme:light}
@media (prefers-color-scheme:dark){:root{
  --ground:#0E141F;--surface:#161E2C;--surface-2:#1B2434;--ink:#EEF2F8;--muted:#A3AFC2;--faint:#71809A;--line:#26324A;--line-strong:#344361;
  --navy:#8DB4E8;--navy-deep:#0B1524;--navy-ink:#0B1524;--navy-soft:#1E2C43;--navy-tint:#18233A;
  --gold:#D9B45F;--gold-soft:#332B15;--ok:#63C39B;--ok-soft:#173226;--warn:#F0A184;--warn-soft:#3A2016;--crit:#FF8A80;--crit-soft:#3E1E1C;--lit:#B9A6F5;--lit-soft:#2A2444;
  --shadow:0 1px 2px rgba(0,0,0,.4),0 8px 24px -14px rgba(0,0,0,.6);--shadow-lg:0 18px 50px -24px rgba(0,0,0,.7);color-scheme:dark}}
*{box-sizing:border-box}
html,body{margin:0;background:var(--ground);color:var(--ink);font-family:var(--sans);font-size:15px;line-height:1.45;-webkit-font-smoothing:antialiased}
a{color:var(--navy)}
::selection{background:var(--navy-soft)}

/* ---------- shell ---------- */
.shell{display:grid;grid-template-columns:236px minmax(0,1fr);min-height:100dvh}
.side{background:var(--surface);border-right:1px solid var(--line);padding:16px 12px 12px;display:flex;flex-direction:column;gap:2px;position:sticky;top:0;height:100dvh;overflow:auto}
.side .brand{display:flex;align-items:center;gap:10px;text-decoration:none;color:var(--navy);padding:4px 8px 14px;margin-bottom:6px;border-bottom:1px solid var(--line)}
.side .brand .mark{width:34px;height:34px;border-radius:10px;background:var(--navy);color:#fff;display:grid;place-items:center;font-family:var(--serif);font-weight:700;font-size:18px;flex:none}
.side .brand b{font-family:var(--serif);font-weight:700;font-size:15px;line-height:1.15;display:block}.side .brand small{display:block;font-size:10.5px;letter-spacing:.12em;text-transform:uppercase;color:var(--faint);font-weight:600;margin-top:2px}
.side .grp{font-size:10.5px;letter-spacing:.12em;text-transform:uppercase;color:var(--faint);font-weight:600;padding:12px 10px 4px}
.side a:not(.brand){display:flex;align-items:center;gap:10px;text-decoration:none;color:var(--ink);padding:8px 10px;border-radius:10px;font-weight:500;font-size:14px}
.side a:not(.brand) svg{width:18px;height:18px;flex:none;color:var(--faint)}
.side a.on{background:var(--navy-soft);color:var(--navy);font-weight:600}.side a.on svg{color:var(--navy)}.side a:not(.brand):hover{background:var(--navy-tint)}
.side .pill{margin-left:auto}
.side .who{margin-top:auto;padding:10px 8px 4px;border-top:1px solid var(--line);display:flex;align-items:center;gap:10px}
.side .who .av{width:32px;height:32px;border-radius:50%;background:var(--gold-soft);color:var(--gold);display:grid;place-items:center;font-weight:700;font-size:12px;flex:none}
.side .who .nm{font-size:13.5px;font-weight:600;line-height:1.2}.side .who .rl{font-size:11.5px;color:var(--faint)}
.side .logout{margin-left:auto}.side .logout button{background:none;border:0;color:var(--muted);font:inherit;font-size:12.5px;cursor:pointer;padding:6px 8px;border-radius:8px}.side .logout button:hover{background:var(--navy-tint)}
.content{padding:22px 28px 90px;max-width:1280px;width:100%;min-width:0}
.tabbar{display:none}
@media (max-width:900px){
  .shell{grid-template-columns:1fr;max-width:100vw;overflow-x:clip}
  .side{position:sticky;top:0;height:auto;flex-direction:row;align-items:center;gap:6px;padding:8px 12px;overflow-x:auto;overflow-y:hidden;z-index:20;scrollbar-width:none}.side::-webkit-scrollbar{display:none}
  .side .brand{padding:0 8px 0 0;margin:0;border:0;border-right:1px solid var(--line)}.side .brand small,.side .grp,.side .who,.side .sidefoot{display:none}.side .brand b{font-size:13px;white-space:nowrap}
  .side a:not(.brand){padding:7px 10px;font-size:13px;white-space:nowrap}.side a:not(.brand) svg{display:none}
  .side .logout{display:none}
  .content{padding:14px 12px 96px}
  .tabbar{display:grid;grid-template-columns:repeat(5,1fr);position:fixed;bottom:0;left:0;right:0;background:var(--surface);border-top:1px solid var(--line);padding:6px 6px calc(6px + env(safe-area-inset-bottom));z-index:30}
  .tabbar a{display:flex;flex-direction:column;align-items:center;gap:2px;text-decoration:none;color:var(--faint);font-size:10.5px;font-weight:600;padding:4px 0;border-radius:10px}
  .tabbar a svg{width:22px;height:22px}.tabbar a.on{color:var(--navy);background:var(--navy-soft)}
}

/* ---------- type ---------- */
h1{font-family:var(--serif);font-weight:700;font-size:28px;margin:0 0 6px;color:var(--navy);line-height:1.12;letter-spacing:-.01em;text-wrap:balance}
h2{font-family:var(--serif);font-size:17px;margin:0;color:var(--navy);font-weight:700}
h3{font-size:11.5px;letter-spacing:.1em;text-transform:uppercase;color:var(--faint);margin:18px 0 8px;font-weight:600}
.sub{color:var(--muted);margin:0 0 16px;max-width:70ch}
.note{font-size:13px;color:var(--muted)}.muted{color:var(--muted)}.crit{color:var(--crit)}.warn{color:var(--warn)}.ok{color:var(--ok)}
.eyebrow{font-size:11px;letter-spacing:.12em;text-transform:uppercase;color:var(--faint);font-weight:600}
code,pre{font-family:var(--mono)}code{font-size:12.5px;background:var(--surface-2);border:1px solid var(--line);border-radius:5px;padding:1px 5px;word-break:break-all}pre{background:var(--surface-2);border:1px solid var(--line);padding:12px;border-radius:10px;overflow:auto;font-size:12.5px}
.mono,td.mono{font-family:var(--mono);font-size:12.5px;white-space:nowrap;font-variant-numeric:tabular-nums}

/* ---------- feedback ---------- */
.flash{border-radius:12px;padding:11px 14px;margin-bottom:12px;font-size:14px;display:flex;gap:10px;align-items:flex-start;background:var(--surface);border:1px solid var(--line)}
.flash::before{content:"";width:8px;height:8px;border-radius:50%;background:var(--navy);flex:none;margin-top:7px}
.flash.ok{background:var(--ok-soft);color:var(--ok);border-color:transparent}.flash.ok::before{background:var(--ok)}
.flash.err{background:var(--warn-soft);color:var(--warn);border-color:transparent}.flash.err::before{background:var(--crit)}
.flash>div,.flash>span,.flash>b{min-width:0}
.flash.install::before{display:none}.flash.install{align-items:center;justify-content:space-between;gap:10px}
.flash.alert{background:var(--crit-soft);color:var(--crit);border:0;border-left:4px solid var(--crit);border-radius:10px;flex-direction:column;gap:2px}.flash.alert::before{display:none}.flash.alert a{color:inherit;font-weight:600}

/* ---------- cards ---------- */
.tiles{display:grid;grid-template-columns:repeat(auto-fit,minmax(150px,1fr));gap:12px;margin-bottom:18px}
.tile{background:var(--surface);border:1px solid var(--line);border-radius:var(--r);padding:14px 16px;box-shadow:var(--shadow);text-decoration:none;color:var(--ink);display:block;position:relative;overflow:hidden}
.tile .n{font-family:var(--serif);font-size:30px;font-weight:700;line-height:1;font-variant-numeric:tabular-nums;letter-spacing:-.01em}.tile .l{font-size:11px;letter-spacing:.08em;text-transform:uppercase;color:var(--faint);font-weight:600;margin-top:8px}
.tile.crit .n{color:var(--crit)}.tile.warn .n{color:var(--warn)}.tile.ok .n{color:var(--ok)}
a.tile:hover{border-color:var(--line-strong);box-shadow:var(--shadow-lg)}
.panel{background:var(--surface);border:1px solid var(--line);border-radius:var(--r);box-shadow:var(--shadow);margin-bottom:16px;overflow:hidden}
.panel>h2{padding:12px 18px;border-bottom:1px solid var(--line);display:flex;justify-content:space-between;align-items:center;gap:10px;font-size:15.5px;background:var(--surface)}
.panel>h2 .note{font-family:var(--sans);font-weight:400;text-align:right}
.panel .body{padding:14px 18px}
.empty{padding:22px 18px;color:var(--muted);font-size:14px;text-align:center}
.kv{display:grid;grid-template-columns:150px 1fr;gap:6px 12px;font-size:14px}.kv .k{color:var(--muted)}

/* ---------- lists ---------- */
.dl{display:grid;grid-template-columns:repeat(auto-fill,minmax(250px,1fr))}.dl .item{padding:10px 18px;border-bottom:1px solid var(--line);border-right:1px solid var(--line);display:flex;gap:12px;align-items:center;text-decoration:none;color:var(--ink)}.dl .item:hover{background:var(--navy-tint)}.dl .d{font-family:var(--mono);font-size:12.5px;min-width:64px;font-weight:600}.dl .t{font-size:14px;min-width:0;display:-webkit-box;-webkit-line-clamp:3;-webkit-box-orient:vertical;overflow:hidden}.dl .t small{display:block;color:var(--muted);font-size:12.5px}
.toolbar{display:flex;gap:8px;flex-wrap:wrap;align-items:center;padding:12px 18px;border-bottom:1px solid var(--line);background:var(--surface-2)}
.toolbar input[type=text]{font:inherit;font-size:14px;padding:8px 12px;border:1.5px solid var(--line);border-radius:10px;background:var(--surface);color:var(--ink);min-width:220px;flex:1}
.chip{font:inherit;font-size:13px;font-weight:500;padding:6px 12px;border-radius:999px;border:1.5px solid var(--line);background:var(--surface);color:var(--ink);cursor:pointer;text-decoration:none}.chip.on{background:var(--navy);border-color:var(--navy);color:var(--navy-ink)}
.seg{display:inline-flex;background:var(--surface-2);border:1px solid var(--line);border-radius:10px;padding:3px;gap:2px}.seg a,.seg button{font:inherit;font-size:13px;font-weight:600;padding:6px 12px;border-radius:8px;text-decoration:none;color:var(--muted);border:0;background:none;cursor:pointer}.seg a.on,.seg button.on{background:var(--surface);color:var(--navy);box-shadow:var(--shadow)}
table{width:100%;border-collapse:separate;border-spacing:0;font-size:14px}
th{text-align:left;font-size:11px;letter-spacing:.08em;text-transform:uppercase;color:var(--faint);font-weight:600;padding:10px 14px;border-bottom:1px solid var(--line);background:var(--surface-2);white-space:nowrap;position:sticky;top:0;z-index:1}
td{padding:11px 14px;border-bottom:1px solid var(--line);vertical-align:top}tr:last-child td{border-bottom:0}
.tblwrap{overflow-x:auto}
tr.row{cursor:pointer}tr.row:hover td{background:var(--navy-tint)}
.pill{display:inline-flex;align-items:center;gap:5px;font-size:11.5px;font-weight:600;letter-spacing:.02em;padding:3px 9px;border-radius:999px;white-space:nowrap;background:var(--navy-soft);color:var(--navy);line-height:1.4}
.pill.lit{background:var(--lit-soft);color:var(--lit)}.pill.gold{background:var(--gold-soft);color:var(--gold)}.pill.okp{background:var(--ok-soft);color:var(--ok)}.pill.warnp{background:var(--warn-soft);color:var(--warn)}.pill.done{background:var(--line);color:var(--muted)}
.flag{display:inline-block;font-size:11px;font-weight:600;padding:2px 7px;border-radius:6px;background:var(--warn-soft);color:var(--warn);margin:2px 4px 0 0}.flag.crit{background:var(--crit);color:#fff}
.stage{display:inline-flex;align-items:center;gap:6px;font-size:11.5px;font-weight:600;padding:3px 9px 3px 7px;border-radius:999px;white-space:nowrap;background:var(--navy-soft);color:var(--navy)}.stage::before{content:"";width:7px;height:7px;border-radius:50%;background:currentColor;opacity:.8}
.stage.s-Intake{background:var(--gold-soft);color:var(--gold)}.stage.s-Treating{background:var(--ok-soft);color:var(--ok)}.stage.s-Records{background:var(--navy-soft);color:var(--navy)}.stage.s-Demand,.stage.s-Negotiating{background:var(--gold-soft);color:var(--gold)}.stage.s-Litigation,.stage.s-Discovery,.stage.s-Depo,.stage.s-Mediation{background:var(--lit-soft);color:var(--lit)}.stage.s-Settled,.stage.s-Closed{background:var(--line);color:var(--muted)}

/* ---------- controls ---------- */
.btn{font:inherit;font-weight:600;font-size:14px;border-radius:10px;padding:9px 14px;border:1.5px solid var(--line-strong);background:var(--surface);color:var(--ink);cursor:pointer;text-decoration:none;display:inline-flex;align-items:center;gap:6px;line-height:1.2;transition:background .12s,border-color .12s,transform .05s}
.btn:hover{background:var(--navy-tint);border-color:var(--navy)}.btn:active{transform:translateY(1px)}
.btn.primary{background:var(--navy);border-color:var(--navy);color:var(--navy-ink)}.btn.primary:hover{background:var(--navy-deep);border-color:var(--navy-deep)}
.btn.sm{font-size:12.5px;padding:5px 10px;border-radius:8px}.btn.danger{color:var(--crit)}.btn.ghost{border-color:transparent;color:var(--muted);background:transparent}.btn.ghost:hover{background:var(--navy-tint);border-color:transparent;color:var(--navy)}
.btn[disabled]{opacity:.5;cursor:not-allowed}
select.btn{padding-right:28px;appearance:auto}
form.inline{display:inline}
.f{display:flex;flex-direction:column;gap:5px;margin-bottom:12px}.f label{font-size:12.5px;color:var(--muted);font-weight:500}
.f input,.f select,.f textarea{font:inherit;font-size:14.5px;padding:9px 11px;border:1.5px solid var(--line);border-radius:var(--r-sm);background:var(--surface);color:var(--ink);width:100%;transition:border-color .12s,box-shadow .12s}
.f textarea{min-height:80px;resize:vertical}.f input:focus,.f select:focus,.f textarea:focus{outline:none;border-color:var(--navy);box-shadow:0 0 0 3px var(--navy-soft)}
.f input[disabled]{background:var(--surface-2);color:var(--muted)}
.grid2{display:grid;grid-template-columns:1fr 1fr;gap:0 14px}.grid3{display:grid;grid-template-columns:1fr 1fr 1fr;gap:0 14px}@media (max-width:700px){.grid2,.grid3{grid-template-columns:1fr}}
:focus-visible{outline:3px solid var(--navy-soft);outline-offset:1px}

/* ---------- tabs ---------- */
.tabs{display:flex;gap:2px;flex-wrap:nowrap;overflow-x:auto;border-bottom:1px solid var(--line);margin:14px 0 16px;scrollbar-width:none}.tabs::-webkit-scrollbar{display:none}
.tabs a{text-decoration:none;color:var(--muted);padding:10px 12px;border-bottom:2px solid transparent;font-weight:500;font-size:14px;white-space:nowrap;margin-bottom:-1px}.tabs a.on{color:var(--navy);border-bottom-color:var(--navy);font-weight:600}.tabs a:hover{color:var(--navy)}

/* ---------- case header ---------- */
.casehead{display:flex;justify-content:space-between;gap:14px;flex-wrap:wrap;align-items:flex-start}.casehead .meta{color:var(--muted);font-size:13.5px}
.casehero{background:var(--surface);border:1px solid var(--line);border-radius:var(--r);box-shadow:var(--shadow);padding:18px 20px 14px;margin-bottom:14px}
.stagebar{display:flex;gap:3px;margin:14px 0 6px;overflow-x:auto;scrollbar-width:none}.stagebar::-webkit-scrollbar{display:none}
.stagebar span{flex:1;min-width:64px;text-align:center;font-size:10.5px;letter-spacing:.04em;text-transform:uppercase;font-weight:600;color:var(--faint);padding:8px 4px 0;border-top:3px solid var(--line);white-space:nowrap}
.stagebar span.done{border-top-color:var(--navy);color:var(--muted)}.stagebar span.on{border-top-color:var(--gold);color:var(--navy);font-weight:700}
.facts{display:grid;grid-template-columns:repeat(auto-fit,minmax(150px,1fr));gap:10px;margin:12px 0 4px}
.fact{background:var(--surface-2);border:1px solid var(--line);border-radius:12px;padding:10px 12px;min-width:0}
.fact .l{font-size:10.5px;letter-spacing:.1em;text-transform:uppercase;color:var(--faint);font-weight:600}.fact .v{font-family:var(--serif);font-size:20px;font-weight:700;line-height:1.1;margin-top:3px;font-variant-numeric:tabular-nums;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.fact .s{font-size:12px;color:var(--muted);margin-top:2px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}
.fact.crit{border-color:var(--crit);background:var(--crit-soft)}.fact.crit .v{color:var(--crit)}.fact.warn .v{color:var(--warn)}.fact.ok .v{color:var(--ok)}
.avs{display:flex}.av{width:26px;height:26px;border-radius:50%;background:var(--navy-soft);color:var(--navy);display:inline-grid;place-items:center;font-size:10.5px;font-weight:700;border:2px solid var(--surface);margin-left:-6px}.av:first-child{margin-left:0}

/* ---------- timeline / tasks / docs ---------- */
.tl{list-style:none;margin:0;padding:0}.tl li{padding:12px 0;border-top:1px solid var(--line);display:grid;grid-template-columns:132px 1fr;gap:12px;font-size:14px}.tl li:first-child{border-top:0}
.tl .when{font-family:var(--mono);font-size:12px;color:var(--muted)}.tl .type{font-size:10.5px;letter-spacing:.06em;text-transform:uppercase;color:var(--faint);font-weight:600;margin-top:2px}.tl .body{white-space:pre-wrap;word-break:break-word;min-width:0}
.tl li.ai .body{background:var(--navy-tint);border:1px solid var(--line);border-radius:12px;padding:10px 12px}.tl li.text .body,.tl li.email .body{border-left:3px solid var(--line-strong);padding-left:10px}
@media (max-width:600px){.tl li{grid-template-columns:1fr;gap:4px}}
.task{display:flex;gap:10px;align-items:flex-start;padding:10px 0;border-top:1px solid var(--line)}.task:first-child{border-top:0}.task .t{flex:1;min-width:0}.task .t small{display:block;color:var(--muted);font-size:12.5px;margin-top:2px}.task .acts{display:flex;gap:4px;flex-wrap:wrap;justify-content:flex-end}
.chat{display:flex;flex-direction:column;gap:10px;max-height:60vh;overflow:auto;padding:4px 0 10px}.msg{max-width:85%;padding:10px 14px;border-radius:14px;white-space:pre-wrap;word-break:break-word;font-size:14.5px}.msg.user{align-self:flex-end;background:var(--navy);color:var(--navy-ink);border-bottom-right-radius:5px}.msg.assistant{align-self:flex-start;background:var(--surface-2);border:1px solid var(--line);border-bottom-left-radius:5px}
.doclist .doc{display:flex;gap:10px;align-items:center;padding:9px 0;border-top:1px solid var(--line);font-size:14px}.doclist .doc:first-child{border-top:0}.doclist .doc .n{flex:1;min-width:0}.doclist .doc .n a{font-weight:500;word-break:break-word}.doclist .doc small{color:var(--muted);display:block;font-size:12px}
.auth{max-width:420px;margin:8vh auto;background:var(--surface);border:1px solid var(--line);border-radius:16px;padding:28px;box-shadow:var(--shadow-lg)}
@media (max-width:600px){.task{flex-direction:column;gap:6px}.task .acts{width:100%;justify-content:flex-start}.casehead>div:last-child{width:100%}.tiles{grid-template-columns:1fr 1fr}}

/* ---------- kanban ---------- */
.kanban{display:grid;grid-auto-flow:column;grid-auto-columns:minmax(230px,1fr);gap:12px;overflow-x:auto;padding-bottom:10px;align-items:start}
.kcol{background:var(--surface-2);border:1px solid var(--line);border-radius:12px;padding:8px;min-height:120px}
.kcol h4{margin:2px 4px 8px;font-size:11px;letter-spacing:.1em;text-transform:uppercase;color:var(--faint);display:flex;justify-content:space-between}
.kcard{display:block;background:var(--surface);border:1px solid var(--line);border-radius:10px;padding:10px 12px;margin-bottom:8px;text-decoration:none;color:var(--ink);box-shadow:var(--shadow)}
.kcard:hover{border-color:var(--navy)}.kcard b{display:block;font-size:14px}.kcard small{display:block;color:var(--muted);font-size:12px;margin-top:3px}.kcard .row{display:flex;gap:6px;flex-wrap:wrap;margin-top:6px}

/* ---------- calendar ---------- */
.cal{display:grid;grid-template-columns:repeat(7,minmax(120px,1fr));gap:1px;background:var(--line);border:1px solid var(--line);border-radius:12px;overflow:hidden;min-width:840px}
.cal-h{background:var(--surface-2);font-size:11px;letter-spacing:.08em;text-transform:uppercase;color:var(--faint);font-weight:600;padding:6px 8px}
.cal-d{background:var(--surface);min-height:110px;padding:6px;display:flex;flex-direction:column;gap:3px}
.cal-d.dim{opacity:.5}.cal-d.today{background:var(--gold-soft)}
.cal-d .n{font-family:var(--mono);font-size:12px;font-weight:600;margin-bottom:2px}.cal-d .n a{color:var(--ink);text-decoration:none}
.ev{display:block;font-size:11.5px;line-height:1.3;padding:3px 6px;border-radius:6px;background:var(--navy-soft);color:var(--navy);text-decoration:none;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;border-left:3px solid var(--navy)}
.ev.crit{background:var(--crit-soft);color:var(--crit);border-left-color:var(--crit)}.ev.lit{background:var(--lit-soft);color:var(--lit);border-left-color:var(--lit)}.ev.gold{background:var(--gold-soft);color:var(--gold);border-left-color:var(--gold)}.ev.task{background:var(--surface-2);color:var(--muted);border-left-color:var(--line-strong)}
.panel.today{border-color:var(--gold)}

/* ---------- discovery steps ---------- */
.steps{display:flex;gap:6px;flex-wrap:wrap}.step{display:flex;align-items:center;gap:6px;font-size:12.5px;color:var(--muted);padding:4px 10px 4px 4px;border:1px solid var(--line);border-radius:999px;background:var(--surface)}.step span{width:20px;height:20px;border-radius:50%;background:var(--line);color:var(--ink);display:inline-flex;align-items:center;justify-content:center;font-size:11px;font-weight:700}.step.done{color:var(--ok);border-color:var(--ok)}.step.done span{background:var(--ok);color:#fff}.step.on{color:var(--navy);border-color:var(--navy);font-weight:600}.step.on span{background:var(--navy);color:#fff}

@media (prefers-reduced-motion:reduce){*{transition:none!important}}
@media print{.side,.tabbar,.flash,.btn,form{display:none!important}.shell{display:block}.content{padding:0;max-width:none}}

/* mobile card list for the board */
.mcards{display:none}
@media (max-width:700px){.mcards{display:block;padding:10px 12px}.mcards .kcard{margin-bottom:10px}.mcards + .tblwrap{display:none}}