*{box-sizing:border-box}html,body{margin:0;min-height:100%;font-family:Inter,system-ui,-apple-system,BlinkMacSystemFont,"Segoe UI",sans-serif;background:#fff7ed;color:#1f2937}.staff-pwa{min-height:100vh}.staff-shell{width:min(760px,100%);margin:0 auto;padding:calc(18px + env(safe-area-inset-top)) 16px calc(24px + env(safe-area-inset-bottom))}.staff-brand{display:flex;align-items:center;gap:12px;margin-bottom:18px}.staff-brand>div:nth-child(2){display:flex;flex-direction:column}.staff-brand span{font-size:.78rem;color:#6b7280}.staff-mark{display:grid;place-items:center;width:44px;height:44px;border-radius:14px;background:#f97316;color:#fff;font-weight:900;font-size:1.25rem}.staff-brand .status-pill{margin-left:auto}.status-pill{display:inline-flex;align-items:center;border-radius:999px;padding:7px 10px;font-size:.72rem;font-weight:800;letter-spacing:.06em;background:#e5e7eb;color:#374151}.status-pill.online{background:#dcfce7;color:#166534}.status-pill.offline{background:#fee2e2;color:#991b1b}.staff-card{background:#fff;border:1px solid #fed7aa;border-radius:20px;padding:22px;box-shadow:0 16px 36px rgba(124,45,18,.08)}.staff-card h1{margin:8px 0 8px;font-size:1.55rem}.staff-card p{line-height:1.55;color:#4b5563}.eyebrow{font-size:.72rem;font-weight:800;letter-spacing:.08em;color:#ea580c}.staff-btn{display:inline-flex;align-items:center;justify-content:center;min-height:46px;border:0;border-radius:12px;padding:0 16px;background:#f97316;color:#fff;text-decoration:none;font-weight:800;cursor:pointer}.staff-btn:disabled{opacity:.55;cursor:not-allowed}.staff-btn.secondary{background:#fff7ed;color:#9a3412;border:1px solid #fdba74}.staff-notice{margin-top:18px;padding:12px 14px;border-radius:12px;background:#fff7ed;border:1px solid #fed7aa;color:#9a3412;font-size:.9rem}.staff-grid{display:grid;gap:12px}.staff-grid.two{grid-template-columns:repeat(2,minmax(0,1fr))}.staff-field{display:flex;flex-direction:column;gap:6px}.staff-field input,.staff-field select{min-height:46px;border:1px solid #d1d5db;border-radius:11px;padding:0 12px;font:inherit;background:#fff}.staff-list{display:grid;gap:10px}.staff-row{display:flex;align-items:center;justify-content:space-between;gap:12px;border:1px solid #e5e7eb;border-radius:14px;padding:13px;background:#fff}.staff-row small{display:block;color:#6b7280;margin-top:3px}.staff-actions{display:flex;gap:8px;flex-wrap:wrap;margin-top:14px}.staff-kpis{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:10px;margin:14px 0}.staff-kpi{padding:12px;border:1px solid #e5e7eb;border-radius:14px;background:#fff}.staff-kpi span{display:block;color:#6b7280;font-size:.75rem}.staff-kpi strong{display:block;margin-top:4px;font-size:1.15rem}.staff-error{background:#fee2e2;color:#991b1b;border:1px solid #fecaca;border-radius:12px;padding:12px}.staff-success{background:#dcfce7;color:#166534;border:1px solid #bbf7d0;border-radius:12px;padding:12px}@media(max-width:560px){.staff-grid.two,.staff-kpis{grid-template-columns:1fr}.staff-card{padding:18px}}
.staff-list.compact{max-height:260px;overflow:auto}.sale-total{display:flex;justify-content:space-between;align-items:center;margin:16px 0;padding:14px;border-radius:14px;background:#fff7ed;border:1px solid #fed7aa}.sale-total strong{font-size:1.35rem}.qty-control{display:flex;align-items:center;gap:7px}.qty-control button{min-width:38px;min-height:38px;border:1px solid #fdba74;border-radius:10px;background:#fff7ed;color:#9a3412;font-weight:900}.queue-status{font-size:.7rem;font-weight:900;letter-spacing:.04em}.queue-status.pending{color:#9a3412}.queue-status.synced{color:#166534}.queue-status.conflict{color:#991b1b}
#pwaInstallHelpOverlay{position:fixed;inset:0;z-index:10050;display:grid;place-items:center;padding:18px;background:rgba(15,23,42,.58)}#pwaInstallHelpOverlay[hidden]{display:none!important}.pwa-install-help-open{overflow:hidden}.pwa-install-help-card{position:relative;width:min(94vw,480px);max-height:86dvh;overflow:auto;background:#fff;border:1px solid #fed7aa;border-radius:20px;padding:22px;box-shadow:0 24px 70px rgba(15,23,42,.25)}.pwa-install-help-card h2{margin:5px 36px 12px 0}.pwa-install-help-card p,.pwa-install-help-card li{line-height:1.55}.pwa-install-help-card ol{padding-left:22px}.pwa-install-help-eyebrow{font-size:.72rem;font-weight:900;letter-spacing:.08em;color:#ea580c}.pwa-install-help-note{padding:10px 12px;border-radius:10px;background:#fff7ed;color:#9a3412}.pwa-install-help-close{position:absolute;top:12px;right:12px;width:40px;height:40px;border:0;border-radius:10px;background:#f3f4f6;font-size:24px;cursor:pointer}.pwa-install-help-done{width:100%;min-height:46px;border:0;border-radius:11px;background:#f97316;color:#fff;font-weight:800;cursor:pointer}
.staff-password-field{position:relative}.staff-password-field input{width:100%;padding-right:64px}.staff-password-field button{position:absolute;right:7px;top:7px;bottom:7px;min-width:48px;border:0;border-radius:9px;background:#fff7ed;color:#9a3412;font-weight:800;cursor:pointer}.staff-password-field button:focus-visible{outline:3px solid rgba(249,115,22,.2)}
.staff-warning{background:#fff7ed;color:#9a3412;border:1px solid #fdba74;border-radius:12px;padding:12px}
/* VER1.0039 linked-device identity beside network status */
.staff-brand-status{margin-left:auto;display:flex;align-items:center;justify-content:flex-end;gap:8px;min-width:0}.staff-brand .staff-brand-status .status-pill{margin-left:0}.device-identity-pill{display:inline-flex;align-items:center;max-width:230px;min-height:30px;padding:6px 10px;border-radius:999px;background:#fff;border:1px solid #fdba74;color:#9a3412;font-size:.72rem;font-weight:900;letter-spacing:.02em;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.device-identity-pill[hidden]{display:none!important}@media(max-width:560px){.staff-brand{align-items:flex-start}.staff-brand-status{flex-wrap:wrap;max-width:54%}.device-identity-pill{max-width:100%;font-size:.68rem;padding:6px 8px}.status-pill{padding:6px 8px}}
/* VER1.0039 PIN privacy hardening: mask device PIN entry at enrollment/unlock. */
.staff-pin-secret{
-webkit-text-security:disc;
text-security:disc;
letter-spacing:.28em;
font-variant-numeric:tabular-nums;
}
/* VER1.0040 — shared hardened camera scanner in Staff PWA */
.staff-scan-search{display:grid;grid-template-columns:minmax(0,1fr) auto;gap:8px;align-items:stretch}.staff-scan-search input{min-width:0}.staff-camera-overlay{position:fixed;inset:0;z-index:11000;display:grid;place-items:center;padding:16px;background:rgba(15,23,42,.68)}.staff-camera-overlay[hidden]{display:none!important}.staff-camera-card{width:min(720px,100%);max-height:calc(100dvh - 28px);overflow:auto;background:#fff;border:1px solid #fed7aa;border-radius:18px;padding:16px;box-shadow:0 24px 70px rgba(15,23,42,.28)}.staff-camera-head{display:flex;justify-content:space-between;align-items:flex-start;gap:12px}.staff-camera-head h3{margin:4px 0 12px}.staff-camera-close{width:44px;height:44px;border:0;border-radius:11px;background:#fff7ed;color:#9a3412;font-size:26px;cursor:pointer}.camera-scan-shell{position:relative;width:100%;min-height:260px;overflow:hidden;border-radius:14px;background:#0b2523;isolation:isolate}.camera-scan-shell>video{display:block;width:100%;height:clamp(260px,48dvh,430px);min-height:260px;object-fit:cover;background:#071413}.camera-scan-frame{position:absolute;inset:28% 10%;z-index:2;pointer-events:none;border:2px solid #72f3cf;border-radius:10px;box-shadow:0 0 0 9999px rgba(5,25,23,.42)}.camera-scan-frame span{position:absolute;left:6%;right:6%;top:50%;height:2px;background:#f97316;box-shadow:0 0 14px rgba(249,115,22,.9);animation:staffBarcodeScanLine 1.8s ease-in-out infinite alternate}.camera-status{margin:12px 0 0;min-height:1.5em;text-align:center;font-size:.84rem;line-height:1.45}.camera-status[data-scanner-state="confirming"],.camera-status[data-scanner-state="lookup"]{color:#9a3412}.camera-status[data-scanner-state="success"]{color:#166534}.camera-status[data-scanner-state="error"],.camera-status[data-scanner-state="multiple"]{color:#b91c1c}.staff-camera-note{font-size:.78rem!important;margin:8px 0 0!important;color:#6b7280!important}@keyframes staffBarcodeScanLine{from{transform:translateY(-38px)}to{transform:translateY(38px)}}@media(max-width:560px){.staff-scan-search{grid-template-columns:1fr}.staff-camera-overlay{padding:8px;align-items:end}.staff-camera-card{max-height:94dvh;border-radius:18px 18px 0 0}.camera-scan-frame{inset:30% 7%}}
/* VER1.0056 — Dashboard Global Search Shortcut & System Health Version Visibility */
.offline-sale-heading{display:flex;align-items:center;justify-content:space-between;gap:12px;margin-top:10px}.offline-sale-heading h3{margin:.25rem 0}.offline-sale-context{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:8px;margin:12px 0}.offline-sale-context>div{border:1px solid #e5e7eb;border-radius:12px;padding:10px;background:#fff}.offline-sale-context span{display:block;color:#6b7280;font-size:.72rem}.offline-sale-context strong{display:block;margin-top:3px;overflow-wrap:anywhere}.payment-methods{border:0;padding:0;margin:14px 0 4px}.payment-methods legend{font-size:.8rem;font-weight:800;color:#374151;margin-bottom:7px}.payment-methods{display:flex;flex-wrap:wrap;gap:8px}.payment-methods label{position:relative;cursor:pointer}.payment-methods input{position:absolute;opacity:0;pointer-events:none}.payment-methods span{display:inline-flex;align-items:center;justify-content:center;min-height:44px;padding:0 14px;border-radius:999px;border:1px solid #fdba74;background:#fff;color:#9a3412;font-weight:800}.payment-methods input:checked+span{background:#f97316;color:#fff;border-color:#f97316}.payment-methods input:focus-visible+span{outline:3px solid rgba(249,115,22,.25);outline-offset:2px}.offline-payment-grid{margin-top:10px}.compact-notice{margin-top:10px}.sale-change{display:flex;align-items:center;justify-content:space-between;margin-top:10px;padding:12px 14px;border-radius:12px;border:1px solid #e5e7eb;background:#f9fafb}.sale-change strong{font-size:1.15rem}.staff-btn[aria-busy="true"]{cursor:wait}.staff-btn[aria-busy="true"]::before{content:"";width:14px;height:14px;margin-right:8px;border:2px solid currentColor;border-right-color:transparent;border-radius:50%;animation:staffSpin .7s linear infinite}@keyframes staffSpin{to{transform:rotate(360deg)}}
@media(max-width:560px){.offline-sale-heading{align-items:flex-start;flex-direction:column}.offline-sale-context{grid-template-columns:1fr}.payment-methods label{flex:1 1 calc(50% - 8px)}.payment-methods span{width:100%}}
@media(prefers-reduced-motion:reduce){.staff-btn[aria-busy="true"]::before{animation:none}}
/* VER1.0056 non-blocking task progress / action feedback */
.action-spinner{display:inline-block;width:14px;height:14px;margin-right:7px;border:2px solid currentColor;border-right-color:transparent;border-radius:50%;vertical-align:-2px;animation:colerosh-spin .65s linear infinite}@keyframes colerosh-spin{to{transform:rotate(360deg)}}
button.is-processing,input.is-processing{cursor:progress}.action-processing-text{vertical-align:middle}
.colerosh-task-progress{position:fixed;z-index:100000;top:max(10px,env(safe-area-inset-top));left:50%;transform:translateX(-50%);width:min(440px,calc(100vw - 28px));padding:10px 12px;border:1px solid rgba(15,23,42,.14);border-radius:12px;background:rgba(255,255,255,.97);box-shadow:0 10px 30px rgba(15,23,42,.18);pointer-events:none;color:#0f172a}.colerosh-task-progress[hidden]{display:none!important}.colerosh-task-progress-head{display:flex;align-items:center;gap:8px;font-size:.86rem}.colerosh-task-progress-head strong{min-width:0;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.colerosh-task-progress-head [data-task-percent]{margin-left:auto;font-variant-numeric:tabular-nums}.colerosh-task-progress-status{margin-top:4px;font-size:.75rem;color:#64748b;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.colerosh-task-progress-track{height:5px;margin-top:8px;border-radius:999px;overflow:hidden;background:#e2e8f0}.colerosh-task-progress-track span{display:block;height:100%;width:0;background:#f97316;border-radius:inherit;transition:width .2s ease}.colerosh-task-progress.is-indeterminate .colerosh-task-progress-track span{width:38%;animation:colerosh-progress-slide 1.05s ease-in-out infinite}@keyframes colerosh-progress-slide{0%{transform:translateX(-120%)}100%{transform:translateX(340%)}}@media (prefers-reduced-motion:reduce){.colerosh-task-progress.is-indeterminate .colerosh-task-progress-track span{animation-duration:2s}.action-spinner{animation-duration:1.2s}}
/* VER1.0056 · Shared Barcode Scanner Viewfinder 2.1 controls */
.scanner-capability-controls{display:flex;flex-wrap:wrap;align-items:end;gap:8px;margin:10px 0 0;padding:10px;border:1px solid #e5e7eb;border-radius:12px;background:#f8fafc}.scanner-capability-controls label{display:grid;gap:4px;min-width:140px;margin:0}.scanner-capability-controls label>span{font-size:.7rem;font-weight:700;color:#64748b;text-transform:uppercase}.scanner-camera-select,.scanner-control-button,.scanner-zoom{min-height:44px}.scanner-camera-select{width:min(100%,300px);padding:8px;border:1px solid #cbd5e1;border-radius:9px;background:#fff}.scanner-control-button{padding:8px 12px;border:1px solid #fdba74;border-radius:9px;background:#fff7ed;color:#9a3412;font-weight:700}.scanner-control-button[aria-pressed="true"]{background:#9a3412;color:#fff}.scanner-zoom-field{flex:1 1 180px}.scanner-zoom{width:100%;accent-color:#f97316}.camera-status[data-scanner-state="duplicate"]{color:#9a3412}.camera-status[data-scanner-state="paused"]{color:#475569}@media(max-width:560px){.scanner-capability-controls{display:grid;grid-template-columns:1fr}.scanner-capability-controls label{min-width:0}.scanner-camera-select{width:100%}}
/* VER1.0056 · Shared Barcode Scanner Viewfinder 2.1 */
.camera-scan-shell{--scanner-accent:#72f3cf;--scanner-mask:rgba(2,8,23,.58)}
.camera-scan-frame.scanner-viewfinder,.camera-scan-frame[data-scanner-mode]{inset:auto;left:50%;top:50%;transform:translate(-50%,-50%);width:min(84%,720px);height:clamp(96px,25%,148px);border:1px solid rgba(255,255,255,.22);border-radius:14px;box-shadow:0 0 0 9999px var(--scanner-mask),0 0 0 1px rgba(15,23,42,.18) inset;background:linear-gradient(var(--scanner-accent),var(--scanner-accent)) left top/34px 4px no-repeat,linear-gradient(var(--scanner-accent),var(--scanner-accent)) left top/4px 34px no-repeat,linear-gradient(var(--scanner-accent),var(--scanner-accent)) right top/34px 4px no-repeat,linear-gradient(var(--scanner-accent),var(--scanner-accent)) right top/4px 34px no-repeat,linear-gradient(var(--scanner-accent),var(--scanner-accent)) left bottom/34px 4px no-repeat,linear-gradient(var(--scanner-accent),var(--scanner-accent)) left bottom/4px 34px no-repeat,linear-gradient(var(--scanner-accent),var(--scanner-accent)) right bottom/34px 4px no-repeat,linear-gradient(var(--scanner-accent),var(--scanner-accent)) right bottom/4px 34px no-repeat;transition:border-color .16s ease,box-shadow .16s ease,background-color .16s ease,width .2s ease,height .2s ease}
.camera-scan-frame[data-scanner-mode="square"]{width:min(68%,340px);height:auto;aspect-ratio:1/1}.camera-scan-frame[data-scanner-mode="linear"]{width:min(84%,720px);height:clamp(96px,25%,148px);aspect-ratio:auto}.camera-scan-frame .scanner-scan-line,.camera-scan-frame[data-scanner-mode]>span{position:absolute;left:8%;right:8%;top:12%;height:2px;background:var(--scanner-accent);box-shadow:0 0 12px var(--scanner-accent),0 0 2px #fff;animation:coleroshStaffViewfinderSweep 1.65s ease-in-out infinite alternate;opacity:.95}.scanner-viewfinder-guide{position:absolute;z-index:4;top:14px;left:50%;transform:translateX(-50%);max-width:calc(100% - 28px);padding:6px 10px;border:1px solid rgba(255,255,255,.28);border-radius:999px;background:rgba(2,8,23,.72);color:#fff;font-size:.76rem;font-weight:800;line-height:1.2;text-align:center;box-shadow:0 6px 18px rgba(2,8,23,.22);pointer-events:none}.camera-scan-shell[data-scanner-state="confirming"],.camera-scan-shell[data-scanner-state="lookup"]{--scanner-accent:#f59e0b}.camera-scan-shell[data-scanner-state="success"]{--scanner-accent:#22c55e}.camera-scan-shell[data-scanner-state="error"],.camera-scan-shell[data-scanner-state="multiple"]{--scanner-accent:#ef4444}.camera-scan-shell[data-scanner-state="duplicate"]{--scanner-accent:#fb923c}.camera-scan-shell[data-scanner-state="paused"]{--scanner-accent:#94a3b8}.camera-scan-shell[data-scanner-state="lookup"] .scanner-scan-line,.camera-scan-shell[data-scanner-state="paused"] .scanner-scan-line{animation-play-state:paused;opacity:.48}.camera-scan-shell[data-scanner-state="success"] .camera-scan-frame{box-shadow:0 0 0 9999px rgba(2,8,23,.52),0 0 0 3px rgba(34,197,94,.26),0 0 28px rgba(34,197,94,.35)}.camera-scan-shell[data-scanner-state="error"] .camera-scan-frame,.camera-scan-shell[data-scanner-state="multiple"] .camera-scan-frame{box-shadow:0 0 0 9999px rgba(2,8,23,.60),0 0 0 3px rgba(239,68,68,.24),0 0 24px rgba(239,68,68,.28)}@keyframes coleroshStaffViewfinderSweep{from{top:12%}to{top:86%}}@media(orientation:landscape) and (max-height:620px){.camera-scan-frame[data-scanner-mode="linear"]{width:min(78%,760px);height:clamp(82px,34%,132px)}.camera-scan-frame[data-scanner-mode="square"]{width:min(46%,280px)}.scanner-viewfinder-guide{top:8px}}@media(max-width:560px){.camera-scan-frame[data-scanner-mode="linear"]{width:88%;height:clamp(92px,24%,132px)}.camera-scan-frame[data-scanner-mode="square"]{width:min(72%,300px)}.scanner-viewfinder-guide{font-size:.72rem;padding:5px 9px}}@media(prefers-reduced-motion:reduce){.camera-scan-frame .scanner-scan-line,.camera-scan-frame[data-scanner-mode]>span{animation:none;top:50%}}
/* VER1.0056 · Staff Sync live in-panel progress */
.staff-sync-progress{margin:12px 0 14px;padding:12px 13px;border:1px solid #fdba74;border-radius:14px;background:linear-gradient(180deg,#fff7ed,#fff);box-shadow:0 8px 24px rgba(154,52,18,.08)}
.staff-sync-progress[hidden]{display:none!important}.staff-sync-progress-head{display:flex;align-items:flex-start;justify-content:space-between;gap:12px}.staff-sync-progress-head>div{min-width:0}.staff-sync-progress-head .eyebrow{display:block;margin:0 0 3px;color:#c2410c}.staff-sync-progress-head strong{display:block;color:#7c2d12;font-size:.9rem;line-height:1.3}.staff-sync-progress-head b{flex:none;color:#9a3412;font-variant-numeric:tabular-nums}.staff-sync-progress-track{height:9px;margin-top:10px;border-radius:999px;overflow:hidden;background:#fed7aa}.staff-sync-progress-track>span{display:block;height:100%;width:0;border-radius:inherit;background:#f97316;transition:width .18s ease}.staff-sync-progress p{margin:7px 0 0;color:#64748b;font-size:.78rem;line-height:1.35}.staff-sync-progress.is-success{border-color:#86efac;background:linear-gradient(180deg,#f0fdf4,#fff)}.staff-sync-progress.is-success .staff-sync-progress-track>span{background:#22c55e}.staff-sync-progress.is-error{border-color:#fca5a5;background:linear-gradient(180deg,#fef2f2,#fff)}.staff-sync-progress.is-error .staff-sync-progress-track>span{background:#ef4444}.staff-sync-progress.is-indeterminate .staff-sync-progress-track>span{width:36%!important;animation:staffSyncSlide 1s ease-in-out infinite}@keyframes staffSyncSlide{0%{transform:translateX(-120%)}100%{transform:translateX(340%)}}@media(prefers-reduced-motion:reduce){.staff-sync-progress-track>span{transition:none}.staff-sync-progress.is-indeterminate .staff-sync-progress-track>span{animation:none;transform:none;width:100%!important;opacity:.45}}
/* VER1.0056 · Tablet-first Store Device / Staff workspace */
#offlinePaymentSection[hidden]{display:none!important}.staff-sale-tablet-grid{display:grid;gap:14px}.staff-sale-product-pane,.staff-sale-cart-pane{min-width:0}.staff-sale-cart-pane>h4{margin:0 0 8px}.staff-sale-actions{position:sticky;bottom:0;z-index:6;padding:10px 0 max(4px,env(safe-area-inset-bottom));background:linear-gradient(to bottom,rgba(255,255,255,0),#fff 18%,#fff)}
@media(min-width:700px) and (max-width:1280px),(min-width:700px) and (hover:none) and (pointer:coarse){
.staff-shell{width:min(1180px,100%);padding:calc(12px + env(safe-area-inset-top)) 14px calc(20px + env(safe-area-inset-bottom))}
.staff-card{padding:18px;border-radius:18px}.staff-brand{margin-bottom:12px}
.staff-actions{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:9px}.staff-actions .staff-btn{width:100%;min-height:48px;padding:0 10px}
#profileList{grid-template-columns:repeat(2,minmax(0,1fr))}.staff-row{min-height:58px}
#sessionPanel .staff-kpis{grid-template-columns:repeat(3,minmax(0,1fr))}.staff-kpi{padding:10px}
#inventoryRows{grid-template-columns:repeat(2,minmax(0,1fr));align-items:start}
.staff-sale-tablet-grid{grid-template-columns:minmax(0,1.05fr) minmax(360px,.95fr);align-items:start;gap:16px}
.staff-sale-product-pane,.staff-sale-cart-pane{padding:12px;border:1px solid #e5e7eb;border-radius:15px;background:#fff}
.staff-list.compact{max-height:34dvh}.staff-sale-cart-pane #saleCartRows{max-height:34dvh;overflow:auto;overscroll-behavior:contain;padding-right:3px}
.offline-sale-context{grid-template-columns:repeat(4,minmax(0,1fr))}.offline-sale-context>div{padding:9px}
.payment-methods{display:grid;grid-template-columns:repeat(4,minmax(0,1fr))}.payment-methods label,.payment-methods span{width:100%}
.offline-payment-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.staff-camera-card{width:min(960px,96vw)}.camera-scan-shell>video{height:clamp(280px,58dvh,560px)}
#queueRows,#recoverySummary{grid-template-columns:repeat(2,minmax(0,1fr));align-items:start}
input,select,button{font-size:16px}
}
@media(max-width:699px){.staff-shell{padding-left:10px;padding-right:10px}.staff-card{padding:14px;border-radius:16px}.staff-actions{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:8px}.staff-actions .staff-btn{width:100%;padding:0 8px}.staff-sale-tablet-grid{grid-template-columns:1fr}.staff-sale-product-pane,.staff-sale-cart-pane{min-width:0}.staff-scan-search{grid-template-columns:1fr}.staff-row{align-items:flex-start}.offline-sale-context{grid-template-columns:1fr}.payment-methods{display:grid;grid-template-columns:repeat(2,minmax(0,1fr))}.payment-methods label,.payment-methods span{width:100%}.staff-sale-actions{grid-template-columns:1fr 1fr}.staff-brand-status{max-width:60%}}
@media(orientation:landscape) and (max-height:650px) and (min-width:700px){.staff-shell{padding-top:8px}.staff-brand{margin-bottom:8px}.staff-card{padding:14px}.staff-card h1{font-size:1.25rem;margin:4px 0}.staff-sale-tablet-grid{grid-template-columns:1fr 1fr}.staff-list.compact,.staff-sale-cart-pane #saleCartRows{max-height:30dvh}.staff-camera-overlay{padding:8px}.staff-camera-card{max-height:96dvh}}
/* VER1.0056 compact scanner */
.staff-camera-card{width:min(620px,96vw)!important}.camera-scan-shell{height:clamp(160px,22dvh,220px)!important;min-height:0!important}.camera-scan-shell>video{height:100%!important;min-height:0!important;max-height:220px!important}.camera-scan-frame[data-scanner-mode="linear"]{height:clamp(72px,48%,104px)!important;width:88%!important}.scanner-capability-controls{padding:7px!important;margin-top:7px!important}.scanner-camera-select,.scanner-control-button,.scanner-zoom{min-height:36px!important}.staff-camera-note{display:none!important}
.scanner-advanced-controls{flex:1 1 180px}.scanner-advanced-controls>summary{list-style:none;cursor:pointer;min-height:36px;display:flex;align-items:center;justify-content:center;padding:6px 10px;border:1px solid #cbd5e1;border-radius:9px;background:#f8fafc;color:#475569;font-size:.76rem;font-weight:800}.scanner-advanced-controls>summary::-webkit-details-marker{display:none}.scanner-advanced-body{display:grid;grid-template-columns:1fr 1fr;gap:8px;margin-top:7px;padding:8px;border:1px solid #e5e7eb;border-radius:10px;background:#f8fafc}@media(max-width:560px){.scanner-advanced-body{grid-template-columns:1fr}}
/* VER1.0056 scanner reliability + top-docked camera modal */
.staff-camera-overlay{
place-items:start center!important;
align-items:start!important;
justify-items:center!important;
overflow-y:auto!important;
overscroll-behavior:contain;
padding:max(8px,env(safe-area-inset-top)) 8px max(8px,env(safe-area-inset-bottom))!important;
}
.staff-camera-card{
margin:0 auto 12px!important;
max-height:calc(100dvh - max(16px, calc(env(safe-area-inset-top) + env(safe-area-inset-bottom))))!important;
border-radius:18px!important;
}
@media(max-width:560px){
.staff-camera-overlay{
align-items:start!important;
padding:max(6px,env(safe-area-inset-top)) 6px max(6px,env(safe-area-inset-bottom))!important;
}
.staff-camera-card{
width:100%!important;
max-height:calc(100dvh - max(12px, calc(env(safe-area-inset-top) + env(safe-area-inset-bottom))))!important;
border-radius:16px!important;
}
}
/* VER1.0069 · Mobile Staff Quick Scan + Inventory Barcode Access */
.staff-main-quick-menu .staff-quick-scan{background:#0f766e;border-color:#0f766e;color:#fff;gap:8px}.staff-btn-icon{font-size:1.18rem;line-height:1}.staff-inventory-heading{display:flex;align-items:center;justify-content:space-between;gap:12px;margin-top:8px}.staff-inventory-heading h3{margin:3px 0 0}.staff-inventory-search{display:grid;grid-template-columns:minmax(0,1fr) auto;gap:8px;align-items:stretch}.staff-inventory-search input{min-width:0}.staff-icon-action{min-width:48px;gap:7px}.staff-icon-action>span[aria-hidden="true"]{font-size:1.15rem;line-height:1}.staff-scan-result{margin:12px 0;padding:13px;border:1px solid #99f6e4;border-radius:14px;background:#f0fdfa}.staff-scan-result[hidden],.staff-camera-result[hidden]{display:none!important}.staff-scan-product{display:flex;align-items:flex-start;justify-content:space-between;gap:14px}.staff-scan-product>div:first-child{min-width:0}.staff-scan-product strong,.staff-scan-product small{display:block}.staff-scan-product>div:first-child>strong{margin-top:4px;font-size:1rem;overflow-wrap:anywhere}.staff-scan-product small{margin-top:3px;color:#64748b;font-size:.76rem}.staff-scan-stock{text-align:right;min-width:116px}.staff-scan-stock>strong{font-size:1.45rem;color:#047857}.staff-scan-stock>span{display:block;font-size:.72rem;font-weight:800;color:#0f766e}.staff-scan-snapshot{margin-top:10px;padding-top:9px;border-top:1px solid #ccfbf1;color:#475569;font-size:.75rem}.staff-camera-result{margin-top:10px;padding:10px;border:1px solid #99f6e4;border-radius:12px;background:#f0fdfa}.staff-camera-result .staff-scan-product{gap:10px}.staff-camera-result .staff-scan-stock>strong{font-size:1.2rem}.staff-camera-note.staff-camera-note-visible{display:block!important;margin-top:9px!important;padding:8px 10px;border-radius:10px;background:#f8fafc;color:#64748b!important}.staff-main-quick-menu{align-items:stretch}
@media(max-width:699px){.staff-main-quick-menu{grid-template-columns:repeat(2,minmax(0,1fr))}.staff-main-quick-menu .staff-quick-scan{grid-column:1/-1;min-height:52px}.staff-inventory-heading .staff-action-label{display:none}.staff-inventory-heading .staff-icon-action{width:48px;padding:0}.staff-scan-product{gap:10px}.staff-scan-stock{min-width:96px}.staff-scan-stock>strong{font-size:1.25rem}.staff-inventory-search{grid-template-columns:minmax(0,1fr) 48px}}
@media(max-width:420px){.staff-scan-product{display:grid;grid-template-columns:minmax(0,1fr) auto}.staff-scan-product small{font-size:.72rem}.staff-camera-result{padding:8px}}
/* VER1.0069 · Staff online cross-store availability + successful scan feedback */
.staff-live-stock{margin-top:10px;padding-top:10px;border-top:1px solid #ccfbf1}.staff-live-stock-head{display:flex;align-items:center;justify-content:space-between;gap:10px}.staff-live-stock-head strong{font-size:.82rem;color:#0f172a}.staff-live-stock-head span{display:inline-flex;align-items:center;justify-content:center;min-height:22px;padding:2px 8px;border-radius:999px;background:#dcfce7;color:#166534;font-size:.64rem;font-weight:900;letter-spacing:.06em}.staff-live-store-list{display:grid;gap:6px;margin-top:8px}.staff-live-store{display:grid;grid-template-columns:minmax(0,1fr) auto;align-items:center;gap:10px;padding:8px 9px;border:1px solid #dbeafe;border-radius:10px;background:#fff}.staff-live-store.is-current{border-color:#99f6e4;background:#f0fdfa}.staff-live-store strong,.staff-live-store small{display:block}.staff-live-store small{margin-top:2px;color:#64748b;font-size:.69rem}.staff-live-store>b{white-space:nowrap;color:#166534;font-size:.82rem}.staff-live-stock>p{margin:7px 0 0;color:#64748b;font-size:.75rem}.staff-live-stock.is-warning{border-top-color:#fed7aa}.staff-live-stock.is-warning .staff-live-stock-head span{background:#ffedd5;color:#9a3412}.staff-live-stock.is-warning>p{color:#9a3412}@media(max-width:420px){.staff-live-store{padding:7px 8px;gap:7px}.staff-live-store>b{font-size:.76rem}}
/* VER1.0070 · Staff Access Main Login navigation */
.staff-access-title-row{display:flex;align-items:center;justify-content:space-between;gap:12px}.staff-access-title-row h1{margin-right:auto}.staff-access-header-actions{display:flex;align-items:center;justify-content:flex-end;gap:8px;min-width:0}.staff-access-header-actions>.staff-main-login-link{margin:0!important;min-height:44px;line-height:1.25}.staff-access-header-actions>[hidden]{display:none!important}@media(max-width:560px){.staff-access-title-row h1{flex-basis:100%}.staff-access-header-actions{width:100%}.staff-access-header-actions>.staff-main-login-link{flex:1;min-width:0;text-align:center}}.staff-main-login-link{display:inline-flex;align-items:center;justify-content:center;min-height:42px;padding:0 12px;border:1px solid #fdba74;border-radius:12px;background:#fff;color:#9a3412;font:inherit;font-size:.82rem;font-weight:850;cursor:pointer;white-space:nowrap}.staff-main-login-link:hover,.staff-main-login-link:focus-visible{background:#fff7ed;outline:0;box-shadow:0 0 0 3px rgba(249,115,22,.12)}.staff-main-login-session{margin-left:auto}@media(max-width:560px){.staff-access-title-row{align-items:flex-start}.staff-main-login-link{min-height:40px;padding:0 10px;font-size:.78rem}.staff-main-login-session{width:100%;margin-left:0}}
/* VER1.0076 · Staff Access Feature Parity + Tablet Operations */
.staff-operations-hub{margin:18px 0 16px;padding:14px;border:1px solid #fed7aa;border-radius:18px;background:linear-gradient(180deg,#fffaf5 0,#fff 100%)}
.staff-operations-heading{display:flex;align-items:flex-start;justify-content:space-between;gap:16px;margin-bottom:12px}.staff-operations-heading h2{margin:3px 0 4px;font-size:1.12rem}.staff-operations-heading p{margin:0;max-width:760px;color:#64748b;font-size:.8rem;line-height:1.45}.staff-capability-pill{display:inline-flex;align-items:center;justify-content:center;min-height:30px;padding:4px 10px;border-radius:999px;background:#e2e8f0;color:#475569;font-size:.7rem;font-weight:900;letter-spacing:.06em;white-space:nowrap}.staff-capability-pill.online{background:#dcfce7;color:#166534}.staff-capability-pill.offline{background:#ffedd5;color:#9a3412}
.staff-operations-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:10px}.staff-operation-tool{position:relative;display:grid;grid-template-columns:42px minmax(0,1fr);grid-template-areas:"icon body" "icon meta";gap:3px 10px;align-items:center;min-height:88px;padding:12px;border:1px solid #e2e8f0;border-radius:15px;background:#fff;color:#0f172a;text-align:left;font:inherit;cursor:pointer;box-shadow:0 3px 12px rgba(15,23,42,.04);transition:transform .12s ease,border-color .12s ease,box-shadow .12s ease}.staff-operation-tool:hover:not(:disabled),.staff-operation-tool:focus-visible:not(:disabled){border-color:#fb923c;box-shadow:0 7px 18px rgba(249,115,22,.12);transform:translateY(-1px);outline:0}.staff-operation-icon{grid-area:icon;display:flex;align-items:center;justify-content:center;width:42px;height:42px;border-radius:13px;background:#fff7ed;color:#c2410c;font-size:1.2rem;font-weight:900}.staff-operation-copy{grid-area:body;min-width:0}.staff-operation-copy strong,.staff-operation-copy small{display:block}.staff-operation-copy strong{font-size:.88rem;line-height:1.25}.staff-operation-copy small{margin-top:3px;color:#64748b;font-size:.69rem;line-height:1.3}.staff-operation-meta{grid-area:meta;display:flex;align-items:center;gap:6px;flex-wrap:wrap}.staff-operation-badge{display:inline-flex;align-items:center;min-height:22px;padding:2px 7px;border-radius:999px;font-size:.6rem;font-weight:900;letter-spacing:.045em}.staff-operation-badge.offline-ready{background:#dcfce7;color:#166534}.staff-operation-badge.online-required{background:#e0f2fe;color:#075985}.staff-operation-reason{font-size:.62rem;color:#64748b;font-weight:700}.staff-operation-tool:disabled{cursor:not-allowed;opacity:1;background:#f8fafc;border-color:#e2e8f0;box-shadow:none}.staff-operation-tool:disabled .staff-operation-icon{background:#e2e8f0;color:#94a3b8}.staff-operation-tool:disabled .staff-operation-copy strong{color:#64748b}.staff-operation-tool:disabled .staff-operation-badge.online-required{background:#ffedd5;color:#9a3412}.staff-operation-tool:disabled .staff-operation-reason{color:#9a3412}.staff-toolkit-heading{display:flex;align-items:center;justify-content:space-between;gap:12px;margin:14px 0 8px}.staff-toolkit-heading small{color:#64748b;font-size:.7rem;text-align:right}
/* Tablet is the first responsive target after the desktop/back-office experience. */
@media(min-width:700px) and (max-width:1180px),(min-width:700px) and (hover:none) and (pointer:coarse){.staff-operations-hub{padding:16px}.staff-operations-grid{grid-template-columns:repeat(3,minmax(0,1fr));gap:10px}.staff-operation-tool{min-height:94px;padding:13px;touch-action:manipulation}.staff-operation-copy strong{font-size:.92rem}.staff-operation-copy small{font-size:.72rem}}
@media(min-width:700px) and (max-width:900px) and (orientation:portrait){.staff-operations-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.staff-operation-tool{min-height:96px}.staff-operations-heading{align-items:center}}
@media(min-width:900px) and (orientation:landscape){.staff-operations-grid{grid-template-columns:repeat(4,minmax(0,1fr))}.staff-operation-tool{min-height:92px}}
@media(max-width:699px){.staff-operations-hub{padding:12px;margin:14px 0}.staff-operations-heading{display:grid;grid-template-columns:1fr auto;gap:8px}.staff-operations-heading p{grid-column:1/-1}.staff-operations-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:8px}.staff-operation-tool{grid-template-columns:36px minmax(0,1fr);min-height:92px;padding:10px;gap:3px 8px}.staff-operation-icon{width:36px;height:36px;border-radius:11px;font-size:1rem}.staff-operation-copy strong{font-size:.82rem}.staff-operation-copy small{font-size:.66rem}.staff-operation-meta{grid-column:1/-1;margin-top:3px}.staff-toolkit-heading{display:block}.staff-toolkit-heading small{display:block;margin-top:3px;text-align:left}}
@media(max-width:420px){.staff-operations-grid{grid-template-columns:1fr}.staff-operation-tool{min-height:80px;grid-template-columns:40px minmax(0,1fr)}.staff-operation-icon{width:40px;height:40px}.staff-operation-meta{grid-column:auto}}
/* VER1.0076.1 · Staff Device Sync + Profile Persistence Hardening */
.staff-device-sync-summary{margin:12px 0 4px;padding:12px 14px;border:1px solid #e2e8f0;border-radius:14px;background:#f8fafc}.staff-sync-summary-head{display:flex;align-items:center;justify-content:space-between;gap:10px}.staff-sync-summary-head>strong{font-size:.86rem}.staff-sync-summary-grid{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:8px;margin-top:9px}.staff-sync-summary-grid>span{min-width:0;padding:8px 9px;border:1px solid #e2e8f0;border-radius:10px;background:#fff}.staff-sync-summary-grid small,.staff-sync-summary-grid b{display:block}.staff-sync-summary-grid small{color:#64748b;font-size:.62rem;line-height:1.2}.staff-sync-summary-grid b{margin-top:3px;font-size:.72rem;overflow-wrap:anywhere}.staff-device-sync-summary>p{margin:8px 0 0;color:#64748b;font-size:.7rem;line-height:1.35}.staff-profile-row{min-height:66px;touch-action:manipulation}.staff-profile-row.is-blocked{background:#f8fafc;color:#64748b}.staff-profile-action{display:flex;align-items:flex-end;flex-direction:column;gap:5px;min-width:94px}.staff-profile-action>b{font-size:.7rem;color:#9a3412}.staff-profile-state{display:inline-flex;align-items:center;justify-content:center;min-height:22px;padding:2px 7px;border-radius:999px;background:#e2e8f0;color:#475569;font-size:.58rem;font-weight:900;letter-spacing:.045em;white-space:nowrap}.staff-profile-state.active,.staff-profile-state.ok{background:#dcfce7;color:#166534}.staff-profile-state.reenroll,.staff-profile-state.warn{background:#ffedd5;color:#9a3412}.staff-profile-state.blocked{background:#fee2e2;color:#991b1b}.profile-enroll{border-color:#fdba74;background:#fffaf5}.profile-enroll:focus-visible,.profile-enroll:hover{outline:0;border-color:#f97316;box-shadow:0 0 0 3px rgba(249,115,22,.12)}
/* Desktop stays primary. Among responsive store-device layouts, tablet remains the first priority. */
@media(min-width:700px) and (max-width:1180px),(min-width:700px) and (hover:none) and (pointer:coarse){#profileList{grid-template-columns:repeat(2,minmax(0,1fr));gap:10px}.staff-profile-row{min-height:72px;padding:14px}.staff-profile-action{min-width:104px}.staff-device-sync-summary{padding:14px}.staff-sync-summary-grid>span{min-height:52px}.staff-actions .staff-btn{min-height:50px}}
@media(min-width:700px) and (max-width:900px) and (orientation:portrait){.staff-sync-summary-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.staff-profile-row{min-height:76px}}
@media(max-width:699px){#profileList{grid-template-columns:1fr}.staff-sync-summary-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.staff-profile-row{min-height:68px}.staff-profile-action{min-width:86px}.staff-device-sync-summary{padding:11px}.staff-device-sync-summary>p{font-size:.68rem}}
@media(max-width:420px){.staff-sync-summary-grid{grid-template-columns:1fr 1fr}.staff-profile-row{display:grid;grid-template-columns:minmax(0,1fr) auto}.staff-profile-action{min-width:76px}}
/* VER1.0076.2 · Staff Enrollment + Local Storage Recovery */
#profileList>.staff-error{margin:0}.staff-device-sync-summary .staff-error{margin-top:8px}
/* Keep status notifications distinct from the profile directory, including mobile. */
#staffMessage:not(:empty){margin-block:12px 16px}
#staffMessage:empty{display:none}
/* VER1.0077 · Store Operations Modal + Inventory DataTable */
.staff-operations-launch{margin:14px 0}.staff-operations-launch-btn{width:100%;min-height:68px;display:grid;grid-template-columns:48px minmax(0,1fr) auto;align-items:center;gap:12px;padding:10px 12px;border:1px solid #fdba74;border-radius:16px;background:linear-gradient(180deg,#fffaf5,#fff);color:#0f172a;text-align:left;font:inherit;cursor:pointer;box-shadow:0 5px 16px rgba(249,115,22,.07)}.staff-operations-launch-btn:hover,.staff-operations-launch-btn:focus-visible{outline:0;border-color:#f97316;box-shadow:0 0 0 3px rgba(249,115,22,.12),0 8px 20px rgba(249,115,22,.08)}.staff-operations-launch-icon{display:grid;place-items:center;width:48px;height:48px;border-radius:14px;background:#f97316;color:#fff;font-size:1.25rem;font-weight:900}.staff-operations-launch-copy{min-width:0}.staff-operations-launch-copy strong,.staff-operations-launch-copy small{display:block}.staff-operations-launch-copy strong{font-size:1rem}.staff-operations-launch-copy small{margin-top:3px;color:#64748b;font-size:.74rem}.staff-workspace-open{overflow:hidden}.staff-workspace-overlay{position:fixed;inset:0;z-index:10900;display:grid;place-items:center;padding:18px;background:rgba(15,23,42,.62);overscroll-behavior:contain}.staff-workspace-overlay[hidden]{display:none!important}.staff-workspace-card{width:min(1120px,100%);max-height:calc(100dvh - 36px);overflow:auto;overscroll-behavior:contain;background:#fff;border:1px solid #fed7aa;border-radius:20px;padding:18px;box-shadow:0 28px 80px rgba(15,23,42,.3)}.staff-operations-modal-card{width:min(1040px,100%)}.staff-workspace-head{position:sticky;top:-18px;z-index:8;display:flex;align-items:flex-start;justify-content:space-between;gap:14px;margin:-18px -18px 14px;padding:18px;border-bottom:1px solid #ffedd5;background:rgba(255,255,255,.97);backdrop-filter:blur(10px)}.staff-workspace-head h2,.staff-workspace-head h3{margin:4px 0 3px}.staff-workspace-head p{margin:0;color:#64748b!important;font-size:.78rem;line-height:1.4}.staff-workspace-head-actions{display:flex;align-items:center;gap:8px;flex:0 0 auto}.staff-workspace-close{display:grid;place-items:center;width:46px;height:46px;border:1px solid #fed7aa;border-radius:13px;background:#fff7ed;color:#9a3412;font:inherit;font-size:1.65rem;line-height:1;cursor:pointer}.staff-workspace-close:hover,.staff-workspace-close:focus-visible{outline:0;border-color:#f97316;box-shadow:0 0 0 3px rgba(249,115,22,.12)}
.staff-inventory-modal-card{width:min(1180px,100%)}.staff-inventory-controls{display:grid;grid-template-columns:minmax(280px,2fr) minmax(150px,.8fr) minmax(190px,1fr) minmax(92px,.45fr);gap:10px;align-items:end}.staff-inventory-controls .staff-field>span{font-size:.72rem;font-weight:800;color:#475569}.staff-inventory-controls input,.staff-inventory-controls select{min-height:48px}.staff-inventory-table-wrap{margin-top:12px;max-height:58dvh;overflow:auto;border:1px solid #e2e8f0;border-radius:14px;background:#fff;overscroll-behavior:contain}.staff-inventory-table{width:100%;min-width:760px;border-collapse:separate;border-spacing:0;font-size:.8rem}.staff-inventory-table th,.staff-inventory-table td{padding:11px 12px;border-bottom:1px solid #e2e8f0;vertical-align:middle}.staff-inventory-table thead th{position:sticky;top:0;z-index:3;background:#f8fafc;color:#475569;text-align:left;font-size:.68rem;font-weight:900;letter-spacing:.04em;text-transform:uppercase}.staff-inventory-table tbody tr:hover{background:#fffaf5}.staff-inventory-table tbody tr:last-child td{border-bottom:0}.staff-inventory-table th.num,.staff-inventory-table td.num{text-align:right}.staff-inventory-table td.num strong{font-size:.92rem;font-variant-numeric:tabular-nums}.staff-inventory-table td.is-stocked strong{color:#166534}.staff-inventory-table td.is-zero strong{color:#94a3b8}.staff-table-sort{display:inline-flex;align-items:center;gap:6px;border:0;padding:0;background:transparent;color:inherit;font:inherit;font-weight:900;letter-spacing:inherit;text-transform:inherit;cursor:pointer;white-space:nowrap}.staff-table-sort:hover,.staff-table-sort:focus-visible{outline:0;color:#c2410c}.staff-table-sort span{font-size:.8rem;color:#f97316}.staff-table-code{font-family:ui-monospace,SFMono-Regular,Menlo,Consolas,monospace;font-size:.74rem;color:#334155}.staff-table-empty{padding:28px!important;text-align:center;color:#64748b}.staff-inventory-pagination{display:flex;align-items:center;justify-content:space-between;gap:12px;margin-top:12px}.staff-inventory-pagination>span{color:#64748b;font-size:.76rem;font-weight:700}.staff-inventory-pagination>div{display:flex;gap:8px}.staff-inventory-pagination .staff-btn{min-height:44px}.staff-inventory-modal-card #inventoryMeta{margin-top:12px}.staff-inventory-modal-card #inventoryScanResult{margin-top:10px}
/* Desktop stays primary. Responsive store-device priority: tablet landscape, tablet portrait, then mobile. */
@media(min-width:700px) and (max-width:1180px),(min-width:700px) and (hover:none) and (pointer:coarse){.staff-workspace-overlay{padding:12px}.staff-workspace-card{max-height:calc(100dvh - 24px);padding:16px;border-radius:18px}.staff-workspace-head{top:-16px;margin:-16px -16px 12px;padding:16px}.staff-operations-grid{grid-template-columns:repeat(3,minmax(0,1fr))}.staff-operation-tool{min-height:98px}.staff-inventory-controls{grid-template-columns:minmax(0,1.7fr) minmax(140px,.75fr) minmax(180px,1fr) 92px}.staff-inventory-table-wrap{max-height:56dvh}.staff-inventory-table th,.staff-inventory-table td{padding:12px}.staff-operations-launch-btn{min-height:72px;touch-action:manipulation}}
@media(min-width:700px) and (max-width:900px) and (orientation:portrait){.staff-workspace-overlay{align-items:stretch}.staff-workspace-card{max-height:calc(100dvh - 24px)}.staff-operations-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.staff-inventory-controls{grid-template-columns:minmax(0,1fr) minmax(150px,.65fr)}.staff-inventory-search-field{grid-column:1/-1}.staff-inventory-table-wrap{max-height:60dvh}.staff-inventory-pagination{position:sticky;bottom:-16px;padding:10px 0 0;background:#fff}}
@media(min-width:900px) and (orientation:landscape){.staff-operations-modal-card .staff-operations-grid{grid-template-columns:repeat(4,minmax(0,1fr))}}
@media(max-width:699px){.staff-workspace-overlay{padding:0;align-items:end}.staff-workspace-card{width:100%;max-height:94dvh;border-radius:20px 20px 0 0;padding:14px}.staff-workspace-head{top:-14px;margin:-14px -14px 12px;padding:14px}.staff-workspace-head-actions .staff-capability-pill{display:none}.staff-operations-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.staff-inventory-controls{grid-template-columns:1fr 1fr}.staff-inventory-search-field{grid-column:1/-1}.staff-inventory-controls label:nth-child(3){grid-column:1/-1}.staff-inventory-table-wrap{max-height:52dvh}.staff-inventory-pagination{align-items:stretch;flex-direction:column}.staff-inventory-pagination>div{display:grid;grid-template-columns:1fr 1fr}.staff-inventory-pagination .staff-btn{width:100%}.staff-operations-launch-btn{grid-template-columns:44px minmax(0,1fr) auto;min-height:66px}.staff-operations-launch-icon{width:44px;height:44px}.staff-operations-launch-copy small{font-size:.68rem}}
@media(max-width:420px){.staff-operations-grid{grid-template-columns:1fr}.staff-inventory-controls{grid-template-columns:1fr}.staff-inventory-search-field,.staff-inventory-controls label:nth-child(3){grid-column:auto}.staff-operations-launch-btn{grid-template-columns:42px minmax(0,1fr)}.staff-operations-launch-btn>.staff-capability-pill{grid-column:1/-1;justify-self:start}.staff-operations-launch-icon{width:42px;height:42px}}
/* VER1.0077.2 — Staff session persistence + Quick Scan camera trigger hardening */
.staff-camera-actions{justify-content:center;margin-top:10px}.staff-camera-actions .staff-btn{min-width:220px}
@media (min-width:700px) and (max-width:1180px){.staff-camera-actions .staff-btn{min-height:48px;padding-inline:20px}}
/* VER1.0078 · Cross-store modern display labels */
.staff-live-store-main{min-width:0}.staff-live-store-meta{display:flex;align-items:center;gap:6px;flex-wrap:wrap;margin-top:3px}.staff-live-store-meta>span{display:inline-flex;align-items:center;min-height:20px;padding:2px 7px;border-radius:999px;background:#f1f5f9;color:#475569;font-size:.64rem;font-weight:750}.staff-live-store-meta>span b{margin-left:3px;color:#0f172a}.staff-live-store-meta .is-current-store{background:#dcfce7;color:#166534;font-weight:900}.staff-live-store-main>strong{font-size:.9rem;line-height:1.2}.staff-live-store-main>small{margin-top:5px!important;line-height:1.28}
@media(min-width:700px) and (max-width:1180px),(min-width:700px) and (hover:none) and (pointer:coarse){.staff-live-store{min-height:72px;padding:11px 12px}.staff-live-store-main>strong{font-size:.96rem}.staff-live-store-meta>span{min-height:24px;padding:3px 8px;font-size:.68rem}.staff-live-store>b{font-size:.9rem}}
@media(max-width:699px){.staff-live-store{align-items:start}.staff-live-store-main>strong{font-size:.88rem}.staff-live-store-meta{gap:4px}.staff-live-store-meta>span{font-size:.61rem}.staff-live-store>b{padding-top:2px}}
/* VER1.0079 · Branch contact + direct-message shortcut for live availability */
.staff-live-store{display:block}.staff-live-store-row{display:grid;grid-template-columns:minmax(0,1fr) auto;align-items:start;gap:10px}.staff-live-store-qty{white-space:nowrap;color:#166534;font-size:.82rem;padding-top:2px}.staff-live-contact{display:flex;align-items:center;justify-content:space-between;gap:10px;margin-top:9px;padding-top:8px;border-top:1px dashed #dbeafe}.staff-live-contact-person{min-width:0}.staff-live-contact-person>span,.staff-live-contact-person>strong,.staff-live-contact-person>small{display:block}.staff-live-contact-person>span{color:#9a3412;font-size:.61rem;font-weight:900;letter-spacing:.05em;text-transform:uppercase}.staff-live-contact-person>strong{margin-top:2px;color:#0f172a;font-size:.78rem}.staff-live-contact-person>small{margin-top:2px!important;color:#64748b;font-size:.67rem}.staff-live-contact-actions{display:flex;align-items:center;gap:6px;flex:0 0 auto}.staff-live-contact-action{display:inline-flex;align-items:center;justify-content:center;gap:5px;min-height:40px;padding:7px 10px;border:1px solid #fed7aa;border-radius:10px;background:#fff7ed;color:#9a3412;text-decoration:none;font:inherit;font-size:.7rem;font-weight:900;cursor:pointer}.staff-live-contact-action.dm{border-color:#fdba74;background:#f97316;color:#fff}.staff-live-contact-action:hover,.staff-live-contact-action:focus-visible{outline:0;box-shadow:0 0 0 3px rgba(249,115,22,.12)}.staff-live-contact.is-empty{justify-content:flex-start}.staff-live-contact.is-empty .staff-live-contact-person>small{color:#94a3b8}
@media(min-width:700px) and (max-width:1180px),(min-width:700px) and (hover:none) and (pointer:coarse){.staff-live-store-row{gap:12px}.staff-live-contact{margin-top:10px;padding-top:9px}.staff-live-contact-person>strong{font-size:.84rem}.staff-live-contact-person>small{font-size:.71rem}.staff-live-contact-action{min-height:44px;padding:8px 12px;font-size:.74rem}.staff-live-store-qty{font-size:.9rem}}
@media(max-width:699px){.staff-live-store-row{gap:7px}.staff-live-contact{align-items:flex-start;gap:7px}.staff-live-contact-actions{gap:5px}.staff-live-contact-action{min-width:44px;min-height:44px;padding:7px 9px}.staff-live-contact-action span{display:none}.staff-live-store-qty{font-size:.76rem}}
/* VER1.0079.1 · online scan single-SKU local inventory refresh */
.staff-scan-live-refresh{margin:.65rem 0;padding:.65rem .75rem;border:1px solid var(--staff-line,#d9e0e7);border-radius:.75rem;font-size:.84rem;line-height:1.35}.staff-scan-live-refresh strong{display:inline-block;margin-right:.35rem}.staff-scan-live-refresh.is-live{background:rgba(28,130,76,.08)}.staff-scan-live-refresh.is-cached{background:rgba(198,132,18,.08)}
/* 1.82.00 · Staff simplicity, Help & Training Mode */
.staff-help-main{font-weight:700}
.staff-training-banner{display:flex;align-items:center;justify-content:space-between;gap:16px;margin:14px 0;padding:14px 16px;border:1px solid rgba(249,115,22,.35);border-radius:14px;background:rgba(249,115,22,.08)}
.staff-training-banner p{margin:4px 0 0;color:var(--staff-muted,#64748b)}
.staff-training-banner .staff-btn{flex:0 0 auto}
.staff-operation-item{position:relative;display:grid;grid-template-columns:minmax(0,1fr) 44px;gap:8px;align-items:stretch}
.staff-operation-item .staff-operation-tool{min-width:0;width:100%}
.staff-operation-help{width:44px;min-height:44px;border:1px solid rgba(148,163,184,.45);border-radius:12px;background:var(--staff-surface,#fff);font-size:1rem;font-weight:800;cursor:pointer}
.staff-operation-help:hover,.staff-operation-help:focus-visible{outline:2px solid rgba(249,115,22,.45);outline-offset:2px}
.staff-help-card,.staff-training-card{max-width:920px}
.staff-help-layout{display:grid;grid-template-columns:230px minmax(0,1fr);gap:18px;padding:8px 0}
.staff-help-topics{display:flex;flex-direction:column;gap:8px;max-height:62vh;overflow:auto}
.staff-help-topics button{min-height:44px;text-align:left;border:1px solid rgba(148,163,184,.35);border-radius:10px;background:var(--staff-surface,#fff);padding:10px 12px;font:inherit;cursor:pointer}
.staff-help-topics button.active{border-color:#f97316;background:rgba(249,115,22,.08);font-weight:700}
.staff-help-content{min-width:0;padding:6px 6px 12px}
.staff-help-content h3,.staff-training-content h3{margin:.25rem 0 .65rem}
.staff-help-content>p,.staff-training-content>p{font-size:1.02rem;line-height:1.55}
.staff-help-note{margin-top:14px;padding:12px 14px;border-radius:12px;background:rgba(59,130,246,.08);border:1px solid rgba(59,130,246,.2)}
.staff-help-note.caution{background:rgba(249,115,22,.08);border-color:rgba(249,115,22,.25)}
.staff-help-note p{margin:4px 0 0}
.staff-training-content{padding:20px 8px;min-height:190px}
.staff-training-more{min-height:44px;margin-top:12px;border:0;background:transparent;text-decoration:underline;font:inherit;font-weight:700;cursor:pointer}
.staff-training-actions{justify-content:flex-end;border-top:1px solid rgba(148,163,184,.25);padding-top:14px}
.staff-training-highlight{animation:staffTrainingPulse .8s ease-in-out 3;position:relative;z-index:2}
@keyframes staffTrainingPulse{0%,100%{box-shadow:0 0 0 0 rgba(249,115,22,.0)}50%{box-shadow:0 0 0 6px rgba(249,115,22,.28)}}
.user-training-grid{align-items:end}
@media (max-width:1024px){
.staff-training-banner{align-items:flex-start}
.staff-help-layout{grid-template-columns:190px minmax(0,1fr)}
.staff-operation-item{grid-template-columns:minmax(0,1fr) 48px}
.staff-operation-help{width:48px;min-height:48px}
}
@media (max-width:720px){
.staff-training-banner{flex-direction:column}
.staff-training-banner .staff-btn{width:100%}
.staff-help-layout{grid-template-columns:1fr}
.staff-help-topics{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));max-height:none}
.staff-training-actions{display:grid;grid-template-columns:1fr 1fr}
.staff-training-actions #trainingNextBtn{grid-column:1/-1}
}
@media (prefers-reduced-motion:reduce){.staff-training-highlight{animation:none;outline:3px solid #f97316}}
/* 1.82.01 · Staff Quick Scan manual Barcode / SKU entry */
.staff-quick-manual{margin:4px 0 12px;padding:12px;border:1px solid rgba(148,163,184,.32);border-radius:14px;background:rgba(248,250,252,.78)}
.staff-quick-manual>label span{display:block;margin-bottom:7px;font-size:.78rem;font-weight:900;color:#334155}
.staff-quick-manual-row{display:grid;grid-template-columns:minmax(0,1fr) auto auto;gap:8px;align-items:stretch}
.staff-quick-manual-row input{min-width:0;min-height:46px;border:1px solid #cbd5e1;border-radius:11px;padding:10px 12px;font:inherit;font-size:16px;background:#fff;color:#0f172a}
.staff-quick-manual-row input:focus{outline:3px solid rgba(249,115,22,.16);border-color:#f97316}
.staff-quick-manual-row .staff-btn{min-height:46px;white-space:nowrap}
@media(max-width:699px){.staff-quick-manual-row{grid-template-columns:1fr 1fr}.staff-quick-manual-row input{grid-column:1/-1}.staff-quick-manual-row .staff-btn{width:100%}}
/* 1.83.00 · Customizable Inventory table + scanner-first Quick Scan */
.staff-inventory-controls{grid-template-columns:minmax(260px,2fr) minmax(135px,.7fr) minmax(175px,.95fr) minmax(150px,.75fr) minmax(82px,.4fr)}
.staff-table-grouped{min-width:200px}.staff-table-group-line{display:flex;align-items:baseline;gap:6px;line-height:1.35}.staff-table-group-line+.staff-table-group-line{margin-top:4px}.staff-table-group-line b{flex:0 0 auto;color:#9a3412;font-size:.68rem;font-weight:900}.staff-table-group-line span{min-width:0;overflow-wrap:anywhere}.staff-table-group-line.staff-table-product span{font-weight:800;color:#0f172a}.staff-table-group-line.staff-table-code span{font-family:ui-monospace,SFMono-Regular,Menlo,Consolas,monospace;font-size:.73rem;color:#334155}.staff-table-muted{color:#94a3b8}.staff-quick-mode-actions{display:flex;justify-content:center;margin:2px 0 10px}.staff-quick-mode-actions .staff-btn{min-height:44px}.staff-quick-manual[hidden]{display:none!important}
@media(min-width:700px) and (max-width:1180px),(min-width:700px) and (hover:none) and (pointer:coarse){.staff-inventory-controls{grid-template-columns:minmax(0,1.5fr) minmax(130px,.7fr) minmax(170px,.9fr) minmax(150px,.75fr) 86px}}
@media(max-width:900px){.staff-inventory-controls{grid-template-columns:1fr 1fr}.staff-inventory-search-field{grid-column:1/-1}.staff-inventory-table{min-width:600px}}
@media(max-width:520px){.staff-inventory-controls{grid-template-columns:1fr}.staff-inventory-search-field{grid-column:auto}.staff-inventory-table{min-width:520px}.staff-table-grouped{min-width:180px}}
/* 1.84.03 local-first Staff Encounter workspace */
.staff-encounter-card{max-width:920px}
.staff-encounter-card form{display:grid;gap:12px}
.staff-encounter-card textarea{width:100%;min-height:132px;resize:vertical}
.staff-encounter-card input[type=file]{padding:10px}
.staff-encounter-saved-files{display:grid;gap:5px;padding:10px;border:1px dashed var(--staff-border,#dbe1e8);border-radius:12px}
.staff-encounter-saved-files span{font-size:.8rem;word-break:break-word}
.staff-encounter-local-row{display:grid;gap:8px}
.staff-encounter-local-row-head{display:flex;justify-content:space-between;gap:10px;align-items:flex-start}
.staff-encounter-local-row-actions{display:flex;gap:8px;flex-wrap:wrap}
.staff-encounter-local-row-actions .staff-btn{min-width:0;flex:1 1 120px}
@media(max-width:700px){.staff-encounter-card{min-height:calc(100dvh - 16px)}.staff-encounter-local-row-head{display:grid}}
/* 1.90.00 — Staff Product Movement / Ledger */
.staff-table-actions{width:1%;white-space:nowrap;text-align:right}
.staff-ledger-link{min-height:36px;border:1px solid var(--staff-border,#d9dee7);border-radius:10px;background:var(--staff-surface,#fff);padding:.45rem .7rem;font:inherit;font-weight:700;cursor:pointer}
.staff-ledger-link:focus-visible{outline:3px solid rgba(249,115,22,.28);outline-offset:2px}
.staff-scan-actions{display:flex;gap:.5rem;flex-wrap:wrap;margin:.75rem 0}
.staff-ledger-overlay{z-index:11020}
.staff-ledger-card{width:min(1080px,calc(100vw - 24px));max-height:min(92dvh,920px)}
.staff-ledger-toolbar{display:grid;grid-template-columns:minmax(160px,1fr) minmax(160px,1fr) auto;gap:.75rem;align-items:end;margin:0 0 .8rem}
.staff-ledger-table td,.staff-ledger-table th{vertical-align:top}
.staff-ledger-table td small{display:block;margin-top:.2rem;color:var(--staff-muted,#64748b)}
.staff-ledger-table .is-in strong{color:#087443}
.staff-ledger-table .is-out strong{color:#a12b1f}
.staff-ledger-table tr.is-local-pending{background:rgba(249,115,22,.07)}
.staff-ledger-local{font-size:.68rem;font-weight:800;letter-spacing:.04em;color:#b45309!important}
@media (max-width:720px){.staff-ledger-toolbar{grid-template-columns:1fr 1fr}.staff-ledger-toolbar .staff-btn{grid-column:1/-1;width:100%}.staff-table-actions{position:sticky;right:0;background:inherit}.staff-ledger-link{min-height:44px}.staff-ledger-card{width:calc(100vw - 12px);max-height:96dvh}}
/* 1.91.00 — Staff price privacy + Style-first inventory */
.staff-sale-cart-pane .staff-notice.compact-notice{margin:0 0 10px}.staff-table-code{font-weight:800}
/* 1.91.01 — Canonical product_code → Style mapping + compact Staff inventory identity */
.staff-inventory-table .staff-table-grouped:first-child .staff-table-group-line{line-height:1.22}.staff-inventory-table .staff-table-grouped:first-child .staff-table-group-line+.staff-table-group-line{margin-top:2px}.staff-inventory-table .staff-table-grouped:first-child .staff-table-product span{font-size:.79rem}.staff-inventory-table .staff-table-grouped:first-child .staff-table-code span{font-size:.71rem}
.staff-attendance-card{display:grid;gap:10px;margin:14px 0;padding:14px;border:1px solid #fed7aa;border-radius:14px;background:#fffaf5}.staff-attendance-card h3{margin:3px 0}.staff-attendance-card p{margin:0;font-size:.86rem}.staff-attendance-location{display:flex;align-items:flex-start;gap:9px;font-weight:700;font-size:.9rem}.staff-attendance-location input{width:18px;height:18px;margin:1px 0 0;accent-color:#f97316}.staff-attendance-privacy{color:#6b7280!important;font-size:.78rem!important}
/* Location consent is available only when configured; hidden must beat flex. */
.staff-attendance-location[hidden],.staff-attendance-card[hidden]{display:none!important}
.staff-attendance-location{min-height:48px;padding:10px 0;align-items:center;cursor:pointer;touch-action:manipulation}
.staff-attendance-location input{flex:0 0 24px;width:24px;height:24px;margin:0}
.staff-attendance-location:focus-within{outline:2px solid #f97316;outline-offset:3px;border-radius:6px}
/* Compact completed attendance; pending check-in keeps the complete form. */
.staff-attendance-details{display:grid;gap:10px}
.staff-attendance-details[hidden],.staff-attendance-summary[hidden]{display:none!important}
.staff-attendance-summary{display:flex;align-items:center;gap:10px;width:100%;min-height:44px;padding:8px 10px;border:0;border-radius:10px;background:#ecfdf5;color:#166534;text-align:left;font:inherit;font-size:.86rem;font-weight:700;cursor:pointer;touch-action:manipulation}
.staff-attendance-summary:focus-visible{outline:2px solid #16a34a;outline-offset:3px}
.staff-attendance-chevron{margin-left:auto}
.staff-attendance-summary[aria-expanded="true"] .staff-attendance-chevron{transform:rotate(180deg)}
.staff-attendance-card.is-checked-in{gap:0;padding:6px;border-color:#bbf7d0;background:#ecfdf5}
.staff-attendance-card.is-checked-in .staff-attendance-details:not([hidden]){padding:10px;margin-top:6px}
#sessionPanel .staff-kpis{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:8px}
#sessionPanel .staff-kpi{min-width:0;padding:10px}
#sessionPanel .staff-kpi span{font-size:.7rem;line-height:1.35;overflow-wrap:anywhere}
#sessionPanel .staff-kpi strong{font-size:clamp(.8rem,2.7vw,1.05rem);line-height:1.4;overflow-wrap:anywhere}
/* Primary scan action, then the two mutually exclusive sales choices. */
#sessionPanel .staff-main-quick-menu{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:10px}
#sessionPanel .staff-main-quick-menu .staff-quick-scan{grid-column:1/-1}
#sessionPanel .staff-main-quick-menu .staff-btn{gap:8px;min-width:0}
#sessionPanel .staff-main-quick-menu .staff-physical-count{grid-column:1/-1}
/* Clear separation of pre-opening sales fields on phones and tablets. */
#preOpeningSalePanel #preOpeningSaleNotice{margin:0 0 20px;line-height:1.5}
#preOpeningSalePanel .staff-sale-tablet-grid{display:grid;gap:22px;margin:0}
#preOpeningSalePanel .staff-sale-product-pane{display:grid;gap:18px;align-content:start;min-width:0}
#preOpeningSalePanel .staff-field{gap:9px;min-width:0}
#preOpeningSalePanel .staff-field>span{line-height:1.4}
#preOpeningSalePanel .staff-field input{min-height:48px;width:100%;min-width:0}
#preOpeningSalePanel #preOpeningDateHelp{margin:0;line-height:1.5}
#preOpeningSalePanel #preOpeningSearchRows:empty{display:none}
#preOpeningSalePanel .staff-sale-cart-pane{display:grid;gap:16px;align-content:start;min-width:0}
#preOpeningSalePanel .staff-sale-cart-pane h4{margin:0;line-height:1.4}
#preOpeningSalePanel #preOpeningCartRows>.staff-notice{margin:0}
#preOpeningSalePanel .staff-sale-actions{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:12px;margin:0}
#preOpeningSalePanel .staff-sale-actions .staff-btn{min-height:48px}
#preOpeningSalePanel .table-toolbar{display:flex;flex-wrap:wrap;align-items:center;justify-content:space-between;gap:14px;margin:24px 0 0}
#preOpeningSalePanel .table-toolbar h3{margin:0 0 8px;line-height:1.4}
#preOpeningSalePanel .table-toolbar p{margin:0;line-height:1.5}
#preOpeningSalePanel #preOpeningSalesRecent{margin-top:16px}
#preOpeningSalePanel .pre-opening-search-controls{display:grid;grid-template-columns:minmax(0,1fr) auto;gap:12px;align-items:stretch}
#preOpeningSalePanel .pre-opening-search-controls .staff-btn{min-height:48px;gap:8px;white-space:nowrap}
@media(max-width:560px){#preOpeningSalePanel .pre-opening-search-controls{grid-template-columns:minmax(0,1fr)}#preOpeningSalePanel #preOpeningScanBtn{width:100%}}
/* Keep the accepted sale scan visible until the operator is ready. */
.staff-sale-scan-result{margin:16px 0;padding:16px;border:1px solid #86efac;border-radius:14px;background:#f0fdf4;color:#14532d}.staff-sale-scan-result[hidden]{display:none!important}.staff-sale-scan-result>strong{display:block;margin-bottom:12px}.staff-sale-scan-result dl{display:grid;gap:10px;margin:0}.staff-sale-scan-result dl>div{display:grid;grid-template-columns:100px minmax(0,1fr);gap:12px}.staff-sale-scan-result dt{font-weight:600}.staff-sale-scan-result dd{margin:0;overflow-wrap:anywhere}.staff-sale-scan-result p{margin:14px 0 0;line-height:1.45}.staff-sale-scan-actions{display:grid;grid-template-columns:1fr 1fr;gap:12px;margin-top:16px}.staff-sale-scan-actions .staff-btn{min-height:48px}@media(max-width:480px){.staff-sale-scan-actions{grid-template-columns:1fr}.staff-sale-scan-result dl>div{grid-template-columns:80px minmax(0,1fr)}}
#preOpeningCartRows .staff-row{display:grid;grid-template-columns:minmax(0,1fr) auto;align-items:center;gap:16px}#preOpeningCartRows .staff-row>div:first-child{min-width:0;overflow-wrap:anywhere}#preOpeningCartRows .staff-cart-controls{display:grid;grid-template-columns:48px 76px 48px;align-items:center;gap:8px;flex-shrink:0}#preOpeningCartRows .staff-cart-controls button{width:48px;min-height:48px;border:1px solid #fdba74;border-radius:10px;background:#fff7ed;color:#9a3412;font:inherit;font-size:1.25rem;font-weight:800}#preOpeningCartRows .pre-opening-quantity-input{width:76px;min-height:48px;text-align:center;border:1px solid #cbd5e1;border-radius:10px;font:inherit;font-weight:800;background:white;color:#1f2937;padding:6px}#preOpeningCartRows .pre-opening-quantity-input::-webkit-inner-spin-button{appearance:none}@media(max-width:600px){#preOpeningCartRows .staff-row{grid-template-columns:minmax(0,1fr)}#preOpeningCartRows .staff-cart-controls{justify-self:start}}
.staff-sale-scan-actions{grid-template-columns:minmax(0,1fr)}
.staff-scanner-sound{display:flex;align-items:center;gap:12px;flex-wrap:wrap;margin:14px 0}.staff-scanner-sound .staff-btn{min-height:48px}.staff-scanner-sound span{flex:1;min-width:180px;font-size:.82rem;line-height:1.45;color:#475569}
.staff-sale-scan-actions{grid-template-columns:repeat(2,minmax(0,1fr))}@media(max-width:480px){.staff-sale-scan-actions{grid-template-columns:minmax(0,1fr)}}
/* Tablet: identity left, quantity right. Phone: centered controls below. */
#preOpeningCartRows .staff-row{grid-template-columns:minmax(0,1fr) auto}
#preOpeningCartRows .staff-cart-controls{justify-self:end}
@media(max-width:599px){#preOpeningCartRows .staff-row{grid-template-columns:minmax(0,1fr)}#preOpeningCartRows .staff-cart-controls{justify-self:center}}
#preOpeningCartRows .staff-row>div:first-child{text-align:left}@media(max-width:599px){#preOpeningCartRows .staff-row>div:first-child{text-align:center;width:100%}}
.pre-opening-record-edit{display:grid;gap:16px;margin-top:16px}.pre-opening-record-edit input{max-width:150px;min-height:48px}.pre-opening-record .staff-actions{gap:12px;margin-top:16px}.pre-opening-record li{overflow-wrap:anywhere;margin:8px 0}
#staffPhysicalCountModal { padding: 0; align-items: stretch; }
#staffPhysicalCountModal .staff-count-workspace { width: 100%; max-width: 1280px; height: 100dvh; max-height: 100dvh; padding: 0; border-radius: 0; display: flex; flex-direction: column; overflow: hidden; }
#staffPhysicalCountModal .staff-workspace-head { position: static; flex-shrink: 0; margin: 0; padding: 14px 16px; align-items: center; }
#staffPhysicalCountModal .staff-workspace-head h2 { font-size: 1.2rem; }
#staffPhysicalCountModal #closeStaffPhysicalCountBtn { min-height: 48px; white-space: nowrap; padding: 10px 14px; }
#staffPhysicalCountFrame { border: 0; display: block; width: 100%; flex: 1; min-height: 0; background: #fff7ed; }
.pre-opening-history-filter { display: grid; grid-template-columns: minmax(0,1fr) auto; align-items: end; gap: 16px; margin: 16px 0 12px; }
.pre-opening-history-filter .staff-field { display: grid; gap: 8px; margin: 0; min-width: 0; }
.pre-opening-history-filter input { min-height: 48px; width: 100%; min-width: 0; font: inherit; }
.pre-opening-history-filter .staff-btn { min-height: 48px; }
.pre-opening-history-pages { display: flex; flex-wrap: wrap; align-items: center; justify-content: space-between; gap: 12px; margin-top: 20px; }
#preOpeningHistorySummary { margin: 8px 0 16px; }
#preOpeningSalesRecent[aria-busy="true"] { opacity: .6; pointer-events: none; }
@media(max-width:420px) { .pre-opening-history-filter { grid-template-columns: minmax(0,1fr); } .pre-opening-history-pages { display: grid; grid-template-columns: 1fr 1fr; } #preOpeningHistoryPageLabel { grid-column: 1 / -1; grid-row: 1; text-align: center; } }
.pre-opening-history-filter { grid-template-columns: minmax(150px,.7fr) minmax(0,1.3fr); }
.pre-opening-history-filter-actions { grid-column: 1 / -1; display: grid; grid-template-columns: 1fr 1fr; gap: 12px; }
@media(max-width:600px) { .pre-opening-history-filter { grid-template-columns: minmax(0,1fr); } }
/* Phone/tablet field and action rhythm; preserve scanner and sales workflows. */
.staff-shell,.staff-card,.staff-grid>*,.staff-field,.staff-row>div,.staff-workspace-head>div{min-width:0}
.staff-field{row-gap:8px}
.staff-field :is(input,select,textarea){max-width:100%;min-width:0}
.staff-row>div,.staff-workspace-head h2{overflow-wrap:anywhere}
.staff-workspace-head{gap:12px}
.staff-workspace-head>button{flex-shrink:0}
.staff-card :is(.staff-notice,.staff-error,.staff-success){line-height:1.45}
@media(max-width:699px){
.staff-brand{gap:10px;margin-bottom:14px}
.staff-mark{flex:0 0 44px}
.staff-access-title-row{gap:10px;flex-wrap:wrap}
.staff-access-title-row h1{flex:1 1 180px;font-size:1.4rem;line-height:1.25;margin:6px 0 10px}
.staff-access-title-row .staff-main-login-link{margin-left:auto}
.staff-card :is(.staff-notice,.staff-error,.staff-success){margin-top:12px;padding:10px 12px}
.staff-grid{grid-template-columns:minmax(0,1fr);gap:14px}
.staff-field :is(input,select,textarea){font-size:16px;min-height:46px}
.staff-actions{gap:10px;margin-top:14px}
.staff-actions>.staff-btn{white-space:normal;text-align:center;line-height:1.3;padding:10px 8px;min-height:46px}
#profilePanel>.staff-actions>.staff-btn:last-child:nth-child(odd):not([hidden]){grid-column:1/-1}
.staff-workspace-head{flex-wrap:wrap;align-items:flex-start;gap:10px}
.staff-workspace-head h2{font-size:1.2rem;line-height:1.3}
.staff-workspace-head>button{margin-left:auto}
.staff-scanner-sound span{min-width:0;flex-basis:100%}
}
/* Two primary sync actions precede product scanning in the active staff workspace. */
.staff-session-sync-actions{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:10px;margin:12px 0 14px}
.staff-session-sync-actions>.staff-btn{width:100%;min-width:0;min-height:48px;white-space:normal;text-align:center;line-height:1.3}
#sessionSummary>.staff-success{text-align:center;padding:18px 14px}
#sessionSummary .staff-session-name{display:block;font-size:clamp(22px,3vw,28px);font-weight:800;line-height:1.25;overflow-wrap:anywhere}
#sessionSummary .staff-session-location{display:block;margin-top:7px;font-size:clamp(16px,2.2vw,20px);font-weight:650;line-height:1.45;overflow-wrap:anywhere}
.staff-pwa.has-session-identity{--session-identity-height:calc(66px + env(safe-area-inset-top,0px));padding-top:var(--session-identity-height)}
.staff-pwa>.session-identity-strip:not([hidden]){position:fixed;inset:0 0 auto;z-index:2147483000;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:4px;height:var(--session-identity-height);box-sizing:border-box;padding:env(safe-area-inset-top,0px) 12px 0;background:#fffaf5;border-bottom:1px solid #fed7aa;text-align:center;color:#475569;pointer-events:none}
.staff-pwa>.session-identity-strip[data-connection="online"]{background:#dcfce7;border-bottom-color:#86efac;color:#14532d}
.staff-pwa>.session-identity-strip[data-connection="offline"]{background:#e5e7eb;border-bottom-color:#d1d5db;color:#374151}
.staff-pwa #sessionIdentityConnection{font-size:10px;font-weight:800;line-height:1}
.staff-pwa>.session-identity-strip>span[aria-hidden="true"]{display:none}
.staff-pwa .session-identity-name{max-width:100%;font-size:20px;font-weight:750;line-height:1.2;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
.staff-pwa .session-identity-department{max-width:100%;font-size:15px;font-weight:650;line-height:1.25;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
.staff-pwa.has-session-identity :is(.staff-workspace-overlay,.staff-camera-overlay,#pwaInstallHelpOverlay){top:var(--session-identity-height)!important}
.staff-pwa.has-session-identity .staff-workspace-card{max-height:calc(100dvh - var(--session-identity-height) - 24px)}
@media(max-width:420px){.staff-pwa .session-identity-name{font-size:18px}.staff-pwa .session-identity-department{font-size:13px}}
.staff-sale-item-details{list-style:none;padding:0;margin:12px 0}.staff-sale-item-detail{padding:12px;margin:10px 0;background:#fff;border:1px solid #e2e8f0;border-radius:12px}.staff-sale-item-detail dl{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:12px;margin:0}.staff-sale-item-detail dt{font-size:12px;color:#64748b}.staff-sale-item-detail dd{margin:4px 0 0;font-weight:650;overflow-wrap:anywhere}@media(max-width:600px){.staff-sale-item-detail dl{grid-template-columns:repeat(2,minmax(0,1fr))}}