:root{font-family:Inter,ui-sans-serif,-apple-system,BlinkMacSystemFont,"Segoe UI",Arial,sans-serif;color:#1e3039;background:#f5f7f7;font-size:15px;font-synthesis:none;-webkit-font-smoothing:antialiased;--ink:#142c37;--muted:#6e7d83;--teal:#007b74;--light-teal:#eaf6f2;--line:#e3e9e9;--gold:#d7b98c}
*{box-sizing:border-box}body{margin:0;min-width:300px}button,input,select,textarea{font:inherit}button{cursor:pointer}button:disabled{opacity:.55;cursor:wait}input,textarea,select{color:var(--ink);background:#fff}input:focus-visible,textarea:focus-visible,select:focus-visible,button:focus-visible{outline:3px solid #88cbc2;outline-offset:2px}button{transition:transform .12s ease,background-color .12s ease}button:active{transform:translateY(1px)}[hidden]{display:none!important}.sr-only{position:absolute;width:1px;height:1px;overflow:hidden;clip:rect(0,0,0,0);white-space:nowrap}.shell{min-height:100vh}.topbar{background:#112b35;min-height:79px;padding:14px max(20px,calc((100vw - 1170px)/2));display:flex;align-items:center;justify-content:space-between;color:#fff;gap:16px;border-bottom:3px solid var(--gold)}.brand{display:flex;gap:13px;align-items:center}.brand-mark{width:43px;height:43px;display:grid;place-items:center;background:#29424d;border:1px solid #587078;border-radius:12px;color:#e7d2ad;flex:none}.brand-mark svg{width:29px;height:29px}.brand-name{letter-spacing:.1em;font-size:17px;font-weight:800;line-height:1.05}.brand-name>span{color:#d8b887}.brand-name small{display:block;color:#9db0b7;letter-spacing:.34em;font-size:9px;margin-top:6px}.topbar-right{display:flex;align-items:center;gap:20px}.private-tag{color:#b5c6c9;letter-spacing:.13em;font-weight:700;font-size:10px;white-space:nowrap}.private-dot{display:inline-block;width:7px;height:7px;border-radius:100%;background:#77c3a4;margin-right:6px}.text-button{color:#e2f2f0;background:none;border:0;text-decoration:underline;text-underline-offset:4px}.demo-banner{background:#fff1d4;color:#755008;padding:12px 20px;text-align:center;font-size:13px;font-weight:650}.eyebrow{color:#187c74;font-size:11px;font-weight:800;letter-spacing:.17em;margin:0 0 12px}.muted{color:var(--muted)}.login-wrap{display:grid;place-items:center;min-height:calc(100vh - 82px);padding:36px 18px}.login-card{background:white;border:1px solid var(--line);border-radius:19px;box-shadow:0 20px 65px #122b3514;width:min(100%,485px);padding:43px}.login-icon{font-size:37px;color:#0b8079;background:#ecf7f4;width:64px;height:64px;display:grid;place-items:center;border-radius:17px;margin-bottom:26px}.login-card h1{font-size:clamp(27px,4vw,37px);letter-spacing:-.045em;line-height:1.11;margin:0 0 14px}.login-sub{line-height:1.6;margin:0 0 31px}.login-card label{font-size:13px;font-weight:700;display:block;margin-bottom:10px}.password-row{position:relative}.password-row input{width:100%;height:52px;padding:10px 77px 10px 15px;border:1px solid #d5dfdf;border-radius:10px}.show-button{position:absolute;right:10px;top:10px;padding:7px 9px;background:#f3f7f7;border:0;border-radius:6px;color:#50666f;font-size:12px}.login-card .primary-button{margin-top:16px}.login-foot{text-align:center;color:#92a0a2;margin:26px 0 0;font-size:12px}.primary-button,.secondary-button,.danger-button{display:inline-flex;gap:10px;align-items:center;justify-content:center;border-radius:9px;min-height:43px;padding:11px 18px;font-weight:700;font-size:13px;border:1px solid transparent;white-space:nowrap}.primary-button{background:#007e76;color:#fff;box-shadow:0 3px 8px #007e7620}.primary-button:hover{background:#006c65}.secondary-button{background:#fff;color:#273e46;border-color:#d8e1e1}.secondary-button:hover{background:#f5faf9}.danger-button{background:#b73435;color:#fff}.danger-button:hover{background:#a52a2b}.full{width:100%}.workspace{max-width:1170px;margin:0 auto;padding:47px 20px 24px}.welcome{display:flex;align-items:center;justify-content:space-between;gap:30px;margin-bottom:34px}.welcome h1{font-size:clamp(31px,4vw,45px);line-height:1.12;letter-spacing:-.051em;margin:0 0 11px}.heading-period{color:#d8b183}.welcome .muted{margin:0;line-height:1.5}.welcome-actions{display:flex;align-items:center;gap:10px;flex-wrap:wrap}.plus{font-size:19px;line-height:0}.metrics{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:15px;margin-bottom:39px}.metric{background:#fff;border:1px solid var(--line);border-radius:14px;min-height:155px;padding:23px 23px 20px;box-shadow:0 4px 18px #16282e05;display:flex;flex-direction:column}.metric-title{color:#7a8b91;letter-spacing:.10em;font-size:10px;font-weight:800}.metric-value{color:#1a303a;font-size:37px;line-height:1.26;letter-spacing:-.05em;margin-top:13px;font-weight:750;overflow-wrap:anywhere}.metric-sub{color:#96a3a7;font-size:12px;margin-top:auto}.metric-featured{background:#143740;border-color:#143740}.metric-featured .metric-title{color:#c8d6d8}.metric-featured .metric-value{color:#f7f4e9}.metric-featured .metric-sub{color:#a4c1c1}.metric-value.currency-value{font-size:clamp(22px,2.7vw,30px);letter-spacing:-.045em}.record-section{background:#fff;border:1px solid var(--line);border-radius:17px;padding:26px 26px 28px;box-shadow:0 5px 21px #102a3307;min-height:290px}.record-head{display:flex;align-items:end;justify-content:space-between;gap:15px;margin-bottom:22px}.record-head h2{font-size:23px;letter-spacing:-.04em;margin:0}.record-head .eyebrow{margin:0 0 10px}.count-pill{font-size:12px;display:inline-flex;min-width:23px;height:24px;align-items:center;justify-content:center;padding:0 7px;vertical-align:middle;border-radius:20px;background:#ecf3f3;color:#5f797a;letter-spacing:0}.gross-summary{display:flex;flex-direction:column;align-items:end;gap:4px;color:#809194;font-size:12px}.gross-summary strong{font-size:18px;color:#1a4f48}.filterbar{display:grid;grid-template-columns:minmax(190px,1fr) 170px 170px;gap:10px;margin-bottom:20px}.filterbar input,.filterbar select{width:100%;height:45px;border:1px solid #dae4e5;border-radius:9px;padding:10px 12px;font-size:13px;outline-offset:1px}.search-wrap{position:relative}.search-wrap input{padding-left:41px}.search-icon{position:absolute;left:15px;top:8px;font-size:23px;color:#89999a;pointer-events:none}.case-list{display:flex;flex-direction:column;gap:12px}.case-item{padding:21px 22px;background:#fff;border:1px solid #e5ebea;border-radius:12px;display:grid;grid-template-columns:minmax(0,1fr) auto;gap:12px;transition:border-color .2s,box-shadow .2s}.case-item:hover{border-color:#c6d8d4;box-shadow:0 4px 12px #0f3b2d08}.case-tags{display:flex;gap:7px;align-items:center;flex-wrap:wrap;margin-bottom:11px}.tag{display:inline-flex;align-items:center;border-radius:5px;padding:4px 8px;font-size:10px;font-weight:800;letter-spacing:.02em}.tag-type{background:#eaf2f2;color:#3c6468}.tag-finished{background:#eaf6f0;color:#248061}.tag-open{background:#fff2da;color:#a36f13}.tag-extension{background:#f1eef9;color:#8068a2}.case-address{font-size:17px;line-height:1.32;letter-spacing:-.018em;font-weight:750;color:#1e343f;margin:0 0 13px;overflow-wrap:anywhere}.case-details{display:flex;flex-wrap:wrap;gap:8px 19px;color:#7e8d90;font-size:12px}.case-details strong{color:#4b6569;font-weight:700}.case-money{display:flex;gap:22px;justify-content:flex-end;text-align:right;margin-bottom:13px}.money-label{display:block;color:#84949b;font-size:10px;letter-spacing:.08em;font-weight:750;margin-bottom:4px}.money-amount{font-size:17px;font-weight:750;color:#23484c}.money-net .money-amount{color:#00776e}.case-actions{display:flex;justify-content:flex-end;gap:9px}.small-button{border:1px solid #d5e2e1;border-radius:7px;background:#fff;color:#44636a;font-weight:700;font-size:12px;padding:8px 12px;min-height:34px}.small-button:hover{background:#eff7f6}.small-button-delete{color:#b35454}.small-button-delete:hover{background:#fff4f3;border-color:#edc9c9}.empty-state{text-align:center;border:1px dashed #d0dfe0;background:#f9fcfc;padding:49px 16px;border-radius:12px}.empty-icon{display:grid;place-items:center;width:53px;height:53px;border-radius:14px;background:#e9f4f3;color:#3e8b83;font-size:27px;margin:0 auto 15px}.empty-state h3{font-size:18px;margin:0 0 7px}.empty-state p{font-size:13px;color:#8a989d;margin:0 0 18px}.app-footer{text-align:center;color:#9ba8a9;font-size:11px;padding:30px 0 5px}.app-footer span{margin:0 8px}.case-dialog,.confirm-dialog{border:1px solid #e0e8e8;border-radius:16px;background:#fff;color:var(--ink);padding:0;box-shadow:0 23px 90px #14272b46;max-height:min(92dvh,970px)}.case-dialog::backdrop,.confirm-dialog::backdrop{background:#0619239e;backdrop-filter:blur(3px)}.case-dialog{width:min(660px,calc(100% - 22px));overflow:auto}.dialog-top{padding:24px 29px;border-bottom:1px solid #e7eeee;display:flex;align-items:center;justify-content:space-between;gap:20px}.dialog-top h2{font-size:25px;letter-spacing:-.04em;margin:0}.dialog-top .eyebrow{margin-bottom:6px}.close-button{width:34px;height:34px;border-radius:9px;border:0;background:#f2f6f5;color:#62767a;font-size:25px;line-height:1}.dialog-content{padding:23px 29px 5px}.form-section-name{display:flex;gap:11px;align-items:center;font-size:14px;font-weight:800;color:#2d4b50;margin:4px 0 18px}.form-section-name:not(:first-child){margin-top:28px}.step{display:grid;place-items:center;width:28px;height:28px;border-radius:8px;background:#eef6f3;color:#258378;font-size:10px;letter-spacing:.03em}.field-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:15px}.field{margin-bottom:15px}.field label,.extension-label{display:block;font-size:12px;font-weight:750;color:#385259;margin-bottom:9px}.field em{color:#a34e36;font-style:normal}.field>input,.field>textarea,.field>select{border:1px solid #d4e0e0;border-radius:8px;padding:11px 12px;background:#fff;min-height:44px;width:100%;outline-offset:1px;font-size:14px}.field textarea{resize:vertical;min-height:75px}.money-field{display:flex;align-items:center;border:1px solid #d4e0e0;border-radius:8px;overflow:hidden;height:45px}.money-field:focus-within{outline:3px solid #88cbc2;outline-offset:2px}.money-field span{color:#8aa0a0;border-right:1px solid #e0e9e8;background:#f7faf9;padding:12px}.money-field input{border:0;min-width:0;width:100%;height:100%;padding:10px 12px;outline:none}.money-field input:focus-visible{outline:none}.extension-box{border:1px solid #e2ebea;border-radius:10px;background:#f8fbfa;padding:17px 18px;display:flex;align-items:center;justify-content:space-between;gap:12px}.extension-label{margin-bottom:4px}.helper{margin:0;font-size:12px;color:#829194}.switch{display:flex;gap:9px;align-items:center;cursor:pointer}.switch input{position:absolute;opacity:0;width:1px;height:1px}.switch-track{height:23px;width:42px;border-radius:50px;background:#c4d1cf;display:block;position:relative;transition:background .2s}.switch-track:before{content:"";position:absolute;width:17px;height:17px;left:3px;top:3px;background:#fff;border-radius:50%;transition:transform .2s;box-shadow:0 1px 2px #0002}.switch input:checked+.switch-track{background:#007e76}.switch input:checked+.switch-track:before{transform:translateX(19px)}.switch input:focus-visible+.switch-track{outline:3px solid #88cbc2;outline-offset:3px}.switch-word{font-size:13px;color:#4f6e70;font-weight:700;min-width:23px}.extension-period{margin:14px 0 0;max-width:265px}.dialog-bottom{border-top:1px solid #e3ebeb;padding:16px 29px 19px;display:flex;justify-content:flex-end;gap:10px;background:#fff;position:sticky;bottom:0}.form-error{color:#b62d30;background:#fff1f1;border:1px solid #f4cdcd;padding:10px 12px;border-radius:7px;font-size:13px;line-height:1.4}.confirm-dialog{width:min(425px,calc(100% - 24px));padding:28px}.confirm-dialog h2{font-size:23px;letter-spacing:-.03em;margin:0 0 10px}.confirm-dialog p{font-size:14px;line-height:1.6}.confirm-actions{display:flex;gap:9px;justify-content:flex-end;margin-top:22px}.toast{position:fixed;bottom:24px;left:50%;transform:translateX(-50%);border-radius:10px;background:#14383a;color:white;padding:12px 20px;z-index:99;box-shadow:0 13px 35px #0003;font-size:13px;font-weight:700;max-width:calc(100% - 28px);text-align:center}
@media(max-width:1000px){.metrics{grid-template-columns:repeat(2,minmax(0,1fr))}.metric{min-height:133px}.workspace{padding-top:33px}.welcome{align-items:start}.welcome-actions{justify-content:flex-end}.case-money{gap:12px}.case-item{padding:19px}}
@media(max-width:680px){.topbar{padding:12px 17px;min-height:70px}.brand-mark{width:39px;height:39px}.brand-name{font-size:15px}.private-tag{font-size:9px;letter-spacing:.05em}.topbar-right{gap:10px}.workspace{padding:27px 14px 20px}.welcome{display:block;margin-bottom:22px}.welcome h1{font-size:34px}.welcome .muted{font-size:13px}.welcome-actions{margin-top:20px;justify-content:stretch}.welcome-actions button{flex:1}.metrics{gap:10px;margin-bottom:22px}.metric{padding:17px;min-height:124px;border-radius:11px}.metric-value{font-size:31px}.metric-title{font-size:9px}.metric-sub{font-size:11px}.metric-value.currency-value{font-size:23px}.record-section{padding:19px 13px;border-radius:13px}.record-head{align-items:start}.record-head h2{font-size:21px}.gross-summary{font-size:10px}.gross-summary strong{font-size:14px}.filterbar{grid-template-columns:1fr 1fr;gap:8px}.search-wrap{grid-column:1/-1}.case-item{grid-template-columns:1fr;gap:13px;padding:16px}.case-money{justify-content:flex-start;text-align:left;margin:0}.case-actions{justify-content:flex-start}.case-details{gap:7px 13px}.login-card{padding:28px 23px}.dialog-top{padding:17px 19px}.dialog-content{padding:18px 19px 0}.dialog-bottom{padding:15px 19px}.case-dialog{max-height:94dvh}.confirm-actions{flex-wrap:wrap}}
@media(max-width:370px){.private-tag{display:none}.welcome-actions button{font-size:11px;padding:9px}.metrics{grid-template-columns:1fr 1fr}.metric-value.currency-value{font-size:19px}.field-grid{grid-template-columns:1fr}.case-money{flex-wrap:wrap}.record-head{display:block}.gross-summary{align-items:start;margin-top:13px}}
@media(max-width:480px){.field-grid{grid-template-columns:1fr;gap:0}.extension-box{padding:14px}.dialog-bottom button{padding:10px 12px}.confirm-actions button{flex:1}}

/* v1.1 — dense, always-three-column overview */
.workspace{padding-top:32px}
.welcome{margin-bottom:19px}
.dashboard-summary{display:grid;gap:9px;margin-bottom:18px}
.metrics{margin-bottom:0;gap:9px}
.metrics-primary{display:grid;grid-template-columns:repeat(3,minmax(0,1fr))}
.metrics-secondary{display:grid;grid-template-columns:minmax(0,2fr) minmax(0,1fr)}
.metric{min-height:0;padding:13px 16px 12px;border-radius:10px;box-shadow:none}
.metric-title{font-size:10px;line-height:1.25;letter-spacing:.055em}
.metric-value{font-size:30px;line-height:1.1;margin-top:7px;overflow-wrap:anywhere}
.metric-value.currency-value{font-size:clamp(20px,2.7vw,30px)}
.metric-sub{margin-top:5px;font-size:10px;line-height:1.3}
.record-section{padding:20px}
.record-head{margin-bottom:15px}
.handover-field{max-width:calc(50% - 8px)}
.commission-breakdown{display:flex;flex-wrap:wrap;gap:8px 22px;padding:9px 12px;border:1px solid #e0ece9;background:#f7fbfa;border-radius:8px;font-size:12px;color:#688188;margin-top:0}
.commission-breakdown strong{color:#26474b}
.manual-net-option{display:inline-flex;align-items:center;gap:9px;margin:13px 0 3px;color:#39585a;font-size:12px;font-weight:700;cursor:pointer}
.manual-net-option input{width:17px;height:17px;accent-color:#007e76}
.commission-note{margin:4px 0 16px;font-size:11px;color:#758d8d;line-height:1.4}
.money-field:has(input[readonly]){background:#f4f9f7}
.money-field input[readonly]{background:#f4f9f7;color:#006d67;font-weight:750}
.tag-manual{background:#f3f2fa;color:#655c9a}
@media(max-width:1000px){.metrics-primary{grid-template-columns:repeat(3,minmax(0,1fr))}.metrics-secondary{grid-template-columns:minmax(0,2fr) minmax(0,1fr)}.metric{min-height:0}}
@media(max-width:680px){.workspace{padding-top:22px}.welcome{margin-bottom:16px}.dashboard-summary{gap:7px;margin-bottom:16px}.metrics{gap:7px}.metric{padding:11px 9px 10px;border-radius:8px;min-height:0}.metric-title{font-size:9px;letter-spacing:0;line-height:1.25}.metric-value{font-size:27px;margin-top:6px}.metric-value.currency-value{font-size:clamp(18px,4.4vw,24px)}.metric-sub{font-size:9px;margin-top:4px}.record-section{padding:15px 12px}.handover-field{max-width:100%}}
@media(max-width:370px){.metrics-primary{grid-template-columns:repeat(3,minmax(0,1fr))}.metrics-secondary{grid-template-columns:minmax(0,2fr) minmax(0,1fr)}.metric-title{font-size:8px}.metric-value{font-size:24px}.metric-value.currency-value{font-size:17px}}

/* v1.2 — case type selection and compact case filters */
.tag-case-type{background:#eaf4e8;color:#3e7742}
.filterbar{grid-template-columns:minmax(170px,1fr) repeat(3,minmax(125px,158px));gap:8px}
.case-meta-fields{grid-template-columns:repeat(3,minmax(0,1fr))}
@media(max-width:750px){.filterbar{grid-template-columns:repeat(3,minmax(0,1fr))}.search-wrap{grid-column:1/-1}.filterbar select{font-size:11px;padding:8px 6px}.case-meta-fields{grid-template-columns:repeat(2,minmax(0,1fr));gap:10px}}
@media(max-width:480px){.filterbar{grid-template-columns:repeat(2,minmax(0,1fr))}.search-wrap{grid-column:1/-1}.filterbar select:last-child{grid-column:1/-1}.case-meta-fields{grid-template-columns:1fr;gap:0}}

/* v1.3 — David Ang Sales: compact mobile-first register */
html,body,.shell{width:100%;min-width:0;max-width:100%;overflow-x:clip}
.topbar{min-height:60px;padding-block:9px;border-bottom-width:2px}
.brand{min-width:0;gap:9px}
.brand-mark{width:34px;height:34px;border-radius:9px}
.brand-mark svg{width:23px;height:23px}
.brand-name{font-size:12px;letter-spacing:.045em;line-height:1.1}
.brand-name small{font-size:8px;letter-spacing:.15em;margin-top:3px}
.private-tag{font-size:9px;letter-spacing:.06em}
.workspace{padding-top:20px;padding-bottom:15px}
.welcome{gap:10px;margin-bottom:12px;align-items:center}
.welcome h1{font-size:clamp(23px,2.6vw,30px);letter-spacing:-.036em;line-height:1.15;margin:0 0 3px}
.welcome .muted{font-size:11px;line-height:1.35}
.welcome-actions{gap:6px;flex-wrap:nowrap}
.welcome-actions .primary-button,.welcome-actions .secondary-button{min-height:33px;padding:6px 11px;font-size:11px;border-radius:7px;gap:5px}
.welcome-actions .plus{font-size:15px}
.yearbar{display:flex;justify-content:flex-end;align-items:center;gap:7px;margin:0 0 9px}
.yearbar label{font-size:10px;color:#617e82;font-weight:800}
.yearbar select{width:125px;min-width:0;min-height:32px;border:1px solid #d5e2e2;border-radius:7px;background:#fff;color:#263e42;padding:4px 9px;font-size:11px}
.dashboard-summary{gap:7px;margin-bottom:14px}
.metrics{gap:7px}
.metrics-primary{grid-template-columns:repeat(3,minmax(0,1fr))}
.metrics-secondary{grid-template-columns:repeat(2,minmax(0,1fr))}
.metric{min-width:0;padding:11px 12px 10px;border-radius:9px}
.metric-title{font-size:9px;letter-spacing:.025em;line-height:1.2}
.metric-value{font-size:27px;margin-top:4px;line-height:1.12;letter-spacing:-.035em}
.metric-value.currency-value{font-size:clamp(17px,2.6vw,28px);overflow-wrap:anywhere}
.metrics-secondary .metric:not(.metric-featured){background:#e8f5f3;border-color:#cfe9e5}
.metrics-secondary .metric:not(.metric-featured) .metric-value{color:#14655f}
.record-section{min-width:0;padding:15px;border-radius:12px}
.record-head{align-items:center;margin-bottom:11px;flex-wrap:wrap;gap:7px}
.record-head h2{font-size:18px;letter-spacing:-.025em;min-width:0}
.count-pill{font-size:10px;min-width:19px;height:20px;padding:0 5px}
.sort-note{font-size:10px;font-weight:600;color:#84959a}
.filterbar{display:grid;grid-template-columns:minmax(155px,1fr) repeat(3,minmax(100px,140px));gap:6px;margin-bottom:12px}
.filterbar input,.filterbar select{min-width:0;width:100%;height:35px;padding:6px 9px;font-size:11px;border-radius:7px}
.search-wrap input{padding-left:30px}
.search-icon{left:10px;top:5px;font-size:19px}
.case-list{gap:9px}
.case-item{min-width:0;background:#eef8f7;border:1px solid #cde3e0;border-left:4px solid #6fb4ab;border-radius:10px;padding:14px;gap:15px;grid-template-columns:minmax(0,1fr) minmax(250px,340px)}
.case-item.case-received{background:#f0f5fb;border-color:#d5e2ee;border-left-color:#668db2}
.case-item:hover{border-color:#96c7c1;box-shadow:0 3px 11px #0f3b2d12}
.case-main,.case-right{min-width:0}
.case-right{display:flex;flex-direction:column;justify-content:space-between;gap:13px}
.case-tags{gap:5px;margin-bottom:7px}
.tag{font-size:9px;padding:3px 6px;border-radius:4px}
.case-address{font-size:14px;margin-bottom:7px;line-height:1.36}
.case-details{gap:4px 11px;font-size:10px}
.case-money{min-width:0;display:grid;grid-template-columns:repeat(2,minmax(0,1fr));align-items:start;gap:10px;margin:0;text-align:left}
.case-money>div{min-width:0}
.money-label{font-size:9px;letter-spacing:.025em;margin-bottom:3px}
.money-amount{font-size:clamp(14px,1.5vw,17px);line-height:1.25;display:block;overflow-wrap:anywhere}
.case-actions{display:flex;align-items:center;justify-content:flex-start;gap:5px;flex-wrap:wrap;margin-top:3px}
.small-button{min-height:29px;padding:5px 8px;border-radius:6px;font-size:10px;line-height:1.25;white-space:normal}
.receipt-button{background:#007e76;color:#fff;border-color:#007e76}
.receipt-button:hover{background:#006960;color:#fff}
.receipt-button.receipt-done{color:#285a6f;background:#e1edf5;border-color:#bfd4e2}
.receipt-button.receipt-done:hover{background:#d7e8f3}
.empty-state{padding:28px 12px}
.app-footer{padding-top:18px;font-size:10px}
/* Input and modal safety at narrow widths, including embedded mobile iframes */
.case-dialog{width:min(660px,calc(100vw - 16px));max-width:calc(100vw - 16px)}
.case-dialog,.confirm-dialog{overflow-x:hidden}
.dialog-top,.dialog-content,.dialog-bottom{min-width:0}
.field-grid{min-width:0}
.field-grid>.field{min-width:0}
.field>input,.field>select,.field>textarea,.money-field{max-width:100%;min-width:0}
@media(max-width:850px){
 .filterbar{grid-template-columns:repeat(3,minmax(0,1fr))}
 .search-wrap{grid-column:1/-1}
 .case-item{grid-template-columns:minmax(0,1fr)}
 .case-right{gap:12px}
 .case-money{max-width:410px}
}
@media(max-width:680px){
 .topbar{padding:8px 12px;min-height:56px}
 .workspace{padding:13px 10px 16px}
 .welcome{display:flex;align-items:start;gap:7px;flex-wrap:wrap;margin-bottom:9px}
 .welcome h1{font-size:23px}
 .welcome .muted{font-size:10px}
 .welcome-actions{margin-top:1px;gap:5px}
 .welcome-actions button{flex:0 0 auto}
 .welcome-actions .primary-button,.welcome-actions .secondary-button{font-size:10px;min-height:30px;padding:5px 8px}
 .yearbar{margin:0 0 7px}
 .dashboard-summary{gap:6px;margin-bottom:12px}
 .metrics{gap:5px}
 .metric{padding:9px 8px;min-width:0;border-radius:7px}
 .metric-title{font-size:8px;line-height:1.2;letter-spacing:0}
 .metric-value{font-size:25px;margin-top:5px}
 .metric-value.currency-value{font-size:clamp(14px,4.1vw,23px)}
 .record-section{padding:12px 9px}
 .record-head h2{font-size:16px}
 .sort-note{font-size:9px}
 .filterbar{grid-template-columns:repeat(2,minmax(0,1fr));gap:5px;margin-bottom:10px}
 .search-wrap{grid-column:1/-1}
 .filterbar select{font-size:10px;padding:5px 7px;height:33px}
 .filterbar select:last-child{grid-column:auto}
 .filterbar input{height:33px;font-size:11px}
 .case-item{padding:11px 10px 12px;gap:12px;border-left-width:3px}
 .case-address{font-size:13px}
 .case-details{gap:4px 9px;font-size:10px}
 .case-money{grid-template-columns:repeat(2,minmax(0,1fr));gap:9px}
 .money-amount{font-size:clamp(13px,4vw,16px)}
 .case-actions{gap:5px;margin-top:4px}
 .small-button{font-size:10px;padding:5px 7px;min-height:28px}
 .login-card{padding:23px 18px}
}
@media(max-width:360px){
 .private-tag{display:none}
 .brand-name{font-size:11px}
 .metric{padding:8px 6px}
 .metric-title{font-size:7.5px}
 .metric-value{font-size:22px}
 .metric-value.currency-value{font-size:clamp(13px,4.1vw,17px)}
 .case-meta-fields{grid-template-columns:minmax(0,1fr)}
 .dialog-top{padding:14px}
 .dialog-content{padding:14px 14px 0}
 .dialog-bottom{padding:12px 14px}
}

/* v1.3.1 — Collected nett commission panel: softer mint styling only */
.metrics-secondary .metric.metric-featured {
  background: #e9f6f1;
  border-color: #cce5dc;
}
.metrics-secondary .metric.metric-featured .metric-title { color: #52796f; }
.metrics-secondary .metric.metric-featured .metric-value { color: #176856; }


/* v1.3.2 — Mobile filters in three equal columns; contain horizontal overflow.
   The search field remains full-width above the three selects. */
html, body { max-width:100%; overflow-x:hidden; }
body, .shell, .workspace, .record-section, .filterbar, .case-list, .case-item { min-width:0; }
@media (max-width:850px) {
  .filterbar {
    display:grid;
    grid-template-columns:repeat(3, minmax(0,1fr));
    gap:5px;
    width:100%;
    max-width:100%;
  }
  .search-wrap { grid-column:1 / -1; min-width:0; }
  .filterbar select {
    grid-column:auto;
    min-width:0;
    max-width:100%;
    width:100%;
    height:34px;
    padding:5px 17px 5px 6px;
    border-radius:7px;
    font-size:clamp(9px,2.6vw,11px);
    text-overflow:ellipsis;
  }
  .filterbar select:last-child { grid-column:auto; }
}
@media (max-width:360px) {
  .filterbar { gap:4px; }
  .filterbar select { font-size:9px; padding:5px 14px 5px 4px; }
}