/* One direction per row, with its online/offline pair side by side. */
@media(max-width:760px){
html body [data-online-menu]{display:flex!important;flex-direction:column!important;width:100%;min-width:0;gap:10px!important}
html body [data-online-menu]>.availability-pair{display:grid!important;grid-template-columns:minmax(0,1fr) minmax(0,1fr)!important;flex:none!important;width:100%!important;min-width:0;gap:8px!important}
html body [data-online-menu]>.availability-pair>a.button{box-sizing:border-box!important;display:flex!important;flex-direction:column;justify-content:center;align-items:center;min-width:0!important;width:100%!important;min-height:86px!important;height:auto!important;margin:0!important;padding:12px 8px!important;white-space:normal!important;overflow-wrap:break-word;font:700 16px/1.4 system-ui!important;text-align:center!important}
html body [data-online-menu] .availability-count{font-size:13px!important;line-height:1.4;margin-top:4px}
html body [data-online-menu]>details{box-sizing:border-box;max-width:100%;flex:none!important}
html body .online-entry{padding:16px!important}
}
.connection-window{box-sizing:border-box;width:min(620px,calc(100vw - 24px));max-height:calc(100dvh - 24px);overflow:auto;border:2px solid #bed5ee;border-radius:24px;padding:16px;background:#f2f8ff;color:#173451}
.connection-window::backdrop{background:#09274e99}
html body .connection-window:not([open]){display:none!important}
html body .connection-window .reception-hub{margin:10px 0 0!important;padding:16px!important;width:auto!important;box-sizing:border-box}
.connection-window .connection-close{display:block;margin-left:auto;padding:8px 12px;border:1px solid #efb9c4;border-radius:12px;background:#ffe9ed;color:#a61e3c;min-height:40px}
.connection-window select{max-width:100%;box-sizing:border-box}
.connection-launch{margin:10px 0;border:1px solid #b5d3ee;border-radius:12px;background:#eaf3ff;color:#0754d6;padding:10px 14px;font:650 14px system-ui;min-height:40px}
@media(max-width:480px){.connection-window{padding:10px}.connection-window .actions{display:grid!important;grid-template-columns:1fr!important}.connection-window .actions>*{width:100%;box-sizing:border-box;margin:0!important}.connection-window h2{font-size:23px}}