:root{--bg:#f4f6f8;--panel:#fff;--line:#dde3e8;--text:#17212b;--muted:#66717e;--cyan:#14a9d5;--cyan-dark:#087fa5;--cyan-soft:#e5f7fc;--blue:#148fd1;--green:#2fba61;--green-soft:#eaf8ef;--amber:#e49a18;--red:#d84b4b;--shadow:0 8px 24px rgba(31,45,61,.07)}
*{box-sizing:border-box}html{color-scheme:light}body{margin:0;background:var(--bg);color:var(--text);font-family:Inter,"Segoe UI",Arial,sans-serif;font-size:14px}a{color:inherit;text-decoration:none}button,input,select{font:inherit}button{color:inherit}.brand{display:flex;align-items:center}.brand-logo{display:block;width:178px;height:auto}.app-page{min-height:100vh;display:grid;grid-template-columns:244px minmax(0,1fr)}
.sidebar{position:sticky;top:0;height:100vh;display:flex;flex-direction:column;padding:24px 18px 16px;border-right:1px solid var(--line);background:#fff;z-index:20}.sidebar .brand{padding:0 8px 19px}.hotel-switcher{display:grid;gap:6px;padding:13px 10px;margin-bottom:14px;border:1px solid var(--line);border-radius:7px;background:#f8fafb}.hotel-switcher label,.filters label,.inline-filter label,.command-panel label,.settings-grid label{display:grid;gap:6px;color:var(--muted);font-size:12px;font-weight:700}.hotel-switcher select,.filters select,.inline-filter select,.command-panel select,.command-panel input,.settings-grid input,.modal input{width:100%;height:38px;padding:0 10px;border:1px solid var(--line);border-radius:5px;background:#fff;color:var(--text);outline:none}.hotel-switcher select:focus,.filters select:focus,input:focus,select:focus{border-color:var(--cyan)}
.nav-list{display:grid;gap:2px;overflow-y:auto}.nav-section{margin:14px 10px 5px;color:#98a1aa;font-size:10px;font-weight:800;text-transform:uppercase}.nav-item{display:flex;align-items:center;gap:10px;min-height:38px;padding:8px 10px;border-radius:5px;color:#4d5965;font-weight:650}.nav-item:hover{background:#f2f6f8;color:var(--text)}.nav-item.active{background:var(--cyan-soft);color:#066d90}.nav-item svg{flex:0 0 auto}.nav-count{margin-left:auto;min-width:21px;padding:2px 5px;border-radius:10px;background:#ffe8e6;color:#bd3d36;text-align:center;font-size:11px}.sidebar-footer{margin-top:auto;padding-top:12px;border-top:1px solid var(--line);display:grid;gap:2px}
.app-main{width:min(1450px,100%);padding:28px clamp(18px,3.2vw,46px) 70px}.page-header{display:flex;align-items:center;justify-content:space-between;gap:20px;margin-bottom:24px}.page-header h1{margin:0 0 5px;font-size:30px;line-height:1.15;letter-spacing:0}.page-header>div>span{color:var(--muted)}.eyebrow{margin:0 0 7px;color:var(--cyan-dark);font-size:10px;font-weight:850;text-transform:uppercase}.back-link{display:inline-flex;align-items:center;gap:6px;margin-bottom:8px;color:var(--cyan-dark);font-weight:700}.weather-chip{display:flex;align-items:center;gap:11px;min-width:245px;padding:10px 12px;border:1px solid var(--line);border-radius:7px;background:#fff;box-shadow:var(--shadow)}.weather-chip>div{display:grid;gap:2px}.weather-chip small{color:var(--muted)}.weather-chip strong{font-size:18px}.live-dot{margin-left:auto!important;padding:4px 7px;border-radius:10px;background:var(--green-soft);color:#187d3b!important;font-size:10px;font-weight:800}
.primary-button,.secondary-button,.danger-button,.text-button,.icon-button{border:0;cursor:pointer;display:inline-flex;align-items:center;justify-content:center;gap:8px;font-weight:750}.primary-button{min-height:42px;padding:0 18px;border-radius:6px;background:var(--cyan);color:#fff}.primary-button:hover{background:var(--cyan-dark)}.primary-button.compact{min-height:38px;width:auto}.secondary-button{min-height:38px;padding:0 14px;border:1px solid var(--line);border-radius:6px;background:#fff}.secondary-button:hover{border-color:#aab5bf;background:#f8fafb}.danger-button{min-height:38px;padding:0 14px;border-radius:6px;background:#fff0ef;color:#b53531}.text-button,.text-link{padding:0;background:none;color:var(--cyan-dark);font-weight:750}.text-link{display:inline-flex;align-items:center;gap:5px}.icon-button{width:36px;height:36px;border:1px solid var(--line);border-radius:5px;background:#fff}.icon-button:hover{background:#f2f6f8}.icon-button.danger{color:var(--red)}
.kpi-grid{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:12px;margin-bottom:14px}.kpi-card{display:flex;align-items:center;gap:13px;min-height:100px;padding:15px;border:1px solid var(--line);border-radius:7px;background:#fff;box-shadow:var(--shadow)}.kpi-icon{display:grid;place-items:center;width:40px;height:40px;border-radius:6px;background:var(--cyan-soft);color:var(--cyan-dark)}.kpi-card p{margin:0 0 4px;color:var(--muted);font-size:12px}.kpi-card strong{display:block;font-size:24px}.kpi-card span{display:block;margin-top:3px;color:#8a949e;font-size:11px}
.dashboard-grid,.detail-layout,.analysis-grid,.info-layout{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:14px}.panel{min-width:0;padding:18px;border:1px solid var(--line);border-radius:7px;background:#fff;box-shadow:var(--shadow)}.span-2{grid-column:span 2}.panel-header{display:flex;align-items:flex-start;justify-content:space-between;gap:14px;margin-bottom:15px}.panel-header h2{margin:0 0 3px;font-size:17px}.panel-header p{margin:0;color:var(--muted);font-size:12px}.compact-room-map{display:grid;grid-template-columns:repeat(auto-fill,minmax(66px,1fr));gap:7px}.map-room{position:relative;display:grid;gap:2px;min-height:53px;padding:7px;border:1px solid var(--line);border-left-width:4px;border-radius:5px;background:#fbfcfd}.map-room:hover{border-color:var(--cyan)}.map-room strong{font-size:14px}.map-room span{color:var(--muted);font-size:11px}.map-room.has-alert::after{content:"";position:absolute;right:5px;top:5px;width:6px;height:6px;border-radius:50%;background:var(--red)}.mini-state{position:absolute;right:6px;bottom:7px;width:7px;height:7px;border-radius:50%;background:#c7cdd2}.mini-state.on{background:var(--blue);box-shadow:0 0 0 3px rgba(20,143,209,.12)}.mode-border-disabled{border-left-color:#c7cdd2!important}.mode-border-eco{border-left-color:var(--green)!important}.mode-border-comfort{border-left-color:#68c9e8!important}.mode-summary{display:grid;gap:10px}.mode-summary>div{display:grid;grid-template-columns:12px 1fr auto;align-items:center;gap:9px;padding:9px 0;border-bottom:1px solid #edf0f2}.mode-summary>div:last-child{border:0}.mode-summary p{margin:0}.mode-dot{width:10px;height:10px;border-radius:2px}.mode-dot.disabled{background:#c7cdd2}.mode-dot.eco{background:var(--green)}.mode-dot.comfort{background:#68c9e8}.event-list,.device-list,.timeline,.alert-list,.health-panel ul{list-style:none;padding:0;margin:0}.event-list{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:8px}.event-list li{display:flex;gap:9px;padding:9px;background:#f7f9fa;border-radius:5px}.event-icon{display:grid;place-items:center;width:28px;height:28px;border-radius:5px;background:#fff;color:var(--cyan-dark)}.event-list div{display:grid;gap:3px}.event-list small{color:var(--muted)}.alert-overview{display:flex;flex-direction:column}.big-number{font-size:54px;line-height:1;color:var(--red)}.alert-overview>span{margin:4px 0 18px;color:var(--muted)}
.filters{display:grid;grid-template-columns:repeat(4,minmax(140px,1fr)) 38px;align-items:end;gap:10px;margin-bottom:15px;padding:12px;border:1px solid var(--line);border-radius:7px;background:#fff}.filter-submit{color:var(--cyan-dark)}.room-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(225px,1fr));gap:12px}.room-card{display:grid;gap:14px;padding:15px;border:1px solid var(--line);border-left-width:4px;border-radius:7px;background:#fff;box-shadow:0 4px 14px rgba(31,45,61,.04);transition:box-shadow .15s,transform .15s}.room-card:hover{box-shadow:var(--shadow);transform:translateY(-1px)}.room-card header{display:flex;justify-content:space-between;align-items:flex-start;gap:10px}.room-card header>div:first-child{display:grid}.room-card header small{color:var(--muted)}.room-card header strong{font-size:23px}.room-signals{display:flex;align-items:center;gap:4px}.signal{display:grid;place-items:center;width:30px;height:30px;border:1px solid #e4e8eb;border-radius:5px;background:#f7f8f9;color:#aab2ba}.signal.active{border-color:#acdff0;background:var(--cyan-soft);color:var(--blue)}.room-primary{display:grid;gap:2px}.room-primary>strong{font-size:30px}.room-primary span{color:var(--muted);font-size:12px}.room-card footer{display:flex;align-items:center;gap:7px}.mode-badge{display:inline-flex;align-items:center;min-height:25px;padding:0 8px;border-radius:4px;font-size:11px;font-weight:800}.mode-disabled{background:#eff1f2;color:#68717a}.mode-eco{background:var(--green-soft);color:#1b7d3d}.mode-comfort{background:#e4f7fc;color:#087da4}.power-value{margin-left:auto;color:var(--muted);font-size:11px}.alert-count{display:flex;align-items:center;gap:3px;color:var(--red);font-size:11px;font-weight:800}.empty-state{grid-column:1/-1;padding:40px;text-align:center;color:var(--muted)}
.room-detail-header{align-items:end}.header-room-state{display:flex;align-items:center;gap:10px}.detail-layout{grid-template-columns:minmax(280px,.75fr) minmax(400px,1.55fr)}.chart-panel{min-height:390px}.control-block{display:grid;gap:8px;margin:16px 0}.control-block>label{color:var(--muted);font-size:12px;font-weight:700}.segmented{display:grid;grid-template-columns:repeat(3,1fr);padding:3px;border:1px solid var(--line);border-radius:6px;background:#f5f7f8}.segmented button{min-height:34px;border:0;border-radius:4px;background:transparent;cursor:pointer;font-weight:700}.segmented button.active{background:#fff;box-shadow:0 1px 5px rgba(31,45,61,.15);color:var(--cyan-dark)}.stepper{display:grid;grid-template-columns:40px 1fr 40px;align-items:center;border:1px solid var(--line);border-radius:6px;overflow:hidden}.stepper button{height:40px;border:0;background:#f6f8f9;cursor:pointer}.stepper strong{text-align:center;font-size:18px}.switch-list{display:grid;border-top:1px solid var(--line)}.switch-list label{display:flex;align-items:center;justify-content:space-between;padding:12px 0;border-bottom:1px solid var(--line)}.switch-list label>span{display:flex;align-items:center;gap:8px}.switch-list input{position:absolute;opacity:0}.switch-list i{position:relative;width:38px;height:22px;border-radius:12px;background:#c9cfd5;cursor:pointer}.switch-list i::after{content:"";position:absolute;width:16px;height:16px;left:3px;top:3px;border-radius:50%;background:#fff;transition:left .15s}.switch-list input:checked+i{background:var(--cyan)}.switch-list input:checked+i::after{left:19px}.chart-wrap{position:relative;width:100%;height:285px}.chart-wrap.tall{height:380px}.device-list,.timeline{display:grid;gap:2px;max-height:360px;overflow:auto}.device-list li{display:grid;grid-template-columns:9px 1fr auto;align-items:center;gap:9px;padding:9px;border-bottom:1px solid #edf0f2}.device-list div{display:grid}.device-list small{color:var(--muted)}.device-list>li>span:last-child{color:var(--muted);font-size:11px}.device-status{width:8px;height:8px;border-radius:50%;background:#c7cdd2}.device-status.online{background:var(--green)}.timeline li{display:grid;grid-template-columns:70px 1fr;gap:10px;padding:9px 0;border-bottom:1px solid #edf0f2}.timeline time{color:var(--muted);font-size:11px}.alert-list{display:grid;gap:6px}.alert-list li{display:flex;align-items:center;gap:10px;padding:10px;border-radius:5px;background:#fff8ea;color:#8d5d0a}.alert-list li.error{background:#fff0ef;color:#a3322e}.alert-list div{display:grid;gap:2px}.alert-list small{opacity:.75}.empty-inline{color:var(--muted)!important;background:#f7f9fa!important}
.tab-switch{display:flex;padding:3px;border:1px solid var(--line);border-radius:6px;background:#fff}.tab-switch a{padding:7px 13px;border-radius:4px;color:var(--muted);font-weight:700}.tab-switch a.active{background:var(--cyan-soft);color:var(--cyan-dark)}.alert-table{padding:0;overflow:hidden}.table-head,.alert-table article{display:grid;grid-template-columns:115px 90px minmax(250px,1fr) 130px 80px;align-items:center;gap:10px;padding:11px 15px}.table-head{background:#f5f7f8;color:var(--muted);font-size:11px;font-weight:800;text-transform:uppercase}.alert-table article{border-top:1px solid var(--line)}.alert-table article>span:first-child{display:flex;align-items:center;gap:7px;text-transform:capitalize}.alert-table article>div:nth-child(3){display:grid;gap:2px}.alert-table small{color:var(--muted)}.severity-dot{width:8px;height:8px;border-radius:50%;background:var(--amber)}.severity-dot.error{background:var(--red)}.severity-dot.info{background:var(--blue)}.row-actions{display:flex;gap:5px}
.control-layout{display:grid;grid-template-columns:minmax(0,1.5fr) minmax(280px,.5fr);gap:14px}.floor-selector{display:flex;flex-wrap:wrap;gap:6px;margin-bottom:12px}.floor-selector button{min-height:31px;padding:0 10px;border:1px solid var(--line);border-radius:4px;background:#fff;cursor:pointer}.floor-selector button:hover{border-color:var(--cyan);color:var(--cyan-dark)}.room-check-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(65px,1fr));gap:6px;max-height:430px;overflow:auto}.room-check-grid label{position:relative}.room-check-grid input{position:absolute;opacity:0}.room-check-grid span{display:grid;place-items:center;min-height:35px;border:1px solid var(--line);border-radius:4px;background:#fff;cursor:pointer;font-weight:700}.room-check-grid input:checked+span{border-color:var(--cyan);background:var(--cyan-soft);color:var(--cyan-dark)}.command-panel{display:grid;align-content:start;gap:16px}.command-note{display:flex;gap:9px;padding:11px;border-radius:5px;background:#f1f7f9;color:var(--muted);line-height:1.4}
.inline-filter{min-width:230px}.analysis-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.compare-selector{display:flex;align-items:center;gap:12px;margin-bottom:14px}.compare-selector>div{display:flex;flex-wrap:wrap;gap:5px;flex:1;max-height:90px;overflow:auto}.compare-selector label{position:relative}.compare-selector input{position:absolute;opacity:0}.compare-selector span{display:block;padding:6px 9px;border:1px solid var(--line);border-radius:4px;cursor:pointer}.compare-selector input:checked+span{border-color:var(--cyan);background:var(--cyan-soft);color:var(--cyan-dark)}.comparison-cards{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:12px;margin-bottom:14px}.comparison-cards header{display:flex;justify-content:space-between;gap:10px;margin-bottom:12px}.comparison-cards h2{margin:2px 0;font-size:24px}.comparison-cards small{color:var(--muted)}.comparison-cards dl{display:grid;gap:7px;margin:15px 0 0}.comparison-cards dl div{display:flex;justify-content:space-between;padding-top:7px;border-top:1px solid #edf0f2}.comparison-cards dt{color:var(--muted)}.comparison-cards dd{margin:0;font-weight:800}.comparison-chart{margin-top:14px}
.group-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(280px,1fr));gap:12px}.group-card header{display:flex;justify-content:space-between}.group-card h2{margin:0 0 4px}.group-card p{margin:0;color:var(--muted)}.group-stats{display:flex;align-items:baseline;gap:6px;margin:18px 0 10px}.group-stats strong{font-size:30px}.group-stats span{color:var(--muted)}.tag-list{display:flex;flex-wrap:wrap;gap:5px}.tag-list span{padding:4px 7px;border-radius:4px;background:#f1f4f6;font-size:11px}.empty-panel{grid-column:1/-1;text-align:center;padding:50px}.modal{width:min(620px,calc(100% - 28px));padding:0;border:0;border-radius:8px;box-shadow:0 24px 80px rgba(0,0,0,.25)}.modal::backdrop{background:rgba(12,22,30,.45)}.modal form{display:grid;gap:14px;padding:20px}.modal header{display:flex;justify-content:space-between;align-items:center}.modal h2{margin:0}.modal label{display:grid;gap:6px;color:var(--muted);font-size:12px;font-weight:700}.modal fieldset{border:1px solid var(--line);border-radius:6px}.modal legend{padding:0 7px;color:var(--muted);font-size:12px}
.settings-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:14px}.settings-grid form{display:grid;gap:14px}.two-fields{display:grid;grid-template-columns:1fr 1fr;gap:10px}.status-badge{padding:4px 8px;border-radius:4px;background:#eef1f3;color:var(--muted);font-size:11px;font-weight:800;text-transform:uppercase}.status-badge.running{background:var(--green-soft);color:#197b3c}.status-badge.error{background:#fff0ef;color:#a3322e}.simulator-card dl{display:grid;gap:8px}.simulator-card dl div{display:grid;grid-template-columns:90px 1fr;gap:8px;padding:8px 0;border-bottom:1px solid #edf0f2}.simulator-card dt{color:var(--muted)}.simulator-card dd{margin:0;word-break:break-word}.button-row{display:flex;gap:8px;flex-wrap:wrap}.danger-zone{display:flex;align-items:center;justify-content:space-between;border-color:#f2c4c1}.danger-zone h2{margin:0 0 4px}.danger-zone p{margin:0;color:var(--muted)}
.info-kpis{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:12px;margin-bottom:14px}.info-kpis article{display:grid;grid-template-columns:38px 1fr;grid-template-rows:auto auto;column-gap:10px;padding:14px;border:1px solid var(--line);border-radius:7px;background:#fff}.info-kpis article>span{grid-row:1/3;display:grid;place-items:center;border-radius:6px;background:var(--cyan-soft);color:var(--cyan-dark)}.info-kpis strong{font-size:23px}.info-kpis small{color:var(--muted)}.topology{display:grid;gap:9px}.topology section{display:grid;grid-template-columns:210px 1fr;align-items:center;gap:15px;padding:10px;border:1px solid #edf0f2;border-radius:5px}.topology header{display:grid;grid-template-columns:9px 1fr;align-items:center;gap:9px}.topology header div{display:grid}.topology small{color:var(--muted)}.topology section>div{display:flex;flex-wrap:wrap;gap:5px}.topology a{padding:5px 7px;border-radius:4px;background:#f0f7fa;color:var(--cyan-dark);font-size:11px;font-weight:750}.topology a.offline{background:#fff0ef;color:var(--red)}.health-panel ul{display:grid;gap:3px}.health-panel li{display:grid;grid-template-columns:9px 1fr auto;align-items:center;gap:9px;padding:10px 0;border-bottom:1px solid #edf0f2}.health-panel li div{display:grid}.health-panel small{color:var(--muted)}
.toast{position:fixed;right:20px;bottom:20px;z-index:1000;max-width:360px;padding:11px 14px;border-radius:6px;background:#17212b;color:#fff;box-shadow:0 10px 35px rgba(0,0,0,.22);opacity:0;transform:translateY(10px);pointer-events:none;transition:.2s}.toast.show{opacity:1;transform:none}.toast.error{background:#a3322e}.mobile-nav{display:none}.hidden,[hidden]{display:none!important}
.auth-page{min-height:100vh;background:#e9f8ff}.auth-wrap{min-height:100vh;display:grid;place-content:center;justify-items:center;gap:25px;padding:25px}.auth-wrap>.brand .brand-logo{width:240px}.auth-card{width:min(420px,calc(100vw - 30px));padding:28px;border:1px solid rgba(255,255,255,.8);border-radius:8px;background:rgba(255,255,255,.72);box-shadow:0 20px 60px rgba(31,45,61,.14);text-align:center}.auth-card h1{margin:0 0 7px}.auth-card p{margin:0 0 20px;color:var(--muted);line-height:1.5}.auth-card label{display:grid;gap:5px;margin-bottom:12px;text-align:left;color:var(--muted);font-weight:700}.auth-card input{height:42px;padding:0 11px;border:1px solid var(--line);border-radius:5px}.auth-card .primary-button{width:100%}.auth-card small{display:block;margin-top:20px;color:#8d97a1}.success-icon{display:grid;place-items:center;width:54px;height:54px;margin:0 auto 15px;border-radius:50%;background:var(--green-soft);color:var(--green)}
.onboarding-page{background:#f6f8f9}.onboarding-shell{min-height:100vh;display:grid;grid-template-columns:290px 1fr}.onboarding-rail{display:flex;flex-direction:column;gap:20px;padding:30px 24px;border-right:1px solid var(--line);background:#fff}.onboarding-rail .brand-logo{width:190px}.rail-copy{color:var(--muted);line-height:1.5}.step-list{display:grid;gap:4px;margin:0;padding:0;list-style:none}.step-list li{padding:9px 10px;border-radius:5px;color:var(--muted)}.step-list li.active{background:var(--cyan-soft);color:var(--cyan-dark);font-weight:800}.step-list li.done{color:var(--green)}.live-summary{margin-top:auto;padding:14px;border:1px solid var(--line);border-radius:7px;background:#f8fafb}.live-summary h2{margin:0 0 10px;font-size:12px}.live-summary p{display:flex;justify-content:space-between;margin:7px 0;color:var(--muted)}.live-summary strong{color:var(--text)}.onboarding-main{display:flex;flex-direction:column;min-height:100vh;padding:38px min(7vw,80px)}.mobile-logo,.progress{display:none}.wizard-step{display:none;width:min(820px,100%);margin:auto}.wizard-step.active{display:block}.wizard-step h1{margin:0 0 12px;font-size:42px;line-height:1.08}.hero-copy{max-width:620px;color:var(--muted);font-size:17px;line-height:1.5}.welcome-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:12px;margin-top:28px}.welcome-grid article{display:grid;gap:7px;padding:16px;border:1px solid var(--line);border-radius:7px;background:#fff}.welcome-grid article svg{color:var(--cyan)}.welcome-grid span{color:var(--muted)}.onboarding-main label{display:grid;gap:7px;margin:18px 0 8px;font-weight:750}.onboarding-main input{height:44px;padding:0 12px;border:1px solid var(--line);border-radius:5px;background:#fff}.field-grid{display:grid;grid-template-columns:1fr 1fr;gap:12px}.field-error,.status-error{padding:10px;border-radius:5px;background:#fff0ef;color:#a3322e}.preview-card,.blueprint-preview{margin-top:18px;padding:15px;border:1px solid var(--line);border-radius:7px;background:#fff}.preview-card{display:grid;gap:5px;width:320px}.preview-card span,.preview-card small{color:var(--muted)}.preview-card strong{font-size:22px}.blueprint-preview{display:flex;gap:40px;width:max-content}.blueprint-preview p{display:grid;gap:3px;margin:0;text-align:center}.blueprint-preview strong{font-size:28px;color:var(--cyan-dark)}.wizard-actions{display:flex;justify-content:flex-end;gap:9px;padding-top:25px}
@media(max-width:1100px){.app-page{grid-template-columns:220px minmax(0,1fr)}.sidebar{padding-left:12px;padding-right:12px}.kpi-grid{grid-template-columns:repeat(2,1fr)}.comparison-cards{grid-template-columns:repeat(2,1fr)}.dashboard-grid{grid-template-columns:repeat(2,1fr)}.dashboard-grid>.span-2{grid-column:span 2}.detail-layout{grid-template-columns:1fr}.detail-layout>.span-2{grid-column:1}.alert-table{overflow-x:auto}.table-head,.alert-table article{min-width:800px}}
@media(max-width:780px){.app-page{display:block}.sidebar{display:none}.app-main{padding:20px 14px 88px}.page-header{align-items:flex-start;flex-direction:column}.page-header h1{font-size:27px}.weather-chip{width:100%}.kpi-grid,.dashboard-grid,.analysis-grid,.info-layout,.settings-grid,.info-kpis{grid-template-columns:1fr 1fr}.dashboard-grid>.span-2,.analysis-grid>.span-2,.info-layout>.span-2,.settings-grid>.span-2{grid-column:span 2}.filters{grid-template-columns:1fr 1fr}.filter-submit{width:100%;grid-column:span 2}.room-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.mobile-nav{position:fixed;left:8px;right:8px;bottom:8px;z-index:50;display:grid;grid-template-columns:repeat(5,1fr);padding:5px;border:1px solid var(--line);border-radius:8px;background:rgba(255,255,255,.95);box-shadow:0 12px 35px rgba(31,45,61,.17);backdrop-filter:blur(10px)}.mobile-nav a{display:grid;place-items:center;gap:2px;padding:5px 2px;border-radius:5px;color:var(--muted);font-size:10px}.mobile-nav a.active{background:var(--cyan-soft);color:var(--cyan-dark)}.control-layout{grid-template-columns:1fr}.comparison-cards{grid-template-columns:1fr 1fr}.event-list{grid-template-columns:1fr}.onboarding-shell{display:block}.onboarding-rail{display:none}.onboarding-main{padding:22px 16px 90px}.mobile-logo{display:block;margin-bottom:20px}.mobile-logo .brand-logo{width:190px}.progress{display:flex;gap:5px}.progress span{height:4px;flex:1;border-radius:2px;background:#dce2e6}.progress span.active{background:var(--cyan)}.wizard-step h1{font-size:32px}.wizard-actions{position:fixed;left:0;right:0;bottom:0;padding:10px 14px;background:#fff;border-top:1px solid var(--line)}.welcome-grid{grid-template-columns:1fr}}
@media(max-width:520px){.kpi-grid,.dashboard-grid,.analysis-grid,.info-layout,.settings-grid,.info-kpis{grid-template-columns:1fr}.dashboard-grid>.span-2,.analysis-grid>.span-2,.info-layout>.span-2,.settings-grid>.span-2{grid-column:1}.room-grid{grid-template-columns:1fr}.filters{grid-template-columns:1fr}.filter-submit{grid-column:1}.comparison-cards{grid-template-columns:1fr}.field-grid,.two-fields{grid-template-columns:1fr}.weather-chip{min-width:0}.topology section{grid-template-columns:1fr}.danger-zone{align-items:flex-start;flex-direction:column}.room-detail-header{align-items:flex-start}.header-room-state{width:100%;justify-content:space-between}.compare-selector{align-items:stretch;flex-direction:column}.auth-card{padding:22px}.wizard-step h1{font-size:28px}}

/* Dashboard inspirado en la experiencia de supervisión por habitaciones. */
.reference-dashboard{max-width:1450px}.dashboard-titlebar{display:flex;align-items:flex-end;justify-content:space-between;gap:24px;max-width:1350px;margin-bottom:20px}.dashboard-titlebar h1{margin:0 0 5px;font-size:34px;letter-spacing:0}.dashboard-titlebar>div:first-child>span{color:var(--muted)}.dashboard-live-summary{display:flex;align-items:stretch;gap:7px}.dashboard-live-summary>div{display:grid;grid-template-columns:20px auto;grid-template-rows:auto auto;column-gap:7px;min-width:112px;padding:9px 11px;border:1px solid var(--line);border-radius:14px;background:#fff}.dashboard-live-summary svg{grid-row:1/3;align-self:center;color:var(--cyan-dark)}.dashboard-live-summary span{color:var(--muted);font-size:10px}.dashboard-live-summary strong{font-size:13px}
.dashboard-toolbar{position:sticky;top:8px;z-index:12;display:grid;grid-template-columns:minmax(220px,1fr) auto auto;align-items:center;gap:9px;max-width:1350px;margin-bottom:13px;padding:8px;border:1px solid rgba(221,227,232,.88);border-radius:24px;background:rgba(255,255,255,.9);box-shadow:0 10px 34px rgba(31,45,61,.1);backdrop-filter:blur(14px);transition:box-shadow .3s,transform .3s}.dashboard-toolbar:focus-within{box-shadow:0 14px 40px rgba(31,45,61,.14)}.dashboard-search{display:flex;align-items:center;gap:8px;height:40px;padding:0 13px;border:1px solid var(--line);border-radius:20px;background:#f5f7f8;color:var(--muted);transition:border-color .25s,background .25s}.dashboard-search:focus-within{border-color:#a7dced;background:#fff}.dashboard-search input{min-width:0;flex:1;border:0;outline:0;background:transparent;color:var(--text)}.dashboard-filter-row{display:flex;align-items:center;gap:4px;overflow-x:auto;scrollbar-width:none}.dashboard-filter-row::-webkit-scrollbar{display:none}.dashboard-filter-row button,.dashboard-view-toggle button{height:36px;border:0;border-radius:18px;background:transparent;color:#596571;cursor:pointer;white-space:nowrap;font-weight:700;transition:background .22s,color .22s,transform .22s}.dashboard-filter-row button{padding:0 11px}.dashboard-filter-row button:hover{background:#f0f4f6}.dashboard-filter-row button.active{background:var(--cyan-soft);color:var(--cyan-dark)}.dashboard-filter-row button:active,.dashboard-view-toggle button:active{transform:scale(.95)}.dashboard-filter-row b{margin-left:3px;font-size:10px}.dashboard-view-toggle{display:flex;padding:2px;border-left:1px solid var(--line)}.dashboard-view-toggle button{display:grid;place-items:center;width:36px}.dashboard-view-toggle button.active{background:#edf2f4;color:var(--cyan-dark)}
.dashboard-room-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(285px,1fr));gap:12px;max-width:1350px;transition:grid-template-columns .35s ease}.dashboard-room-card{min-width:0;min-height:176px;padding:21px 22px 17px;border:1px solid var(--line)!important;border-radius:24px;background:#fff;box-shadow:0 4px 20px rgba(31,45,61,.055);animation:dashboardCardIn .46s cubic-bezier(.22,.8,.24,1) both;animation-delay:min(calc(var(--card-index) * 34ms),420ms);transition:transform .28s cubic-bezier(.22,.8,.24,1),box-shadow .28s,border-color .28s,opacity .22s}.dashboard-room-card:hover{transform:translateY(-4px) scale(1.008);border-color:#b9dce8!important;box-shadow:0 16px 38px rgba(31,45,61,.13)}.dashboard-room-card.has-alert{box-shadow:inset 0 0 0 1px rgba(216,75,75,.16),0 4px 20px rgba(31,45,61,.055)}.dashboard-card-top{display:flex!important;align-items:center!important;justify-content:space-between;gap:8px}.dashboard-temperature{display:flex;align-items:center;gap:5px;color:var(--cyan-dark)}.dashboard-temperature strong{font-size:20px!important;line-height:1}.dashboard-card-badges{display:flex;align-items:center;justify-content:flex-end;gap:5px;min-width:0}.dashboard-room-card .mode-badge{border-radius:14px}.dashboard-room-card .mode-comfort{background:#fff5cf;color:#a26900}.filter-badge{display:grid;place-items:center;width:27px;height:27px;border-radius:50%;background:#fff0e5;color:#bd6416}.dashboard-card-main{display:flex;align-items:flex-end;justify-content:space-between;gap:10px;margin-top:21px}.dashboard-room-name{font-size:46px;line-height:.95;color:#10253b;letter-spacing:0}.dashboard-room-card .room-signals{flex-shrink:0}.dashboard-room-card .signal{width:29px;height:29px;border-radius:50%;padding:0}.dashboard-card-footer{display:flex!important;align-items:center;gap:9px!important;margin-top:17px;padding-top:10px;border-top:1px solid #edf0f2;color:var(--muted);font-size:10px}.dashboard-card-footer span{display:inline-flex;align-items:center;gap:4px;white-space:nowrap}.dashboard-card-footer em{font-style:normal}.dashboard-card-footer span:first-child{margin-right:auto}.dashboard-card-footer [data-room-thermal]{color:#3482a1}.dashboard-room-card.filtered-out{display:none}.dashboard-room-grid.dense{grid-template-columns:repeat(auto-fill,minmax(220px,1fr));gap:8px}.dashboard-room-grid.dense .dashboard-room-card{min-height:138px;padding:15px 16px;border-radius:18px}.dashboard-room-grid.dense .dashboard-card-main{margin-top:13px}.dashboard-room-grid.dense .dashboard-room-name{font-size:36px}.dashboard-room-grid.dense .dashboard-card-footer{margin-top:11px}.dashboard-empty{max-width:1350px;padding:45px;border:1px dashed var(--line);border-radius:24px;text-align:center;color:var(--muted)}
.signal,.mode-badge,.filter-badge,.dashboard-temperature strong,.dashboard-card-footer span,.kpi-card strong{transition:color .28s,background-color .28s,border-color .28s,transform .28s,opacity .28s}.signal.active{transform:scale(1.06)}.signal.active [data-lucide="fan"]{animation:fancoilSpin 1.25s linear infinite}.value-changed{animation:valueFlash .5s ease}.state-changed{animation:statePop .42s cubic-bezier(.2,.9,.3,1)}
@keyframes dashboardCardIn{from{opacity:0;transform:translateY(16px) scale(.975)}to{opacity:1;transform:none}}@keyframes fancoilSpin{to{transform:rotate(360deg)}}@keyframes valueFlash{0%,100%{color:inherit;transform:none}35%{color:var(--cyan-dark);transform:translateY(-2px)}}@keyframes statePop{0%{transform:scale(.82)}55%{transform:scale(1.14)}100%{transform:scale(1.06)}}
@media(prefers-reduced-motion:reduce){.dashboard-room-card{animation:none;transition:none}.signal.active [data-lucide="fan"]{animation:none}.value-changed,.state-changed{animation:none}}
@media(max-width:1180px){.dashboard-titlebar{align-items:flex-start;flex-direction:column}.dashboard-live-summary{width:100%}.dashboard-live-summary>div{flex:1}.dashboard-toolbar{grid-template-columns:1fr auto}.dashboard-filter-row{grid-column:1/-1;grid-row:2}.dashboard-room-grid{grid-template-columns:repeat(auto-fill,minmax(260px,1fr))}}
@media(max-width:780px){.dashboard-titlebar{margin-bottom:16px}.dashboard-live-summary{display:grid;grid-template-columns:1fr 1fr}.dashboard-toolbar{top:6px;border-radius:18px}.dashboard-search{border-radius:14px}.dashboard-filter-row{margin:0 -2px}.dashboard-room-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:9px}.dashboard-room-card{min-height:164px;padding:17px;border-radius:19px}.dashboard-room-name{font-size:38px}.dashboard-card-footer{flex-wrap:wrap}.dashboard-card-footer span:first-child{width:100%;margin-right:0}.dashboard-room-grid.dense{grid-template-columns:repeat(2,minmax(0,1fr))}}
@media(max-width:520px){.dashboard-live-summary>div{min-width:0}.dashboard-room-grid,.dashboard-room-grid.dense{grid-template-columns:1fr}.dashboard-room-card{min-height:168px}.dashboard-card-footer span:first-child{width:auto;margin-right:auto}.dashboard-titlebar h1{font-size:30px}}

/* Dashboard global de supervisión y energía. */
.global-dashboard{max-width:1510px}.global-dashboard-header{display:flex;align-items:flex-end;justify-content:space-between;gap:20px;margin-bottom:18px}.global-dashboard-header h1{margin:0 0 5px;font-size:34px}.global-dashboard-header>div:first-child>span{color:var(--muted)}.global-live-pill{display:grid;grid-template-columns:9px auto auto;align-items:center;gap:2px 7px;padding:9px 14px;border:1px solid var(--line);border-radius:18px;background:#fff;box-shadow:var(--shadow)}.global-live-pill i,.live-ring{width:8px;height:8px;border-radius:50%;background:var(--green);box-shadow:0 0 0 5px rgba(47,186,97,.12);animation:livePulse 2s ease-out infinite}.global-live-pill span{color:var(--muted);font-size:10px}.global-live-pill strong{font-size:16px}.global-live-pill small{grid-column:2/4;color:var(--muted)}
.global-search-wrap{position:relative;z-index:15;width:min(510px,100%);margin-bottom:18px}.global-search{display:flex;align-items:center;gap:10px;height:48px;padding:0 15px;border:1px solid var(--line);border-radius:24px;background:#fff;box-shadow:0 8px 26px rgba(31,45,61,.08);color:var(--muted);transition:border-color .25s,box-shadow .25s}.global-search:focus-within{border-color:#9dd9eb;box-shadow:0 12px 34px rgba(31,45,61,.12)}.global-search input{min-width:0;flex:1;border:0;outline:0}.global-search kbd{padding:2px 7px;border:1px solid var(--line);border-radius:5px;background:#f5f7f8;font-size:11px}.global-search-results{position:absolute;top:54px;left:0;right:0;max-height:290px;overflow:auto;padding:7px;border:1px solid var(--line);border-radius:14px;background:#fff;box-shadow:0 20px 50px rgba(31,45,61,.18)}.global-search-results a{display:flex;align-items:center;justify-content:space-between;padding:10px;border-radius:9px}.global-search-results a:hover{background:var(--cyan-soft)}.global-search-results span{color:var(--muted);font-size:12px}
.global-metric-strip{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));margin-bottom:16px;border:1px solid var(--line);border-radius:24px;background:#fff;overflow:hidden}.global-metric-strip article{display:flex;align-items:center;gap:14px;min-height:112px;padding:20px;border-right:1px solid #edf0f2;overflow:hidden}.global-metric-strip article>div{min-width:0}.global-metric-strip article:last-child{border:0}.metric-icon{display:grid;place-items:center;flex:0 0 43px;height:43px;border-radius:13px;background:var(--cyan-soft);color:var(--cyan-dark)}.metric-icon.green{background:var(--green-soft);color:#208444}.metric-icon.violet{background:#f0edff;color:#6c57c7}.metric-icon.amber{background:#fff5dc;color:#b97808}.global-metric-strip strong{display:block;font-size:31px;line-height:1.1;white-space:nowrap}.global-metric-strip p{margin:5px 0 0;color:var(--muted);line-height:1.3}.global-metric-strip em{font-style:normal}
.metric-carousel{display:grid;grid-template-columns:repeat(3,minmax(285px,1fr));gap:12px;margin-bottom:16px}.global-chart-card{min-width:0;padding:17px 18px 12px;border:1px solid var(--line);border-radius:20px;background:#fff;box-shadow:0 5px 20px rgba(31,45,61,.045);transition:transform .25s,box-shadow .25s}.global-chart-card:hover{transform:translateY(-3px);box-shadow:0 15px 35px rgba(31,45,61,.1)}.global-chart-card header{display:flex;align-items:center;justify-content:space-between}.global-chart-card header p{margin:0 0 4px;color:var(--muted);font-size:11px}.global-chart-card header strong{font-size:21px}.global-chart-card header>span{display:grid;place-items:center;width:34px;height:34px;border-radius:50%;background:#f1f7f9;color:var(--cyan-dark)}.mini-chart{height:105px;margin:6px -6px}.global-chart-card footer{display:flex;justify-content:space-between;color:var(--muted);font-size:10px}.global-chart-card footer span:before{content:"";display:inline-block;width:7px;height:7px;margin-right:5px;border-radius:50%;background:var(--cyan)}.global-chart-card footer span:last-child:before{background:#e49a18}
.global-feature-grid{display:grid;grid-template-columns:minmax(290px,.95fr) minmax(275px,.77fr) minmax(420px,1.28fr);gap:14px;margin-bottom:14px}.global-feature-grid>article,.global-bottom-grid>article{min-width:0;border:1px solid var(--line);border-radius:22px;background:#fff;box-shadow:0 6px 24px rgba(31,45,61,.05);overflow:hidden}.intelligence-panel{padding:20px;color:#f4f8ff;background:linear-gradient(160deg,#101722 0%,#111d35 65%,#123f72 100%)!important;border:0!important}.intelligence-panel header,.savings-panel header,.heatmap-panel>header,.global-bottom-grid article>header{display:flex;align-items:flex-start;justify-content:space-between;gap:12px}.intelligence-panel small{color:#9fb1ca}.intelligence-panel h2,.savings-panel h2,.heatmap-panel h2,.global-bottom-grid h2{margin:3px 0 0;font-size:18px}.intelligence-panel h2 span{color:#56cdf0}.insight-list{display:grid;gap:7px;margin-top:17px}.insight-list a{display:grid;grid-template-columns:30px minmax(0,1fr) auto;align-items:center;gap:9px;min-height:57px;padding:9px 10px;border:1px solid rgba(255,255,255,.1);border-radius:8px;background:rgba(255,255,255,.055);transition:background .2s,transform .2s}.insight-list a:hover{background:rgba(255,255,255,.11);transform:translateX(2px)}.insight-list a>span{display:grid;place-items:center;width:28px;height:28px;border-radius:7px;background:rgba(86,205,240,.13);color:#6ed8f5;font-size:11px;font-weight:900}.insight-list a div{display:grid;gap:3px;min-width:0}.insight-list strong{overflow:hidden;text-overflow:ellipsis;white-space:nowrap;font-size:11px}.insight-list a>em{color:#7ce0f8;font-size:10px;font-style:normal;font-weight:850;white-space:nowrap}.opportunity-empty{display:grid;place-items:center;gap:6px;min-height:170px;text-align:center;color:#d9e4ef}.opportunity-empty small{color:#9fb1ca}
.savings-panel{padding:20px}.savings-panel header small,.heatmap-panel header small,.global-bottom-grid header small{color:var(--muted)}.savings-panel header>svg{color:var(--green)}.savings-value{display:grid;gap:3px;margin:21px 0 12px}.savings-value strong{font-size:45px;line-height:1;color:var(--green)}.savings-value span{color:var(--muted);font-size:11px}.savings-value span b{color:var(--text)}.savings-track{height:8px;border-radius:4px;background:#edf1f2;overflow:hidden}.savings-track i{display:block;height:100%;border-radius:4px;background:linear-gradient(90deg,#2fba61,#87d746);animation:trackGrow .8s cubic-bezier(.2,.8,.2,1) both}.savings-panel dl{display:grid;gap:0;margin:15px 0 0}.savings-panel dl div{display:flex;justify-content:space-between;padding:7px 0;border-top:1px solid #edf0f2}.savings-panel dt{color:var(--muted)}.savings-panel dd{margin:0;font-weight:800}.impact-method{margin:10px -20px -20px;padding:9px 20px;background:#f4f8f5;color:var(--muted);font-size:9px}.impact-panel.negative header>svg,.impact-panel.negative .savings-value strong{color:var(--red)}.impact-panel.negative .savings-track i{background:var(--red)}.impact-panel.negative .impact-method{background:#fff5f4}
.heatmap-panel{padding:19px 20px}.heatmap-panel>header{align-items:center}.heatmap-tabs{display:flex;max-width:100%;padding:3px;border:1px solid var(--line);border-radius:17px;background:#f5f7f8;overflow-x:auto}.heatmap-tabs button{height:29px;padding:0 9px;border:0;border-radius:14px;background:transparent;cursor:pointer;color:var(--muted);font-size:10px;font-weight:750;white-space:nowrap}.heatmap-tabs button.active{background:#fff;color:var(--cyan-dark);box-shadow:0 2px 7px rgba(31,45,61,.12)}.hotel-heatmap{display:grid;gap:9px;margin-top:20px}.heatmap-row{display:grid;grid-template-columns:26px 1fr;align-items:center;gap:8px}.heatmap-row>strong{color:var(--muted);font-size:11px}.heatmap-row>div{display:grid;grid-template-columns:repeat(auto-fit,minmax(43px,1fr));gap:5px}.heatmap-row a{position:relative;display:grid;place-items:center;min-height:42px;padding:4px;border:1px solid rgba(0,0,0,.04);border-radius:7px;background:#e5e9ec;color:#68737e;transition:transform .2s,background .3s,color .3s,box-shadow .2s}.heatmap-row a:hover{z-index:2;transform:scale(1.08);box-shadow:0 7px 16px rgba(31,45,61,.16)}.heatmap-row a.is-active{background:#22b9e5;color:#fff}.heatmap-row a.is-warning{background:#edb347;color:#fff}.heatmap-row a.is-error{background:#dc5b55;color:#fff}.heatmap-row a.is-eco{background:#49bd71;color:#fff}.heatmap-row a.is-comfort{background:#8ad7ed;color:#123c4c}.heatmap-row span{font-size:10px;font-weight:850}.heatmap-row em{display:none;font-size:9px;font-style:normal}.heatmap-panel.temperature-view .heatmap-row span{display:none}.heatmap-panel.temperature-view .heatmap-row em{display:block}.heatmap-legend{display:flex;justify-content:flex-end;gap:14px;margin-top:13px;color:var(--muted);font-size:10px}.heatmap-legend span{display:flex;align-items:center;gap:5px}.heatmap-legend i{width:8px;height:8px;border-radius:2px}.legend-cyan{background:#22b9e5}.legend-gray{background:#e5e9ec}
.global-bottom-grid{display:grid;grid-template-columns:minmax(0,2fr) minmax(290px,.72fr);gap:14px}.historic-panel,.activity-panel{padding:20px}.historic-panel header a{display:inline-flex;align-items:center;gap:5px;color:var(--cyan-dark);font-size:11px;font-weight:750}.historic-chart{height:315px;margin-top:10px}.activity-panel header{align-items:center}.activity-panel ol{display:grid;gap:0;margin:12px 0 0;padding:0;list-style:none;max-height:315px;overflow:auto}.activity-panel li{display:grid;grid-template-columns:30px 1fr;gap:9px;padding:10px 0;border-top:1px solid #edf0f2}.activity-panel li>span{display:grid;place-items:center;width:29px;height:29px;border-radius:8px;background:#eff7fa;color:var(--cyan-dark);font-size:18px}.activity-panel li div{display:grid;gap:3px}.activity-panel li strong{font-size:11px}.activity-panel li strong a,.activity-panel li strong em{color:var(--cyan-dark);font-style:normal;font-weight:850}.activity-panel li strong a:hover{text-decoration:underline}.activity-panel li strong b{color:#a8b0b7}.activity-panel time{color:var(--muted);font-size:10px}.activity-panel li.event-enter{animation:eventEnter .42s ease-out both}
@keyframes livePulse{70%{box-shadow:0 0 0 8px rgba(47,186,97,0)}100%{box-shadow:0 0 0 0 rgba(47,186,97,0)}}@keyframes trackGrow{from{width:0}}@keyframes eventEnter{from{opacity:0;transform:translateY(-8px)}to{opacity:1;transform:translateY(0)}}
@media(max-width:1250px){.global-feature-grid{grid-template-columns:1fr 1fr}.heatmap-panel{grid-column:1/-1}.global-bottom-grid{grid-template-columns:minmax(0,1.6fr) minmax(270px,.7fr)}}
@media(max-width:900px){.global-metric-strip{grid-template-columns:repeat(2,minmax(0,1fr))}.global-metric-strip article:nth-child(2){border-right:0}.global-metric-strip article:nth-child(-n+2){border-bottom:1px solid #edf0f2}.metric-carousel{display:flex;overflow-x:auto;scroll-snap-type:x mandatory;padding-bottom:5px}.global-chart-card{min-width:min(350px,85vw);scroll-snap-align:start}.global-feature-grid,.global-bottom-grid{grid-template-columns:1fr}.heatmap-panel{grid-column:auto}}
@media(max-width:600px){.global-dashboard-header{align-items:flex-start;flex-direction:column}.global-live-pill{width:100%}.global-metric-strip{border-radius:17px}.global-metric-strip article{min-height:91px;padding:14px;gap:9px}.metric-icon{flex-basis:36px;height:36px;border-radius:10px}.global-metric-strip strong{font-size:22px}.global-metric-strip p{font-size:9px}.metric-full-label{display:none}.global-feature-grid>article,.global-bottom-grid>article{border-radius:17px}.heatmap-panel{padding:16px}.heatmap-panel>header{align-items:flex-start;flex-direction:column}.heatmap-tabs{width:100%}.heatmap-tabs button{flex:1}.heatmap-row>div{grid-template-columns:repeat(5,1fr)}.historic-chart{height:260px}}
@media(prefers-reduced-motion:reduce){.global-live-pill i,.live-ring,.savings-track i,.activity-panel li.event-enter{animation:none!important}.value-changed,.state-changed{animation:none!important}.global-chart-card,.insight-list a,.scenario-launcher{transition:none!important}}

.dashboard-header-actions,.rooms-header-actions{display:flex;align-items:center;gap:9px}.scenario-launcher{display:inline-flex;align-items:center;gap:7px;height:43px;padding:0 15px;border:1px solid #badfeb;border-radius:17px;background:#fff;color:var(--cyan-dark);cursor:pointer;font-weight:800;box-shadow:var(--shadow);transition:transform .2s,background .2s}.scenario-launcher:hover,.scenario-launcher.active{background:var(--cyan-soft);transform:translateY(-1px)}.scenario-launcher.active svg{animation:fancoilSpin 1.5s linear infinite}.global-metric-strip article[role=button]{cursor:pointer;transition:background .2s,transform .2s}.global-metric-strip article[role=button]:hover{background:#f8fbfc}.global-metric-strip article[role=button]:focus-visible{outline:2px solid var(--cyan);outline-offset:-3px}.historic-actions{display:flex;align-items:center;gap:12px}.historic-actions>.text-button{display:inline-flex;align-items:center;gap:5px}.period-selector{display:flex;padding:3px;border:1px solid var(--line);border-radius:16px;background:#f5f7f8}.period-selector button{height:27px;padding:0 9px;border:0;border-radius:13px;background:transparent;color:var(--muted);cursor:pointer;font-size:10px;font-weight:800}.period-selector button.active{background:#fff;color:var(--cyan-dark);box-shadow:0 2px 7px rgba(31,45,61,.12)}
.analytics-dialog,.scenario-dialog{width:min(980px,calc(100% - 28px));max-height:calc(100vh - 28px);padding:0;border:0;border-radius:22px;background:#fff;box-shadow:0 28px 90px rgba(13,29,43,.3);overflow:auto}.scenario-dialog{width:min(720px,calc(100% - 28px))}.analytics-dialog::backdrop,.scenario-dialog::backdrop{background:rgba(13,29,43,.48);backdrop-filter:blur(4px)}.dialog-shell{padding:22px}.dialog-shell>header{display:flex;align-items:flex-start;justify-content:space-between;gap:15px}.dialog-shell>header small{color:var(--muted)}.dialog-shell>header h2{margin:3px 0 0;font-size:23px}.method-note{margin:14px 0 17px;padding:11px 13px;border-radius:9px;background:#f1f7f9;color:var(--muted);line-height:1.45}.analytics-summary{display:grid;grid-template-columns:repeat(4,1fr);border:1px solid var(--line);border-radius:15px;overflow:hidden}.analytics-summary article{display:grid;gap:5px;padding:14px;border-right:1px solid var(--line)}.analytics-summary article:last-child{border:0}.analytics-summary span{color:var(--muted);font-size:10px}.analytics-summary strong{font-size:17px}.analytics-dialog-chart{height:360px;margin-top:16px}.scenario-grid{display:grid;grid-template-columns:1fr 1fr;gap:9px}.scenario-grid>button{display:grid;grid-template-columns:40px 1fr 18px;align-items:center;gap:10px;min-height:72px;padding:11px;border:1px solid var(--line);border-radius:13px;background:#fff;text-align:left;cursor:pointer;transition:border-color .2s,transform .2s,box-shadow .2s}.scenario-grid>button:hover{border-color:#a7dced;transform:translateY(-2px);box-shadow:var(--shadow)}.scenario-grid>button:disabled{opacity:.45;cursor:not-allowed;transform:none}.scenario-grid>button>span{display:grid;place-items:center;width:40px;height:40px;border-radius:11px;background:var(--cyan-soft);color:var(--cyan-dark)}.scenario-grid>button div{display:grid;gap:4px}.scenario-grid>button small{color:var(--muted)}.scenario-status{margin-top:15px;padding:15px;border:1px solid #a9dcec;border-radius:14px;background:#f4fbfd}.scenario-status>header{display:flex;justify-content:space-between}.scenario-status header div{display:grid;gap:3px}.scenario-status small,.scenario-status p{color:var(--muted)}.scenario-status>div{height:7px;margin:10px 0 13px;border-radius:4px;background:#dfeaec;overflow:hidden}.scenario-status>div i{display:block;height:100%;border-radius:4px;background:var(--cyan);transition:width .5s}.scenario-status .secondary-button{width:100%}
.room-advanced-filters{grid-template-columns:minmax(150px,1.2fr) repeat(4,minmax(125px,1fr)) 38px}.room-advanced-filters input{width:100%;height:38px;padding:0 10px;border:1px solid var(--line);border-radius:5px;background:#fff}.room-table-head{display:none;grid-template-columns:1.2fr 1fr .8fr .8fr 1.2fr;gap:12px;padding:9px 15px;border:1px solid var(--line);border-bottom:0;border-radius:8px 8px 0 0;background:#f5f7f8;color:var(--muted);font-size:10px;font-weight:800;text-transform:uppercase}.room-table-head.visible{display:grid}.room-grid.table-view{display:grid;grid-template-columns:1fr;gap:0}.room-grid.table-view .room-card{grid-template-columns:1.2fr 1fr .8fr .8fr 1.2fr;align-items:center;gap:12px;min-height:65px;padding:10px 15px;border-left-width:1px;border-radius:0;box-shadow:none}.room-grid.table-view .room-card:last-child{border-radius:0 0 8px 8px}.room-grid.table-view .room-card header{display:contents}.room-grid.table-view .room-card header>div:first-child{grid-column:1}.room-grid.table-view .room-card .room-signals{grid-column:2;grid-row:1}.room-grid.table-view .room-primary{display:contents}.room-grid.table-view .room-primary>strong{grid-column:3;grid-row:1;font-size:18px}.room-grid.table-view .room-primary>span{display:none}.room-grid.table-view .room-card footer{display:contents}.room-grid.table-view .mode-badge{grid-column:4;grid-row:1;width:max-content}.room-grid.table-view .power-value{grid-column:5;grid-row:1;margin:0}.room-grid.table-view .alert-count{grid-column:5;grid-row:1;justify-self:end}
.room-detail-tabs{display:flex;gap:3px;margin:-7px 0 17px;padding:4px;border:1px solid var(--line);border-radius:9px;background:#fff;overflow-x:auto}.room-detail-tabs button{display:flex;align-items:center;justify-content:center;gap:6px;min-width:120px;height:38px;padding:0 13px;border:0;border-radius:6px;background:transparent;color:var(--muted);cursor:pointer;font-weight:750;white-space:nowrap}.room-detail-tabs button.active{background:var(--cyan-soft);color:var(--cyan-dark)}.room-detail-tabs b{min-width:18px;padding:2px 5px;border-radius:9px;background:#ffe8e6;color:#bd3d36;font-size:10px}.room-tab-panel{animation:tabPanelIn .28s ease both}.room-overview-grid{display:grid;grid-template-columns:1fr 1fr;gap:14px}.room-state-list{display:grid;gap:0;margin:0}.room-state-list div{display:flex;justify-content:space-between;padding:11px 0;border-top:1px solid #edf0f2}.room-state-list dt{color:var(--muted)}.room-state-list dd{margin:0;font-weight:800}.operation-card{width:min(620px,100%)}@keyframes tabPanelIn{from{opacity:0;transform:translateY(5px)}to{opacity:1;transform:none}}
@media(max-width:1000px){.room-advanced-filters{grid-template-columns:repeat(3,1fr)}.room-advanced-filters .filter-submit{width:100%}.analytics-summary{grid-template-columns:1fr 1fr}.analytics-summary article:nth-child(2){border-right:0}.analytics-summary article:nth-child(-n+2){border-bottom:1px solid var(--line)}}
@media(max-width:700px){.dashboard-header-actions{width:100%;align-items:stretch;flex-direction:column}.scenario-launcher{justify-content:center}.historic-panel>header{align-items:flex-start;flex-direction:column}.historic-actions{width:100%;justify-content:space-between}.rooms-header-actions{width:100%;justify-content:space-between}.room-advanced-filters{grid-template-columns:1fr 1fr}.room-table-head.visible{display:none}.room-grid.table-view .room-card{display:grid;grid-template-columns:1fr auto;gap:9px;border-radius:8px;margin-bottom:7px}.room-grid.table-view .room-card header{display:flex}.room-grid.table-view .room-card header>div:first-child{grid-column:auto}.room-grid.table-view .room-card .room-signals{grid-column:2;grid-row:1}.room-grid.table-view .room-primary{display:grid;grid-column:1}.room-grid.table-view .room-primary>strong{grid-column:auto;grid-row:auto}.room-grid.table-view .room-card footer{display:flex;grid-column:1/-1}.room-grid.table-view .mode-badge,.room-grid.table-view .power-value,.room-grid.table-view .alert-count{grid-column:auto;grid-row:auto}.room-overview-grid{grid-template-columns:1fr}.scenario-grid{grid-template-columns:1fr}.analytics-dialog-chart{height:280px}}
.analytics-controls{display:grid;grid-template-columns:1fr 180px;gap:9px;margin-bottom:12px}.analytics-controls label{display:grid;gap:5px;color:var(--muted);font-size:10px;font-weight:800}.analytics-controls select{width:100%;height:38px;padding:0 10px;border:1px solid var(--line);border-radius:8px;background:#fff}
@media(max-width:700px){.analytics-controls{grid-template-columns:1fr}}