/* Scoped presentation for Settings & Connections. */
.settingsHeader,.settingsSection,:is(#account-connections,#video-connections) .connectionAccount{background:#fff!important;border:1px solid #dfe6ec!important;border-radius:12px!important;box-shadow:0 4px 18px #18324904!important;padding:26px!important}
.settingsHeader:before,.settingsHeader:after,:is(#account-connections,#video-connections) .connectionAccount:before,:is(#account-connections,#video-connections) .connectionAccount:after,.settingsSection:before,.settingsSection:after{display:none!important}
.settingsHeader h2{font:600 28px/1.3 Arial,Helvetica,sans-serif!important;letter-spacing:-.025em;margin:6px 0 10px!important;color:#182e45}
.settingsHeader .eyebrow,:is(#account-connections,#video-connections) .eyebrow{font:600 10px/1.5 Arial,Helvetica,sans-serif;letter-spacing:.13em;color:#63788a}
.settingsHeader .muted{margin:0 0 24px!important;max-width:760px;color:#617184}
.settingsHeader .settingsJump{display:flex;flex-wrap:wrap;gap:8px;border-bottom:1px solid #e1e7ed;padding:0 0 18px;margin:0 0 16px}
.settingsHeader .settingsJump a{border:0;border-radius:6px;background:#f1f4f7;padding:10px 14px;font-size:13px;color:#28445c;box-shadow:none}
.settingsHeader .actions{display:flex;justify-content:flex-end;gap:10px;margin:0!important;flex-wrap:wrap}
.settingsHeader button,#account-connections button,#video-connections button,#video-connections .btn{font:600 13px/1.4 Arial,Helvetica,sans-serif!important;min-height:42px;padding:11px 14px!important;border-radius:6px!important;box-shadow:none!important;white-space:normal;text-align:center;box-sizing:border-box}
#account-connections{gap:20px!important;margin-top:22px!important;align-items:stretch}
:is(#account-connections,#video-connections) .connectionAccount{display:flex;flex-direction:column;min-width:0;gap:0}
:is(#account-connections,#video-connections .connectionAccount) h2{height:48px;display:flex;align-items:center;margin:14px 0 16px!important}
:is(#account-connections,#video-connections .connectionAccount) h2 img,:is(#account-connections,#video-connections .connectionAccount) h2 svg{max-height:38px;max-width:160px;object-fit:contain;object-position:left center}
:is(#account-connections,#video-connections) .connectionState{align-self:flex-start;font-size:11px;line-height:1.5;padding:4px 9px;background:#f0f3f6;color:#5c6c7d;border:1px solid #dde4ea;margin-bottom:12px}
:is(#account-connections,#video-connections) .connectionState[data-state=connected]{background:#eef7f1;color:#31604a;border-color:#d2e5d8}
:is(#account-connections,#video-connections .connectionAccount) .muted{font-size:13px;line-height:1.65;color:#607184;margin:0 0 18px}
:is(#account-connections,#video-connections .connectionAccount) .actions{margin-top:auto!important;padding-top:14px;display:flex;gap:8px!important;align-items:center}
:is(#account-connections,#video-connections .connectionAccount) .actions p{margin:0}
#account-connections [role=status]:empty,.settingsHeader #connectionNotice:empty,#video-connections [data-message]:empty{display:none}
#account-connections [role=status]:not(:empty),#connectionNotice:not(:empty){margin-top:16px;font-size:13px}
.settingsSection h2{font:600 21px/1.4 Arial,Helvetica,sans-serif!important;margin:0 0 10px;color:#1b334a}
.settingsSection>p{font-size:13px;line-height:1.65;color:#607184;margin:0 0 22px}
#video-connections .connectionsGrid{grid-template-columns:repeat(3,minmax(0,1fr))!important;gap:14px!important;margin-top:22px}
#video-connections .conferenceProvider{display:flex;flex-direction:column;min-width:0;border:1px solid #e0e6ec;border-radius:8px;background:#f9fafb;padding:18px!important;margin:0!important}
#video-connections .conferenceProvider h3{font:600 15px/1.4 Arial,Helvetica,sans-serif;margin:0 0 10px}
#video-connections .conferenceProvider p{font-size:12px;line-height:1.65;color:#657689;margin:0 0 16px}
#video-connections .conferenceProvider[data-connection-state=connected]{border-color:#cbded3}
#video-connections .conferenceActions{display:flex;flex-wrap:wrap;gap:8px;margin-top:auto;padding-top:4px}
#video-connections .conferenceActions:empty{display:none}
#video-connections .conferenceActions>*{margin:0!important}
#video-connections .conferenceHosts{border-top:1px solid #dfe6ec;padding-top:24px;margin-top:26px}
#video-connections .conferenceHosts h3{font:600 16px/1.4 Arial,Helvetica,sans-serif}
#video-connections .conferenceHosts p{font-size:13px;color:#617184}
#video-connections .conferenceHostActions{display:flex;gap:10px;flex-wrap:wrap;margin-top:16px}
#video-connections,#terminal-connections,#workspace-settings,#account-connections{scroll-margin-top:90px}
@media(max-width:1050px){#video-connections .connectionsGrid{grid-template-columns:repeat(2,minmax(0,1fr))!important}}
@media(max-width:640px){.settingsHeader,.settingsSection,:is(#account-connections,#video-connections) .connectionAccount{padding:20px!important}.settingsHeader .actions{justify-content:flex-start}.settingsHeader h2{font-size:24px!important}#video-connections .connectionsGrid{grid-template-columns:1fr!important}#account-connections{grid-template-columns:1fr!important}.settingsHeader .settingsJump a{flex:1 1 40%;text-align:center}:is(#account-connections,#video-connections .connectionAccount) .actions>*{flex:1 1 auto}}

.paymentConnectionsTitle{font:600 21px/1.4 Arial,Helvetica,sans-serif;margin:26px 0 12px;color:#1b334a}#account-connections{grid-template-columns:repeat(2,minmax(0,1fr))!important}#video-connections .connectionAccount{padding:18px!important;background:#f9fafb!important;box-shadow:none!important;border-radius:8px!important}#video-connections .connectionAccount h2{height:auto;margin:10px 0!important}#video-connections .connectionAccount h2 img{max-height:28px} @media(max-width:640px){#account-connections{grid-template-columns:1fr!important}}