.v9 .nav #automation-submenu{padding:2px 0 7px 26px;display:grid;gap:3px}.v9 .nav #automation-submenu[hidden]{display:none}.v9 .nav #automation-submenu button{font-size:11px;line-height:1.4;min-height:34px;padding:8px 10px;margin:0;border:0;border-radius:7px;text-align:left;color:#b9cbed;white-space:normal}.v9 .nav #automation-submenu button.selected{background:#ffffff12;color:#fff;border-left:2px solid #3384ff}
.automation-page{color:#1b2438;min-width:0}.automation-page h2{font-size:22px;margin:0 0 8px;font-weight:600}.automation-page h3{font-size:15px;margin:0;font-weight:600}.a-heading,.a-row{display:flex;align-items:center;justify-content:space-between;gap:12px;flex-wrap:wrap}.a-heading{margin-bottom:20px}.a-heading p,.a-muted{color:#7a8395;font-size:12px;line-height:1.6;margin:6px 0 16px}.a-card{background:white;border:1px solid #e1e3e8;border-radius:12px;padding:18px;min-width:0}.a-stats{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:12px;margin-bottom:18px}.a-stats strong{display:block;font-size:26px;font-weight:600;margin-bottom:5px}.a-stats span{display:block;font-size:12px}.a-stats small{display:block;color:#617292;font-size:11px;min-height:14px;margin-top:6px}.a-filters{display:flex;gap:10px;margin-bottom:24px;flex-wrap:wrap}.a-filters input,.a-filters select{padding:11px 12px;background:white;border:1px solid #e1e3e8;border-radius:8px;font-size:12px;color:#6b7280;min-width:0}.a-filters input{flex:1;min-width:200px}.a-device-layout{display:grid;grid-template-columns:minmax(0,1.6fr) minmax(300px,1fr);gap:20px;align-items:start}.a-device-list{padding:10px;display:grid;gap:8px}.a-device-row{display:grid;grid-template-columns:minmax(0,1fr) 110px 90px;gap:12px;align-items:center;width:100%;border:1px solid #e1e3e8;border-radius:9px;padding:13px;text-align:left;font-size:12px;background:white}.a-device-row strong{font-size:14px;font-weight:600;overflow-wrap:anywhere}.a-device-row small{display:block;font-size:11px;color:#7a8395;margin-top:5px}.a-device-row.selected{background:#edf2ff;border-color:#5573ff}.a-device-row:hover{border-color:#879fff}.a-table-head{border:0;font-size:11px;color:#6c7488;padding:4px 12px 8px}.a-badge{font-size:11px;display:inline-block;padding:5px 12px;border-radius:18px;width:fit-content;white-space:nowrap}.a-badge.online{background:#e5faf0;color:#07814c}.a-badge.offline{background:#fcebeb;color:#bb3232}.a-detail{margin-top:55px;position:sticky;top:18px}.a-detail>h2{margin-top:18px}.a-info{display:grid;gap:18px;margin:24px 0 28px}.a-info>div{display:grid;grid-template-columns:1fr 1.2fr;gap:12px}.a-info dt{font-size:11px;color:#7a8395}.a-info dd{font-size:12px;margin:0;overflow-wrap:anywhere}.a-signals{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:10px;margin:14px 0}.a-signals>div,.a-scene-actions>div{border:1px solid #e1e3e8;border-radius:8px;background:#f6f7fa;padding:12px}.a-signals .enabled{background:#e5faf0;border-color:#e5faf0}.a-signals span,.a-scene-actions span{display:block;font-size:11px;color:#7a8395;margin-bottom:8px}.a-signals strong,.a-scene-actions strong{display:block;font-size:12px;font-weight:500}.a-signals .enabled strong{color:#07814c}.a-demo{font-size:11px;color:#8a92a2;line-height:1.7;margin-top:22px}.a-actions{display:flex;flex-wrap:wrap;gap:9px;margin-top:18px}.a-actions.end{justify-content:flex-end}.a-actions button{min-height:36px}.a-channels{display:grid;gap:8px;margin:15px 0 20px}.a-channels>div{display:grid;grid-template-columns:1fr 62px 62px;align-items:center;border:1px solid #e1e3e8;border-radius:8px;padding:5px;gap:5px;font-size:11px}.a-channels span{padding:4px}.a-channels button{padding:9px 6px;border:1px solid #e1e3e8;border-radius:6px;font-size:10px;background:white}.a-channels button[aria-pressed=true]{background:#edf2ff;border-color:#6381f7;color:#2348c0}.a-channels button:disabled{opacity:.4}.a-temperature{display:flex;align-items:end;gap:10px;margin-bottom:22px}.a-temperature label{display:grid;gap:8px;font-size:11px;flex:1}.a-temperature input{width:100%;min-width:0;padding:9px;border:1px solid #dee0ec;border-radius:8px}.a-lock-state{padding:20px;background:#f6f7fa;border-radius:8px;margin:14px 0}.a-scenario-layout{display:grid;grid-template-columns:minmax(250px,1fr) minmax(0,1.7fr);gap:20px;align-items:start}.a-scenario-list{display:grid;gap:12px;margin-top:14px}.a-scenario-list button{text-align:left;width:100%;padding:16px}.a-scenario-list .selected{background:#eeedff;border-color:#2348c0}.a-scenario-list strong{font-size:14px}.a-scenario-list p{font-size:12px;color:#7a8395;margin:9px 0 16px}.a-scenario-list small{color:#2348c0;font-size:11px}.a-scene-detail h2{margin-top:16px}.a-scene-detail h3{margin-top:16px}.a-scene-detail>.a-row h3{margin:0}.a-condition{border:1px solid #e1e3e8;background:#f8fafc;border-radius:9px;padding:16px;font-size:13px;line-height:1.6;margin:12px 0 20px}.a-scene-actions{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:8px;margin:12px 0 24px}.a-assign{display:grid;grid-template-columns:1fr 1fr;gap:14px;margin:16px 0}.a-assign fieldset{padding:14px;border:1px solid #e1e3e8;border-radius:9px;min-width:0}.a-assign legend{font-size:12px;font-weight:600;padding:0 4px}.a-assign label{display:flex;align-items:center;gap:8px;font-size:12px;padding:7px 0}.a-assign small{margin-left:auto;color:#7a8395}.a-assign input,.a-check input{accent-color:#2348c0}.a-room-scroll{max-height:190px;overflow:auto}.a-assignment-count{padding:15px;background:#eeedff;color:#2348c0;font-size:12px;border-radius:9px}.g-modal .a-assignment-count{margin-bottom:15px}.g-modal:has(#a-scene-form) h3{margin:20px 0 12px}.g-modal .form-grid{margin:15px 0}.a-check{display:flex;align-items:center;gap:10px;margin:16px 0;font-size:12px}.a-schedule-fields[hidden],.a-check[hidden]{display:none}.a-error{font-size:12px;color:#bb3232;margin:15px 0}.a-log{max-height:55vh;overflow:auto}.a-log article{display:grid;gap:6px;padding:14px 0;border-bottom:1px solid #e1e3e8}.a-log time{color:#8a92a2;font-size:10px}.a-result p{margin:10px 0 22px}.a-empty{padding:40px;text-align:center;color:#7a8395}.automation-page :focus-visible{outline:3px solid #90b4ff;outline-offset:2px}
@media(max-width:1100px){.a-device-row{grid-template-columns:minmax(0,1fr) 80px 60px;gap:8px;padding:11px 9px}.a-device-row .a-badge{padding:5px 8px}.a-scene-actions{grid-template-columns:1fr 1fr}.a-scenario-layout{grid-template-columns:minmax(230px,1fr) minmax(0,1.5fr)}}@media(max-width:760px){.a-device-layout,.a-scenario-layout{grid-template-columns:1fr}.a-detail{margin-top:0;position:static}.a-stats{grid-template-columns:1fr 1fr}.a-heading{align-items:flex-start}.a-filters input{flex-basis:100%}.a-scenario-list{grid-template-columns:1fr 1fr}.a-scenario-list .a-row{align-items:flex-start}.a-scenario-list .a-badge{font-size:10px}.a-card{padding:15px}}@media(max-width:460px){.a-assign,.a-scenario-list{grid-template-columns:1fr}.a-device-row{grid-template-columns:minmax(0,1fr) 65px 48px;gap:5px;font-size:10px}.a-device-row strong{font-size:12px}.a-device-row small{font-size:10px}.a-device-row .a-badge{font-size:9px;padding:4px 6px}.a-filters select{flex:1}.a-stats strong{font-size:23px}.a-detail .a-info>div{grid-template-columns:1fr 1fr}.a-channels>div{grid-template-columns:1fr 55px 55px}}