/* Platform-wide semantic controls. See office/UI_RULES.md. */
:root{--control-on:#18733d;--control-on-hover:#125c30;--control-off:#c12832;--control-off-hover:#a51e28;--status-on-bg:#e5f5e9;--status-on-text:#166534;--status-off-bg:#fce9e9;--status-off-text:#a91f2c}
:root[data-theme=night]{--status-on-bg:#163528;--status-on-text:#86efac;--status-off-bg:#3c2025;--status-off-text:#fda4af}
.control-row,.employee-controls,.actions{display:grid!important;grid-template-columns:repeat(2,minmax(0,1fr));gap:10px;align-items:stretch;min-width:0;width:100%;grid-column:1/-1}
.employee-controls p,.actions p{grid-column:1/-1;margin:2px 0 0}
.control-row button,.employee-controls button,.actions button{width:100%;min-width:0;min-height:46px;padding:12px 8px;white-space:nowrap;font-size:13px;border-radius:12px;line-height:1.3;text-align:center}
button[data-action=enable],button#startEmployee,button#enablePush{background:var(--control-on)!important;border-color:var(--control-on)!important;color:#fff!important;font-weight:600}
button[data-action=enable]:hover,button#startEmployee:hover,button#enablePush:hover{background:var(--control-on-hover)!important}
button[data-action=disable],button#pauseEmployee,button#emergencyStop,button#logout{background:var(--control-off)!important;border-color:var(--control-off)!important;color:#fff!important;font-weight:600}
button[data-action=disable]:hover,button#pauseEmployee:hover,button#emergencyStop:hover,button#logout:hover{background:var(--control-off-hover)!important}
button[data-action]:disabled,button#enablePush:disabled,button#emergencyStop:disabled{opacity:.55;cursor:not-allowed;box-shadow:none}
[data-state=active]{background:var(--status-on-bg)!important;color:var(--status-on-text)!important;border:1px solid #22a35466!important;box-shadow:0 0 0 3px #22a35410,0 0 12px #22a35415!important}
[data-state=inactive]{background:var(--status-off-bg)!important;color:var(--status-off-text)!important;border:1px solid #db354466!important;box-shadow:0 0 0 3px #db35440b!important}
[data-state=active]::before,[data-state=inactive]::before{content:'';display:inline-block;width:6px;height:6px;border-radius:50%;background:currentColor;margin-right:6px;vertical-align:middle}
.toggle-row input{background:var(--control-off)!important}.toggle-row input:checked{background:var(--control-on)!important}
.claim-control input{accent-color:var(--control-on)}
.check-label input[type=checkbox]{appearance:none;background:var(--control-off);border:2px solid var(--control-off);border-radius:5px;display:grid;place-content:center}.check-label input[type=checkbox]:checked{background:var(--control-on);border-color:var(--control-on)}.check-label input[type=checkbox]:checked::after{content:'✓';color:white;font-weight:bold}.check-label input[type=checkbox]:focus-visible{outline:2px solid currentColor;outline-offset:3px}
@media(max-width:360px){.control-row,.employee-controls,.actions{gap:6px}.control-row button,.employee-controls button,.actions button{font-size:12px;padding:12px 4px}}