/* Raxentra's component presentation. Geometry and gesture rules stay in their modules. */
html{color-scheme:light;background:var(--rx-bg)}html[data-theme=dark]{color-scheme:dark}
html,body{background:var(--rx-bg);color:var(--rx-text);font-family:var(--rx-font);background-image:none}
body{--role-accent:var(--rx-accent);--role-soft:var(--rx-accent-soft);--role-dark:var(--rx-sidebar);--ink:var(--rx-text);--muted:var(--rx-muted);--paper:var(--rx-bg);--line:var(--rx-line);--glass:var(--rx-glass);--sidebar-width:250px}
body[data-role]{--role-accent:var(--rx-accent);--role-soft:var(--rx-accent-soft);--role-dark:var(--rx-sidebar)}
::selection{background:var(--rx-accent-soft);color:var(--rx-text)}
button,input,select,textarea{font-family:inherit}button,a,input,select,textarea{ -webkit-tap-highlight-color:transparent }
button:focus-visible,a:focus-visible,input:focus-visible,select:focus-visible,textarea:focus-visible{outline:3px solid var(--rx-focus);outline-offset:3px}
button:disabled{opacity:.48}.workspace{background:var(--rx-bg)}
.app-shell{grid-template-columns:var(--sidebar-width) minmax(0,1fr)}
.sidebar{background:var(--rx-sidebar);background-image:none;border-right:1px solid #ffffff0c;box-shadow:none;color:var(--rx-sidebar-text)}
.brand{padding:28px 22px 25px;display:flex;gap:0;min-height:110px;border-bottom:1px solid #ffffff0b}
.brand-logo{width:100%;height:auto;max-height:58px;display:block;object-fit:contain;object-position:left}
.brand-mark-label{display:inline-flex;gap:8px;align-items:center;margin-top:10px;font-size:calc(9px * var(--ui-font-scale,1));letter-spacing:3px;color:#c1a16e}
.side-caption{padding:18px 23px 15px;font-size:calc(9px * var(--ui-font-scale,1));letter-spacing:2px;color:#99968e}
.nav-group{margin-bottom:20px}.nav-group-title{font-size:calc(9px * var(--ui-font-scale,1));letter-spacing:1.5px;color:#918e87;padding:4px 13px 9px}
.sidebar #navigation{padding:0 10px 12px}
.sidebar .nav-item{color:#d5d2cb;min-height:45px;border-radius:9px;border:1px solid transparent;box-shadow:none;position:relative;font-weight:500;font-size:calc(12px * var(--ui-font-scale,1));gap:11px;transition:background var(--rx-transition),color var(--rx-transition),border-color var(--rx-transition)}
.sidebar .nav-item:hover{color:#fff8eb;background:#ffffff08;border-color:#ffffff08}
.sidebar .nav-item.active,.sidebar .nav-item.active:hover{background:linear-gradient(110deg,#b88b4f38,#d4af7c16);border-color:#d4af7c2e;color:#f1d8ae;box-shadow:inset 2px 0 #d4af7c}
.sidebar .nav-item .nav-icon{border:0;background:none;color:inherit;box-shadow:none;width:29px;height:29px;border-radius:0}
.sidebar .nav-icon svg{width:21px;height:21px;stroke-width:1.6}.sidebar .nav-item.active .nav-icon{background:none;color:#d4af7c}
.sidebar-role{background:none;border-color:#ffffff0c;padding:17px 22px;color:#e7dfd1}.sidebar-role small{color:#89877f;letter-spacing:1.5px}.sidebar-role strong{color:#e7dfd1;font-size:calc(12px * var(--ui-font-scale,1));font-weight:500}
.sidebar-foot{flex-wrap:wrap;padding:16px 22px 20px;border-color:#ffffff0c;color:#c6c2b8;background:none}.sidebar-foot small{color:#8f8d85;flex-basis:100%;margin-left:15px}.sidebar-foot .sidebar-credit{flex-basis:100%;margin-top:5px;margin-left:15px}.sidebar-credit{font-size:calc(10px * var(--ui-font-scale,1));color:#aaa397;letter-spacing:.2px;display:block;margin-top:12px}.sidebar-credit b{color:#ceb17d;font-weight:500}
.topbar{background:var(--rx-glass);border-bottom:1px solid var(--rx-line);box-shadow:0 4px 20px rgba(var(--rx-shadow-color-rgb),.025);backdrop-filter:blur(18px);-webkit-backdrop-filter:blur(18px);padding:12px 24px;gap:14px;min-height:80px}
.topbar-title span{color:var(--rx-accent);font-weight:650;letter-spacing:1.6px;font-size:calc(10px * var(--ui-font-scale,1))}.topbar-title strong{color:var(--rx-text);font-size:calc(12px * var(--ui-font-scale,1));font-weight:500}
.command-trigger{background:var(--rx-soft);border-color:var(--rx-line);box-shadow:none;color:var(--rx-muted);min-height:39px;border-radius:9px;max-width:340px}.command-trigger>span:first-child{color:var(--rx-accent)}.command-trigger kbd{background:var(--rx-surface);border-color:var(--rx-line);color:var(--rx-muted)}
.top-select>span{color:var(--rx-muted);font-size:calc(9px * var(--ui-font-scale,1));letter-spacing:.3px}.topbar select{background:var(--rx-surface);color:var(--rx-text);border:1px solid var(--rx-line);border-radius:8px;font-weight:500;min-height:38px}.topbar .person-select select{max-width:214px}.topbar .warehouse-select select{max-width:165px}.topbar-actions{gap:7px}
.font-button,.mobile-preview-button,#password-button,#logout-button,.theme-toggle,.top-task-button,.refresh-button{background:var(--rx-surface);color:var(--rx-text);border:1px solid var(--rx-line);border-radius:9px;box-shadow:none;min-height:38px;padding:8px 10px;font-size:calc(11px * var(--ui-font-scale,1))}
.font-button>small{color:var(--rx-muted)}.theme-toggle{display:inline-flex;align-items:center;justify-content:center;gap:7px;flex-shrink:0;cursor:pointer}.theme-toggle [data-theme-icon]{width:18px;height:18px;display:block}.theme-toggle svg{display:block;width:18px;height:18px;stroke:currentColor;stroke-width:1.6;fill:none;stroke-linecap:round;stroke-linejoin:round}.theme-toggle:hover,.font-button:hover,#logout-button:hover{border-color:var(--rx-accent);background:var(--rx-accent-soft)}
.topbar .theme-toggle [data-theme-label]{display:none}.topbar .theme-toggle{width:38px;padding:8px}.top-task-button{background:var(--rx-accent-soft);color:var(--rx-accent);border-color:transparent}.top-task-button b{background:var(--rx-accent);color:var(--rx-surface);border-radius:5px}.refresh-button{font-size:calc(20px * var(--ui-font-scale,1));padding:4px 9px}.demo-chip{background:var(--rx-soft);border:1px solid var(--rx-line);color:var(--rx-muted);letter-spacing:1px;border-radius:5px}.signed-in-name{color:var(--rx-muted)}
main#main{max-width:1700px;padding:28px clamp(18px,2.3vw,40px) 44px}main#main.warehouse-page{max-width:none;width:100%;padding:22px clamp(14px,1.8vw,30px) 38px}
.page-heading{border-bottom:1px solid var(--rx-line);padding-bottom:20px;margin-bottom:22px}.page-heading h1,.workbench-hero h1{font-weight:650;letter-spacing:-1px;color:var(--rx-text)}.page-heading p,.workbench-hero p,.muted,.small,.micro{color:var(--rx-muted)}
.eyebrow{color:var(--rx-accent);font-weight:650;letter-spacing:1.8px;font-size:calc(9px * var(--ui-font-scale,1))}.role-context{background:var(--rx-soft);border:1px solid var(--rx-line);border-radius:9px;color:var(--rx-muted);box-shadow:none}.role-context b{color:var(--rx-accent)}
.panel,.metric,.planner-catalog,.map-stage-wrap,.planner-workflow,.enterprise-card,.feature-guide,.source-details,.unit-card,.fit-option,.selectable-item,.snapshot-row{background:var(--rx-surface);border:1px solid var(--rx-line);border-radius:var(--rx-radius);box-shadow:var(--rx-shadow)}
.panel{padding:23px}.panel-title{border-color:var(--rx-line)}.panel-title h2,.panel-title h3,.metric strong,.map-kpis b,.list-card b{color:var(--rx-text)}.metric{padding:19px 21px;position:relative;overflow:hidden}.metric>span,.metric p,.metric small{color:var(--rx-muted)}.metric.green,.metric.amber,.metric.red{background:var(--rx-surface);border-top:1px solid var(--rx-line)}.metric.green:after,.metric.amber:after,.metric.red:after{content:'';position:absolute;top:18px;right:0;width:3px;height:30px;background:var(--rx-success)}.metric.amber:after{background:var(--rx-warning)}.metric.red:after{background:var(--rx-danger)}
.button,.button:not(.secondary):not(.danger):not(.soft){border:1px solid #a2763c;border-radius:var(--rx-control-radius);background:linear-gradient(125deg,#dcbb86,#ba8a4f);color:var(--rx-on-brand);box-shadow:inset 0 1px #ffffff46,0 3px 8px #8c612218;font-weight:650;transition:filter var(--rx-transition),transform var(--rx-transition),box-shadow var(--rx-transition)}
.button:hover,.button:not(.secondary):not(.danger):not(.soft):hover{background:linear-gradient(125deg,#e8c999,#c99b60);filter:brightness(1.025);transform:translateY(-1px);box-shadow:inset 0 1px #ffffff46,0 5px 12px #8c612221}
.button.secondary{background:var(--rx-surface);color:var(--rx-text);border:1px solid var(--rx-line-strong);box-shadow:none}.button.secondary:hover{background:var(--rx-soft);border-color:var(--rx-accent);box-shadow:none}.button.soft{background:var(--rx-accent-soft);color:var(--rx-accent);border:1px solid var(--rx-line);box-shadow:none}.button.danger{background:var(--rx-danger-soft);color:var(--rx-danger);border:1px solid var(--rx-danger);box-shadow:none}.button.danger:hover{filter:brightness(.98);background:var(--rx-danger-soft);box-shadow:none}
.field input,.field select,.field textarea,.searchbar input,.filter-select,.enterprise-card input,.enterprise-card select,.enterprise-card textarea,.admin-location-search input,.quality-search-form input{background:var(--rx-surface);color:var(--rx-text);border:1px solid var(--rx-line-strong);border-radius:8px;box-shadow:none}.field label,.field>span,.enterprise-card label{color:var(--rx-muted)}input::placeholder,textarea::placeholder{color:var(--rx-muted);opacity:.8}
.data-table th,.enterprise-table th{background:var(--rx-soft);color:var(--rx-muted);border-bottom:1px solid var(--rx-line);font-weight:600}.data-table td,.enterprise-table td{border-color:var(--rx-line);color:var(--rx-text)}.data-table tr.selectable:hover,.data-table tr.selected{background:var(--rx-accent-soft)}.table-wrap,.enterprise-scroll{border-radius:9px}.kv{border-color:var(--rx-line);color:var(--rx-muted)}.kv>b,.kv>strong,.kv-value{color:var(--rx-text)}
.chip,.enterprise-chip{border-radius:5px;border:1px solid var(--rx-line);background:var(--rx-soft);color:var(--rx-muted);box-shadow:none}.chip.mint,.chip.green{background:var(--rx-success-soft);color:var(--rx-success);border-color:transparent}.chip.amber,.enterprise-chip.amber{background:var(--rx-warning-soft);color:var(--rx-warning);border-color:transparent}.chip.red,.enterprise-chip.red{background:var(--rx-danger-soft);color:var(--rx-danger);border-color:transparent}.chip.blue,.chip.cyan{background:var(--rx-info-soft);color:var(--rx-info);border-color:transparent}
.request-row{background:var(--rx-surface);border-color:var(--rx-line);border-radius:11px;box-shadow:none}.request-row:hover{border-color:var(--rx-accent)}.request-row.selected,.unit-card.active{background:var(--rx-accent-soft);border-color:var(--rx-accent)}
.help,.warning,.error-box,.success-box{border-radius:8px;background:var(--rx-soft);color:var(--rx-text);border-color:var(--rx-line);border-left:3px solid var(--rx-accent)}.warning{background:var(--rx-warning-soft);border-left-color:var(--rx-warning)}.error-box{background:var(--rx-danger-soft);border-left-color:var(--rx-danger)}.success-box{background:var(--rx-success-soft);border-left-color:var(--rx-success)}.placeholder,.file-drop{background:var(--rx-soft);border-color:var(--rx-line);color:var(--rx-muted)}
.workbench-hero{padding-bottom:20px;position:relative}.workbench-hero h1{font-size:calc(34px * var(--ui-font-scale,1));font-weight:600}.hero-mark{display:none}.workbench-state{color:var(--rx-muted)}.workbench-date{border-color:var(--rx-line)}.hero-actions{padding-top:0}.work-task,.workflow-pipeline button,.arrival-brief{color:var(--rx-text);border-color:var(--rx-line)}.work-task:hover{background:var(--rx-soft)}.task-mark,.workbench-activity .dot{background:var(--rx-accent-soft);color:var(--rx-accent)}.task-content small,.task-context small,.arrival-brief small{color:var(--rx-muted)}.task-context b{color:var(--rx-accent)}.priority-0 .task-mark{background:var(--rx-danger-soft);color:var(--rx-danger)}.priority-1 .task-mark{background:var(--rx-warning-soft);color:var(--rx-warning)}.workflow-pipeline strong{color:var(--rx-accent)}
.launcher-heading h2{color:var(--rx-text);font-weight:600}.launcher-heading>span,.launcher-description{color:var(--rx-muted)}.launcher-grid{gap:15px}.launcher-card,.launcher-card.primary{--card-accent:var(--rx-accent);--card-hue:36;background:linear-gradient(140deg,var(--rx-surface),var(--rx-soft));color:var(--rx-text);border:1px solid var(--rx-line);border-radius:15px;box-shadow:var(--rx-shadow);padding:22px;min-height:182px;animation-duration:.36s}
.launcher-card.primary{background:linear-gradient(138deg,var(--rx-surface) 40%,var(--rx-accent-soft));border-color:color-mix(in srgb,var(--rx-accent) 28%,var(--rx-line));min-height:204px}.launcher-card:before{width:116px;height:116px;right:-58px;top:-58px;border-width:18px;border-color:rgba(var(--rx-accent-rgb),.055)}.launcher-card:after{height:1px;left:22px;right:22px;background:linear-gradient(90deg,transparent,rgba(var(--rx-accent-rgb),.32),transparent)}
.launcher-card[class*=tone-]{--card-accent:var(--rx-accent);--card-hue:36}.launcher-glow{background:radial-gradient(ellipse at var(--pointer-x) var(--pointer-y),rgba(var(--rx-accent-rgb),.12),transparent 66%)}.launcher-icon{background:linear-gradient(140deg,#d4af7c,#ad7e44);color:#231c13;border:1px solid #c19a66;box-shadow:inset 0 1px #ffffff3d,0 4px 10px #67481915;border-radius:12px;width:44px;height:44px}.launcher-icon svg{width:25px;height:25px;stroke-width:1.55;filter:none}.launcher-card>strong{font-size:calc(16px * var(--ui-font-scale,1));font-weight:600}.launcher-description{color:var(--rx-muted);font-size:calc(11px * var(--ui-font-scale,1))}.launcher-footer{color:var(--rx-accent);border-color:var(--rx-line)}.launcher-enter{background:var(--rx-accent-soft);color:var(--rx-accent)}.launcher-task-badge{color:var(--rx-accent);background:var(--rx-surface);border-color:var(--rx-line);border-radius:6px}.launcher-task-badge.urgent{background:var(--rx-danger-soft);color:var(--rx-danger);border-color:transparent}.launcher-divider{color:var(--rx-muted)}.launcher-divider i{background:linear-gradient(90deg,var(--rx-line),transparent)}
@media(hover:hover) and (pointer:fine){.launcher-card:hover{border-color:var(--rx-accent);box-shadow:var(--rx-shadow-raised)}.launcher-card:hover .launcher-icon{animation:none;transform:translateY(-2px)}}
.home-action{background:var(--rx-surface);color:var(--rx-text);border-color:var(--rx-line);box-shadow:var(--rx-shadow)}.home-action small{color:var(--rx-muted)}.home-action .nav-icon{background:var(--rx-accent-soft);color:var(--rx-accent)}
/* The login is a calm architectural composition, not a second application. */
.login-screen{background:var(--rx-bg);background-image:none;padding:0;display:grid;grid-template-columns:minmax(0,1.15fr) minmax(440px,.85fr);align-items:stretch;overflow:auto}
.login-story{position:relative;min-height:100dvh;overflow:hidden;display:flex;flex-direction:column;justify-content:space-between;background:#151719;color:#f2e5d0;padding:clamp(32px,5vw,84px);isolation:isolate}
.login-story:before{content:'';position:absolute;inset:0;z-index:-3;background:url('/brand/warehouse-atmosphere.svg') center/cover no-repeat}.login-story-photo{position:absolute;inset:0;z-index:-2;display:block;overflow:hidden}.login-story-photo img{display:block;width:100%;height:100%;object-fit:cover;object-position:50% 50%}.login-story:after{content:'';position:absolute;inset:0;z-index:-1;background:linear-gradient(180deg,#0b101738 0%,#0b101705 30%,#0b10175c 52%,#0b1017b3 82%,#0b1017d1 100%),linear-gradient(90deg,#0b10173b,transparent 80%)}
.login-story-brand{width:min(420px,90%);height:auto;filter:drop-shadow(0 2px 10px #0005)}.login-story-tag{margin-top:24px;font-size:calc(10px * var(--ui-font-scale,1));letter-spacing:3px;color:#d4af7c;text-transform:uppercase;display:flex;align-items:center;gap:12px}.login-story-tag:before{content:'';height:1px;width:40px;background:#d4af7c}
.login-story-content{max-width:620px;padding:160px 0 30px}.login-story-content h2{text-shadow:0 2px 20px #0006;font-size:clamp(34px,3.8vw,58px);font-weight:400;letter-spacing:-1.7px;line-height:1.14;margin:0 0 25px}.login-story-content h2 em{font-style:normal;color:#d4af7c}.login-story-content p{max-width:450px;text-shadow:0 1px 8px #0008;line-height:1.8;font-size:calc(14px * var(--ui-font-scale,1));color:#bdb8ac;margin:0}.login-story-points{display:flex;gap:22px;flex-wrap:wrap;margin-top:36px;padding-top:24px;border-top:1px solid #d4af7c35}.login-story-points span{font-size:calc(10px * var(--ui-font-scale,1));letter-spacing:1.7px;text-transform:uppercase;color:#d4cab9;display:flex;align-items:center;gap:8px}.login-story-points i{width:5px;height:5px;border-radius:50%;background:#d4af7c}.login-story-foot{font-size:calc(11px * var(--ui-font-scale,1));letter-spacing:.5px;color:#9e978a}.login-story-foot b{color:#cdb17d;font-weight:500}
.login-panel{display:flex;flex-direction:column;align-items:center;justify-content:center;min-height:100dvh;padding:90px 40px 60px;background:var(--rx-bg);position:relative}.login-theme-control{position:absolute;top:28px;right:32px}.login-theme-control .theme-toggle{padding:10px 13px;font-size:calc(11px * var(--ui-font-scale,1));color:var(--rx-muted);background:var(--rx-surface)}
.login-card{background:var(--rx-surface);border:1px solid var(--rx-line);border-radius:22px;padding:38px;width:min(430px,100%);box-shadow:var(--rx-shadow-raised);backdrop-filter:none;-webkit-backdrop-filter:none;gap:18px}.login-logo{display:block;width:100%;max-width:280px;height:auto;margin:0 0 26px}.login-logo.dark-only{display:none}[data-theme=dark] .login-logo.light-only{display:none}[data-theme=dark] .login-logo.dark-only{display:block}.login-card>.eyebrow{font-size:calc(9px * var(--ui-font-scale,1));color:var(--rx-accent);letter-spacing:2px}.login-card h1{font-size:calc(28px * var(--ui-font-scale,1));font-weight:550;letter-spacing:-.8px;color:var(--rx-text);margin:0}.login-card h1+p{font-size:calc(12px * var(--ui-font-scale,1));line-height:1.7;color:var(--rx-muted);margin:0 0 8px}.login-card label{font-size:calc(11px * var(--ui-font-scale,1));font-weight:550;color:var(--rx-text);gap:8px}.login-card input,.login-card select{background:var(--rx-soft);color:var(--rx-text);border:1px solid var(--rx-line);border-radius:9px;padding:13px 14px;min-height:47px;font-size:calc(13px * var(--ui-font-scale,1));transition:border-color var(--rx-transition),box-shadow var(--rx-transition)}.login-card input:focus,.login-card select:focus{border-color:var(--rx-accent);box-shadow:0 0 0 3px rgba(var(--rx-accent-rgb),.1);outline:none}.login-card>.button[type=submit]{min-height:48px;margin-top:4px;font-size:calc(13px * var(--ui-font-scale,1));border-radius:9px;letter-spacing:.2px}.login-card #login-error{color:var(--rx-danger);font-size:calc(11px * var(--ui-font-scale,1));line-height:1.5;min-height:16px}.login-card small{color:var(--rx-muted)}.login-card #login-reconnect-button{background:var(--rx-soft);color:var(--rx-text)}.login-support{margin-top:24px;font-size:calc(10px * var(--ui-font-scale,1));letter-spacing:.4px;color:var(--rx-muted);text-align:center}.login-support span{color:var(--rx-accent)}
/* Dialogs, attached photographs and the command palette use the same surfaces. */
dialog#modal,.command-dialog,.font-dialog,#mobile-preview-dialog,#scanner-dialog{background:var(--rx-surface);color:var(--rx-text);border:1px solid var(--rx-line);border-radius:18px;box-shadow:0 26px 100px rgba(var(--rx-shadow-color-rgb),.28);backdrop-filter:none;-webkit-backdrop-filter:none}dialog::backdrop{background:#090c116b;backdrop-filter:blur(4px);-webkit-backdrop-filter:blur(4px)}.modal-head,.font-head{border-color:var(--rx-line)}.modal-head h2,.font-head h2{color:var(--rx-text);font-weight:600}.modal-head p,.font-dialog>p,.font-dialog .font-save-note{color:var(--rx-muted)}
.command-head label{color:var(--rx-text)}.command-head button,.font-head>button{background:var(--rx-soft);border-color:var(--rx-line);color:var(--rx-text)}#command-query{background:var(--rx-soft);color:var(--rx-text);border-color:var(--rx-line-strong)}#command-results>button{color:var(--rx-text);border-color:var(--rx-line)}#command-results>button:hover,#command-results>button:focus-visible{background:var(--rx-accent-soft)}#command-results small,#command-result-count,.command-type,.command-footer{color:var(--rx-muted)}.command-footer{border-color:var(--rx-line)}.font-size-control button,.font-presets button{background:var(--rx-soft);border-color:var(--rx-line);color:var(--rx-text)}.font-size-control output{color:var(--rx-accent)}.font-presets button.selected{background:var(--rx-accent-soft);color:var(--rx-accent);border-color:var(--rx-accent)}.font-reset{color:var(--rx-accent);border-color:var(--rx-line-strong)}
/* Warehouse controls. The scene's real materials and safety colours stay intact. */
.map-hero,.map-history-panel,.planner-viewbar,.map-toolbar-modern,.map-toolbar,.map-legend,.draw-tools,.planner-workflow,.planner-command-bar,.map-dimension-strip,.map-measure-readout{background:var(--rx-soft)!important;color:var(--rx-text);border:1px solid var(--rx-line)!important;border-radius:10px;box-shadow:none!important}.map-stage-wrap,.map-inspector .panel{border-color:var(--rx-line);box-shadow:var(--rx-shadow);border-radius:14px}.map-kpis>div{background:var(--rx-surface);border:1px solid var(--rx-line);border-radius:12px;box-shadow:none}.map-kpis small,.map-kpis span{color:var(--rx-muted)}
.map-stage,.scene-stage,.walkthrough{border:1px solid var(--rx-line-strong)!important;box-shadow:none!important;border-radius:11px!important}.map-stage-scroll{background:var(--rx-map-bg)}.plan-floor-shape{background-color:var(--rx-map-bg);background-image:linear-gradient(var(--rx-map-grid) 1px,transparent 1px),linear-gradient(90deg,var(--rx-map-grid) 1px,transparent 1px)}.plan-ruler-x,.plan-ruler-y,.plan-ruler-corner{background:var(--rx-soft);color:var(--rx-muted)}.plan-ruler-tick{color:var(--rx-muted)}
.planner-template{background:var(--rx-surface);border:1px solid var(--rx-line);border-radius:10px;box-shadow:none}.planner-template.active,.planner-template:hover{background:var(--rx-accent-soft);border-color:var(--rx-accent);box-shadow:none}.planner-template b{color:var(--rx-text)}.planner-template small{color:var(--rx-muted)}.template-icon{background:var(--rx-accent-soft);color:var(--rx-accent);border-color:var(--rx-line);border-radius:8px}.planner-spec-grid>div,.planner-form-section,.planner-form-preview,.planner-modal-intro{background:var(--rx-soft);border-color:var(--rx-line);border-radius:9px}.planner-spec-grid small{color:var(--rx-muted)}
.planner-tool-rail,.planner-icon-toolbar,.scene-edit-rail{background:var(--rx-glass)!important;border:1px solid var(--rx-line)!important;border-radius:11px;box-shadow:var(--rx-shadow)!important;backdrop-filter:blur(10px);-webkit-backdrop-filter:blur(10px)}.planner-tool-rail button,.planner-icon-toolbar button,.scene-edit-rail button{color:var(--rx-text);background:transparent}.planner-tool-rail button.active,.planner-tool-rail button:hover,.scene-edit-rail button.active,.scene-edit-rail button:hover{background:var(--rx-accent-soft);color:var(--rx-accent)}
.planner-view-toggle .active,.hall-tabs button.active,.draw-tools button.active{background:var(--rx-accent-soft)!important;color:var(--rx-accent)!important;border:1px solid var(--rx-accent)!important}.hall-tabs button{background:var(--rx-surface);color:var(--rx-muted);border-color:var(--rx-line)}.planner-view-actions button,.planner-command-actions button,.map-view-extras button,.measure-clear,.rack-face-controls button,.rack-face-toolbar-actions button,.rack-focus-button{background:var(--rx-surface);color:var(--rx-text);border:1px solid var(--rx-line);border-radius:7px;box-shadow:none}.map-view-extras button.active{background:var(--rx-accent-soft);border-color:var(--rx-accent);color:var(--rx-accent)}
.scene-overlay,.scene-switches,.scene-style-switches,.scene-status,.scene-coords,.scene-bottom-tools,.scene-mini,.scene-walk-controls,.scene-pallet-card,.scene-edit-toolbar,.scene-mode-switch,.scene-control-cluster,.scene-navigation,.scene-occupancy,.scene-hud-coords,.scene-minimap,.scene-plan-legend,.scene-floating-hu,.scene-edit-banner,.scene-move-banner{background:var(--rx-glass)!important;color:var(--rx-text)!important;border:1px solid var(--rx-line)!important;box-shadow:var(--rx-shadow)!important;border-radius:10px!important;backdrop-filter:blur(9px);-webkit-backdrop-filter:blur(9px)}
.scene-minimap>span,.scene-pallet-card strong,.scene-occupancy b{color:var(--rx-accent)!important}.scene-mode-switch button,.scene-control-cluster button,.scene-navigation button,.scene-bottom-tools button,.scene-pallet-card button{color:var(--rx-text);border-color:var(--rx-line)}.scene-mode-switch .active,.scene-style-toggle.active{background:var(--rx-accent-soft)!important;color:var(--rx-accent)!important}.scene-aisle-preset,.scene-caption{background:var(--rx-soft);color:var(--rx-text);border-color:var(--rx-line);box-shadow:none}.scene-caption strong,.scene-caption span{color:var(--rx-muted)}.scene-minimap canvas{background:var(--rx-map-bg);border-color:var(--rx-line)}.scene-pallet-card small,.scene-pallet-card p{color:var(--rx-muted)}
.rack-face-viewport,.warehouse-page .rack-face-view .rack-face-matrix,.warehouse-page .rack-face-view .rack-cell{background:var(--rx-map-bg);border-color:var(--rx-line)}.rack-face-fullscreen{background:var(--rx-bg)}.rack-face-fullscreen .rack-face-toolbar{background:var(--rx-surface);border-color:var(--rx-line)}.rack-face-toolbar strong{color:var(--rx-text)}.rack-matrix-corner,.rack-matrix-bay,.rack-matrix-level{background:var(--rx-soft);color:var(--rx-muted)}.rack-matrix-bay.focused{background:var(--rx-accent-soft);color:var(--rx-accent)}.rack-selection-card{background:var(--rx-surface);border:1px solid var(--rx-line);border-radius:10px}.rack-selection-top h3,.rack-selection-id{color:var(--rx-text)}.rack-face-view .rack-cell>.rack-primary-photo{background:var(--rx-soft);border-color:var(--rx-line-strong)}
.feature-guide{box-shadow:none}.feature-guide summary::after{color:var(--rx-accent)}.guide-heading h2,.guide-columns h3{color:var(--rx-text)}.guide-columns p{color:var(--rx-muted)}.connection-banner{background:var(--rx-warning-soft);color:var(--rx-warning);border-color:var(--rx-line)}#toast{background:var(--rx-emphasis);color:var(--rx-on-emphasis);border:1px solid var(--rx-line);border-radius:10px;box-shadow:var(--rx-shadow-raised)}
@media(min-width:1700px){.login-story-content{padding-bottom:65px}.topbar .command-trigger{max-width:380px}.topbar .person-select select{max-width:230px}}
@media(max-width:1350px){.topbar{padding:12px 18px;gap:9px}.topbar .topbar-title{min-width:105px}.topbar .person-select select{max-width:168px}.topbar .warehouse-select select{max-width:140px}.topbar-actions{gap:5px}.signed-in-name{display:none!important}}
@media(max-width:1050px){body{--sidebar-width:224px}.brand{padding:26px 19px}.topbar .warehouse-select{display:none}.topbar .person-select select{max-width:185px}.login-story{padding:40px}.login-story-content h2{text-shadow:0 2px 20px #0006;font-size:calc(39px * var(--ui-font-scale,1))}.login-screen{grid-template-columns:minmax(0,1fr) minmax(400px,.9fr)}.login-panel{padding:90px 28px 40px}.login-card{padding:29px}}
@media(max-width:780px){.app-shell{display:block}.topbar{padding:11px 13px;min-height:65px;gap:7px}.topbar .topbar-title{min-width:0;flex:1}.topbar-actions{flex-wrap:nowrap;gap:5px}.topbar .person-select select{max-width:133px;font-size:calc(11px * var(--ui-font-scale,1));min-height:38px}.topbar .person-select{max-width:133px}.menu-button{background:var(--rx-surface);border:1px solid var(--rx-line);color:var(--rx-text);border-radius:9px;min-height:38px;width:38px}.topbar .command-trigger{background:none;color:var(--rx-text);min-width:30px;max-width:30px}.topbar .topbar-title strong{max-width:none}.topbar .theme-toggle{width:36px;min-height:38px;padding:8px}.topbar #logout-button{min-height:38px;padding:6px;font-size:calc(10px * var(--ui-font-scale,1))}.topbar .font-button{padding:6px}.top-task-button{min-height:38px;padding:6px}.refresh-button{display:none}.demo-chip{display:none}.sidebar{background:var(--rx-sidebar)!important;width:260px}.brand{padding:24px 22px}.brand-logo{max-width:200px}.sidebar .nav-item{min-height:45px}main#main,main#main.warehouse-page{padding:17px 14px 35px}.panel{padding:18px}.page-heading h1{font-size:calc(26px * var(--ui-font-scale,1))}.launcher-card,.launcher-card.primary,.secondary-grid .launcher-card{padding:17px 15px;min-height:175px;border-radius:13px}.launcher-card.primary{min-height:192px}.launcher-card>strong{font-size:calc(14px * var(--ui-font-scale,1))}.launcher-description{font-size:calc(10px * var(--ui-font-scale,1))}.launcher-icon{width:38px;height:38px;border-radius:10px}.workbench-hero h1{font-size:calc(29px * var(--ui-font-scale,1))}.login-screen{grid-template-columns:1fr}.login-story{display:none}.login-panel{min-height:100dvh;padding:100px 22px 48px;background:radial-gradient(ellipse at 70% 5%,var(--rx-accent-soft),transparent 56%),var(--rx-bg)}.login-card{max-width:420px;padding:33px 27px}.login-theme-control{top:24px;right:24px}.login-logo{max-width:270px}.login-support{font-size:calc(10px * var(--ui-font-scale,1))}}
@media(max-width:520px){.topbar .topbar-title{display:none}.topbar .command-trigger{margin-right:auto}.topbar-actions{gap:4px}.topbar .person-select select{max-width:117px;font-size:calc(10px * var(--ui-font-scale,1));padding:7px 5px}.topbar .person-select{max-width:117px}.topbar .font-button{min-width:32px;padding:5px}.topbar .theme-toggle{width:32px;padding:6px}.topbar #logout-button{padding:5px;font-size:calc(9px * var(--ui-font-scale,1))}.topbar .top-task-button{padding:5px}.topbar .top-task-button b{min-width:16px}.topbar .command-trigger{min-width:27px;max-width:27px;padding:3px}.topbar{padding-inline:10px;gap:5px}.login-card{padding:30px 24px}.login-panel{padding-inline:17px}.login-theme-control{right:18px}.login-theme-control .theme-toggle{font-size:calc(10px * var(--ui-font-scale,1))}.launcher-top{gap:6px}.launcher-card.primary{min-height:205px}}
@media(prefers-reduced-motion:reduce){*,*:before,*:after{animation:none!important;transition:none!important;scroll-behavior:auto!important}.launcher-card:hover,.button:hover{transform:none!important}}
@supports not (backdrop-filter:blur(9px)){.topbar,.scene-pallet-card,.scene-control-cluster,.scene-minimap{background:var(--rx-surface)!important}}
@media print{
 :root,[data-theme=dark],[data-theme=light]{--rx-bg:#fff;--rx-surface:#fff;--rx-soft:#fff;--rx-text:#000;--rx-muted:#333;--rx-accent:#000;--rx-line:#bbb;--rx-line-strong:#777;--rx-on-emphasis:#000;--ink:#000;color-scheme:light}
 body,html,dialog,dialog#modal,.label-sheet,.count-card-print,.count-card-part{background:#fff!important;color:#000!important;box-shadow:none!important;filter:none!important}
 .theme-toggle,.login-screen,.sidebar-credit,.login-support{display:none!important}.label-sheet *,.count-card-print *{color:#000!important;border-color:#444!important;text-shadow:none!important;box-shadow:none!important}.barcode svg,.count-card-barcodes svg{background:#fff!important}.barcode svg>rect,.count-card-barcodes svg>rect{fill:#fff!important}.barcode svg g,.barcode svg g rect,.count-card-barcodes svg g,.count-card-barcodes svg g rect{fill:#000!important}.label-sheet header{background:#fff!important;color:#000!important}
}
[hidden]{display:none!important}
.brand>div{width:100%;min-width:0}
/* Required individual-password flow is positioned in the same login panel. */
.login-panel>#temporary-password-form{margin:0}
/* Sidebar layers retain their intentionally dark contrast in either theme. */
.sidebar .online-dot{background:#85b99c;box-shadow:0 0 0 3px #85b99c12}
/* Header controls wrap within their own row rather than expanding the document. */
.topbar{width:100%;max-width:100%;min-width:0;flex-wrap:wrap;height:auto}
.topbar-title{flex:0 0 auto;max-width:160px;min-width:0;margin-right:0;display:block;line-height:1.4}
.topbar-title span,.topbar-title strong{white-space:nowrap}
.topbar .command-trigger{flex:1 1 160px;min-width:38px;max-width:300px}
.topbar-actions{flex:1 1 600px;min-width:0;max-width:100%;flex-wrap:wrap;justify-content:flex-end}
.topbar .top-select{min-width:0;max-width:100%}.topbar .top-select select{min-width:0;max-width:100%}
.topbar .person-select{max-width:220px}.topbar .person-select select{max-width:200px}
.sidebar #navigation{flex:1 1 auto;min-height:0;overflow-y:auto;overflow-x:hidden}.sidebar-role,.sidebar-foot{flex-shrink:0}
body:has(#login-screen:not([hidden]))>.app-shell{visibility:hidden;max-width:100vw;overflow:hidden}
@media(min-width:1700px){.topbar-actions{flex-basis:auto;flex-wrap:nowrap}.topbar .person-select select{max-width:220px}}
@media(max-width:1350px) and (min-width:781px){.topbar-title{max-width:130px}.topbar .command-trigger{max-width:220px}.topbar-actions{flex-basis:500px}.topbar .person-select select{max-width:180px}}
@media(max-width:1050px) and (min-width:781px){.topbar #mobile-preview-button{display:none}.topbar-actions{flex-basis:450px}.topbar .command-trigger{flex:0 0 37px;max-width:37px}.topbar .topbar-title{max-width:120px}}
@media(max-width:780px){.topbar{flex-wrap:nowrap}.topbar .topbar-title{flex:1 1 80px}.topbar .command-trigger{flex:0 0 30px;max-width:30px}.topbar-actions{flex:0 1 auto;flex-wrap:nowrap;width:auto;min-width:0}.topbar .person-select{max-width:133px}.topbar .person-select select{max-width:133px}.topbar .warehouse-select{display:none}.topbar .person-select>span{display:none}}
@media(max-width:520px){.topbar .topbar-title{display:none}.topbar .command-trigger{flex:0 0 25px;max-width:25px;margin-right:auto}.topbar .person-select,.topbar .person-select select{max-width:110px}.topbar-actions{gap:4px}.topbar .font-button>small{display:none}}
@media(max-width:390px){.topbar .person-select,.topbar .person-select select{max-width:99px}.topbar .font-button{min-width:29px;padding:5px}.topbar .theme-toggle{width:29px;padding:5px}.topbar #logout-button{padding:5px 4px}.topbar .top-task-button{min-width:30px;padding:4px}}
/* On touch screens the header becomes two deliberate rows: large quick controls,
   then readable profile and warehouse pickers. Both scopes remain accessible. */
@media(max-width:780px){
 .topbar{display:grid;grid-template-columns:44px minmax(0,1fr) repeat(4,44px) 58px;gap:8px 6px;align-items:center;padding:10px 12px;flex-wrap:unset}
 .topbar-actions{display:contents}
 .topbar .menu-button{grid-column:1;grid-row:1;width:44px;height:44px;min-height:44px;padding:0}
 .topbar .topbar-title{display:block;grid-column:2;grid-row:1;min-width:0;max-width:none;overflow:hidden}
 .topbar .topbar-title span{font-size:calc(10px * var(--ui-font-scale,1));letter-spacing:.8px}.topbar .topbar-title strong{font-size:calc(11px * var(--ui-font-scale,1))}
 .topbar .command-trigger{grid-column:3;grid-row:1;width:44px;min-width:44px;max-width:44px;height:44px;padding:0;justify-content:center;margin:0;border:1px solid var(--rx-line);border-radius:9px;background:var(--rx-surface)}
 .topbar .theme-toggle{grid-column:4;grid-row:1;width:44px;min-height:44px;height:44px;padding:0}
 .topbar .font-button{grid-column:5;grid-row:1;width:44px;min-width:44px;min-height:44px;height:44px;padding:0;justify-content:center}.topbar .font-button>small{display:none}
 .topbar .top-task-button{grid-column:6;grid-row:1;min-height:44px;height:44px;width:44px;min-width:44px;padding:0;justify-content:center}.topbar .top-task-button>span{display:none}.topbar .top-task-button b{min-width:18px}
 .topbar #logout-button{grid-column:7;grid-row:1;height:44px;min-height:44px;padding:4px;font-size:calc(11px * var(--ui-font-scale,1))}
 .topbar .person-select,.topbar .warehouse-select{display:flex;flex-direction:column;align-items:stretch;gap:4px;min-width:0;max-width:none;width:100%;padding:0;background:none!important;border:0!important}
 .topbar .person-select{grid-row:2;grid-column:1/5}.topbar .warehouse-select{grid-row:2;grid-column:5/8}
 .topbar .person-select>span,.topbar .warehouse-select>span{display:block;font-size:calc(10px * var(--ui-font-scale,1));text-transform:none;font-weight:500;letter-spacing:0;line-height:1.2;color:var(--rx-muted)}
 .topbar .person-select select,.topbar .warehouse-select select{max-width:none;width:100%;height:44px;min-height:44px;padding:8px 10px;font-size:calc(12px * var(--ui-font-scale,1));border:1px solid var(--rx-line);border-radius:8px}
 /* WebKit can expose the native selected-option width outside a narrow
    control at enlarged text sizes. Clip that control, keeping its popup native. */
 .topbar .warehouse-select select{overflow:hidden}
 .topbar #mobile-preview-button,.topbar .refresh-button,.topbar .demo-chip{display:none}
 .topbar #password-button{grid-row:3;grid-column:1/5;min-height:44px}.topbar .signed-in-name{display:none!important}
}
@media(max-width:520px){
 .topbar{grid-template-columns:repeat(6,minmax(0,1fr));padding:10px;gap:8px 6px}
 .topbar .topbar-title{display:none}.topbar .menu-button{grid-column:1}.topbar .command-trigger{grid-column:2}.topbar .theme-toggle{grid-column:3}.topbar .font-button{grid-column:4}.topbar .top-task-button{grid-column:5}.topbar #logout-button{grid-column:6}
 .topbar .menu-button,.topbar .command-trigger,.topbar .theme-toggle,.topbar .font-button,.topbar .top-task-button,.topbar #logout-button{width:100%;max-width:none;min-width:0;height:44px;min-height:44px}
 .topbar .person-select{grid-column:1/4;max-width:none}.topbar .warehouse-select{grid-column:4/7;max-width:none}
 .topbar .person-select select,.topbar .warehouse-select select{max-width:none;font-size:calc(11px * var(--ui-font-scale,1));padding:8px 6px}
 .topbar #logout-button{font-size:calc(10px * var(--ui-font-scale,1));padding:4px}.topbar .theme-toggle svg{width:19px;height:19px}
}
/* Capacity and task colours retain their operational meaning across themes. */
.map-legend i.free,.rack-face-legend i.free{background:var(--rx-success)}
.map-legend i.partial{background:var(--rx-warning)}
.map-legend i.full,.map-legend i.blocked,.rack-face-legend i.blocked{background:var(--rx-danger)}
.rack-face-legend i.busy,.rack-face-legend i.planned{background:var(--rx-info)}
@media(max-width:780px){
 .feature-guide summary{display:grid;grid-template-columns:minmax(0,1fr) auto;gap:5px 12px;align-items:center}
 .feature-guide summary .eyebrow{grid-column:1;min-width:0;overflow-wrap:anywhere}
 .feature-guide summary h2{grid-column:1;min-width:0;overflow-wrap:anywhere;margin:0}
 .feature-guide summary::after{grid-column:2;grid-row:1/3;margin-left:0;white-space:nowrap}
 .feature-guide .guide-heading{width:100%;min-width:0}
}
@media(max-width:520px){
 :root[data-ui-font-percent="135"] .launcher-grid,:root[data-ui-font-percent="150"] .launcher-grid{grid-template-columns:minmax(0,1fr)}
 :root[data-ui-font-percent="135"] .launcher-card,:root[data-ui-font-percent="150"] .launcher-card{min-height:175px}
 :root[data-ui-font-percent="135"] .launcher-card>strong,:root[data-ui-font-percent="150"] .launcher-card>strong{overflow-wrap:normal;hyphens:auto}
 .feature-guide{padding:18px}.feature-guide summary{grid-template-columns:minmax(0,1fr);gap:8px}
 .feature-guide summary::after{grid-column:1;grid-row:auto;justify-self:end}
 .topbar #logout-button{font-size:clamp(10px,calc(10px * var(--ui-font-scale,1)),12px)}
}
/* Elevation editing is gated by the actual row height, never by column count.
   Size containment is safe here: every grid row has an explicit metre-based size. */
.rack-face-view .rack-matrix-level{container-type:size;container-name:rack-level;overflow:hidden;gap:1px;place-content:center}
.rack-face-editing .rack-matrix-level>.rack-level-control,.rack-face-editing .rack-matrix-level>.rack-level-save,.rack-face-editing .rack-matrix-level>small{display:none}
.rack-face-editing .rack-matrix-level>b{line-height:1;font-size:calc(12px * var(--ui-font-scale,1));white-space:nowrap}
.rack-face-editing .rack-face-edit-tip:after{content:' Áttekintő nézetben a szintmagasság mezői rejtve vannak. A szerkesztéshez nagyíts a + gombbal vagy az egér görgőjével.';display:block;margin-top:5px;color:var(--rx-accent);font-weight:600;line-height:1.5}
@container rack-level (min-height:42px){.rack-face-editing .rack-matrix-level>small{display:block;font-size:calc(8px * var(--ui-font-scale,1));line-height:1.1}}
@container rack-level (min-height:104px){.rack-face-editing .rack-matrix-level>.rack-level-control{display:flex;margin-top:2px;justify-content:center}.rack-face-editing .rack-matrix-level>.rack-level-save{display:block;margin:3px 0 0;padding:3px 1px;font-size:calc(8px * var(--ui-font-scale,1));line-height:1.2;width:100%;min-width:0;white-space:normal}}
/* The personal work centre uses one cached photograph, without moving layers. */
body[data-screen=dashboard] #main{position:relative;isolation:isolate}
body[data-screen=dashboard] #main::before{content:'';position:absolute;inset:0;z-index:-1;pointer-events:none;background:linear-gradient(105deg,rgba(244,244,240,.87),rgba(244,244,240,.94)),url('/brand/warehouse-hero.jpg?v=294fa867') center 35%/cover no-repeat;background-image:linear-gradient(105deg,rgba(244,244,240,.87),rgba(244,244,240,.94)),image-set(url('/brand/warehouse-hero.webp?v=5428371f') type('image/webp'),url('/brand/warehouse-hero.jpg?v=294fa867') type('image/jpeg'));border-radius:20px}
[data-theme=dark] body[data-screen=dashboard] #main::before{background-image:linear-gradient(105deg,rgba(19,22,23,.86),rgba(19,22,23,.95)),image-set(url('/brand/warehouse-hero.webp?v=5428371f') type('image/webp'),url('/brand/warehouse-hero.jpg?v=294fa867') type('image/jpeg'))}
/* Readable solid HUD surfaces avoid repeatedly sampling the moving 3D image. */
body[data-screen=map] :is(.scene-overlay,.scene-switches,.scene-style-switches,.scene-status,.scene-coords,.scene-bottom-tools,.scene-mini,.scene-walk-controls,.scene-pallet-card,.scene-edit-toolbar,.scene-mode-switch,.scene-control-cluster,.scene-navigation,.scene-occupancy,.scene-hud-coords,.scene-minimap,.scene-plan-legend,.scene-floating-hu,.scene-edit-banner,.scene-move-banner,.scene-edit-rail){background:var(--rx-surface)!important;backdrop-filter:none!important;-webkit-backdrop-filter:none!important;box-shadow:0 2px 8px #0002!important}
.live-state-notice{display:flex;align-items:center;justify-content:space-between;gap:12px;padding:13px 16px;margin:0 0 16px;border:1px solid var(--rx-accent);border-radius:10px;background:var(--rx-surface);color:var(--rx-text);font-size:calc(12px * var(--ui-font-scale,1));line-height:1.6}
.live-state-notice>span{flex:1;overflow-wrap:anywhere}.live-state-notice button{flex-shrink:0}
.queue-filter{display:flex;align-items:end;flex-wrap:wrap;gap:8px;margin-bottom:10px}.queue-filter label{display:flex;flex-direction:column;gap:5px;flex:1;min-width:110px;color:var(--rx-muted);font-size:calc(11px * var(--ui-font-scale,1))}.queue-filter input,.queue-filter select{width:100%;min-width:0;padding:9px;border:1px solid var(--rx-line);border-radius:7px;background:var(--rx-surface);color:var(--rx-text)}.queue-pager{display:flex;align-items:center;gap:8px;margin:12px 0;font-size:calc(11px * var(--ui-font-scale,1));color:var(--rx-muted)}.queue-pager>span{flex:1}
@media(max-width:600px){.live-state-notice{align-items:stretch;flex-direction:column}.queue-filter button{min-height:40px}.queue-pager button{min-width:40px;min-height:40px}}
@media(pointer:coarse){#main .form-actions .button,#modal .form-actions .button,.queue-pager button,.live-state-notice button{min-height:44px;min-width:44px}}

/* Explicit contrast also wins over the premium renderer's legacy white text. */
body[data-screen=map] :is(.scene-control-cluster,.scene-navigation,.scene-quality-toolbar) button{color:var(--rx-text)!important}
body[data-screen=map] .scene-quality-toolbar button.active{background:var(--rx-accent-soft)!important;color:var(--rx-text)!important}
/* 1.25: work first, then the complete navigation catalogue. */
.work-start{padding:18px 22px;margin:0 0 22px;border:1px solid var(--rx-accent);border-radius:16px;background:var(--rx-surface);box-shadow:0 8px 25px rgba(0,0,0,.09)}
.work-start .work-task{min-height:60px}.work-start>small{display:block;color:var(--rx-muted);font-size:calc(11px * var(--ui-font-scale,1));margin-top:10px}
.launcher-more{margin:18px 0}.launcher-more>summary{cursor:pointer;padding:12px 0;font-weight:650;color:var(--rx-muted)}.launcher-more[open]>.launcher-grid{margin-top:12px}
.navigation-guard{max-width:480px;border:1px solid var(--rx-accent);border-radius:16px;padding:26px;background:var(--rx-surface);color:var(--rx-text)}
.navigation-guard::backdrop{background:rgba(0,0,0,.6)}.navigation-guard h2{margin-top:0}.navigation-guard p{line-height:1.6}
#item-master-form .help{font-size:calc(12px * var(--ui-font-scale,1));line-height:1.6}#item-master-form label:has([name=confirmRelaxation]){display:flex;align-items:flex-start;gap:10px}#item-master-form [name=confirmRelaxation]{width:auto;margin-top:5px}
[data-closed-count-task]{padding:18px;border:1px solid var(--rx-accent);border-radius:12px;background:var(--rx-soft)}
[data-receipt-result]{padding:14px;margin-bottom:14px;border:1px solid #49856c;background:rgba(65,143,103,.12);border-radius:10px;line-height:1.6}
#receive-form [data-action=save-receipt-photos]{margin-top:16px}#audit-search-form{padding:16px;margin-bottom:18px;border:1px solid var(--rx-line);border-radius:12px;background:var(--rx-surface)}
#command-results .list-pagination{position:sticky;bottom:0;background:var(--rx-surface);padding:12px;z-index:1}.photo-composer .photo-draft.saved{border-color:#49856c}
@media(max-width:600px){.work-start{padding:14px}.work-start .task-context{max-width:100px}.work-start .work-task{min-height:80px}.work-start .panel-title{align-items:flex-start;gap:10px}.work-start .panel-title h2{font-size:calc(18px * var(--ui-font-scale,1))}.navigation-guard{width:calc(100vw - 24px);max-height:85dvh;overflow:auto;padding:20px}#audit-search-form label{min-width:125px}#audit-search-form .button{min-height:44px}}
@media(prefers-reduced-motion:reduce){.launcher-card,.work-task{animation:none!important;transition:none!important}}