/* AFTER Direct — chamada e agrupamento dos controles */
.after-call-launchers{display:flex;align-items:center;gap:5px;margin-right:4px;padding:3px 9px 3px 3px;border-right:1px solid rgba(176,151,235,.2)}
#afterCallButtons .direct-header-tool{width:35px;height:35px;min-width:35px;border:1px solid rgba(166,130,255,.22);border-radius:11px;background:linear-gradient(145deg,rgba(126,83,227,.2),rgba(72,53,114,.2));color:#c9b4ff;display:grid;place-items:center;transition:background .18s ease,border-color .18s ease,transform .18s ease}
#afterCallButtons .direct-header-tool:hover{background:linear-gradient(145deg,rgba(142,99,250,.42),rgba(96,68,151,.38));border-color:rgba(190,165,255,.55);color:#fff;transform:translateY(-1px)}
#afterCallButtons svg{display:block;width:18px;height:18px;fill:none;stroke:currentColor;stroke-width:1.8;stroke-linecap:round;stroke-linejoin:round}
#messagesPage #activeChat .direct-header-tools{display:flex;align-items:center;gap:4px!important;margin-left:auto;padding:4px;border:1px solid rgba(163,146,203,.14);border-radius:15px;background:rgba(24,22,37,.82);flex-shrink:0}
#messagesPage #activeChat .direct-header-tools>.direct-header-tool{width:35px;height:35px;min-width:35px;border-radius:11px;color:#aaa3ba;font-size:17px}
#messagesPage #activeChat .direct-header-tools>.direct-header-tool:hover,#messagesPage #activeChat .direct-header-tools>.direct-header-tool.active{background:rgba(149,122,205,.17);color:#f3edff}
#messagesPage #activeChat .direct-header-tools #directReadReceiptToggle{font-size:10px}
#messagesPage #activeChat .direct-customize-button{margin-left:2px;flex:0 0 36px}

.after-call-overlay{position:fixed;inset:0;z-index:2147483000;display:grid;place-items:center;padding:18px;overflow-y:auto;overscroll-behavior:contain;background:rgba(5,5,12,.78);backdrop-filter:blur(15px) saturate(125%);-webkit-backdrop-filter:blur(15px) saturate(125%);box-sizing:border-box;color:#f8f5ff;font-family:inherit;animation:afterCallFade .2s ease-out}
.after-call-panel{position:relative;isolation:isolate;width:min(100%,470px);max-height:min(92dvh,900px);overflow:auto;padding:25px;border:1px solid rgba(170,139,235,.28);border-radius:27px;background:radial-gradient(ellipse at 50% 0,rgba(114,75,186,.2),transparent 42%),linear-gradient(155deg,#191625 0%,#111019 72%);box-shadow:0 28px 100px rgba(0,0,0,.62),inset 0 1px 0 rgba(255,255,255,.045);box-sizing:border-box;animation:afterCallRise .24s cubic-bezier(.2,.8,.2,1)}
.after-call-panel[data-mode="video"]{width:min(100%,840px)}
.after-call-panel:before{content:"";position:absolute;z-index:-1;inset:0;border-radius:inherit;pointer-events:none;background:linear-gradient(135deg,rgba(168,129,255,.07),transparent 40%,rgba(92,75,150,.04))}
.after-call-topline{display:flex;align-items:center;justify-content:space-between;gap:12px;margin-bottom:22px}
.after-call-brand{display:inline-flex;align-items:center;gap:7px;color:#f8f5ff;font-size:11px;font-weight:850;letter-spacing:1.6px}
.after-call-brand i{width:8px;height:8px;border-radius:50%;background:#a985ff;box-shadow:0 0 13px #a985ff;animation:afterCallPulse 1.8s ease-in-out infinite}
.after-call-brand b{color:#b99bff;font-weight:850}
.after-call-mode{padding:6px 10px;border:1px solid rgba(174,144,238,.23);border-radius:999px;background:rgba(148,113,221,.12);color:#c9b5ff;font-size:9px;font-weight:800;letter-spacing:1.2px}
.after-call-identity{display:flex;align-items:center;gap:15px;text-align:left;margin-bottom:18px}
.after-call-avatar{display:grid;place-items:center;flex:0 0 58px;width:58px;height:58px;border:1px solid rgba(198,171,255,.5);border-radius:20px;background:linear-gradient(145deg,#8661da,#4b3978);color:white;font-size:19px;font-weight:800;letter-spacing:-.5px;box-shadow:0 9px 28px rgba(107,74,184,.25)}
.after-call-person{min-width:0;display:flex;flex-direction:column;gap:4px}
.after-call-panel h2{margin:0;color:#fff;font-size:22px;line-height:1.2;letter-spacing:-.45px}
.after-call-panel [data-peer]{margin:0;color:#c6bdd8;font-size:14px;line-height:1.35;overflow-wrap:anywhere}
.after-call-panel [data-status]{margin:1px 0 0;color:#b69af0;font-size:12px;line-height:1.4}
.after-call-panel [data-time]{min-height:14px;color:#9f97af;font-size:11px;font-variant-numeric:tabular-nums}
.after-call-stage{position:relative;display:grid;place-items:center;min-height:155px;margin:17px 0 14px;overflow:hidden;border:1px solid rgba(176,151,226,.16);border-radius:21px;background:radial-gradient(ellipse at 50% 45%,rgba(111,76,173,.18),transparent 45%),linear-gradient(145deg,#0e0c15,#100e18);isolation:isolate}
.after-call-panel[data-mode="video"] .after-call-stage{aspect-ratio:16/9;min-height:230px;max-height:58dvh;margin:17px 0 14px;background:#08080d}
.after-call-stage [data-remote]{display:block;width:100%;height:100%;max-height:58dvh;object-fit:cover;background:#08080d}
.after-call-panel[data-mode="audio"] .after-call-stage [data-remote],.after-call-panel[data-mode="audio"] .after-call-stage [data-local]{display:none}
.after-call-stage [data-local]{position:absolute;z-index:2;right:14px;bottom:14px;width:clamp(90px,20%,180px);height:auto;max-height:30%;aspect-ratio:4/3;object-fit:cover;border:2px solid rgba(199,174,255,.8);border-radius:15px;background:#171320;box-shadow:0 8px 28px #0008}
.after-call-placeholder{position:absolute;inset:0;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:12px;background:radial-gradient(ellipse at center,rgba(116,82,177,.13),transparent 58%);color:#aaa0bd}
.after-call-placeholder>span{display:grid;place-items:center;width:78px;height:78px;border:1px solid rgba(195,166,255,.45);border-radius:27px;background:linear-gradient(145deg,#7655bd,#3b2c5b);color:#fff;font-size:25px;font-weight:800;box-shadow:0 0 0 10px rgba(150,116,216,.06),0 0 44px rgba(134,95,207,.2);animation:afterCallAvatar 2.2s ease-in-out infinite}
.after-call-panel[data-mode="video"] .after-call-placeholder>span{width:70px;height:70px;border-radius:24px}
.after-call-placeholder small{max-width:80%;color:#bbb2cb;font-size:12px;text-align:center}
.after-call-placeholder[hidden]{display:none!important}
.after-call-consent{margin:0;color:#aaa2b6;font-size:11px;line-height:1.55;text-align:center}
.after-call-actions{display:flex;align-items:center;justify-content:center;gap:9px;flex-wrap:wrap;margin-top:20px}
.after-call-actions button{min-height:44px;padding:0 16px;border:1px solid rgba(173,155,205,.2);border-radius:14px;background:#252132;color:#eee9f8;font:inherit;font-size:12px;font-weight:700;cursor:pointer;transition:background .16s ease,border-color .16s ease,transform .16s ease,opacity .16s ease}
.after-call-actions button:hover:not(:disabled){transform:translateY(-1px);border-color:rgba(194,170,255,.5);background:#302842}
.after-call-actions button[data-accept]{border-color:#8864dd;background:linear-gradient(135deg,#865be0,#6942c3);color:#fff;box-shadow:0 7px 22px rgba(112,70,195,.26)}
.after-call-actions button[data-accept]:hover:not(:disabled){background:linear-gradient(135deg,#9870ee,#754bd0)}
.after-call-actions button.after-call-end{border-color:rgba(247,105,134,.28);background:linear-gradient(135deg,#a72d50,#84223f);color:#fff}
.after-call-actions button:disabled{opacity:.48;cursor:wait}
.after-call-actions button:focus-visible{outline:3px solid #c3a7ff;outline-offset:3px}
.after-call-overlay [hidden]{display:none!important}
@keyframes afterCallFade{from{opacity:0}to{opacity:1}}
@keyframes afterCallRise{from{opacity:0;transform:translateY(9px) scale(.985)}to{opacity:1;transform:translateY(0) scale(1)}}
@keyframes afterCallPulse{50%{opacity:.55;box-shadow:0 0 5px #a985ff}}
@keyframes afterCallAvatar{50%{box-shadow:0 0 0 15px rgba(150,116,216,.035),0 0 52px rgba(134,95,207,.32);transform:scale(1.025)}}
@media(max-width:780px){#messagesPage #activeChat .chat-header{gap:8px;padding-inline:12px}#messagesPage #activeChat .chat-user-info{min-width:0;flex:1}#messagesPage #activeChat .chat-user-info strong,#messagesPage #activeChat .chat-user-info span{overflow:hidden;text-overflow:ellipsis;white-space:nowrap}#messagesPage #activeChat .direct-header-tools{gap:2px!important;padding:3px}#messagesPage #activeChat .direct-header-tools>.direct-header-tool{width:32px;height:32px;min-width:32px}#afterCallButtons .direct-header-tool{width:32px;height:32px;min-width:32px}}
@media(max-width:600px){.after-call-overlay{align-items:end;padding:0;background:rgba(4,4,10,.75)}.after-call-panel,.after-call-panel[data-mode="video"]{width:100%;max-height:calc(100dvh - env(safe-area-inset-top,0px) - 8px);padding:21px 17px calc(19px + env(safe-area-inset-bottom,0px));border-radius:25px 25px 0 0;border-bottom:0}.after-call-panel[data-mode="video"] .after-call-stage{min-height:190px;max-height:48dvh;border-radius:17px}.after-call-topline{margin-bottom:18px}.after-call-identity{gap:12px;margin-bottom:14px}.after-call-avatar{flex-basis:50px;width:50px;height:50px;border-radius:17px;font-size:17px}.after-call-panel h2{font-size:20px}.after-call-panel [data-peer]{font-size:13px}.after-call-stage{min-height:135px;margin:14px 0 12px;border-radius:17px}.after-call-placeholder>span{width:66px;height:66px;border-radius:23px}.after-call-actions{gap:7px;margin-top:16px}.after-call-actions button{min-height:43px;padding:0 13px;border-radius:13px;font-size:11px}#messagesPage #activeChat .chat-header{gap:6px;padding-inline:9px}#messagesPage #activeChat .chat-avatar{width:36px;height:36px;flex:0 0 36px}#messagesPage #activeChat .direct-header-tools{gap:1px!important;padding:2px}#messagesPage #activeChat .direct-header-tools>.direct-header-tool,#afterCallButtons .direct-header-tool{width:29px;height:30px;min-width:29px;border-radius:9px}#afterCallButtons .direct-header-tool svg{width:16px;height:16px}.after-call-launchers{gap:2px;margin-right:2px;padding:2px 5px 2px 2px}}
@media(max-width:380px){#messagesPage #activeChat .chat-header{gap:4px;padding-inline:6px}#messagesPage #activeChat .chat-user-info strong{font-size:12px}#messagesPage #activeChat .chat-user-info span{font-size:10px}#messagesPage #activeChat .direct-header-tools>.direct-header-tool,#afterCallButtons .direct-header-tool{width:27px;height:28px;min-width:27px}.after-call-launchers{padding-right:4px}}
@media(prefers-reduced-motion:reduce){.after-call-overlay,.after-call-panel,.after-call-brand i,.after-call-placeholder>span{animation:none!important;transition:none!important}}
html[data-theme="light"] .after-call-panel{background:radial-gradient(ellipse at 50% 0,rgba(122,83,203,.12),transparent 42%),linear-gradient(155deg,#fff,#f6f2fc);color:#252032;border-color:#d8cdea;box-shadow:0 24px 80px #30224730}
html[data-theme="light"] .after-call-panel h2,html[data-theme="light"] .after-call-brand{color:#211a2e}
html[data-theme="light"] .after-call-panel [data-peer]{color:#5f566e}
html[data-theme="light"] .after-call-panel [data-status],html[data-theme="light"] .after-call-placeholder small{color:#7054a6}
html[data-theme="light"] .after-call-consent{color:#6c6479}
html[data-theme="light"] .after-call-stage{background:radial-gradient(ellipse at 50% 45%,rgba(111,76,173,.1),transparent 45%),linear-gradient(145deg,#eeebf4,#e5e0ef);border-color:#d9d0e7}
html[data-theme="light"] #messagesPage #activeChat .direct-header-tools{background:#f8f6fc;border-color:#dfd8e9}

/* Um botão de telefone abre a escolha entre ligação por áudio e por vídeo. */
#afterCallButtons{position:relative;display:flex;align-items:center;justify-content:center;margin:0;padding:0;border:0}
#afterCallButtons .after-call-phone{display:grid;place-items:center;width:40px;height:40px;min-width:40px;border:1px solid rgba(166,130,255,.28);border-radius:13px;background:linear-gradient(145deg,rgba(126,83,227,.2),rgba(72,53,114,.2));color:#c9b4ff;cursor:pointer;transition:background .18s ease,border-color .18s ease,transform .18s ease}
#afterCallButtons .after-call-phone:hover,#afterCallButtons .after-call-phone[aria-expanded="true"]{background:linear-gradient(145deg,rgba(142,99,250,.42),rgba(96,68,151,.38));border-color:rgba(190,165,255,.55);color:#fff;transform:translateY(-1px)}
#afterCallButtons .after-call-phone svg,#afterCallButtons .after-call-mode-menu svg{display:block;width:19px;height:19px;fill:none;stroke:currentColor;stroke-width:1.8;stroke-linecap:round;stroke-linejoin:round}
.after-call-mode-menu{position:absolute;z-index:1250;top:calc(100% + 8px);right:0;display:grid;gap:4px;width:170px;padding:7px;border:1px solid rgba(176,151,226,.2);border-radius:14px;background:#15131f;box-shadow:0 15px 42px #0009}
.after-call-mode-menu[hidden]{display:none!important}
.after-call-mode-menu button{display:flex;align-items:center;gap:10px;width:100%;min-height:42px;padding:0 10px;border:0;border-radius:9px;background:transparent;color:#eee9f8;font:inherit;font-size:13px;font-weight:650;text-align:left;cursor:pointer}
.after-call-mode-menu button:hover{background:rgba(149,122,205,.18);color:#fff}
.after-call-mode-menu button svg{color:#b99bff}
html[data-theme="light"] .after-call-mode-menu{background:#fff;border-color:#ded5eb;box-shadow:0 15px 42px #30224730}
html[data-theme="light"] .after-call-mode-menu button{color:#252032}
@media(max-width:700px){#afterCallButtons .after-call-phone{width:38px;height:38px;min-width:38px}.after-call-mode-menu{top:calc(100% + 7px);right:-46px}}

/* Regras finais do cabeçalho oficial, após os estilos-base de chamadas. */
#messagesPage #activeChat .direct-header-actions{position:relative;display:flex;align-items:center;gap:7px;margin-left:auto;flex:0 0 auto}
#messagesPage #activeChat .direct-header-menu{position:relative;flex:0 0 auto}
#messagesPage #activeChat .direct-header-menu>summary{list-style:none;display:grid;place-items:center;width:40px;height:40px;border:1px solid var(--border);border-radius:13px;background:var(--surface-2);color:var(--text);font-size:26px;line-height:1;letter-spacing:1px;cursor:pointer}
#messagesPage #activeChat .direct-header-menu>summary::-webkit-details-marker{display:none}
#messagesPage #activeChat .direct-header-menu-panel{position:absolute;z-index:1200;top:calc(100% + 8px);right:0;display:none;width:min(290px,calc(100vw - 24px));max-height:calc(100dvh - 90px);overflow:auto;padding:12px;border:1px solid var(--border);border-radius:16px;background:var(--surface);box-shadow:0 18px 50px #0008;color:var(--text)}
#messagesPage #activeChat .direct-header-menu[open]>.direct-header-menu-panel{display:flex;flex-direction:column;gap:8px}
#messagesPage #activeChat .direct-header-menu-panel>small{padding:4px 7px;color:var(--muted-2);font-size:9px;font-weight:800;letter-spacing:1.2px}
#messagesPage #activeChat .direct-header-menu-panel .direct-header-tools{display:flex;flex-direction:column;align-items:stretch;gap:3px;width:100%;min-height:0;overflow:visible;margin:0;padding:0;border:0;border-radius:0;background:transparent}
#messagesPage #activeChat .direct-header-menu-panel .direct-header-tool{position:relative;display:flex;align-items:center;justify-content:flex-start;gap:12px;width:100%;height:auto;min-height:44px;padding:0 10px;border:0;border-radius:10px;background:transparent;color:var(--text);font-size:13px;text-align:left}
#messagesPage #activeChat .direct-header-menu-panel .direct-header-tool>span:first-child{display:grid;place-items:center;width:23px;flex:0 0 23px;color:var(--purple);font-size:17px}
#messagesPage #activeChat .direct-header-menu-panel #directReadReceiptToggle>span:first-child{font-size:10px;font-weight:900;letter-spacing:-2px}
#messagesPage #activeChat .direct-header-menu-panel .direct-tool-badge{right:8px;left:auto;top:50%;transform:translateY(-50%)}
#messagesPage #activeChat .direct-header-menu-panel .direct-customize-button{display:flex;align-items:center;justify-content:flex-start;gap:12px;width:100%;height:44px;flex:0 0 44px;margin:0;padding:0 10px;border:0;border-radius:10px;background:transparent;color:var(--text);font-size:13px;text-align:left}
#messagesPage #activeChat .direct-header-menu-panel .direct-customize-button>span{display:inline}
@media(min-width:701px){#messagesPage #activeChat .direct-header-menu{position:static}#messagesPage #activeChat .direct-header-menu>summary{display:none}#messagesPage #activeChat .direct-header-menu-panel,#messagesPage #activeChat .direct-header-menu:not([open])>.direct-header-menu-panel{position:static;display:flex!important;flex-direction:row;align-items:center;gap:8px;width:auto;max-height:none;overflow:visible;padding:0;border:0;border-radius:0;background:transparent;box-shadow:none}#messagesPage #activeChat .direct-header-menu-panel>small{display:none}#messagesPage #activeChat .direct-header-menu-panel .direct-header-tools{flex-direction:row;align-items:center;gap:4px;width:auto;padding:4px;border:1px solid rgba(163,146,203,.14);border-radius:15px;background:rgba(24,22,37,.82)}#messagesPage #activeChat .direct-header-menu-panel .direct-header-tool{justify-content:center;width:35px;min-height:35px;padding:0;border-radius:11px;font-size:17px}#messagesPage #activeChat .direct-header-menu-panel .direct-header-tool>span:not(:first-child){display:none}#messagesPage #activeChat .direct-header-menu-panel .direct-header-tool>span:first-child{width:auto;flex-basis:auto}#messagesPage #activeChat .direct-header-menu-panel .direct-customize-button{justify-content:center;width:40px;height:40px;flex-basis:40px;padding:0;border:1px solid var(--border);border-radius:13px;background:var(--surface-2)}#messagesPage #activeChat .direct-header-menu-panel .direct-customize-button>span{display:none}}
@media(max-width:700px){#messagesPage #activeChat .chat-header{position:relative;display:flex!important;flex-wrap:nowrap;align-items:center;gap:7px;padding:9px 10px!important;min-height:62px}#messagesPage #activeChat .direct-header-menu>summary{width:38px;height:38px;border-radius:12px}#messagesPage #activeChat .direct-header-menu-panel{top:calc(100% + 7px);right:0;width:min(285px,calc(100vw - 22px))}#messagesPage #activeChat .direct-header-actions{gap:5px}#messagesPage #activeChat #afterCallButtons .after-call-mode-menu{right:0}#afterCallButtons .after-call-phone{width:38px;height:38px;min-width:38px}}
@media(max-width:700px){#messagesPage #activeChat .direct-header-menu[open]>.direct-header-menu-panel{position:fixed!important;z-index:2147483001;width:min(285px,calc(100vw - 22px));max-height:calc(100dvh - 16px);margin:0}}
.after-direct-menu-portal{position:fixed!important;z-index:2147483647!important;max-height:calc(100dvh - 16px)!important;overflow:auto!important;overscroll-behavior:contain!important;pointer-events:auto!important}
.direct-header-menu-panel.after-direct-menu-portal{display:flex!important;flex-direction:column!important;gap:8px!important;width:min(285px,calc(100vw - 22px))!important;margin:0!important}
.after-call-mode-menu.after-direct-menu-portal{display:grid!important;gap:4px!important;width:170px!important;margin:0!important}
/* Os painéis são portaled para o body; estes estilos não dependem do #messagesPage. */
.after-call-mode-menu{color:#eee9f8}
.after-call-mode-menu svg{display:block!important;flex:0 0 19px!important;width:19px!important;height:19px!important;min-width:19px!important;min-height:19px!important;max-width:19px!important;max-height:19px!important;fill:none!important;stroke:currentColor!important;stroke-width:1.8!important;stroke-linecap:round;stroke-linejoin:round}
.after-call-mode-menu button{display:flex!important;align-items:center!important;justify-content:flex-start!important;gap:10px!important;min-height:44px!important;font-size:13px!important;line-height:1.2!important;letter-spacing:normal!important;color:#eee9f8!important}
.after-call-mode-menu button span{display:block!important;flex:1 1 auto!important;min-width:0!important;font-size:13px!important;line-height:1.2!important;letter-spacing:normal!important}
.after-call-mode-menu button svg{color:#b99bff!important}
.direct-header-menu-panel #directReadReceiptToggle{font-size:13px!important;letter-spacing:normal!important;padding-right:10px!important}
.direct-header-menu-panel #directReadReceiptToggle>span:first-child{font-size:10px!important;letter-spacing:-2px!important}
.direct-header-menu-panel #directReadReceiptToggle>span:last-child{display:block!important;flex:1 1 auto!important;min-width:0!important;font-size:13px!important;font-weight:650!important;line-height:1.3!important;letter-spacing:normal!important;white-space:normal!important}

/* Ajustes finais das telas de chamada: menos repetição e melhor enquadramento. */
.after-call-panel[data-mode="audio"] .after-call-stage{display:none!important}
.after-call-topline{justify-content:flex-start;margin-bottom:16px}
.after-call-identity{min-width:0;gap:13px;margin-bottom:15px}
.after-call-person{flex:1 1 auto;min-width:0}
.after-call-panel h2{max-width:100%;overflow-wrap:anywhere}
.after-call-panel [data-peer]{font-size:12px}
.after-call-avatar{position:relative;overflow:hidden;flex:0 0 56px;width:56px;height:56px}
.after-call-avatar img{position:absolute;inset:0;width:100%;height:100%;object-fit:cover;border-radius:inherit}
.after-call-avatar.has-photo [data-avatar-initials]{display:none}
.after-call-panel[data-mode="video"] .after-call-stage{width:100%;min-height:0;height:auto;aspect-ratio:16/9;max-height:min(56dvh,520px);margin:14px 0 12px}
.after-call-panel[data-mode="video"] .after-call-stage [data-remote]{position:absolute;inset:0;max-height:none;object-fit:contain}
.after-call-panel[data-mode="video"] .after-call-placeholder>span{width:66px;height:66px;border-radius:22px}
.after-call-actions{gap:8px;margin-top:15px}
.after-call-actions button{min-width:0;min-height:46px;padding-inline:12px;line-height:1.2}
.after-call-actions button[data-end]{flex:1 1 100%}
.after-call-consent{max-width:48ch;margin-inline:auto}
@media(max-width:600px){
  .after-call-overlay{align-items:end;justify-items:stretch;padding:0;overflow:hidden}
  .after-call-panel,.after-call-panel[data-mode="video"]{width:100%;max-width:none;max-height:calc(100dvh - env(safe-area-inset-top,0px) - 6px);overflow-y:auto;overscroll-behavior:contain;padding:18px 18px calc(16px + env(safe-area-inset-bottom,0px));border-radius:23px 23px 0 0}
  .after-call-panel[data-mode="audio"]{padding-top:16px}
  .after-call-topline{margin-bottom:13px}
  .after-call-identity{gap:12px;margin-bottom:12px}
  .after-call-avatar{flex-basis:48px;width:48px;height:48px;border-radius:16px}
  .after-call-panel h2{font-size:18px;line-height:1.2}
  .after-call-panel [data-peer]{font-size:12px}
  .after-call-panel [data-status]{font-size:12px}
  .after-call-panel[data-mode="video"] .after-call-stage{min-height:0;max-height:44dvh;margin:12px 0 10px;border-radius:15px}
  .after-call-stage [data-local]{right:9px;bottom:9px;width:clamp(76px,25%,130px);border-radius:11px}
  .after-call-consent{font-size:10px}
  .after-call-actions{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:7px;margin-top:13px}
  .after-call-actions button{width:100%;min-height:43px;padding-inline:8px;font-size:11px}
  .after-call-actions button[data-end]{grid-column:1/-1}
}
@media(max-width:360px){.after-call-panel,.after-call-panel[data-mode="video"]{padding-inline:14px}.after-call-actions{gap:6px}.after-call-actions button{font-size:10px}}

/* Interface de chamada v2 — tela cheia, palco com vídeo, prévia local expansível e dock de controles */
.after-call-overlay{display:grid;place-items:stretch;padding:0;background:#07060c;backdrop-filter:none;-webkit-backdrop-filter:none}
.after-call-panel,.after-call-panel[data-mode="video"]{position:relative;display:flex;flex-direction:column;width:100%;max-width:none;height:100dvh;max-height:none;padding:0;border:0;border-radius:0;overflow:hidden;background:#08070d;box-shadow:none}
.after-call-panel:before{display:none}
.after-call-stage,.after-call-panel[data-mode="video"] .after-call-stage{position:relative;flex:1 1 auto;display:grid;place-items:center;width:100%;height:auto;min-height:0;max-height:none;margin:0;border:0;border-radius:0;overflow:hidden;background:#050409}
.after-call-panel[data-mode="audio"] .after-call-stage{display:grid!important;background:radial-gradient(circle at 50% 38%,rgba(124,88,196,.3),transparent 62%),#0a0812}
.after-call-stage [data-remote],.after-call-panel[data-mode="video"] .after-call-stage [data-remote]{position:absolute;inset:0;width:100%;height:100%;max-height:none;object-fit:cover;background:#050409}
.after-call-panel[data-mode="audio"] .after-call-stage [data-remote]{display:none}
.after-call-placeholder{position:absolute;inset:0;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:16px;background:transparent}
.after-call-placeholder[hidden]{display:none!important}
.after-call-placeholder .after-call-avatar,.after-call-panel[data-mode="video"] .after-call-placeholder .after-call-avatar{position:relative;flex:0 0 auto;width:112px;height:112px;border-radius:50%;overflow:hidden;border:1px solid rgba(198,171,255,.42);background:linear-gradient(145deg,#8661da,#4b3978);color:#fff;font-size:34px;font-weight:800;letter-spacing:-1px;box-shadow:0 0 0 12px rgba(150,116,216,.06),0 0 60px rgba(134,95,207,.22)}
.after-call-placeholder small,.after-call-panel[data-mode="video"] .after-call-placeholder small{max-width:78%;color:#d3cbe4;font-size:13px;text-align:center}
.after-call-local-pip{position:absolute;z-index:3;right:14px;bottom:14px;width:114px;height:158px;padding:0;overflow:hidden;border:1.5px solid rgba(199,174,255,.7);border-radius:18px;background:#141020;box-shadow:0 12px 34px #000a;cursor:pointer;transition:inset .22s ease,width .22s ease,height .22s ease,border-radius .22s ease,box-shadow .22s ease}
.after-call-panel .after-call-local-pip video{display:block;width:100%!important;height:100%!important;max-height:none;object-fit:cover;border:0;border-radius:0;background:#141020;box-shadow:none}
.after-call-panel .after-call-mirror{transform:scaleX(-1)}
.after-call-pip-icon{position:absolute;right:7px;top:7px;display:grid;place-items:center;width:23px;height:23px;border-radius:50%;background:rgba(6,5,12,.62);color:#fff;font-size:12px;line-height:1;pointer-events:none}
.after-call-pip-icon:before{content:"⤢"}
.after-call-panel.is-local-max .after-call-local-pip{inset:0!important;top:0!important;right:0!important;bottom:0!important;left:0!important;width:auto!important;height:auto!important;border:0;border-radius:0;box-shadow:none}
.after-call-panel.is-local-max .after-call-pip-icon:before{content:"⤡"}
.after-call-panel.is-local-max [data-remote]{opacity:0}
.after-call-topbar{position:absolute;z-index:4;top:0;left:0;right:0;display:flex;align-items:center;justify-content:space-between;gap:12px;margin:0;padding:calc(12px + env(safe-area-inset-top,0px)) 16px 16px;background:linear-gradient(180deg,rgba(4,3,10,.82),rgba(4,3,10,0));pointer-events:none}
.after-call-brand{display:inline-flex;align-items:center;gap:6px;color:#fff;font-size:11px;font-weight:850;letter-spacing:1.6px}
.after-call-brand i{width:7px;height:7px;border-radius:50%;background:#a985ff;box-shadow:0 0 12px #a985ff;animation:afterCallPulse 1.8s ease-in-out infinite}
.after-call-brand b{color:#b99bff;font-weight:850}
.after-call-timer{padding:4px 10px;border-radius:999px;background:rgba(255,255,255,.13);color:#fff;font-size:12px;font-weight:700;font-variant-numeric:tabular-nums}
.after-call-timer:empty{display:none}
.after-call-meta{display:flex;flex-direction:column;align-items:center;gap:2px;padding:13px 20px 5px;text-align:center;background:#08070d}
.after-call-panel h2,.after-call-meta h2{margin:0;max-width:100%;color:#fff;font-size:19px;line-height:1.25;font-weight:800;letter-spacing:-.3px;overflow-wrap:anywhere}
.after-call-panel [data-peer]{margin:0;color:#a79fbb;font-size:12px;line-height:1.35}
.after-call-panel [data-status]{min-height:16px;margin:2px 0 0;color:#b69af0;font-size:12px;line-height:1.35}
.after-call-dock{display:flex;align-items:flex-start;justify-content:center;gap:6px;padding:10px 10px calc(14px + env(safe-area-inset-bottom,0px));background:#08070d;overflow-x:auto;scrollbar-width:none}
.after-call-dock::-webkit-scrollbar{display:none}
.after-call-dock button{display:flex;flex-direction:column;align-items:center;gap:6px;flex:0 0 auto;width:64px;min-width:0;min-height:0;padding:0;border:0;background:transparent;color:#cbc3dd;font:inherit;font-size:10px;font-weight:650;line-height:1.15;text-align:center;cursor:pointer;transition:color .16s ease}
.after-call-dock button svg{display:block;width:52px;height:52px;padding:14px;border:1px solid rgba(173,155,205,.18);border-radius:50%;background:#191527;fill:none;stroke:currentColor;stroke-width:1.7;stroke-linecap:round;stroke-linejoin:round;transition:background .16s ease,transform .16s ease,border-color .16s ease}
.after-call-dock button:hover:not(:disabled){color:#fff}
.after-call-dock button:hover:not(:disabled) svg{background:#241d38;transform:translateY(-1px)}
.after-call-dock button[aria-pressed="true"]{color:#e9e0ff}
.after-call-dock button[aria-pressed="true"] svg{background:#3b2d5f;border-color:#8f74d6;color:#fff}
.after-call-dock button[data-end] svg{border-color:transparent;background:linear-gradient(150deg,#e2445f,#b3223c);color:#fff}
.after-call-dock button[data-end]{color:#ff9db0}
.after-call-dock button[data-accept] svg{border-color:transparent;background:linear-gradient(150deg,#5fce8b,#2f9e60);color:#062012}
.after-call-dock button[data-accept]{color:#8ff0b4}
.after-call-dock button:disabled{opacity:.5;cursor:wait}
.after-call-dock button:focus-visible{outline:0}
.after-call-dock button:focus-visible svg{outline:3px solid #c3a7ff;outline-offset:3px}
.after-call-dock button[hidden]{display:none!important}
.after-call-consent{margin:0;padding:0 20px calc(12px + env(safe-area-inset-bottom,0px));background:#08070d;color:#8d86a0;font-size:10px;line-height:1.5;text-align:center}
.after-call-panel[data-state="incoming"] .after-call-dock button[data-accept] svg{animation:afterCallRing 1.5s ease-in-out infinite}
@keyframes afterCallRing{50%{box-shadow:0 0 0 10px rgba(95,206,139,.15)}}
@media(max-width:600px){
  .after-call-panel,.after-call-panel[data-mode="video"]{height:100dvh;border-radius:0;padding:0}
  .after-call-placeholder .after-call-avatar,.after-call-panel[data-mode="video"] .after-call-placeholder .after-call-avatar{width:96px;height:96px;font-size:29px}
  .after-call-local-pip{right:10px;bottom:10px;width:98px;height:138px;border-radius:16px}
  .after-call-meta{padding:11px 16px 4px}
  .after-call-panel h2,.after-call-meta h2{font-size:17px}
  .after-call-dock{justify-content:space-between;gap:2px;padding:8px 8px calc(10px + env(safe-area-inset-bottom,0px))}
  .after-call-dock button{width:58px;font-size:9.5px}
  .after-call-dock button svg{width:48px;height:48px;padding:13px}
  .after-call-consent{padding-bottom:calc(8px + env(safe-area-inset-bottom,0px));font-size:9.5px}
}
@media(max-width:380px){
  .after-call-dock button{width:52px}
  .after-call-dock button svg{width:44px;height:44px;padding:12px}
  .after-call-local-pip{width:88px;height:124px}
}