.dashboard{width:100%;max-width:1600px;margin:0 auto;padding:24px;box-sizing:border-box;background:#f5f7fb;color:#1f2937}.eyebrow{display:block;margin-bottom:4px;color:#64748b;font-size:.72rem;font-weight:800;letter-spacing:.09em;text-transform:uppercase}.operations-header,.alarm-spotlight,.unit-section{background:#fff;border:1px solid #e2e8f0;border-radius:16px;box-shadow:0 5px 18px rgba(15,23,42,.06)}.operations-header{padding:24px;margin-bottom:20px}.operations-title,.spotlight-heading,.unit-name{display:flex;align-items:center;justify-content:space-between;gap:16px}.operations-title h1,.unit-name h2,.spotlight-heading h2{margin:0;color:#172033}.operations-title h1{font-size:1.7rem}.sync-indicator{display:flex;align-items:center;gap:7px;padding:8px 12px;border-radius:999px;background:#ecfdf3;color:#16794a;font-size:.82rem;font-weight:700}.sync-indicator i{font-size:.5rem}.summary-grid{display:grid;grid-template-columns:repeat(6,minmax(120px,1fr));gap:10px;margin:20px 0}.summary-card{display:grid;grid-template-columns:auto 1fr;grid-template-rows:auto auto;gap:0 10px;align-items:center;padding:13px 14px;text-align:left;background:#f8fafc;border:1px solid #e2e8f0;border-radius:12px;color:#475569;cursor:pointer}.summary-card:hover,.summary-card:focus-visible{border-color:#3b82f6;outline:none}.summary-card i{grid-row:1/3;font-size:1.2rem}.summary-value{font-size:1.3rem;font-weight:800;color:#172033}.summary-label{font-size:.74rem}.summary-alarm{background:#fff5f5;border-color:#fecaca}.summary-alarm i,.summary-alarm .summary-value{color:#c62828}.summary-offline i{color:#6b7280}.summary-stale i{color:#b45309}.summary-normal i{color:#15803d}.dashboard-actions{display:flex;gap:8px;flex-wrap:wrap}.dashboard-action{border:1px solid #cbd5e1;background:#fff;color:#334155;padding:9px 13px;border-radius:9px;font-weight:700;cursor:pointer}.dashboard-action.is-active,.dashboard-action:hover{background:#153664;color:#fff;border-color:#153664}.alarm-spotlight{padding:20px;margin-bottom:20px;border:2px solid #ef4444;background:#fffafa}.alarm-spotlight[hidden]{display:none}.alarm-count{display:grid;place-items:center;min-width:34px;height:34px;border-radius:99px;background:#c62828;color:#fff;font-weight:800}.spotlight-cards{display:grid;grid-template-columns:repeat(auto-fit,minmax(235px,300px));gap:12px;margin-top:16px}.dashboard-hierarchy{display:grid;gap:22px}.unit-section{overflow:hidden}.unit-name{padding:20px 24px;background:#f8fafc;border-left:5px solid #2563eb}.unit-name h2{font-size:1.3rem}.unit-device-count{font-size:.78rem;color:#64748b;font-weight:700}.sector-section{border-top:1px solid #e5e7eb}.sector-name{display:flex;width:100%;align-items:center;justify-content:space-between;gap:12px;padding:14px 20px;border:0;background:#fff;color:#263549;font-size:1rem;font-weight:750;text-align:left;cursor:pointer}.sector-name:hover{background:#f8fafc}.sector-title{display:flex;align-items:center;gap:10px}.sector-title>i{color:#3b82f6}.sector-count{padding:2px 8px;border-radius:999px;background:#e8eef7;color:#475569;font-size:.72rem}.sector-alert-badge{margin-left:auto;padding:4px 9px;border-radius:999px;background:#fee2e2;color:#b91c1c;font-size:.72rem;font-weight:800}.sector-chevron{transition:transform .2s}.sector-section.is-collapsed .sector-chevron{transform:rotate(180deg)}.sector-section.is-collapsed .sector-cards{display:none}.sector-section.filtered-empty{display:none}.sector-cards{display:flex;width:100%;overflow-x:auto;gap:12px;padding:4px 20px 20px;box-sizing:border-box;scroll-snap-type:x proximity;scrollbar-color:#b8c3d1 transparent}.sector-card-wrapper{flex:0 0 230px;scroll-snap-align:start}.sector-card-wrapper[hidden]{display:none}.device-container{position:relative;min-height:220px;height:100%;box-sizing:border-box;padding:17px;background:#fff;border:1px solid #dce3ec;border-top:5px solid #22a06b;border-radius:12px;box-shadow:0 3px 10px rgba(15,23,42,.08);cursor:pointer;transition:transform .15s,box-shadow .15s;text-align:left}.device-container:hover,.device-container:focus-visible{transform:translateY(-2px);box-shadow:0 8px 20px rgba(15,23,42,.13);outline:3px solid rgba(59,130,246,.25)}.device-container[data-state="alarm"]{border-color:#ef4444;border-top-color:#c62828;background:#fff8f8}.device-container[data-state="offline"]{border-top-color:#64748b}.device-container[data-state="stale"]{border-top-color:#d97706}.device-container[data-state="standby"]{border-top-color:#94a3b8;background:#f8fafc}.device-name{font-size:1rem;font-weight:800;color:#172033;margin-bottom:4px}.device-location{font-size:.7rem;color:#64748b;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;margin-bottom:12px}.device-header{font-size:.72rem!important;margin:4px 0}.main-temperature{font-size:1.8rem;font-weight:850}.additional-data{display:flex;justify-content:flex-start;gap:24px;margin:12px 0}.data-label{font-size:.66rem;color:#64748b}.data-value{font-size:.92rem;font-weight:750}.timestamp{display:flex;align-items:center;justify-content:space-between;gap:8px;margin-top:12px;font-size:.7rem;color:#7b8798}.datetime{display:flex;gap:4px}.status-badge{padding:4px 7px;border-radius:999px;font-size:.64rem;font-weight:800}.status-online{background:#dcfce7;color:#166534}.status-offline{background:#e5e7eb;color:#374151}.active-alarm-type{margin:8px 0;padding:7px 8px;border-radius:7px;background:#fee2e2;color:#b91c1c;font-size:.7rem;font-weight:800}.device-standby-badge{display:inline-block;padding:3px 7px;border-radius:999px;background:#e2e8f0;color:#475569;font-size:.65rem;font-weight:800}.spotlight-card{min-height:230px}.no-data{padding:40px;text-align:center;color:#64748b}
@media(max-width:1100px){.summary-grid{grid-template-columns:repeat(3,1fr)}}
@media(max-width:700px){.dashboard{padding:12px}.operations-header{padding:16px}.operations-title{align-items:flex-start}.operations-title h1{font-size:1.3rem}.sync-indicator{font-size:.7rem;padding:6px 8px}.summary-grid{grid-template-columns:repeat(2,1fr);gap:8px}.summary-card{padding:10px}.dashboard-actions{display:grid;grid-template-columns:1fr 1fr}.dashboard-action:last-child{grid-column:1/-1}.unit-name{padding:16px}.unit-device-count{display:none}.sector-name{padding:14px}.sector-cards{display:grid;grid-template-columns:1fr;overflow:visible;padding:0 14px 14px}.sector-card-wrapper{width:100%}.device-container{min-height:0}.spotlight-cards{grid-template-columns:1fr}.datetime{flex-direction:column}.sector-alert-badge{font-size:.65rem}}
@media(prefers-reduced-motion:reduce){*{animation:none!important;transition:none!important}}
.unit-name h2{max-width:70ch;overflow-wrap:anywhere;line-height:1.25}.device-location{white-space:normal;overflow-wrap:anywhere;display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden}
.device-quick-actions{position:absolute;top:9px;right:9px;z-index:4}.quick-actions-trigger{display:grid;place-items:center;width:32px;height:32px;border:1px solid #dce3ec;border-radius:9px;background:rgba(255,255,255,.96);color:#475569;cursor:pointer}.quick-actions-trigger:hover{background:#eef4fb;color:#153664}.quick-actions-menu{position:absolute;top:36px;right:0;min-width:180px;padding:5px;border:1px solid #dce3ec;border-radius:10px;background:#fff;box-shadow:0 12px 28px rgba(15,23,42,.18)}.quick-actions-menu[hidden]{display:none}.quick-actions-menu button{display:flex;width:100%;align-items:center;gap:9px;padding:9px 10px;border:0;border-radius:7px;background:transparent;color:#334155;font-size:.78rem;text-align:left;cursor:pointer}.quick-actions-menu button:hover{background:#f1f5f9;color:#153664}.device-container:has(.device-quick-actions) .device-name{padding-right:28px}
.device-config-popover{position:absolute;top:0;right:0;width:280px;padding:14px;border:1px solid #cbd5e1;border-radius:12px;background:#fff;color:#334155;box-shadow:0 16px 36px rgba(15,23,42,.22);cursor:default}.device-config-popover[hidden]{display:none}.popover-title{display:flex;align-items:center;justify-content:space-between;padding-bottom:9px;border-bottom:1px solid #e2e8f0;font-size:.86rem;font-weight:800}.popover-title button{border:0;background:transparent;color:#64748b;font-size:1.25rem;cursor:pointer}.device-config-popover dl{margin:8px 0 12px}.device-config-popover dl div{display:flex;justify-content:space-between;gap:12px;padding:7px 0;border-bottom:1px solid #f1f5f9}.device-config-popover dt{color:#64748b;font-size:.7rem;font-weight:700}.device-config-popover dd{margin:0;color:#172033;font-size:.74rem;font-weight:750;text-align:right}.device-config-popover>a{display:flex;align-items:center;justify-content:space-between;color:#315d96;font-size:.75rem;font-weight:800;text-decoration:none}
@media(max-width:700px){.device-config-popover{position:fixed;top:50%;right:16px;left:16px;width:auto;transform:translateY(-50%);z-index:6000}}