:root,:root[data-theme=nord]{--bg: #2e3440;--surface: #3b4252;--raised: #434c5e;--text: #eceff4;--muted: #b7c0d0;--line: #4c566a;--accent: #88c0d0;--on-accent: #1d2430;--heading: #8fd0de;--good: #a3be8c;--warn: #ebcb8b;--on-warn: #2e3440;--bad: #f0a0a7;color-scheme:dark}:root[data-theme=paper]{--bg: #f6f5f1;--surface: #ffffff;--raised: #eeece6;--text: #1c1b18;--muted: #625e55;--line: #d6d2c8;--accent: #0b6e4f;--on-accent: #ffffff;--heading: #0b6e4f;--good: #0b6e4f;--warn: #8a5200;--on-warn: #ffffff;--bad: #a3271f;color-scheme:light}@media(prefers-color-scheme:light){:root[data-theme=system]{--bg: #f6f5f1;--surface: #ffffff;--raised: #eeece6;--text: #1c1b18;--muted: #625e55;--line: #d6d2c8;--accent: #0b6e4f;--on-accent: #ffffff;--heading: #0b6e4f;--good: #0b6e4f;--warn: #8a5200;--on-warn: #ffffff;--bad: #a3271f;color-scheme:light}}:root{font-family:Segoe UI,system-ui,-apple-system,Roboto,sans-serif;font-size:16px;line-height:1.4}*{box-sizing:border-box}html,body,#root{height:100%}body{margin:0;background:var(--bg);color:var(--text)}a{color:var(--accent)}h1{font-size:1.3rem;line-height:1.25;margin:0 0 4px;overflow-wrap:anywhere}h2{font-size:.95rem;font-weight:700;color:var(--heading);margin:22px 0 6px}p{margin:6px 0}button,input,select{font:inherit;color:inherit}.shell{display:flex;flex-direction:column;gap:12px;min-height:100%;padding:12px;padding-top:max(12px,env(safe-area-inset-top));padding-bottom:max(12px,env(safe-area-inset-bottom))}.center{display:flex;flex-direction:column;gap:12px;min-width:0;order:1}.side{display:flex;flex-direction:column;gap:10px;min-width:0;order:2}.topbar{display:flex;gap:8px;align-items:stretch}.topbar .back{display:none}.panes{display:flex;flex-direction:column;gap:12px;min-height:0}.pane{background:var(--surface);border-radius:6px;min-width:0}.pane.list{padding:6px}.pane.detail{padding:14px}.shell.show-detail .pane.list,.shell.show-detail .side,.shell.show-detail .topbar .search,.shell.show-list .pane.detail{display:none}.shell.show-detail .topbar .back{display:inline-flex;margin-right:auto}.shell.show-detail .topbar{justify-content:space-between}@media(min-width:760px){.shell{display:grid;grid-template-columns:1fr 1fr;grid-template-areas:"center center" "left right";align-items:start}.center{grid-area:center}.side.left{grid-area:left}.side.right{grid-area:right}.panes{flex-direction:row;align-items:flex-start}.pane.list{flex:0 0 20.5rem;max-height:calc(100vh - 6rem);overflow-y:auto;position:sticky;top:12px}.pane.detail{flex:1;min-height:20rem}.shell.show-detail .pane.list,.shell.show-detail .topbar .search,.shell.show-list .pane.detail{display:block}.shell.show-detail .side{display:flex}.shell.show-detail .topbar .back{display:none}}@media(min-width:1200px){.shell{grid-template-columns:15rem minmax(0,1fr) 20rem;grid-template-areas:"left center right";height:100%;align-items:stretch}.center{min-height:0}.panes{flex:1;min-height:0;align-items:stretch}.pane.list{max-height:none;position:static}.pane.detail,.side{overflow-y:auto}}.search,label input,.setting input,.setting select{width:100%;min-height:46px;padding:10px 12px;color:var(--text);background:var(--bg);border:1px solid var(--line);border-radius:6px}.search{flex:1;min-width:0;font-size:1.05rem;background:var(--bg);border-color:var(--muted)}.button{display:inline-flex;align-items:center;justify-content:center;min-height:46px;padding:8px 16px;font-weight:600;white-space:nowrap;text-decoration:none;color:var(--on-accent);background:var(--accent);border:1px solid var(--accent);border-radius:6px;cursor:pointer}.button.quiet{color:var(--accent);background:transparent;border-color:var(--line)}.button.small{min-height:36px;padding:4px 12px;font-size:.9rem}.button:disabled{opacity:.55;cursor:default}:is(a,button,input,select):focus-visible{outline:2px solid var(--accent);outline-offset:2px}.actions{display:flex;gap:10px;margin-top:16px}.actions.three .button{flex:1}.link,.icon{padding:6px 8px;font-size:.8rem;color:var(--muted);background:none;border:none;cursor:pointer}.link:hover,.icon:hover{color:var(--text)}.cards,.plain,.history,.listings{list-style:none;margin:0;padding:0}.cards li+li{margin-top:6px}.card{display:flex;gap:10px;align-items:center;min-height:64px;padding:8px 10px;color:inherit;text-decoration:none;border-left:3px solid var(--good);border-radius:3px}.card.unverified,.card.listing{border-left-color:var(--warn)}.card:hover{background:var(--raised)}.card.selected{background:var(--raised);box-shadow:inset 0 0 0 1px var(--line)}.card-text{display:flex;flex-direction:column;gap:2px;min-width:0;flex:1}.card-name{font-weight:600;overflow-wrap:anywhere}.badge{align-self:flex-start;padding:0 6px;font-size:.72rem;font-weight:600;color:var(--on-warn);background:var(--warn);border-radius:3px}.source{font-size:.75rem;color:var(--heading)}.sub{display:block;color:var(--muted);font-size:.82rem;overflow-wrap:anywhere}.pad{padding:6px 10px}h2.pad{margin:14px 0 2px}.clamp{display:-webkit-box;-webkit-box-orient:vertical;-webkit-line-clamp:2;line-clamp:2;overflow:hidden}.thumb{flex:none;object-fit:cover;background:var(--raised);border-radius:4px}.thumb.small{width:48px;height:48px}.thumb.large{width:96px;height:96px}.thumb.none{display:inline-block}.qty{font-variant-numeric:tabular-nums;font-weight:600;font-size:.9rem;color:var(--good)}.qty.unverified{color:var(--warn)}.box{background:var(--surface);border-radius:6px}.box-head{display:flex;align-items:center;gap:4px;padding-right:4px}.box-title{flex:1;display:flex;justify-content:space-between;align-items:center;gap:8px;min-height:40px;padding:6px 10px;font-weight:700;font-size:.9rem;text-align:left;color:var(--heading);background:none;border:none;cursor:pointer}.box-head .link{order:2}.chevron{font-size:.7rem;color:var(--text)}.box-body{padding:4px 10px 10px;border-top:2px solid var(--bg);font-size:.9rem}.plain li{display:flex;align-items:center;justify-content:space-between;gap:6px;min-height:36px}.plain a{flex:1;min-width:0;padding:6px 0;color:var(--text);text-decoration:none;overflow-wrap:anywhere}.plain a:hover{color:var(--accent)}.recent{flex:1;padding:5px 0;text-align:left;background:none;border:none;cursor:pointer}.recent:hover span:first-child{color:var(--accent)}.fact{display:flex;justify-content:space-between;gap:12px;padding:3px 0}.fact.indent{padding-left:10px}.fact strong{font-variant-numeric:tabular-nums;text-align:right}.setting{display:block;margin-top:8px;font-weight:600;color:var(--heading)}.setting select,.setting input{min-height:38px;padding:4px 8px;margin-top:4px;font-weight:400;color:var(--text)}.setting.row{display:flex;align-items:center;gap:8px}.setting.row label{margin:0;font-size:inherit;color:var(--text);font-weight:400;white-space:nowrap}.setting.row input{width:4.5rem;margin-top:0;text-align:center}.placeholder{color:var(--muted);padding:24px 8px}.detail-tools{display:flex;justify-content:flex-end;gap:8px;margin-bottom:8px}.item-head,.listing-card{display:flex;gap:14px;align-items:flex-start}.item-head>div,.listing-card>div{min-width:0}.stock{margin:8px 0 0}.stock .qty{font-size:1.7rem;font-weight:700}.history li{display:flex;align-items:baseline;gap:12px;min-height:44px;padding:9px 2px;border-bottom:1px solid var(--line)}.amount{flex:none;min-width:4.2rem;font-variant-numeric:tabular-nums;font-weight:600}.amount.use,.amount.scrap{color:var(--bad)}.amount.purchase,.amount.salvage{color:var(--good)}.what{flex:1;min-width:0}.when{flex:none;color:var(--muted);font-size:.82rem}.absorbed{opacity:.5}.listings li{padding:9px 2px;border-bottom:1px solid var(--line)}.login{min-height:100%;display:flex;align-items:center;justify-content:center;padding:16px}.login-box{width:100%;max-width:22rem;padding:22px;background:var(--surface);border-radius:8px}.login-box .button{flex:1}.setting.row span{flex:1;font-weight:400;color:var(--text)}.panel{margin-top:16px;padding:14px;background:var(--raised);border-radius:6px}.panel.plain{margin-top:0;padding:0;background:none}.panel h2{margin-top:0}label{display:block;margin-top:14px;font-size:.9rem;font-weight:700;color:var(--heading)}label input{margin-top:4px;font-weight:400;font-size:1rem}fieldset{margin:22px 0 0;padding:4px 14px 14px;border:1px solid var(--line);border-radius:6px}legend{padding:0 6px;font-size:.85rem;font-weight:600;color:var(--muted)}.listing-card{margin:12px 0 4px;padding:12px;background:var(--raised);border-radius:6px}.hint{display:block;margin-top:4px;font-size:.85rem;font-weight:400;color:var(--muted)}.error{color:var(--bad)}.empty{color:var(--muted)}
