:root{--accent: #970437;--accent-dark: #75032b;--ink: #1c1c1e;--ink-soft: #5c5c66;--line: #e2e2e7;--surface: #ffffff;--ground: #f6f5f4;--warn-bg: #fff6e5;--warn-line: #e6af05;--error-bg: #fdeaee;--ok-bg: #e9f5ec;--ok-line: #4f805d;color-scheme:light}*{box-sizing:border-box}body{margin:0;background:var(--ground);color:var(--ink);font:15px/1.55 system-ui,-apple-system,Segoe UI,Roboto,sans-serif}button{font:inherit;cursor:pointer}button:disabled{cursor:not-allowed;opacity:.55}:focus-visible{outline:2px solid var(--accent);outline-offset:2px}.staging-banner{background:var(--warn-bg);border-bottom:1px solid var(--warn-line);padding:.5rem 1rem;font-size:.8125rem;text-align:center}.app-header{display:flex;align-items:center;justify-content:space-between;gap:1rem;padding:.875rem 1.25rem;background:var(--surface);border-bottom:1px solid var(--line);flex-wrap:wrap}.app-header h1{margin:0;font-size:1.0625rem;font-weight:650}.app-header h1 span{color:var(--accent)}.header-meta{font-size:.75rem;color:var(--ink-soft);display:flex;gap:.75rem;flex-wrap:wrap}.layout{display:grid;min-width:0;grid-template-columns:minmax(0,1fr) 22rem;gap:1rem;padding:1rem;align-items:start;max-width:82rem;margin:0 auto}.panel{min-width:0;background:var(--surface);border:1px solid var(--line);border-radius:8px}.panel>h2{margin:0;padding:.75rem 1rem;font-size:.8125rem;text-transform:uppercase;letter-spacing:.05em;color:var(--ink-soft);border-bottom:1px solid var(--line)}.chat{display:flex;flex-direction:column;min-height:26rem;min-width:0}.chat-log{min-height:12rem;max-height:min(60vh,42rem);overflow-y:auto;padding:1rem;display:flex;flex-direction:column;gap:.875rem;overscroll-behavior:contain}.bubble{max-width:min(46rem,85%);width:fit-content;padding:.625rem .875rem;border-radius:8px;white-space:pre-wrap;overflow-wrap:anywhere}.bubble.user{background:var(--accent);color:#fff;align-self:flex-end}.bubble.assistant{background:var(--ground);align-self:flex-start}.bubble.system{background:var(--error-bg);align-self:flex-start;font-size:.875rem}.bubble.pending{color:var(--ink-soft);font-style:italic}.product-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(13rem,1fr));gap:.75rem;padding:0 1rem .5rem}.product-card{border:1px solid var(--line);border-radius:8px;padding:.75rem;display:flex;flex-direction:column;gap:.4rem}.product-card img{width:100%;aspect-ratio:1;object-fit:cover;border-radius:4px;background:var(--ground)}.product-card .sku{font-size:.75rem;color:var(--ink-soft);font-variant-numeric:tabular-nums}.product-card .title{font-weight:600;font-size:.875rem;line-height:1.35}.product-card .price{font-weight:650}.product-card .oos{font-size:.75rem;color:#b0413e}.btn{border:1px solid var(--accent);background:var(--accent);color:#fff;border-radius:5px;padding:.5rem .875rem;font-weight:550}.btn:hover:not(:disabled){background:var(--accent-dark)}.btn.ghost{background:transparent;color:var(--accent)}.btn.subtle{background:transparent;color:var(--ink-soft);border-color:var(--line)}.btn.block{width:100%}.btn.large{padding:.75rem 1rem;font-size:1rem}.composer{display:flex;gap:.5rem;padding:.75rem 1rem;border-top:1px solid var(--line);margin-top:auto}.composer input{flex:1;padding:.6rem .75rem;border:1px solid var(--line);border-radius:5px;font:inherit}.cart-lines{list-style:none;margin:0;padding:0}.cart-lines li{padding:.75rem 1rem;border-bottom:1px solid var(--line);display:grid;gap:.35rem}.cart-lines .line-top{display:flex;justify-content:space-between;gap:.5rem;align-items:baseline}.cart-lines .line-title{font-size:.875rem;font-weight:550;min-width:0;overflow-wrap:anywhere}.cart-lines .line-top>:last-child{flex:0 0 auto;font-variant-numeric:tabular-nums}.qty{display:flex;align-items:center;gap:.4rem;flex-wrap:wrap}.qty button.step{flex:0 0 auto;width:1.75rem;height:1.75rem;border:1px solid var(--line);background:var(--surface);border-radius:4px}.qty output{min-width:1.5rem;text-align:center;font-variant-numeric:tabular-nums}.totals{list-style:none;margin:0;padding:.75rem 1rem;display:grid;gap:.3rem;font-size:.875rem}.totals li{display:flex;justify-content:space-between}.totals li.grand{font-weight:700;font-size:1rem;border-top:1px solid var(--line);padding-top:.4rem;margin-top:.2rem}.empty{padding:1.25rem 1rem;color:var(--ink-soft);font-size:.875rem}form.buyer{padding:.75rem 1rem;display:grid;gap:.6rem}form.buyer label{display:grid;gap:.2rem;font-size:.8125rem;color:var(--ink-soft)}form.buyer input{padding:.5rem .6rem;border:1px solid var(--line);border-radius:4px;font:inherit;color:var(--ink)}.field-row{display:grid;grid-template-columns:1fr 1fr;gap:.6rem}.notice{margin:.75rem 1rem;padding:.6rem .75rem;border-radius:5px;font-size:.8125rem}.notice.info{background:var(--ground)}.notice.warn{background:var(--warn-bg);border:1px solid var(--warn-line)}.notice.error{background:var(--error-bg);border:1px solid #b0413e}.notice.ok{background:var(--ok-bg);border:1px solid var(--ok-line)}.order-number{font-size:1.5rem;font-weight:700;font-variant-numeric:tabular-nums}.gate{max-width:22rem;margin:5rem auto}.gate form{display:grid;gap:.75rem;padding:1rem}details.technical{margin:0 1rem 1rem;font-size:.8125rem}details.technical summary{cursor:pointer;color:var(--ink-soft);padding:.4rem 0}details.technical pre{background:var(--ground);padding:.6rem;border-radius:4px;overflow-x:auto;max-height:18rem}.cart-toggle{display:none}.cart-column{min-width:0;width:100%}.cart-column .panel{overflow:hidden}form.buyer label,form.buyer input,.field-row{min-width:0}form.buyer input{width:100%}@media(min-width:60.01rem){.cart-column{position:sticky;top:1rem}}@media(max-width:60rem){.layout{grid-template-columns:minmax(0,1fr)}.cart-toggle{display:block}.cart-column[data-collapsed=true]{display:none}}@media(max-width:32rem){.layout{padding:.75rem}.cart-lines .line-top{align-items:flex-start;flex-wrap:wrap}.cart-lines .line-top>:last-child{margin-left:auto}.field-row{grid-template-columns:1fr;gap:.5rem}}.visually-hidden{position:absolute;width:1px;height:1px;overflow:hidden;clip-path:inset(50%);white-space:nowrap}
