/* Ferox call room, incoming and missed-call notices, and the add-people picker.
   Every call surface reads one palette derived from the account theme tokens,
   so calls, meetings and their dialogs follow the site's light and dark modes. */
:is(.vc-panel,[data-meeting],.vc-incoming,.vc-missed,.cp-dialog,.vc-devices,.fs-share-picker,.fs-share-bar){
  --vc-bg:var(--account-paper,#f4f3ef);--vc-bar:var(--account-card,#fffefa);--vc-card:var(--account-card,#fffefa);
  --vc-ink:var(--account-ink,#222b2b);--vc-muted:var(--account-muted,#65706d);--vc-line:var(--account-line,#dddfd8);--vc-hover:var(--account-soft,#e9efea);
  --vc-accent:var(--account-teal,#176f70);--vc-on-accent:#fff;
  --vc-accent-soft:#176f701f;--vc-accent-soft:color-mix(in srgb,var(--vc-accent) 12%,transparent);
  --vc-accent-line:#176f7060;--vc-accent-line:color-mix(in srgb,var(--vc-accent) 38%,transparent);
  --vc-stage:#e3e9e4;--vc-stage-muted:#5b6663;--vc-tile:#d6dfd8;--vc-stage-line:#cfd8d1;--vc-video:#11181a;
  --vc-avatar:var(--account-teal,#176f70);--vc-on-avatar:#fff;
  --vc-danger:#a13e39;--vc-on-danger:#fff;
  --vc-warn:#833927;--vc-warn-bg:#f5ded6;--vc-warn-line:#e4bdaf;
  --vc-focus:#bc701b;--vc-shadow:#1b29232e;--vc-backdrop:#0e1013a6;
}
html[data-theme="dark"] .account-app :is(.vc-panel,[data-meeting],.vc-incoming,.vc-missed,.cp-dialog,.vc-devices,.fs-share-picker,.fs-share-bar){
  --vc-on-accent:#0e1013;
  --vc-stage:#141b1d;--vc-stage-muted:var(--account-muted,#a2b2ab);--vc-tile:#1e282a;--vc-stage-line:#2b3735;
  --vc-avatar:#2b4f49;--vc-on-avatar:#dcefe9;
  --vc-danger:#a9473f;
  --vc-warn:var(--account-danger,#f1ad9c);--vc-warn-bg:var(--account-danger-bg,#392821);--vc-warn-line:#6d4a3f;
  --vc-focus:#efc685;--vc-shadow:#00000080;--vc-backdrop:#000000b3;
}
.site-account .vc-panel{display:flex;flex-direction:column;max-width:1400px;height:790px;min-height:640px;margin:26px 0 34px;padding:0;overflow:hidden;border:1px solid var(--vc-line);border-radius:10px;background:var(--vc-bg);color:var(--vc-ink);box-shadow:none;scroll-margin-top:24px}
.vc-panel [hidden],.vc-incoming[hidden]{display:none!important}
.vc-panel *{box-sizing:border-box}
.vc-panel svg{display:block;flex:none}
/* Heading and command bar share the card tone above the stage. */
.vc-panel .vc-heading{display:flex;align-items:center;gap:14px;flex:none;padding:12px 24px;border-bottom:1px solid var(--vc-line);background:var(--vc-bar)}
.vc-brand{display:flex;align-items:center;justify-content:center;gap:2px;flex:none;width:34px;height:34px;border:1px solid var(--vc-accent-line);border-radius:8px;background:var(--vc-accent-soft);color:var(--vc-accent);font-size:12px;letter-spacing:-1px;font-weight:800}
.vc-brand>span{color:var(--vc-muted);font-weight:400}
.vc-heading-copy{min-width:0;flex:1}
.vc-eyebrow{display:block;margin-bottom:2px;color:var(--vc-accent);font-size:8px;font-weight:700;letter-spacing:.12em}
.account-app .site-account .vc-panel .vc-heading h2{font-size:clamp(16px,1.7vw,21px);line-height:1.3;letter-spacing:-.03em;font-weight:650;color:var(--vc-ink);margin:0;white-space:nowrap;text-overflow:ellipsis;overflow:hidden}
.vc-session{display:flex;align-items:center;gap:18px;max-width:260px}
.vc-encryption{display:flex;align-items:center;gap:8px;color:var(--vc-muted);font-size:10px;line-height:1.5}
.vc-encryption svg{width:14px;height:14px}
.vc-panel [data-call-timer]{border:1px solid var(--vc-line);border-radius:7px;padding:7px 10px;color:var(--vc-ink);font:500 12px/1.2 ui-monospace,monospace;font-variant-numeric:tabular-nums}
/* #video-call outranks the dark theme's link colour rule. */
.account-app .site-account #video-call a.vc-back{display:flex;align-items:center;justify-content:center;gap:8px;flex:none;min-height:40px;padding:8px 12px;border:1px solid var(--vc-line);border-radius:9px;color:var(--vc-accent);background:var(--vc-card);font-size:.72rem;font-weight:600;text-decoration:none}
.account-app .site-account #video-call a.vc-back:hover{background:var(--vc-hover)}
.vc-back svg{width:16px;height:16px}
.site-account .vc-panel .vc-theme{flex:none;margin:0}
.vc-panel .vc-workspace{display:grid;grid-template-columns:minmax(0,1fr);flex:1;min-height:0;overflow:hidden}
.vc-panel.vc-chat-open .vc-workspace{grid-template-columns:minmax(0,1fr) 340px}
.vc-main{display:flex;flex-direction:column;min-width:0;min-height:0;padding:0 22px;overflow:auto}
.vc-feedback{flex:none}
.account-app .site-account .vc-panel .vc-feedback p{color:var(--vc-muted);font-size:12px;line-height:1.5;margin:10px 0;overflow-wrap:anywhere}
.vc-panel [data-call-status]{min-height:1.5em}
.account-app .site-account .vc-panel .vc-feedback [data-call-error]{padding:10px 13px;border:1px solid var(--vc-warn-line);border-radius:8px;background:var(--vc-warn-bg);color:var(--vc-warn)}
.account-app .site-account .vc-panel .vc-feedback .vc-notice{padding:10px 13px;border:1px solid var(--vc-line);border-radius:8px;background:var(--vc-hover);color:var(--vc-ink)}
.account-app .site-account .vc-panel .vc-feedback .vc-notes-notice{padding:10px 14px;border:1px solid var(--vc-accent-line);border-radius:8px;background:var(--vc-accent-soft);color:var(--vc-ink);font-size:12px}
.account-app .site-account #video-call a.vc-group-link{display:block;padding:12px 16px;margin:12px 0;border-radius:8px;background:var(--vc-accent);color:var(--vc-on-accent);font-size:13px;font-weight:650;text-decoration:none}
/* Stage */
.vc-panel [data-call-stage]{isolation:isolate;position:relative;display:grid;place-items:center;flex:1;min-height:250px;overflow:hidden;border:1px solid var(--vc-stage-line);border-radius:10px;background:var(--vc-stage);color:var(--vc-ink)}
.vc-panel [data-call-remote]{width:100%;height:100%;object-fit:contain;position:absolute;inset:0;background:transparent}
.vc-participant{overflow:hidden;border:2px solid transparent;border-radius:inherit}
.vc-remote-tile{position:absolute;inset:0;display:grid;place-items:center}
.vc-local-tile{position:absolute;z-index:2;bottom:16px;right:16px;width:clamp(120px,25%,220px);max-height:40%;aspect-ratio:16/11;border-radius:8px;background:var(--vc-tile);box-shadow:0 3px 16px var(--vc-shadow)}
.vc-panel .vc-participant.is-speaking{border-color:var(--vc-accent);box-shadow:inset 0 0 0 2px var(--vc-accent),0 0 12px var(--vc-accent-soft)}
.vc-panel [data-call-local]{position:absolute;inset:0;width:100%;height:100%;object-fit:cover;background:var(--vc-video);transform:scaleX(-1)}
.vc-self-placeholder{height:100%;display:grid;place-items:center;padding:8px 8px 26px}
.vc-local-tile .vc-peer-avatar{width:clamp(34px,6vw,68px);height:clamp(34px,6vw,68px);margin:0;font-size:22px}
.vc-tile-name{position:absolute;bottom:6px;left:7px;z-index:1;max-width:calc(100% - 14px);padding:3px 7px;border-radius:5px;background:var(--vc-card);color:var(--vc-ink);font-size:11px;line-height:1.3}
.vc-speaking{position:absolute;z-index:1;top:10px;left:10px;display:flex;align-items:center;gap:5px;padding:4px 8px;border-radius:5px;background:var(--vc-accent);color:var(--vc-on-accent);font-size:11px;font-weight:650;line-height:1.3}
.vc-speaking:before{content:"";width:6px;height:6px;flex:none;border-radius:50%;background:currentColor}
.vc-local-tile .vc-speaking{top:6px;left:auto;right:6px;font-size:10px;padding:3px 5px}
.vc-panel [data-call-local].vc-screen-preview{transform:none;object-fit:contain}
.vc-peer{position:relative;display:flex;align-items:center;flex-direction:column;text-align:center;max-width:80%;padding:32px 16px 50px;pointer-events:none}
.vc-peer-avatar{position:relative;overflow:hidden;display:grid;place-items:center;flex:none;aspect-ratio:1;width:112px;height:112px;margin:0 0 22px;border:0;border-radius:50%;background:var(--vc-avatar);color:var(--vc-on-avatar);font-size:36px;font-weight:500;text-transform:uppercase}
/* Portrait uploads fill the fixed circle instead of contributing their natural ratio. */
.vc-panel .vc-peer-avatar>img{position:absolute;inset:0;display:block;width:100%;height:100%;max-width:none;max-height:none;aspect-ratio:1;margin:0;object-fit:cover;object-position:center;border-radius:inherit}
.vc-peer strong{font-size:22px;font-weight:500;line-height:1.3;letter-spacing:-.02em;color:var(--vc-ink);overflow-wrap:anywhere}
.vc-peer>span{max-width:36ch;margin-top:10px;color:var(--vc-stage-muted);font-size:12px;line-height:1.6}
.vc-stage-caption{position:absolute;max-width:calc(65% - 32px);overflow:hidden;text-overflow:ellipsis;white-space:nowrap;left:16px;bottom:16px;display:flex;align-items:center;gap:6px;padding:6px 8px;border:1px solid var(--vc-line);border-radius:6px;background:var(--vc-card);background:color-mix(in srgb,var(--vc-card) 90%,transparent);color:var(--vc-ink);font-size:11px;letter-spacing:.04em}
.vc-stage-caption svg{width:12px;height:12px}
/* Command bar: call actions on the left, tools and Leave on the right. */
.vc-panel .vc-controls{display:flex;align-items:center;justify-content:flex-start;flex-wrap:nowrap;gap:16px;flex:none;padding:9px 24px;border-bottom:1px solid var(--vc-line);background:var(--vc-bar);overflow-x:auto}
.vc-panel .vc-actions,.vc-panel .vc-tools{display:flex;align-items:center;justify-content:center;flex-wrap:nowrap;gap:5px}
.vc-panel .vc-actions{margin-right:auto}
.site-account .vc-panel button{font-family:inherit;box-shadow:none;margin:0;cursor:pointer;transition:background .15s,border-color .15s}
.site-account .vc-panel .vc-control{display:flex;align-items:center;justify-content:center;flex-direction:column;gap:7px;min-width:64px;max-width:102px;min-height:58px;padding:7px 10px;border:1px solid transparent;border-radius:8px;background:transparent;color:var(--vc-ink);line-height:1.3;font-size:10px;font-weight:550;text-align:center;white-space:nowrap}
.vc-control svg{width:19px;height:19px}
.site-account .vc-panel .vc-control:hover:not(:disabled){background:var(--vc-hover);border-color:transparent}
.site-account .vc-panel button:disabled{opacity:.36;cursor:default}
.site-account .vc-panel .vc-control:is([data-call-start-video],[data-call-accept],[data-call-again]){background:var(--vc-accent);border-color:var(--vc-accent);color:var(--vc-on-accent)}
.site-account .vc-panel .vc-control:is([data-call-start-video],[data-call-accept],[data-call-again]):hover:not(:disabled){background:var(--vc-accent);border-color:var(--vc-accent);filter:brightness(1.08)}
.site-account .vc-panel .vc-control:is([data-call-end],[data-call-decline]){flex-direction:row;max-width:none;min-height:38px;padding:10px 16px;border-color:var(--vc-danger);background:var(--vc-danger);color:var(--vc-on-danger)}
.site-account .vc-panel .vc-control:is([data-call-end],[data-call-decline]):hover:not(:disabled){background:var(--vc-danger);border-color:var(--vc-danger);filter:brightness(1.1)}
.site-account .vc-panel .vc-control[data-call-mic]:is([aria-pressed=true],[data-unavailable]){border-color:var(--vc-warn-line);background:var(--vc-warn-bg);color:var(--vc-warn)}
.site-account .vc-panel .vc-control[data-call-mic][aria-pressed=true] svg{opacity:.65}
.site-account .vc-panel .vc-control:is([data-call-camera],[data-call-share])[aria-pressed=true],.site-account .vc-panel .vc-control[data-call-chat-toggle][aria-expanded=true]{border-color:var(--vc-accent-line);background:var(--vc-accent-soft);color:var(--vc-accent)}
.site-account .vc-panel .vc-tools .cnote-trigger{align-self:center;min-height:40px;padding:8px 12px;border:1px solid var(--vc-line);border-radius:8px;background:transparent;color:var(--vc-ink);font-size:11px;font-weight:600;white-space:nowrap}
.site-account .vc-panel .vc-tools .cnote-trigger:hover{background:var(--vc-hover)}
.site-account .vc-panel :is(.vc-play,.vc-listen){position:absolute;z-index:3;left:50%;min-height:44px;border:1px solid var(--vc-line);border-radius:10px;background:var(--vc-card);color:var(--vc-ink);box-shadow:0 4px 24px var(--vc-shadow);font-size:12px}
.site-account .vc-panel .vc-play{top:50%;transform:translate(-50%,-50%);padding:12px 20px}
.site-account .vc-panel .vc-listen{bottom:20px;transform:translateX(-50%);max-width:calc(100% - 32px);padding:11px 18px;font-weight:650;white-space:normal;text-align:center}
.site-account .vc-panel :is(.vc-play,.vc-listen):hover:not(:disabled){background:var(--vc-hover)}
/* One shared scene library for direct calls and group meetings. */
/* Privacy and verification */
.account-app .site-account #video-call .vc-verification{flex:none;margin:12px 0 0;padding:6px 0 10px;border:0;border-top:1px solid var(--vc-line);border-radius:0;background:transparent;color:var(--vc-ink)}
.account-app .site-account .vc-panel .vc-verification summary{display:flex;align-items:center;gap:7px;min-height:28px;width:fit-content;color:var(--vc-muted);cursor:pointer;list-style:none;font-size:11px;font-weight:500}
.vc-verification summary::-webkit-details-marker{display:none}
.vc-verification summary::after{content:'+';margin-left:4px;font-size:15px}
.vc-verification[open] summary::after{content:'−'}
.vc-verification summary svg{width:13px;height:13px}
.account-app .site-account .vc-panel .vc-verification p{color:var(--vc-muted);font-size:11px;line-height:1.65;margin:10px 0}
.site-account .vc-panel .vc-control[data-call-verify]{flex-direction:row;max-width:none;width:fit-content;min-height:38px;padding:8px 12px;border:1px solid var(--vc-line);font-size:11px}
.vc-panel [data-call-code]{display:block;width:fit-content;max-width:100%;padding:10px 12px;margin:12px 0;border:1px solid var(--vc-line);border-radius:8px;background:var(--vc-hover);overflow-wrap:anywhere;font:500 12px/1.8 ui-monospace,monospace;letter-spacing:.06em;color:var(--vc-ink);user-select:all}
/* The side panel hosts the saved conversation (chat-hub.js renders its thread
   and composer inside .ch-embed-body); this file lays out the panel itself. */
.vc-panel .vc-chat{display:flex;flex-direction:column;min-width:0;min-height:0;border-left:1px solid var(--vc-line);background:var(--vc-card);color:var(--vc-ink)}
.vc-panel .vc-chat-heading{flex:none;padding:18px 20px;border-bottom:1px solid var(--vc-line)}
.vc-chat-title{display:flex;align-items:center;gap:9px}
.account-app .site-account .vc-panel .vc-chat h3{margin:0;font-size:17px;font-weight:650;letter-spacing:-.025em;color:var(--vc-ink)}
.vc-panel .vc-chat-title>svg{width:18px;height:18px;color:var(--vc-accent)}
.vc-panel .vc-chat-heading>span{display:block;margin-top:7px;color:var(--vc-muted);font-size:11px;line-height:1.5;overflow-wrap:anywhere}
.vc-panel .vc-chat .ch-embed-body{display:flex;flex-direction:column;flex:1;min-height:0;overflow:hidden}
.vc-panel :is(button,a,textarea,summary):focus-visible{outline:2px solid var(--vc-focus);outline-offset:3px}
/* Dedicated call windows use the whole viewport. */
.account-call-window .account-layout{display:block;min-height:100dvh;background:var(--account-paper,#f4f3ef)}
.account-call-window .account-sidebar,.account-call-window .account-topbar,.account-call-window .footer-note,.account-call-window .account-content>h1,.account-call-window .account-content>.eyebrow,.account-call-window .ax-messenger,.account-call-window .gt-layer{display:none!important}
.account-call-window .site-account.account-main{max-width:none;min-height:100dvh;padding:0}
.account-call-window .account-content{padding:0}
.account-call-window .site-account .vc-panel{max-width:none;height:100dvh;min-height:580px;margin:0;border:0;border-radius:0}
@media(max-width:1100px){.vc-session{max-width:180px;gap:10px}.vc-back>span,.vc-panel .vc-theme [data-theme-label]{display:none}.site-account .vc-panel .vc-theme{width:40px;padding:10px}}
@media(max-width:780px){
 .site-account .vc-panel{height:auto;min-height:calc(100dvh - 20px)}
 .account-call-window .site-account .vc-panel{height:100dvh;min-height:520px}
 .vc-panel .vc-heading{flex-wrap:nowrap;padding:10px 14px}.vc-session{max-width:none;justify-content:space-between}.vc-encryption{display:none}
 .vc-panel .vc-controls{padding:7px 10px;gap:10px}.vc-panel .vc-tools{gap:1px}.site-account .vc-panel .vc-control{min-width:54px;min-height:54px;padding:6px;font-size:9px}
 .vc-panel .vc-workspace,.vc-panel.vc-chat-open .vc-workspace{display:grid;grid-template-columns:minmax(0,1fr);position:relative;overflow:hidden}
 .vc-main{flex:1;min-height:0;padding:0 10px}.vc-panel [data-call-stage]{flex:1;height:auto;min-height:210px}
 .vc-panel .vc-chat{position:absolute;inset:0 0 0 auto;z-index:5;width:min(370px,100%);min-height:0;max-height:none;box-shadow:-8px 0 30px var(--vc-shadow)}
 .vc-peer-avatar{width:88px;height:88px;font-size:28px}.vc-peer strong{font-size:20px}
 .site-account .vc-panel .vc-control[data-call-end]{min-width:62px;padding:10px}.vc-control[data-call-end] svg{display:none}
 .vc-incoming{top:12px;right:16px;gap:10px;padding:12px 16px;font-size:.8rem}
}
@media(max-width:420px){.vc-panel .vc-local-tile{bottom:10px;right:10px;width:32%;min-width:100px}.vc-stage-caption{left:10px;bottom:10px}}
@media(prefers-reduced-motion:reduce){.site-account .vc-panel button{transition:none}}
@media print{.vc-panel,.vc-incoming,.vc-missed{display:none!important}}
/* Global incoming calls stay actionable above workspace drawers. They are
   appended to <body>, outside .site-account, so they style their own controls. */
.vc-incoming{position:fixed;z-index:1100;right:24px;top:24px;display:flex;align-items:center;gap:20px;max-width:calc(100vw - 32px);padding:18px 22px;border:1px solid var(--vc-line);border-radius:12px;background:var(--vc-card);color:var(--vc-ink);box-shadow:0 12px 35px var(--vc-shadow);font:600 .88rem/1.5 Manrope,system-ui,sans-serif}
.vc-incoming [hidden]{display:none!important}
.vc-incoming a{display:inline-flex;align-items:center;min-height:44px;padding:9px 16px;border-radius:8px;background:var(--vc-accent);color:var(--vc-on-accent);text-decoration:none;white-space:nowrap}
.vc-incoming:not(.mt-incoming){display:grid;grid-template-columns:minmax(0,1fr);gap:14px;width:360px;max-height:calc(100dvh - 32px);overflow:auto;padding:20px;border-radius:16px;box-sizing:border-box;text-align:left;text-transform:none;letter-spacing:normal}
.vc-incoming-copy{display:grid;gap:6px;min-width:0}
.vc-incoming-copy strong{font-size:16px;font-weight:650;line-height:1.4;color:var(--vc-ink);overflow-wrap:anywhere}
.vc-incoming-copy span{font-size:12px;line-height:1.6;color:var(--vc-muted);font-weight:400}
.vc-incoming-actions{display:flex;gap:10px}
.vc-incoming .vc-incoming-actions button{flex:1;margin:0;min-height:44px;padding:10px 16px;border:1px solid var(--vc-accent);border-radius:9px;background:var(--vc-accent);color:var(--vc-on-accent);font:650 14px/1.3 Manrope,system-ui,sans-serif;cursor:pointer;box-shadow:none}
.vc-incoming .vc-incoming-actions .vc-incoming-decline{border-color:var(--vc-danger);background:var(--vc-danger);color:var(--vc-on-danger)}
.vc-incoming .vc-incoming-actions button:hover{filter:brightness(1.08)}
.vc-incoming .vc-incoming-actions button:disabled{opacity:.55;cursor:wait}
.vc-incoming a.vc-incoming-settings{justify-self:start;min-height:32px;padding:3px 0;background:transparent;color:var(--vc-accent);font:500 12px/1.5 Manrope,system-ui,sans-serif;text-decoration:underline;text-underline-offset:3px;white-space:normal}
.vc-incoming .vc-incoming-feedback{margin:0;max-width:none;padding:10px 12px;border:1px solid var(--vc-warn-line);border-radius:8px;background:var(--vc-warn-bg);color:var(--vc-warn);font:400 12px/1.6 Manrope,system-ui,sans-serif;overflow-wrap:anywhere}
.vc-incoming :is(button,a):focus-visible{outline:3px solid var(--vc-focus);outline-offset:3px}
@media(max-width:480px){.vc-incoming:not(.mt-incoming){top:12px;right:12px;width:calc(100vw - 24px);max-width:none;padding:16px;gap:12px}}
/* Missed calls: a short stack of dismissible toasts, clear of the incoming
   banners at the top and the messenger dock on the right. */
.vc-missed{position:fixed;z-index:1090;left:24px;bottom:24px;display:grid;gap:10px;width:min(340px,calc(100vw - 32px));font:400 13px/1.5 Manrope,system-ui,sans-serif}
.vc-missed[hidden],.vc-missed [hidden]{display:none!important}
.vc-missed-item{position:relative;display:grid;gap:12px;padding:16px 46px 16px 18px;border:1px solid var(--vc-line);border-radius:14px;background:var(--vc-card);color:var(--vc-ink);box-shadow:0 12px 35px var(--vc-shadow)}
.vc-missed-copy{display:grid;gap:3px;min-width:0}
.vc-missed-copy strong{font-size:14px;font-weight:650;line-height:1.4;overflow-wrap:anywhere}
.vc-missed-copy time{font-size:12px;color:var(--vc-muted)}
.vc-missed-actions{display:flex;flex-wrap:wrap;align-items:center;gap:8px}
.vc-missed .vc-missed-actions .vc-missed-call{margin:0;min-height:40px;padding:8px 14px;border:1px solid var(--vc-accent);border-radius:9px;background:var(--vc-accent);color:var(--vc-on-accent);font:650 13px/1.3 Manrope,system-ui,sans-serif;cursor:pointer;box-shadow:none}
.vc-missed .vc-missed-actions .vc-missed-message{display:inline-flex;align-items:center;min-height:40px;padding:8px 14px;border:1px solid var(--vc-line);border-radius:9px;color:var(--vc-accent);font-weight:600;text-decoration:none}
.vc-missed .vc-missed-actions .vc-missed-message:hover{background:var(--vc-hover)}
.vc-missed .vc-missed-dismiss{position:absolute;top:8px;right:8px;display:grid;place-items:center;width:32px;min-height:32px;margin:0;padding:0;border:0;border-radius:8px;background:transparent;color:var(--vc-muted);font-size:20px;line-height:1;cursor:pointer;box-shadow:none}
.vc-missed .vc-missed-dismiss:hover{background:var(--vc-hover);color:var(--vc-ink)}
.vc-missed .vc-missed-feedback{margin:0;max-width:none;padding:8px 10px;border-radius:8px;background:var(--vc-warn-bg);color:var(--vc-warn);font-size:12px;overflow-wrap:anywhere}
.vc-missed .vc-missed-feedback a{color:inherit}
.vc-missed :is(button,a):focus-visible{outline:3px solid var(--vc-focus);outline-offset:3px}
@media(max-width:480px){.vc-missed{left:16px;right:16px;bottom:16px;width:auto}}
@media(prefers-reduced-motion:reduce){.vc-missed *{transition:none}}
/* Native dialog keeps focus inside the picker and supports Escape. */
.cp-dialog{box-sizing:border-box;width:min(470px,calc(100vw - 32px));max-height:calc(100dvh - 48px);padding:0;border:1px solid var(--vc-line);border-radius:12px;background:var(--vc-card);color:var(--vc-ink);box-shadow:0 24px 100px var(--vc-shadow)}
.cp-dialog::backdrop{background:#0e1013a6}
.cp-dialog form{display:flex;flex-direction:column;gap:16px;padding:24px;margin:0}
.cp-dialog header,.cp-dialog footer{display:flex;align-items:center;justify-content:space-between;gap:12px}
.site-account .cp-dialog h2{margin:0;font-size:21px;line-height:1.4;color:var(--vc-ink)}
.site-account .cp-dialog p{margin:0;font-size:13px;line-height:1.6;color:var(--vc-muted)}
.site-account .cp-dialog button{min-height:40px;margin:0;padding:8px 14px;border:1px solid var(--vc-line);border-radius:8px;background:var(--vc-hover);color:var(--vc-ink);font-family:inherit;font-size:13px;font-weight:600;line-height:1.3;box-shadow:none}
.site-account .cp-dialog header button{min-width:32px;min-height:32px;padding:4px;background:transparent;border:0;font-size:24px}
.site-account .cp-dialog footer{justify-content:flex-end}
.site-account .cp-dialog .cp-submit{border-color:var(--vc-accent);background:var(--vc-accent);color:var(--vc-on-accent)}
.site-account .cp-dialog input[type=search]{width:100%;min-height:42px;margin:0;padding:10px 12px;border:1px solid var(--vc-line);border-radius:8px;background:var(--account-input,var(--vc-card));color:var(--vc-ink);font-size:14px}
.cp-list{border:0;padding:0;margin:0;min-height:80px;max-height:310px;overflow:auto}
.cp-list legend{font-size:12px;color:var(--vc-muted);padding:0 0 6px}
.site-account .cp-list label{display:flex;align-items:center;gap:12px;min-height:56px;margin:0;padding:6px 8px;border-radius:8px;font-size:14px;color:var(--vc-ink);cursor:pointer}
.cp-list label:hover{background:var(--vc-hover)}
.site-account .cp-list input[type=checkbox]{flex:none;width:17px;height:17px;margin:0;accent-color:var(--vc-accent)}
.cp-avatar{display:grid;place-items:center;width:34px;height:34px;border-radius:50%;background:var(--vc-accent-soft);color:var(--vc-accent);font-size:12px;text-transform:uppercase}
.site-account .cp-dialog button:disabled{opacity:.45;cursor:default}
.cp-dialog :is(button,input):focus-visible{outline:2px solid var(--vc-focus);outline-offset:3px}

/* Presentations use the stage; the two people remain in a compact side rail. */
.vc-panel.vc-presenting [data-call-stage]{grid-template-columns:minmax(0,1fr) clamp(124px,18%,180px);grid-template-rows:auto minmax(0,1fr);align-items:start;gap:10px;padding:10px;min-height:330px}
.vc-panel.vc-presenting .fs-screen-viewer{grid-column:1;grid-row:1/span 2;align-self:stretch;width:100%;height:100%;min-height:300px}
.vc-panel.vc-presenting :is(.vc-local-tile,.vc-remote-tile){position:relative;inset:auto;grid-column:2;width:100%;height:auto;max-height:none;aspect-ratio:16/11;align-self:start;border-radius:7px;background:var(--vc-tile);box-shadow:none}
.vc-panel.vc-presenting .vc-remote-tile{grid-row:1}.vc-panel.vc-presenting .vc-local-tile{grid-row:2}
.vc-panel.vc-presenting .vc-peer{max-width:100%;padding:8px 6px 25px}
.vc-panel.vc-presenting .vc-peer-avatar{width:48px;height:48px;margin:0 0 5px;font-size:20px}
.vc-panel.vc-presenting .vc-peer strong{font-size:12px}.vc-panel.vc-presenting .vc-peer>span{display:none}
.vc-panel.vc-presenting .vc-stage-caption{display:none}
.vc-panel.vc-presenting .vc-speaking{top:5px;left:5px;max-width:calc(100% - 10px);font-size:9px;padding:3px 5px}
@media(max-width:780px){
 .vc-panel.vc-presenting [data-call-stage]{grid-template-columns:repeat(2,minmax(0,1fr));grid-template-rows:minmax(230px,1fr) auto;gap:8px;padding:8px;min-height:355px}
 .vc-panel.vc-presenting .fs-screen-viewer{grid-column:1/span 2;grid-row:1;min-height:230px}
 .vc-panel.vc-presenting :is(.vc-local-tile,.vc-remote-tile){grid-row:2;min-width:0;max-height:100px;aspect-ratio:16/9}
 .vc-panel.vc-presenting .vc-remote-tile{grid-column:1}.vc-panel.vc-presenting .vc-local-tile{grid-column:2}
 .vc-panel.vc-presenting .vc-peer-avatar{width:38px;height:38px;font-size:16px}
}