.dashboard.sotel-dashboard-wave-host { position:relative; isolation:isolate; --sotel-dashboard-accent:#3fa0d3; }
.sotel-dashboard-wave-host > .sotel-dashboard-waves { position:absolute; inset:0; width:100%; height:100%; z-index:-1; pointer-events:none; user-select:none; }
.sotel-dashboard-wave-controls { position:absolute; top:28px; right:20px; z-index:20; color:var(--text-normal,#3b4650); font-family:inherit; }
.sotel-dashboard-background-button { display:flex; align-items:center; gap:8px; min-height:39px; padding:7px 12px; border:1px solid var(--border,#dce1e6); border-radius:3px; background:var(--background-secondary,#fff); color:inherit; font:inherit; font-size:13px; line-height:20px; cursor:pointer; }
.sotel-dashboard-wave-glyph { font-size:22px; line-height:18px; }
.sotel-dashboard-wave-arrow { font-size:17px; line-height:18px; }
.sotel-dashboard-background-panel { position:absolute; top:calc(100% + 6px); right:0; width:270px; max-width:calc(100vw - 24px); border:1px solid var(--border,#dce1e6); border-radius:4px; background:var(--background-secondary,#fff); color:inherit; box-shadow:0 5px 18px rgba(0,0,0,.14); }
.sotel-dashboard-background-panel[hidden] { display:none!important; }
.sotel-dashboard-wave-toggle { display:flex; align-items:center; justify-content:space-between; gap:16px; width:100%; min-height:56px; padding:12px 14px; border:0; border-radius:4px; background:transparent; color:inherit; text-align:left; font:inherit; font-size:14px; line-height:22px; cursor:pointer; }
.sotel-dashboard-wave-track { position:relative; display:block; flex:0 0 40px; width:40px; height:24px; border-radius:20px; background:var(--background-tertiary,#cbd2d9); box-shadow:inset 0 0 0 1px var(--border,#a5abb3); }
.sotel-dashboard-wave-dot { position:absolute; top:3px; left:3px; width:18px; height:18px; border-radius:50%; background:#fff; box-shadow:0 1px 2px rgba(0,0,0,.18); }
.sotel-dashboard-wave-toggle[aria-checked="true"] .sotel-dashboard-wave-track { background:var(--sotel-dashboard-accent); box-shadow:none; }
.sotel-dashboard-wave-toggle[aria-checked="true"] .sotel-dashboard-wave-dot { transform:translateX(16px); }
.sotel-dashboard-background-button:focus-visible,.sotel-dashboard-wave-toggle:focus-visible { outline:2px solid var(--sotel-dashboard-accent); outline-offset:3px; }
.sotel-dashboard-wave-compact > .sotel-dashboard-wave-controls { position:relative; top:auto; right:auto; margin:8px 12px 0 auto; align-self:flex-end; flex-shrink:0; }
@media(pointer:coarse) { .sotel-dashboard-background-button { min-height:44px; } }
@media print { .sotel-dashboard-waves,.sotel-dashboard-wave-controls { display:none!important; } }