:root{color-scheme:light;--text:#0f172a;--canvas:#f8fafc;--surface:#fff;--border:#d8e0e5;--border-soft:#e2e8f0;--error:#a31919;--subtle:#edf5f1;--accent-text:#07543f;--muted:#475569;--alert-bg:#fff7ed;--alert-border:#e2c8b4}
:root{font-family:system-ui,sans-serif;color:var(--text);background:var(--canvas);line-height:1.5}*{box-sizing:border-box}body{margin:0}header{background:#25364a;color:white;padding:18px max(20px,calc((100vw - 1100px)/2));display:flex;justify-content:space-between;gap:20px;flex-wrap:wrap}header strong,header span{display:block}header span{font-size:.85rem}main{max-width:1100px;padding:24px 20px;margin:auto}section{background:var(--surface);border:1px solid var(--border);border-radius:8px;padding:20px;margin:20px 0}h1{font-size:1.8rem}h2{font-size:1.2rem}label{display:block;font-weight:600}.row{display:flex;gap:10px;flex-wrap:wrap;margin-top:8px}input{min-height:44px;min-width:220px;flex:1;padding:8px;font:inherit;border:1px solid #64748b;border-radius:4px}button{min-height:44px;padding:8px 18px;border:0;border-radius:4px;background:#086f53;color:white;font:inherit;font-weight:600;cursor:pointer}button:disabled{opacity:.5}button:focus-visible,input:focus-visible{outline:3px solid #e3a21b;outline-offset:2px}li{padding:8px 0;border-bottom:1px solid var(--border-soft)}#message{color:var(--error)}
.record{background:var(--subtle);color:var(--accent-text);text-align:left;width:100%}table{width:100%;border-collapse:collapse;text-align:left}th,td{border-bottom:1px solid var(--border);padding:10px}th:last-child,td:last-child{text-align:right}summary{cursor:pointer;min-height:44px;padding:10px 0}
.checkbox{display:flex;align-items:center;gap:10px;margin-top:12px}.checkbox input{flex:none;min-width:0;width:24px;min-height:24px}input[type=checkbox]{accent-color:#086f53}.product-photo{max-width:180px;max-height:180px;object-fit:contain}#product-detail li{overflow-wrap:anywhere}
select{min-height:44px;font:inherit;max-width:100%;padding:8px;margin:8px 0;display:block}#receipt-entry{display:grid;gap:8px;max-width:640px}#receipt-area li{display:flex;align-items:center;flex-wrap:wrap;gap:12px;overflow-wrap:anywhere}#receipt-area button{margin:4px}#receipt-area input{min-width:0;width:100%}
#product-photo{width:100%;min-width:0;max-width:100%;display:block;margin:10px 0}#product-detail form{display:grid;gap:8px;max-width:100%;min-width:0}#product-detail input{min-width:0;width:100%}
#import-file{width:100%;min-width:0;max-width:100%}
[hidden]{display:none!important}.workspace-nav{position:sticky;top:0;z-index:5;display:grid;grid-template-columns:repeat(5,minmax(0,1fr));gap:6px;background:var(--canvas);padding:8px 0;border-bottom:1px solid var(--border)}.workspace-nav button{min-width:0;padding:8px 4px;font-size:.8rem;background:var(--subtle);color:var(--accent-text);border:2px solid transparent}.workspace-nav button[aria-selected=true]{background:var(--accent-text);color:white;border-color:var(--accent-text)}.development-note{font-size:.85rem;color:var(--muted)}#product-search{width:100%;min-width:0}#products li{overflow-wrap:anywhere}#message{position:sticky;bottom:0;padding:12px;background:var(--alert-bg);border:1px solid var(--alert-border);overflow-wrap:anywhere}#message:empty{display:none}.skip-link{position:absolute;left:-9999px;top:0;background:var(--surface);color:var(--accent-text);padding:12px;z-index:10}.skip-link:focus{left:0}#reader-area li{overflow-wrap:anywhere}section h1{font-size:1.5rem;margin-top:0}@media(min-width:640px){.workspace-nav button{font-size:1rem}.workspace-nav{gap:12px}}@media(prefers-reduced-motion:reduce){*{scroll-behavior:auto!important}}

.workspace-nav button{overflow-wrap:anywhere;min-height:48px}.workspace-nav button[aria-selected=true]{background:#07543f;color:#fff;border-color:#07543f}button:active{filter:brightness(.92)}main{padding-bottom:calc(24px + env(safe-area-inset-bottom))}section{scroll-margin-top:100px}input,select{color:var(--text);background:var(--surface)}td,th{overflow-wrap:anywhere}
@media(prefers-color-scheme:dark){:root{color-scheme:dark;--text:#e2e8f0;--canvas:#0b1220;--surface:#111c2c;--border:#526176;--border-soft:#344359;--error:#fdba74;--subtle:#1b3440;--accent-text:#6ee7b7;--muted:#b6c3d5;--alert-bg:#32231b;--alert-border:#a77e59}.workspace-nav button[aria-selected=true]{background:#34d399;color:#052e25;border-color:#34d399}}
.workspace-nav{display:flex;flex-wrap:wrap;gap:4px;margin-inline:-12px;padding-inline:4px}.workspace-nav button{flex:1 1 56px;min-width:min-content;overflow-wrap:normal}@media(min-width:640px){.workspace-nav{margin-inline:0;gap:12px}}