:root{--accent:#16645d;--accent-soft:#e7f3ef;--nav:#102d32;--canvas:#f3f5f2;--gold:#d2b378;--ink:#172d35;--surface:#fff;--line:#dce4df}
/* Spacious, theme-aware workspace; court paper keeps its own print layout. */
#workspaceView{max-width:1480px;margin:0 auto;gap:28px;line-height:1.75}
#workspaceView .sl-card{padding:28px;border-radius:22px;box-shadow:0 8px 30px #102d3206}
#workspaceView .sl-card h2{font-size:21px;letter-spacing:-.3px;font-weight:700}
#workspaceView .sl-card h3{font-weight:600}
#workspaceView .sl-muted{font-size:14px;line-height:1.8;color:#52666d}
#workspaceView .sl-hero{background:linear-gradient(120deg,var(--nav),var(--accent));padding:38px;border:1px solid #d2b37855;box-shadow:0 16px 32px #102d3212}
#workspaceView .sl-metric{border-top:3px solid var(--gold);box-shadow:0 6px 24px #102d3206}
.sidebar{border-right:1px solid #d2b37855}.sidebar .nav-item{border-radius:10px;margin-bottom:5px;line-height:1.6}
.sl-button{min-height:44px;transition:box-shadow .15s,background .15s}.sl-button:hover{box-shadow:0 4px 14px #102d3218}.sl-button.primary:hover{filter:brightness(1.08)}
.sl-judgments h2{margin-top:8px!important}.sl-case-numbers{display:grid;grid-template-columns:1fr 1fr;gap:20px;margin:24px 0;padding:20px 24px;background:var(--accent-soft);border-left:3px solid var(--gold);border-radius:12px}
.sl-case-numbers span{display:block;font-size:13px;color:#52666d}.sl-case-numbers strong{display:block;font-size:20px;margin-top:4px;overflow-wrap:anywhere}
.sl-library-filters{margin-bottom:20px}.sl-judgment-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:18px}
.sl-judgment-file{border:1px solid var(--line);border-radius:16px;padding:22px;min-width:0;background:linear-gradient(160deg,var(--surface),var(--canvas));display:flex;flex-direction:column;align-items:flex-start}
.sl-judgment-file>.sl-row{width:100%}.sl-judgment-file h3{margin-top:20px!important;overflow-wrap:anywhere}.sl-judgment-file p{white-space:pre-wrap;overflow-wrap:anywhere}.sl-judgment-file>button{margin-top:auto}
.sl-judgment-file dl{display:grid;grid-template-columns:auto minmax(0,1fr);gap:8px 16px;font-size:14px;width:100%}.sl-judgment-file dt{color:#52666d}.sl-judgment-file dd{margin:0;font-weight:600;overflow-wrap:anywhere}
.sl-pdf-icon{display:grid;place-items:center;width:46px;height:54px;background:#f9eee9;color:#97462f;border:1px solid #e9cbbb;border-radius:8px;font-size:12px;font-weight:700;letter-spacing:1px}
.sl-upload-zone{padding:24px;border:1px dashed var(--accent);border-radius:14px;background:var(--accent-soft)}.sl-upload-zone input{background:white}.sl-dialog h2{margin:8px 0}
@media(max-width:1200px){.sl-judgment-grid{grid-template-columns:repeat(2,minmax(0,1fr))}}
@media(max-width:650px){#workspaceView .sl-card{padding:20px}.sl-judgment-grid,.sl-case-numbers{grid-template-columns:1fr}.sl-case-numbers{padding:16px}.sl-judgment-file dl{gap:8px}.sl-upload-zone{padding:16px}}
@media(max-width:900px){.sidebar:not(.open){display:none!important}}
*{box-sizing:border-box}body{margin:0;font-family:Sarabun,system-ui,sans-serif;background:var(--canvas);color:var(--ink)}button,input,select,textarea{font:inherit}button,a,input,select,textarea{touch-action:manipulation}button{cursor:pointer}button:disabled{opacity:.55;cursor:wait}button:focus-visible,a:focus-visible,input:focus-visible,select:focus-visible,textarea:focus-visible{outline:3px solid var(--gold);outline-offset:3px}.hidden{display:none!important}
body[data-theme=navy]{--accent:#254c88;--accent-soft:#e9effa;--nav:#14253e;--canvas:#f1f4f9;--gold:#dfb973}
body[data-theme=emerald]{--accent:#23754b;--accent-soft:#e7f5ec;--nav:#163a2a;--canvas:#f0f7f1;--gold:#ccbd7b}
body[data-theme=burgundy]{--accent:#893c53;--accent-soft:#f8eaf0;--nav:#3c202e;--canvas:#faf3f5;--gold:#dcaf89}
body[data-theme=indigo]{--accent:#5546a3;--accent-soft:#eeecfa;--nav:#272344;--canvas:#f5f3fb;--gold:#c2b2ef}
body[data-theme=ocean]{--accent:#087e97;--accent-soft:#e2f4fa;--nav:#123644;--canvas:#f0f7fa;--gold:#8bd4da}
body[data-theme=terracotta]{--accent:#a45035;--accent-soft:#f9ece5;--nav:#422d26;--canvas:#faf5ef;--gold:#e3b683}
body[data-theme=rose]{--accent:#a34370;--accent-soft:#f9eaf3;--nav:#3d263b;--canvas:#fcf4f8;--gold:#deb8c8}
body[data-theme=slate]{--accent:#486079;--accent-soft:#eaf0f5;--nav:#202b37;--canvas:#f3f5f7;--gold:#b7c4d2}
body[data-theme=amber]{--accent:#8a651f;--accent-soft:#faf1dc;--nav:#342f22;--canvas:#faf7ef;--gold:#ebc569}
body[data-theme=midnight]{--accent:#546b9d;--accent-soft:#e9edf7;--nav:#101525;--canvas:#e9edf5;--gold:#9cacd6}
.sidebar{background:var(--nav)!important}.main-area{background:var(--canvas)}.nav-item.active{background:var(--accent)!important;color:white!important;border-color:var(--gold)!important}.topbar{box-shadow:0 2px 18px #102d3205}.sl-button{border:1px solid var(--line);border-radius:10px;padding:11px 17px;background:white;color:var(--ink);font-size:14px;font-weight:600;display:inline-flex;align-items:center;justify-content:center;gap:8px;text-decoration:none}.sl-button.primary{background:var(--accent);border-color:var(--accent);color:white}.sl-button.subtle{background:var(--accent-soft);border-color:transparent;color:var(--accent)}.sl-button.danger{color:#a73144}.sl-muted{color:#687b82;font-size:13px}.sl-eyebrow{font-size:11px;font-weight:700;letter-spacing:2px;text-transform:uppercase;color:var(--accent)}.sl-row{display:flex;align-items:center;gap:12px;flex-wrap:wrap}.sl-between{justify-content:space-between}.sl-card{background:var(--surface);border:1px solid var(--line);border-radius:18px;padding:24px;box-shadow:0 5px 22px #102d3203}.sl-card h2{font-size:18px;margin:0 0 15px}.sl-card h3{font-size:16px;margin:0 0 9px}.sl-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:20px}.sl-stack{display:grid;gap:20px}.sl-hero{background:var(--nav);border-radius:20px;padding:32px;color:white;display:grid;grid-template-columns:1.5fr 1fr;gap:20px;overflow:hidden}.sl-hero h2{font-size:30px;line-height:1.5;margin:12px 0}.sl-hero p{color:#d0dcda;line-height:1.8}.sl-hero img{width:100%;height:220px;object-fit:cover;border-radius:14px}.sl-hero .sl-eyebrow{color:var(--gold)}.sl-metrics{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:16px}.sl-metric{padding:22px;background:white;border-radius:15px;border:1px solid var(--line)}.sl-metric strong{font-size:32px;display:block;margin:10px 0 2px;color:var(--accent)}.sl-list{list-style:none;padding:0;margin:0}.sl-list li{padding:16px 0;border-bottom:1px solid var(--line)}.sl-list li:last-child{border:0}.sl-pill{font-size:11px;padding:5px 10px;border-radius:50px;background:var(--accent-soft);color:var(--accent);display:inline-block}.sl-pill.overdue{color:#a52c43;background:#fff0f2}.sl-empty{padding:28px;text-align:center;color:#6d7d83;border:1px dashed var(--line);border-radius:12px}.sl-label{display:grid;gap:7px;font-size:13px;font-weight:600}.sl-label input,.sl-label select,.sl-label textarea,.sl-input{width:100%;padding:11px 12px;border:1px solid #cbd7d1;border-radius:9px;background:white;color:#172d35;min-width:0}.sl-label textarea{min-height:110px;resize:vertical}.sl-form{display:grid;gap:18px}.sl-error{color:#a52c43;font-size:13px;min-height:20px}.sl-note{padding:14px 17px;border-radius:10px;background:var(--accent-soft);font-size:13px;line-height:1.8}.sl-themes{display:grid;grid-template-columns:repeat(5,minmax(0,1fr));gap:12px}.sl-theme{border:2px solid var(--line);background:white;border-radius:12px;padding:14px 8px;color:var(--ink)}.sl-theme[aria-pressed=true]{border-color:var(--accent)}.sl-swatch{display:block;height:36px;border-radius:7px;margin-bottom:8px}.sl-dialog{border:0;padding:0;border-radius:20px;width:min(700px,94vw);max-height:90vh;color:var(--ink);box-shadow:0 25px 80px #0004}.sl-dialog::backdrop{background:#10232cb3;backdrop-filter:blur(4px)}.sl-dialog-body{padding:28px}.sl-steps{display:flex;gap:8px;margin:20px 0}.sl-step{height:5px;border-radius:5px;background:var(--line);flex:1}.sl-step.active{background:var(--accent)}.sl-timeline{border-left:2px solid var(--line);padding-left:24px;margin-left:8px}.sl-event{position:relative;padding:0 0 26px}.sl-event:before{content:'';position:absolute;left:-31px;top:8px;width:12px;height:12px;border-radius:50%;background:var(--accent);border:3px solid var(--canvas)}.sl-event p{white-space:pre-wrap;overflow-wrap:anywhere;line-height:1.8}.sl-auth{min-height:100vh;display:grid;grid-template-columns:1.1fr 1fr}.sl-auth-story{background:var(--nav);color:white;padding:7vh 7vw;display:flex;flex-direction:column;justify-content:center;gap:24px}.sl-brand{font-size:23px;font-weight:700;letter-spacing:.4px}.sl-brand span{color:var(--gold)}.sl-auth-story h1{font-size:clamp(30px,3.3vw,50px);font-weight:500;line-height:1.4;margin:12px 0}.sl-auth-story p{line-height:1.9;color:#b5cbc9}.sl-auth-story img{width:100%;max-height:290px;object-fit:contain}.sl-auth-panel{display:flex;align-items:center;justify-content:center;padding:40px 24px;background:var(--canvas)}.sl-auth-box{width:min(420px,100%)}.sl-auth-box h2{font-size:28px;margin:8px 0 10px}.sl-auth-box form{margin-top:28px}.sl-auth-box footer{margin-top:34px;font-size:12px;color:#6c7e81}.sl-table{width:100%;border-collapse:collapse;font-size:13px}.sl-table td,.sl-table th{text-align:left;padding:12px;border-bottom:1px solid var(--line)}.sl-table-wrap{overflow:auto}.sl-search{max-width:300px}.sl-link{color:var(--accent);text-decoration:underline}.sl-loader{padding:40px;text-align:center}.sl-password{position:relative}.sl-password input{padding-right:65px}.sl-password button{position:absolute;right:10px;top:10px;border:0;background:transparent;color:var(--accent);font-size:12px}
@media(max-width:900px){.sl-auth{grid-template-columns:1fr}.sl-auth-story{padding:30px}.sl-auth-story img{display:none}.sl-auth-story h1{font-size:26px}.sl-auth-story p{display:none}.sl-hero{grid-template-columns:1fr}.sl-hero img{display:none}.sl-metrics{grid-template-columns:repeat(2,minmax(0,1fr))}.sl-themes{grid-template-columns:repeat(2,minmax(0,1fr))}.sl-grid{grid-template-columns:1fr}.sl-hero h2{font-size:24px}.sl-dialog-body{padding:20px}}@media print{.sl-hero,.sl-dialog,.sl-workspace-tools{display:none!important}}

.sidebar button.nav-item{width:calc(100% - 24px)!important}.topbar>div:nth-child(2)>button{display:none!important}.topbar{gap:12px!important}.sl-workspace-tools{margin-left:auto}.sl-card ul:not(.sl-list){padding-left:20px;line-height:2}@media(max-width:900px){#headerQuotaBadge{display:none}.topbar{position:relative!important}.sl-hero{padding:24px}.sl-hero h2{font-size:22px}.topbar>div:nth-child(2){max-width:100%}#headerAccountSelect{max-width:260px}.sidebar:not(.open){transform:translateX(-100%);visibility:hidden}.sidebar.open{visibility:visible}.sl-workspace-tools{margin-left:0}}