.counter-quick{margin:0 0 16px;border:1px solid var(--border,#475569);border-radius:12px;background:var(--surface,#182235);color:var(--ink,#e2e8f0);font-size:13px}.interface-pcp-clean .counter-quick{--border: #dce4ef;--surface: #fff;--ink: #172b41;--bg-app: #f8fafc}.counter-quick-toggle{width:100%;display:flex;align-items:center;justify-content:space-between;gap:12px;padding:16px;text-align:left;color:inherit;background:transparent;border:0;border-radius:12px}.counter-quick-toggle strong{display:block;font-size:16px}.counter-quick-toggle small{display:block;margin-top:3px}.counter-quick-body{padding:0 16px 16px}.counter-quick p{margin:8px 0;overflow-wrap:anywhere}.counter-quick-toolbar,.counter-quick-fields{display:flex;flex-wrap:wrap;align-items:end;gap:12px;margin:14px 0}.counter-quick label{display:grid;gap:5px;font-weight:600;flex:1 1 180px;min-width:0}.counter-quick input,.counter-quick select{min-height:42px;width:100%;padding:8px 10px;border:1px solid var(--border,#64748b);border-radius:6px;background:var(--bg-app,#0f172a);color:inherit;font:inherit}.counter-quick button:not(.counter-quick-toggle){min-height:42px;border:1px solid var(--border,#64748b);border-radius:7px;padding:8px 12px;background:var(--surface,#25354c);font-weight:700}.counter-quick button:disabled{opacity:.5;cursor:not-allowed}.counter-quick button:focus-visible{outline:2px solid #38bdf8;outline-offset:2px}.counter-quick-form,.counter-quick-detail{padding:14px;border:1px solid var(--border,#475569);border-radius:8px;margin:16px 0}.counter-quick h3{font-size:15px;font-weight:700;margin:0}.counter-quick-list article{display:flex;flex-wrap:wrap;justify-content:space-between;gap:12px;padding:14px 0;border-top:1px solid var(--border,#475569)}.counter-quick-list article>div{flex:1 1 250px;min-width:0}.counter-quick-balance{display:grid;gap:6px;max-width:350px}.counter-quick-balance>strong{font-size:17px}.counter-quick-balance>span{font-size:12px}.counter-quick-detail header{display:flex;flex-wrap:wrap;justify-content:space-between;gap:12px}.counter-quick .counter-quick-check{display:flex;align-items:center;margin:16px 0}.counter-quick-check input{width:20px;height:20px;flex-shrink:0}.counter-quick-error{color:#b91c1c;background:#fef2f2;padding:10px;border-radius:6px}.counter-quick,.counter-quick *{box-sizing:border-box}.counter-quick{min-width:0;max-width:100%}.counter-quick fieldset{border:0;padding:0;margin:0;min-width:0}.counter-quick small{display:block;font-size:11px;line-height:1.5;font-weight:400}.counter-quick-form{background:var(--bg-app,#101d30)}.counter-seller-picker{max-width:740px;margin:16px 0 20px}.counter-seller-results{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:6px;margin-top:8px}.counter-seller-results button{text-align:left;overflow-wrap:anywhere}.counter-selected-seller{display:flex;flex-wrap:wrap;align-items:center;gap:8px}.counter-search-bar,.counter-add-row{display:flex;align-items:end;gap:10px;margin:12px 0}.counter-search-bar label{flex:1}.counter-stock-note{font-size:12px}.counter-search-results{display:grid;gap:7px;max-height:340px;overflow-y:auto;overscroll-behavior:contain}.counter-quick .counter-product-result{display:grid;grid-template-columns:56px minmax(0,1fr) 96px;align-items:center;gap:12px;text-align:left;width:100%}.counter-product-result strong,.counter-cart-line strong{overflow-wrap:anywhere}.counter-product-result b{text-align:right;font-size:16px}.counter-product-thumb{display:flex;align-items:center;justify-content:center;width:56px;height:56px;flex-shrink:0;border-radius:6px;background:#fff;border:1px solid #dce4ef;color:#64748b;font-size:10px}.counter-product-thumb img{width:100%;height:100%;object-fit:contain;border-radius:6px}.counter-product-selection{margin:12px 0;padding:12px;border:1px solid var(--border,#475569);border-radius:8px;background:var(--surface,#182235)}.counter-product-selection header{display:flex;align-items:center;gap:12px;margin-bottom:12px}.counter-product-selection header>div{flex:1;min-width:0;overflow-wrap:anywhere}.counter-grade-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(155px,1fr));align-items:start;gap:10px;max-height:400px;overflow-y:auto;margin:10px 0;padding:3px}.counter-grade-option{min-width:0;border:1px solid var(--border,#475569);border-radius:8px;overflow:hidden}.counter-grade-option.is-selected{border-color:#2781a7;box-shadow:0 0 0 1px #2781a7}.counter-quick .counter-grade-option>button{width:100%;border:0;border-radius:0;outline-offset:-3px}.counter-grade-option label{padding:10px;font-size:11px;border-top:1px solid var(--border,#475569)}.counter-grade-state{font-size:11px;font-weight:600;margin-top:3px}.counter-add-row{flex-wrap:wrap;justify-content:space-between}.counter-grade-grid button{display:grid;gap:3px;text-align:left;overflow-wrap:anywhere}.counter-grade-grid button strong{font-size:16px}.counter-quick button[aria-pressed=true]{outline:2px solid #2781a7;border-color:#2781a7;background:#e4f4fa;color:#14344a}.counter-add-row label{flex:0 1 140px}.counter-cart{margin:20px 0;border:1px solid var(--border,#475569);border-radius:8px;padding:12px;background:var(--surface,#182235)}.counter-cart header{display:flex;flex-wrap:wrap;justify-content:space-between;align-items:center;gap:8px;margin-bottom:10px}.counter-cart h4{font-size:14px;font-weight:700;margin:0}.counter-cart-line{display:grid;grid-template-columns:56px minmax(0,1fr) 150px auto;gap:12px;align-items:center;padding:10px 0;border-top:1px solid var(--border,#475569)}.counter-cart-line label{font-size:10px}.counter-record-product{display:flex;align-items:center;gap:10px}.counter-quick button.counter-submit{margin-top:14px;background:#315d72;border-color:#315d72;color:#fff}@media(max-width:640px){.counter-quick-body{padding:0 10px 10px}.counter-quick-form{padding:10px}.counter-seller-results{grid-template-columns:minmax(0,1fr)}.counter-quick .counter-product-result{grid-template-columns:48px minmax(0,1fr);gap:8px}.counter-product-result b{grid-column:2;text-align:left;font-size:14px}.counter-product-result b small{display:inline;margin-left:4px}.counter-product-thumb{width:48px;height:48px}.counter-product-selection header{flex-wrap:wrap}.counter-product-selection header>div{flex-basis:calc(100% - 65px)}.counter-cart-line{grid-template-columns:48px minmax(0,1fr);gap:8px}.counter-cart-line label{grid-column:2}.counter-cart-line>button{grid-column:2}.counter-search-bar{flex-wrap:wrap}.counter-search-bar label{flex-basis:100%}}
