:root{--vink-yellow:#febd0d;--vink-yellow-hover:#e5aa0c;--vink-yellow-light:#fff7d4;--vink-black:#000;--vink-gray:#666;--vink-label:#333;--vink-light-gray:#ececec;--vink-white:#fff;--vink-success:#4caf50;--vink-success-bg:#edf7ee;--vink-error:#f44336;--vink-error-bg:#ffebee;--vink-font:Arial, -apple-system, BlinkMacSystemFont, "Segoe UI", sans-serif;--vink-font-heading:"Arial Black", Arial, sans-serif;--vink-radius:6px;--vink-radius-card:8px;--vink-shadow-sm:0 1px 3px #00000014}.ws-scan{width:100%;min-width:0;max-width:720px;font-family:var(--vink-font);color:var(--vink-black);flex-direction:column;gap:16px;font-size:16px;line-height:1.5;display:flex}.ws-scan *,.ws-scan :before,.ws-scan :after{box-sizing:border-box}.ws-title{font-family:var(--vink-font-heading);text-transform:uppercase;margin:0;font-size:20px;font-weight:900}.ws-hint,.ws-muted{color:var(--vink-gray);margin:0}.ws-camera{flex-direction:column;gap:8px;display:flex}.ws-camera-status{margin:0;font-weight:700}.ws-camera-video{aspect-ratio:4/3;object-fit:cover;background:var(--vink-black);border-radius:var(--vink-radius-card);width:100%;max-height:50vh}.ws-form{flex-direction:column;gap:16px;margin:0;display:flex}.ws-field{flex-direction:column;gap:6px;min-width:0;display:flex}.ws-field label{color:var(--vink-label);font-size:14px;font-weight:600}.ws-scan input[type=text],.ws-scan input[type=search]{border:1px solid var(--vink-gray);border-radius:var(--vink-radius);background:var(--vink-white);width:100%;min-height:48px;color:var(--vink-black);font:inherit;padding:10px 12px;font-size:16px}.ws-scan input:focus-visible,.ws-scan button:focus-visible{outline:2px solid var(--vink-black);outline-offset:1px;box-shadow:0 0 0 3px #febd0d33}.ws-scan input[type=text]:focus,.ws-scan input[type=search]:focus{border-color:var(--vink-yellow)}.ws-scan [aria-invalid=true]{border-color:var(--vink-error);border-width:2px}.ws-error{color:#b8321d;margin:0;font-weight:600}.ws-direction{grid-template-columns:1fr 1fr;gap:0;display:grid}.ws-toggle{border:1px solid var(--vink-gray);background:var(--vink-white);min-height:48px;color:var(--vink-black);font:inherit;cursor:pointer;font-weight:700}.ws-toggle:first-child{border-radius:var(--vink-radius) 0 0 var(--vink-radius)}.ws-toggle:last-child{border-radius:0 var(--vink-radius) var(--vink-radius) 0;border-left:0}.ws-toggle[aria-pressed=true]{background:var(--vink-yellow);border-color:var(--vink-black)}.ws-row{flex-wrap:wrap;align-items:flex-end;gap:12px 16px;display:flex}.ws-field-quantity{flex:0 0 96px}.ws-check{cursor:pointer;align-items:center;gap:10px;min-height:48px;font-weight:600;display:flex}.ws-check input{width:24px;height:24px;accent-color:var(--vink-black);margin:0}.ws-button{border:1px solid var(--vink-gray);border-radius:var(--vink-radius);background:var(--vink-white);min-height:48px;color:var(--vink-black);font:inherit;cursor:pointer;padding:10px 16px;font-weight:700}.ws-button-primary{border-color:var(--vink-yellow);background:var(--vink-yellow);width:100%}.ws-button-primary:hover:not(:disabled){background:var(--vink-yellow-hover)}.ws-button-secondary{align-self:flex-start}.ws-button:disabled{opacity:.6;cursor:default}.ws-result{flex-direction:column;gap:12px;display:flex}.ws-ok,.ws-alert,.ws-item{border-radius:var(--vink-radius-card);background:var(--vink-white);box-shadow:var(--vink-shadow-sm);padding:16px}.ws-ok{border-left:6px solid var(--vink-success);background:var(--vink-success-bg);font-size:18px}.ws-alert{border-left:4px solid var(--vink-error);background:var(--vink-error-bg);flex-direction:column;gap:8px;display:flex}.ws-alert p{margin:0}.ws-item{flex-direction:column;gap:12px;display:flex}.ws-item-title{overflow-wrap:anywhere;margin:0;font-size:18px;font-weight:700}.ws-item-facts{grid-template-columns:repeat(3,minmax(0,1fr));gap:8px;margin:0;display:grid}.ws-item-facts dt{color:var(--vink-gray);font-size:14px}.ws-item-facts dd{overflow-wrap:anywhere;margin:0;font-size:20px;font-weight:700}.ws-warn{border-radius:var(--vink-radius);margin:0;padding:8px 12px;font-weight:700}.ws-warn-low{border-left:4px solid var(--vink-yellow);background:var(--vink-yellow-light)}.ws-warn-negative{border-left:4px solid var(--vink-error);background:var(--vink-error-bg)}.ws-code{overflow-wrap:anywhere;font-family:ui-monospace,Menlo,Consolas,monospace}.ws-stock{flex-direction:column;gap:12px;display:flex}.ws-table-wrap{background:var(--vink-white);border-radius:var(--vink-radius-card);box-shadow:var(--vink-shadow-sm);overflow-x:auto}.ws-table{border-collapse:collapse;width:100%;font-size:15px}.ws-table th,.ws-table td{border-bottom:1px solid var(--vink-light-gray);text-align:left;vertical-align:top;padding:12px 10px}.ws-table th{white-space:nowrap;background:#f6f6f6;font-size:14px}.ws-table tbody tr{cursor:pointer}.ws-table .ws-num{text-align:right;white-space:nowrap}.ws-table .ws-row-current td{background:var(--vink-yellow-light)}.ws-table .ws-row-current td:first-child{box-shadow:inset 4px 0 0 var(--vink-yellow)}.ws-stock-low{background:var(--vink-yellow-light);font-weight:700}.ws-stock-negative{color:#b8321d;background:var(--vink-error-bg);font-weight:700}@media (width<=400px){.ws-table th:nth-child(3),.ws-table td:nth-child(3),.ws-table th:nth-child(5),.ws-table td:nth-child(5){display:none}.ws-table{font-size:14px}.ws-table th,.ws-table td{padding:10px 6px}}.ws-table td.ws-code{overflow-wrap:normal;white-space:nowrap}
