.call{display:flex;flex-direction:column;gap:16px;min-height:100%;padding:20px 16px 24px;background:var(--aio-background);color:var(--aio-on-background)}.call-header{gap:12px;padding-bottom:12px;border-bottom:1px solid var(--aio-outline-variant)}.call-avatar,.call-header{display:flex;align-items:center}.call-avatar{flex:0 0 auto;justify-content:center;width:48px;height:48px;border-radius:50%;background:var(--aio-primary-container);color:var(--aio-on-primary-container);font-size:1.25rem;font-weight:600}.call-identity{display:flex;flex-direction:column;min-width:0}.call-peer{margin:0;font-size:1.125rem;font-weight:600;overflow-wrap:anywhere}.call-timer{min-height:1.25rem;margin:0;color:var(--aio-on-background-muted);font-size:.875rem;font-feature-settings:"tnum";font-variant-numeric:tabular-nums}.call-body{display:flex;flex:1 1 auto;flex-direction:column;gap:10px;justify-content:center;min-height:0}.call-stage{position:relative;flex:0 0 auto;width:100%;max-height:40vh;overflow:hidden;border-radius:14px;background:var(--aio-surface-hover);aspect-ratio:16/9}.call-stream{position:absolute;inset:0;width:100%;height:100%;object-fit:cover;background:var(--aio-scrim)}.call-stream[data-source=screen_share]{object-fit:contain}.call-status{display:flex;flex-wrap:wrap;gap:4px 10px;align-items:baseline;min-height:3rem;margin:0}.call-status-dot{flex:0 0 auto;width:10px;height:10px;border-radius:50%;background:var(--aio-outline)}.call-connected .call-status-dot{background:var(--aio-success)}.call-reconnecting .call-status-dot{background:var(--aio-on-warning-container)}.call-ended .call-status-dot{background:var(--aio-danger)}.call-status-label{font-size:1rem;font-weight:600}.call-status-detail{flex:1 1 100%;color:var(--aio-on-background-muted);font-size:.875rem}.call-quality{display:flex;flex-wrap:wrap;gap:2px 8px;min-height:1.25rem;margin:0;font-size:.8125rem}.call-quality-label{font-weight:600}.call-quality-detail{color:var(--aio-on-background-muted)}.call-encryption:not(:empty){margin:0;padding:8px 10px;border:1px solid var(--aio-outline-variant);border-radius:10px;background:var(--aio-surface);color:var(--aio-on-surface);font-size:.8125rem}.call-notice:not(:empty){display:flex;flex-direction:column;gap:6px;padding:10px;border:1px solid var(--aio-outline);border-radius:10px;background:var(--aio-danger-container);color:var(--aio-on-danger-container)}.call-notice-line{margin:0;font-size:.8125rem}.call-control-error,.call-share-error{padding:6px 10px;border:1px solid var(--aio-outline);border-radius:10px;background:var(--aio-danger-container);color:var(--aio-on-danger-container)}.call-notice.call-departed{align-items:flex-start;border-color:var(--aio-outline-variant);background:var(--aio-surface);color:var(--aio-on-surface)}a.call-button{text-decoration:none}.call-audio-blocked{display:flex;flex-wrap:wrap;gap:8px;align-items:center;justify-content:space-between}.call-audio-blocked .call-notice-text{flex:1 1 16rem;margin:0}.call-audio-blocked[role=alert]{padding:10px;border:1px solid var(--aio-outline);border-radius:10px;background:var(--aio-danger-container);color:var(--aio-on-danger-container)}.call-controls{flex-wrap:wrap;gap:8px;min-height:76px;padding-top:12px;border-top:1px solid var(--aio-outline-variant)}.call-button,.call-controls{display:flex;justify-content:center}.call-button{flex-direction:column;align-items:center;gap:4px;min-width:76px;min-height:56px;padding:8px 10px;border:1px solid var(--aio-outline);border-radius:10px;background:var(--aio-surface);color:var(--aio-on-surface);transition:background-color .12s ease}.call-button:hover:not(:disabled){background:var(--aio-surface-hover);color:var(--aio-on-surface-hover)}.call-button:disabled{color:var(--aio-on-surface-disabled);cursor:not-allowed}.call-button.call-toggle-camera[aria-pressed=false],.call-button[aria-pressed=true]:not(.call-toggle-camera){background:var(--aio-primary-container);color:var(--aio-on-primary-container)}.call-button.call-toggle-camera[aria-pressed=false],.call-button.call-toggle-microphone[aria-pressed=true]{background:var(--aio-call-end);color:var(--aio-on-call-end)}.call-button[aria-pressed=true]:not(.call-toggle-camera):hover:not(:disabled){background:var(--aio-primary);color:var(--aio-on-primary)}.call-button.call-toggle-camera[aria-pressed=false]:hover:not(:disabled),.call-button.call-toggle-microphone[aria-pressed=true]:hover:not(:disabled){background:var(--aio-call-end-hover);color:var(--aio-on-call-end)}.call-button-label{font-size:.75rem;font-weight:500}.call-accept{border-color:transparent;background:var(--aio-success);color:var(--aio-on-success)}.call-decline,.call-hangup{border-color:transparent;background:var(--aio-call-end);color:var(--aio-on-call-end)}.call-accept:hover:not(:disabled){background:var(--aio-success-hover);color:var(--aio-on-success)}.call-decline:hover:not(:disabled){background:var(--aio-danger-hover);color:var(--aio-on-danger)}.call-hangup:hover:not(:disabled){background:var(--aio-call-end-hover);color:var(--aio-on-call-end)}.call-dial{border-color:transparent;background:var(--aio-success);color:var(--aio-on-success)}.call-dial:hover:not([aria-disabled=true],:disabled){background:var(--aio-success-hover);color:var(--aio-on-success)}.call-dial[aria-disabled=true]{background:var(--aio-surface);color:var(--aio-on-surface-disabled);border-color:var(--aio-outline);cursor:progress}.call-group-link-lost{margin:0;padding:10px 14px;font-size:.9375rem;line-height:1.45;color:var(--aio-on-danger-container);background:var(--aio-danger-container);border:1px solid var(--aio-danger);border-radius:10px}.incoming{max-width:380px;padding:20px;border:1px solid var(--aio-outline);border-radius:18px;background:var(--aio-surface-raised);color:var(--aio-on-surface-raised);box-shadow:var(--aio-elevation-overlay)}.incoming[open]{display:flex;flex-direction:column;gap:6px}.incoming:focus-visible{outline:2px solid var(--aio-focus-ring);outline-offset:2px}.incoming::-webkit-backdrop{background:var(--aio-scrim);opacity:.6}.incoming::backdrop{background:var(--aio-scrim);opacity:.6}.incoming-kicker{margin:0;color:var(--aio-on-surface-muted);font-size:.875rem}.incoming-title{margin:0;font-size:1.375rem;font-weight:600;overflow-wrap:anywhere}.incoming-ringtone{margin:0 0 8px;color:var(--aio-on-surface-muted);font-size:.8125rem}.incoming-actions{display:flex;gap:10px;justify-content:flex-end}.incoming-undelivered{position:fixed;inset-block:auto 16px;inset-inline:auto 16px;z-index:4;display:flex;flex-direction:column;gap:12px;max-width:380px;padding:16px;border:1px solid var(--aio-danger);border-radius:14px;background:var(--aio-danger-container);color:var(--aio-on-danger-container);box-shadow:var(--aio-elevation-overlay)}.incoming-undelivered-text{margin:0;font-size:.9375rem;line-height:1.5}.incoming-undelivered-actions{display:flex;gap:10px;justify-content:flex-end}.incoming-undelivered-dismiss{background:var(--aio-surface);color:var(--aio-on-surface)}.incoming-undelivered-dismiss:hover:not(:disabled,[aria-disabled=true]){background:var(--aio-surface-hover);color:var(--aio-on-surface-hover)}.incoming-undelivered-retry[aria-disabled=true]{background:var(--aio-surface);color:var(--aio-on-surface-disabled);border-color:var(--aio-outline);cursor:progress}@media (max-width:480px){.incoming-undelivered{inset-inline:16px;max-width:none}}.call-visually-hidden{position:absolute;width:1px;height:1px;margin:-1px;padding:0;overflow:hidden;-webkit-clip-path:inset(50%);clip-path:inset(50%);white-space:nowrap;border:0}@media (max-width:480px){.call-controls{gap:6px}.call-button{min-width:68px}}.call-group{display:flex;flex-direction:column;gap:12px;min-height:100%;padding:16px;background:var(--aio-background);color:var(--aio-on-background)}.call-group-header{display:flex;flex-wrap:wrap;gap:12px;align-items:flex-start;justify-content:space-between;padding-bottom:12px;border-bottom:1px solid var(--aio-outline-variant)}.call-group-summary{display:flex;flex:1 1 240px;flex-direction:column;gap:2px;min-width:0}.call-group-count{margin:0;font-size:1.125rem;font-weight:600}.call-group-detail{min-height:2.5rem;margin:0;color:var(--aio-on-background-muted);font-size:.8125rem}.call-group-actions{display:flex;flex-wrap:wrap;gap:8px}.call-group-banner-text{display:inline}.call-group-banner{display:flex;flex-wrap:wrap;align-items:center;gap:8px;min-height:44px;margin:0;padding:0 10px;border:1px solid var(--aio-outline-variant);border-radius:10px;background:var(--aio-surface);color:var(--aio-on-surface);font-size:.8125rem}.call-share-revoke{flex-direction:row;min-width:0;min-height:44px;-webkit-margin-start:auto;margin-inline-start:auto;padding:6px 12px}.call-group-stage{display:flex;flex:1 1 auto;flex-direction:column;gap:8px;min-height:0}.call-tiles{display:grid;grid-gap:8px;gap:8px;margin:0;padding:0;list-style:none;grid-template-columns:repeat(var(--call-grid-columns,1),minmax(0,1fr));grid-template-rows:repeat(var(--call-grid-rows,1),minmax(0,1fr))}.call-tiles-staged{grid-template-rows:minmax(0,1fr) 112px}.call-tiles-staged .call-tile-stage{grid-column:1/-1}.call-tile{position:relative;display:flex;flex-direction:column;justify-content:flex-end;min-width:0;min-height:96px;overflow:hidden;border:1px solid var(--aio-outline-variant);border-radius:10px;background:var(--aio-video-tile);color:var(--aio-on-video-tile)}.call-tile-video{position:absolute;inset:0;background:var(--aio-surface-hover)}.call-tile-name{position:relative;margin:0;padding:6px 10px;font-size:.75rem;font-weight:600}.call-tile-name-text{overflow-wrap:anywhere}.call-group-empty,.call-group-more{display:flex;flex-direction:column;gap:2px;margin:0;color:var(--aio-on-background-muted);font-size:.8125rem}.call-group-empty-label{color:var(--aio-on-background);font-weight:600}.call-encryption.call-encryption-safe{border-color:var(--aio-success)}.call-encryption.call-encryption-caution{background:var(--aio-warning-container);color:var(--aio-on-warning-container);border-color:var(--aio-warning)}.call-encryption.call-encryption-alarm{background:var(--aio-danger-container);color:var(--aio-on-danger-container);border-color:var(--aio-danger)}.call-encryption-label{display:block;font-weight:600}.call-encryption-detail{display:block;color:inherit}.call-roster{display:flex;flex-direction:column;gap:6px;max-height:220px;padding-top:12px;overflow-y:auto;border-top:1px solid var(--aio-outline-variant)}.call-roster-heading{margin:0;font-size:.875rem;font-weight:600}.call-roster-list{display:flex;flex-direction:column;gap:4px;margin:0;padding:0;list-style:none}.call-roster-row{display:flex;gap:8px;align-items:center;min-height:44px;padding:4px 6px;border-radius:10px;background:var(--aio-surface);color:var(--aio-on-surface)}.call-roster-end{display:inline-flex;gap:4px;align-items:center;-webkit-margin-start:auto;margin-inline-start:auto}.call-roster-avatar{display:flex;flex:0 0 auto;align-items:center;justify-content:center;width:28px;height:28px;border-radius:50%;background:var(--aio-primary-container);color:var(--aio-on-primary-container);font-size:.75rem;font-weight:600}.call-roster-identity{display:flex;flex:1 1 auto;flex-direction:column;min-width:0}.call-roster-name{font-size:.8125rem;overflow-wrap:anywhere}.call-roster-spinner{display:inline-block;width:12px;height:12px;-webkit-margin-end:6px;margin-inline-end:6px;border:2px solid var(--aio-outline-variant);border-top-color:var(--aio-primary);border-radius:50%;vertical-align:-1px;animation:call-roster-spin .8s linear infinite}@keyframes call-roster-spin{to{rotate:1turn}}@media (prefers-reduced-motion:reduce){.call-roster-spinner{animation-duration:2s}}.call-roster-state{min-height:.875rem;color:var(--aio-on-surface-muted);font-size:.75rem}.call-roster-pin{flex:0 0 auto;min-width:56px;min-height:32px;padding:4px 8px;border:1px solid var(--aio-outline);border-radius:10px;background:var(--aio-surface);color:var(--aio-on-surface)}.call-roster-pin:hover{background:var(--aio-surface-hover);color:var(--aio-on-surface-hover)}.call-roster-pin[aria-pressed=true]{background:var(--aio-primary-container);color:var(--aio-on-primary-container)}.call-roster-pin-label{font-size:.75rem;font-weight:500}.call-roster-empty{display:flex;flex-direction:column;gap:2px;margin:0;font-size:.8125rem}.call-roster-empty-label{font-weight:600}.call-roster-empty-detail{color:var(--aio-on-background-muted)}@media (max-width:640px){.call-tiles{grid-template-columns:minmax(0,1fr)}.call-tiles,.call-tiles-staged{grid-template-rows:none}}.call-low-data-slot{display:contents}.call-low-data{display:flex;flex-direction:column;gap:6px;align-items:stretch}.call-low-data__toggle{align-self:flex-start;padding:8px 12px;border:1px solid var(--aio-outline);border-radius:10px;background:var(--aio-surface);color:var(--aio-on-surface);font:inherit;font-size:.8125rem;cursor:pointer}.call-low-data__toggle:hover{border-color:var(--aio-primary)}.call-low-data__toggle:focus-visible{outline:2px solid var(--aio-primary);outline-offset:2px}.call-low-data__toggle[aria-pressed=true]{border-color:var(--aio-primary);background:var(--aio-primary-container);color:var(--aio-on-primary-container)}.call-low-data__notice{min-height:2.5rem;margin:0;font-size:.8125rem;color:var(--aio-on-background-muted)}.call-low-data__notice:not(:empty){padding:8px 10px;border:1px solid var(--aio-outline-variant);border-radius:10px;background:var(--aio-surface);color:var(--aio-on-surface)}