:root{--navy:#13233f;--navy2:#0c1930;--gold:#c99a43;--cream:#f6f4ef;--white:#fff;--ink:#1c2738;--muted:#738095;--line:#e7e9ee;--success:#1d8a60;--danger:#c44949;--warning:#c28724;--info:#356eb3;--shadow:0 12px 35px rgba(16,33,60,.08);--radius:16px}*{box-sizing:border-box}html,body{margin:0;background:var(--cream);color:var(--ink);font-family:Inter,ui-sans-serif,system-ui,-apple-system,Segoe UI,Roboto,Arial,sans-serif}a{text-decoration:none;color:inherit}.app-shell{min-height:100vh}.sidebar{position:fixed;inset:0 auto 0 0;width:255px;background:linear-gradient(180deg,var(--navy2),var(--navy));color:#dfe7f2;z-index:20;display:flex;flex-direction:column;box-shadow:8px 0 35px rgba(12,25,48,.12)}.brand{height:88px;padding:18px 22px;display:flex;gap:12px;align-items:center;border-bottom:1px solid rgba(255,255,255,.08)}.brand-mark{width:44px;height:44px;border:1px solid rgba(201,154,67,.8);border-radius:12px;display:grid;place-items:center;color:#f3ca7d;font-family:Georgia,serif;font-size:19px;font-weight:700}.brand strong{font:700 21px Georgia,serif;color:#fff;display:block}.brand span,.sidebar-footer span{font-size:11px;color:#93a6c4;display:block;margin-top:2px}.sidebar nav{padding:18px 13px;flex:1;overflow:auto}.sidebar nav a{display:flex;align-items:center;gap:11px;padding:11px 13px;border-radius:10px;margin:3px 0;font-size:14px}.sidebar nav a span{width:22px;text-align:center;color:#cfb070}.sidebar nav a:hover,.sidebar nav a.active{background:rgba(255,255,255,.09);color:#fff}.nav-label{font-size:10px;letter-spacing:.13em;color:#7288a8;margin:20px 13px 8px}.sidebar-footer{margin:12px;padding:12px;display:grid;grid-template-columns:36px 1fr auto;gap:9px;align-items:center;border-radius:12px;background:rgba(255,255,255,.06);font-size:12px}.mini-avatar{width:36px;height:36px;border-radius:50%;background:#d0a453;color:#14243f;display:grid;place-items:center;font-weight:800}.main{margin-left:255px;min-height:100vh}.topbar{height:88px;background:rgba(255,255,255,.88);backdrop-filter:blur(12px);border-bottom:1px solid var(--line);display:flex;align-items:center;justify-content:space-between;padding:0 30px;position:sticky;top:0;z-index:10}.topbar h1{font:700 24px Georgia,serif;margin:0}.topbar p{margin:4px 0 0;color:var(--muted);font-size:12px}.menu-btn{display:none;border:0;background:transparent;font-size:23px}.quick-add,.btn{border:0;border-radius:10px;padding:10px 15px;font-weight:700;font-size:13px;cursor:pointer;display:inline-flex;align-items:center;justify-content:center;gap:6px}.quick-add,.btn.primary{background:var(--navy);color:#fff}.btn.gold{background:var(--gold);color:#15233a}.btn.outline{background:#fff;border:1px solid #d8dce4;color:#27364d}.btn.danger{background:#fff1f1;color:var(--danger);border:1px solid #f0c8c8}.btn.sm{padding:7px 10px;font-size:12px}.content{padding:28px 30px;max-width:1600px;margin:auto}.hero{background:linear-gradient(115deg,#152a49,#203c62);border-radius:20px;color:#fff;padding:28px;position:relative;overflow:hidden;margin-bottom:22px}.hero:after{content:'§';position:absolute;right:25px;top:-35px;font:180px Georgia,serif;color:rgba(255,255,255,.05)}.hero h2{font:700 27px Georgia,serif;margin:0 0 7px}.hero p{margin:0;color:#b9c8dc}.stats{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:15px;margin:18px 0 24px}.stat{background:#fff;border:1px solid var(--line);border-radius:var(--radius);padding:18px;box-shadow:var(--shadow)}.stat .eyebrow{font-size:11px;color:var(--muted);letter-spacing:.06em;text-transform:uppercase}.stat strong{font:700 30px Georgia,serif;display:block;margin:6px 0 3px}.stat small{color:var(--muted)}.stat i{float:right;font-style:normal;width:38px;height:38px;border-radius:11px;background:#f4f0e6;display:grid;place-items:center}.grid-2{display:grid;grid-template-columns:1.5fr 1fr;gap:18px}.card{background:#fff;border:1px solid var(--line);border-radius:var(--radius);box-shadow:var(--shadow);overflow:hidden;margin-bottom:18px}.card-head{padding:17px 19px;border-bottom:1px solid var(--line);display:flex;justify-content:space-between;align-items:center;gap:12px}.card-head h3{font:700 18px Georgia,serif;margin:0}.card-body{padding:19px}.toolbar{display:flex;gap:10px;align-items:center;flex-wrap:wrap}.search{position:relative;flex:1;min-width:220px}.search input{width:100%;padding:11px 13px 11px 36px;border:1px solid #d7dbe3;border-radius:10px;background:#fff}.search:before{content:'⌕';position:absolute;left:12px;top:8px;color:#8a96a8;font-size:20px}.table-wrap{overflow:auto}.table{width:100%;border-collapse:collapse;font-size:13px}.table th{background:#f8f9fb;color:#647186;text-align:left;font-size:10px;text-transform:uppercase;letter-spacing:.06em;padding:11px 12px;white-space:nowrap}.table td{padding:12px;border-top:1px solid #edf0f3;vertical-align:middle}.table tr:hover td{background:#fcfcfd}.case-title{font-weight:750;color:#1d3151}.sub{font-size:11px;color:var(--muted);margin-top:3px}.badge{padding:5px 8px;border-radius:999px;font-size:10px;font-weight:800;display:inline-block}.badge.success{background:#e7f6ef;color:#167754}.badge.warning{background:#fff3dd;color:#9b6814}.badge.danger{background:#ffe9e9;color:#b83a3a}.badge.info{background:#eaf1fb;color:#2f63a6}.badge.muted{background:#eef0f3;color:#677386}.form-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:15px}.form-group{display:flex;flex-direction:column;gap:6px}.form-group.full{grid-column:1/-1}.form-group label{font-size:11px;text-transform:uppercase;letter-spacing:.04em;font-weight:800;color:#657185}.form-control{width:100%;padding:11px 12px;border:1px solid #d5dae2;border-radius:10px;background:#fff;color:#1e2938;outline:none}.form-control:focus{border-color:#8da0bc;box-shadow:0 0 0 3px rgba(38,73,116,.08)}textarea.form-control{min-height:92px;resize:vertical}.form-actions{margin-top:18px;border-top:1px solid var(--line);padding-top:17px;display:flex;justify-content:flex-end;gap:9px}.alert{padding:12px 15px;border-radius:10px;margin-bottom:16px;font-size:13px}.alert.success{background:#e6f5ee;color:#176846}.alert.danger{background:#feecec;color:#a93636}.empty{text-align:center;padding:35px;color:var(--muted)}.empty strong{display:block;color:#38475d;margin-bottom:4px}.timeline{display:flex;flex-direction:column}.timeline-item{position:relative;padding:0 0 20px 27px}.timeline-item:before{content:'';position:absolute;left:7px;top:8px;bottom:-4px;width:1px;background:#dfe3e9}.timeline-item:last-child:before{display:none}.timeline-item:after{content:'';position:absolute;left:2px;top:5px;width:11px;height:11px;border-radius:50%;background:var(--gold);box-shadow:0 0 0 4px #f6edda}.timeline-item strong{font-size:13px}.timeline-item p{margin:4px 0;color:var(--muted);font-size:12px}.meta-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:12px}.meta{padding:12px;border:1px solid var(--line);border-radius:11px}.meta span{display:block;font-size:10px;color:var(--muted);text-transform:uppercase}.meta strong{display:block;margin-top:4px;font-size:13px}.footer{padding:20px 30px;color:#8b94a2;font-size:11px;display:flex;justify-content:space-between}.login-page{min-height:100vh;background:linear-gradient(120deg,#0c1930,#18304f);display:grid;place-items:center;padding:20px}.login-wrap{width:min(960px,100%);display:grid;grid-template-columns:1.05fr .95fr;background:#fff;border-radius:24px;overflow:hidden;box-shadow:0 30px 80px rgba(0,0,0,.28)}.login-art{padding:55px;background:linear-gradient(145deg,#142844,#203b5f);color:white;position:relative;overflow:hidden}.login-art:after{content:'⚖';position:absolute;font-size:230px;right:-45px;bottom:-55px;opacity:.05}.login-art h1{font:700 37px Georgia,serif;margin:25px 0 12px}.login-art p{color:#b8c5d7;line-height:1.7}.login-panel{padding:55px}.login-panel h2{font:700 27px Georgia,serif;margin:0}.login-panel .lead{color:var(--muted);font-size:13px;margin:7px 0 25px}.kicker{color:#d3ad63;font-size:11px;font-weight:800;letter-spacing:.14em}.login-logo{width:52px;height:52px;border:1px solid #d2aa61;border-radius:15px;display:grid;place-items:center;font:700 21px Georgia}.hint{margin-top:18px;padding:10px;background:#f7f4ec;border-radius:9px;font-size:11px;color:#6d675d}.pagination{display:flex;gap:6px;margin-top:16px}.pagination a{padding:7px 10px;border:1px solid var(--line);background:#fff;border-radius:8px;font-size:12px}.pagination a.current{background:var(--navy);color:#fff}.kpi-list{display:grid;gap:10px}.kpi-row{display:grid;grid-template-columns:1fr auto;gap:8px;padding:11px 0;border-bottom:1px solid var(--line)}.kpi-row:last-child{border:0}.kpi-row span{font-size:12px}.kpi-row strong{font-family:Georgia,serif}.chips{display:flex;gap:7px;flex-wrap:wrap}.chip{padding:7px 10px;border-radius:999px;background:#f2f4f7;font-size:11px}.section-title{font:700 19px Georgia,serif;margin:0 0 15px}.two-col-actions{display:flex;justify-content:space-between;align-items:center;gap:12px;margin-bottom:15px}.mobile-only{display:none}@media(max-width:1100px){.stats{grid-template-columns:repeat(2,1fr)}.grid-2{grid-template-columns:1fr}.meta-grid{grid-template-columns:repeat(2,1fr)}}@media(max-width:900px){.sidebar{transform:translateX(-100%);transition:.25s}.sidebar.open{transform:none}.main{margin-left:0}.menu-btn{display:block}.topbar{padding:0 16px;gap:13px;justify-content:flex-start}.top-actions{margin-left:auto}.content{padding:18px 14px}.login-wrap{grid-template-columns:1fr}.login-art{display:none}.login-panel{padding:35px 25px}.mobile-only{display:inline-flex}}@media(max-width:620px){.stats{grid-template-columns:1fr 1fr;gap:10px}.stat{padding:14px}.stat strong{font-size:24px}.form-grid{grid-template-columns:1fr}.form-group.full{grid-column:auto}.meta-grid{grid-template-columns:1fr}.quick-add{padding:9px 11px;font-size:0}.quick-add:first-letter{font-size:18px}.topbar h1{font-size:20px}.topbar p{display:none}.content{padding:14px 10px}.card-head{align-items:flex-start;flex-direction:column}.toolbar{width:100%}.table td,.table th{padding:10px}.footer{padding:15px}.hero{padding:20px}.hero h2{font-size:22px}}
/* v2 professional legal-office enhancements */
:root{--navy:#11243d;--navy2:#193654;--gold:#c9a45d;--gold2:#e8ca8a;--paper:#f6f7f9;--ink:#172235;--muted:#697586;--line:#e5e9ef}
.brand{text-decoration:none}.brand strong{max-width:175px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.brand-mark{font-family:Georgia,serif}
.app-footer{display:flex;justify-content:space-between;gap:20px;align-items:center;padding:18px 28px;border-top:1px solid var(--line);background:#fff;color:#6b7687;font-size:12px}.app-footer a{color:#8d6b2e;text-decoration:none;font-weight:700}
.hero-panel{background:linear-gradient(130deg,#11243d,#1d4265);border-radius:20px;padding:26px 30px;color:white;margin-bottom:20px;display:flex;align-items:center;justify-content:space-between;box-shadow:0 14px 40px rgba(17,36,61,.13);position:relative;overflow:hidden}.hero-panel:after{content:"";position:absolute;width:220px;height:220px;border:1px solid rgba(255,255,255,.1);border-radius:50%;right:-70px;top:-80px}.hero-panel h2{font-family:Georgia,serif;font-size:27px;margin:5px 0 8px}.hero-panel p{max-width:760px;color:#cfdae6;margin:0;line-height:1.6}.eyebrow{font-size:10px;letter-spacing:2px;font-weight:800;color:#e6c77e}.hero-icon{font-size:46px;color:#e6c77e;z-index:1}
.workflow-preview{margin-top:22px;border:1px solid #e5e9ef;border-radius:16px;overflow:hidden;background:#fbfcfd}.preview-head{display:flex;justify-content:space-between;padding:15px 18px;background:#f2f5f8;border-bottom:1px solid #e5e9ef}.preview-head span{font-size:12px;color:#697586}.timeline-mini{max-height:365px;overflow:auto}.timeline-row{display:flex;gap:13px;align-items:center;padding:12px 18px;border-bottom:1px solid #eef1f4}.timeline-row:last-child{border-bottom:0}.timeline-no{width:28px;height:28px;border-radius:50%;display:grid;place-items:center;background:#11243d;color:white;font-size:11px;font-weight:800}.timeline-row strong{display:block;font-size:13px}.timeline-row small{display:block;color:#788393;margin-top:3px}.empty-state{padding:28px;text-align:center;color:#8a94a3}
.note-card{padding:16px 18px;border:1px solid #ead9b5;background:#fffaf0;border-radius:14px;color:#5d4a29;font-size:13px;margin-top:15px}.compact{min-width:220px}.table-input{min-width:180px}.input-suffix{display:flex;align-items:center;gap:8px}.input-suffix span{font-size:12px;color:#778}.switch-line{white-space:nowrap;font-size:12px}.btn.small{padding:8px 12px;font-size:11px}
.login-body{margin:0;background:#eef2f6;font-family:Inter,Arial,sans-serif}.login-shell{min-height:100vh;display:grid;grid-template-columns:1.1fr .9fr}.login-showcase{background:radial-gradient(circle at 20% 10%,#2c5279 0,#11243d 44%,#091827 100%);color:#fff;padding:9vw 8vw;display:flex;flex-direction:column;justify-content:center;position:relative;overflow:hidden}.login-showcase:after{content:"⚖";position:absolute;font-size:380px;opacity:.025;right:-50px;bottom:-100px}.legal-emblem{width:74px;height:74px;border:1px solid rgba(230,199,126,.45);display:grid;place-items:center;border-radius:22px;font-size:34px;color:#e6c77e;margin-bottom:32px}.login-showcase h1{font-family:Georgia,serif;font-size:46px;line-height:1.05;margin:10px 0}.login-showcase>p{color:#c8d4e0;font-size:18px}.login-points{display:flex;flex-direction:column;gap:12px;margin-top:34px;color:#d9e2eb;font-size:13px}.login-points span::first-letter{color:#e6c77e}.login-panel{padding:40px;display:flex;align-items:center;justify-content:center;flex-direction:column}.login-card{width:min(410px,100%);background:#fff;border-radius:22px;padding:34px;box-shadow:0 20px 60px rgba(23,34,53,.12)}.login-card h2{font-family:Georgia,serif;font-size:28px;margin:0 0 5px}.login-card>p{color:#758091;margin:0 0 28px}.wide{width:100%;justify-content:center;margin-top:10px}.login-help{display:block;text-align:center;color:#8c95a2;margin-top:20px}.login-credit{margin-top:24px;font-size:12px;color:#7c8797}.login-credit strong{color:#9a7535}
@media(max-width:780px){.login-shell{grid-template-columns:1fr}.login-showcase{padding:44px 25px;min-height:auto}.login-showcase h1{font-size:33px}.login-points{display:none}.legal-emblem{margin-bottom:14px}.login-panel{padding:24px 16px}.hero-panel{padding:21px}.hero-icon{display:none}.app-footer{flex-direction:column;text-align:center}.table-input{min-width:150px}}

/* v3 responsive shell, permissions and Android/PWA readiness */
html,body{min-width:0;overflow-x:hidden}.app-shell{display:flex;width:100%;min-width:0}.main{display:flex;flex-direction:column;width:calc(100% - 255px);min-width:0;min-height:100vh}.content{width:100%;max-width:1680px;flex:1}.app-footer{margin-top:auto;width:100%;flex-shrink:0}.top-title{min-width:0}.top-title h1{white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.sidebar-backdrop{display:none}.row-actions{display:flex;align-items:center;gap:6px;flex-wrap:wrap}.row-actions form{margin:0}.mt{margin-top:14px}.soft{border:0;border-top:1px solid var(--line);margin:24px 0}.master-nav{display:flex;gap:8px;flex-wrap:wrap;margin:-4px 0 18px}.master-nav a{padding:10px 14px;border-radius:10px;background:#fff;border:1px solid var(--line);font-size:12px;font-weight:800;color:#536174}.master-nav a.active,.master-nav a:hover{background:var(--navy);color:#fff;border-color:var(--navy)}.check-card,.permission-item{display:flex;align-items:flex-start;gap:10px;padding:12px;border:1px solid var(--line);border-radius:12px;background:#fafbfd;cursor:pointer}.check-card input,.permission-item input{margin-top:3px}.check-card span,.permission-item span{display:flex;flex-direction:column;gap:2px}.check-card small,.permission-item small{color:var(--muted);font-size:11px}.permission-grid{display:grid;grid-template-columns:1fr 1fr;gap:9px;margin-bottom:14px}.tiny-input{width:82px;min-width:82px}.mobile-bottom-nav{display:none}
@media(min-width:901px) and (max-width:1250px){.sidebar{width:225px}.main{margin-left:225px;width:calc(100% - 225px)}.brand{padding:18px 14px}.brand strong{font-size:18px;max-width:145px}.sidebar nav{padding:14px 10px}.sidebar nav a{padding:10px 10px;font-size:13px}.content{padding:22px 20px}.topbar{padding:0 20px}}
@media(max-width:900px){.main{width:100%;margin-left:0}.sidebar{width:min(300px,86vw);z-index:100}.sidebar.open+.sidebar-backdrop{display:block;position:fixed;inset:0;background:rgba(7,18,31,.48);z-index:90}.topbar{height:72px}.content{padding-bottom:92px}.app-footer{padding:16px 16px 88px}.mobile-bottom-nav{position:fixed;display:flex;left:0;right:0;bottom:0;height:68px;background:#fff;border-top:1px solid var(--line);z-index:80;justify-content:space-around;align-items:center;padding-bottom:env(safe-area-inset-bottom);box-shadow:0 -8px 24px rgba(16,33,60,.08)}.mobile-bottom-nav a{flex:1;min-width:0;height:100%;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:2px;color:#778397;font-size:19px}.mobile-bottom-nav a small{font-size:9px;font-weight:800}.mobile-bottom-nav a.active{color:var(--navy)}.mobile-bottom-nav .mobile-add span{width:38px;height:38px;margin-top:-20px;border-radius:50%;display:grid;place-items:center;background:var(--gold);color:#14243f;box-shadow:0 8px 18px rgba(201,164,93,.4)}.permission-grid{grid-template-columns:1fr}.quick-add span{display:none}}
@media(max-width:600px){.topbar{padding:0 12px}.topbar h1{font-size:18px}.hero-panel h2{font-size:22px}.hero-panel p{font-size:13px}.stats{grid-template-columns:1fr 1fr}.grid-2{display:block}.card{border-radius:13px}.table-wrap{width:100%;-webkit-overflow-scrolling:touch}.app-footer{font-size:11px}.master-nav{overflow-x:auto;flex-wrap:nowrap;padding-bottom:4px}.master-nav a{white-space:nowrap}.row-actions{min-width:150px}}
/* v4 visual refinement */
:root{--navy:#10243e;--navy2:#081a2e;--gold:#d7a84d;--gold-soft:#fff5df;--surface:#ffffff;--cream:#f3f5f8;--line:#e1e7ee;--ink:#162238;--muted:#6d7b8e;--blue:#2563eb;--red:#dc3545}
body{background:linear-gradient(135deg,#f7f8fa 0,#f1f4f7 100%)}.main{min-height:100dvh}.content{flex:1 0 auto}.app-footer{min-height:72px;margin-top:auto;padding:14px clamp(18px,2vw,34px);background:linear-gradient(90deg,#fff,#fbfcfd);border-top:1px solid #dde4eb;box-shadow:0 -8px 28px rgba(15,36,62,.035);display:flex!important;align-items:center;justify-content:space-between;position:relative;z-index:2}.footer-brand{display:flex;align-items:center;gap:10px}.footer-brand strong{display:block;color:var(--navy);font:700 14px Georgia,serif}.footer-brand small{display:block;color:var(--muted);margin-top:2px}.footer-mark{width:34px;height:34px;border-radius:10px;background:var(--navy);color:var(--gold);display:grid;place-items:center}.footer-credit{display:flex;align-items:center;gap:6px;color:#7a8798}.footer-credit a{color:#9a6e20;font-weight:800}.footer-credit .dot{color:#c6ced8}
.master-layout{display:grid;grid-template-columns:minmax(0,1.15fr) minmax(420px,.85fr);gap:20px}.category-editor{position:sticky;top:108px;align-self:start;max-height:calc(100vh - 130px);overflow:auto}.step-picker-head{display:flex;align-items:center;justify-content:space-between;gap:12px;margin:20px 0 10px}.step-picker-head>div{display:flex;flex-direction:column}.step-picker-head small{color:var(--muted);margin-top:3px}.step-picker-head input{max-width:220px}.step-picker{border:1px solid var(--line);border-radius:14px;max-height:300px;overflow:auto;background:#fbfcfe}.step-option{display:flex;align-items:center;gap:10px;padding:10px 12px;border-bottom:1px solid #edf0f4;cursor:pointer}.step-option:last-child{border-bottom:0}.step-option:hover{background:#f3f7fb}.step-option input{width:17px;height:17px;accent-color:var(--navy)}.step-option>span:last-child{display:flex;flex-direction:column;min-width:0}.step-option strong{font-size:12px}.step-option small{font-size:10px;color:var(--muted);margin-top:2px}.step-index{min-width:38px;font-size:10px;font-weight:900;color:#8b6829;background:var(--gold-soft);padding:5px 6px;border-radius:7px;text-align:center}.inline-new-step{margin:16px 0;padding:15px;border-radius:14px;border:1px dashed #d7b66f;background:#fffbf2}.inline-new-step>div:first-child{display:flex;flex-direction:column;margin-bottom:10px}.inline-new-step small{color:#78694e;margin-top:3px}.icon-btn{width:32px;height:32px;border:1px solid #dbe2e9;border-radius:9px;background:#fff;display:inline-grid;place-items:center;font-size:15px;font-weight:900;cursor:pointer;transition:.15s}.icon-btn:hover{transform:translateY(-1px);box-shadow:0 5px 14px rgba(16,36,62,.09)}.icon-btn.edit{color:#245a91}.icon-btn.workflow{color:#8b671e}.icon-btn.delete{color:#c63e4b;background:#fff8f8;border-color:#f0d0d4}.row-actions form{display:inline-flex}
.case-status-dot{width:10px;height:10px;border-radius:50%;display:inline-block;margin-right:7px;box-shadow:0 0 0 3px rgba(0,0,0,.04)}.case-status-dot.complete{background:#24a06b}.case-status-dot.missing-efiling{background:#dc3545}.case-status-dot.missing-lodging{background:#2563eb}.legacy-color-legend{display:flex;gap:14px;flex-wrap:wrap;font-size:11px;color:var(--muted);align-items:center}.legacy-color-legend span{display:flex;align-items:center}.case-row.missing-efiling td:first-child{border-left:4px solid #dc3545}.case-row.missing-lodging td:first-child{border-left:4px solid #2563eb}.case-row.complete td:first-child{border-left:4px solid #24a06b}
@media(max-width:1180px){.master-layout{grid-template-columns:1fr}.category-editor{position:static;max-height:none}}@media(max-width:900px){.app-footer{padding-bottom:88px;flex-direction:column;gap:9px;text-align:center}.footer-credit{flex-wrap:wrap;justify-content:center}.category-editor{max-height:none}}@media(max-width:600px){.step-picker-head{align-items:stretch;flex-direction:column}.step-picker-head input{max-width:none}.icon-btn{width:34px;height:34px}}
/* Legacy C# work colour rules: overdue >=1 day blue, >=15 days red */
.table tr.due-blue td:first-child{border-left:4px solid #2563eb}.table tr.due-red td:first-child{border-left:4px solid #dc3545}.table tr.due-red{background:#fffafb}.table tr.due-blue{background:#f9fbff}

/* v5 Work & Due Dates */
.work-summary-grid{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:14px;margin-bottom:18px}.work-summary{position:relative;background:#fff;border:1px solid var(--line);border-radius:15px;padding:16px 18px;box-shadow:var(--shadow);overflow:hidden}.work-summary:before{content:"";position:absolute;left:0;top:0;bottom:0;width:4px}.work-summary span{display:block;font-size:11px;font-weight:850;text-transform:uppercase;letter-spacing:.05em;color:var(--muted)}.work-summary strong{display:block;font:700 29px Georgia,serif;color:var(--navy);margin:4px 0}.work-summary small{color:var(--muted);font-size:10px}.work-summary.overdue:before{background:#dc3545}.work-summary.today:before{background:#d99a24}.work-summary.soon:before{background:#2563eb}.work-summary.upcoming:before{background:#1d8a60}.work-filter-grid{display:grid;grid-template-columns:1fr 1fr 1.25fr 1fr 1fr 1.5fr auto;gap:11px;align-items:end}.work-filter-actions{padding-bottom:1px}.work-due-table tr.work-overdue td{background:#fff1f2;border-top-color:#f6cdd2}.work-due-table tr.work-overdue td:first-child{border-left:5px solid #dc3545}.work-due-table tr.work-overdue:hover td{background:#ffe9eb}.work-due-table tr.work-today td:first-child{border-left:5px solid #d99a24}.work-due-table tr.work-upcoming td:first-child{border-left:5px solid transparent}.due-pill{display:inline-flex;align-items:center;border-radius:999px;padding:6px 9px;font-size:10px;font-weight:850;white-space:nowrap}.due-pill.overdue{background:#dc3545;color:#fff;box-shadow:0 3px 10px rgba(220,53,69,.18)}.due-pill.today{background:#fff1d6;color:#946112}.due-pill.upcoming{background:#e9f5ef;color:#19724f}@media(max-width:1250px){.work-filter-grid{grid-template-columns:repeat(3,1fr)}.work-filter-actions{grid-column:span 3;display:flex;justify-content:flex-end}}@media(max-width:900px){.work-summary-grid{grid-template-columns:1fr 1fr}.work-filter-grid{grid-template-columns:1fr 1fr}.work-filter-actions{grid-column:span 2}}@media(max-width:600px){.work-summary-grid,.work-filter-grid{grid-template-columns:1fr}.work-filter-actions{grid-column:auto}.work-filter-actions .btn{width:100%}}