/* Brand palette: project choices inspired by supplied fabric references, not historic color standards. */
body.design-refined{--ui-bg:#e8f2fa;--ui-panel:#f6faff;--ui-input:#edf4fa;--ui-soft:#dce9f3;--ui-text:#17324d;--ui-muted:#51677b;--ui-border:#cbdbe8;--ui-primary:#285c88;--ui-on:#fff;--ui-red:#b83f30;--ui-green:#276747;
--cotton:var(--ui-bg);--card:var(--ui-panel);--ink:var(--ui-text);--ink-soft:var(--ui-muted);--line:var(--ui-border);--indigo:var(--ui-primary);--indigo-deep:#17324d;--indigo-soft:var(--ui-soft);--madder:var(--ui-red);--leaf:var(--ui-green);background:var(--ui-bg)!important;color:var(--ui-text)}
body.design-refined[data-theme=bai]{--ui-bg:#fff;--ui-panel:#fff;--ui-input:#f4f7fa;--ui-soft:#eaf0f6;--ui-border:#d9e2ea}
body.design-refined[data-theme=lan]{--ui-bg:#142d49;--ui-panel:#1e3c5b;--ui-input:#18324f;--ui-soft:#294c70;--ui-text:#edf4fa;--ui-muted:#bfd0e1;--ui-border:#43617e;--ui-primary:#a6c6e6;--ui-on:#142d49;--ui-red:#ffad9c;--ui-green:#9bd6b7;--indigo-deep:#11253b}
.design-refined header,.design-refined .sheet,.design-refined .sheet-hd,.design-refined .sheet-bd,.design-refined .card,.design-refined .panel,.design-refined .pv-box,.design-refined .rpt-sec,.design-refined .fcard,.design-refined .sheet-mask .sheet{background:var(--ui-panel)!important;color:var(--ui-text)!important;border-color:var(--ui-border)!important}
.design-refined input,.design-refined textarea,.design-refined select,.design-refined .f-row input,.design-refined .f-row textarea,.design-refined .search,.design-refined .sortsel{background:var(--ui-input)!important;color:var(--ui-text)!important;border-color:var(--ui-border)!important;color-scheme:light}
.design-refined[data-theme=lan] input,.design-refined[data-theme=lan] textarea,.design-refined[data-theme=lan] select{color-scheme:dark}
.design-refined[data-theme=lan] .hd-title,.design-refined[data-theme=lan] h1,.design-refined[data-theme=lan] h2,.design-refined[data-theme=lan] h3,.design-refined[data-theme=lan] .sub,.design-refined[data-theme=lan] .tot-line.big,.design-refined[data-theme=lan] .sheet-hd .t{color:var(--ui-text)}
.design-refined input::placeholder,.design-refined textarea::placeholder{color:var(--ui-muted);opacity:.85}
.design-refined .hd-btn,.design-refined .chip,.design-refined .tchip,.design-refined .fchip,.design-refined .seg,.design-refined .seg button,.design-refined .work-add,.design-refined .photo-btn,.design-refined details.tags,.design-refined .ledger,.design-refined .hint,.design-refined .tpl-card{background:var(--ui-input)!important;color:var(--ui-text)!important;border-color:var(--ui-border)!important}
.design-refined .chip.on,.design-refined .tchip.on,.design-refined .seg button.on,.design-refined .primary,.design-refined .btn-pri{background:var(--ui-primary)!important;color:var(--ui-on)!important;border-color:var(--ui-primary)!important}
.design-refined .primary.red{background:#b83f30!important;color:#fff!important}.design-refined .fab{background:#b83f30!important;color:#fff!important}
.design-refined .fcard-acts button,.design-refined .mng,.design-refined .ghost,.design-refined .x,.design-refined .hd-back{color:var(--ui-primary)}
.design-refined .fcard-acts button:disabled{color:var(--ui-muted);opacity:.6}
.design-refined .b-washed,.design-refined .b-keep,.design-refined .b-listed,.design-refined .b-unwashed,.design-refined .b-todo,.design-refined .b-dai{background:var(--ui-soft);color:var(--ui-text);border-color:var(--ui-border)}
.design-refined .stat,.design-refined .fcard-acts,.design-refined .tx{border-color:var(--ui-border)}
.design-refined .bolt-bar{background:var(--ui-soft)}.design-refined .bolt-fill{background:var(--ui-primary)}
.design-refined #bkRemind,.design-refined #design-bar{background:var(--ui-soft)!important;color:var(--ui-text)!important;border-color:var(--ui-border)!important}
.design-refined #design-bar button{background:var(--ui-panel)!important;color:var(--ui-text)!important;border-color:var(--ui-border)!important}
.design-refined #tipsLine{display:flex;gap:8px;flex-wrap:wrap;margin:12px 0 18px!important}
.design-refined .quick-tool{display:inline-flex;align-items:center;gap:7px;background:var(--ui-panel);border:1px solid var(--ui-border);border-radius:10px;padding:10px 12px;color:var(--ui-primary);font:inherit;font-size:14px;min-height:44px}
.ui-icon{width:18px;height:18px;vertical-align:-3px;flex:none;stroke:currentColor;fill:none;stroke-width:1.7;stroke-linecap:round;stroke-linejoin:round}
.design-refined #editArchive{margin:20px 0;border-top:1px solid var(--ui-border);padding-top:16px}
.design-refined #editArchive summary{padding:12px 0;cursor:pointer;color:var(--ui-primary)}
.design-refined #editArchive h4{font-size:15px;font-weight:500;margin:8px 0;color:var(--ui-text)}
.design-refined #editArchive .ledger{display:block;border:0;padding:8px 0}
.design-refined #editArchive .works-row{margin-bottom:20px}.design-refined .work-add{font-size:13px;min-width:92px}
.design-refined #mWork,.design-refined #mWorkView{z-index:60}
.design-refined .theme-dot{background:var(--ui-bg);border:2px solid var(--ui-primary);box-shadow:none}
.design-refined .motif-link{display:flex;justify-content:space-between;align-items:center;gap:12px;background:var(--ui-panel);border:1px solid var(--ui-border);padding:18px;border-radius:16px;margin-bottom:18px;text-decoration:none;color:var(--ui-text)}
.design-refined .motif-link small{display:block;color:var(--ui-muted);margin-top:3px}
@media(max-width:600px){.design-refined #tipsLine{gap:6px}.design-refined .quick-tool{flex:1;justify-content:center;padding:9px 6px;font-size:13px}}
/* Stable filter context; sorting stays a labelled native picker. */
.scope-heading{display:flex;align-items:center;justify-content:space-between;gap:12px;height:32px;margin-bottom:6px;font-size:12px;color:var(--ui-muted)}
#scopeBadge{max-width:65%;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;text-align:right}
#statScope{display:none!important}
#expBar{min-height:22px}
#expBar[style*="display: none"],#expBar[style*="display:none"]{display:none!important}
#todoBar,.stats>.stat[style*="grid-column"]{display:none!important}
#chips [hidden]{display:none!important}
.filter-manage{font:inherit;font-size:12px;color:var(--ui-primary);background:transparent;border:1px solid var(--ui-border);border-radius:8px;padding:6px 10px;min-height:36px;margin-left:auto}
.filter-manage{position:sticky;right:0;flex-shrink:0;background:var(--ui-panel)}
.filter-dialog{width:min(92vw,420px);max-height:85vh;overflow:auto;background:var(--ui-panel);color:var(--ui-text);border:1px solid var(--ui-border);border-radius:16px;padding:20px}.filter-dialog::backdrop{background:#10263c88}.filter-dialog p{font-size:13px;color:var(--ui-muted)}.filter-choices{display:grid;grid-template-columns:1fr 1fr;gap:12px;margin:18px 0}.filter-choices label{display:flex;align-items:center;gap:8px}.filter-choices input{min-height:24px;width:20px;height:20px}.filter-actions{display:flex;justify-content:flex-end;gap:12px}.filter-actions button{padding:9px 18px;border:1px solid var(--ui-border);border-radius:8px;background:var(--ui-input);color:var(--ui-text)}
.design-refined[data-theme=lan] .tpl-name,.design-refined[data-theme=lan] .pname{color:var(--ui-text)}
.creative-options{display:grid;grid-template-columns:repeat(auto-fill,minmax(220px,1fr));gap:12px}.creative-options a.tpl-card{display:block;text-decoration:none;color:var(--ui-text)}.creative-options .tpl-thumb svg{height:110px;width:100%}
@media(max-width:600px){.creative-options{grid-template-columns:repeat(2,minmax(0,1fr))}}
.sort-control{position:relative;display:inline-flex;align-items:center;justify-content:center;flex:0 0 78px;min-height:44px;border:1px solid var(--ui-border);border-radius:10px;background:var(--ui-panel);color:var(--ui-text)}
.sort-control select.sortsel{position:absolute;inset:0;width:100%!important;height:100%;opacity:0;cursor:pointer;margin:0}
.sort-control:focus-within{outline:2px solid var(--ui-primary);outline-offset:2px}
.creative-options{margin-top:18px}.creative-options .motif-link{margin:10px 0}
.upload-label{display:block;border:1px dashed var(--ui-border);padding:12px;border-radius:10px;color:var(--ui-text)}
.upload-label input{display:block;max-width:100%;margin-top:8px;font:inherit;font-size:13px}
header{padding-top:max(16px,env(safe-area-inset-top))}main{padding-bottom:max(24px,env(safe-area-inset-bottom))}

.design-refined[data-theme="lan"] th{color:var(--ui-text)}

/* One theme control across ledger and creative pages. */
.design-refined .theme-dot,.design-refined header #theme{width:34px!important;height:34px!important;min-height:34px!important;min-width:34px!important;padding:0!important;border-radius:50%!important;border:2px solid var(--ui-primary)!important;background:var(--ui-bg)!important;font-size:0!important;flex:none;box-shadow:none;touch-action:manipulation}
#mShare .f-2col{display:grid;grid-template-columns:minmax(0,1fr) minmax(0,1fr);gap:12px}#mShare .f-row{min-width:0}#mShare .f-row label{white-space:nowrap;font-size:14px}#mShare .f-row label small{font-size:12px}#mShare .f-row input{min-width:0;width:100%}