.rbs-app{max-width:780px;margin:auto;font-family:system-ui,-apple-system,sans-serif;color:#17212b}
.rbs-app header{display:flex;justify-content:space-between;align-items:center;margin-bottom:12px}
.rbs-app h2{margin:0;font-size:28px}
.card{box-sizing:border-box;background:#fff;border:1px solid #d8dde3;border-radius:14px;padding:17px;margin:10px 0}
.rbs-app label{font-weight:700;display:block;margin:14px 0}
.rbs-app input{box-sizing:border-box;width:100%;min-height:52px;font-size:19px;border:1px solid #adb7c1;border-radius:10px;padding:10px;margin-top:6px}
.rbs-app button{min-height:48px;cursor:pointer}
.primary,.complete,#correct-count{border:0;border-radius:10px;padding:12px 16px;font-weight:800;font-size:16px}
.primary{width:100%;background:#1f5f91;color:#fff}
.complete{width:100%;background:#27833d;color:#fff}
.back{border:0;background:transparent;font-weight:800}

.staff-map,.mini-map{position:relative;display:inline-block;max-width:100%;isolation:isolate}
.staff-map img,.mini-map img{position:relative;z-index:1;display:block;max-width:100%;height:auto}
.staff-zone{appearance:none!important;position:absolute!important;z-index:10!important;pointer-events:auto!important;box-sizing:border-box;border:4px solid #b42318!important;background:rgba(180,35,24,.34)!important;color:#17212b!important;padding:0!important;min-height:0!important;overflow:hidden}
.staff-zone span{display:block;max-width:100%;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;background:rgba(255,255,255,.9);font-size:11px;font-weight:800;line-height:1.2;padding:1px 3px}
.staff-zone span small{display:block}
.staff-zone.in_progress{border-color:#e68a00!important;background:rgba(230,138,0,.32)!important}
.staff-zone.completed{border-color:#27833d!important;background:rgba(39,131,61,.32)!important}
.mini-map i{position:absolute;z-index:10;box-sizing:border-box;border:4px solid #1675d1;background:rgba(22,117,209,.28);pointer-events:none}

.map-zoom-controls{display:flex;gap:8px;align-items:center;margin:8px 0}
.map-zoom-controls button{min-width:52px;min-height:44px;border:1px solid #aeb7c0;border-radius:9px;background:#fff;color:#17212b;font-size:18px;font-weight:800}
.map-zoom-controls button:nth-child(2){min-width:82px;font-size:14px}
.map-viewport{width:100%;max-height:72vh;overflow:auto;border:1px solid #d8dde3;border-radius:10px;background:#f5f6f7;overscroll-behavior:contain;-webkit-overflow-scrolling:touch}
.zoomable-map{display:block;width:100%;min-width:100%;max-width:none!important;transition:width .15s ease}
.zoomable-map img{display:block;width:100%;max-width:none!important;height:auto}
.zoomable-map .staff-zone{cursor:pointer}
.zoomable-map .staff-zone:focus{outline:4px solid #1675d1;outline-offset:2px;z-index:3}
.blank-map{position:relative;display:block;width:100%;max-width:none!important;background:#f5f6f7;border:2px solid #aeb7c0;box-sizing:border-box}.blank-map.landscape{aspect-ratio:4/3}.blank-map.portrait{width:75%;aspect-ratio:3/4}.rbs-blank-plan{position:absolute;z-index:1;pointer-events:none;inset:0;background-color:#f7f8f9;background-image:linear-gradient(#e1e5e8 1px,transparent 1px),linear-gradient(90deg,#e1e5e8 1px,transparent 1px);background-size:5% 5%;display:flex;align-items:center;justify-content:center}.rbs-blank-plan>span{background:rgba(255,255,255,.9);padding:7px 10px;border-radius:7px;color:#69737d;font-weight:700}.blank-map.zoomable-map.portrait{transform-origin:top left}.mini-map.blank-map{max-width:100%!important}.mini-map.blank-map.portrait{width:65%}

.orange-pill{display:inline-block;padding:5px 9px;border-radius:20px;background:#ffebc7;font-weight:800}
.warn{display:inline-block;padding:5px 9px;border-radius:20px;background:#ffe0dc;color:#9f2018;font-weight:800}
.big-total{font-size:20px;padding:12px 0}
.counted-list summary{cursor:pointer}
.count-row{display:flex;justify-content:space-between;gap:12px;padding:10px 0;border-bottom:1px solid #eee}
.count-row span{display:flex;flex-direction:column}
.count-row small{color:#68737d}
.count-row strong{font-size:20px}
.finish{margin-top:18px}
#rbs-msg{min-height:25px;color:#27833d;font-weight:700}
#rbs-msg.bad{color:#b42318}
details details,details summary{margin-top:10px}

.front-metrics{display:grid;grid-template-columns:repeat(4,1fr);gap:8px;text-align:center}
.front-metrics div{background:#f4f6f8;border-radius:10px;padding:12px 5px}
.front-metrics b{display:block;font-size:24px}
.front-metrics span{font-size:12px}
.front-metrics small{display:block;margin-top:5px;color:#1f5f91;font-size:11px;font-weight:800;line-height:1.25}
.front-metric-in-progress{box-shadow:inset 0 -4px #e68a00}
.front-bar{height:12px;background:#e5e8eb;border-radius:20px;overflow:hidden;margin-top:14px}
.front-bar i{display:block;height:100%;background:#27833d}
.front-current-counters{margin-top:15px;padding-top:12px;border-top:1px solid #d8dde3}
.front-current-counters h4{margin:0 0 7px;font-size:17px}
.front-counter-row{display:grid;grid-template-columns:1fr auto;gap:12px;align-items:center;padding:11px;border-left:6px solid #e68a00;background:#fff8ed;border-radius:9px;margin:7px 0}
.front-counter-row b,.front-counter-row span,.front-counter-row strong,.front-counter-row small{display:block}
.front-counter-row span{margin-top:3px;font-size:13px;color:#4f5a64}
.front-counter-row>div:last-child{text-align:right}
.front-counter-row strong{font-size:18px}
.front-counter-row small{margin-top:3px;color:#68737d;font-size:11px;line-height:1.35}
.front-live-updated{margin-left:6px;color:#68737d;font-weight:400}
.dashboard-map .staff-zone{pointer-events:none}

.area-choice summary{font-size:18px;cursor:pointer}
.rbs-area-directory{margin-top:18px;padding-top:8px;border-top:2px solid #d8dde3}
.rbs-area-directory>h3{margin:8px 0 2px;font-size:22px}
.rbs-area-directory>p{margin:0 0 8px;color:#5b6670}
.rbs-location-stocktake{margin:16px 0 26px}.rbs-location-stocktake>.area-choice{margin-top:10px;border-top:5px solid #8d99a4}.area-choice summary{display:flex;justify-content:space-between;gap:10px;align-items:center}.area-choice summary small{font-size:12px;color:#68737d}.rbs-map-instruction{margin:5px 0 8px;color:#5b6670}.rbs-map-warning{padding:11px;background:#fff8ed;border-left:5px solid #e58b20}.rbs-fallback-note{color:#68737d}
.area-buttons{display:grid;gap:8px;margin-top:12px}
.area-list-button{display:flex!important;justify-content:space-between;align-items:center;text-align:left;border:2px solid #ddd!important;background:#fff!important;color:#222!important}
.area-list-button.red{border-left:8px solid #c93636!important}
.area-list-button.orange{border-left:8px solid #e58b20!important}
.area-list-button.green{border-left:8px solid #27833d!important}
.area-list-button small{font-weight:normal}
.camera-reader{position:relative;background:#111;border-radius:12px;overflow:hidden;min-height:220px;margin:10px 0}
.camera-reader video{width:100%;min-height:220px;display:block;object-fit:cover}
.camera-reader p{position:absolute;bottom:6px;left:10px;right:10px;background:rgba(0,0,0,.65);color:white;padding:8px;border-radius:8px;text-align:center}
.scan-frame{position:absolute;left:12%;right:12%;top:35%;height:30%;border:3px solid white;border-radius:10px}
.qty-control{display:grid;grid-template-columns:72px 1fr 72px;gap:8px;align-items:center;margin:10px 0 14px}
.qty-control button{font-size:34px;min-height:64px}
.qty-control input{text-align:center;font-size:32px;min-height:64px;padding:4px!important}
.add-quantity-action{display:grid!important;grid-template-columns:52px 1fr;grid-template-rows:auto auto;align-items:center;width:100%;min-height:78px!important;margin:8px 0 18px;padding:10px 15px;border:0!important;border-radius:13px;background:#087a35!important;color:#fff!important;box-shadow:0 5px 0 #045822,0 9px 18px rgba(4,88,34,.22);text-align:left;cursor:pointer}
.add-quantity-action>span{grid-row:1/3;display:flex;align-items:center;justify-content:center;width:42px;height:42px;border-radius:50%;background:#fff;color:#087a35;font-size:33px;font-weight:900;line-height:1}
.add-quantity-action>strong{font-size:19px;line-height:1.15;letter-spacing:.02em}
.add-quantity-action>small{margin-top:3px;color:#e7fff0;font-size:12px;font-weight:650}
.add-quantity-action:active{transform:translateY(3px);box-shadow:0 2px 0 #045822,0 5px 10px rgba(4,88,34,.18)}
.add-quantity-action:focus-visible{outline:4px solid #ffcc33;outline-offset:3px}
.add-quantity-action:disabled{background:#98a39d!important;color:#fff!important;box-shadow:none;transform:none;cursor:not-allowed}
.area-head{position:sticky;top:0;z-index:5}
.manual-scan{margin-top:12px}

.plain-area-head{display:flex;justify-content:space-between;gap:10px;align-items:center;padding:8px 2px 4px}
.plain-area-head small{white-space:nowrap}
.plain-scanner{padding:0}
.product-search-tools{background:#fff;border:1px solid #d8dde3;border-radius:12px;padding:0 14px 14px;margin:10px 0}
.product-search-tools>summary{display:flex;align-items:center;min-height:56px;margin:0;font-weight:850;font-size:16px;cursor:pointer}
.product-search-tools hr{border:0;border-top:1px solid #d8dde3;margin:18px 0 8px}
.product-name-search{padding-top:2px}
.product-search-results{display:grid;gap:8px;margin-top:10px}
.product-search-result{display:flex!important;justify-content:space-between;align-items:center;gap:12px;width:100%;min-height:62px!important;padding:10px 12px;border:2px solid #cbd4dc!important;border-radius:10px;background:#fff!important;color:#17212b!important;text-align:left}
.product-search-result:active,.product-search-result:focus{border-color:#1f5f91!important;background:#eef6fc!important}
.product-search-result span{display:flex;flex-direction:column;min-width:0}
.product-search-result b{font-size:16px}
.product-search-result small{display:block;color:#68737d;margin-top:3px;overflow-wrap:anywhere}
.product-search-result strong{color:#1f5f91;white-space:nowrap}
.plain-counted{margin:12px 0;padding:10px 0;border-top:1px solid #ddd;border-bottom:1px solid #ddd}
.stocktake-actions{display:grid;grid-template-columns:1fr 1fr;gap:10px;margin:16px 0 28px}
.stocktake-actions button{min-height:58px}
.secondary-action{background:#fff!important;color:#222!important;border:2px solid #333!important}
.my-active-banner{border:3px solid #e58b20;background:#fff8ed;border-radius:14px;padding:16px;margin:14px 0}
.my-active-banner strong{display:block;font-size:13px}
.my-active-banner h3{margin:5px 0}
.my-active-banner small{display:block;margin-top:10px}
.rbs-continue-link{display:block;text-align:center;background:#222;color:#fff!important;text-decoration:none;padding:14px;border-radius:9px;font-weight:700;margin-top:10px}
.rbs-manager-area{padding:12px 0;border-bottom:1px solid #ddd}

.product-add-row{display:flex;justify-content:space-between;gap:16px;align-items:center;border-left:7px solid #b42318}
.product-add-row.is-added{border-left-color:#27833d}
.product-add-row h3{margin:7px 0}
.product-status{display:inline-block;padding:5px 9px;border-radius:18px;background:#ffe0dc;color:#8f1d16;font-weight:800}
.is-added .product-status{background:#d7f0dc;color:#1f6e32}
.product-add-meta{display:flex;min-width:115px;flex-direction:column;text-align:right}
.product-add-meta b{font-size:25px}
.product-add-meta small{color:#68737d}
.rbs-page-note{font-size:13px;color:#5b6670}
.find-unable-section{margin-top:18px;border-top:2px solid #e2a43a;padding-top:8px}
.find-unable-product{width:100%;display:flex!important;justify-content:space-between;align-items:center;gap:14px;text-align:left;border-left:8px solid #e58b20!important;background:#fffaf0!important}
.find-unable-product span{display:flex;flex-direction:column;gap:3px}
.find-unable-product span:last-child{text-align:right;align-items:flex-end;min-width:110px}
.find-unable-product small{color:#68737d}
.find-unable-product strong{font-size:22px}
.find-unable-product em{font-style:normal;font-weight:800;color:#8a4c00}
.find-attempt-history{background:#fff8ed;border-radius:10px;padding:10px;margin:10px 0}
.find-attempt-history>p{display:flex;justify-content:space-between;gap:10px;margin:7px 0;padding-top:7px;border-top:1px solid #ebd8b6}
.find-attempt-history time{color:#68737d;text-align:right}

.products-add-table-wrap{overflow-x:auto;border:1px solid #d8dde3;border-radius:14px;background:#fff}
.products-add-table{width:100%;min-width:820px;border-collapse:collapse}
.products-add-table th,.products-add-table td{padding:13px 12px;text-align:left;vertical-align:top;border-bottom:1px solid #e6e9ec}
.products-add-table th{background:#f3f5f7;font-size:13px;color:#4a5661}
.products-add-table tr.is-waiting{box-shadow:inset 7px 0 #b42318}
.products-add-table tr.is-added{box-shadow:inset 7px 0 #27833d;background:#f4fbf5}
.products-add-table td small{display:block;color:#68737d;margin-top:4px}
.products-add-table .product-name-cell b{font-size:16px;color:#17212b}
.products-add-table em{color:#7a4a13}

.leader-hero{display:flex;gap:15px;align-items:center;background:linear-gradient(135deg,#fff4c6,#fff);border:2px solid #e5b82a;border-radius:16px;padding:18px;margin:12px 0}
.leader-hero>span{font-size:48px}
.leader-hero h3,.leader-hero p{margin:4px 0}
.leader-team-summary{display:grid;grid-template-columns:repeat(4,1fr);gap:8px;margin:12px 0}
.leader-team-summary>div{padding:12px 8px;border-radius:12px;background:#17212b;color:#fff;text-align:center}
.leader-team-summary>div.is-live{background:#087a35;box-shadow:0 0 0 4px rgba(8,122,53,.12)}
.leader-team-summary b,.leader-team-summary small{display:block}
.leader-team-summary b{font-size:24px}
.leader-team-summary small{margin-top:3px;font-size:11px;color:#dce4eb}
.leader-card{display:grid;grid-template-columns:58px 1fr;gap:12px;background:#fff;border:1px solid #d8dde3;border-radius:15px;padding:14px;margin:10px 0;box-shadow:0 3px 10px rgba(23,33,43,.06)}
.leader-card.leader-rank-1{border:3px solid #e2b526;background:linear-gradient(135deg,#fff9dc,#fff)}
.leader-card.leader-rank-2{border:2px solid #aab4bd;background:linear-gradient(135deg,#f3f6f8,#fff)}
.leader-card.leader-rank-3{border:2px solid #b97843;background:linear-gradient(135deg,#fff1e5,#fff)}
.leader-card.is-counting{box-shadow:0 0 0 4px rgba(8,122,53,.12),0 5px 16px rgba(23,33,43,.1)}
.leader-place{display:flex;align-items:center;justify-content:center;width:50px;height:50px;border-radius:50%;background:#17212b;color:#fff;font-size:20px;font-weight:900}
.leader-person h3{margin:1px 0 8px}
.leader-name-row{display:flex;justify-content:space-between;align-items:center;gap:8px}
.leader-name-row h3{margin:1px 0}
.leader-now{display:inline-flex;align-items:center;gap:6px;padding:4px 8px;border-radius:18px;background:#daf3e2;color:#11632d;font-size:11px;font-weight:900;white-space:nowrap}
.leader-now i{width:8px;height:8px;border-radius:50%;background:#16a34a;box-shadow:0 0 0 4px rgba(22,163,74,.15)}
.leader-activity{margin:4px 0 9px;color:#5b6670;font-size:12px}
.leader-badges{display:flex;gap:6px;flex-wrap:wrap}
.leader-badges span{display:inline-block;background:#eef4ff;border:1px solid #b9cff4;border-radius:18px;padding:5px 9px;font-size:13px;font-weight:800}
.leader-stats{display:grid;grid-template-columns:repeat(4,1fr);gap:7px;margin-top:12px}
.leader-stats div{background:#f4f6f8;border-radius:9px;padding:8px;text-align:center}
.leader-stats b,.leader-stats small{display:block}
.leader-stats b{font-size:21px}
.leader-stats small{font-size:11px;color:#5b6670}
.leader-next{margin-top:10px;font-size:12px;color:#4b5863}
.leader-next>span{display:block;margin-bottom:5px;font-weight:750}
.leader-next>i{display:block;height:8px;overflow:hidden;border-radius:20px;background:#dfe5e9}
.leader-next>i>em{display:block;height:100%;border-radius:20px;background:linear-gradient(90deg,#1f5f91,#27833d)}
.leader-next.complete-milestone{padding:7px 9px;border-radius:8px;background:#fff4c6;color:#785c00;font-weight:850}

.rbs-monitor{max-width:1500px;margin:0 auto;padding:18px;font-family:system-ui,-apple-system,sans-serif;color:#17212b;background:#f2f5f7;border-radius:20px;box-sizing:border-box}
.monitor-header{display:flex;justify-content:space-between;gap:18px;align-items:center;margin-bottom:15px}
.monitor-header h2{font-size:32px;margin:2px 0}
.monitor-header p{margin:3px 0;color:#5b6670}
.monitor-live{display:grid;grid-template-columns:12px auto;align-items:center;gap:6px;background:#fff;border:1px solid #d8dde3;border-radius:14px;padding:11px 15px;min-width:170px}
.monitor-live i,.monitor-person-active>i{width:10px;height:10px;border-radius:50%;background:#22a447;box-shadow:0 0 0 5px rgba(34,164,71,.14)}
.monitor-live small{grid-column:1/3;color:#66717b}
.monitor-error{padding:12px;background:#ffe0dc;color:#8f1d16;border-radius:10px;margin-bottom:12px;font-weight:700}
.monitor-metrics{display:grid;grid-template-columns:repeat(auto-fit,minmax(140px,1fr));gap:10px}
.monitor-metrics div{background:#fff;border:1px solid #d8dde3;border-radius:13px;padding:15px;text-align:center}
.monitor-metrics b,.monitor-metrics span{display:block}
.monitor-metrics b{font-size:27px}
.monitor-metrics span{font-size:12px;color:#5b6670;margin-top:3px}
.monitor-progress{height:14px;background:#dfe5e9;border-radius:30px;overflow:hidden;margin:14px 0}
.monitor-progress i{display:block;height:100%;width:0;background:linear-gradient(90deg,#27833d,#43b85d);transition:width .4s ease}
.monitor-grid{display:grid;grid-template-columns:1.1fr .9fr;gap:14px}
.monitor-panel{background:#fff;border:1px solid #d8dde3;border-radius:15px;padding:16px;min-width:0}
.monitor-panel-head{display:flex;justify-content:space-between;gap:10px;align-items:center;margin-bottom:9px}
.monitor-panel-head h3{margin:0;font-size:20px}
.monitor-panel-head span{color:#68737d;font-size:12px}
.monitor-area-row,.monitor-product-row,.monitor-leader{display:flex;justify-content:space-between;gap:12px;align-items:center;padding:11px;border-bottom:1px solid #e8ebed}
.monitor-area-row{border-left:6px solid #b42318}
.monitor-area-row.in_progress{border-left-color:#e68a00}
.monitor-area-row.completed{border-left-color:#27833d}
.monitor-area-row b,.monitor-area-row small,.monitor-product-row b,.monitor-product-row small,.monitor-product-row span{display:block}
.monitor-area-row small,.monitor-product-row small{color:#68737d;margin-top:3px}
.monitor-area-result{text-align:right;min-width:96px}
.monitor-area-result span{font-size:12px;font-weight:800}
.monitor-area-result b{font-size:20px}
.monitor-person-active{display:grid;grid-template-columns:16px 1fr;gap:10px;align-items:start;padding:11px;background:#f4fbf5;border-radius:10px;margin:7px 0}
.monitor-person-active>i{margin-top:5px}
.monitor-person-active b,.monitor-person-active span,.monitor-person-active small{display:block}
.monitor-person-active small{color:#467051}
.monitor-last-session{display:flex;flex-direction:column;padding:12px;margin-top:10px;background:#f4f6f8;border-radius:10px}
.monitor-last-session small,.monitor-last-session span{color:#68737d}
.monitor-product-row>div:last-child{text-align:right}
.monitor-product-row strong{display:block;font-size:24px}
.monitor-leader>span{display:flex;align-items:center;justify-content:center;background:#17212b;color:#fff;border-radius:50%;width:38px;height:38px;font-weight:900;flex:none}
.monitor-leader>div{flex:1}
.monitor-leader small{display:inline-block;background:#eef4ff;border-radius:15px;padding:4px 7px;margin:4px 4px 0 0}
.monitor-leader p{text-align:right;margin:0;white-space:nowrap}
.monitor-empty{color:#68737d;padding:12px;text-align:center}
.monitor-location-list{display:grid;grid-template-columns:repeat(auto-fit,minmax(210px,1fr));gap:8px;margin-bottom:14px}
.monitor-location-row{display:grid;grid-template-columns:1fr auto;gap:7px;background:#f4f6f8;border-radius:10px;padding:10px}
.monitor-location-row b,.monitor-location-row span{display:block}
.monitor-location-row span{font-size:12px;color:#68737d;margin-top:2px}
.monitor-location-row strong{font-size:20px}
.monitor-location-row>i{grid-column:1/3;height:7px;background:#dfe5e9;border-radius:20px;overflow:hidden}
.monitor-location-row>i span{display:block;height:100%;background:#27833d}
.monitor-attention-row{display:grid;grid-template-columns:1fr auto;gap:3px 10px;padding:12px;border-left:6px solid #9aa4ad;background:#f4f6f8;margin:7px 0;border-radius:8px}
.monitor-attention-row.needs-attention{border-left-color:#e68a00;background:#fff8ed}
.monitor-attention-row span{font-size:12px;color:#68737d}
.monitor-attention-row strong{grid-row:1/3;grid-column:2;font-size:26px;align-self:center}
.monitor-all-clear{display:flex;flex-direction:column;gap:3px;padding:13px;background:#f4fbf5;color:#1f6e32;border-radius:10px}
.custom-category-path{font-weight:800;color:#1f5f91}.custom-progress{height:12px;background:#dfe5e9;border-radius:20px;overflow:hidden}.custom-progress i{display:block;height:100%;background:#27833d}.custom-product-button{width:100%;display:flex;justify-content:space-between;align-items:center;gap:12px;text-align:left;background:#fff;border:1px solid #d8dde3;border-left:7px solid #b42318;border-radius:10px;padding:12px;margin:7px 0}.custom-product-button span{display:flex;flex-direction:column}.custom-product-button small{color:#68737d}.custom-product-button strong{text-align:right}.custom-complete{display:flex;flex-direction:column;background:#f4fbf5;color:#1f6e32;border-radius:10px;padding:13px}.custom-counted{margin-top:13px}.custom-counted>div{display:flex;justify-content:space-between;gap:12px;padding:9px;border-bottom:1px solid #e8ebed}.custom-counted span{display:flex;flex-direction:column}.custom-counted small{color:#68737d}

@media(max-width:560px){
 .rbs-app header{align-items:flex-start}
 .staff-zone span{font-size:9px}
 .front-metrics{grid-template-columns:1fr 1fr}
 .front-counter-row{grid-template-columns:1fr}
 .front-counter-row>div:last-child{text-align:left}
 .product-add-row{align-items:flex-start}
 .leader-stats{grid-template-columns:1fr 1fr}
 .leader-team-summary{grid-template-columns:1fr 1fr}
 .leader-card{grid-template-columns:45px 1fr}
 .leader-place{width:40px;height:40px;font-size:16px}
 .leader-hero>span{font-size:38px}
}
@media(max-width:1000px){
 .monitor-metrics{grid-template-columns:repeat(3,1fr)}
 .monitor-grid{grid-template-columns:1fr}
}
@media(max-width:650px){
 .rbs-monitor{padding:12px;border-radius:12px}
 .monitor-header{align-items:flex-start}
 .monitor-header h2{font-size:25px}
 .monitor-live{min-width:auto}
 .monitor-metrics{grid-template-columns:repeat(2,1fr)}
}
@media(max-width:420px){
 .plain-area-head{display:block}
 .plain-area-head small{display:block;margin-top:3px}
 .stocktake-actions{grid-template-columns:1fr 1fr}
}
@media(max-width:780px){
 .rbs-app button:not(.staff-zone){min-width:58px;min-height:58px;padding:14px 18px;border-radius:12px;font-size:17px;line-height:1.2;font-weight:800;touch-action:manipulation;-webkit-tap-highlight-color:transparent}
 .rbs-app .primary,.rbs-app .complete,.rbs-app #add-more,.rbs-app #correct-count,.rbs-app .secondary-action{min-height:64px;font-size:18px}
 .rbs-app input{min-height:58px;font-size:20px}
 .rbs-app details>summary{display:flex;align-items:center;min-height:54px;padding:7px 4px;font-size:17px;touch-action:manipulation}
 .area-list-button,.find-unable-product,.custom-product-button{padding:16px!important;gap:14px}
 .qty-control{grid-template-columns:78px 1fr 78px;gap:10px}
 .qty-control button{min-height:72px!important;font-size:38px!important;padding:6px!important}
 .qty-control input{min-height:72px;font-size:34px}
 .stocktake-actions{gap:12px}
 .stocktake-actions button{min-height:66px!important}
 .rbs-continue-link{min-height:58px;box-sizing:border-box;padding:18px;font-size:17px}
 .map-zoom-controls{gap:10px}
 .map-zoom-controls button{min-width:60px!important;min-height:54px!important}
}
.rbs-app button:disabled{opacity:.58;cursor:wait;filter:saturate(.65)}
.current-stock-reference{display:flex;justify-content:space-between;align-items:center;gap:16px;margin:14px 0;padding:13px 16px;background:#eef4ff;border:2px solid #9ebbea;border-radius:12px}
.current-stock-reference small,.current-stock-reference b{display:block}.current-stock-reference small{font-weight:800;color:#294e77}.current-stock-reference b{font-size:30px;line-height:1;color:#17212b}
.already-area-breakdown{margin:14px 0;padding:14px;background:#f4f6f8;border-radius:12px}.already-area-breakdown h4{margin:0 0 9px}.already-area-breakdown>p{margin:11px 0 0;font-weight:700;color:#42515e}.already-area-row{display:flex;justify-content:space-between;gap:14px;align-items:center;padding:11px 8px;border-top:1px solid #d9dfe4}.already-area-row:first-child{border-top:0}.already-area-row.current{background:#eef7ff;border-radius:8px}.already-area-row span,.already-area-row small{display:block}.already-area-row small{margin-top:3px;color:#68737d}.already-area-row strong{font-size:24px}

.dismiss-product-action{display:block!important;width:100%;min-height:64px!important;margin:18px 0 6px!important;border:3px solid #263746!important;border-radius:12px!important;background:#fff!important;color:#17212b!important;font-size:17px!important;font-weight:900!important;box-shadow:0 3px 0 #263746;cursor:pointer}.dismiss-product-action:active{transform:translateY(2px);box-shadow:0 1px 0 #263746}.dismiss-product-note{display:block;text-align:center;color:#5b6670;font-weight:700}
.rbs-staff-toolbar{position:sticky;top:0;z-index:50;display:flex;justify-content:space-between;gap:10px;align-items:center;max-width:760px;margin:0 auto 10px;padding:9px 10px;border-radius:0 0 12px 12px;background:#17212b;color:#fff;box-shadow:0 4px 12px rgba(0,0,0,.18)}.rbs-staff-toolbar a,.rbs-staff-toolbar button{display:flex;align-items:center;justify-content:center;min-height:48px;padding:10px 14px!important;border:2px solid #fff!important;border-radius:9px!important;color:#fff!important;background:transparent!important;text-decoration:none;font-weight:850;font-size:15px!important}
.rbs-pin-access,.rbs-staff-menu{max-width:760px;margin:0 auto}.rbs-pin-access{max-width:440px;padding:6px 10px 12px;box-sizing:border-box}.rbs-pin-card{width:100%;max-width:420px;margin:8px auto;padding:14px 16px;border:2px solid #d8dde3;border-radius:14px;background:#fff;text-align:center;box-shadow:0 6px 22px rgba(23,33,43,.09);box-sizing:border-box}.rbs-pin-card>small{display:block;font-size:14px;line-height:1.2}.rbs-pin-card h2{font-size:26px;line-height:1.15;margin:3px 0 10px}.rbs-pin-card form{margin:0}.rbs-pin-card input{display:block;width:100%;height:50px!important;min-height:50px!important;margin:0!important;padding:4px 10px!important;text-align:center;font-size:26px!important;line-height:1!important;letter-spacing:.2em;box-sizing:border-box}.rbs-pin-keypad{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:7px;margin:10px 0}.rbs-pin-keypad button{display:flex!important;align-items:center;justify-content:center;width:100%!important;height:50px!important;min-width:0!important;min-height:50px!important;margin:0!important;padding:5px!important;border:2px solid #cbd4dc!important;border-radius:9px!important;background:#f5f7f8!important;color:#17212b!important;font-size:22px!important;line-height:1!important}.rbs-pin-keypad button[data-pin-key="clear"]{font-size:15px!important}.rbs-pin-card .rbs-pin-enter{width:100%;height:54px!important;min-height:54px!important;margin:0!important;padding:9px 12px!important;font-size:17px!important;line-height:1.1!important}.rbs-pin-card #rbs-pin-message{margin:8px 0 0;line-height:1.3}.rbs-pin-card #rbs-pin-message:empty{display:none}
.rbs-staff-menu-intro{margin:18px 0}.rbs-staff-menu-intro h3{font-size:25px;margin-bottom:4px}.rbs-staff-tiles{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:14px}.rbs-staff-tile{display:grid;grid-template-columns:52px 1fr;grid-template-rows:auto auto;gap:3px 12px;min-height:112px;padding:18px;border:2px solid #cbd4dc;border-left:8px solid #1f5f91;border-radius:15px;background:#fff;color:#17212b!important;text-decoration:none;box-shadow:0 4px 12px rgba(23,33,43,.07);box-sizing:border-box}.rbs-staff-tile>span{grid-row:1/3;font-size:36px;align-self:center}.rbs-staff-tile strong{font-size:19px}.rbs-staff-tile small{color:#5b6670}.rbs-staff-tile-quick_stock{border-left-color:#e0a000;background:#fffbea}.rbs-staff-menu>.rbs-staff-signout{display:block;width:100%;margin:20px 0;min-height:60px;background:#fff;color:#8f1d16;border:3px solid #b42318;border-radius:12px;font-weight:900}
.category-count-create>summary{font-size:20px;font-weight:900}.category-picker{display:grid;gap:7px;max-height:360px;overflow:auto;margin:12px 0;padding:8px;border:1px solid #d8dde3;border-radius:10px}.category-picker label{display:flex;gap:10px;align-items:center;min-height:48px;padding:8px;border-bottom:1px solid #e8ebed;font-weight:750}.category-picker input{width:25px;height:25px;flex:none}
.category-count-actions{display:grid;grid-template-columns:minmax(0,1.5fr) minmax(0,1fr);gap:10px;margin:14px 0 18px}.category-count-scan-button{min-height:60px;border:3px solid #145f96!important;border-radius:12px!important;background:#1476b8!important;color:#fff!important;font-weight:900!important;box-shadow:0 4px 0 #0d4a77}.category-count-scan-button:active{transform:translateY(3px);box-shadow:0 1px 0 #0d4a77}.category-count-abandon-button{min-height:60px;border:3px solid #b42318!important;border-radius:12px!important;background:#fff!important;color:#8f1d16!important;font-weight:900!important}.category-count-scan .camera-reader{margin:16px 0}.category-count-match-message{display:block;min-height:48px;margin:14px 0 0;padding:13px;border-radius:10px;background:#f4f6f8;font-weight:850}.category-count-match-message:empty{display:none}.category-count-match-message.checking{background:#eef4ff;color:#294e77}.category-count-match-message.matched,.custom-count-match-confirmation{background:#f4fbf5;color:#1f6e32;border:2px solid #74b383}.category-count-match-message.not-matched{background:#fff1ef;color:#8f1d16;border:2px solid #de8178}.custom-count-match-confirmation{margin:12px 0;padding:13px;border-radius:10px;font-weight:900}.custom-count-message{margin:12px 0;padding:13px;border-radius:10px;font-weight:850}.custom-count-message.good{background:#f4fbf5;color:#1f6e32;border:2px solid #74b383}
.rbs-quick-stock{max-width:720px}.quick-stock-change{display:grid;grid-template-columns:1fr 40px 1fr;align-items:center;text-align:center;gap:8px;margin:18px 0}.quick-stock-change>div{padding:18px 10px;border:2px solid #cbd4dc;border-radius:12px;background:#f4f6f8}.quick-stock-change small,.quick-stock-change b{display:block}.quick-stock-change b{font-size:36px}.quick-stock-change>span{font-size:30px;font-weight:900}.quick-stock-success{text-align:center;border:3px solid #27833d!important;background:#f4fbf5!important}.quick-stock-success>span{display:inline-flex;align-items:center;justify-content:center;width:64px;height:64px;border-radius:50%;background:#27833d;color:#fff;font-size:38px;font-weight:900}.quick-stock-success h3{font-size:26px}.rbs-quick-stock .primary{width:100%}
@media(max-width:560px){.rbs-staff-tiles{grid-template-columns:1fr}.rbs-staff-toolbar{border-radius:0}.rbs-staff-toolbar a,.rbs-staff-toolbar button{font-size:14px!important;padding:8px 10px!important}.quick-stock-change b{font-size:31px}.category-count-actions{grid-template-columns:1fr}}
@media(max-width:380px){.rbs-pin-access{padding:4px 7px 10px}.rbs-pin-card{padding:12px}.rbs-pin-card h2{font-size:24px}.rbs-pin-keypad{gap:6px}.rbs-pin-keypad button{height:48px!important;min-height:48px!important}}