/* Desktop: dezelfde afmetingen voor Groepen en Vloten; mobiel blijft ongewijzigd. */
.phone-start-form select{width:100%;min-height:44px;padding:10px 12px;background:#092c3b;color:#e7f4ff;border:1px solid #3e6f85;border-radius:9px;font:inherit}
.phone-start-form label{display:block;margin-top:12px;margin-bottom:6px}
@media(min-width:900px) and (min-height:600px) and (pointer:fine){
 body.svx-swl-page{background:radial-gradient(ellipse at 25% 15%,#123b47,transparent 55%),radial-gradient(ellipse at 80% 85%,#25213d,transparent 55%),#061019!important}
 #dispatchApp.swl327.svx-phone-app.phone-talkgroups-layout.show-talkgroups,#dispatchApp.swl327.svx-phone-app.phone-talkgroups-layout.show-talkgroups[data-home-view=spectrum]{width:520px!important;height:min(900px,calc(100dvh - 32px))!important;max-height:calc(100dvh - 32px)!important;margin:16px auto!important;border:1px solid #365569;border-radius:22px;box-shadow:0 24px 80px #0008;--swl-scope:140px}
 #dispatchApp.swl327[data-home-view=spectrum]>.phone323-header{max-width:none!important}
 #dispatchApp.swl327 .layout-phone-nav{border-radius:0 0 15px 15px}
 #dispatchApp.swl327 .phone323-sheet[open]{max-width:500px!important;margin-inline:auto!important}
}
.desktop351{display:none}
@media(min-width:1200px) and (min-height:600px) and (pointer:fine){
.desktop351{display:block;position:fixed;top:50%;transform:translateY(-50%);width:calc((100vw - 620px)/2);max-width:310px;max-height:calc(100dvh - 60px);overflow:auto;color:#c4dce8;padding:12px}
.desktop351-left{right:calc(50% + 285px)}.desktop351-right{left:calc(50% + 285px)}
.desktop351-kicker{font:600 10px/1.4 system-ui;letter-spacing:.16em;color:#7bdcbe}.desktop351 h1{font-size:clamp(44px,5vw,70px);line-height:1.1;margin:20px 0;letter-spacing:-.05em;color:#def6ff}.desktop351 h1 em{font-style:normal;color:#6aefb9}.desktop351 h2{font:500 25px/1.3 system-ui;color:#e5f6ff;margin:18px 0 24px}.desktop351-intro{font-size:20px;line-height:1.6;color:#93b2c4;margin-bottom:28px}.desktop351-card{border:1px solid #304859;background:linear-gradient(135deg,#10313d99,#0e1d3199);border-radius:15px;padding:18px;margin:15px 0}.desktop351-card small{display:block;font:500 10px/1.5 system-ui;letter-spacing:.12em;color:#92b3c5}.desktop351-card strong{display:block;font:500 23px/1.3 system-ui;color:#dcf8ed;margin:10px 0;overflow-wrap:anywhere}.desktop351-card span,.desktop351-note,.desktop351-idle{font:400 12px/1.7 system-ui;color:#98b2c5}.desktop351 a{display:inline-block;margin-top:16px;color:#91b9cc;text-decoration:none;font-size:13px}.desktop351-live{border-left:3px solid #65eaaa;border-radius:8px;background:#0e332e;padding:14px;margin:10px 0}.desktop351-live b{display:block;color:#68efbd;font-size:18px}.desktop351-live span{display:block;margin-top:5px;color:#d9eff4;overflow-wrap:anywhere}.desktop351-idle{padding:22px 16px;border:1px dashed #315264;border-radius:12px}.desktop351-note{margin:20px 0}
}
/* Groot desktop-dashboard: Groepen en Vloten gelijktijdig, één ontvanger. */
@media(min-width:900px) and (min-height:600px) and (pointer:fine){
.desktop351-left{display:none}.desktop351-right{left:auto;right:20px;width:270px;max-width:270px;top:24px;transform:none;max-height:calc(100dvh - 48px)}
#dispatchApp.swl327.svx-phone-app.phone-talkgroups-layout.show-talkgroups,#dispatchApp.swl327.svx-phone-app.phone-talkgroups-layout.show-talkgroups[data-home-view=spectrum]{width:calc(100% - 330px)!important;max-width:none!important;height:calc(100dvh - 32px)!important;margin:16px 0 16px 20px!important;padding:12px!important;--swl-scope:160px}
#dispatchApp.swl327.svx-phone-app.phone-talkgroups-layout.show-talkgroups .svx-phone-ui,#dispatchApp.swl327.svx-phone-app.phone-talkgroups-layout.show-talkgroups[data-home-view=spectrum] .svx-phone-ui{grid-template-columns:minmax(0,1fr) minmax(0,1fr)!important;grid-template-rows:28px 22px minmax(0,1fr)!important;gap:8px 16px!important;position:relative!important}
#dispatchApp.swl327 .swl335-switch{grid-area:1 / 1 / 2 / 3!important;position:relative!important;display:flex!important;align-items:center!important;justify-content:flex-start!important;min-height:0!important}
#dispatchApp.swl327 .swl335-switch:before{content:'GROEPEN & VLOTEN';font:600 13px system-ui;letter-spacing:.1em;color:#8ddfce}
#dispatchApp.swl327 .swl335-switch button{display:none!important}
#dispatchApp.swl327 .phone-heading,#dispatchApp.swl327[data-home-view=spectrum] .phone-heading{position:static!important;grid-area:2 / 1 / 3 / 3!important;max-width:none!important;display:flex!important}
#dispatchApp.swl327 .phone-heading h1{display:block!important}
#dispatchApp.swl327 .phone-grid,#dispatchApp.swl327[data-home-view=spectrum] .phone-grid{display:grid!important;grid-area:3 / 1!important;min-width:0!important;min-height:0!important}
#dispatchApp.swl327 .log341-panel,#dispatchApp.swl327[data-home-view=spectrum] .log341-panel{display:grid!important;grid-area:3 / 2!important;grid-template-rows:26px 24px minmax(0,1fr) 34px!important;gap:0!important;padding:9px 5px 0!important;overflow:hidden!important;border:1px solid #435173;border-radius:10px;background:#071c2c}
#dispatchApp.swl327 .log341-panel h2{font-size:18px!important;max-width:none!important}
#dispatchApp.swl327 .phone323-header{max-width:none!important}
#dispatchApp.swl327 .layout-phone-nav{width:100%!important;max-width:none!important;position:static!important;grid-area:3 / 1!important}
.desktop351-install{padding-bottom:20px;margin-bottom:25px;border-bottom:1px solid #345367}.desktop351-install h2{font-size:32px;letter-spacing:-.04em;margin:12px 0;color:#d9fff0}.desktop351-install p{font-size:13px;line-height:1.7;color:#a8c6d6}.desktop351-install a{display:block;width:140px;margin:20px auto 12px}.desktop351-install img{display:block;width:140px;height:140px;border-radius:12px;box-shadow:0 0 30px #58e8b51c}.desktop351-install strong{display:block;text-align:center;font-size:13px;color:#78eec2}.desktop351-install small{font-size:11px;color:#89aabe}.desktop351-right h2{font-size:24px}.desktop351-note{display:none}.desktop351-card{padding:12px}.desktop351-card strong{font-size:20px}
}

@media(min-width:900px) and (max-width:1199px) and (min-height:600px) and (pointer:fine){#dispatchApp.swl327.svx-phone-app.phone-talkgroups-layout.show-talkgroups,#dispatchApp.swl327.svx-phone-app.phone-talkgroups-layout.show-talkgroups[data-home-view=spectrum]{width:calc(100% - 40px)!important}}