:root{--color-bg:#f8f3ed;--color-surface:#fffaf6;--color-primary:#6d492f;--color-primary-dark:#6d492f;--color-accent:#ae7440;--color-border:#e9d8c9;--color-text:#302a24;--color-text-on-primary:#fff;--color-healthy:#176c4b;--color-nav:#eee0d2;--color-soft:#f3e7da;--color-muted:#766e65;--color-offline:#4d5358;--color-warning:#d08a24;--color-critical:#a1433d}*{box-sizing:border-box}html,body{background:var(--color-bg);color:var(--color-text);margin:0;padding:0;font-family:system-ui,-apple-system,Segoe UI,Roboto,sans-serif}a{color:var(--color-primary)}button,input[type=submit],input[type=button]{font:inherit;background:var(--color-primary);color:var(--color-text-on-primary);border:1px solid var(--color-primary-dark);cursor:pointer;border-radius:6px;padding:.5rem 1rem}button:hover:not(:disabled),input[type=submit]:hover:not(:disabled),input[type=button]:hover:not(:disabled){background:var(--color-primary-dark)}button:disabled,input[type=submit]:disabled,input[type=button]:disabled{opacity:.6;cursor:not-allowed}input:not([type=submit]):not([type=button]),select,textarea{font:inherit;border:1px solid var(--color-border);background:var(--color-surface);color:var(--color-text);border-radius:6px;padding:.4rem .6rem}h1,h2,h3{color:var(--color-primary-dark)}table{border-collapse:collapse;width:100%}th,td{text-align:left;border-bottom:1px solid var(--color-border);padding:.5rem .6rem}.nav-bell{border:1px solid var(--color-border);color:var(--color-primary);cursor:pointer;background:0 0;border-radius:4px;padding:.35rem .6rem;position:relative}.nav-bell-badge{background:var(--color-critical);color:#fff;text-align:center;border-radius:999px;min-width:1rem;padding:.2rem .4rem;font-size:.7rem;line-height:1;position:absolute;top:-6px;right:-6px}.dashboard-stats{grid-template-columns:repeat(auto-fit,minmax(140px,1fr));gap:1rem;margin:1rem 0;display:grid}.dashboard-stat-card{background:var(--color-surface);border:1px solid var(--color-border);border-radius:8px;padding:1rem}.dashboard-stat-value{color:var(--color-primary);font-size:1.75rem;font-weight:700}.dashboard-stat-value.stat-healthy{color:var(--color-healthy)}.dashboard-stat-value.stat-warning{color:var(--color-text);background:var(--color-warning);border-radius:6px;padding:0 .4rem;display:inline-block}.dashboard-stat-value.stat-critical{color:var(--color-critical)}.room-card{background:var(--color-surface);border:1px solid var(--color-border);border-radius:8px;margin-bottom:.75rem;padding:1rem}.severity-critical{color:var(--color-critical);font-weight:600}.severity-warning{color:var(--color-text);background:var(--color-warning);border-radius:4px;padding:.05rem .45rem;font-weight:600;display:inline-block}.severity-healthy{color:var(--color-healthy);font-weight:600}@media (max-width:800px){main{padding-inline:.75rem}h1{overflow-wrap:anywhere;font-size:clamp(1.6rem,7vw,2rem)}table{-webkit-overflow-scrolling:touch;display:block;overflow-x:auto}th,td{white-space:nowrap;font-size:.9375rem}}main,section,form,fieldset{min-width:0}input,select,textarea{max-width:100%}section{overflow-wrap:anywhere}section>table{display:block;overflow-x:auto}.sensor-panel{margin-top:2rem;scroll-margin-top:1rem}.section-toolbar,.form-actions{flex-wrap:wrap;align-items:center;gap:.75rem;display:flex}.section-toolbar{justify-content:space-between}.sensor-list{gap:1rem;padding:0;list-style:none;display:grid}.surface-card{border:1px solid var(--color-border);background:var(--color-surface);border-radius:12px;padding:1rem}.sensor-panel label{flex-wrap:wrap;gap:.5rem;margin-block:.75rem;display:flex}.sensor-panel .metric-option{flex-wrap:nowrap;align-items:center;min-height:44px}.sensor-panel input[type=checkbox]{flex:none;width:20px;height:20px}.sensor-panel button{min-height:44px}.help-text{line-height:1.5}@media (max-width:800px){.app-nav{justify-content:space-between;width:100%}.app-nav>strong{flex:1;min-width:0}.app-nav-list{flex-basis:100%}.app-header-actions{gap:.5rem;width:100%}.app-header-actions>*{max-width:100%}.form-actions>button{flex:auto}section>table.devices-table{table-layout:fixed;display:table;overflow:visible}.devices-table th,.devices-table td{white-space:normal;overflow-wrap:anywhere;vertical-align:top;padding-inline:.35rem}}.application-shell{grid-template-columns:212px minmax(0,1fr);align-items:start;gap:15px;max-width:1400px;margin:auto;padding:15px 18px 35px;display:grid}.shell-panel{background:var(--color-surface);border:1px solid var(--color-border);border-radius:13px;min-width:0;min-height:650px;box-shadow:0 9px 34px #49332112}.shell-toolbar{background:var(--color-nav);border-bottom:1px solid var(--color-border);border-radius:12px 12px 0 0;justify-content:space-between;align-items:center;gap:8px;padding:10px 18px;display:flex}.shell-home{flex-shrink:0}.shell-control.shell-home{border:0;width:44px;height:44px;padding:6px}.shell-scope{color:var(--color-primary);font-size:13px}.shell-farm-context{flex:1;min-width:0;font-size:13px}.shell-farm-context a{padding-block:5px;display:inline-block}.shell-actions{flex-shrink:0;align-items:center;gap:4px;display:flex}.shell-control{border:1px solid var(--color-border);background:var(--color-surface);min-width:44px;min-height:44px;color:var(--color-primary);border-radius:10px;justify-content:center;align-items:center;gap:6px;padding:8px;font-weight:700;text-decoration:none;display:inline-flex}.shell-control:hover:not(:disabled){background:var(--color-soft);color:var(--color-primary)}.alert-control{position:relative}.active-alert-dot{background:var(--color-critical);border:2px solid var(--color-surface);border-radius:50%;width:9px;height:9px;position:absolute;top:5px;right:6px}.avatar{background:var(--color-primary);color:#fff;border-radius:50%;flex-shrink:0;justify-content:center;align-items:center;width:44px;height:44px;font-weight:800;display:inline-flex}.account-wrap{position:relative}.account-menu{z-index:30;border:1px solid var(--color-border);background:var(--color-surface);overflow-wrap:anywhere;border-radius:13px;gap:12px;width:220px;max-width:calc(100vw - 32px);padding:13px;display:grid;position:absolute;top:50px;right:0;box-shadow:0 12px 30px #0002}.account-menu a{background:var(--color-soft);border-radius:8px;padding:12px;text-decoration:none;display:block}.shell-sidebar{background:var(--color-nav);border:1px solid var(--color-border);border-radius:13px;align-self:start;padding:10px}.shell-sidebar h2{letter-spacing:.08em;text-transform:uppercase;color:var(--color-muted);margin:8px 0;padding:12px 8px 0;font-size:11px}.shell-sidebar a{border-radius:8px;align-items:center;gap:10px;min-height:44px;padding:11px 10px;text-decoration:none;display:flex}.shell-sidebar a[aria-current=page]{background:var(--color-primary);color:#fff;font-weight:700}.shell-route{border-bottom:1px solid var(--color-border);background:var(--color-nav);color:var(--color-primary);align-items:center;gap:10px;padding:10px 20px;font-size:13px;display:flex}.shell-back{background:var(--color-soft);color:var(--color-primary);white-space:nowrap;min-height:44px;margin-left:auto}.shell-content{background:var(--color-surface);border-radius:0 0 12px 12px;min-width:0;padding:22px}.shell-content h1{margin-top:0;font-size:24px}.shell-menu-toggle,.web-bottom-nav{display:none}.account-info{align-items:center;gap:14px;display:flex}.account-info p{color:var(--color-muted);margin:4px 0}.settings-section{margin-top:16px}.settings-section h2{margin-top:0;font-size:18px}.theme-grid{grid-template-columns:repeat(3,minmax(0,1fr));gap:10px;display:grid}.theme-choice{background:var(--color-surface);min-height:90px;color:var(--color-primary);border:1px solid var(--color-border);border-radius:12px}.theme-choice[aria-pressed=true]{border:3px solid var(--color-primary);background:var(--color-soft);font-weight:700}.theme-choice:hover:not(:disabled){background:var(--color-soft)}.theme-dot{border-radius:50%;width:30px;height:30px;margin:0 auto 7px;display:block}.logout-control{color:var(--color-critical);border-color:var(--color-critical);background:0 0;min-height:44px}.nav-bell{align-items:center;min-height:44px;padding:10px;text-decoration:none;display:inline-flex}button:focus-visible,a:focus-visible,input:focus-visible,select:focus-visible{outline:2px solid var(--color-accent);outline-offset:3px}.operational-overview .dashboard-stats{gap:12px}.dashboard-stat-card{border-radius:12px;min-width:0}@media (max-width:800px){.application-shell{padding:13px 12px calc(76px + env(safe-area-inset-bottom));flex-direction:column;gap:12px;display:flex}.shell-panel{width:100%;min-height:650px}.shell-toolbar{grid-template-columns:minmax(0,1fr) minmax(0,1.45fr);gap:8px 10px;padding:12px 14px;display:grid}.shell-home{grid-area:1/1;justify-self:start}.shell-actions{grid-area:1/2;justify-content:flex-end}.shell-scope{grid-area:2/1}.shell-farm-context{grid-area:2/2}.shell-route{flex-wrap:wrap;padding:8px 12px}.shell-route>span{overflow-wrap:anywhere;flex:1;min-width:0}.shell-menu-toggle{display:inline-flex}.shell-sidebar{width:100%;display:none}.shell-sidebar[data-open=true]{display:block}.shell-sidebar nav{grid-template-columns:repeat(2,minmax(0,1fr));gap:8px;display:grid}.shell-sidebar section{min-width:0}.shell-sidebar a{align-items:flex-start;font-size:14px}.shell-content{flex:1;padding:18px 16px 26px}.shell-content h1{font-size:23px;line-height:1.2}.web-bottom-nav{z-index:20;background:var(--color-surface);border-top:1px solid var(--color-border);padding-bottom:env(safe-area-inset-bottom);grid-template-columns:repeat(4,minmax(0,1fr));display:grid;position:fixed;bottom:0;left:0;right:0}.web-bottom-nav a,.web-bottom-nav button{min-height:60px;color:var(--color-muted);background:0 0;border:0;flex-direction:column;justify-content:center;align-items:center;gap:3px;padding:7px 2px;font-size:11px;text-decoration:none;display:flex}.web-bottom-nav [aria-current=page],.web-bottom-nav [aria-expanded=true]{color:var(--color-primary);font-weight:800}.dashboard-stats{grid-template-columns:repeat(2,minmax(0,1fr))}.dashboard-stat-card{padding:12px;font-size:13px}.dashboard-stat-value{font-size:24px}.theme-grid{grid-template-columns:repeat(2,minmax(0,1fr))}}.dashboard-stat-value.stat-offline{color:var(--color-offline)}.stage-threshold-page>p{overflow-wrap:anywhere;line-height:1.5}.threshold-form{margin-block:16px}.threshold-form fieldset{border:1px solid var(--color-border);background:var(--color-surface);border-radius:13px;margin:0;padding:16px}.threshold-form legend{color:var(--color-primary);padding-inline:6px;font-weight:700}.threshold-selection-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:10px;display:grid}.threshold-range-row{grid-template-columns:minmax(0,1.1fr) repeat(2,minmax(0,1fr));align-items:start;gap:10px;padding-block:11px;display:grid}.threshold-form label{flex-direction:column;gap:4px;min-width:0;font-size:14px;font-weight:600;line-height:1.4;display:flex}.threshold-form select,.threshold-form input{width:100%;min-width:0;min-height:44px;font-weight:400;display:block}.threshold-form button{min-height:44px}@media (max-width:820px){.threshold-selection-grid,.threshold-range-row{gap:8px 12px}.threshold-range-row{grid-template-columns:repeat(2,minmax(0,1fr))}.threshold-range-row .threshold-metric{grid-column:1/-1}}@media (max-width:380px){.threshold-selection-grid,.threshold-range-row{grid-template-columns:minmax(0,1fr)}}.shell-scope{white-space:normal;overflow-wrap:anywhere;min-width:0}.shell-farm-context select{width:100%;min-width:0;max-width:100%;min-height:44px}.shell-farm-context{flex:240px}.farm-change-backdrop{z-index:200;background:#0006;justify-content:center;align-items:center;padding:16px;display:flex;position:fixed;inset:0}.farm-change-dialog{background:var(--color-surface);width:100%;max-width:440px;max-height:90dvh;color:var(--color-text);border-radius:12px;padding:24px;overflow-y:auto}.farm-change-dialog button{white-space:normal}