.quick-panel{width:min(380px,calc(100vw - 24px));max-height:calc(100vh - 75px);overflow:auto}
.quick-grid{grid-template-columns:repeat(3,minmax(0,1fr));gap:18px 12px}
.radio-tile{text-align:center;min-width:0}.radio-tile>div{display:flex;height:54px}.radio-tile .quick-tile{border-radius:6px 0 0 6px;flex:1;min-width:0;height:54px}.radio-tile [data-radio-list]{width:30px;border:1px solid #c7ccd4;border-left:0;border-radius:0 6px 6px 0;background:#fff;color:#1d2734;font-size:24px}.radio-tile:has(.active) [data-radio-list]{background:#0067c0;color:#fff;border-color:#0067c0}.radio-tile small{display:block;font-size:12px;margin-top:6px;overflow:hidden;text-overflow:ellipsis}.quick-tile[data-toggle-radio=airplane],.quick-tile[data-energy]{height:76px;font-size:11px}.radio-tile .active{background:#0067c0;color:#fff}
.radio-quick-header{display:flex;align-items:center;gap:16px;padding:4px 0 14px;border-bottom:1px solid #d8dde5;font-size:14px}.radio-quick-header button{border:0;background:transparent;color:inherit;font-size:22px}.radio-quick-body{max-height:calc(100vh - 240px);min-height:200px;overflow:auto;margin:0 -10px;padding:0 10px}.radio-view{color:#1d2734;font-size:13px}.radio-heading{display:flex;align-items:center;justify-content:space-between;gap:20px}.radio-heading h3{font-size:17px;font-weight:600}.radio-note{font-size:12px;color:#586270;line-height:1.6}.radio-card{border-radius:7px;border:1px solid #dce1e7;background:#ffffffaa;margin:8px 0;overflow:hidden}.radio-card.connected{border-color:#99bfe6;background:#edf5ff}.radio-card>button{display:flex;align-items:center;gap:12px;width:100%;border:0;background:transparent;text-align:left;padding:14px;color:inherit;cursor:pointer}.radio-card>button:hover{background:#dae8f577}.radio-card>button>span:nth-child(2){flex:1}.radio-card b{font-weight:600}.radio-card small{display:block;font-size:12px;color:#515d6b;margin-top:4px}.radio-icon{width:24px;height:24px;flex-shrink:0;vertical-align:middle}.radio-details{padding:0 14px 14px 49px}.radio-view button:not(.radio-card>button):not(.radio-switch){background:#fff;border:1px solid #c4ccd5;border-radius:5px;padding:7px 12px;color:#202b39;cursor:pointer}.radio-view button:hover{filter:brightness(.96)}.radio-view button:disabled{opacity:.5;cursor:default}.radio-actions{display:flex;flex-wrap:wrap;gap:8px;justify-content:flex-end;margin-top:12px}.radio-actions button:first-child{background:#0067c0!important;color:white!important;border-color:#0067c0!important}.radio-view label{display:block;margin:10px 0;font-size:12px}.radio-view input[type=password],.radio-view input[type=text]{display:block;width:100%;padding:8px;border:1px solid #7c8999;border-bottom:2px solid #0067c0;border-radius:4px;background:#fff;color:#18212b;margin-top:8px}.radio-show{display:flex!important;align-items:center;gap:6px}.radio-error,.radio-view form [role=alert]{color:#b42318}.radio-message{color:#155f34}.radio-ip{display:grid;grid-template-columns:1fr 1fr;gap:5px;font-size:12px}.radio-ip dd{margin:0}.radio-device{display:flex;gap:14px;align-items:center;padding:14px}.radio-card>.radio-actions{padding:0 14px 14px}.device-symbol{font-size:26px;color:#0067c0}.radio-discovery{margin-top:16px;border-top:1px solid #dce1e7;padding-top:16px}.radio-switch{width:42px;height:22px;flex-shrink:0;border:1px solid #69717c;border-radius:20px;background:#e3e6ea;cursor:pointer;padding:3px}.radio-switch span{display:block;background:#555f6d;width:14px;height:14px;border-radius:50%}.radio-switch[aria-checked=true]{background:#0067c0;border-color:#0067c0}.radio-switch[aria-checked=true] span{background:white;transform:translateX(19px)}
.hidden-icons-panel{position:absolute;z-index:30;right:140px;bottom:62px;display:grid;grid-template-columns:repeat(4,40px);gap:7px;padding:12px;background:rgba(242,246,252,.97);color:#172433;border-radius:9px;box-shadow:0 10px 30px #0003}.hidden-icons-panel button{width:40px;height:40px;border:0;background:transparent;border-radius:5px;font-size:24px;color:#0067c0}.hidden-icons-panel button:hover{background:#cddff4}.hidden-icons-panel.hidden{display:none}.tray-button#hiddenIconsButton{min-width:28px;padding:4px}.tray-app button{padding:8px 14px;border:1px solid #c4ccd5;border-radius:5px;background:#fff;color:#202b39}.functional-settings .radio-view{max-width:700px}.radio-view :focus-visible,.radio-tile button:focus-visible,.hidden-icons-panel button:focus-visible{outline:2px solid #0067c0;outline-offset:2px}
@media(max-width:600px){.hidden-icons-panel{right:20px}.quick-panel{right:12px}.radio-details{padding-left:14px}.functional-settings .settings-side{min-width:145px;width:145px}}
html[data-theme=dark] .radio-view{color:#edf3fa}html[data-theme=dark] .radio-note,html[data-theme=dark] .radio-card small{color:#c2ccd8}html[data-theme=dark] .radio-card{background:#2b3441;border-color:#46566c}html[data-theme=dark] .radio-card.connected{background:#193e60;border-color:#5599d4}html[data-theme=dark] .radio-message{color:#8de6b0}html[data-theme=dark] .radio-error,html[data-theme=dark] .radio-view form [role=alert]{color:#ffaaa0}html[data-theme=dark] .radio-device .device-symbol{color:#9dd1ff}