:root{--bg: #12110f;--bg2: #1b1916;--card: #221f1b;--line: #3a342c;--text: #f4eee4;--muted: #a89b8c;--gold: #d4a24c;--gold2: #f0c877;--danger: #e07070;--ok: #6fbf8a;--pending: #e0b15a}*{box-sizing:border-box}html,body{margin:0;min-height:100%}body{background:radial-gradient(1200px 600px at 10% -10%,#2a2318,var(--bg));color:var(--text);font:15px/1.45 Avenir Next,Segoe UI,system-ui,sans-serif}button,input,select{font:inherit}a{color:var(--gold2)}#app{max-width:720px;margin:0 auto;padding:1.5rem 1.1rem 4rem}.top{display:flex;align-items:center;justify-content:space-between;gap:1rem;margin-bottom:1.15rem}.who{display:flex;align-items:center;gap:.6rem;color:var(--muted);font-size:.88rem;flex-shrink:0;white-space:nowrap}.brand{font-weight:700;letter-spacing:.02em;color:inherit;text-decoration:none;font-size:1.05rem}.brand span{color:var(--gold)}.card{background:var(--card);border:1px solid var(--line);border-radius:16px;padding:1.15rem 1.2rem 1.25rem;margin-bottom:1rem}h1{font-size:1.35rem;margin:0 0 .3rem}h2{font-size:.92rem;margin:1.1rem 0 .65rem;color:var(--gold2);font-weight:650}p.sub{margin:0 0 1rem;color:var(--muted);font-size:.9rem}label{display:block;font-size:.75rem;color:var(--muted);margin:0 0 .3rem;letter-spacing:.02em}.field{display:flex;flex-direction:column;gap:.35rem;margin:0 0 1rem}.field label{margin:0}#login-form input{padding-right:2.6rem}#login-form .btn{margin-top:.15rem}input,select{width:100%;background:var(--bg2);color:var(--text);border:1px solid var(--line);border-radius:10px;padding:.65rem .75rem;min-height:42px}select{padding-right:2.1rem;text-overflow:ellipsis;overflow:hidden;white-space:nowrap;background-image:linear-gradient(45deg,transparent 50%,var(--muted) 50%),linear-gradient(135deg,var(--muted) 50%,transparent 50%);background-position:calc(100% - 16px) calc(50% - 3px),calc(100% - 11px) calc(50% - 3px);background-size:5px 5px,5px 5px;background-repeat:no-repeat;appearance:none}.line-card select,.line-card input{background:var(--bg)}input:focus,select:focus{outline:2px solid var(--gold);outline-offset:1px}.row{display:grid;grid-template-columns:1fr 1fr;gap:.75rem}@media (max-width: 560px){.row{grid-template-columns:1fr}}.btn{border:0;border-radius:10px;padding:.65rem 1rem;background:var(--gold);color:#1a140a;font-weight:650;cursor:pointer;display:inline-flex;align-items:center;justify-content:center;min-height:42px;text-decoration:none}.btn:disabled{opacity:.45;cursor:default}.btn.ghost{background:transparent;color:var(--text);border:1px solid var(--line)}.btn.ok{background:var(--ok);color:#0d1a12}.btn.icon{width:42px;min-width:42px;padding:0;font-size:1.1rem;line-height:1}.tabs{display:flex;flex-wrap:wrap;gap:.4rem;margin-bottom:1rem}.tabs a{flex:1;text-align:center}.line-head,.line{display:grid;grid-template-columns:minmax(0,1fr) 88px 42px;gap:.5rem;align-items:center}.stock-line .line-meta{grid-template-columns:88px minmax(0,1fr)}.line-head{margin-bottom:.35rem}.line{margin-bottom:.5rem}.line-head span{font-size:.75rem;color:var(--muted);letter-spacing:.02em}.line-card{border:1px solid var(--line);border-radius:12px;padding:.75rem;margin-bottom:.65rem;background:var(--bg2)}.line-top{display:grid;grid-template-columns:minmax(0,1fr) 42px;gap:.5rem;align-items:center}.line-meta{display:grid;grid-template-columns:88px 88px minmax(0,1fr) auto;gap:.5rem;align-items:end;margin-top:.65rem}.hint{margin:.4rem 0 0;font-size:.82rem;color:var(--gold2)}.check{display:flex;align-items:center;gap:.4rem;color:var(--text);font-size:.85rem;margin:0;white-space:nowrap}.check input{width:auto;min-height:0;accent-color:var(--gold)}.scan-box{margin-bottom:1rem}.total-row{display:flex;flex-wrap:wrap;align-items:baseline;gap:.6rem 1rem;margin-top:.4rem;padding:.75rem 0 0;border-top:1px solid var(--line)}.form-actions{display:flex;flex-wrap:wrap;gap:.5rem;margin-top:1rem}.form-actions .btn:last-child{margin-left:auto}.purchase-actions #save-draft{margin-left:auto}.purchase-actions .btn:last-child{margin-left:0}.item{display:grid;grid-template-columns:minmax(0,1fr) auto auto;gap:.75rem;align-items:center;padding:.7rem 0;border-bottom:1px solid var(--line)}.item:last-child{border-bottom:0}.item-actions{display:flex;align-items:center;gap:.5rem}.transfer-line{display:block}.transfer-top{display:flex;align-items:center;justify-content:space-between;gap:.75rem}.hold-reason{margin-top:.65rem}.transfer-line.is-transferred .hold-reason{display:none}.list-card{background:var(--bg2);border:1px solid var(--line);border-radius:12px;margin-bottom:.55rem}.list-card:hover{border-color:var(--gold)}.list-card .list-btn{margin:0;border:0;background:transparent}.list-card .list-btn:hover{border-color:transparent}.hold-list{margin:0;padding:0 1rem .35rem 1.7rem;color:var(--muted)}.hold-list strong{color:var(--text);font-weight:650}.list-actions{padding:0 1rem .9rem}.badge{display:inline-block;font-size:.68rem;font-weight:700;padding:.2rem .55rem;border-radius:999px;letter-spacing:.05em;text-transform:uppercase;white-space:nowrap}.badge.draft,.badge.submitted,.badge.pending{background:#3a2e16;color:var(--pending)}.badge.in_progress,.badge.partially_done{background:#2a2618;color:var(--gold2)}.badge.done{background:#163022;color:var(--ok)}.err{color:var(--danger);margin:0 0 .85rem}.okmsg{color:var(--ok);margin:0 0 .85rem}.muted{color:var(--muted)}.qty-meta{color:var(--muted);font-size:.85rem;white-space:nowrap}.list-btn{display:block;width:100%;text-align:left;background:var(--bg2);border:1px solid var(--line);border-radius:12px;padding:.85rem 1rem;color:inherit;cursor:pointer;margin-bottom:.55rem;text-decoration:none}.list-btn:hover{border-color:var(--gold)}.proof{max-width:min(100%,420px);border-radius:10px;margin-top:.5rem;border:1px solid var(--line);display:block}.back{display:inline-flex;margin-bottom:.75rem;padding:.4rem .7rem;min-height:0;font-size:.88rem}.detail-head{display:flex;align-items:flex-start;justify-content:space-between;gap:1rem;margin-bottom:.35rem}.detail-head h1{margin:0}.complete-box{margin-top:1.1rem;padding-top:1.1rem;border-top:1px solid var(--line)}.file-field{display:flex;align-items:center;gap:.75rem;padding:.8rem 1rem;border:1px dashed var(--line);border-radius:12px;background:var(--bg2);margin:.35rem 0 1rem}.file-field input[type=file]{min-height:0;padding:0;border:0;background:transparent;color:var(--muted)}.unit-readout{min-height:42px;display:flex;align-items:center;padding:.65rem .75rem;border:1px solid var(--line);border-radius:10px;background:var(--bg);color:var(--text)}.catalog-form{display:grid;grid-template-columns:minmax(0,1fr) 120px auto;gap:.5rem;align-items:end}.wa-box{margin:.35rem 0 1.15rem}.wa-head{display:flex;align-items:center;justify-content:space-between;gap:.75rem}.wa-head h2{margin:0}.wa-box .muted{margin:.35rem 0 0}.wa-text{margin:.75rem 0 0;padding:1rem 1.05rem;background:var(--bg2);border:1px solid var(--line);border-radius:12px;color:var(--text);font:inherit;font-size:.92rem;line-height:1.55;white-space:pre-wrap;overflow-wrap:anywhere;word-break:break-word;overflow:visible;user-select:text}@media (max-width: 560px){.line-head,.line{grid-template-columns:minmax(0,1fr) 72px 42px}.stock-line .line-meta{grid-template-columns:72px minmax(0,1fr)}.line-meta{grid-template-columns:1fr 1fr}.line-meta .check{grid-column:1 / -1}.catalog-form{grid-template-columns:1fr 1fr}.catalog-form button{grid-column:1 / -1}}hr{border:0;border-top:1px solid var(--line);margin:1rem 0}.cat-head{margin:1rem 0 .25rem;font-size:1rem}.stock-amount{width:6.5rem;text-align:right}.bar-item-fields{display:grid;grid-template-columns:2fr 1fr 4rem;gap:.4rem;flex:1}#bar-item-form{grid-template-columns:2fr 1fr auto;margin-top:.75rem}
