.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:12px;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:8px;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:8px;background:var(--aio-danger-container);color:var(--aio-on-danger-container)}.call-notice-line{margin:0;font-size:.8125rem}.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:8px;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[aria-pressed=true]{background:var(--aio-primary-container);color:var(--aio-on-primary-container)}.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-danger);color:var(--aio-on-danger)}.call-accept:hover,.call-decline:hover,.call-hangup:hover{background:var(--aio-primary);color:var(--aio-on-primary)}.call-dial{border-color:transparent;background:var(--aio-success);color:var(--aio-on-success)}.call-dial:hover:not([aria-disabled=true]){background:var(--aio-primary);color:var(--aio-on-primary)}.call-dial[aria-disabled=true]{background:var(--aio-surface);color:var(--aio-on-surface-disabled);border-color:var(--aio-outline);cursor:progress}.incoming{max-width:380px;padding:20px;border:1px solid var(--aio-outline);border-radius:14px;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:.8125rem;text-transform:uppercase;letter-spacing:.04em}.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}.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:8px;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-surface);color:var(--aio-on-surface)}.call-tile-video{position:absolute;inset:0;background:var(--aio-surface-hover)}.call-tile-name{position:relative;margin:0;padding:6px 8px;background:var(--aio-surface-raised);color:var(--aio-on-surface-raised);font-size:.75rem}.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-safe{border-color:var(--aio-success)}.call-encryption-caution{background:var(--aio-warning-container);color:var(--aio-on-warning-container)}.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:var(--aio-on-surface-muted)}.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:8px;background:var(--aio-surface);color:var(--aio-on-surface)}.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-state{min-height:.875rem;color:var(--aio-on-surface-muted);font-size:.6875rem}.call-roster-pin{flex:0 0 auto;min-width:56px;min-height:32px;padding:4px 8px;border:1px solid var(--aio-outline);border-radius:8px;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:.6875rem;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:8px;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:8px;background:var(--aio-surface);color:var(--aio-on-surface)}