.sf-auto-host{display:block!important}.sf-auto-unit{margin-top:16px;padding:16px;border:1px solid var(--border,#30445a);border-radius:18px;background:var(--card-bg,rgba(20,32,47,.35))}.sf-auto-heading{display:flex;align-items:center;justify-content:space-between;gap:12px;flex-wrap:wrap}.sf-auto-heading h4{margin:0}.sf-auto-heading>span,.sf-auto-saved{font-size:12px;opacity:.8}.sf-auto-modes{display:flex;gap:8px;margin:12px 0}.sf-auto-modes button{flex:1;border:1px solid #38536c;border-radius:12px;padding:10px;background:transparent;color:inherit;font-weight:700;cursor:pointer}.sf-auto-modes button.active{background:linear-gradient(110deg,#2563eb,#0dada4);color:white}.sf-auto-rules{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:10px}.sf-auto-rules .auto-rule-card{padding:12px;border:1px solid #30445a;border-radius:14px;min-width:0}.sf-auto-rules label{display:block;font-size:12px;margin-bottom:8px}.sf-auto-rules label:has(input[type=checkbox]){font-size:14px;font-weight:700}.sf-auto-rules input:not([type=checkbox]),.sf-auto-rules select{display:block;width:100%;box-sizing:border-box;border:1px solid #38536c;border-radius:9px;background:var(--input-bg,#101d2b);color:inherit;padding:9px;margin-top:5px;min-width:0}.sf-auto-pair{display:grid;grid-template-columns:1fr 1fr;gap:8px}.sf-auto-help{font-size:12px;line-height:1.7;opacity:.8}.sf-auto-saved{margin-left:8px}.sf-sensor-status{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:12px;margin-top:12px}.sf-sensor-status article{border:1px solid #30445a;border-radius:14px;padding:12px}.sf-sensor-status p{font-size:13px;margin:8px 0 0}.sf-auto-modes button:disabled{cursor:not-allowed;opacity:.45}html[data-theme=light] .sf-auto-rules input:not([type=checkbox]),html[data-theme=light] .sf-auto-rules select{background:#fff;color:#182535}@media(max-width:620px){.sf-auto-rules,.sf-sensor-status{grid-template-columns:1fr}}