:root{--ui-font:"Microsoft YaHei","PingFang SC",system-ui,sans-serif;--text-scale:1.142857;--soft-bg:#f5f2ed;--soft-panel:#fffefb;--soft-tint:#f1e7db;--soft-accent:#886547;--soft-ink:#3e3934;--soft-muted:#716a61;--soft-line:#e3ddd4}
:root[data-appearance=mist]{--soft-bg:#f0f4f6;--soft-panel:#fcfefe;--soft-tint:#e2edf2;--soft-accent:#476f84;--soft-ink:#33444c;--soft-muted:#60747e;--soft-line:#d8e2e7}
:root[data-appearance=sage]{--soft-bg:#f2f4ef;--soft-panel:#fdfefa;--soft-tint:#e4ebdf;--soft-accent:#5c7652;--soft-ink:#374532;--soft-muted:#67745f;--soft-line:#dce3d5}
html,body,body .calm-shell{background:var(--soft-bg)!important;color:var(--soft-ink)!important;--ink:var(--soft-ink);--muted:var(--soft-muted);--line:var(--soft-line);--green:var(--soft-accent);--blue:var(--soft-accent);--surface:var(--soft-panel)}
body,body :is(button,input,select,textarea,h1,h2,h3,h4,p,span,small,strong,b,label,td,th,a,summary,div,section,text){font-family:var(--ui-font)!important}
body{line-height:1.65}body .calm-shell .sidebar{background:var(--soft-panel)!important;border-color:var(--soft-line)!important;box-shadow:none!important}body .calm-shell .brand-mark{background:var(--soft-accent)!important;box-shadow:none!important;border-radius:14px}body .calm-shell .brand strong{color:var(--soft-ink)!important}body .calm-shell .brand small,body .calm-shell .sidebar-foot{color:var(--soft-muted)!important}
body .calm-shell .sidebar .nav-button{color:var(--soft-muted)!important;padding:14px 15px;margin:7px 0;border-radius:12px;white-space:normal;text-align:left}body .calm-shell .sidebar .nav-button.active{background:var(--soft-tint)!important;color:var(--soft-accent)!important;box-shadow:none!important}
body .calm-shell .topbar,body .workspace-tabs{background:var(--soft-panel)!important;border-color:var(--soft-line)!important;box-shadow:none!important;backdrop-filter:none}body .workspace-tabs{gap:8px;min-height:60px}body .workspace-tabs button{white-space:normal}body .workspace-tabs button.active,body .workspace-tabs button[aria-current=page],body .workspace-tabs .selected{background:var(--soft-tint)!important;color:var(--soft-accent)!important;box-shadow:none!important;border-color:transparent!important}
body .calm-shell .content{padding:26px 30px;background:var(--soft-bg)!important}body .panel,body .material-ledger,body .space-inspector,body .space-studio{background:var(--soft-panel)!important;border-color:var(--soft-line)!important;box-shadow:none!important;border-radius:16px}
body :is(.hero,.home-hero,.dashboard-hero,.work-hero){background:var(--soft-panel)!important;box-shadow:none!important;border:1px solid var(--soft-line);color:var(--soft-ink)!important}
body button.primary,body .si-button.si-primary,body .stock-group .primary{background:var(--soft-accent)!important;border-color:var(--soft-accent)!important;color:#fff!important;box-shadow:none!important}body button:not(.danger):focus-visible,body input:focus-visible,body select:focus-visible{outline:2px solid var(--soft-accent);outline-offset:3px}body input,body select,body textarea{background:var(--soft-panel)!important;color:var(--soft-ink)!important;border-color:var(--soft-line)!important;border-radius:10px;line-height:1.5}
body :is(.material-hit,.material-position-toolbar,.material-plan,.studio-map-panel,.si-front-scroll,.stock-group,.appearance-preview){background:var(--soft-bg)!important;border-color:var(--soft-line)!important}body .material-hit:hover,body .material-hit:focus-visible{background:var(--soft-tint)!important;border-color:var(--soft-accent)!important}body :is(.material-hit-top b,.material-hit-location,.material-hit-open,.material-location-heading strong){color:var(--soft-accent)!important}body :is(.material-search-hint,.material-map-hint,.material-location-heading span,.material-hit-meta,.si-hint,.si-owner){color:var(--soft-muted)!important}
body .stock-group.is-focused{outline-color:var(--soft-accent);background:var(--soft-tint)!important}body .material-search-field{background:var(--soft-panel)!important;border-color:var(--soft-line)!important}body .material-heading{padding-top:24px;padding-bottom:12px}body .material-search{padding-block:16px}body .material-ledger{padding:20px}body .material-ledger .stock-group{margin-bottom:14px}
body[data-density=comfortable] :is(td,th){padding-block:14px}body[data-density=comfortable] .task-card{padding-block:18px}body[data-density=comfortable] .panel-header{padding-block:20px}
body dialog{background:var(--soft-panel)!important;color:var(--soft-ink)!important;border:1px solid var(--soft-line);border-radius:18px;box-shadow:0 16px 60px #42392c29!important;backdrop-filter:none}body dialog :is(.dialog-head,.dialog-foot){background:var(--soft-panel)!important;border-color:var(--soft-line)!important}
.appearance-settings{max-width:680px;margin:auto}.appearance-settings>p{color:var(--soft-muted)!important;line-height:1.7}.appearance-grid{display:grid;grid-template-columns:1fr 1fr;gap:18px;margin:22px 0}.appearance-grid label{display:flex;flex-direction:column;gap:8px}.appearance-grid select{width:100%}.appearance-preview{border:1px solid var(--soft-line);border-radius:14px;padding:20px;margin:18px 0}.appearance-preview h3{margin:8px 0;font-size:calc(20px * var(--text-scale,1))}.appearance-preview p{margin:8px 0}.appearance-note{font-size:calc(12px * var(--text-scale,1))}.appearance-settings .actions{flex-wrap:wrap}
/* The diagram is a readable schematic; dense fronts get more width and page height. */
body .material-body.has-cabinet{grid-template-columns:minmax(300px,1fr) minmax(420px,1.25fr)}body .material-body.has-cabinet:has([data-cabinet-size=wide]){grid-template-columns:minmax(280px,.8fr) minmax(480px,1.4fr)}
body .material-cabinet{border-color:var(--soft-line)!important}body .space-inspector{padding:18px;--si-ink:var(--soft-ink);--si-muted:var(--soft-muted);--si-line:var(--soft-line);--si-green:var(--soft-accent);--si-wash:var(--soft-tint)}body .si-front-scroll{max-height:none!important;overflow-x:auto!important;overflow-y:hidden!important;padding:6px;border-radius:12px}body .si-storage-front{display:block;min-height:0;max-height:none;height:auto}body .si-front-cell>rect{fill:var(--soft-panel);stroke:var(--soft-line)}body .si-front-cell.has-content>rect{fill:var(--soft-tint)}body .si-front-cell.is-selected>rect{fill:var(--soft-tint);stroke:var(--soft-accent);stroke-width:4}body .si-front-cell:not(.is-active-section){opacity:1}body .si-front-cell text{fill:var(--soft-ink)}body .si-front-cell .si-front-summary{fill:var(--soft-muted)}body .si-cabinet-shell{fill:var(--soft-line);stroke:var(--soft-muted)}body .si-front-shelf{stroke:var(--soft-muted);stroke-width:2}body .si-front-direction{font-size:calc(12px * var(--text-scale,1))}body .si-front-item,body .si-front-extra{display:block}body .si-front-toolbar{margin:12px 0}body .si-front-toolbar .si-button{min-height:34px}body .space-inspector .si-heading h3{font-size:calc(18px * var(--text-scale,1))}body .space-inspector .si-heading p{font-size:calc(12px * var(--text-scale,1))}body .si-front-scroll+.si-hint{font-size:calc(12px * var(--text-scale,1))}
@media(min-width:1101px){body .space-studio[data-dock=right]:not([data-inspector-collapsed=true]):has(.si-storage-front) .studio-body{grid-template-columns:minmax(0,min(var(--studio-ratio,50%),calc(100% - 430px))) 10px minmax(420px,1fr)}}
@media(max-width:1100px){body .material-body.has-cabinet,body .material-body.has-cabinet:has([data-cabinet-size=wide]){grid-template-columns:1fr}body .material-cabinet{border-left:0;border-top:1px solid var(--soft-line)}}
@media(max-width:760px){body .calm-shell .content{padding:16px 12px}body .material-heading{padding:18px 14px 8px}body .material-search{padding:12px 14px}body .material-ledger{padding:12px}body .calm-shell .sidebar .nav-button{margin:0;padding:9px 10px}body .workspace-tabs{min-height:48px}.appearance-grid{gap:14px;grid-template-columns:1fr}.appearance-preview{padding:14px}body .space-inspector{padding:14px}body .si-front-toolbar{flex-wrap:wrap}body .si-front-toolbar>span{white-space:normal}body .material-position-toolbar>label:not(.inline-choice){min-width:0;width:100%}body .material-position-toolbar select{min-width:0;flex:1}}
@media print{:root{--text-scale:1!important}body{background:white!important}}

html[data-appearance] body .calm-shell button.primary{background:var(--soft-accent)!important;border-color:var(--soft-accent)!important;color:white!important}
html[data-appearance] body :is(h1,h2,h3,h4,.stock-group-heading strong,.si-heading h3){color:var(--soft-ink)!important}
html[data-appearance] body .stock-group.is-focused{outline-color:var(--soft-accent)!important;background:var(--soft-tint)!important}
html[data-appearance] body .workspace-tabs button.active{background:var(--soft-tint)!important;color:var(--soft-accent)!important;border-color:transparent!important}
html[data-appearance] body .si-tabs .is-selected{background:var(--soft-tint)!important;color:var(--soft-accent)!important;border-color:var(--soft-accent)!important;box-shadow:none!important}
.material-cabinet .space-inspector{display:flex;flex-direction:column}.material-cabinet .space-inspector>.si-heading{order:0}.material-cabinet .space-inspector>.si-tabs{order:1}.material-cabinet .space-inspector>.si-front-toolbar{order:2}.material-cabinet .space-inspector>.si-front-direction{order:3}.material-cabinet .space-inspector>.si-front-scroll{order:4}.material-cabinet .space-inspector>.si-hint{order:5}.material-cabinet .space-inspector>.si-fixture-actions{order:6;margin-top:14px}.material-cabinet .space-inspector>.si-detail{order:7}.material-cabinet .space-inspector>.si-location-path{display:none}
body dialog:has(.appearance-settings){width:min(760px,94vw)!important;height:auto!important;min-width:0!important}body dialog:has(.appearance-settings) .dialog-body{padding:20px 24px}.appearance-settings>p:first-child{margin-top:0}
@media(min-width:761px){body .calm-shell .brand{gap:12px}body .calm-shell .brand strong{font-size:calc(20px * var(--text-scale,1))}body .calm-shell .brand small{letter-spacing:0}}
.material-cabinet .space-inspector>.si-empty{order:7}html[data-appearance] body .si-front-cell.is-active-section>rect{stroke:var(--soft-muted)}