/* Shared layout and theme tokens, independent of conversion rules. */
:root{--shell-sidebar:230px;--shell-top:78px;--shell-brand:#16384f;--shell-highlight:#fff5d6;--shell-gold:#e4b03e}
body{min-width:1100px}#workspace-nav{position:fixed;inset:0 auto 0 0;width:var(--shell-sidebar);background:var(--paper);border-right:1px solid var(--line);overflow:auto;padding:0 14px 24px;z-index:5}
.workspace-brand{height:var(--shell-top);display:flex;align-items:center;padding:0 14px;font-size:23px;font-weight:bold;border-bottom:3px solid var(--shell-gold);margin-bottom:20px}
#workspace-nav details{margin:12px 0}#workspace-nav summary{font-weight:bold;font-size:15px}#workspace-nav button{display:block;width:100%;border:0;text-align:left;margin:5px 0;padding:11px 12px 11px 24px;background:transparent}
#workspace-nav button[aria-current=page]{background:var(--shell-highlight);color:#70591b;box-shadow:inset 4px 0 #c9a444;font-weight:bold}
.nav-pending{font-size:14px;color:var(--muted);padding:12px 8px}.sidebar-note{white-space:pre-line;font-size:12px;color:var(--muted);margin:45px 8px 0}
header.workspace-top{position:sticky;top:0;margin-left:var(--shell-sidebar);height:var(--shell-top);padding:14px 28px;align-items:center;z-index:4;background:var(--shell-brand)}
.workspace-top small{display:block;font-size:12px;color:#d6e2eb}.workspace-top b{font-size:21px}#case-context{font-size:14px;border-radius:4px;padding:7px 14px;background:#ffffff18;color:white}#case-context.c1{background:#dbeeff;color:#163f66}#case-context.c2{background:#fff0c8;color:#664809}
main.workspace-main{margin-left:var(--shell-sidebar);max-width:none;padding:22px 28px}.workspace-main #status{margin:0 0 18px;background:#edf4fa;border:1px solid #cfdee9;border-left:4px solid var(--accent);border-radius:4px}.workspace-main #status.error{background:#fff0ef;border-left-color:#a62121}
.workspace-main .workflow{list-style:none;display:grid;grid-template-columns:repeat(4,1fr);gap:10px;padding:0;margin:0 0 18px;background:none}.workflow li{padding:0}.workflow button{width:100%;text-align:left}.workflow button[aria-current=step]{background:var(--accent);color:white}.workflow button:disabled{opacity:.55}
#source-grid{display:block}#source-grid article{max-width:none}#source-grid article h2{margin-top:0}.work-actions{display:flex;justify-content:space-between;gap:12px;margin:18px 0}.work-actions:empty{display:none}.workspace-main #result{margin:0}.workspace-main h2{margin-top:0}.workspace-main .fields{max-width:1000px}.workspace-main .practice-area{margin-top:24px}.workspace-main footer{border-top:1px solid var(--line);padding-top:16px}.workspace-main #page-tools{background:var(--paper);padding:22px;border:1px solid var(--line);border-radius:5px}
.workspace-main .metrics{margin-bottom:16px}.workspace-main .metric{flex:1;min-width:115px}.workspace-main .metric b{font-size:22px}.workspace-main .scroll{max-height:360px}.workspace-main .step-description{color:var(--muted);margin-top:0}
.amount{text-align:right;font-variant-numeric:tabular-nums}#workspace-nav details details{margin-left:12px}
.workspace-main .metric{flex:1 1 150px;min-width:max-content}.workspace-main .metric b{white-space:nowrap}
#page-sampling,#page-rules,#page-output,#page-buffer{background:var(--paper);padding:22px;border:1px solid var(--line);border-radius:5px}#sample-rules input:not([type=checkbox]){min-width:110px}#sample-rules input[type=checkbox]{width:18px;height:18px}#sample-rules select{min-width:130px}

/* Module colors are navigation cues; labels remain explicit. */
:root{--module-convert:#245b80;--module-audit:#27685a;--module-output:#89601b}
#workspace-nav .module-nav{border-left:4px solid var(--module-tone);padding-left:9px} [data-module=convert]{--module-tone:var(--module-convert)}[data-module=audit]{--module-tone:var(--module-audit)}[data-module=output]{--module-tone:var(--module-output)}
#workspace-nav .module-nav>summary{color:var(--module-tone)}#workspace-nav details details{margin-left:8px}#workspace-nav details details summary{font-size:13px}
body[data-work-module=convert] .workspace-top{border-bottom:4px solid var(--module-convert)}body[data-work-module=audit] .workspace-top{border-bottom:4px solid var(--module-audit)}body[data-work-module=output] .workspace-top{border-bottom:4px solid var(--module-output)}
.resource-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:18px}.resource-grid article{border:1px solid var(--line);border-top:4px solid var(--module-tone);padding:18px;background:var(--paper);border-radius:5px}.resource-grid h3{margin-top:0;color:var(--module-tone)}.resource-grid button{display:block;margin-top:12px}.replay-tools small{display:block;font-size:12px}.replay-tools input{font-size:12px}

#case-context,#case-context.c1,#case-context.c2{display:flex;gap:10px;background:transparent;padding:0;border-radius:0;color:var(--shell-brand)}.case-info{display:flex;flex-direction:column;gap:2px;min-width:106px;padding:7px 13px;background:#e7f1f8;border:1px solid #c1d7e5;border-radius:5px}.case-label{font-size:11px;color:#405d72}.case-info strong{font-size:15px;font-weight:600;white-space:nowrap}#case-context.c2 .case-info{background:#fff0c8;border-color:#dfc98e}

/* v0.4 desktop visual system: typography, spacing and semantic numeric alignment. */
:root{--bg:#f3f6f8;--line:#dce5eb;--muted:#607383;--shell-sidebar:244px}
body{font-size:15px;line-height:1.65}main.workspace-main{padding:26px 32px 18px}header.workspace-top{padding-left:32px;padding-right:32px}.workspace-main>section{max-width:1600px;margin-inline:auto}.workspace-main h2{font-size:24px;letter-spacing:.4px;margin-bottom:14px}.workspace-main h3{font-size:17px}button,input,select,textarea{border-radius:6px}button{font-weight:500;transition:background .15s,border-color .15s}.primary{box-shadow:0 2px 4px #16384f12}.primary:hover{background:#194666}input[type=number]{text-align:right;font-variant-numeric:tabular-nums}input:focus,select:focus,textarea:focus{border-color:#467e9e}.workspace-main article{border-radius:9px;box-shadow:0 2px 10px #17364d04}.workspace-main .scroll{border-radius:7px}.workspace-main td,.workspace-main th{padding:11px 14px}.workspace-main tbody tr:nth-child(even){background:#f8fafb}.workspace-main tbody tr:hover{background:#eef5f8}.workspace-main th:has(+th){font-weight:600}.workspace-main .metric{border:1px solid #dce7ee;border-radius:8px;background:white}.metric b{text-align:right;font-variant-numeric:tabular-nums}.workspace-main details:not(.module-nav){border-radius:6px}#workspace-nav{padding-inline:12px}.workspace-brand{font-size:21px}#workspace-nav button{border-radius:5px}#workspace-nav>button{margin-top:10px}#case-context .case-info{border:1px solid #ffffff30;min-width:112px;padding:8px 14px}#case-context strong{font-variant-numeric:tabular-nums}#case-context .case-info:last-child strong{text-align:right}
.bi-filter{display:grid;grid-template-columns:1.3fr 1.2fr 1fr 1fr auto;gap:16px;align-items:end;background:white;border:1px solid var(--line);padding:18px 22px;border-radius:9px}.bi-filter label{margin:0}.bi-filter button{height:43px}.eyebrow{color:#8b6924;letter-spacing:2px;font-size:11px;font-weight:bold;margin:0 0 6px}.bi-block{margin:20px 0;padding:24px!important;background:white;border:1px solid var(--line);border-radius:9px;break-inside:avoid}.bi-block-head{display:flex;justify-content:space-between;align-items:center;gap:16px;margin-bottom:18px}.bi-block-head h3{margin:0}.bi-controls{display:flex;gap:6px}.bi-controls button{padding:5px 10px;font-size:12px}.bi-cards{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:16px}.bi-cards>div{padding:18px;background:#f1f6f8;border-radius:7px;border-top:3px solid #b6ccd7}.bi-cards span{display:block;font-size:13px;color:var(--muted)}.bi-cards strong{display:block;font-size:25px;font-weight:600;text-align:right;font-variant-numeric:tabular-nums}.bi-block svg{width:100%;max-height:780px}.bi-table-wrap{overflow:auto;max-height:520px}.bi-table-wrap th:not(:first-child),.bi-table-wrap td:not(:first-child){text-align:right;font-variant-numeric:tabular-nums}.bi-block-options{display:flex;gap:20px;flex-wrap:wrap}.bi-block-options label{display:flex;align-items:center;gap:8px}.bi-note{white-space:pre-wrap}.bi-toolbar{padding:12px 0}.release-footer{display:flex;align-items:center;gap:10px;white-space:nowrap;font-size:11px!important;flex-wrap:nowrap;overflow-x:auto;color:#607383}.release-footer span+span:before{content:'·';margin-right:10px;color:#9bb0bc}.release-footer a{color:#245a81;text-decoration:underline}.release-footer span{flex-shrink:0}.release-footer time{font-variant-numeric:tabular-nums}