:root{--navy:#1c2b45;--ink:#1f2933;--muted:#6b7785;--line:#dde3ea;--bg:#f4f6f9;--gold:#b08d3c;--red:#b42318;--amber:#b54708;--green:#067647;--blue:#1d4ed8}
*{box-sizing:border-box}body{margin:0;font:15px/1.45 system-ui,-apple-system,"Segoe UI",Roboto,sans-serif;color:var(--ink);background:var(--bg)}
a{color:var(--blue);text-decoration:none}a:hover{text-decoration:underline}
.example-banner{background:repeating-linear-gradient(45deg,#fde68a,#fde68a 12px,#fcd34d 12px,#fcd34d 24px);color:#5c3d00;text-align:center;font-weight:700;font-size:13px;padding:4px 8px;letter-spacing:.04em;position:sticky;top:0;z-index:20}
header.top{background:var(--navy);color:#fff;display:flex;align-items:center;gap:16px;padding:0 20px;flex-wrap:wrap}
.brand{color:#fff;font-weight:700;font-size:18px;padding:14px 0}.brand small{color:var(--gold);font-weight:600;margin-left:6px}
header nav{display:flex;gap:2px;flex:1;align-items:center;flex-wrap:wrap}header nav a{color:#cfd8e3;padding:16px 10px;border-bottom:3px solid transparent}
header nav a.on,header nav a:hover{color:#fff;border-bottom-color:var(--gold);text-decoration:none}
header nav form{margin-left:auto}.burger{display:none;color:#fff;font-size:24px;cursor:pointer;margin-left:auto}
.link{background:none;border:0;color:#cfd8e3;cursor:pointer;font:inherit;padding:0}.card .link{color:var(--blue)}.link.danger{color:var(--red)}
main{max-width:1200px;margin:0 auto;padding:20px}footer{text-align:center;color:var(--muted);font-size:12px;padding:20px}
h1{font-size:24px;margin:4px 0 14px;color:var(--navy)}h2{font-size:16px;margin:0 0 10px;color:var(--navy)}h2 small,h3 small{font-weight:400;color:var(--muted);font-size:12px}h3{font-size:14px;margin:14px 0 6px}
.head{display:flex;justify-content:space-between;align-items:center;gap:12px;flex-wrap:wrap}
.card{background:#fff;border:1px solid var(--line);border-radius:10px;padding:16px;margin-bottom:16px;box-shadow:0 1px 2px rgba(16,24,40,.04)}
.grid2{display:grid;grid-template-columns:1fr 1fr;gap:16px}.grid2 .card{margin:0}.span2{grid-column:1/-1}
.btn{display:inline-block;border:1px solid var(--line);background:#fff;color:var(--ink);padding:8px 14px;border-radius:8px;cursor:pointer;font:inherit;font-weight:600}
.btn:hover{background:#eef2f7;text-decoration:none}.btn.primary{background:var(--navy);border-color:var(--navy);color:#fff}.btn.primary:hover{background:#2a3f63}
.form label{display:block;font-weight:600;font-size:13px;margin-bottom:10px;flex:1;min-width:150px}
input,select,textarea{display:block;width:100%;margin-top:4px;padding:8px 10px;border:1px solid #c9d2dc;border-radius:8px;font:inherit;background:#fff}
input[type=file]{padding:6px}.row{display:flex;gap:12px;flex-wrap:wrap}.form.compact{margin-top:10px;padding-top:10px;border-top:1px dashed var(--line)}
.radio{display:flex!important;gap:8px;align-items:center;font-weight:500!important}.radio input{width:auto;margin:0}
.filters{display:flex;gap:8px;flex-wrap:wrap;margin-bottom:12px}.filters input{flex:1;min-width:200px;margin:0}.filters select{width:auto;margin:0}
.table-wrap{overflow-x:auto;background:#fff;border:1px solid var(--line);border-radius:10px}table{width:100%;border-collapse:collapse}
th,td{text-align:left;padding:10px 12px;border-bottom:1px solid var(--line);vertical-align:top}th{background:#f8fafc;font-size:12px;text-transform:uppercase;color:var(--muted);letter-spacing:.03em}
.card .table-wrap{border:0}.clip{max-width:280px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}
.list{list-style:none;margin:0;padding:0}.list li{display:flex;gap:12px;align-items:flex-start;padding:8px 0;border-bottom:1px solid #eef1f5}.list li>span:nth-child(2){flex:1}.list li:last-child{border:0}
.list .date{min-width:84px;font-weight:600;font-size:13px;color:var(--muted)}
.list li.overdue .date,.ev.overdue{color:var(--red)}.list li.overdue{background:#fef3f2;border-left:3px solid var(--red);padding-left:8px}
.list li.today .date{color:var(--amber)}.list li.today{background:#fffaeb;border-left:3px solid #f79009;padding-left:8px}.list li.done{opacity:.55;text-decoration:line-through}
.badge{display:inline-block;font-size:11px;font-weight:700;padding:2px 8px;border-radius:999px;background:#eef2f7;color:#344054;white-space:nowrap;text-transform:capitalize}
.badge.j{background:var(--gold);color:#fff;font-size:14px;padding:4px 12px}.badge.role{background:#eef4ff;color:#3538cd}
.st-intake{background:#f4ebff;color:#6941c6}.st-open{background:#eff8ff;color:#175cd3}.st-discovery{background:#fef6ee;color:#b93815}.st-hearingtrial{background:#fef3f2;color:#b42318}.st-closed{background:#f2f4f7;color:#475467}
.d-pending{background:#fffaeb;color:var(--amber)}.d-clear,.d-cleared{background:#ecfdf3;color:var(--green)}.d-waived{background:#eff8ff;color:#175cd3}.d-declined{background:#fef3f2;color:var(--red)}
.stats{display:grid;grid-template-columns:repeat(5,1fr);gap:10px;margin-bottom:16px}.stat{border-radius:10px;padding:12px;text-align:center;font-weight:600;font-size:13px}.stat b{display:block;font-size:26px}.stat:hover{text-decoration:none;filter:brightness(.97)}
.pipeline{display:flex;margin:0 0 16px;background:#fff;border:1px solid var(--line);border-radius:10px;overflow:hidden}
.step{flex:1;border:0;background:#fff;padding:12px 6px;font:inherit;font-weight:600;color:var(--muted);cursor:pointer;border-right:1px solid var(--line)}.step:last-child{border:0}
.step.past{background:#e8eef7;color:var(--navy)}.step.cur{background:var(--navy);color:#fff}.step:hover:not(.cur){background:#dfe7f2}
.links{display:flex;gap:8px;flex-wrap:wrap}.warn{background:#fffaeb;border:1px solid #fedf89;color:#7a2e0e;padding:8px 10px;border-radius:8px;font-size:13px;margin-bottom:6px}
.flash{padding:10px 14px;border-radius:8px;margin-bottom:14px;font-weight:600}.flash.ok{background:#ecfdf3;color:var(--green)}.flash.err{background:#fef3f2;color:var(--red)}.flash.warn{background:#fffaeb;color:var(--amber)}
.ok-text{color:var(--green);font-weight:600}.muted{color:var(--muted)}.small{font-size:12px}code{background:#f2f4f7;padding:1px 5px;border-radius:4px}.inline{display:inline}
.login{max-width:380px;margin:60px auto}.login h1{text-align:center}.login .btn{width:100%}.login p{text-align:center}
.cal{display:grid;grid-template-columns:repeat(7,1fr);gap:1px;background:var(--line);border:1px solid var(--line);border-radius:10px;overflow:hidden;margin-bottom:16px}
.dow{background:#f8fafc;padding:6px;text-align:center;font-size:12px;font-weight:700;color:var(--muted)}.cell{background:#fff;min-height:96px;padding:4px 6px}.cell.blank{background:#fafbfc}
.cell b{font-size:12px;color:var(--muted)}.cell.is-today{background:#fffaeb}.cell.is-today b{color:var(--amber)}
.ev{display:block;font-size:11px;background:#eff8ff;border-left:3px solid var(--blue);padding:2px 4px;margin-top:3px;border-radius:3px;overflow:hidden;white-space:nowrap;text-overflow:ellipsis;color:var(--ink)}
.ev.k-hearing{border-color:var(--red);background:#fef3f2}.ev.k-statuteoflimitations{border-color:#7a2e0e;background:#fffaeb}.ev.done{opacity:.5;text-decoration:line-through}
@media(max-width:800px){.grid2{grid-template-columns:1fr}.stats{grid-template-columns:repeat(3,1fr)}main{padding:12px}
 .burger{display:block}header nav{display:none;flex-basis:100%;flex-direction:column;align-items:stretch;padding-bottom:8px}#navtoggle:checked~nav{display:flex}header nav a{padding:10px 4px;border:0}header nav form{margin:8px 0 0}
 .pipeline{flex-wrap:wrap}.step{flex:1 1 33%;font-size:12px;border-bottom:1px solid var(--line)}.cell{min-height:56px}.ev{font-size:0;height:6px;padding:0}.dow{font-size:10px}}
#navtoggle{display:none!important}
/* claims */
.alert-strip{display:block;background:#fef3f2;border:1px solid #fecdca;color:var(--red);font-weight:700;padding:10px 14px;border-radius:8px;margin-bottom:14px}
.cs-expired,.lim-expired{background:#912018;color:#fff}.cs-critical,.lim-critical{background:#fef3f2;color:var(--red)}.cs-warning,.lim-warning{background:#fffaeb;color:var(--amber)}.cs-safe{background:#ecfdf3;color:var(--green)}.cs-filed{background:#eff8ff;color:#175cd3}.cs-dismissed,.lim-na{background:#f2f4f7;color:#475467}
.stat.cs-expired b,.stat.cs-expired{color:#fff}
tr.claim-expired td{background:#fef3f2}tr.claim-critical td:first-child{border-left:3px solid var(--red)}tr.claim-warning td:first-child{border-left:3px solid #f79009}
.list li.claim-expired,.list li.claim-critical{background:#fef3f2;border-left:3px solid var(--red);padding-left:8px}.list li.claim-warning{background:#fffaeb;border-left:3px solid #f79009;padding-left:8px}
.list li.claim-expired .date,.list li.claim-critical .date{color:var(--red)}.vf{color:var(--amber)}td.num{font-weight:700;font-size:16px;text-align:right}
.warn.big{font-size:14px;font-weight:600}.stats.four{grid-template-columns:repeat(4,1fr)}
.sugg{display:grid;gap:6px}.sugg-row{display:flex;gap:10px;align-items:center;padding:8px;border:1px dashed var(--line);border-radius:8px;flex-wrap:wrap}.sugg-row span{flex:1;min-width:220px}.sugg-row input{width:auto;margin:0}
.ctrow{display:flex;gap:10px;align-items:center;flex-wrap:wrap}.ctrow span{min-width:220px}.ctrow textarea{flex:1;min-width:240px;margin:0;font-size:12px}
.ev.k-claimexpiration{border-color:#912018;background:#fef3f2;font-weight:700}.ev.k-reminder{border-color:#f79009;background:#fffaeb}
@media(max-width:800px){.stats.four{grid-template-columns:repeat(2,1fr)}}
/* touches */
.touch-filters{flex-wrap:wrap;align-items:end}.chips{display:flex;flex-wrap:wrap;gap:6px;width:100%}.chip{display:inline-flex;gap:4px;align-items:center;border:1px solid #d5dae3;border-radius:999px;padding:3px 10px;font-size:13px;background:#fff;cursor:pointer}
.touches-grid{grid-template-columns:2fr 1fr}.timeline{list-style:none;padding:0;margin:0}.timeline li{display:flex;gap:12px;padding:12px 0;border-bottom:1px solid #eef0f4}.timeline li.voided{opacity:.5;text-decoration:line-through}
.tl-ico{font-size:20px;width:34px;height:34px;display:flex;align-items:center;justify-content:center;border-radius:50%;background:#eef2f8;flex:none}.tl-sum{margin:4px 0;white-space:pre-wrap}.pre{white-space:pre-wrap}
.email.cur{outline:2px solid #3b6fd6}.mailbody{background:#fafbfc;border:1px solid #eef0f4;padding:10px;border-radius:6px;max-height:420px;overflow:auto}.hdrs{font-size:11px;max-height:240px;overflow:auto;background:#f6f7f9;padding:8px}.mailhtml{width:100%;height:320px;border:1px solid #ddd}
details summary{cursor:pointer;color:#667;font-size:13px}.btn.danger{color:#b42318;border-color:#f2b8b5}
@media(max-width:800px){.touches-grid{grid-template-columns:1fr}}
.chips .chip,.touch-filters .chip{width:auto;flex:none;flex-direction:row;margin:0}.chip input[type=checkbox]{width:auto;min-width:0;margin:0;padding:0;height:auto}
