/* Design proposal only: the original form, IDs and event handlers are retained. */
body.design-refined{
 --cotton:#f5f5f2;--card:#fff;--indigo:#284f67;--indigo-deep:#223e50;
 --indigo-soft:#eaf0f3;--ink:#23343e;--ink-soft:#63717a;--line:#e4e7e8;
 --madder:#a24b43;--leaf:#327358;--radius:18px;--shadow:0 2px 8px #20384406;
 background:var(--cotton);font-size:16px;line-height:1.6;
}
.design-refined .serif{font-family:inherit}
.design-refined .weave-strip{height:3px;background:var(--indigo)}
.design-refined header{background:#fff;color:var(--ink);border-bottom:1px solid var(--line);padding:18px 22px;position:static}
.design-refined .hd-row{gap:22px;flex-wrap:wrap;max-width:1060px}
.design-refined .hd-brand{gap:12px}.design-refined .hd-title{font-size:23px;letter-spacing:.02em;font-weight:600}
.design-refined .hd-sub{font-size:12px;color:var(--ink-soft);letter-spacing:0;display:block}
.design-refined .hd-actions{flex-wrap:wrap;gap:6px;max-width:none;justify-content:flex-start}
.design-refined .hd-btn{background:#f3f5f6;color:var(--indigo);border:0;border-radius:10px;font-size:14px;padding:10px 12px;min-height:44px}
.design-refined .theme-dot{width:44px;height:44px;border:1px solid var(--line);box-shadow:none}
.design-refined main{max-width:1104px;padding:24px 22px}
.design-refined .stats{gap:12px;margin-bottom:24px}
.design-refined .stat{border:1px solid var(--line);padding:18px 10px;text-align:left;box-shadow:none}
.design-refined .stat .v{font-size:23px;font-weight:600;letter-spacing:-.02em}.design-refined .stat .l{font-size:13px;margin-top:5px}
.design-refined .toolbar{gap:12px;margin-bottom:20px}.design-refined .chips{flex-wrap:wrap;overflow:visible;gap:6px;width:100%}
.design-refined .chip{padding:9px 13px;border:0;background:#e9edef;color:#52636d;min-height:44px;font-size:14px}
.design-refined .chip.on{background:var(--indigo);color:#fff}
.design-refined .search,.design-refined .sortsel{border-radius:12px;border:1px solid var(--line);padding:12px 14px;font-size:16px;min-height:46px}
.design-refined .grid{gap:20px}.design-refined .fcard{border:1px solid var(--line);box-shadow:var(--shadow)}
.design-refined .fcard-top{padding:20px 20px 14px;gap:16px}.design-refined .thumb{width:104px;height:120px;border:0;border-radius:12px}
.design-refined .fname{font-size:18px;font-weight:600;gap:7px}.design-refined .badge{font-size:12px;font-weight:400;padding:2px 8px}
.design-refined .fmeta{font-size:13px;line-height:1.8}.design-refined .funit{font-size:14px;margin-top:8px}
.design-refined .fchip{border:0;background:#f1f4f5;color:#566a75;font-size:12px}
.design-refined .bolt{padding:8px 20px 18px}.design-refined .bolt-label{font-size:13px;margin-bottom:10px;gap:10px;flex-wrap:wrap}
.design-refined .bolt-bar{height:5px;background:#e9edef}.design-refined .bolt-fill{background:var(--indigo);transition:none}
.design-refined .fcard-acts{border-color:var(--line)}.design-refined .fcard-acts button{border:0;font-size:14px;font-weight:500;min-height:48px}
.design-refined .fcard-acts button:disabled{color:#8b9499}.design-refined .ledger{padding:18px 20px;background:#f7f9fa;border:0}
.design-refined .fab{background:var(--indigo);box-shadow:0 5px 18px #20384424;border-radius:18px}
.design-refined .sheet{border-radius:24px 24px 0 0;box-shadow:0 12px 50px #152a4722;background:#fff;max-height:92dvh}
.design-refined .sheet-hd{padding:20px 24px;border-bottom:1px solid var(--line);background:#fff}
.design-refined .sheet-hd h3{font-size:22px;font-weight:600}.design-refined .x{min-width:44px;min-height:44px}
.design-refined .sheet-bd{padding:24px;padding-bottom:calc(28px + env(safe-area-inset-bottom));scroll-padding-bottom:100px}
.design-refined .f-row{margin-bottom:22px}.design-refined .f-row label{font-size:15px;font-weight:500;margin-bottom:9px}
.design-refined .f-row label small{font-size:12px;line-height:1.6;font-weight:400}
.design-refined input,.design-refined textarea,.design-refined select{font-size:16px;border-color:var(--line);border-radius:11px;min-height:46px}
.design-refined .f-row input,.design-refined .f-row textarea{padding:12px;background:#f8f9fa}
.design-refined .tagpick{gap:8px}.design-refined .tchip{min-height:44px;border:1px solid var(--line);padding:9px 13px;border-radius:10px;font-size:14px}
.design-refined .tchip.on{border-color:var(--indigo)}.design-refined .seg button{min-height:46px;font-size:15px}
.design-refined .cdot{width:38px;height:38px}.design-refined .colorpick{gap:13px;padding:6px 3px}
.design-refined .mng{min-height:36px;font-size:13px}.design-refined .primary{background:var(--indigo);min-height:50px;border-radius:12px;font-size:16px;font-weight:500}
.design-refined .primary.red{background:var(--madder)}.design-refined .photo-btn{border:1px dashed #b5c4cd;background:#f4f7f9;color:var(--indigo);border-radius:14px;min-height:64px;font-size:15px}
.design-refined .hint{background:#eef3f5;border:0;border-radius:12px;padding:14px;font-size:14px}.design-refined details.tags{border:1px solid var(--line);border-radius:12px}
.design-refined details.tags summary{padding:16px;font-size:15px}.design-refined .todo-bar{border:0;background:#faf0e5;font-weight:400}
.design-refined #tipsLine{line-height:2.1!important;margin:12px 0 20px!important}.design-refined #bkRemind{border:1px solid var(--line)!important;font-weight:400!important;background:#edf2f4!important;color:#405b6b!important}
.design-refined :focus-visible{outline:3px solid #5e8da8!important;outline-offset:3px}
.design-refined[data-theme=lan]{background:#223e50}.design-refined[data-theme=bai]{background:#fff}
@media(max-width:600px){
 .design-refined header{padding:10px 14px}.design-refined .hd-row{position:relative;gap:8px}.design-refined .hd-brand{gap:9px;padding-right:44px}.design-refined .hd-logo{width:34px;height:34px}.design-refined .hd-title{font-size:20px}.design-refined .hd-sub{display:none}
 .design-refined .hd-actions{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));width:100%;gap:4px}.design-refined .hd-btn{padding:7px 4px;min-height:40px;font-size:13px;text-align:center;border-radius:8px}.design-refined .hd-actions .theme-dot{position:absolute;right:0;top:0;width:34px;height:34px}
 .design-refined main{padding:10px 14px}.design-refined .stats{grid-template-columns:repeat(4,minmax(0,1fr));gap:6px;margin-bottom:12px}.design-refined .stat{padding:9px 3px;text-align:center;min-width:0;border-radius:12px}.design-refined .stat .v{font-size:clamp(13px,3.7vw,17px);letter-spacing:-.04em;white-space:nowrap}.design-refined .stat .l{font-size:11px;margin-top:3px}.design-refined .scope-heading{height:24px;margin-bottom:5px}
 .design-refined .toolbar{gap:8px;margin-bottom:12px}.design-refined .chips{flex-wrap:nowrap;overflow-x:auto;scrollbar-width:none}.design-refined .chips .chip{flex-shrink:0}.design-refined .grid{gap:12px}
 .design-refined .fcard-top{padding:16px;gap:12px}.design-refined .thumb{width:88px;height:108px}.design-refined .fname{font-size:17px}
 .design-refined .sheet-bd{padding:20px 18px}.design-refined .sheet-hd{padding:16px 18px}.design-refined .f-2col{gap:12px}
 .design-refined .chips{gap:5px}.design-refined .chip{padding:8px 10px;font-size:13px}.design-refined .sortsel{max-width:100%;flex:1}
}
@media(prefers-reduced-motion:reduce){.design-refined *{animation:none!important;transition:none!important}}
@media print{#design-bar{display:none!important}}

.hd-actions .hd-btn{display:flex!important;align-items:center;justify-content:center;line-height:1.2}.filter-manage,.sort-control,.search{height:44px!important;min-height:44px!important;font-size:16px!important;line-height:1.2;box-sizing:border-box}.filter-manage{display:flex;align-items:center;justify-content:center;padding:0 10px!important;margin:0!important;position:static}.sort-control{align-self:center}.search{min-width:0}

/* Compact fabric facts and one consistent filter toolbar. */
.design-refined .fabric-facts{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:3px 10px;margin-top:6px;font-size:13px;line-height:1.65;color:var(--ui-muted)}.fabric-facts>span{white-space:nowrap}.fabric-facts b{font-weight:400;color:var(--ui-text)}.fabric-location{font-size:13px;color:var(--ui-muted);overflow-wrap:anywhere}.design-refined .funit{font-size:13px;margin:5px 0;line-height:1.65}.design-refined .funit b{font-size:14px}.design-refined .fchips{display:flex;flex-wrap:wrap;gap:4px;margin:5px 0 0}.design-refined .fchip{font-size:13px;padding:1px 5px;margin:0;line-height:1.5}.design-refined .fchips .fchip:first-child{margin-left:0}.design-refined .bolt-label{justify-content:flex-end;margin-bottom:6px}.design-refined .bolt{padding-top:0}.design-refined .fcard-info{min-width:0}.design-refined .fcard-top{gap:12px;padding-bottom:10px}
.design-refined .toolbar .chip,.design-refined .toolbar .filter-manage,.design-refined .toolbar .search,.design-refined .toolbar .sort-control{font-size:14px!important}.design-refined .toolbar{gap:8px}.design-refined .toolbar .search{flex:1 1 100px;width:100px;padding:8px!important}.design-refined .toolbar .filter-manage{padding:0 8px!important}.design-refined .toolbar .sort-control{flex-basis:58px}.color-filter{position:relative;flex:0 0 44px}.color-toggle{width:44px;height:44px;padding:4px;border:1px solid var(--ui-border);border-radius:10px;background:var(--ui-panel);color:var(--ui-text);display:flex;align-items:center;justify-content:center;gap:2px}.color-filter i{display:inline-block;width:20px;height:20px;border-radius:50%;border:1px solid #8995a3}.all-colors{background:conic-gradient(#285c88,#b83f30,#c8af79,#4c7866,#285c88)}.color-menu{position:absolute;right:0;top:50px;width:220px;padding:8px;background:var(--ui-panel);border:1px solid var(--ui-border);border-radius:12px;box-shadow:0 6px 24px #0002;z-index:20;display:grid;grid-template-columns:repeat(5,1fr);gap:3px}.color-menu[hidden]{display:none}.color-menu button{width:38px;height:38px;display:grid;place-items:center;background:transparent;border:1px solid transparent;border-radius:8px;touch-action:manipulation}.color-menu button[aria-pressed=true]{border-color:var(--ui-primary);background:var(--ui-soft)}
@media(max-width:400px){.design-refined .fcard-top{padding:12px;gap:10px}.design-refined .thumb{width:76px;height:100px}.design-refined .fabric-facts{gap:3px 6px;font-size:12px}.design-refined .fabric-facts b{font-size:12px}}
.design-refined .toolbar button,.design-refined .toolbar input,.design-refined .toolbar .sort-control,.design-refined .fabric-facts,.design-refined .fabric-location,.design-refined .funit,.design-refined .fchip{font-family:system-ui,-apple-system,"Segoe UI",sans-serif!important}