:root{color:#111;font-synthesis:none;text-rendering:optimizelegibility;--green:#124a36;--green-light:#e8f2ed;--line:#d6d6d6;--muted:#666;--danger:#a71919;--warning:#7a5200;background:#fff;font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Noto Sans SC,Arial,sans-serif}*{box-sizing:border-box}html,body,#root{width:100%;min-height:100%}html{background:#fff}body{background:#fff;min-width:0;min-height:100dvh;margin:0}button,input,select{font:inherit}button{cursor:pointer;min-height:44px}button:disabled{cursor:not-allowed;opacity:.45}input,select{color:#111;background:#fff;border:1px solid #888;border-radius:4px;outline:none;width:100%;min-width:0;height:48px;padding:0 10px;font-size:16px}input:focus,select:focus{border-color:var(--green);outline-offset:0;outline:2px solid #bcd8ca}input::placeholder{color:#777}h1,h2,p{margin:0}.login-page,.pin-page{background:#fff;justify-content:center;align-items:flex-start;min-height:100dvh;padding:24px 12px;display:flex}.login-form,.pin-form{gap:10px;width:min(100%,360px);display:grid}.pin-form h1{margin-bottom:4px;font-size:1.2rem}.pin-form label,.user-form label,.scan-form>label,.search-form>label{color:#222;gap:4px;font-size:.86rem;font-weight:700;display:grid}.primary-button,.compact-primary{color:#fff;background:var(--green);border:1px solid var(--green);border-radius:4px;min-height:44px;padding:0 14px;font-weight:700}.secondary-button{color:#111;background:#fff;border:1px solid #777;border-radius:4px;min-height:44px;padding:0 14px;font-weight:700}.danger-button{color:#fff;background:var(--danger);border:1px solid var(--danger);border-radius:4px;min-height:44px;padding:0 14px;font-weight:700}.text-button{color:#222;background:#fff;border:0;min-height:44px;padding:0 10px}.inline-alert{border:1px solid var(--line);margin:8px 0;padding:9px 10px;font-size:.84rem}.inline-alert.error{color:var(--danger);background:#fff4f4;border-color:#d99}.app-shell{background:#fff;min-height:100dvh}.topbar{z-index:20;color:#fff;background:var(--topbar-color,#124a36);border-bottom:1px solid rgba(0,0,0,.2);justify-content:space-between;align-items:center;width:100%;height:44px;padding:0 4px;display:flex;position:sticky;top:0}.topbar-home{--topbar-color:#124a36}.topbar-register{--topbar-color:#18754e}.topbar-pickingHome,.topbar-picking{--topbar-color:#086f7c}.topbar-pickingHistory{--topbar-color:#40559a}.topbar-search{--topbar-color:#2874b6}.topbar-users{--topbar-color:#b86608}.topbar-audit{--topbar-color:#6753a5}.topbar-inventory{--topbar-color:#246642}.topbar-title,.top-actions{align-items:center;min-width:0;display:flex}.topbar-title{flex:1}.topbar-title strong{text-overflow:ellipsis;white-space:nowrap;min-width:0;padding:0 8px;font-size:.96rem;overflow:hidden}.topbar button{min-width:44px;height:44px;min-height:44px;color:inherit;white-space:nowrap;background:0 0;border:0;padding:0 9px}.topbar-title button{color:var(--topbar-color,#124a36);background:#fff;border-right:1px solid rgba(0,0,0,.14)}.top-actions button:last-child{border-left:1px solid rgba(255,255,255,.35)}.topbar .sync-status{color:#fff3bd;font-size:.78rem}.topbar .sync-status.error{color:#ffd1d1}.main-area{min-height:calc(100dvh - 44px)}.page-content{width:min(100%,640px);margin:0 auto;padding:8px 10px 20px}.menu-list{gap:6px;padding-top:8px;display:grid}.menu-list button{text-align:left;border:1px solid;border-radius:4px;align-items:center;gap:11px;width:100%;height:58px;padding:0 10px;font-size:1rem;font-weight:700;display:flex}.menu-icon{color:#fff;border-radius:4px;flex:none;place-items:center;width:38px;height:38px;display:grid}.menu-icon svg{fill:none;stroke:currentColor;stroke-width:2px;stroke-linecap:round;stroke-linejoin:round;width:24px;height:24px}.menu-list .menu-register{color:#0b4b31;background:#e5f5ec;border-color:#91c9aa}.menu-register .menu-icon{background:#18754e}.menu-list .menu-picking{color:#07515a;background:#e5f7f8;border-color:#86cbd0}.menu-picking .menu-icon{background:#086f7c}.menu-list .menu-picking-history{color:#32447d;background:#edf0ff;border-color:#aeb9e8}.menu-picking-history .menu-icon{background:#40559a}.menu-list .menu-search{color:#174b7a;background:#e8f2ff;border-color:#9dc2e8}.menu-search .menu-icon{background:#2874b6}.menu-list .menu-users{color:#714000;background:#fff1dc;border-color:#e3bd7e}.menu-users .menu-icon{background:#b86608}.menu-list .menu-audit{color:#4d3d7b;background:#f0ecff;border-color:#bdb0e5}.menu-audit .menu-icon{background:#6753a5}.menu-list .menu-inventory{color:#24593c;background:#edf6e8;border-color:#a4c5a4}.menu-inventory .menu-icon{background:#246642}.inventory-reminders{gap:6px;display:grid}.inventory-reminders button{text-align:left;color:#704600;overflow-wrap:anywhere;word-break:break-word;background:#fff4dc;border:1px solid #dfbd7e;gap:3px;padding:8px;display:grid}.inventory-reminders span{font-size:.8rem}.inventory-reminders .inventory-reminder-folder{border-radius:4px;align-items:center;gap:10px;min-height:56px;display:flex}.inventory-reminder-folder svg{fill:none;stroke:currentColor;stroke-width:1.7px;stroke-linejoin:round;flex-shrink:0;width:28px;height:28px}.inventory-reminder-folder strong{flex:1}.inventory-reminder-count{color:#fff;text-align:center;background:#704600;border-radius:12px;min-width:24px;padding:3px 6px;font-weight:700}.inventory-reminder-content{border-left:2px solid #dfbd7e;gap:6px;padding:6px 0 0 10px;display:grid}.inventory-page{gap:10px;font-size:.9rem;display:grid}.inventory-page>*,.inventory-page section>*,.inventory-page label{min-width:0;max-width:100%}.inventory-page button{border:1px solid #aaa;border-radius:4px;padding:6px 10px}.inventory-page button:not(.primary-button){color:#222;background:#fff}.inventory-page label,.inventory-page section,.inventory-rename{gap:6px;display:grid}.inventory-page section{gap:10px}.inventory-page small{color:#59645c;line-height:1.45;display:block}.inventory-page p,.inventory-page strong,.inventory-page small,.inventory-page option{overflow-wrap:anywhere;word-break:break-word}.inventory-warehouse-row{align-items:flex-end;gap:8px;display:flex}.inventory-warehouse-row label{flex:1}.inventory-warehouse-row button{flex-shrink:0;height:48px}.inventory-status{color:#285839;background:#edf6ed;border:1px solid #bad0bc;padding:8px;line-height:1.5}.inventory-status.due,.inventory-pending{color:#6c460d;background:#fff5e1;border:1px solid #dbbb7c;padding:8px}.inventory-tabs{display:flex}.inventory-tabs button{border-radius:0;flex:1;min-width:0}.inventory-tabs button[aria-selected=true]{color:#fff;background:#246642;border-color:#246642}.inventory-page input[type=file]{height:auto;padding:10px 4px;font-size:.8rem}.inventory-page input[type=radio]{flex:0 0 22px;width:22px;height:22px;margin:0}.inventory-page .inventory-choice{align-items:center;gap:8px;min-height:48px;display:flex}.inventory-page fieldset{border:1px solid #bbb;min-width:0;margin:0;padding:8px}.inventory-page summary{cursor:pointer;min-height:44px;padding-top:12px;padding-bottom:12px}.inventory-format-guide{color:#214d36;overflow-wrap:anywhere;border:1px solid #bad0bc;border-radius:5px;min-width:0;padding:0 8px;font-size:.85rem}.inventory-format-guide summary{font-weight:700}.inventory-format-guide p{margin:8px 0}.inventory-stats{background:#f2f5f2;grid-template-columns:1fr 1fr;gap:6px;padding:8px;display:grid}.inventory-product{overflow-wrap:anywhere;word-break:break-all;border-bottom:1px solid #ccd3ce;gap:4px;padding:10px 6px;display:grid}.inventory-product:nth-of-type(2n){background:#f0f6f3}.inventory-product span{font-size:.83rem}.inventory-sample{border-bottom:1px solid #ddd;padding:6px}.inventory-pagination{justify-content:space-between;align-items:center;gap:8px;display:flex}.inventory-page .inline-alert.success{color:#215532;background:#edf8ef;border-color:#9ac29e}.picking-home-page{gap:7px;display:grid}.picking-home-page>button{text-align:left;border:1px solid;border-radius:4px;align-items:center;gap:11px;width:100%;min-height:66px;padding:6px 10px;display:flex}.picking-home-page>button>span:last-child{gap:2px;min-width:0;display:grid}.picking-home-page>button strong{font-size:.96rem}.picking-home-page>button small{font-size:.72rem}.picking-home-view{color:#32447d;background:#edf0ff;border-color:#aeb9e8}.picking-home-view .menu-icon{background:#40559a}.picking-home-new{color:#07515a;background:#e5f7f8;border-color:#86cbd0}.picking-home-new .menu-icon{background:#086f7c}.top-version{opacity:.72;margin-left:6px;font-size:.62rem;font-weight:600}.login-version{color:#777;text-align:center;font-size:.68rem}.view-scans-button{color:#fff;white-space:nowrap;background:#2874b6;border:0;border-radius:3px;width:100%;min-height:44px;margin-top:8px;padding:0 8px;font-size:.74rem;font-weight:800}.view-scans-button:disabled{color:#526474;background:#dfe8ef}.scan-form,.search-form{gap:5px;display:grid}.scan-form[hidden]{display:none}.scan-input-row{gap:4px;min-width:0;display:flex}.scan-input-row input{flex:auto;font-family:ui-monospace,SFMono-Regular,Menlo,monospace}.scan-input-row button{color:#111;background:#f4f4f4;border:1px solid #999;border-radius:4px;width:52px;min-width:52px;height:48px;min-height:48px;padding:0 3px;font-size:.82rem;font-weight:700}.scan-input-row .camera-button{color:#174b7a;background:#e8f2ff;border-color:#91b9df}.scan-input-row .keyboard-button{color:#5f4300;background:#fff4d8;border-color:#d7aa53}.scan-input-row .keyboard-button[aria-pressed=true]{color:#fff;background:#8a6200;border-color:#8a6200}.scan-input-row .manual-save-button{color:#fff;background:#12583f;border-color:#12583f}.manual-confirm{width:100%;margin-top:3px}.rack-choice{gap:8px;min-width:0;display:grid}.rack-choice>span{color:var(--muted);font-size:.82rem}.rack-choice>strong{color:var(--green);overflow-wrap:anywhere;text-align:center;word-break:break-all;background:#eef7f2;border:1px solid #8bb9a0;padding:12px 8px;font-family:ui-monospace,SFMono-Regular,Menlo,monospace;font-size:1.12rem}.rack-choice button{width:100%;min-height:52px}.latest-scan{color:#103d2d;background:#eef7f2;border:1px solid #8bb9a0;align-items:center;min-height:34px;margin-bottom:6px;padding:3px 7px;font-size:.78rem;display:flex}.scan-count{color:#103d2d;flex:0 0 58px;font-weight:800}.latest-scan strong{overflow-wrap:anywhere;word-break:break-all;flex:auto;min-width:0;margin-left:5px;font-family:ui-monospace,SFMono-Regular,Menlo,monospace;font-size:.84rem}.finish-rack-button{width:100%;height:52px;margin-top:10px;font-size:1rem}.scanned-products-view{z-index:100;color:#111;background:#fff;flex-direction:column;grid-template-rows:44px auto minmax(0,1fr);display:grid;position:fixed;top:0;bottom:0;left:0;right:0}.scanned-products-view header{color:#fff;background:#12583f;grid-template-columns:64px minmax(0,1fr);align-items:center;display:grid}.scanned-products-view header button{flex:0 0 64px}.scanned-products-view header strong{flex:auto}.scanned-products-view header button{color:#fff;background:0 0;border:0;border-right:1px solid rgba(255,255,255,.35);height:44px;font-size:.9rem}.scanned-products-view header strong{padding-left:10px}.scanned-products-rack{overflow-wrap:anywhere;word-break:break-all;color:#103d2d;background:#eef7f2;border-bottom:1px solid #8bb9a0;min-width:0;padding:8px 10px}.scanned-products-view>ol{flex:auto;min-height:0;margin:0;padding:0;list-style:none;overflow-y:auto}.scanned-products-view>ol li{border-bottom:1px solid #d5d5d5;align-items:center;min-height:44px;padding:0 0 0 18px;display:flex}.scanned-products-view>ol li .danger-link{flex:0 0 58px;align-self:stretch;margin-left:8px}.scanned-products-view>ol li:nth-child(2n){background:#e8f2ff}.scanned-products-view>ol li.newest{color:#fff;background:#2874b6}.scanned-products-view>ol strong{overflow-wrap:anywhere;word-break:break-all;flex:auto;min-width:0;font-family:ui-monospace,SFMono-Regular,Menlo,monospace}.feedback-toast{z-index:80;right:auto;bottom:max(8px, env(safe-area-inset-bottom));color:#111;background:#eef7f2;border:1px solid #7eaf97;gap:2px;width:min(100% - 16px,480px);padding:8px 10px;font-size:.8rem;display:grid;position:fixed;left:50%;transform:translate(-50%)}.feedback-toast span{overflow-wrap:anywhere}.feedback-toast.duplicate,.feedback-toast.queued{background:#fff8e8;border-color:#c69a3c}.feedback-toast.error{color:var(--danger);background:#fff1f1;border-color:#ca7373}.results{margin-top:10px}.results-title,.empty-line{color:var(--muted);padding:8px 2px;font-size:.82rem}.result-row{border:1px solid #8db4d4;justify-content:space-between;align-items:center;gap:6px;min-height:48px;margin-top:2px;padding-left:8px;display:flex}.result-row:nth-of-type(odd){color:#fff;background:#174b7a;border-color:#174b7a}.result-row:nth-of-type(2n){color:#103b5f;background:#dceeff}.result-row strong{overflow-wrap:anywhere;min-width:0;font-family:ui-monospace,SFMono-Regular,Menlo,monospace;font-size:.9rem}.result-row:nth-of-type(odd) .danger-link{color:#fff;background:#103b61;border-left:1px solid rgba(255,255,255,.4)}.result-row:nth-of-type(2n) .danger-link{color:#8b1d1d;background:#c9e3fa;border-left:1px solid #8db4d4}.danger-link{min-width:52px;min-height:44px;color:var(--danger);background:#fff;border:0;padding:0 6px;font-weight:700}.loading-line{color:var(--muted);padding:12px 2px;font-size:.84rem}.picking-page{gap:7px;display:grid}.picking-scan-summary{color:#064e58;background:#e9f7f8;border:1px solid #83c2c8;gap:3px;min-height:54px;padding:5px 8px;font-size:.8rem;display:grid}.picking-scan-summary>div{align-items:center;gap:4px;min-width:0;display:flex}.picking-scan-summary>div:last-child{border-top:1px solid #b9dfe2;padding-top:3px}.picking-scan-summary span{color:#4d676a;flex:none}.picking-scan-summary b{text-overflow:ellipsis;white-space:nowrap;min-width:0;font-family:ui-monospace,SFMono-Regular,Menlo,monospace;overflow:hidden}.picking-notice,.picking-resolving{color:#07515a;background:#edf8f9;border:1px solid #b3dadd;min-height:30px;padding:6px 8px;font-size:.76rem}.view-picking-items,.generate-picking{width:100%}.view-picking-items{color:#174b7a;background:#e8f2ff;border:1px solid #9dc2e8;border-radius:4px;min-height:44px;padding:0 8px;font-size:.8rem;font-weight:700}.picking-inline-summary{color:#07515a;padding:5px 2px;font-size:.8rem;font-weight:700}.picking-edit-list{border-top:1px solid var(--line);display:grid}.picking-edit-row{border-bottom:1px solid var(--line);grid-template-columns:minmax(0,1fr) 44px 54px 44px 52px;align-items:stretch;min-height:52px;display:grid}.picking-edit-row>div{align-content:center;gap:2px;min-width:0;padding:5px 4px;display:grid}.picking-edit-row strong{text-overflow:ellipsis;white-space:nowrap;font-family:ui-monospace,SFMono-Regular,Menlo,monospace;font-size:.8rem;overflow:hidden}.picking-edit-row span{color:var(--muted);font-size:.7rem}.picking-edit-row button{border:0;border-left:1px solid var(--line);background:#fff;min-width:0;padding:0 3px;font-size:.76rem;font-weight:700}.picking-edit-row button:disabled{color:#adb3b8;background:#f4f5f6}.picking-edit-quantity{color:#07515a;border:0;border-left:1px solid var(--line);text-align:center;background:#eefafb;border-radius:0;width:54px;min-width:0;min-height:44px;padding:0 2px;font-size:.82rem;font-weight:800}.picking-edit-quantity:focus{outline-offset:-2px;outline:2px solid #086f7c}.picking-edit-row .danger-link{color:var(--danger)}.picking-bottom-actions,.picking-list-tools{grid-template-columns:1fr 1fr;gap:5px;display:grid}.picking-list-tools button{color:#07515a;background:#e9f7f8;border:1px solid #83c2c8;border-radius:3px;min-height:44px;padding:0 7px;font-size:.78rem;font-weight:700}.picking-list-tools .danger-link{color:var(--danger);background:#fff4f4;border-color:#daa}.picking-tabs{grid-template-columns:1fr 1fr;display:grid}.picking-tabs button{color:#536265;background:#edf1f2;border:1px solid #cbd2d3;min-height:44px;font-size:.8rem;font-weight:700}.picking-tabs button+button{border-left:0}.picking-tabs button.active{color:#fff;background:#086f7c;border-color:#086f7c}.picking-results{gap:3px;display:grid}.picking-row{color:#0f3d64;background:#dceeff;border:1px solid #8db4d4;grid-template-columns:minmax(0,1fr) 40px 54px;align-items:stretch;min-height:62px;display:grid}.picking-row:nth-child(odd){color:#fff;background:#174b7a;border-color:#174b7a}.picking-row-main{align-content:center;gap:3px;min-width:0;padding:5px 6px;display:grid}.picking-locations{overflow-wrap:anywhere;font-size:.82rem}.picking-barcode{text-overflow:ellipsis;white-space:nowrap;font-family:ui-monospace,SFMono-Regular,Menlo,monospace;font-size:.76rem;overflow:hidden}.picking-quantity{border-left:1px solid;place-items:center;font-size:.8rem;display:grid}.picking-row button{border:0;border-left:1px solid;min-width:0;padding:0 3px;font-size:.74rem;font-weight:800}.complete-button{color:#fff;background:#0b6545}.restore-button{color:#594000;background:#fff0c2}.picking-row.completed{color:#365c47;background:#e8f3ec;border-color:#9abda8}.picking-row.missing-rack{color:#721515;background:#ffe7e7;border-color:#d78a8a}.picking-row.missing-rack:nth-child(odd){color:#fff;background:#9b2020;border-color:#9b2020}.picking-list-page .inline-alert{justify-content:space-between;align-items:center;gap:5px;margin:0;display:flex}.picking-list-page .inline-alert button{min-height:36px;color:var(--danger);background:#fff;border:1px solid #d99;flex:0 0 54px;font-weight:700}.finish-picking-list{width:100%;min-height:50px}.finish-picking-hint{color:var(--muted);text-align:center;font-size:.72rem}.picking-history-page{gap:7px;display:grid}.picking-history-tabs{grid-template-columns:repeat(3,minmax(0,1fr));gap:4px;display:grid}.picking-history-tabs button{border:1px solid;border-radius:3px;flex-wrap:wrap;justify-content:center;align-items:center;gap:4px;min-width:0;min-height:44px;padding:4px 2px;font-size:.78rem;font-weight:700;display:flex}.picking-history-tabs b{overflow-wrap:anywhere;font-size:.7rem}.history-tab-unfinished{color:#805000;background:#fff4d8}.history-tab-collecting{color:#195990;background:#e8f2ff}.history-tab-completed{color:#146244;background:#e5f5ec}.history-tab-unfinished[aria-selected=true]{color:#fff;background:#805000}.history-tab-collecting[aria-selected=true]{color:#fff;background:#195990}.history-tab-completed[aria-selected=true]{color:#fff;background:#146244}.picking-history-tabs button[aria-selected=true]{border-bottom:3px solid #152c35}.picking-history-partial{color:var(--muted);font-size:.7rem}.new-picking-list,.load-more-history,.delete-picking-list{width:100%}.picking-history-list{gap:3px;display:grid}.picking-history-list>article{color:#27386e;background:#edf0ff;border:1px solid #aeb9e8;grid-template-columns:minmax(0,1fr) 54px;min-height:62px;display:grid}.picking-history-list>article:nth-child(2n){color:#fff;background:#40559a;border-color:#40559a}.picking-history-list>article.pending{color:#6a4700;background:#fff4d8;border-color:#d7aa53}.picking-history-list>article.active-picking-draft{color:#07515a;background:#e5f7f8;border-color:#67b7be;border-left-width:5px;grid-template-columns:minmax(0,1fr)}.active-picking-draft .picking-history-open em{color:#07515a}.picking-history-open{min-width:0;color:inherit;text-align:left;background:0 0;border:0;align-content:center;gap:2px;padding:5px 7px;display:grid}.picking-history-open strong{font-size:.82rem}.picking-history-open span{text-overflow:ellipsis;white-space:nowrap;font-size:.74rem;overflow:hidden}.picking-history-open em{font-size:.68rem;font-style:normal;font-weight:700}.picking-history-list>article>.danger-link{color:var(--danger);background:rgba(255,255,255,.9);border-left:1px solid}.picking-history-summary{flex-wrap:wrap;align-items:center;gap:4px 8px;min-width:0;line-height:1.4;display:flex}.picking-history-summary strong{overflow-wrap:anywhere;font-size:.78rem}.picking-history-summary em{color:#805000;font-size:.7rem;font-style:normal;font-weight:700}.missing-picking-rack .missing-rack-barcode{color:#154953;overflow-wrap:anywhere;background:#eff7f8;border-left:3px solid #086f7c;padding:6px 8px;font-family:ui-monospace,monospace;font-size:.85rem}.missing-picking-rack{max-height:calc(100vh - 16px);max-height:calc(100dvh - 16px);overflow-y:auto}.missing-picking-rack label{justify-content:space-between;align-items:center;font-size:.86rem;font-weight:700;display:flex}.required-rack-label{color:var(--danger);font-size:.76rem}.missing-picking-rack .scan-input-row button{flex:0 0 52px;width:52px}.missing-picking-rack .inline-alert{margin:0}.missing-rack-actions{grid-template-columns:minmax(72px,1fr) minmax(0,2fr);gap:8px;display:grid}.missing-rack-actions button{padding-left:8px;padding-right:8px}.picking-history-items{gap:3px;display:grid}.picking-history-items article{color:#0f3d64;background:#dceeff;border:1px solid #8db4d4;grid-template-columns:minmax(0,1fr) 46px;min-height:54px;display:grid}.picking-history-items article:nth-child(odd){color:#fff;background:#174b7a;border-color:#174b7a}.picking-history-items article>div{align-content:center;gap:3px;min-width:0;padding:5px 7px;display:grid}.picking-history-items strong{overflow-wrap:anywhere;word-break:break-all;font-size:.8rem}.picking-history-items span{text-overflow:ellipsis;white-space:nowrap;font-family:ui-monospace,SFMono-Regular,Menlo,monospace;font-size:.74rem;overflow:hidden}.picking-history-items b{border-left:1px solid;place-items:center;font-size:.78rem;display:grid}.picking-history-items article.picking-work-row{grid-template-columns:minmax(0,1fr) minmax(44px,auto) 52px}.picking-history-items article.missing-rack{color:#721515;background:#ffe7e7;border-color:#d78a8a}.picking-history-items article.missing-rack:nth-child(odd){color:#fff;background:#9b2020;border-color:#9b2020}.picking-history-items article>button{border:0;border-left:1px solid;min-width:44px;min-height:44px;padding:4px;font-size:.8rem;font-weight:700}.picking-history-items b{overflow-wrap:anywhere;max-width:76px;padding:3px}.page-tools{justify-content:flex-end;min-height:44px;margin-bottom:4px;display:flex}.compact-primary{min-width:72px}.user-form{gap:8px;display:grid}.button-row{gap:6px;display:flex}.button-row button{flex:1}.users-list,.audit-list{display:grid}.user-row{border-bottom:1px solid var(--line);justify-content:space-between;align-items:center;gap:6px;min-height:58px;padding:5px 0 5px 2px;display:flex}.user-row.disabled{color:#777}.user-info{gap:2px;min-width:0;display:grid}.user-info strong,.user-info span{overflow-wrap:anywhere;display:block}.user-info strong{font-size:.86rem}.user-info span{color:var(--muted);font-size:.73rem}.user-info em{color:var(--warning);margin-left:5px;font-size:.7rem;font-style:normal}.user-actions{flex:none;display:flex}.user-actions button{min-width:52px;min-height:44px;color:var(--green);background:#fff;border:0;padding:0 4px;font-size:.76rem;font-weight:700}.user-actions button+button{border-left:1px solid var(--line)}.user-actions .delete-user-button{color:var(--danger)}.filter-form{grid-template-columns:minmax(0,1fr) 64px;gap:4px;margin-bottom:6px;display:grid}.filter-form .primary-button{padding:0 4px}.audit-row{border-bottom:1px solid var(--line);gap:3px;min-height:58px;padding:6px 2px;display:grid}.audit-row>div{gap:2px;min-width:0;display:grid}.audit-row strong{font-size:.82rem}.audit-row span{overflow-wrap:anywhere;font-family:ui-monospace,SFMono-Regular,Menlo,monospace;font-size:.76rem}.audit-row small{color:var(--muted);font-size:.7rem}.camera-overlay,.modal-backdrop{z-index:100;background:rgba(0,0,0,.78);place-items:center;padding:8px;display:grid;position:fixed;top:0;bottom:0;left:0;right:0}.camera-panel{color:#fff;background:#000;border:1px solid #777;width:min(100%,520px);overflow:hidden}.camera-head{justify-content:space-between;align-items:center;height:44px;display:flex}.camera-head strong{padding-left:10px}.camera-head button{color:#fff;background:#000;border:0;border-left:1px solid #777;height:44px;min-height:44px;padding:0 12px}.camera-viewport{aspect-ratio:4/3;background:#000;position:relative;overflow:hidden}.camera-viewport video{object-fit:cover;width:100%;height:100%}.scan-frame{border:2px solid #fff;position:absolute;top:22%;bottom:22%;left:22%;right:22%}.camera-error{color:#ffb6b6;text-align:center;padding:10px;font-size:.82rem}.confirm-modal{color:#111;background:#fff;gap:8px;width:min(100%,360px);padding:12px;display:grid}.confirm-modal h2{font-size:1rem}.confirm-modal p{color:var(--muted);overflow-wrap:anywhere;word-break:break-all;font-size:.84rem}.confirm-modal button{width:100%}@media (max-width:360px){.page-content{padding-left:8px;padding-right:8px}.topbar{padding-left:0;padding-right:0}.topbar-title strong{padding-left:5px;padding-right:5px;font-size:.9rem}.topbar button{padding-left:7px;padding-right:7px;font-size:.8rem}.topbar .sync-status{padding-left:4px;padding-right:4px;font-size:.7rem}.scan-input-row button{width:48px;min-width:48px;font-size:.76rem}.user-row{flex-wrap:wrap;align-items:stretch;gap:4px;padding-left:0;display:flex}.user-info{flex:1 0 100%;width:100%;padding:4px 2px 0}.user-actions{border-top:1px solid var(--line);flex:1 0 100%;width:100%;display:flex}.user-actions button{flex:1 1 0;min-width:0;padding-left:2px;padding-right:2px}}@media (max-height:520px){.login-page,.pin-page{padding-top:12px}.page-content{padding-top:6px}}