/* Briefklar: shared tokens, small screens first. See DESIGN.md. */
:root { font-family: -apple-system,BlinkMacSystemFont,"Segoe UI",sans-serif; color:#203b34; background:#f5f6f2; font-synthesis:none; --green:#194d42; --muted:#586b63; --line:#dbe2da; --surface:#fff; --radius:16px; --space:16px; }
:root{--text:#203b34;--canvas:#f5f6f2;--soft:#edf3ee;--shadow:0 2px 6px #16332804,0 10px 30px #16332804;--space-sm:8px;--space-md:16px;--space-lg:24px;--space-xl:32px;color-scheme:light}
* { box-sizing:border-box; }
[hidden] { display:none!important; }
body { margin:0; line-height:1.5; }
button,input,select,textarea { font:inherit; }
button,a,input,select,textarea,summary { -webkit-tap-highlight-color:transparent; }
:focus-visible { outline:3px solid #b16a16; outline-offset:3px; }
button { color:inherit; cursor:pointer; border:0; background:none; }
a { color:var(--green); text-underline-offset:3px; }
button:disabled { opacity:.6; cursor:wait; }
button,.btn,summary { touch-action:manipulation; }
h1,h2,h3,p { overflow-wrap:anywhere; }
h1 { font-size:clamp(1.6rem,4vw,2rem); line-height:1.2; letter-spacing:-.04em; margin:0 0 10px; }
h2 { font-size:1.15rem; line-height:1.35; margin:0; }
h3 { font-size:1rem; line-height:1.4; margin:0; }
p { margin:12px 0; }
.sub,small { color:var(--muted); font-size:.875rem; }
.sub { margin:0; }
svg { width:22px; height:22px; fill:none; stroke:currentColor; stroke-width:1.8; stroke-linecap:round; stroke-linejoin:round; flex:none; }
.shell { min-height:100vh; min-height:100dvh; }
.sidebar { padding:calc(18px + env(safe-area-inset-top)) max(18px,env(safe-area-inset-right)) 12px max(18px,env(safe-area-inset-left)); background:#fcfdfb; border-bottom:1px solid var(--line); }
.brand { display:flex; align-items:center; gap:10px; font-size:1.4rem; font-weight:750; letter-spacing:-.05em; }
.brand small { display:block; font-size:.625rem; letter-spacing:.12em; }
.logo { display:grid; place-items:center; width:40px; height:40px; border-radius:13px; background:var(--green); color:#fff; }
.nav { display:grid; grid-template-columns:repeat(4,minmax(0,1fr)); position:fixed; bottom:0; left:0; right:0; z-index:5; padding:6px max(8px,env(safe-area-inset-right)) calc(6px + env(safe-area-inset-bottom)) max(8px,env(safe-area-inset-left)); background:#fcfdfbf5; border-top:1px solid var(--line); backdrop-filter:blur(12px); }
.nav button { display:flex; flex-direction:column; align-items:center; justify-content:center; gap:4px; min-height:56px; padding:6px 2px; border-radius:10px; font-size:.75rem; color:var(--muted); }
.nav button.active { background:#e6efe8; color:var(--green); font-weight:700; }
.nav [data-nav="calendar"],.sidebar-foot { display:none; }
.main { min-width:0; max-width:1240px; padding:0 max(16px,env(safe-area-inset-right)) calc(96px + env(safe-area-inset-bottom)) max(16px,env(safe-area-inset-left)); margin:auto; }
.topbar { display:flex; align-items:center; justify-content:space-between; flex-wrap:wrap; gap:8px; min-height:64px; padding:8px 0; border-bottom:1px solid var(--line); }
.topbar > span { font-size:.8125rem; color:var(--muted); overflow-wrap:anywhere; min-width:0; }
.topbar-actions { display:flex; align-items:center; gap:4px; }
.iconbtn { display:inline-flex; align-items:center; justify-content:center; width:44px; min-height:44px; border-radius:10px; }
.iconbtn:hover { background:#e6efe8; }
.pagehead { display:flex; flex-direction:column; gap:16px; margin:28px 0 24px; }
.pagehead .btn { align-self:flex-start; }
.btn { display:inline-flex; gap:8px; align-items:center; justify-content:center; min-height:46px; padding:11px 17px; border-radius:11px; background:var(--green); color:#fff; border:1px solid var(--green); font-size:.9375rem; font-weight:650; text-decoration:none; text-align:center; white-space:normal; overflow-wrap:anywhere; }
.btn:hover { filter:brightness(1.08); }
.btn.secondary,.btn.soft { background:#fff; color:var(--green); border-color:#bfcfc5; }
.btn.danger { color:#923727; background:#fff; border-color:#d7a89e; }
.textbtn { display:inline-flex; align-items:center; gap:6px; min-height:44px; padding:8px 2px; color:var(--green); font-size:.875rem; text-decoration:underline; text-underline-offset:4px; }
.card,.stat,.case-card { background:var(--surface); border:1px solid var(--line); border-radius:var(--radius); padding:18px; min-width:0; }
.list { display:grid; gap:12px; }
.case-card { display:flex; justify-content:space-between; gap:12px; width:100%; text-align:left; align-items:flex-start; }
.case-card > div:first-child { min-width:0; }
.case-card:hover { border-color:#769888; background:#fcfdfb; }
.case-card p { font-size:.875rem; color:var(--muted); margin:6px 0 10px; }
.case-card .task-right { flex-shrink:0; max-width:42%; text-align:right; }
.task-right strong { display:block; overflow-wrap:anywhere; font-size:.9375rem; margin-bottom:10px; }
.task-bottom { display:flex; gap:8px; flex-wrap:wrap; align-items:center; }
.badge { display:inline-block; background:#e7f1e7; color:#285b33; padding:4px 8px; border-radius:6px; font-size:.75rem; font-weight:650; }
.badge.warn { color:#735018; background:#fff0ce; }
.badge.urgent { color:#922e24; background:#fce9e4; }
.badge.neutral { color:#4c5e55; background:#edf0ec; }
.section-top { display:flex; align-items:center; justify-content:space-between; gap:12px; margin:24px 0 12px; }
.stats { display:grid; grid-template-columns:1fr; gap:12px; margin:24px 0; }
.stat span { color:var(--muted); font-size:.875rem; }
.stat strong { display:block; font-size:1.65rem; letter-spacing:-.025em; margin:8px 0; overflow-wrap:anywhere; }
.stat small { display:block; }
.home-summary { margin-top:28px; }
.home-summary .stats { margin:12px 0; }
.drop { display:flex; flex-direction:column; align-items:center; gap:8px; padding:24px 16px; width:100%; border:1.5px dashed #90ab97; background:#eef4ec; border-radius:var(--radius); text-align:center; cursor:pointer; }
.drop strong { font-size:1rem; }
.drop span { font-size:.875rem; color:var(--muted); }
.drop:hover,.drop.drag { background:#e4eee1; }
.intake { margin:24px 0; }
.start-guide { display:grid; gap:18px; }
.start-guide p { color:var(--muted); font-size:.875rem; margin-bottom:0; }
.empty { text-align:center; padding:28px 18px; color:var(--muted); }
.toolbar { display:flex; flex-wrap:wrap; gap:12px; margin:20px 0; }
.toolbar > * { flex:1 1 160px; min-width:0; }
input,select,textarea { display:block; width:100%; min-width:0; max-width:100%; min-height:46px; font-size:1rem; border:1px solid #aebfb5; border-radius:9px; padding:11px 12px; color:#203b34; background:#fff; }
textarea { resize:vertical; line-height:1.55; }
input[type="date"],input[type="month"] { -webkit-appearance:none; }
input[type="checkbox"] { width:22px; min-width:22px; height:22px; min-height:22px; margin:0; accent-color:var(--green); }
label { display:block; margin:0 0 7px; font-size:.875rem; color:#405a4d; font-weight:550; }
label.check { display:flex; align-items:flex-start; gap:12px; background:#eef4ec; border-radius:10px; padding:14px; line-height:1.5; }
.form-grid,.split { display:grid; grid-template-columns:minmax(0,1fr); gap:18px; }
.field { min-width:0; }
.wide { grid-column:1/-1; }
.field small { display:block; margin-top:6px; }
.form-actions { display:flex; flex-wrap:wrap; gap:10px; margin-top:24px; }
.form-actions > .btn { flex:1 1 150px; }
dialog { border:1px solid var(--line); border-radius:20px 20px 0 0; padding:0; margin:auto 0 0; width:100%; max-width:100%; max-height:94vh; max-height:94dvh; color:#203b34; background:#fff; overscroll-behavior:contain; box-shadow:0 16px 80px #16332835; }
dialog::backdrop { background:#16332877; }
.modal-head { display:flex; align-items:center; justify-content:space-between; gap:12px; padding:12px 16px; border-bottom:1px solid var(--line); background:#fff; position:sticky; top:0; z-index:3; }
.modal-head h2 { font-size:1.15rem; }
.modal-head button { flex:none; width:44px; height:44px; font-size:1.6rem; border-radius:10px; background:#f1f4ef; }
.modal-body { padding:20px 16px calc(24px + env(safe-area-inset-bottom)); }
.review-layout { display:grid; gap:24px; margin-top:20px; }
.original-panel { min-width:0; background:#f5f7f2; border:1px solid var(--line); border-radius:12px; padding:12px; }
.original-panel img,#original-preview { display:block; width:100%; height:auto; object-fit:contain; max-height:45vh; background:#fff; }
.preview-controls { margin:8px 0 12px; }
.preview-pages { display:flex; align-items:center; justify-content:space-between; gap:8px; margin:12px 0; font-size:.875rem; }
.preview-zoom { margin-top:10px; }
.original-panel.zoomed img { max-height:none; }
.files { display:flex; flex-wrap:wrap; gap:8px; margin:12px 0; min-width:0; }
.file { display:inline-flex; align-items:center; min-height:44px; padding:9px 11px; max-width:100%; border:1px solid var(--line); border-radius:9px; font-size:.8125rem; overflow-wrap:anywhere; word-break:break-word; background:#fff; text-align:left; }
pre { white-space:pre-wrap; overflow-wrap:anywhere; font-size:.8125rem; max-height:260px; overflow:auto; }
.notice { padding:14px 16px; border:1px solid #e2c998; background:#fff5df; color:#70501c; border-radius:12px; font-size:.875rem; line-height:1.55; margin:16px 0; white-space:pre-line; overflow-wrap:anywhere; }
.notice.green { background:#edf5ec; border-color:#bfd5b9; color:#34592b; }
.notice.error { background:#fff0ea; border-color:#e2afa1; color:#8c352a; }
.notice p { margin:8px 0; }
.next-action { padding:18px; background:#edf4ea; border-radius:12px; margin-top:24px; }
.detail-label { font-size:.875rem; color:var(--muted); }
.detail-value { font-size:1.6rem; font-weight:650; overflow-wrap:anywhere; }
.small-value { font-size:1.25rem; }
.history { padding-left:20px; font-size:.875rem; color:var(--muted); line-height:1.8; overflow-wrap:anywhere; }
details { margin-top:18px; }
summary { min-height:44px; padding:10px 0; cursor:pointer; font-size:.875rem; color:var(--green); font-weight:600; }
details[open] > summary { margin-bottom:12px; }
.spacer { height:20px; }
.spacer-card { margin-top:24px; }
.step-label { color:var(--muted); font-size:.8125rem; line-height:1.65; padding-bottom:12px; }
.step-label strong { color:var(--green); }
.progress { white-space:pre-line; padding:16px 0; min-height:52px; font-size:.875rem; }
#draft-status { min-height:22px; font-size:.8125rem; margin-top:14px; }
#save-state { font-size:.75rem; color:var(--muted); }
#save-state[data-status="error"] { color:#922e24; }
#connection-state { margin:12px 0 0; }
#toast { position:fixed; bottom:calc(86px + env(safe-area-inset-bottom)); left:50%; transform:translateX(-50%); z-index:20; display:none; max-width:calc(100% - 24px); width:max-content; background:#203f35; color:white; border-radius:12px; padding:12px 18px; font-size:.875rem; box-shadow:0 8px 24px #16332830; }
.footer { display:flex; flex-wrap:wrap; gap:12px; justify-content:space-between; font-size:.75rem; color:var(--muted); margin-top:32px; padding-top:16px; border-top:1px solid var(--line); }
.loading,.login-page { max-width:480px; padding:32px 20px; margin:5vh auto; }
.login-page { padding-top:calc(24px + env(safe-area-inset-top)); }
.login-page .brand { margin-bottom:28px; }
.login-page .btn { width:100%; }
.login-page h1 { font-size:1.7rem; }
.eyebrow { font-size:.7rem; letter-spacing:.12em; font-weight:650; color:var(--muted); margin-bottom:12px; }
#pwa-status { position:relative; z-index:6; max-width:960px; margin:auto; }
#pwa-status:not(:empty) { padding:12px 16px; background:#e8f1e6; border-bottom:1px solid var(--line); }
#pwa-status .btn { margin-left:12px; }
.session-lock { position:fixed; inset:0; z-index:100; background:#f5f6f2; padding:32px 20px; overflow:auto; }
.session-lock > div { max-width:480px; margin:10vh auto; }
body.session-hidden #app,body.session-hidden #modal,body.session-hidden #toast { visibility:hidden; }
.sr-only { position:absolute; width:1px; height:1px; overflow:hidden; clip:rect(0,0,0,0); }
@media (min-width:600px) { .stats { grid-template-columns:repeat(3,minmax(0,1fr)); } .form-grid,.split { grid-template-columns:repeat(2,minmax(0,1fr)); } .pagehead { flex-direction:row; align-items:center; justify-content:space-between; } .start-guide { grid-template-columns:repeat(3,minmax(0,1fr)); } }
@media (min-width:850px) {
 .shell { display:grid; grid-template-columns:228px minmax(0,1fr); }
 .sidebar { position:sticky; top:0; height:100vh; height:100dvh; border-bottom:0; border-right:1px solid var(--line); padding:32px 20px; display:flex; flex-direction:column; }
 .nav { position:static; display:grid; grid-template-columns:1fr; border:0; backdrop-filter:none; padding:0; margin-top:40px; gap:8px; background:none; }
 .nav button,.nav [data-nav="calendar"] { display:flex; flex-direction:row; justify-content:flex-start; padding:12px; gap:12px; font-size:.9375rem; }
 .sidebar-foot { display:grid; gap:12px; margin-top:auto; }
 .main { width:100%; padding:0 36px 40px; }
 .mobile-only { display:none; }
 .topbar { min-height:82px; }
 dialog { width:min(1040px,94vw); max-height:90vh; max-height:90dvh; margin:auto; border-radius:20px; }
 .modal-head { padding:16px 26px; }
 .modal-body { padding:24px 26px; }
 .review-layout { grid-template-columns:minmax(0,1fr) minmax(0,1fr); align-items:start; }
 .original-panel { position:sticky; top:0; }
 .original-panel img { max-height:65vh; }
 .form-actions { justify-content:flex-end; }
 .form-actions > .btn { flex:0 1 auto; }
 #toast { bottom:24px; }
}
@media (prefers-reduced-motion:no-preference) { .btn,.case-card { transition:background .12s,border-color .12s; } }
@media print { .sidebar,.topbar,.footer,#pwa-status,#toast { display:none; } body { background:#fff; } }

@media (max-width:849px) { dialog { position:fixed; top:max(12px,env(safe-area-inset-top)); bottom:auto; margin:0 auto; max-height:calc(var(--visible-height,94dvh) - 24px); border-radius:18px; } }

.nav button span {max-width:100%;overflow-wrap:anywhere;}
@media (max-width:849px) {.main {padding-bottom:calc(var(--nav-height,72px) + 24px + env(safe-area-inset-bottom));} #toast {bottom:calc(var(--nav-height,72px) + 12px);}}
.priority-card {min-width:0;padding:20px;border:1px solid var(--line);border-radius:18px;background:white;overflow-wrap:anywhere;}
.priority-card h2 {font-size:1.15rem;margin:14px 0 6px;}
.priority-card p {margin:8px 0;}
.priority-card.featured {padding:24px;background:#edf3ec;border-color:#afc4b1;border-top:4px solid #194d42;}
.priority-card.featured.attention {background:#fff6ee;border-color:#d9b49c;border-top-color:#9a422c;}
.priority-card.featured h2 {font-size:clamp(1.35rem,3vw,1.8rem);}
.priority-meta,.queue-overview {display:flex;flex-wrap:wrap;align-items:center;justify-content:space-between;gap:10px;}
.priority-meta {font-size:.8rem;}
.priority-card .eyebrow {margin-top:24px;}
.queue-overview {font-size:.85rem;color:var(--muted);margin:0 0 16px;}
.queue-overview b {color:var(--text);}
.priority-action {display:flex;flex-direction:column;align-items:stretch;gap:16px;margin-top:22px;}
.priority-action .btn {white-space:normal;line-height:1.45;text-align:left;min-height:48px;}
.priority-action strong {font-size:1.15rem;}
.priority-groups {margin-top:24px;}
.task-group {border:0;border-top:1px solid var(--line);padding:14px 0;}
.task-group summary {font-weight:650;min-height:44px;align-content:center;}
.count {display:inline-block;padding:2px 8px;margin-left:8px;background:#e8ece6;border-radius:20px;font-size:.8rem;}
.priority-list {display:grid;gap:12px;margin-top:12px;}
.desk-joke {display:block;margin:22px auto 0;min-height:44px;padding:8px 12px;border:0;background:transparent;color:var(--muted);font-size:.8rem;cursor:pointer;}
.calm-state {text-align:center;padding:30px 22px;}
.calm-state>span {font-size:2.5rem;color:var(--green);}
@media (min-width:700px) {.priority-action {flex-direction:row;align-items:center;justify-content:space-between;}.priority-action .btn {max-width:72%;}.priority-list {grid-template-columns:repeat(2,minmax(0,1fr));}.priority-list .priority-action {flex-direction:column;align-items:stretch;}.priority-list .btn {max-width:100%;}.priority-card.featured {padding:28px;}}
.monthly-row {border:1px solid var(--line);border-radius:16px;background:white;overflow:hidden;}
.monthly-row .case-card {border:0;width:100%;}
.monthly-row>.textbtn {margin:0 16px 10px;min-height:44px;}
.monthly-row small {display:block;font-size:.75rem;color:var(--muted);}
#push-actions {justify-content:flex-start;}
#push-settings {margin-bottom:16px;}
#link-form .field {margin:14px 0;}
#cancellation-text {width:100%;}
/* Mail: a quiet envelope, readable review, secondary actions progressively disclosed. */
.section-heading{display:flex;align-items:flex-start;justify-content:space-between;gap:1rem;flex-wrap:wrap}
.section-heading h2{margin-bottom:.3rem}
.mail-badge{display:inline-block;background:#eef1ed;color:#586b63;border-radius:2rem;padding:.35rem .7rem;font-size:.8rem;white-space:nowrap}
.mail-badge.ready{background:#e6f2e9;color:#194d42}
.mail-address{display:block;padding:.8rem;background:#f5f6f2;overflow-wrap:anywhere;white-space:normal}
.mail-envelope{display:grid;grid-template-columns:4.5rem minmax(0,1fr);gap:.65rem 1rem;padding:1rem;background:#f5f6f2;border-radius:12px}
.mail-envelope dt{color:#586b63}.mail-envelope dd{margin:0;overflow-wrap:anywhere}
.mail-preview{white-space:pre-wrap;overflow-wrap:anywhere;line-height:1.7;padding:1.2rem;border:1px solid #dbe2da;border-radius:12px;background:white;}
.mail-attachment{display:flex;align-items:center;gap:.7rem;min-height:48px;padding:.5rem 0;overflow-wrap:anywhere}
.mail-attachment input{width:20px!important;height:20px!important;min-height:20px!important;flex:none;accent-color:#194d42}
.mail-attachments,.mail-alternatives{margin:1rem 0}.mail-send-actions{margin-top:1.2rem}
.mail-success{text-align:center;padding:1.5rem .5rem}.mail-success>span{display:inline-grid;place-items:center;width:54px;height:54px;background:#e6f2e9;color:#194d42;border-radius:50%;font-size:1.8rem}
#answer-form textarea{margin-bottom:1rem}#answer-form>.field{margin-top:.8rem}#answer-mail-status{margin:.8rem 0}
@media(max-width:480px){.mail-send-actions .btn{width:100%}.mail-envelope{grid-template-columns:3.6rem minmax(0,1fr);padding:.8rem;gap:.6rem}.mail-preview{padding:.9rem}.section-heading{gap:.5rem}}

body:has(dialog[open]){overflow:hidden}
/* Workflow overview: separate responsibility from reading and monetary state. */
.post-stats{margin:8px 0 26px}.post-stats h2{margin-bottom:12px}.status-stats{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:12px}.status-stats .stat{text-align:left;min-width:0;border:1px solid var(--line);background:var(--surface);border-radius:var(--radius);padding:18px}.status-stats .stat:hover{border-color:var(--green)}.status-stats .stat strong{display:block;font-size:2rem}.status-stats .stat small{display:block}
.activity-indicator{display:flex;align-items:center;gap:12px;background:#eaf2ed;border:1px solid #b9cebf;color:#194d42;padding:12px 16px;border-radius:12px;margin-bottom:16px;position:sticky;top:0;z-index:4;box-shadow:0 4px 16px #16332812;pointer-events:none}.activity-indicator strong,.activity-indicator small{display:block}.activity-indicator strong{font-size:.9rem}.activity-floating{position:fixed;top:12px;right:12px;left:12px;max-width:460px;margin-left:auto;z-index:20}.activity-spinner{width:22px;height:22px;flex:none;border:3px solid #b9cebf;border-top-color:#194d42;border-radius:50%;animation:activity-spin .8s linear infinite}@keyframes activity-spin{to{transform:rotate(360deg)}}
@media(max-width:650px){.status-stats{grid-template-columns:repeat(2,minmax(0,1fr));gap:10px}.status-stats .stat{padding:14px}.status-stats .stat strong{font-size:1.7rem}}
@media(prefers-reduced-motion:reduce){.activity-spinner{animation:none;border-style:dotted}}

/* Product 0.10: consistent browsing, recoverable actions, accessible navigation. */
.skip-link{position:fixed;top:-100px;left:16px;z-index:100;background:var(--green);color:white;padding:12px 18px;border-radius:10px}
.skip-link:focus{top:12px}
.main:focus{outline:none}
.pagehead{gap:18px}.pagehead .sub{max-width:62ch;line-height:1.65}
.card,.stat,.priority-card{box-shadow:var(--shadow)}
.case-card h3{font-weight:650;line-height:1.5}.case-card:focus-visible{outline-offset:2px}
.entry-category{display:block;color:var(--muted);font-size:.75rem;font-weight:600;letter-spacing:.03em;margin-bottom:8px}
.search-panel{padding:20px;background:var(--surface);border:1px solid var(--line);border-radius:var(--radius);box-shadow:var(--shadow)}
.search-panel input{font-size:1rem;min-height:50px}
.filter-pills{display:flex;gap:8px;flex-wrap:wrap;margin-top:14px}
.filter-pills button{min-height:44px;padding:8px 16px;border:1px solid var(--line);border-radius:24px;font-size:.875rem;background:white}
.filter-pills [aria-pressed="true"]{color:white;background:var(--green);border-color:var(--green)}
.result-count{color:var(--muted);font-size:.875rem;margin:20px 0 12px}
.neutral-notice{background:var(--soft);border-color:var(--line);color:var(--text)}
.empty h2{color:var(--text);margin-bottom:8px}.empty p{max-width:48ch;margin:8px auto 20px}
.trash-card{display:flex;align-items:center;justify-content:space-between;gap:20px;flex-wrap:wrap}.trash-card h2{font-size:1rem}.trash-card .form-actions{margin:0;flex:0 1 auto}.trash-card .form-actions .btn{flex:1 1 auto}
.calendar-day{display:grid;grid-template-columns:minmax(0,1fr);gap:12px;padding:18px;background:var(--surface);border:1px solid var(--line);border-radius:var(--radius)}
.calendar-date{font-size:.875rem;font-weight:650;color:var(--green)}.calendar-day .case-card{border:0;padding:4px 0 10px;border-radius:0}.calendar-day>.btn{justify-self:start}
.settings{max-width:900px}.settings>.card,.settings>form,.settings>details{margin-bottom:18px}
.main>h2{margin:28px 0 14px}
.settings summary{font-size:1rem}.settings .card h2{margin-bottom:8px}
.start-guide{padding:24px;border:1px solid var(--line);border-radius:var(--radius);background:var(--surface);margin:24px 0}
.start-guide ol{padding-left:22px;margin:0;display:grid;gap:12px;font-size:.9375rem}
.footer{gap:12px;flex-wrap:wrap}.footer .textbtn{font-size:.8125rem}
.activity-indicator{position:relative;top:auto;z-index:2}.activity-floating{position:fixed;top:12px;z-index:20}
#save-state[data-status="ok"]{color:var(--muted);font-size:.75rem}
@media(min-width:850px){.pagehead{flex-direction:row;align-items:center;justify-content:space-between}.pagehead .btn{flex-shrink:0;align-self:center}.search-panel{padding:24px}.calendar-day{grid-template-columns:130px minmax(0,1fr) auto;align-items:center}.calendar-day .case-card{padding:6px 12px}.calendar-day>.btn{font-size:.8125rem;max-width:170px}.main{padding-top:0}.trash-card .form-actions{flex-wrap:nowrap}}
@media(max-width:420px){.topbar>span{max-width:calc(100% - 185px)}.topbar-actions{gap:0}.search-panel{padding:16px}.filter-pills{gap:6px}.filter-pills button{padding:8px 12px}.trash-card .form-actions{width:100%}.case-card .task-right{max-width:34%}.calendar-day{padding:16px}.form-actions .btn{min-height:48px}}
@media(prefers-reduced-motion:reduce){*,*::before,*::after{scroll-behavior:auto!important;transition:none!important;animation:none!important}}