.fan-main-reading{display:flex;align-items:center;gap:18px}
.fan-main-reading>div{display:flex;flex-direction:column;gap:5px;min-width:0}
.fan-main-reading>div>strong{font-size:1.6rem}
.fan-main-reading>div>small{font-size:.85rem;opacity:.85}
.fan-controls{display:grid;gap:10px;padding:0 18px 18px;min-width:0}
.fan-control,.fan-swing{display:flex;flex-direction:column;gap:10px;padding:12px 14px;border-radius:16px;background:rgba(255,255,255,.88);color:#163a4b;border:1px solid rgba(255,255,255,.55);min-width:0}
.fan-control-label{display:flex;align-items:center;justify-content:space-between;gap:10px;font-size:.9rem}
.fan-control-label i,.fan-swing i{margin-right:6px}
.fan-control input[type=range]{width:100%;min-width:0;accent-color:#18767c;min-height:28px;cursor:pointer}
.fan-control select{width:100%;min-width:0;min-height:40px;border-radius:10px;border:1px solid #bed6dc;background:#fff;color:#163a4b;font:inherit;padding:7px 10px}
.fan-swing{flex-direction:row;justify-content:space-between;align-items:center;font:inherit;cursor:pointer;min-height:48px;text-align:left}
.fan-swing.is-on{background:#d6f3e8;border-color:#8bd9bc}
.fan-swing:disabled,.fan-control input:disabled,.fan-control select:disabled,.fan-power:disabled{opacity:.58;cursor:default}
.fan-controls button:focus-visible,.fan-controls input:focus-visible,.fan-controls select:focus-visible,.fan-power:focus-visible{outline:3px solid #37a4b5;outline-offset:3px}
.fan-table-controls{min-width:260px}.fan-table-controls .fan-controls{padding:6px 0;gap:7px}
.fan-table-power .fan-power{width:54px;height:54px;min-width:54px}
.device-type-table--fan{background:linear-gradient(135deg,#edf9fc,#d6edf1)}
@media(max-width:480px){.fan-controls{padding-left:12px;padding-right:12px}.fan-main-reading{gap:12px}}