@font-face{font-family:ThmanyahSans;src:url('/assets/fonts/thmanyahsans-Regular.woff2') format('woff2');font-weight:400;font-display:swap}@font-face{font-family:ThmanyahSans;src:url('/assets/fonts/thmanyahsans-Medium.woff2') format('woff2');font-weight:500 600;font-display:swap}@font-face{font-family:ThmanyahSans;src:url('/assets/fonts/thmanyahsans-Bold.woff2') format('woff2');font-weight:700 900;font-display:swap}@font-face{font-family:ThmanyahDisplay;src:url('/assets/fonts/thmanyahserifdisplay-Bold.woff2') format('woff2');font-weight:700;font-display:swap}
:root{--bg:#f1efe8;--surface:#fbfaf6;--surface-2:#e9e6dd;--surface-3:#dfdbd0;--text:#162019;--muted:#626b63;--faint:#7c847d;--border:#d4d1c7;--primary:#1f664c;--primary-2:#dceae2;--danger:#aa4944;--danger-2:#f3e2df;--warning:#b2751d;--warning-2:#f5ead5;--blue:#3b7898;--blue-2:#deebf0;--shadow:0 14px 38px rgba(28,38,31,.08);--font:ThmanyahSans,system-ui,sans-serif;--display:ThmanyahDisplay,ThmanyahSans,serif}
:root[data-theme=dark]{--bg:#0d1511;--surface:#151e18;--surface-2:#1d2921;--surface-3:#26332a;--text:#f4f1e8;--muted:#b5bdb6;--faint:#88938a;--border:#303d34;--primary:#78c19c;--primary-2:#203c2f;--danger:#ec8981;--danger-2:#402724;--warning:#e5b05f;--warning-2:#3c3220;--blue:#81bedb;--blue-2:#213844;--shadow:0 18px 45px rgba(0,0,0,.25)}
*{box-sizing:border-box}html{background:var(--bg);scroll-behavior:smooth}body{margin:0;background:var(--bg);color:var(--text);font-family:var(--font);font-size:16px;line-height:1.5;overscroll-behavior:contain}button,input,select{font:inherit}button{cursor:pointer;touch-action:manipulation;color:inherit}button:focus-visible,input:focus-visible,select:focus-visible{outline:3px solid color-mix(in srgb,var(--primary) 45%,transparent);outline-offset:3px}.app-shell{width:min(1120px,100%);margin:auto;padding:0 24px 116px}.topbar{height:92px;display:flex;align-items:center;gap:14px;border-bottom:1px solid var(--border);margin-bottom:30px}.profile-button{width:46px;height:46px;border:0;border-radius:15px;background:var(--primary);color:var(--surface);font-weight:800;position:relative}.profile-button i{position:absolute;left:-2px;bottom:-2px;width:13px;height:13px;border-radius:50%;background:#61bd8c;border:3px solid var(--bg)}.brand{display:grid;gap:1px;margin-inline-end:auto}.brand b{font-family:var(--display);font-size:21px}.brand span{font-size:11px;color:var(--faint)}.top-actions{display:flex;gap:8px}.top-actions button{width:46px;height:46px;border:1px solid var(--border);border-radius:14px;background:var(--surface);display:grid;place-items:center}.screen{display:none}.screen.active{display:block;animation:fade .2s ease}.kicker{display:block;color:var(--primary);font-size:12px;font-weight:700;margin-bottom:4px}.welcome-row,.page-head{display:flex;align-items:flex-end;justify-content:space-between;gap:20px;margin-bottom:24px}.welcome-row h1,.page-head h1{font-family:var(--display);font-size:clamp(34px,5vw,52px);line-height:1.05;margin:0 0 7px}.welcome-row p,.page-head p{margin:0;color:var(--muted);font-size:14px}.home-score{width:92px;height:92px;border-radius:50%;display:grid;place-content:center;text-align:center;background:var(--surface);border:7px solid var(--primary-2);box-shadow:inset 0 0 0 2px var(--primary)}.home-score b{font-size:27px;line-height:1}.home-score span{color:var(--faint);font-size:10px;margin-top:5px}.attention-card{display:grid;grid-template-columns:auto 1fr auto;align-items:center;gap:15px;padding:18px;background:var(--warning-2);border:1px solid color-mix(in srgb,var(--warning) 30%,var(--border));border-radius:18px}.attention-icon{width:46px;height:46px;display:grid;place-items:center;border-radius:14px;background:var(--surface);color:var(--warning)}.attention-card>div:nth-child(2){display:grid;gap:2px}.attention-card b{font-size:15px}.attention-card small{font-size:11px;color:var(--muted)}.attention-card button{min-width:60px;min-height:44px;border:0;border-radius:12px;background:var(--warning);color:#fff;font-weight:700}.section-title{display:flex;align-items:flex-end;justify-content:space-between;gap:16px;margin:30px 0 13px}.section-title h2{font-family:var(--display);font-size:27px;line-height:1;margin:0}.section-title>button{min-height:44px;display:flex;align-items:center;gap:3px;border:0;background:none;color:var(--primary);font-size:12px;font-weight:700}.room-strip{display:grid;grid-template-columns:repeat(3,1fr);gap:11px}.room-mini{min-height:130px;display:grid;justify-items:start;align-content:start;gap:4px;padding:16px;text-align:start;border:1px solid var(--border);border-radius:18px;background:var(--surface);position:relative}.room-icon{width:42px;height:42px;display:grid;place-items:center;border-radius:13px;background:var(--primary-2);color:var(--primary);margin-bottom:10px}.room-mini b{font-size:15px}.room-mini small{font-size:11px;color:var(--muted)}.room-mini i{position:absolute;top:17px;left:17px;width:9px;height:9px;border-radius:50%;background:var(--border)}.room-mini i.on{background:var(--primary);box-shadow:0 0 0 5px var(--primary-2)}.room-mini i.warm{background:var(--warning);box-shadow:0 0 0 5px var(--warning-2)}.climate-summary{display:grid;grid-template-columns:1fr 1.25fr;gap:18px;padding:21px;border:1px solid var(--border);border-radius:21px;background:var(--surface);box-shadow:var(--shadow)}.climate-main{display:flex;align-items:center;gap:15px}.climate-symbol{width:52px;height:52px;display:grid;place-items:center;border-radius:16px;background:var(--blue-2);color:var(--blue)}.climate-main div{display:grid}.climate-main span{font-size:11px;color:var(--muted)}.climate-main strong{font-size:36px;line-height:1}.climate-main small{font-size:10px;color:var(--primary)}.climate-rooms{display:grid;grid-template-columns:repeat(3,1fr);gap:7px}.climate-rooms span{display:grid;place-content:center;text-align:center;border-radius:13px;background:var(--surface-2);color:var(--muted);font-size:10px}.climate-rooms b{font-size:17px;color:var(--text)}.activity-preview{display:grid;grid-template-columns:auto 1fr auto;align-items:center;gap:11px;padding:15px 17px;border:1px solid var(--border);border-radius:18px;background:var(--surface)}.activity-preview>div:nth-of-type(2){display:grid}.activity-preview>div:nth-of-type(2):not(:last-of-type){border-bottom:1px solid var(--border)}.activity-preview b{font-size:13px}.activity-preview div span{font-size:10px;color:var(--faint)}.timeline-dot{width:37px;height:37px;border-radius:12px;display:grid;place-items:center;font-size:12px;font-weight:800}.user-a{background:var(--primary-2);color:var(--primary)}.user-n{background:var(--blue-2);color:var(--blue)}.change{padding:5px 8px;border-radius:99px;font-size:10px;font-weight:700}.change.on{background:var(--primary-2);color:var(--primary)}.change.off{background:var(--danger-2);color:var(--danger)}.outline-button,.primary-button{min-height:46px;padding:0 15px;display:flex;align-items:center;gap:7px;border-radius:13px;font-weight:700}.outline-button{border:1px solid var(--border);background:var(--surface)}.primary-button{border:0;background:var(--primary);color:var(--surface)}.fresh-badge{display:flex;align-items:center;gap:7px;padding:8px 11px;border-radius:99px;background:var(--primary-2);color:var(--primary);font-size:11px}.fresh-badge i{width:7px;height:7px;border-radius:50%;background:var(--primary)}.room-grid{display:grid;grid-template-columns:repeat(2,1fr);gap:13px}.room-card{padding:20px;border:1px solid var(--border);border-radius:20px;background:var(--surface);box-shadow:var(--shadow)}.room-card-head{display:flex;align-items:center;gap:12px}.room-card-head .room-icon{margin:0}.room-card-head div:nth-child(2){display:grid;flex:1}.room-card-head small{font-size:11px;color:var(--muted)}.room-card-temp{font-size:23px;font-weight:800}.room-devices{display:grid;gap:8px;margin-top:17px}.room-device{min-height:56px;display:flex;align-items:center;gap:10px;padding:10px 12px;border-radius:14px;background:var(--surface-2)}.room-device span:first-child{flex:1;display:grid}.room-device b{font-size:13px}.room-device small{font-size:10px;color:var(--faint)}.switch{width:46px;height:28px;border:0;border-radius:99px;background:var(--surface-3);position:relative}.switch:after{content:"";position:absolute;top:4px;right:4px;width:20px;height:20px;border-radius:50%;background:var(--faint);transition:.2s}.switch.on{background:var(--primary)}.switch.on:after{right:22px;background:#fff}.climate-grid{display:grid;grid-template-columns:repeat(2,1fr);gap:14px}.thermostat{padding:22px;border:1px solid var(--border);border-radius:22px;background:var(--surface);box-shadow:var(--shadow)}.thermostat.off{opacity:.72}.thermostat-head{display:flex;align-items:center;gap:11px}.thermostat-head>span:first-child{width:44px;height:44px;display:grid;place-items:center;border-radius:14px;background:var(--blue-2);color:var(--blue)}.thermostat-head>div{display:grid;flex:1}.thermostat-head b{font-size:16px}.thermostat-head small{font-size:10px;color:var(--muted)}.power-button{width:44px;height:44px;border:1px solid var(--border);border-radius:14px;background:var(--surface-2);display:grid;place-items:center;color:var(--faint)}.power-button.on{background:var(--primary);color:#fff;border-color:var(--primary)}.temperature-control{display:grid;grid-template-columns:52px 1fr 52px;align-items:center;gap:13px;margin:23px 0}.temp-step{height:52px;border:1px solid var(--border);border-radius:50%;background:var(--surface-2);font-size:24px}.temp-display{text-align:center}.temp-display span{display:block;font-size:11px;color:var(--muted)}.temp-display strong{font-size:54px;line-height:1}.temp-display small{display:block;margin-top:6px;color:var(--faint);font-size:10px}.mode-row{display:grid;grid-template-columns:repeat(3,1fr);gap:7px}.mode-button{min-height:43px;border:1px solid var(--border);border-radius:12px;background:var(--surface-2);font-size:11px;color:var(--muted)}.mode-button.active{background:var(--blue-2);border-color:var(--blue);color:var(--blue);font-weight:700}.fan-row{display:flex;align-items:center;gap:7px;margin-top:13px}.fan-row>span{font-size:11px;color:var(--muted);margin-inline-end:auto}.fan-button{min-width:38px;height:38px;border:1px solid var(--border);border-radius:10px;background:var(--surface-2);font-size:10px}.fan-button.active{border-color:var(--primary);color:var(--primary);background:var(--primary-2)}.climate-note{display:flex;gap:12px;margin-top:15px;padding:18px;border-radius:17px;background:var(--primary-2);color:var(--primary)}.climate-note div{display:grid;gap:3px}.climate-note p{margin:0;color:var(--muted);font-size:11px}.audit-stats{display:grid;grid-template-columns:repeat(3,1fr);gap:9px;margin-bottom:15px}.audit-stats div{display:grid;padding:15px;border:1px solid var(--border);border-radius:15px;background:var(--surface)}.audit-stats b{font-size:24px}.audit-stats span{font-size:10px;color:var(--muted)}.filter-row{display:grid;grid-template-columns:1fr auto auto;gap:8px;margin-bottom:15px}.filter-row select,.search{min-height:46px;border:1px solid var(--border);border-radius:13px;background:var(--surface);color:var(--text)}.filter-row select{padding:0 12px}.search{display:flex;align-items:center;gap:8px;padding:0 13px;color:var(--faint)}.search input{width:100%;border:0;outline:0;background:transparent;color:var(--text)}.history-list{display:grid;gap:9px}.history-item{display:grid;grid-template-columns:auto 1fr auto;gap:12px;align-items:center;padding:15px;border:1px solid var(--border);border-radius:16px;background:var(--surface)}.event-icon{width:42px;height:42px;border-radius:13px;display:grid;place-items:center;background:var(--surface-2);color:var(--primary)}.history-item>div:nth-child(2){display:grid}.history-item b{font-size:13px}.history-item small{font-size:10px;color:var(--faint)}.history-meta{text-align:left;display:grid;justify-items:end;gap:5px}.history-meta time{font-size:11px;color:var(--muted)}.history-meta span{font-size:9px;color:var(--faint)}.empty-history{padding:40px;text-align:center;border:1px dashed var(--border);border-radius:16px;color:var(--muted)}.security-card{display:grid;grid-template-columns:auto 1fr auto;align-items:center;gap:13px;padding:17px;border-radius:18px;background:var(--primary-2);border:1px solid color-mix(in srgb,var(--primary) 25%,var(--border));margin-bottom:15px}.security-icon{width:45px;height:45px;display:grid;place-items:center;border-radius:14px;background:var(--surface);color:var(--primary)}.security-card div{display:grid}.security-card b{font-size:14px}.security-card p{margin:0;color:var(--muted);font-size:11px}.status-pill-v2{padding:6px 9px;border-radius:99px;background:var(--surface);color:var(--primary);font-size:10px;font-weight:700}.member-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:10px}.member-card{padding:17px;border:1px solid var(--border);border-radius:18px;background:var(--surface);position:relative}.member-avatar{width:48px;height:48px;border-radius:15px;display:grid;place-items:center;background:var(--primary-2);color:var(--primary);font-weight:800;margin-bottom:13px}.member-card:nth-child(2) .member-avatar{background:var(--blue-2);color:var(--blue)}.member-card:nth-child(3) .member-avatar{background:var(--warning-2);color:var(--warning)}.member-card:nth-child(4) .member-avatar{background:var(--danger-2);color:var(--danger)}.member-card b{display:block;font-size:14px}.member-card small{display:block;color:var(--muted);font-size:10px}.member-card i{position:absolute;top:17px;left:17px;width:8px;height:8px;border-radius:50%;background:var(--primary)}.role-tag{display:inline-block;margin-top:12px;padding:5px 8px;border-radius:99px;background:var(--surface-2);color:var(--muted);font-size:9px}.permissions-title{margin-top:27px}.permission-table-wrap{overflow:auto;border:1px solid var(--border);border-radius:17px;background:var(--surface)}table{width:100%;border-collapse:collapse;min-width:620px}th,td{padding:13px 15px;text-align:right;border-bottom:1px solid var(--border);font-size:11px}th{color:var(--muted);background:var(--surface-2)}td:first-child{font-weight:700}.bottom-nav{position:fixed;z-index:20;right:50%;transform:translateX(50%);bottom:max(12px,env(safe-area-inset-bottom));width:min(660px,calc(100% - 22px));height:72px;display:grid;grid-template-columns:repeat(5,1fr);padding:5px;border:1px solid var(--border);border-radius:21px;background:color-mix(in srgb,var(--surface) 93%,transparent);backdrop-filter:blur(18px);box-shadow:0 18px 44px rgba(0,0,0,.2)}.bottom-nav button{border:0;border-radius:15px;background:none;color:var(--faint);display:grid;place-items:center;align-content:center;gap:3px}.bottom-nav button span{height:24px}.bottom-nav button b{font-size:9px}.bottom-nav button.active{background:var(--primary-2);color:var(--primary)}.toast-v2{position:fixed;z-index:30;bottom:98px;left:50%;transform:translate(-50%,15px);padding:11px 16px;border-radius:99px;background:var(--text);color:var(--surface);font-size:11px;opacity:0;pointer-events:none;transition:.2s}.toast-v2.show{opacity:1;transform:translate(-50%,0)}
@keyframes fade{from{opacity:0;transform:translateY(5px)}to{opacity:1;transform:none}}
@media(max-width:760px){.app-shell{padding:0 16px 104px}.topbar{height:78px;margin-bottom:22px}.brand b{font-size:18px}.top-actions button,.profile-button{width:44px;height:44px}.welcome-row,.page-head{align-items:flex-start}.welcome-row h1,.page-head h1{font-size:34px}.welcome-row p,.page-head p{font-size:12px}.home-score{width:72px;height:72px;border-width:5px;flex:0 0 auto}.home-score b{font-size:21px}.attention-card{grid-template-columns:auto 1fr;padding:15px}.attention-card button{grid-column:2;justify-self:start;min-height:38px}.room-strip{display:flex;overflow:auto;margin-inline:-16px;padding:0 16px;scrollbar-width:none}.room-mini{min-width:155px}.climate-summary{grid-template-columns:1fr;padding:17px}.climate-rooms{min-height:62px}.activity-preview{grid-template-columns:auto 1fr auto}.room-grid,.climate-grid{grid-template-columns:1fr}.filter-row{grid-template-columns:1fr 1fr}.search{grid-column:1/-1}.member-grid{grid-template-columns:repeat(2,1fr)}.security-card{grid-template-columns:auto 1fr}.status-pill-v2{grid-column:2;justify-self:start}.page-head .outline-button,.page-head .primary-button{padding:0;width:46px;justify-content:center}.page-head .outline-button:not(:has(svg)),.page-head .primary-button:not(:has(svg)){width:auto}.page-head button{font-size:0}.page-head button svg{display:block}.audit-stats b{font-size:21px}.bottom-nav{height:68px}.temperature-control{grid-template-columns:48px 1fr 48px}.temp-step{height:48px}.temp-display strong{font-size:50px}}

.section-title.compact{margin-top:20px}.quick-actions{display:grid;grid-template-columns:repeat(2,1fr);gap:11px}.quick-action{min-height:94px;padding:16px;border:1px solid var(--border);border-radius:18px;background:var(--surface);display:grid;grid-template-columns:auto 1fr;grid-template-rows:auto auto;gap:2px 11px;text-align:right;align-content:center}.quick-action svg{grid-row:1/3;color:var(--primary)}.quick-action b{font-size:14px}.quick-action small{color:var(--muted);font-size:10px}.quick-action.danger{background:var(--danger-2);border-color:color-mix(in srgb,var(--danger) 25%,var(--border))}.quick-action.danger svg{color:var(--danger)}.home-scenes{display:flex;gap:10px;overflow:auto;scrollbar-width:none}.home-scenes>button{min-width:150px;padding:15px;border:1px solid var(--border);border-radius:17px;background:var(--surface);display:grid;gap:3px;text-align:right}.home-scenes>button>span{font-size:22px}.home-scenes b{font-size:13px}.home-scenes small{color:var(--muted);font-size:10px}.home-scenes .empty-history{width:100%}.home-energy{display:grid;gap:12px}.energy-disclosure{grid-column:1/-1;margin:0 0 4px;color:var(--muted);font-size:11px}.energy-source{font-style:normal;font-size:9px;font-weight:700;padding:4px 7px;border-radius:99px;background:var(--warning-2);color:var(--warning)}.energy-source.measured{background:var(--primary-2);color:var(--primary)}.routine-toolbar{display:flex;gap:9px}.routine-columns{display:grid;grid-template-columns:1fr 1fr;gap:20px}.routine-list{display:grid;gap:9px}.routine-card{display:grid;grid-template-columns:auto 1fr auto auto;align-items:center;gap:10px;padding:13px;border:1px solid var(--border);border-radius:16px;background:var(--surface)}.routine-icon{width:42px;height:42px;display:grid;place-items:center;border-radius:13px;background:var(--primary-2);color:var(--primary);font-size:20px}.routine-card>div{display:grid}.routine-card b{font-size:13px}.routine-card small{font-size:10px;color:var(--muted)}.routine-card .primary-button{min-height:38px;padding:0 12px;font-size:11px}.icon-action{width:36px;height:36px;border:0;border-radius:11px;background:var(--surface-2)}.icon-action.danger{color:var(--danger)}.scene-device-actions{display:grid;gap:7px;max-height:42vh;overflow:auto}.scene-device-actions label{grid-template-columns:1fr 120px;align-items:center;padding:9px 11px;border-radius:12px;background:var(--surface-2);font-size:11px}.scene-device-actions select{min-height:38px;border:1px solid var(--border);border-radius:10px;background:var(--surface);color:var(--text);padding:0 8px}
@media(max-width:760px){.quick-actions{grid-template-columns:1fr 1fr}.quick-action{min-height:100px;grid-template-columns:1fr;grid-template-rows:auto auto auto}.quick-action svg{grid-row:auto}.routine-columns{grid-template-columns:1fr}.routine-toolbar{display:grid;grid-template-columns:1fr 1fr}.routine-toolbar button{justify-content:center}.energy-meter-list article{grid-template-columns:auto 1fr auto}.energy-source{grid-column:2;justify-self:start}.energy-kpis{grid-template-columns:1fr 1fr}.energy-kpis>div:last-child{grid-column:1/-1}}
@media(max-width:380px){.app-shell{padding-inline:12px}.topbar{gap:7px}.brand span{font-size:9px}.top-actions{gap:5px}.room-strip{margin-inline:-12px;padding-inline:12px}.welcome-row h1,.page-head h1{font-size:30px}.member-grid{grid-template-columns:1fr 1fr}}
@media(prefers-reduced-motion:reduce){*,*:before,*:after{animation-duration:.01ms!important;transition-duration:.01ms!important;scroll-behavior:auto!important}}

/* Climate console — visual temperature first, full Gree controls on demand */
.climate-grid{grid-template-columns:repeat(2,minmax(0,1fr));align-items:start}.thermostat{padding:25px;border-radius:25px}.thermostat.off{opacity:1}.thermostat-title{display:flex;align-items:flex-start;justify-content:space-between;gap:15px}.thermostat-title h2{font-family:var(--display);font-size:27px;line-height:1.1;margin:0}.more-button{width:44px;height:44px;border:0;border-radius:13px;background:transparent;font-size:20px;letter-spacing:2px}.more-button:hover,.more-button.active{background:var(--surface-2);color:var(--primary)}.temperature-gauge{height:245px;position:relative;display:grid;place-items:center;margin:12px 0 4px}.gauge-track{position:absolute;width:250px;height:125px;top:56px;overflow:hidden}.gauge-track:before,.gauge-track span{content:"";position:absolute;inset:0 0 auto;width:250px;height:250px;border-radius:50%;border:26px solid var(--surface-2)}.gauge-track span{border-color:var(--primary);clip-path:polygon(0 0,var(--gauge) 0,var(--gauge) 52%,0 52%);filter:drop-shadow(0 9px 16px color-mix(in srgb,var(--primary) 18%,transparent));transition:clip-path .35s ease}.thermostat.off .gauge-track span{border-color:var(--faint);filter:none;opacity:.45}.gauge-value{position:relative;margin-top:50px;text-align:center;display:grid;justify-items:center;gap:5px}.gauge-value strong{font-size:58px;line-height:1;font-weight:800;direction:ltr}.gauge-value span{font-size:14px;color:var(--muted)}.temperature-setter{display:grid;grid-template-columns:58px 1fr 58px;align-items:center;gap:12px;padding:14px;border:1px solid var(--border);border-radius:17px;background:color-mix(in srgb,var(--surface-2) 75%,var(--surface));text-align:center}.temperature-setter .temp-step{width:58px;height:58px;border-radius:13px;background:var(--surface);color:var(--primary);font-size:28px}.temperature-setter>div{display:grid}.temperature-setter span{font-size:11px;color:var(--muted)}.temperature-setter strong{font-size:18px}.climate-facts{display:grid;grid-template-columns:1fr 1fr;gap:9px;margin-top:10px}.climate-facts>div{min-height:66px;display:flex;align-items:center;gap:10px;padding:12px;border-radius:13px;background:var(--surface-2);color:var(--blue)}.climate-facts span{display:grid;color:var(--muted);font-size:10px}.climate-facts b{color:var(--text);font-size:14px}.climate-power-wide{width:100%;min-height:48px;margin-top:10px;border:1px solid var(--border);border-radius:13px;background:var(--surface-2);display:flex;align-items:center;justify-content:center;gap:8px;color:var(--muted);font-weight:700}.climate-power-wide.on{background:var(--primary);border-color:var(--primary);color:#fff}.advanced-climate{margin-top:14px;padding-top:4px;border-top:1px solid var(--border)}.advanced-climate[hidden]{display:none}.advanced-section{padding:16px 0;border-bottom:1px solid var(--border)}.advanced-section:last-child{border-bottom:0;padding-bottom:2px}.control-label{display:block;margin-bottom:9px;color:var(--muted);font-size:11px;font-weight:700}.mode-row.five{grid-template-columns:repeat(5,1fr)}.mode-row.five .mode-button{padding-inline:3px}.fan-options,.feature-options{display:flex;flex-wrap:wrap;gap:7px}.fan-options .fan-button{min-width:44px;padding-inline:10px}.direction-options{display:grid;grid-template-columns:repeat(6,1fr);gap:6px}.direction-button{min-height:69px;padding:7px 3px;display:grid;place-items:center;align-content:center;gap:7px;border:1px solid var(--border);border-radius:11px;background:var(--surface-2);color:var(--muted)}.direction-button span{font-size:8px;white-space:nowrap}.direction-button.active{border-color:var(--primary);background:var(--primary-2);color:var(--primary)}.vane{display:block;width:24px;height:12px;position:relative}.vane:before,.vane:after{content:"";position:absolute;border-radius:4px;background:currentColor}.vane.vertical:before,.vane.vertical:after{width:22px;height:2px;right:1px}.vane.vertical:before{top:2px;transform:rotate(-10deg)}.vane.vertical:after{bottom:2px;transform:rotate(10deg)}.vane.horizontal:before,.vane.horizontal:after{width:2px;height:12px;top:0}.vane.horizontal:before{right:6px;transform:rotate(8deg)}.vane.horizontal:after{left:6px;transform:rotate(-8deg)}.vane.swing:after{animation:vaneSwing 1.2s ease-in-out infinite alternate}.feature-button{min-height:45px;display:flex;align-items:center;gap:7px;padding:0 10px;border:1px solid var(--border);border-radius:11px;background:var(--surface-2);color:var(--muted)}.feature-button span{font-size:10px}.feature-button i{width:7px;height:7px;border-radius:50%;background:var(--faint)}.feature-button.active{border-color:var(--primary);background:var(--primary-2);color:var(--primary)}.feature-button.active i{background:var(--primary);box-shadow:0 0 0 3px color-mix(in srgb,var(--primary) 15%,transparent)}
@keyframes vaneSwing{from{transform:rotate(-18deg)}to{transform:rotate(18deg)}}
@media(max-width:760px){.climate-grid{grid-template-columns:1fr}.thermostat{padding:20px}.temperature-gauge{height:230px}.gauge-track{top:50px}.thermostat-title h2{font-size:25px}.direction-options{grid-template-columns:repeat(3,1fr)}.direction-button{min-height:62px}.mode-row.five{display:flex;overflow-x:auto;scrollbar-width:none}.mode-row.five .mode-button{min-width:75px}.climate-facts>div{min-height:62px}}

/* Keep the complete Gree control panel inside narrow mobile viewports. */
.thermostat,.advanced-climate,.advanced-section,.mode-row.five,.fan-options,.direction-options{min-width:0;max-width:100%}
.thermostat{overflow:hidden}
.direction-button{min-width:0}
.direction-button span{white-space:normal;line-height:1.25;text-align:center}
@media(max-width:760px){.climate-grid{grid-template-columns:minmax(0,1fr)}}

/* Single SVG arc prevents overlapping/cropped gauge strokes at every width. */
.temperature-gauge{height:228px;margin:8px 0 12px;isolation:isolate}
.gauge-track{position:absolute;width:min(100%,300px);height:auto;top:18px;left:50%;overflow:visible;transform:translateX(-50%)}
.gauge-track:before,.gauge-track span{display:none}
.gauge-track path{fill:none;stroke-width:25;stroke-linecap:round}
.gauge-rail{stroke:var(--surface-2)}
.gauge-progress{transition:stroke-dasharray .3s ease;filter:drop-shadow(0 7px 12px color-mix(in srgb,var(--primary) 16%,transparent))}
.gauge-room{stroke:var(--primary);stroke-dasharray:var(--room-gauge) 100}
.gauge-target{stroke:var(--blue);stroke-width:11!important;stroke-dasharray:var(--target-gauge) 100;filter:drop-shadow(0 5px 9px color-mix(in srgb,var(--blue) 18%,transparent))}
.thermostat.off .gauge-room{stroke:var(--faint);filter:none;opacity:.55}
.thermostat.off .gauge-target{stroke:var(--blue);opacity:.8}
.gauge-value{z-index:1;margin-top:70px;gap:5px}
.gauge-value strong{font-variant-numeric:tabular-nums;letter-spacing:-.045em}
.gauge-value span{min-height:22px;line-height:1.45}
.gauge-legend{display:flex;align-items:center;justify-content:center;gap:13px;margin-top:5px;direction:rtl}
.gauge-legend span{display:flex;align-items:center;gap:5px;min-height:0;font-size:9px;color:var(--muted);white-space:nowrap}
.gauge-legend i{width:8px;height:8px;border-radius:50%;background:currentColor}
.gauge-legend .room{color:var(--primary)}
.gauge-legend .target{color:var(--blue)}
@media(max-width:760px){.temperature-gauge{height:218px}.gauge-track{top:16px;width:min(100%,285px)}.gauge-value{margin-top:67px}}

.auth-overlay{position:fixed;inset:0;z-index:100;background:color-mix(in srgb,var(--bg) 92%,transparent);backdrop-filter:blur(18px);display:grid;place-items:center;padding:20px}.auth-overlay[hidden]{display:none}.auth-card,.account-dialog form{width:min(100%,420px);display:grid;gap:15px;padding:28px;border:1px solid var(--border);border-radius:24px;background:var(--surface);box-shadow:var(--shadow)}.auth-card h1,.account-dialog h2{font-family:var(--display);font-size:30px;margin:0}.auth-card p{color:var(--muted);margin:0;line-height:1.7}.auth-card label,.account-dialog label{display:grid;gap:7px;color:var(--muted);font-size:12px;font-weight:700}.auth-card input,.account-dialog input,.account-dialog select{width:100%;height:50px;border:1px solid var(--border);border-radius:12px;padding:0 14px;background:var(--surface-2);color:var(--text);font:inherit;font-size:15px}.auth-card .primary-button,.account-dialog .primary-button{width:100%;justify-content:center}.text-button{border:0;background:transparent;color:var(--primary);font:inherit;font-weight:700;min-height:44px}.form-error{min-height:20px!important;color:#b73a36!important;font-size:12px}.account-dialog{width:min(calc(100% - 28px),470px);border:0;padding:0;background:transparent;color:var(--text)}.account-dialog::backdrop{background:#09120dcc;backdrop-filter:blur(8px)}.account-dialog form{width:100%}.dialog-head{display:flex;align-items:flex-start;justify-content:space-between}.dialog-head button{width:44px;height:44px;border:1px solid var(--border);border-radius:12px;background:var(--surface-2);color:var(--text);font-size:25px}.role-help{margin:0;padding:12px;border-radius:10px;background:var(--primary-2);color:var(--primary);font-size:11px;line-height:1.6}.member-card{position:relative}.member-card .member-actions{display:flex;gap:7px;margin-top:8px}.member-card .member-actions button{min-height:36px;padding:0 10px;border:1px solid var(--border);border-radius:9px;background:var(--surface-2);color:var(--muted);font:inherit;font-size:10px}
.account-dialog label small{color:var(--faint);font-size:10px;font-weight:400}.status-pill-v2{border:0;min-height:36px;cursor:pointer}

/* Operational devices, personal PIN access, TV and measured energy */
.pin-login-card{justify-items:stretch;text-align:center}.personal-pin-dots{display:flex;justify-content:center;gap:12px;margin:8px 0}.personal-pin-dots i{width:12px;height:12px;border:2px solid var(--primary);border-radius:50%;transition:.18s}.personal-pin-dots i.filled{background:var(--primary);box-shadow:0 0 0 5px var(--primary-2)}.personal-pin-pad{display:grid;grid-template-columns:repeat(3,1fr);gap:10px;direction:ltr}.personal-pin-pad button{height:58px;border:1px solid var(--border);border-radius:15px;background:var(--surface-2);color:var(--text);font-size:21px;font-weight:700}.personal-pin-pad button:active{background:var(--primary-2);color:var(--primary)}.permission-picker{display:grid;grid-template-columns:1fr 1fr;gap:8px;border:1px solid var(--border);border-radius:14px;padding:14px}.permission-picker legend{padding:0 7px;color:var(--muted);font-size:11px}.permission-picker label{display:flex;align-items:center;gap:7px!important;font-size:10px!important}.permission-picker input{width:17px!important;height:17px!important}.permission-explainer{display:flex;align-items:flex-start;gap:12px;padding:17px;border:1px solid var(--border);border-radius:16px;background:var(--surface);color:var(--primary)}.permission-explainer b{color:var(--text)}.permission-explainer p{margin:4px 0 0;color:var(--muted);font-size:11px;line-height:1.7}.device-toolbar{display:flex;align-items:center;gap:12px;margin-bottom:18px}.device-toolbar .search{flex:1;max-width:360px}.device-filters{display:flex;gap:7px;overflow:auto;scrollbar-width:none}.device-filters button{white-space:nowrap;min-height:42px;padding:0 14px;border:1px solid var(--border);border-radius:11px;background:var(--surface);color:var(--muted);font-size:11px}.device-filters button.active{background:var(--primary);border-color:var(--primary);color:#fff}.operational-room{padding:0;overflow:hidden}.operational-room .room-card-head{padding:17px;border-bottom:1px solid var(--border)}.operational-room .room-devices{padding:5px 12px}.operational-room .room-device{grid-template-columns:auto minmax(0,1fr) auto auto;gap:10px;min-height:64px;padding:8px 4px}.device-kind{width:36px;height:36px;display:grid;place-items:center;border-radius:10px;background:var(--surface-2);color:var(--primary)}.rename-device{width:38px;height:38px;border:0;border-radius:10px;background:transparent;color:var(--faint)}.rename-device:hover{background:var(--surface-2);color:var(--primary)}.tv-panel{margin-top:18px;padding:22px;border:1px solid var(--border);border-radius:21px;background:var(--surface)}.tv-panel:empty{display:none}.tv-panel-head{display:flex;align-items:flex-start;justify-content:space-between;gap:15px}.tv-panel-head h2{font-family:var(--display);font-size:28px;margin:0}.tv-panel-head p{margin:3px 0;color:var(--muted);font-size:11px}.tv-power{min-height:44px;padding:0 15px;border:1px solid var(--border);border-radius:12px;background:var(--surface-2);display:flex;align-items:center;gap:7px}.tv-power.on{color:#fff;background:var(--danger);border-color:var(--danger)}.tv-console{display:grid;grid-template-columns:1fr auto;gap:18px;margin-top:18px}.tv-volume,.tv-actions,.tv-apps-v2{display:flex;flex-wrap:wrap;gap:8px;align-items:center}.tv-volume button,.tv-actions button,.tv-apps-v2 button,.tv-dpad button{min-height:44px;border:1px solid var(--border);border-radius:11px;background:var(--surface-2);color:var(--text);padding:0 13px}.tv-volume strong{min-width:50px;text-align:center;font-size:22px}.tv-dpad{grid-row:1/4;grid-column:2;display:grid;grid-template-columns:repeat(3,50px);grid-template-rows:repeat(3,50px);gap:5px}.tv-dpad button{padding:0}.tv-dpad button:nth-child(1){grid-column:2}.tv-dpad button:nth-child(2){grid-column:3;grid-row:2}.tv-dpad .ok{grid-column:2;grid-row:2;border-radius:50%;background:var(--primary);color:#fff}.tv-dpad button:nth-child(4){grid-column:1;grid-row:2}.tv-dpad button:nth-child(5){grid-column:2;grid-row:3}.energy-kpis{display:grid;grid-template-columns:repeat(3,1fr);gap:10px}.energy-kpis>div{padding:18px;border:1px solid var(--border);border-radius:17px;background:var(--surface);display:grid}.energy-kpis span,.energy-kpis small{font-size:10px;color:var(--muted)}.energy-kpis b{font-size:28px}.energy-chart-card{margin-top:13px;padding:18px;border:1px solid var(--border);border-radius:18px;background:var(--surface)}#energyChart{width:100%;height:auto;min-height:170px}.chart-axis{stroke:var(--border);stroke-width:2}.energy-line{fill:none;stroke:var(--primary);stroke-width:5;stroke-linecap:round;stroke-linejoin:round}.chart-label{fill:var(--muted);font:12px var(--font)}.energy-empty{text-align:center;color:var(--muted);font-size:11px}.energy-meter-list{display:grid;gap:8px;margin-top:13px}.energy-meter-list article{display:grid;grid-template-columns:auto 1fr auto;align-items:center;gap:11px;padding:14px;border:1px solid var(--border);border-radius:14px;background:var(--surface)}.energy-meter-list small{display:block;color:var(--muted);font-size:10px}
@media(max-width:760px){.device-toolbar{display:grid}.device-toolbar .search{max-width:none}.room-grid{gap:12px}.tv-console{grid-template-columns:1fr}.tv-dpad{grid-column:1;grid-row:auto;justify-self:center}.energy-kpis{grid-template-columns:1fr 1fr}.energy-kpis>div:first-child{grid-column:1/-1}.permission-picker{grid-template-columns:1fr}.member-grid{grid-template-columns:1fr}.personal-pin-pad button{height:54px}}
.device-board{padding:12px 0;border-bottom:1px solid var(--border)}.device-board:last-child{border-bottom:0}.device-board-head{display:grid;grid-template-columns:auto 1fr auto;align-items:center;gap:10px;padding:0 4px 10px}.device-board-head b,.gang-control b{display:block;font-size:12px}.device-board-head small,.gang-control small{display:block;color:var(--muted);font-size:9px}.device-online{padding:4px 7px;border-radius:99px;background:var(--primary-2);color:var(--primary);font-size:8px}.device-online.off{background:var(--danger-2);color:var(--danger)}.gang-grid{display:grid;gap:6px}.gang-control{display:grid;grid-template-columns:auto 1fr auto;align-items:center;gap:9px;min-height:52px;padding:7px 9px;border-radius:11px;background:var(--surface-2)}.gang-control .rename-device{grid-column:1}.gang-control .switch{grid-column:3}