:root{font-family:Arial,Helvetica,sans-serif;color:#183c2c;background:#f2f6ef;--green:#247748;--muted:#74867a;--line:#dfE8de}*{box-sizing:border-box}body{margin:0}main{max-width:560px;margin:auto;padding:24px 22px 108px}header{display:flex;justify-content:space-between;align-items:center;margin-bottom:26px}.brand{display:flex;align-items:center;gap:10px;color:#173d2b;font-weight:800;font-size:21px;text-decoration:none}.brand img{width:45px;height:45px;border-radius:12px}.brand small{display:block;font-size:10px;letter-spacing:.2px;color:var(--muted);margin-top:4px;font-weight:400}#headerLanguage{width:64px;padding:10px;font-weight:700;border-radius:14px;background:transparent}h1{font-size:29px;letter-spacing:-1px;line-height:1.2;margin:4px 0 14px}h2{font-size:23px;margin:0 0 18px;letter-spacing:-.5px}.welcome{text-align:center;margin:15px 0 26px}.welcome h1{font-size:23px;line-height:1.35;letter-spacing:-.6px}.welcome h1 span:last-child{color:var(--green)}.hero-logo{display:block;width:132px;height:132px;border-radius:28px;margin:0 auto 20px}.card{border:1px solid var(--line);background:#fff;border-radius:22px;padding:24px;margin:20px 0;box-shadow:0 5px 18px #254e3010}p{line-height:1.6}.muted{color:var(--muted);font-size:12px}.eyebrow{font-size:12px;color:var(--green);margin:0 0 8px}.page-heading,.bar{display:flex;align-items:center;justify-content:space-between;gap:12px}.page-heading h1{margin-bottom:0}label{display:block;font-size:13px;margin:16px 0 8px;color:#486351}input,select,textarea{font:inherit;min-width:0;width:100%;padding:13px;border:1px solid var(--line);border-radius:12px;background:#fafcf9;color:#213f2c;min-height:45px}input:focus,select:focus,textarea:focus{outline:2px solid #7ba987;outline-offset:1px}input[type=checkbox]{width:18px;height:18px;min-height:18px;accent-color:var(--green)}button{font:600 13px Arial;border:0;border-radius:12px;min-height:44px;padding:13px 18px;background:var(--green);color:white;cursor:pointer}button:disabled{opacity:.45;cursor:not-allowed}button:hover{filter:brightness(.96)}.wide{width:100%;margin-top:14px}.secondary{background:#eaf2e6;color:#346340}.text-button{background:transparent;color:var(--green);padding:10px 3px}.danger{background:#b13e38}.danger-text{color:#b13e38}.login-options{display:flex;align-items:center;justify-content:space-between;gap:12px;margin-top:8px}.check{display:flex;align-items:center;gap:8px;margin:0;font-size:12px}.login-options button{font-size:12px}.icon-button{font-size:25px;background:#e6eedf;color:var(--green);width:44px;padding:5px}.pill,.badge{display:inline-block;border-radius:20px;padding:6px 10px;background:#edf3e7;color:#4b7153;font-size:11px}.badge{white-space:nowrap}.offline{background:#f0f0ec;color:#788477}.temperature{font-size:66px;font-weight:600;color:var(--green);text-align:center;margin:26px 0 0;letter-spacing:-3px}.temperature small{font-size:22px;letter-spacing:0;color:#93a28f}.center{text-align:center}.solar-power{display:flex;align-items:center;justify-content:center;gap:9px;padding:15px;background:#eff5e5;border-radius:14px;color:#456c2e;font-size:14px}.metrics{display:grid;grid-template-columns:repeat(3,1fr);gap:8px;margin:18px 0}.metrics div{text-align:center;background:#f6f8f4;border-radius:12px;padding:14px 4px}.metrics small{font-size:10px;color:var(--muted)}.metrics strong{display:block;font-size:16px;margin-top:7px}.control{border-top:1px solid var(--line);margin-top:18px;padding-top:12px}.row{display:flex;align-items:center;justify-content:space-between;gap:10px}.row input{width:90px}.row label{margin:5px 0}.row.buttons{margin-top:14px}.row.buttons button{flex:1;padding:12px 8px}.account-card{display:flex;align-items:center;gap:14px;margin:24px 0}.avatar{width:50px;height:50px;border-radius:50%;background:#e1edda;color:#47733c;display:grid;place-items:center;font-size:24px}.account-card p{margin:5px 0;font-size:12px;color:var(--muted);overflow-wrap:anywhere}.settings-list{padding:4px 18px}.setting{display:flex;justify-content:space-between;align-items:center;gap:12px;width:100%;padding:19px 0;border-bottom:1px solid var(--line);border-radius:0;background:white;color:#294332;margin:0;font-size:14px;min-height:68px}.setting:last-child{border-bottom:0}.setting>span{display:flex;align-items:center;gap:12px}.setting i{font-style:normal;font-size:20px;color:#6a926c;width:22px}.setting b{font-weight:400;color:#98aa98;font-size:22px}.setting select{width:128px;border:0;padding:9px;background:#f5f8f1}.setting.danger-text,.setting.danger-text i{color:#b13e38}.switch-line{display:flex;align-items:center;justify-content:space-between;gap:15px;font-weight:bold;margin:25px 0 16px}.switch-line input{width:22px;height:22px}.schedule-rule{padding:18px 0;border-bottom:1px solid var(--line)}.rule-top{display:flex;justify-content:space-between;align-items:center}.rule-top button{background:transparent;color:#b13e38;font-size:12px;min-height:30px;padding:5px}.days{display:flex;gap:5px;justify-content:space-between;margin:12px 0}.days button{padding:9px 0;min-height:35px;flex:1;border-radius:10px;background:#f0f3ec;color:#7b8a77;font-size:10px}.days button.selected{background:var(--green);color:white}.times{display:grid;grid-template-columns:1fr 1fr;gap:12px}.times label{margin-top:7px}.times input{font-size:18px;min-height:50px}.demo-note{padding:13px;border-radius:12px;background:#fff4d8;color:#847039;font-size:11px;line-height:1.5;margin:15px 0}#message{padding:12px;background:#e2efdf;border-radius:12px;font-size:13px;line-height:1.5;white-space:pre-wrap}#message:empty{display:none}#message.error{background:#fbe7e1;color:#b13e38}dialog{border:1px solid var(--line);border-radius:24px;padding:25px;width:min(480px,94vw);max-height:90vh;overflow:auto;color:#254331}dialog::backdrop{background:#16372777;backdrop-filter:blur(3px)}.dialog-actions{display:flex;justify-content:flex-end;gap:10px;margin-top:20px}footer{text-align:center;margin-top:22px;font-size:11px}a{color:var(--green)}#bottomNav{position:fixed;bottom:0;left:50%;transform:translateX(-50%);width:min(560px,100%);display:flex;background:#fffffff5;border:1px solid var(--line);border-radius:22px 22px 0 0;padding:10px 10px max(12px,env(safe-area-inset-bottom));backdrop-filter:blur(10px);box-shadow:0 -5px 20px #234c2910}#bottomNav button{flex:1;display:flex;align-items:center;flex-direction:column;gap:5px;background:none;color:#889382;font-size:11px;padding:6px 4px}#bottomNav button>span:first-child{font-size:24px;line-height:26px}#bottomNav button.active{color:var(--green);background:#f0f5e9;border-radius:14px}[hidden]{display:none!important}@media(max-width:380px){main{padding:20px 14px 105px}.card{padding:18px}.setting{font-size:12px}.setting select{width:108px}.days{gap:3px}.brand{font-size:19px}}

/* One selected device; compact controls retain touch targets. */
.signed-in main{padding-top:12px;padding-bottom:82px}.signed-in header{margin-bottom:12px}.signed-in .page-heading h1{font-size:23px}.signed-in #homePage .eyebrow{display:none}.signed-in #updated{margin:4px 0;font-size:10px}.device-picker{display:flex;align-items:center;gap:10px;margin:8px 0}.device-picker label{margin:0;flex:none}.device-picker select{padding:10px;font-size:13px}.signed-in #devices .card{margin:8px 0;padding:14px 18px}.signed-in #devices .bar{font-size:12px}.signed-in #devices .center.muted{margin:4px 0;font-size:11px}.signed-in #devices .temperature{font-size:48px;margin:8px 0 0}.signed-in #devices .metrics{margin:10px 0;gap:6px}.signed-in #devices .metrics div{padding:9px 3px}.signed-in #devices .solar-power{padding:9px;font-size:12px}.signed-in #devices .control{margin-top:10px;padding-top:8px}.signed-in #devices .control p{margin:6px 0;font-size:10px}.signed-in #devices .row.buttons{margin-top:8px}.signed-in #devices .wide{margin-top:0;min-height:32px;padding:6px}.signed-in #add{margin-top:4px;min-height:38px;padding:8px}.signed-in #demo,.signed-in footer{display:none}.signed-in #bottomNav{padding-top:6px;padding-bottom:8px}.signed-in main>.demo-note:first-child{font-size:0;padding:5px 10px;margin:0 0 7px;line-height:0}.signed-in main>.demo-note:first-child::after{content:'YEREL ÖNİZLEME · Örnek cihazlar';font-size:10px;line-height:1.2}.signed-in #demoNote{margin:5px 0;padding:6px;font-size:10px}.signed-in #message{margin:4px 0;padding:6px}

/* Device actions and thermostat control */
.signed-in #add{display:inline-flex;align-items:center;gap:7px;background:linear-gradient(135deg,#247748,#175b39);color:#fff;border:1px solid #ffffff55;border-radius:24px;padding:9px 13px;min-height:40px;box-shadow:0 4px 10px #1d643323;font-size:12px;margin:0;white-space:nowrap}.signed-in #add::before{content:'+';display:grid;place-items:center;width:22px;height:22px;border-radius:50%;background:#ffffff25;font-size:21px;font-weight:400;line-height:1}.target-panel{display:flex;align-items:center;justify-content:space-between;gap:8px;background:linear-gradient(120deg,#edf5e9,#f8faf5);border:1px solid #dae8d5;border-radius:16px;padding:8px 10px}.target-caption{display:flex;align-items:center;gap:7px}.target-caption>span{font-size:23px;color:#5c8660}.target-caption label{margin:0;font-size:12px;font-weight:600}.target-caption small{display:block;font-size:10px;font-weight:400;color:#869381;margin-top:3px}.target-stepper{display:flex;align-items:center;gap:3px}.target-stepper button{width:36px;min-height:36px;padding:0;border-radius:50%;background:white;color:#247748;border:1px solid #d9e7d4;font-size:23px;font-weight:400}.target-value{display:flex;align-items:baseline;gap:1px;color:#247748}.target-value input{appearance:textfield;-moz-appearance:textfield;border:0;background:transparent;box-shadow:none;padding:0;width:40px;min-height:36px;font-size:27px;font-weight:700;text-align:center;color:#247748}.target-value input::-webkit-inner-spin-button,.target-value input::-webkit-outer-spin-button{-webkit-appearance:none;margin:0}.target-value>span{font-size:12px}.signed-in #devices .row.buttons button{border-radius:12px}.signed-in #devices .row.buttons button[data-action=target]{border:1px solid #cdddc7;background:#fff;color:#247748}@media(max-width:380px){.target-panel{padding:7px}.target-caption>span{display:none}.target-stepper button{width:32px;min-height:36px}.target-caption label{font-size:11px}}

.target-stepper button{touch-action:none;user-select:none;-webkit-user-select:none;-webkit-touch-callout:none}.target-stepper button:active{background:#247748;color:white;transform:scale(.94)}

.heater-indicator{display:flex;align-items:center;justify-content:center;gap:8px;width:fit-content;margin:5px auto 8px;padding:6px 12px;border:1px solid #dce5da;border-radius:30px;background:#f3f5f1;color:#7c877c;font-size:11px;font-weight:600}.heater-led{width:9px;height:9px;flex:none;border-radius:50%;background:#a8b0a6;box-shadow:inset 0 1px 2px #0002}.heater-indicator.on{background:#edf8eb;border-color:#c8e7be;color:#287343}.on .heater-led{background:#5ad45b;box-shadow:0 0 0 3px #5ad45b1c,0 0 9px #46c8538c;animation:heater-glow 2s ease-in-out infinite}.heater-indicator.unknown{background:#faf6eb;color:#91784f;border-color:#eaddc4}.unknown .heater-led{background:#c5a366;box-shadow:none}@keyframes heater-glow{50%{box-shadow:0 0 0 4px #5ad45b10,0 0 4px #46c85350}}@media(prefers-reduced-motion:reduce){.on .heater-led{animation:none}}

/* Keep the home navigation attached to the device content. */
body.signed-in:has(#homePage:not([hidden])) main{padding-bottom:0}
body.signed-in:has(#homePage:not([hidden])) #bottomNav{position:sticky;left:auto;transform:none;bottom:0;width:calc(100% - 44px);max-width:516px;margin:2px auto 12px;border-radius:20px;padding-bottom:max(8px,env(safe-area-inset-bottom))}
@media(max-width:380px){body.signed-in:has(#homePage:not([hidden])) #bottomNav{width:calc(100% - 28px)}}