/* Bouncy Nav Pill reference: 500 stiffness / 24 damping, original palette. */
:is(#fdBouncyNav,.fd-bouncy-nav) { position:sticky; top:0; z-index:1200; flex:none; width:100%; padding:1rem 1rem 0; box-sizing:border-box; font-family:Inter,-apple-system,BlinkMacSystemFont,"Segoe UI",sans-serif; }
:is(#fdBouncyNav,.fd-bouncy-nav) .fd-bouncy-bar { display:flex; align-items:center; justify-content:space-between; gap:1rem; width:100%; max-width:75rem; margin:auto; padding:0.75rem 0.75rem 0.75rem 1.5rem; box-sizing:border-box; border:1px solid #312e2e; border-radius:2.25rem; background:#312e2e; box-shadow:0 0.25rem 1rem #0000002e; backdrop-filter:blur(0.875rem); }
:is(#fdBouncyNav,.fd-bouncy-nav) button { appearance:none; border:0; margin:0; font-family:inherit; cursor:pointer; text-decoration:none; }
:is(#fdBouncyNav,.fd-bouncy-nav) .fd-bouncy-brand { flex:none; padding:0; background:transparent; color:#fff; font-size:1.5rem; font-weight:600; letter-spacing:-.04em; line-height:1.1; }
:is(#fdBouncyNav,.fd-bouncy-nav) .fd-bouncy-scroll { min-width:0; overflow-x:auto; scrollbar-width:none; }
:is(#fdBouncyNav,.fd-bouncy-nav) .fd-bouncy-scroll::-webkit-scrollbar { display:none; }
:is(#fdBouncyNav,.fd-bouncy-nav) .fd-bouncy-items { position:relative; display:flex; align-items:center; gap:0.125rem; width:max-content; }
:is(#fdBouncyNav,.fd-bouncy-nav) .fd-bouncy-item { position:relative; z-index:2; flex:none; padding:0.75rem 1rem; border-radius:62.4375rem; color:#fff; background:transparent; font-size:1rem; font-weight:400; letter-spacing:-.02em; line-height:1.1; white-space:nowrap; }
:is(#fdBouncyNav,.fd-bouncy-nav) .fd-bouncy-pill { position:absolute; top:0; left:0; height:100%; border-radius:62.4375rem; background:#0069e2; z-index:1; pointer-events:none; opacity:0; }
:is(#fdBouncyNav,.fd-bouncy-nav) .fd-bouncy-profile { flex:none; padding:0.875rem 1rem; border-radius:62.4375rem; background:#0069e2; color:#fff; font-size:1rem; font-weight:500; letter-spacing:-.02em; line-height:1.1; }
:is(#fdBouncyNav,.fd-bouncy-nav) .fd-bouncy-profile:hover { color:#000; background:#fff; }
:is(#fdBouncyNav,.fd-bouncy-nav) .fd-bouncy-profile:active { transform:scale(.95); }
:is(#fdBouncyNav,.fd-bouncy-nav) button:focus-visible { outline:none; }
:is(#fdBouncyNav,.fd-bouncy-nav) .fd-bouncy-item:focus-visible { color:#fff; }
:is(#fdBouncyNav,.fd-bouncy-nav) .fd-bouncy-toggle { display:none; padding:0.75rem 1rem; border-radius:62.4375rem; background:#0069e2; color:#fff; font-size:1rem; }
:is(#fdBouncyNav,.fd-bouncy-nav) [hidden] { display:none !important; }
@media(max-width:600px) {
    :is(#fdBouncyNav,.fd-bouncy-nav) .fd-bouncy-bar { flex-wrap:wrap; gap:0.75rem; }
    :is(#fdBouncyNav,.fd-bouncy-nav) .fd-bouncy-toggle { display:block; margin-left:auto; }
    :is(#fdBouncyNav,.fd-bouncy-nav) .fd-bouncy-scroll { display:none; order:4; width:100%; }
    :is(#fdBouncyNav,.fd-bouncy-nav).is-open .fd-bouncy-scroll { display:block; }
    :is(#fdBouncyNav,.fd-bouncy-nav) .fd-bouncy-items { flex-direction:column; align-items:stretch; width:100%; }
    :is(#fdBouncyNav,.fd-bouncy-nav) .fd-bouncy-item { text-align:left; }
    :is(#fdBouncyNav,.fd-bouncy-nav) .fd-bouncy-pill { display:none; }
    :is(#fdBouncyNav,.fd-bouncy-nav) .fd-bouncy-item:is(:hover,:focus-visible) { background:#0069e2; }
    :is(#fdBouncyNav,.fd-bouncy-nav).is-open .fd-bouncy-scroll { animation:fd-bouncy-open .35s cubic-bezier(.16,1,.3,1); max-height:60dvh; overflow-y:auto; }
    @keyframes fd-bouncy-open { from { opacity:0; transform:translateY(-0.75rem) scale(.97); } to { opacity:1; transform:none; } }
}

:is(#appScreen,.fd-app-screen) #appTopbar { top:5.5rem; }

/* Mercury geometry: 24px outlines, 48px liquid base, 12px tracking droplet. */
:is(#fdBouncyNav,.fd-bouncy-nav) .fd-bouncy-bar { position:relative; }
:is(#fdBouncyNav,.fd-bouncy-nav) .fd-bouncy-items { gap:0; height:3rem; }
:is(#fdBouncyNav,.fd-bouncy-nav) .fd-bouncy-item { display:flex; align-items:center; justify-content:center; width:3.75rem; height:3rem; padding:0; border-radius:1rem; color:rgba(255,255,255,.5); }
:is(#fdBouncyNav,.fd-bouncy-nav) .fd-dock-icon { width:1.5rem; height:1.5rem; flex:none; pointer-events:none; transform-origin:center bottom; }
:is(#fdBouncyNav,.fd-bouncy-nav) .fd-bouncy-item:is(.is-dock-hovered,[aria-current="page"]) { color:#fff; }
:is(#fdBouncyNav,.fd-bouncy-nav) .fd-dock-liquid { position:absolute; inset:0; z-index:0; overflow:hidden; border-radius:1.5rem; pointer-events:none; opacity:0; }
:is(#fdBouncyNav,.fd-bouncy-nav) .fd-dock-base,
:is(#fdBouncyNav,.fd-bouncy-nav) .fd-dock-base-mask { transform-origin:center; transform-box:fill-box; }
:is(#fdBouncyNav,.fd-bouncy-nav) .fd-dock-sheen { position:absolute; top:0; left:0; width:3rem; height:3rem; border-radius:1rem; z-index:1; pointer-events:none; opacity:0; background:linear-gradient(rgba(255,255,255,.4),transparent 40%,rgba(0,0,0,.2)); mix-blend-mode:overlay; }
:is(#fdBouncyNav,.fd-bouncy-nav) .fd-dock-tooltip { position:absolute; bottom:calc(100% + 0.625rem); transform:translateX(-50%); padding:0.5rem 0.75rem; border-radius:0.625rem; background:#fff; color:#202020; box-shadow:0 0.25rem 0.875rem #0002; font-size:0.75rem; font-weight:600; white-space:nowrap; pointer-events:none; }
@media(max-width:600px) {
    :is(#fdBouncyNav,.fd-bouncy-nav) .fd-bouncy-items { display:grid; grid-template-columns:repeat(auto-fit,minmax(3.75rem,1fr)); width:100%; height:auto; gap:0.5rem 0; }
    :is(#fdBouncyNav,.fd-bouncy-nav) .fd-bouncy-item { width:100%; }
    :is(#fdBouncyNav,.fd-bouncy-nav) .fd-bouncy-item:is(:hover,:focus-visible) { background:transparent; }
    :is(#fdBouncyNav,.fd-bouncy-nav) .fd-dock-tooltip { bottom:calc(100% + 0.375rem); }
}
/* Reversible visual archive: legacy routes and markup remain available. */
:is(#appScreen,.fd-app-screen).fd-v2-minimal { background:#eeedea; }
:is(#appScreen,.fd-app-screen).fd-v2-minimal > :not(.main-content),
:is(#appScreen,.fd-app-screen).fd-v2-minimal .main-content > :not(:is(#fdBouncyNav,.fd-bouncy-nav)):not(.fd-call-workspace):not(.fd-chats-stage) { display:none !important; }
:is(#appScreen,.fd-app-screen).fd-v2-minimal .main-content { margin:0 !important; padding:0 !important; width:100%; background:#eeedea !important; overflow:visible; }
:is(#appScreen,.fd-app-screen).fd-v2-minimal :is(#fdBouncyNav,.fd-bouncy-nav) { padding:1rem; pointer-events:none; }
:is(#appScreen,.fd-app-screen).fd-v2-minimal :is(#fdBouncyNav,.fd-bouncy-nav) .fd-topbar-group { pointer-events:auto; }
:is(#fdBouncyNav,.fd-bouncy-nav) .fd-bouncy-bar { width:max-content; max-width:min(75rem,100%); }
:is(#fdBouncyNav,.fd-bouncy-nav) .fd-bouncy-items { height:2.75rem; }
:is(#fdBouncyNav,.fd-bouncy-nav) .fd-bouncy-item { width:3rem; height:2.75rem; }
:is(#fdBouncyNav,.fd-bouncy-nav) .fd-dock-sheen { width:2.75rem; height:2.75rem; border-radius:0.9375rem; }
@media(max-width:600px) {
    :is(#fdBouncyNav,.fd-bouncy-nav) .fd-bouncy-bar { width:100%; }
    :is(#fdBouncyNav,.fd-bouncy-nav) .fd-bouncy-items { height:auto; }
    :is(#fdBouncyNav,.fd-bouncy-nav) .fd-bouncy-item { width:100%; }
}
/* Classe fixa no index da v2 (antes :has() sobre o app inteiro: qualquer mudança no DOM recalculava o estilo do
   documento todo — relógio, mensagem, tooltip; bancada v2, 22/10/2026). */
#app-shell-mount.fd-v2-shell > :not(:is(#appScreen,.fd-app-screen)) { display:none !important; }

/* Compact glass surface; dock physics and blue liquid are unchanged. */
html:has(:is(#appScreen,.fd-app-screen).fd-v2-minimal.screen-active),
body:has(:is(#appScreen,.fd-app-screen).fd-v2-minimal.screen-active) { overflow:hidden; scrollbar-width:none; }
:is(#appScreen,.fd-app-screen).fd-v2-minimal .main-content { scrollbar-width:none; }
:is(#appScreen,.fd-app-screen).fd-v2-minimal .main-content::-webkit-scrollbar { display:none; }

/* Medium charcoal navigation for the light theme; original palette preserved in dark mode. */
:is(#fdBouncyNav,.fd-bouncy-nav) .fd-bouncy-bar {gap:0.625rem;padding:0.375rem 0.375rem 0.375rem 1.125rem;border:1px solid #ffffff30;border-radius:1.75rem;background:linear-gradient(180deg,#626469,#505257 60%,#47494e);box-shadow:0 0.25rem 1rem #00000024;backdrop-filter:none}
:is(#fdBouncyNav,.fd-bouncy-nav) .fd-bouncy-brand {color:#fff;font-size:1.25rem}
:is(#fdBouncyNav,.fd-bouncy-nav) .fd-bouncy-items {height:2.5rem}
:is(#fdBouncyNav,.fd-bouncy-nav) .fd-bouncy-item {width:2.5rem;height:2.5rem;color:rgb(38 40 45 / 65%)}
/* Dimming the whole icon keeps crossing strokes from stacking into brighter dots. */
:is(#fdBouncyNav,.fd-bouncy-nav) .fd-bouncy-item:not(.is-dock-hovered,[aria-current="page"],:focus-visible) .fd-dock-icon {opacity:1}
:is(#fdBouncyNav,.fd-bouncy-nav) .fd-bouncy-item:is(.is-dock-hovered,[aria-current="page"]) {color:#26282d}
:is(#fdBouncyNav,.fd-bouncy-nav) .fd-dock-sheen {width:2.5rem;height:2.5rem;border-radius:0.875rem}
:is(#fdBouncyNav,.fd-bouncy-nav) .fd-bouncy-profile,:is(#fdBouncyNav,.fd-bouncy-nav) .fd-bouncy-profile:hover {position:relative;isolation:isolate;display:inline-flex;align-items:center;justify-content:center;min-height:2.25rem;padding:0 1rem;border-radius:62.4375rem;background:transparent;color:#26282d;font-size:0.8125rem;font-weight:600;letter-spacing:-.015em;line-height:1.25;text-shadow:0 1px 1px #ffffff45;perspective:56.25rem;transform:rotateX(var(--rx,0deg)) rotateY(var(--ry,0deg));transition:transform .35s cubic-bezier(.2,.8,.2,1)}
:is(#fdBouncyNav,.fd-bouncy-nav) .fd-bouncy-profile:active {transform:scale(.96)}
.fd-profile-glass {position:absolute;inset:0;border-radius:inherit;pointer-events:none;overflow:hidden;background:linear-gradient(150deg,#e3e4e7ee,#c9cccfdd 42%,#e0e2e5ee);backdrop-filter:blur(0.71875rem) saturate(1.08);box-shadow:0 1px 1px #00000028,0 0.25rem 0.3125rem -0.1875rem #00000038,0 0.75rem 1.25rem -0.625rem #00000035,inset 0 1px 1px #ffffffcc,inset 0 -1px 1px #ffffffaa,inset 1px 0 .5px #ffffffaa,inset -1px 0 .5px #00000020}
.fd-profile-glass:before {content:'';position:absolute;inset:0;border-radius:inherit;box-shadow:inset 0 0.5625rem 0.75rem -0.5rem #00000070,inset 0 -0.5625rem 0.5625rem -0.4375rem #ffffffed,inset 0.3125rem 0 0.5rem -0.4375rem #0000006b,inset -0.3125rem 0 0.5rem -0.4375rem #0000004d;background:radial-gradient(3.4375rem 1.875rem at var(--px,50%) var(--py,50%),#ffffff50,transparent 78%)}
.fd-profile-rim {position:absolute;inset:0;border-radius:inherit;padding:1.25px;background:conic-gradient(from 180deg,#ffffffdf,#ffffff60 36deg,#ffffff05 68deg,#00000021 112deg,#ffffff18 155deg,#fff 190deg,#ffffffb3 217deg,#ffffff06 256deg,#0000000f 300deg,#ffffff15 335deg,#ffffffdf);mask:linear-gradient(#fff 0 0) content-box,linear-gradient(#fff 0 0);mask-composite:exclude;pointer-events:none}
.fd-profile-reflection {position:absolute;inset:-45% -50%;background:linear-gradient(112deg,transparent 27%,#ffffff03 32%,#ffffff42 42%,#ffffff66 46%,#ffffff18 53%,transparent 61%);transform:translateX(var(--shine,-30%));opacity:.16;transition:opacity .25s,transform .5s cubic-bezier(.2,.8,.2,1)}
.fd-bouncy-profile:hover .fd-profile-reflection {opacity:.65}
.fd-profile-label {position:relative;z-index:1}
.fd-profile-glass:after {content:'';position:absolute;left:14%;right:14%;bottom:1.25px;height:1px;background:linear-gradient(90deg,transparent,#ffffff08 20%,#ffffffcf 53%,#ffffff12 86%,transparent);opacity:.8}
@media(max-width:600px){:is(#fdBouncyNav,.fd-bouncy-nav) .fd-bouncy-item {width:100%}:is(#fdBouncyNav,.fd-bouncy-nav) .fd-bouncy-items {height:auto}:is(#fdBouncyNav,.fd-bouncy-nav) .fd-bouncy-toggle {padding:0.625rem 0.75rem;font-size:0.8125rem}}

/* Persistent soft glass selection and independent blue pointer liquid. */
:is(#fdBouncyNav,.fd-bouncy-nav) .fd-bouncy-item::before {content:'';position:absolute;inset:0.125rem 1px;z-index:-1;border-radius:42% 55% 43% 51% / 53% 44% 56% 46%;opacity:0;background:linear-gradient(145deg,#eeeeee88,#c4c8cf58 52%,#ffffff70);border:1px solid #ffffff3d;box-shadow:inset 0 1px 0.125rem #ffffff80,inset 0 -0.125rem 0.25rem #ffffff20,0 0.125rem 0.4375rem #00000024;backdrop-filter:blur(0.1875rem);transition:opacity .22s,border-radius .35s,background .3s;pointer-events:none}
:is(#fdBouncyNav,.fd-bouncy-nav) .fd-bouncy-item[aria-current="page"]::before {opacity:1}
:is(#fdBouncyNav,.fd-bouncy-nav) .fd-bouncy-item[aria-current="page"].is-dock-hovered::before {border-radius:48% 43% 55% 42% / 44% 54% 42% 56%;background:linear-gradient(140deg,#f0f5ffb0,#b6c6df48 45%,#dcecff88);border-color:#dbeaff80;box-shadow:inset 0 1px 0.1875rem #ffffffb0,inset 0 -0.125rem 0.25rem #ffffff35,0 1px 0.5rem #90baff30}
:is(#fdBouncyNav,.fd-bouncy-nav) .fd-bouncy-items.is-selection-blended .fd-dock-sheen {background:linear-gradient(145deg,#ffffff90,transparent 48%,#d8e4ff60)}

/* Shared parent surface: all page content lives inside this glass card. */
:is(#appScreen,.fd-app-screen).fd-v2-minimal {box-sizing:border-box;padding:0.625rem;min-height:100dvh;height:100dvh;background:#eeedea;overflow:hidden}
:is(#appScreen,.fd-app-screen).fd-v2-minimal .main-content.fd-page-glass {position:relative;isolation:isolate;box-sizing:border-box;flex:1 1 auto;min-width:0;min-height:0;width:100%;height:calc(100dvh - 1.25rem);margin:0 !important;border:0.1875rem solid #ffffff73;border-radius:2.5rem;background:linear-gradient(150deg,#d0d0d07a,#f0f0f094 50%,#c8c8c87a) !important;backdrop-filter:blur(1.125rem) saturate(0);-webkit-backdrop-filter:blur(1.125rem) saturate(0);box-shadow:inset 0 1px 1.5px #ffffff80,inset 0 -1px 1.5px #00000012,.29px 0.2725rem 0.13625rem #00000003,.48px 0.4525rem 0.22687rem #00000003,.78px 0.73125rem 0.36625rem #00000005,1.28px 1.19687rem 0.6rem #00000008,0.1375rem 2.06062rem 1.0325rem #00000008,0.25rem 3.75rem 1.87938rem #0000000f;overflow:auto;scrollbar-width:none}
:is(#appScreen,.fd-app-screen).fd-v2-minimal .fd-page-glass::after {content:'';position:absolute;inset:-0.1875rem;padding:0.1875rem;border-radius:inherit;pointer-events:none;background:linear-gradient(#fff,#c9c9c9 9%,#a1a1a1 32%,#757575 73%,#fff);mask:linear-gradient(#fff 0 0) content-box,linear-gradient(#fff 0 0);mask-composite:exclude;-webkit-mask:linear-gradient(#fff 0 0) content-box,linear-gradient(#fff 0 0);-webkit-mask-composite:xor}

/* Keep viewport scrolling inside the parent card; reserve a balanced top inset. */
:is(#appScreen,.fd-app-screen).fd-v2-minimal .fd-page-glass :is(#fdBouncyNav,.fd-bouncy-nav) {padding:0.75rem 1rem 1rem}

/* A subtle increase in rim contrast, with the original three-pixel thickness. */
:is(#appScreen,.fd-app-screen).fd-v2-minimal .main-content.fd-page-glass {border-color:#ffffff99;box-shadow:inset 0 1px 0.125rem #ffffffa0,inset 0 -1px 0.125rem #00000018,.29px 0.2725rem 0.13625rem #00000003,.48px 0.4525rem 0.22687rem #00000003,.78px 0.73125rem 0.36625rem #00000005,1.28px 1.19687rem 0.6rem #00000008,0.1375rem 2.06062rem 1.0325rem #00000008,0.25rem 3.75rem 1.87938rem #0000000f}
:is(#appScreen,.fd-app-screen).fd-v2-minimal .fd-page-glass::after {background:linear-gradient(#fff,#c4c4c4 9%,#979797 32%,#686868 73%,#fff)}

/* Paint the rim on the card itself so scrolling cannot move or thicken it. */
:is(#appScreen,.fd-app-screen).fd-v2-minimal .main-content.fd-page-glass {border:0.1875rem solid transparent;background:linear-gradient(150deg,#dddddd,#eaeaea 50%,#d9d9d9) padding-box,linear-gradient(#fff,#c4c4c4 9%,#979797 32%,#686868 73%,#fff) border-box !important;background-attachment:scroll;overscroll-behavior:none}
:is(#appScreen,.fd-app-screen).fd-v2-minimal .fd-page-glass::after {content:none}

/* Theme contract for every new page element: inherit these semantic colors. */
.fd-app-screen {--fd-page-bg:#eeedea;--fd-surface:#eeeeee80;--fd-surface-raised:#ffffff70;--fd-text:#26282d;--fd-text-muted:#62646b;--fd-border:#ffffff60;--fd-accent:#0069e2;color:var(--fd-text);color-scheme:light}
.fd-app-screen.fd-app-dark {--fd-page-bg:#181818;--fd-surface:#ffffff0a;--fd-surface-raised:#ffffff12;--fd-text:#fafafa;--fd-text-muted:#b4b4b8;--fd-border:#ffffff26;color-scheme:dark}
:is(#appScreen,.fd-app-screen).fd-v2-minimal.fd-app-dark {background:radial-gradient(ellipse at 90% 5%,#2b2b2c,transparent 55%),var(--fd-page-bg)}
:is(#appScreen,.fd-app-screen).fd-app-dark .main-content.fd-page-glass {background:linear-gradient(150deg,#2a2a2c,#242426 50%,#1e1e20) padding-box,linear-gradient(#ffffff50,#ffffff18 32%,#ffffff0a 73%,#ffffff38) border-box !important;box-shadow:inset 0 1px 1.5px #ffffff07,inset 0 -1px 1.5px #00000012,0.25rem 3.75rem 1.87938rem #0003;backdrop-filter:blur(1.125rem) saturate(0) brightness(.85)}
.fd-app-dark .fd-bouncy-profile {color:#26282d !important;text-shadow:0 1px 1px #ffffff45 !important}
.fd-app-theme-surface {position:fixed;inset:0;z-index:20000;pointer-events:none}

/* Dark theme retains the former light-theme topbar and silver glass logout. */
.fd-app-dark .fd-bouncy-bar {background:#000 !important;border-color:#000 !important;box-shadow:0 0.375rem 1.375rem #000000b8}
.fd-app-dark :is(#fdBouncyNav,.fd-bouncy-nav) .fd-bouncy-item {color:#fff}
.fd-app-dark :is(#fdBouncyNav,.fd-bouncy-nav) .fd-bouncy-item:is(.is-dock-hovered,[aria-current="page"]) {color:#fff}

/* Selection keeps the fused glass treatment while the blue ribbon stretches. */
:is(#fdBouncyNav,.fd-bouncy-nav) .fd-bouncy-item[aria-current="page"]::before {border-radius:48% 43% 55% 42% / 44% 54% 42% 56%;background:linear-gradient(140deg,#f0f5ffb0,#b6c6df48 45%,#dcecff88);border-color:#dbeaff80;box-shadow:inset 0 1px 0.1875rem #ffffffb0,inset 0 -0.125rem 0.25rem #ffffff35,0 1px 0.5rem #90baff30}

/* The selected glass lights instantly; the independent liquid spring catches up. */
:is(#fdBouncyNav,.fd-bouncy-nav) .fd-bouncy-item[aria-current="page"]::before {background:linear-gradient(140deg,#f0f5ffb0,#b6c6df48 45%,#dcecff88),#0069e2;transition:border-radius .35s}

/* Page-specific blue glass continues behind the original pill. */
:is(#appScreen,.fd-app-screen).fd-v2-minimal .fd-page-glass :is(#fdBouncyNav,.fd-bouncy-nav) {display:flex;align-items:flex-start;justify-content:flex-start;padding-left:1.5rem;padding-right:1.5rem}
:is(#fdBouncyNav,.fd-bouncy-nav) .fd-bouncy-bar {margin:0;z-index:2;flex:none}
.fd-page-subnav {position:relative;z-index:1;display:flex;align-items:center;justify-content:flex-end;min-width:7.5rem;max-width:24.375rem;flex:1;height:3.375rem;box-sizing:border-box;margin-left:-1.75rem;padding:0.375rem 1rem 0.375rem 2.5rem;border:1px solid #ffffff6b;border-left:0;border-radius:0 1.75rem 1.75rem 0;background:linear-gradient(145deg,#75b4ff70,#0069e25c 55%,#54a4ff70);backdrop-filter:blur(1.125rem) saturate(1.2);box-shadow:inset 0 1px 1px #ffffff80,inset 0 -1px 1.5px #ffffff3b,0 0.25rem 0.875rem #0069e21c;color:#153a65;overflow:hidden}
.fd-page-subnav::before {content:'';position:absolute;inset:0;pointer-events:none;background:linear-gradient(115deg,transparent 20%,#ffffff30 46%,transparent 68%);opacity:.5}
.fd-page-subnav-options {display:flex;align-items:center;gap:0.25rem;position:relative}
:is(#fdBouncyNav,.fd-bouncy-nav) .fd-page-subnav button {padding:0.5625rem 0.625rem;border-radius:62.4375rem;font-size:0.75rem;white-space:nowrap;background:transparent;color:inherit;box-shadow:inset 0 1px 0 #ffffff00;transition:background .2s,box-shadow .2s}
:is(#fdBouncyNav,.fd-bouncy-nav) .fd-page-subnav button:hover {background:#ffffff35;box-shadow:inset 0 1px 0 #ffffff85,0 0.25rem 0.625rem #0069e225}
.fd-app-dark .fd-page-subnav {background:linear-gradient(145deg,#267ad970,#0069e260 55%,#4394ed70);border-color:#8ec5ff50;color:#edf5ff;box-shadow:inset 0 1px 1px #ffffff40,inset 0 -1px 1px #4d9efb40,0 0.25rem 0.875rem #0003}
@media(max-width:1050px){:is(#appScreen,.fd-app-screen).fd-v2-minimal .fd-page-glass :is(#fdBouncyNav,.fd-bouncy-nav){flex-wrap:wrap;gap:0.5rem}.fd-page-subnav {margin-left:0;max-width:none;min-width:100%;border-left:1px solid #ffffff6b;border-radius:1.75rem;padding-left:1rem;justify-content:center}}
@media(max-width:600px){:is(#fdBouncyNav,.fd-bouncy-nav) .fd-bouncy-bar {flex:1;min-width:0}}

/* Center the combined navigation and widen its page extension by 25%. */
:is(#appScreen,.fd-app-screen).fd-v2-minimal .fd-page-glass :is(#fdBouncyNav,.fd-bouncy-nav) {justify-content:center}
.fd-page-subnav {flex:0 1 30.46875rem;max-width:30.46875rem}
@media(max-width:1050px){.fd-page-subnav {flex-basis:100%;max-width:none}}

/* Narrow reflective Call rail, based on the reference's material and rim. */
:is(#appScreen,.fd-app-screen).fd-v2-minimal .main-content > .fd-call-workspace:not([hidden]) {display:block !important}
.fd-call-workspace {padding:0.5rem 1.5rem 1.25rem;box-sizing:border-box;flex:1;min-height:0}
.fd-call-workspace[hidden] {display:none !important}
.fd-call-reflective {--reflection-x:50%;--reflection-y:15%;position:relative;isolation:isolate;display:flex;flex-direction:column;align-items:center;gap:0.875rem;box-sizing:border-box;width:5.125rem;height:calc(100dvh - 8.125rem);min-height:14.375rem;padding:1rem 0.75rem;border:1px solid #ffffff99;border-radius:2rem;background:radial-gradient(ellipse at var(--reflection-x) var(--reflection-y),#ffffff85,transparent 60%),#e8e8e8;box-shadow:0 1.875rem 5rem #0000004d,inset 0 0 0 1px #ffffff80,inset 0 1px 0.125rem #ffffffcc;color:var(--fd-text);overflow:hidden}
.fd-call-reflective::before {content:'';position:absolute;inset:0;z-index:-1;pointer-events:none;background:linear-gradient(115deg,transparent 12%,#ffffff42 35%,transparent 55%,#ffffff20 74%,transparent);opacity:.55}
.fd-call-divider {width:100%;height:0.125rem;flex:none;background:linear-gradient(90deg,transparent,#a2a2a270 25%,#85858580 50%,#a2a2a270 75%,transparent) top/100% 1px no-repeat,linear-gradient(90deg,transparent,#ffffff80 25%,#ffffffb3 50%,#ffffff80 75%,transparent) bottom/100% 1px no-repeat}
.fd-call-servers {display:flex;flex-direction:column;gap:0.875rem;align-items:center;flex:1;min-height:0;width:100%;overflow:auto;scrollbar-width:none}
.fd-call-bottom {display:flex;flex-direction:column;align-items:center;gap:0.875rem;width:100%;margin-top:auto;flex:none}
.fd-call-room {appearance:none;position:relative;isolation:isolate;flex:none;width:3.375rem;height:3.375rem;padding:0;display:grid;place-items:center;border:1px solid #ffffffa0;border-radius:1.125rem;background:#ffffff66;color:#0069e2;box-shadow:inset 0 1px 1px #ffffffcc,0 0.1875rem 0.4375rem #00000014;cursor:pointer;overflow:hidden;font:600 1.125rem inherit}
.fd-call-room img {width:100%;height:100%;object-fit:cover;border-radius:inherit;display:block}
.fd-call-mark{flex:none;width:3.625rem;height:3.625rem;display:grid;place-items:center;margin:0;padding:0;border:0;background:none;box-shadow:none;pointer-events:none;user-select:none}
.fd-call-mark img{width:100%;height:100%;object-fit:contain;display:block}
.fd-call-room svg {width:1.5625rem;height:1.5625rem}
.fd-call-add {background:#0069e2;color:#fff}
.fd-call-room::after {content:'';position:absolute;inset:-80%;pointer-events:none;background:linear-gradient(135deg,transparent 30%,#bababa60 43%,#ffffffde 50%,#bababa60 57%,transparent 70%);transform:translateX(-65%);opacity:0}
.fd-call-room:is(:hover,:focus-visible)::after {animation:fd-call-shimmer .8s cubic-bezier(.16,1,.3,1) both}
.fd-call-room[aria-pressed="true"] {outline:0.125rem solid #0069e2;outline-offset:0.125rem}
/* Server selection: Uiverse Juanes200122 "horrible-stingray-49" (MIT), without the center icon.
   The four strokes travel clockwise on the button border. Rest shows the top and bottom.
   Each mouseenter, and each click on the selected server, advances one step and keeps it. */
.fd-call-servers .fd-call-room[aria-pressed="true"]{outline:none}
.fd-call-servers .fd-call-room{transition:transform .16s cubic-bezier(.2,.8,.2,1)!important}
.fd-call-servers .fd-call-room:active{transform:scale(.94)!important}
.fd-call-servers .fd-call-room{overflow:visible}
.fd-call-servers .fd-call-room-face{position:absolute;inset:0;z-index:0;display:grid;place-items:center;border-radius:inherit;overflow:hidden;pointer-events:none}
.fd-call-servers .fd-call-room::after{content:none}
.fd-call-servers .fd-call-room-face::after{content:'';position:absolute;z-index:2;pointer-events:none;width:301%;height:298%;left:-300%;top:-300%;background:linear-gradient(135deg,transparent 0%,#bababa 32.140343468468465%,#fff 50%,#bababa 65.48599380630631%,transparent 100%);opacity:1;transform:none;transition:left .8s cubic-bezier(.16,1,.3,1),top .8s cubic-bezier(.16,1,.3,1)!important}
.fd-call-servers .fd-call-room:is(:hover,:focus-visible) .fd-call-room-face::after{left:100%;top:100%}
.fd-call-servers .fd-call-trace-ring{position:absolute;z-index:3;overflow:visible;pointer-events:none;fill:none;stroke:#0069e2;stroke-width:3;stroke-linecap:round}
.fd-app-dark .fd-call-servers .fd-call-trace-ring{stroke:#8cbcff}
.fd-call-servers .fd-call-trace-ring path{stroke-dasharray:1;stroke-dashoffset:1;transition:stroke-dashoffset .5s ease!important}
.fd-call-servers .fd-call-room[aria-pressed="true"] > .fd-call-trace-ring [data-edge="top"],.fd-call-servers .fd-call-room[aria-pressed="true"] > .fd-call-trace-ring [data-edge="bottom"]{stroke-dashoffset:0}
@keyframes fd-call-shimmer {0%{transform:translateX(-65%);opacity:0}15%{opacity:.8}85%{opacity:.8}100%{transform:translateX(65%);opacity:0}}
.fd-app-dark .fd-call-reflective {background:radial-gradient(ellipse at var(--reflection-x) var(--reflection-y),#ffffff12,transparent 60%),#2c2d30;border-color:#ffffff30;box-shadow:0 1.875rem 5rem #0005,inset 0 0 0 1px #ffffff18,inset 0 1px 0.125rem #ffffff30}
.fd-app-dark .fd-call-divider {background:linear-gradient(90deg,transparent,#ffffff30 50%,transparent) top/100% 1px no-repeat,linear-gradient(90deg,transparent,#0003 50%,transparent) bottom/100% 1px no-repeat}
.fd-app-dark .fd-call-room {background:#ffffff12;border-color:#ffffff30;color:#8cbcff}
.fd-app-dark .fd-call-add {background:#0069e2;color:#fff}

/* Quiet rail shadow and room for the full selected outline inside the scrollport. */
.fd-call-reflective {box-shadow:0 0.3125rem 0.875rem #0000000a,inset 0 0 0 1px #ffffff80,inset 0 1px 0.125rem #ffffffcc}
.fd-app-dark .fd-call-reflective {box-shadow:0 0.3125rem 0.875rem #00000014,inset 0 0 0 1px #ffffff18,inset 0 1px 0.125rem #ffffff30}
.fd-call-servers {box-sizing:border-box;width:calc(100% + 0.5rem);padding:0.25rem;margin:-0.25rem 0}
/* Reference shimmer: 300% diagonal silver-white sheet travelling on both axes. */
.fd-call-room::after {inset:auto;width:301%;height:298%;left:-300%;top:-300%;background:linear-gradient(135deg,transparent 0%,#bababa 32.140343468468465%,#fff 50%,#bababa 65.48599380630631%,transparent 100%);opacity:1;transform:none;transition:left .8s cubic-bezier(.16,1,.3,1),top .8s cubic-bezier(.16,1,.3,1);z-index:2}
.fd-call-room:is(:hover,:focus-visible)::after {animation:none;left:100%;top:100%;transform:none;opacity:1}

/* Call panels share height and balanced outer insets, with quiet shadows. */
:is(#appScreen,.fd-app-screen).fd-v2-minimal .main-content > .fd-call-workspace:not([hidden]) {display:flex !important;align-items:stretch;gap:1.25rem}
.fd-call-main-card {flex:1;min-width:0;height:calc(100dvh - 8.125rem);min-height:14.375rem;box-sizing:border-box;--fd-general-card-radius:3.125rem;border-radius:var(--fd-general-card-radius);background:#e0e0e0;box-shadow:0 0.3125rem 0.875rem #0000000a}
.fd-app-dark .fd-call-main-card {background:#2c2d30;box-shadow:0 0.3125rem 0.875rem #00000014}
.fd-call-reflective {flex:none;background:#e8e8e8;box-shadow:0 0.3125rem 0.875rem #0000000a;border-color:#ffffff55}
.fd-call-reflective::before {content:none}
.fd-app-dark .fd-call-reflective {background:#2c2d30;box-shadow:0 0.3125rem 0.875rem #00000014}

/* Uniform parent rim: all four sides share the bright upper-edge material. */
:is(#appScreen,.fd-app-screen).fd-v2-minimal .main-content.fd-page-glass {background:linear-gradient(150deg,#dddddd,#eaeaea 50%,#d9d9d9) padding-box,linear-gradient(#fff,#fff) border-box !important}
:is(#appScreen,.fd-app-screen).fd-app-dark .main-content.fd-page-glass {background:linear-gradient(150deg,#2a2a2c,#242426 50%,#1e1e20) padding-box,linear-gradient(#ffffff50,#ffffff50) border-box !important}

/* Subtle definition for the main Call panel. */
.fd-call-main-card {border:1px solid #ffffffa6;box-shadow:inset 0 1px 1px #ffffff80,inset 0 -1px 1px #00000008,0 0.3125rem 0.875rem #0000000a}
.fd-app-dark .fd-call-main-card {border-color:#ffffff30;box-shadow:inset 0 1px 1px #ffffff18,inset 0 -1px 1px #00000020,0 0.3125rem 0.875rem #00000014}

.fd-call-main-card {display:flex;overflow:hidden;padding:1.375rem}
.fd-call-room-panel {width:18.25rem;max-width:100%;overflow:auto;scrollbar-width:none;color:var(--fd-text)}
.fd-call-room-head {padding:0.5rem 0.75rem 1.25rem;border-bottom:1px solid var(--fd-border);margin-bottom:0.875rem}
.fd-call-room-head h2 {margin:0;font-size:1.125rem;font-weight:600;letter-spacing:-.03em}
.fd-call-live-count {font-size:0.75rem;margin:0.375rem 0 0;color:#008e9a}
.fd-call-category {margin-bottom:1.25rem}
.fd-call-glass {font:inherit;border:0;border-radius:62.4375rem;background:transparent;color:var(--fd-text);box-shadow:inset 0 1px 0 #ffffff00,0 0.5rem 1.25rem -0.375rem #94a0b500,-0.25rem -0.25rem 0.75rem #ffffff00;transition:background-color 300ms ease,box-shadow 300ms ease,color 300ms ease;box-sizing:border-box}
button.fd-call-glass {cursor:pointer}
button.fd-call-glass:is(:hover,:focus-visible),.fd-call-channel[aria-current] {background:#ffffff66;box-shadow:inset 0 1px 0 #ffffffd9,0 0.5rem 1.25rem -0.375rem #94a0b573,-0.25rem -0.25rem 0.75rem #ffffff80}
.fd-call-category-toggle {width:100%;padding:0.75rem;text-align:left;font-size:0.6875rem;letter-spacing:.08em;text-transform:uppercase;color:var(--fd-text-muted)}
.fd-call-category-rooms[hidden] {display:none}
.fd-call-channel {width:100%;display:flex;align-items:center;gap:0.75rem;text-align:left;padding:0.75rem;margin:0.1875rem 0;font-size:0.8125rem;font-weight:500;letter-spacing:.14px}
.fd-call-channel-icon {width:1.125rem;font-size:1.3125rem;color:var(--fd-text-muted)}
.fd-call-channel.is-live {color:#008e9a}
.fd-call-channel:disabled {opacity:.45;cursor:default}
.fd-call-member {display:flex;align-items:center;gap:0.5rem;margin:0.3125rem 0.5rem 0.5rem 1.5rem;padding:0.4375rem 0.625rem;font-size:0.75rem;background:#ffffff35}
.fd-call-member img,.fd-call-member-avatar {width:1.75rem;height:1.75rem;border-radius:50%;object-fit:cover;display:grid;place-items:center;background:var(--fd-surface-raised)}
.fd-call-voice-avatar{position:relative;display:inline-flex;align-items:center;justify-content:center;flex:none;width:1.75rem;height:1.75rem;border-radius:50%;transform-origin:center}
.fd-call-voice-avatar>img,.fd-call-voice-avatar>.fd-call-member-avatar{position:relative;z-index:1}
.fd-call-voice-orb{position:absolute;z-index:2;inset:-0.625rem;width:3rem;height:3rem;pointer-events:none;transform-origin:center}
.fd-call-voice-avatar [hidden]{display:none!important}
.fd-call-member-name{min-width:0;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}
.fd-call-member>.fd-call-member-name{flex:1}
.fd-call-member-status{display:flex;align-items:center;gap:1px;flex:none;margin-right:-0.25rem}
.fd-call-member-status[hidden]{display:none}
.fd-call-member-flag{appearance:none;display:grid;place-items:center;width:1.375rem;height:1.5rem;padding:0;border:1px solid transparent;border-radius:0.5625rem;background:transparent;color:var(--fd-text-muted)}
.fd-call-member-flag svg{width:0.9375rem;height:0.9375rem;pointer-events:none}
.fd-call-member-flag:is(.is-muted,.is-mutedForMe,.is-deafened){color:#e0242c}
button.fd-call-member-flag{cursor:pointer;transition:background .2s,color .2s,box-shadow .2s,border-color .2s}
button.fd-call-member-flag:is(:hover,:focus-visible){outline:none;background:#ffffff55;border-color:#ffffff80;color:#0078ff;box-shadow:inset 0 1px 1px #ffffff99,0 0.125rem 0.375rem #0000000a}
.fd-call-member-leave{appearance:none;display:grid;place-items:center;width:1.5rem;height:1.5rem;margin-left:0.1875rem;padding:0;border:0;border-radius:50%;background:transparent;cursor:pointer;transition:transform .2s,filter .2s,box-shadow .2s}
.fd-call-member-leave img{width:1.375rem;height:1.375rem;border-radius:50%;pointer-events:none}
.fd-call-member-leave:is(:hover,:focus-visible){outline:none;transform:scale(1.08);filter:brightness(1.08);box-shadow:0 0.1875rem 0.625rem #e0242c55}
.fd-call-member-leave:active{transform:scale(.96)}
.fd-call-member-leave:disabled{opacity:.5;cursor:default;transform:none}
.fd-app-dark .fd-call-member-flag:is(.is-muted,.is-mutedForMe,.is-deafened){color:#ff2d2d}
.fd-app-dark button.fd-call-member-flag:is(:hover,:focus-visible){background:#ffffff14;border-color:#ffffff30;color:#78b9ff;box-shadow:inset 0 1px 1px #ffffff25}
.fd-call-room-status {padding:0.75rem;font-size:0.8125rem;color:var(--fd-text-muted)}
.fd-app-dark button.fd-call-glass:is(:hover,:focus-visible),.fd-app-dark .fd-call-channel[aria-current] {background:#ffffff26;box-shadow:inset 0 1px 0 #ffffff73,0 0.5rem 1.25rem -0.375rem #00000073,-0.25rem -0.25rem 0.75rem #ffffff14}
.fd-app-dark .fd-call-member {background:#ffffff0c}
.fd-app-dark .fd-call-live-count,.fd-app-dark .fd-call-channel.is-live {color:#77d6e0}

.fd-call-room-panel {font-family:Inter,-apple-system,BlinkMacSystemFont,"Segoe UI",sans-serif}
.fd-call-channel-icon svg {width:1.125rem;height:1.125rem;display:block}

/* Equal room-menu hit areas, using the voice row's 42px height. */
.fd-call-room-panel button.fd-call-glass {height:2.625rem;min-height:2.625rem;display:flex;align-items:center;box-sizing:border-box}
.fd-call-channel-icon {line-height:1.125rem;font-size:1.125rem}
/* The parent card shares the main Call card's quiet one-pixel rim. */
:is(#appScreen,.fd-app-screen).fd-v2-minimal .main-content.fd-page-glass {border:1px solid #ffffffa6;background:linear-gradient(150deg,#dddddd,#eaeaea 50%,#d9d9d9) !important;box-shadow:inset 0 1px 1px #ffffff80,inset 0 -1px 1px #00000008,0 0.3125rem 0.875rem #0000000a}
:is(#appScreen,.fd-app-screen).fd-app-dark .main-content.fd-page-glass {border-color:#ffffff30;background:linear-gradient(150deg,#2a2a2c,#242426 50%,#1e1e20) !important;box-shadow:inset 0 1px 1px #ffffff18,inset 0 -1px 1px #00000020,0 0.3125rem 0.875rem #00000014}
.fd-call-main-card{position:relative;gap:1.125rem}.fd-call-room-panel{flex-shrink:0}
.fd-call-participants{position:relative;flex-shrink:0;width:15.625rem;max-width:30%;height:100%;margin-left:auto;overflow:hidden;touch-action:none;cursor:grab;user-select:none}.fd-call-participants.is-grabbing{cursor:grabbing}
.fd-participant-glass{position:absolute;inset:0;width:100%;height:100%;pointer-events:none;filter:drop-shadow(0 0 0.125rem #ffffff26)}.fd-participant-track{position:absolute;inset:0;transform-style:preserve-3d;perspective:40.625rem}
.fd-participant-card{position:absolute;left:50%;top:50%;width:60%;aspect-ratio:19/12;height:auto;padding:0;border:0;border-radius:0.25rem;overflow:hidden;background:linear-gradient(135deg,#ffffff80,#ffffff40);box-shadow:inset 0 0 0 .5px #ffffff40,0 1px 0.5rem #ffffff14;color:#303238;font:0.75rem Inter,sans-serif;cursor:inherit;will-change:transform,opacity}.fd-participant-card img,.fd-participant-card video{width:100%;height:100%;object-fit:cover}.fd-participant-card video{object-fit:contain;background:#161719}.fd-participant-card [hidden]{display:none}.fd-participant-initial{position:absolute;inset:0;display:grid;place-items:center;font-size:2.375rem}.fd-participant-name{position:absolute;bottom:0;left:0;right:0;padding:0.4375rem;background:#ffffffbf;backdrop-filter:blur(0.5rem)}.fd-participant-card.is-empty{background:linear-gradient(145deg,#ffffff95,#ffffff40);color:#777;cursor:default}.fd-participant-card:focus-visible{outline:0.125rem solid #0069e2;outline-offset:-0.1875rem}
.fd-call-viewer{position:absolute;left:21rem;right:18.125rem;top:1.375rem;bottom:1.375rem;border-radius:1.375rem;background:#17181a;z-index:120;overflow:hidden;color:white}.fd-call-viewer[hidden]{display:none}.fd-call-viewer video{width:100%;height:calc(100% - 2.25rem);object-fit:contain}.fd-call-viewer-status{margin:0.5rem 0.875rem;font-size:0.75rem}.fd-call-viewer-close{position:absolute;right:0.75rem;top:0.75rem;width:2rem;height:2rem;border:0;border-radius:50%;background:#ffffff50;color:white;font-size:1.375rem;z-index:1;cursor:pointer}
.fd-app-dark .fd-participant-card{background:linear-gradient(135deg,#ffffff20,#ffffff0a);color:#eee}.fd-app-dark .fd-participant-name{background:#34363bc0}.fd-app-dark .fd-participant-card.is-empty{color:#ddd;background:linear-gradient(145deg,#ffffff26,#ffffff0a)}
@media(max-width:800px){.fd-call-room-panel{width:12.5rem}.fd-call-participants{width:10rem;max-width:40%}.fd-participant-card{width:60%;height:auto;font-size:0.6875rem}.fd-call-viewer{inset:0.75rem}}
.fd-call-controls-wrap{position:absolute;top:1.125rem;left:0;right:0;display:flex;justify-content:center;pointer-events:none;z-index:125}.fd-call-controls{position:relative;display:flex;gap:0.4375rem;width:max-content;height:2.97562rem;padding:0.24797rem;box-sizing:border-box;background:#e0e0e0;border-radius:0.58478rem;corner-shape:superellipse(2);box-shadow:0.24797rem 0.24797rem 0.49594rem #bfbfbf,-0.24797rem -0.24797rem 0.49594rem #fff;pointer-events:auto}.fd-social-button{position:relative;flex:none;width:2.47969rem;height:2.47969rem;border:0;padding:0;border-radius:0.58478rem;corner-shape:superellipse(2);background:#e0e0e0;color:#292929;box-shadow:0.24797rem 0.24797rem 0.49594rem #bfbfbf,-0.24797rem -0.24797rem 0.49594rem #fff;display:grid;place-items:center;transition:box-shadow .4s;cursor:pointer}.fd-social-button:is(:hover,:focus-visible){box-shadow:inset 0.24797rem 0.24797rem 0.49594rem #bfbfbf,inset -0.24797rem -0.24797rem 0.49594rem #fff}.fd-social-button svg{width:0.99187rem;height:0.99187rem;fill:currentColor}.fd-social-button[aria-disabled=true]{cursor:default}.fd-social-button[aria-pressed=true]{color:#0069e2}.fd-control-slash{display:none;position:absolute;width:1.07453rem;height:1.3225px;background:currentColor;transform:rotate(-45deg);box-shadow:0 0 0 1.3225px #e0e0e0}.fd-social-button.is-muted .fd-control-slash{display:block}.fd-control-feedback{position:absolute;top:4rem;left:34%;right:26%;margin:0;text-align:center;font-size:0.75rem;color:var(--fd-text)}.fd-control-feedback:empty{display:none}
.fd-app-dark .fd-call-controls,.fd-app-dark .fd-social-button{background:#242424;color:#eee;box-shadow:0.24797rem 0.24797rem 0.49594rem #1f1f1f,-0.24797rem -0.24797rem 0.49594rem #292929}.fd-app-dark .fd-social-button:is(:hover,:focus-visible){box-shadow:inset 0.24797rem 0.24797rem 0.49594rem #1f1f1f,inset -0.24797rem -0.24797rem 0.49594rem #292929}.fd-app-dark .fd-social-button[aria-pressed=true]{color:#429cff}.fd-app-dark .fd-control-slash{box-shadow:0 0 0 1.3225px #242424}
#page-call.fd-v2-settings-host,#page-call.page.active.fd-v2-settings-host{display:contents!important}#page-call.fd-v2-settings-host>:not(#callSettingsModal,.fd-config-list){display:none!important}#page-call.fd-v2-settings-host #callSettingsModal:not(.hidden){display:flex!important;z-index:200}
.fd-call-workspace>#page-call:not(.fd-v2-settings-host):not(.fd-v2-fx-host){display:none!important}
#page-call.fd-v2-fx-host{display:contents!important}
#page-call.fd-v2-fx-host>:not(#callFxPopover):not(#callFxMenu){display:none!important}
#page-call.fd-v2-fx-host>:is(#callFxPopover,#callFxMenu):not(.hidden){display:flex!important;position:fixed!important;z-index:2200}
#page-call.fd-v2-fx-host>#callFxPopover.call-fx-popover{flex-direction:column;width:19.5rem;max-width:calc(100vw - 1.25rem);height:auto;max-height:min(30rem,calc(100vh - 1.25rem));padding:0.5rem;gap:0.375rem;overflow:hidden;border:1px solid #ffffffa6;border-radius:1.375rem;background:linear-gradient(135deg,#ffffffe6,#eeeeeedd 58%,#ffffffe0);backdrop-filter:blur(1.125rem) saturate(1.1);-webkit-backdrop-filter:blur(1.125rem) saturate(1.1);box-shadow:inset 0 1px 1px #ffffffc0,inset 0 -1px 1px #ffffff45,0 0.625rem 1.75rem #00000014;color:var(--fd-text,#303238)}
#page-call.fd-v2-fx-host .call-fx-rail{order:0;width:auto;flex:none;flex-direction:row;align-items:center;gap:0.25rem;padding:0.125rem;overflow-x:auto;background:transparent;border:0;color:inherit;scrollbar-width:none}
#page-call.fd-v2-fx-host>#callFxPopover .call-fx-rail-btn,#page-call.fd-v2-fx-host>#callFxPopover .call-fx-rail-btn.is-on,#page-call.fd-v2-fx-host>#callFxPopover .call-fx-rail-btn.is-on:hover,#page-call.fd-v2-fx-host>#callFxPopover .call-fx-rail-add,#page-call.fd-v2-fx-host>#callFxPopover .call-fx-rail-btn.call-fx-rail-add.is-on{width:2rem;height:2rem;min-width:2rem;margin:0;border:1px solid transparent;border-radius:50%;background:transparent;color:var(--fd-text-muted,#6b7280);box-shadow:none}
#page-call.fd-v2-fx-host>#callFxPopover .call-fx-rail-add{margin-left:auto}
#page-call.fd-v2-fx-host .call-fx-rail-btn.is-on::before{display:none}
#page-call.fd-v2-fx-host>#callFxPopover .call-fx-rail-btn:hover,#page-call.fd-v2-fx-host>#callFxPopover .call-fx-rail-btn.is-on{background:#ffffff70;border-color:#ffffff80;color:#0078ff}
#page-call.fd-v2-fx-host .call-fx-lock{width:0.75rem;height:0.75rem;right:-0.125rem;bottom:-0.125rem;background:#fff;color:#6b7280}
#page-call.fd-v2-fx-host .call-fx-main{min-width:0;min-height:0;flex:1;background:transparent;overflow:hidden}
#page-call.fd-v2-fx-host .call-fx-toolbar{flex-direction:column;align-items:stretch;gap:0.375rem;padding:0;border:0}
#page-call.fd-v2-fx-host .call-fx-search{height:2.25rem;padding:0 0.625rem;border:1px solid #ffffff80;border-radius:0.75rem;background:linear-gradient(145deg,#ffffff55,#ffffff24);box-shadow:inset 0 1px 1px #ffffff80;color:var(--fd-text-muted,#6b7280)}
#page-call.fd-v2-fx-host .call-fx-search input{font-size:0.75rem;color:var(--fd-text,#303238)}
#page-call.fd-v2-fx-host .call-fx-vol{width:100%;color:var(--fd-text-muted,#6b7280)}
#page-call.fd-v2-fx-host .call-fx-vol input[type=range]{flex:1;width:auto;accent-color:#0078ff}
#page-call.fd-v2-fx-host .call-fx-body{padding:0;scrollbar-width:thin;scrollbar-color:#8993a833 transparent}
#page-call.fd-v2-fx-host>#callFxPopover button.call-fx-section{min-height:1.75rem;padding:0.375rem 0.5rem;border:0;border-radius:0.5625rem;background:transparent;color:var(--fd-text-muted,#6b7280);font-size:0.6875rem;font-weight:650;letter-spacing:.04em}
#page-call.fd-v2-fx-host .call-fx-grid{display:flex;flex-direction:column;gap:0.125rem}
#page-call.fd-v2-fx-host .call-fx-tile{min-height:0}
#page-call.fd-v2-fx-host>#callFxPopover button.call-fx-play{width:100%;height:auto;min-height:2.25rem;padding:0.5rem 1.375rem 0.5rem 0.625rem;border:0;border-radius:0.75rem;background:transparent;box-shadow:none;color:var(--fd-text,#303238);font-size:0.75rem;font-weight:500;align-items:flex-start;justify-content:center;text-align:left;transform:none}
#page-call.fd-v2-fx-host>#callFxPopover button.call-fx-play:hover{background:#ffffff70;border-color:transparent;box-shadow:none;color:#0078ff;transform:none}
#page-call.fd-v2-fx-host .call-fx-name{font-size:0.75rem;font-weight:500;letter-spacing:0;color:inherit;text-align:left}
#page-call.fd-v2-fx-host .call-fx-tile.is-fav::after{top:50%;right:0.625rem;transform:translateY(-50%);background:#0078ff;box-shadow:none}
#page-call.fd-v2-fx-host .call-fx-empty,#page-call.fd-v2-fx-host .call-fx-soon{color:var(--fd-text-muted,#6b7280)}
#page-call.fd-v2-fx-host .call-fx-import{margin:0.25rem 0 0.5rem;border-radius:0.75rem;border:1px dashed #ffffffa6;background:#ffffff40}
#page-call.fd-v2-fx-host .call-fx-import-btn{min-height:2.25rem;border:0;border-radius:0.75rem;background:#ffffff70;color:#0078ff;font-size:0.75rem;font-weight:600}
#page-call.fd-v2-fx-host>#callFxMenu:not(.hidden){flex-direction:column;width:max-content;min-width:13.125rem;max-height:none;padding:0.4375rem;gap:0.125rem;overflow:hidden;border:1px solid #ffffffa6;border-radius:1.375rem;background:linear-gradient(135deg,#ffffffe6,#eeeeeedd 58%,#ffffffe0);backdrop-filter:blur(1.125rem) saturate(1.1);box-shadow:inset 0 1px 1px #ffffffc0,0 0.625rem 1.75rem #00000014}
#page-call.fd-v2-fx-host #callFxMenu button{display:flex;align-items:center;gap:0.5rem;width:100%;min-height:2.25rem;padding:0.5rem 0.75rem;border:0;border-radius:0.75rem;background:transparent;color:var(--fd-text,#303238);font-size:0.75rem;font-weight:500;text-align:left}
#page-call.fd-v2-fx-host #callFxMenu button:hover{background:#ffffff70;color:#0078ff}
.fd-app-dark #page-call.fd-v2-fx-host>#callFxPopover.call-fx-popover,.fd-app-dark #page-call.fd-v2-fx-host>#callFxMenu:not(.hidden){background:linear-gradient(135deg,#45474cf0,#303237eb 58%,#383b41eb);border-color:#ffffff30;box-shadow:inset 0 1px 1px #ffffff30,0 0.625rem 1.75rem #00000026}
.fd-app-dark #page-call.fd-v2-fx-host .call-fx-search{background:linear-gradient(145deg,#ffffff14,#ffffff08);border-color:#ffffff30;box-shadow:inset 0 1px 1px #ffffff20}
.fd-app-dark #page-call.fd-v2-fx-host>#callFxPopover .call-fx-rail-btn:hover,.fd-app-dark #page-call.fd-v2-fx-host>#callFxPopover .call-fx-rail-btn.is-on,.fd-app-dark #page-call.fd-v2-fx-host>#callFxPopover button.call-fx-play:hover,.fd-app-dark #page-call.fd-v2-fx-host #callFxMenu button:hover{background:#ffffff12;border-color:#ffffff24;color:#78b9ff}
@supports(corner-shape:superellipse(2)){.fd-call-controls,.fd-social-button,.fd-social-hub{border-radius:1.0332rem}}
#page-call.fd-v2-settings-host #callSettingsModal:not(.hidden){display:grid!important;z-index:2100}

/* Horizontal participant ribbon: the room menu defines its left boundary. */
.fd-call-main-card{--fd-room-width:18.25rem;--fd-carousel-height:clamp(10.625rem,32dvh,18.75rem)}
.fd-call-room-panel{width:var(--fd-room-width)}
.fd-call-participants{position:absolute;left:calc(1.375rem + var(--fd-room-width) + 1.125rem);right:1.375rem;bottom:1.375rem;width:auto;max-width:none;height:var(--fd-carousel-height);margin:0;cursor:default}
.fd-call-participants.is-grabbing,.fd-call-participants *{cursor:default}
.fd-participant-card{aspect-ratio:12/7.3;border-radius:0.75rem;cursor:default}
.fd-participant-card::after{content:"";position:absolute;inset:0;background:#fff;opacity:var(--fd-card-haze,0);pointer-events:none}
.fd-app-dark .fd-participant-card::after{background:#27292c}
.fd-participant-card video{background:transparent}
.fd-call-viewer{left:calc(1.375rem + var(--fd-room-width) + 1.125rem);right:1.375rem;top:5.5rem;bottom:calc(var(--fd-carousel-height) + 2.5rem)}
.fd-app-dark .fd-participant-glass{opacity:.45}
@media(max-width:800px){.fd-call-main-card{--fd-room-width:12.5rem}.fd-call-participants{width:auto;max-width:none}.fd-call-viewer{left:calc(1.375rem + var(--fd-room-width) + 1.125rem);right:1.375rem;top:5.5rem;bottom:calc(var(--fd-carousel-height) + 2.5rem)}}

.fd-call-participants[hidden]{display:none!important}

/* Pointer gestures belong to the ribbon, never to its photo/video children. */
.fd-call-participants,.fd-call-participants *{-webkit-user-drag:none;user-select:none;-webkit-user-select:none}
.fd-participant-card{backface-visibility:hidden;box-shadow:none;border-radius:0.3125rem}
.fd-participant-card img,.fd-participant-card video,.fd-participant-name,.fd-participant-initial{pointer-events:none}
.fd-participant-card::after{display:none}
.fd-participant-card.is-invite{display:flex;flex-direction:column;align-items:center;justify-content:center;gap:0.375rem;background:linear-gradient(145deg,#ffffff52,#ffffff1f 55%,#ffffff3d);box-shadow:inset 0 0 0 1px #ffffff70,inset 0 1px 1px #ffffffb0;color:#4a4d55;font-size:0.8125rem;font-weight:500;letter-spacing:-.01em}
.fd-invite-plus{width:1.375rem;height:1.375rem;fill:none;stroke:currentColor;stroke-width:1.8;stroke-linecap:round;pointer-events:none}
.fd-participant-card.is-invite span{pointer-events:none}
.fd-app-dark .fd-participant-card.is-invite{background:linear-gradient(145deg,#ffffff1f,#ffffff08 55%,#ffffff14);box-shadow:inset 0 0 0 1px #ffffff2b,inset 0 1px 1px #ffffff38;color:#d8dade}
/* Carousel photo: a circle centred above the name; the orb keeps the room panel's photo-to-ring ratio (28/48). */
.fd-participant-avatar{position:absolute;left:50%;top:calc((100% - 1.8125rem)/2);height:calc((100% - 1.8125rem)*.54);aspect-ratio:1;transform:translate(-50%,-50%);border-radius:50%;container-type:size}
.fd-participant-card .fd-participant-avatar>img{position:relative;z-index:1;vertical-align:top;width:100%;height:100%;border-radius:50%;object-fit:cover}
.fd-participant-avatar>.fd-participant-initial{z-index:1;border-radius:50%;background:#ffffff70;font-size:48cqh}
.fd-app-dark .fd-participant-avatar>.fd-participant-initial{background:#ffffff1c}
.fd-participant-avatar>.fd-call-voice-orb{inset:auto;left:-35.7%;top:-35.7%;width:171.4%;height:171.4%}
.fd-call-participants{mask-image:linear-gradient(to right,transparent,#000 12%,#000 88%,transparent)}

/* Horizontal voice ribbon along the lower content edge. */
.fd-call-participants{top:auto;left:calc(1.375rem + var(--fd-room-width) + 1.125rem);right:1.375rem;bottom:0.625rem;width:auto;height:var(--fd-carousel-height);max-width:none;mask-image:linear-gradient(to right,transparent,#000 12%,#000 88%,transparent)}
.fd-call-viewer{left:calc(1.375rem + var(--fd-room-width) + 1.125rem);right:1.375rem;top:0.625rem;bottom:calc(var(--fd-carousel-height) + 1.25rem);display:flex;flex-direction:column;align-items:center;justify-content:center}
.fd-call-viewer video{display:block;width:100%;height:auto;min-height:0;flex:1;object-fit:contain}
.fd-call-viewer-status{align-self:stretch;flex-shrink:0;margin:0.625rem 0.875rem}

/* Glass menu adapted from Uiverse.io by mymiamo, supplied by the user. */
/* One centred assembly: primary dark pill, grey glass page menu, session pill. */
:is(#appScreen,.fd-app-screen).fd-v2-minimal .fd-page-glass :is(#fdBouncyNav,.fd-bouncy-nav){flex-wrap:nowrap;justify-content:center}
.fd-topbar-group{position:relative;display:flex;align-items:center;justify-content:center;width:fit-content;max-width:100%;isolation:isolate}
:is(#fdBouncyNav,.fd-bouncy-nav) .fd-bouncy-primary{height:3.375rem;padding-right:0.75rem;border-radius:62.4375rem;flex:none;z-index:3}
:is(#fdBouncyNav,.fd-bouncy-nav) .fd-bouncy-actions{height:3.375rem;flex:none;padding:0.375rem 0.4375rem 0.375rem 2.125rem;gap:0.5rem;border-radius:0 1.875rem 1.875rem 0;z-index:1}
:is(#fdBouncyNav,.fd-bouncy-nav) .fd-page-subnav{position:relative;display:flex;flex:0 1 50rem;width:50rem;min-width:0;max-width:50rem;height:3.375rem;margin:0 -1.6875rem;padding:0.25rem 1.75rem;border:1px solid #b3b6bc;border-radius:0 1.875rem 1.875rem 0;justify-content:center;background:linear-gradient(180deg,#b7bac0,#adb0b6);color:#272b31;backdrop-filter:blur(0.875rem);box-shadow:0 0.25rem 1rem #00000024;overflow:hidden;z-index:2}
.fd-page-subnav::before{display:none}
.fd-page-subnav::after{display:none}
.fd-page-subnav-options{width:100%;justify-content:center;gap:0.5rem;overflow-x:auto;scrollbar-width:none;padding:0 0.125rem;box-sizing:border-box}
.fd-page-subnav-options::-webkit-scrollbar{display:none}
:is(#fdBouncyNav,.fd-bouncy-nav) .fd-page-subnav .fd-subnav-item{display:flex;flex-direction:column;align-items:center;justify-content:center;flex:1 0 4.625rem;min-width:4.625rem;height:2.75rem;padding:0.1875rem 0.25rem;border-radius:62.4375rem;color:inherit;background:transparent;box-shadow:none;transition:background .18s cubic-bezier(.2,.8,.2,1),color .18s,transform .18s,box-shadow .3s}
.fd-subnav-item svg{width:1.375rem;height:1.375rem;flex:none;pointer-events:none}
.fd-subnav-item span{font-size:0.75rem;font-weight:600;line-height:0.75rem;margin-top:0.1875rem;white-space:nowrap}
:is(#fdBouncyNav,.fd-bouncy-nav) .fd-page-subnav .fd-subnav-item:hover{background:#ffffff4d;color:#0069e2;box-shadow:inset 0.125rem 0.125rem 0.3125rem -0.125rem #ffffff66,inset -0.125rem -1px 0.3125rem #ffffff66,inset 0 -0.125rem 0 #ffffff33;transform:rotate(2.2deg)}
:is(#fdBouncyNav,.fd-bouncy-nav) .fd-page-subnav .fd-subnav-item[aria-pressed="true"]{background:#ededed99;color:#0069e2;box-shadow:inset 0 1px 0.125rem #ffffff70}
:is(#fdBouncyNav,.fd-bouncy-nav) .fd-page-subnav .fd-subnav-item:active{transform:scale(.98)}
.fd-app-dark :is(#fdBouncyNav,.fd-bouncy-nav) .fd-page-subnav{background:var(--fd-topbar-fill);background-origin:border-box;border-color:var(--fd-topbar-border);color:#fff;box-shadow:0 0.375rem 1.375rem #000000b8}
.fd-app-dark :is(#fdBouncyNav,.fd-bouncy-nav) .fd-page-subnav .fd-subnav-item:hover{color:#78b9ff;background:#ffffff26}
.fd-app-dark :is(#fdBouncyNav,.fd-bouncy-nav) .fd-page-subnav .fd-subnav-item[aria-pressed="true"]{background:#dae4f04d;color:#9acbff}
@media(max-width:600px){.fd-topbar-group{flex-wrap:wrap;width:100%;gap:0.5rem}.fd-bouncy-primary{order:0;min-width:0!important;flex:1!important}.fd-bouncy-actions{order:1;flex:none!important;width:auto!important}.fd-page-subnav{order:2;flex-basis:100%!important;width:100%!important;margin:0!important;max-width:none!important}.fd-bouncy-nav.is-open .fd-bouncy-primary{height:auto!important}}

.fd-report-options{justify-content:flex-start}

@media(max-width:600px){:is(#fdBouncyNav,.fd-bouncy-nav) .fd-bouncy-actions{border-radius:62.4375rem;padding-left:0.4375rem}:is(#fdBouncyNav,.fd-bouncy-nav) .fd-page-subnav{border-radius:62.4375rem}}

/* Quiet glass highlights on the text-only page menu. */
:is(#fdBouncyNav,.fd-bouncy-nav) .fd-page-subnav{box-shadow:0 0.25rem 1rem #00000024,inset 0 1px 0 #ffffff45,inset 0 -1px 0 #ffffff18}
.fd-page-subnav::after{display:block;content:"";position:absolute;inset:0;border-radius:inherit;pointer-events:none;background:linear-gradient(115deg,transparent 20%,#ffffff0d 48%,transparent 70%);box-shadow:none}
:is(#fdBouncyNav,.fd-bouncy-nav) .fd-page-subnav .fd-subnav-item{flex-direction:row}
.fd-subnav-item span{margin-top:0}
.fd-app-dark :is(#fdBouncyNav,.fd-bouncy-nav) .fd-page-subnav{box-shadow:0 0.375rem 1.375rem #000000b8}

/* Page menus open as one controlled, reversible layout transition. */
:is(#fdBouncyNav,.fd-bouncy-nav) .fd-page-subnav{transition:flex-basis 540ms cubic-bezier(.22,1,.36,1),width 540ms cubic-bezier(.22,1,.36,1),padding 540ms cubic-bezier(.22,1,.36,1),margin 540ms cubic-bezier(.22,1,.36,1),border-width 540ms cubic-bezier(.22,1,.36,1),opacity 220ms ease}
:is(#fdBouncyNav,.fd-bouncy-nav) .fd-bouncy-primary{transition:border-radius 540ms cubic-bezier(.22,1,.36,1)}
:is(#fdBouncyNav,.fd-bouncy-nav) .fd-bouncy-actions{transition:padding-left 540ms cubic-bezier(.22,1,.36,1)}
.fd-topbar-group .fd-page-subnav-options{opacity:1;transform:translateX(0);transition:opacity 240ms ease 100ms,transform 400ms cubic-bezier(.22,1,.36,1) 100ms}
:is(#fdBouncyNav,.fd-bouncy-nav) .fd-topbar-group:not(.is-expanded) .fd-page-subnav{flex-basis:0;width:0;min-width:0;padding-left:0;padding-right:0;margin-left:0;margin-right:0;border-width:0;opacity:0;pointer-events:none}
:is(#fdBouncyNav,.fd-bouncy-nav) .fd-topbar-group:not(.is-expanded) .fd-bouncy-primary{border-radius:1.875rem 0 0 1.875rem;box-shadow:none;border-right-width:0}
:is(#fdBouncyNav,.fd-bouncy-nav) .fd-topbar-group:not(.is-expanded) .fd-bouncy-actions{padding-left:0.4375rem;box-shadow:none;border-left-width:0}
.fd-topbar-group:not(.is-expanded){border-radius:1.875rem;box-shadow:0 0.25rem 1rem #00000024}
.fd-topbar-group:not(.is-expanded) .fd-page-subnav-options{opacity:0;transform:translateX(-0.75rem);transition-delay:0ms}
.fd-topbar-group:not(.is-size-ready) .fd-page-subnav,.fd-topbar-group:not(.is-size-ready) .fd-bouncy-primary,.fd-topbar-group:not(.is-size-ready) .fd-bouncy-actions{transition:none!important}
@media(max-width:600px){:is(#fdBouncyNav,.fd-bouncy-nav) .fd-page-subnav{transition:height 540ms cubic-bezier(.22,1,.36,1),padding 540ms cubic-bezier(.22,1,.36,1),border-width 540ms cubic-bezier(.22,1,.36,1),opacity 220ms ease}.fd-topbar-group:not(.is-expanded){gap:0}:is(#fdBouncyNav,.fd-bouncy-nav) .fd-topbar-group:not(.is-expanded) .fd-page-subnav{height:0;padding:0}}

:is(#fdBouncyNav,.fd-bouncy-nav) .fd-topbar-group:not(.is-expanded) .fd-page-subnav::after{display:none}

/* Content-sized extension: rounded shells and glass colour remain stable in motion. */
:is(#fdBouncyNav,.fd-bouncy-nav) .fd-page-subnav{flex-basis:var(--fd-subnav-width,21.25rem);width:var(--fd-subnav-width,21.25rem);max-width:none;box-sizing:border-box;opacity:1;transition:flex-basis 540ms cubic-bezier(.22,1,.36,1),width 540ms cubic-bezier(.22,1,.36,1),padding 540ms cubic-bezier(.22,1,.36,1)}
:is(#fdBouncyNav,.fd-bouncy-nav) .fd-bouncy-primary{border-radius:1.875rem;transition:none}
:is(#fdBouncyNav,.fd-bouncy-nav) .fd-bouncy-actions{padding-left:2.125rem;transition:none}
:is(#fdBouncyNav,.fd-bouncy-nav) .fd-topbar-group:not(.is-expanded) .fd-page-subnav{flex-basis:1.6875rem;width:1.6875rem;margin:0 -1.6875rem;border-width:1px;opacity:1;padding-left:0;padding-right:0}
:is(#fdBouncyNav,.fd-bouncy-nav) .fd-topbar-group:not(.is-expanded) .fd-bouncy-primary{border-radius:1.875rem;border-right-width:1px}
:is(#fdBouncyNav,.fd-bouncy-nav) .fd-topbar-group:not(.is-expanded) .fd-bouncy-actions{padding-left:2.125rem;border-left-width:1px}
:is(#fdBouncyNav,.fd-bouncy-nav) .fd-topbar-group:not(.is-expanded) .fd-page-subnav::after{display:block}
@media(max-width:600px){:is(#fdBouncyNav,.fd-bouncy-nav) .fd-topbar-group:not(.is-expanded) .fd-page-subnav{height:0;border-width:0;margin:0}:is(#fdBouncyNav,.fd-bouncy-nav) .fd-bouncy-actions,:is(#fdBouncyNav,.fd-bouncy-nav) .fd-topbar-group:not(.is-expanded) .fd-bouncy-actions{padding-left:0.4375rem}}
/* Selected submenu items use luminous blue type, without a selection surface. */
:is(#fdBouncyNav,.fd-bouncy-nav) .fd-page-subnav .fd-subnav-item[aria-pressed="true"],
:is(#fdBouncyNav,.fd-bouncy-nav) .fd-page-subnav .fd-subnav-item[aria-pressed="true"]:hover{background:transparent;box-shadow:none;color:#0078ff;text-shadow:0 0 0.4375rem #0078ff45}
.fd-app-dark :is(#fdBouncyNav,.fd-bouncy-nav) .fd-page-subnav .fd-subnav-item[aria-pressed="true"],
.fd-app-dark :is(#fdBouncyNav,.fd-bouncy-nav) .fd-page-subnav .fd-subnav-item[aria-pressed="true"]:hover{background:transparent;box-shadow:none;color:#78b9ff;text-shadow:0 0 0.4375rem #429cff55}
/* Remove the hidden extension's rim only after its closing motion finishes. */
:is(#fdBouncyNav,.fd-bouncy-nav) .fd-page-subnav{visibility:visible;transition:flex-basis 540ms cubic-bezier(.22,1,.36,1),width 540ms cubic-bezier(.22,1,.36,1),padding 540ms cubic-bezier(.22,1,.36,1),visibility 0s linear}
:is(#fdBouncyNav,.fd-bouncy-nav) .fd-topbar-group:not(.is-expanded) .fd-page-subnav{visibility:hidden;transition: flex-basis 540ms cubic-bezier(.22,1,.36,1),width 540ms cubic-bezier(.22,1,.36,1),padding 540ms cubic-bezier(.22,1,.36,1),visibility 0s linear 540ms}
/* Dark theme: once the extension has closed (is-closed is set after its motion), the primary pill meets the
 * session pill without its rounded rim. No transition here, so a theme switch changes it instantly. */
.fd-app-dark :is(#fdBouncyNav,.fd-bouncy-nav) .fd-topbar-group.is-closed:not(.is-expanded) .fd-bouncy-primary{border-radius:1.875rem 0 0 1.875rem;border-right-width:0;padding-right:0.8125rem}
/* Room utilities: separate hit areas, quiet glass and original channel rhythm. */
.fd-call-room-head{display:flex;align-items:center;justify-content:space-between;gap:0.75rem}
.fd-call-room-head h2{min-width:0;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}
.fd-call-channel-row{position:relative;width:100%}
.fd-call-channel-row .fd-call-channel{padding-right:4.75rem;gap:0.625rem}
.fd-call-channel-row.is-voice .fd-call-channel{padding-right:6.5rem}
.fd-call-channel-name{min-width:0;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}
.fd-call-channel-icon{flex-shrink:0}
.fd-call-room-actions{position:absolute;right:0.5625rem;top:50%;transform:translateY(-50%);display:flex;gap:0.1875rem}
:is(#fdBouncyNav,.fd-bouncy-nav) .fd-call-room-action,.fd-call-room-action{appearance:none;display:grid;place-items:center;width:1.5625rem;height:1.75rem;padding:0;border:1px solid transparent;border-radius:0.625rem;background:transparent;color:var(--fd-text-muted);cursor:pointer;transition:background .2s,color .2s,box-shadow .2s,border-color .2s}
.fd-call-room-action svg{width:1rem;height:1rem;pointer-events:none}
.fd-call-room-action:is(:hover,:focus-visible){outline:none;background:#ffffff55;border-color:#ffffff80;color:#0078ff;box-shadow:inset 0 1px 1px #ffffff99,0 0.125rem 0.375rem #0000000a}
.fd-call-room-action:active{background:#ffffff80}
.fd-call-room-action:disabled{opacity:.4;cursor:default}
.fd-app-dark .fd-call-room-action:is(:hover,:focus-visible){background:#ffffff14;border-color:#ffffff30;color:#78b9ff;box-shadow:inset 0 1px 1px #ffffff25}
/* Shared tooltip appearance, identical to the general topbar bubble in both themes. */
.fd-shared-tooltip{position:fixed;z-index:10000;padding:0.5rem 0.75rem;border:0;border-radius:0.625rem;background:#fff;color:#202020;box-shadow:0 0.25rem 0.875rem #0002;font:600 0.75rem/normal Inter,-apple-system,BlinkMacSystemFont,"Segoe UI",sans-serif;white-space:nowrap;pointer-events:none;max-width:calc(100vw - 1rem);box-sizing:border-box}
.fd-shared-tooltip[hidden]{display:none!important}
:is(#fdBouncyNav,.fd-bouncy-nav) .fd-dock-tooltip:not([hidden]){display:block!important}
#page-call.fd-v2-settings-host>:is(#callSettingsModal,#callSalaModal,#callPermModal,#callServerModal):not(.hidden){display:grid!important}
#page-call.fd-v2-settings-host .call-modal{background:transparent!important;backdrop-filter:none!important;-webkit-backdrop-filter:none!important;pointer-events:none!important;font-family:Inter,-apple-system,BlinkMacSystemFont,"Segoe UI",sans-serif!important}
#page-call.fd-v2-settings-host .call-modal :is(.call-modal-card,.call-modal-shell){pointer-events:auto}
#page-call.fd-v2-settings-host .call-modal-card{background:#f0f0f0!important;border:0!important;border-radius:0.75rem!important;box-shadow:0 0.25rem 0.875rem #00000012!important;padding:0.875rem!important;font-family:inherit!important}
.fd-app-dark #page-call.fd-v2-settings-host .call-modal-card{background:#34363b!important;color:#f1f3f7!important}

.fd-call-channel-row:not(.is-voice) .fd-call-channel{padding-right:3rem}

/* Delicate glass palette: a single translucent shell, quiet reflections and blue ink. */
.fd-config-list{position:fixed;z-index:2300;box-sizing:border-box;width:16.75rem;max-width:calc(100vw - 1.25rem);padding:0.4375rem;display:flex;flex-direction:column;gap:0.1875rem;border:1px solid #ffffffa6;border-radius:1.375rem;background:linear-gradient(135deg,#ffffff94,#eeeeee80 58%,#ffffff54);backdrop-filter:blur(1.125rem) saturate(1.1);-webkit-backdrop-filter:blur(1.125rem) saturate(1.1);box-shadow:inset 0 1px 1px #ffffffc0,inset 0 -1px 1px #ffffff45,0 0.625rem 1.75rem #00000014;font-family:inherit;transform-origin:top right;animation:fd-config-glass-in 260ms cubic-bezier(.22,1,.36,1)}
.fd-config-list::before{content:'';position:absolute;inset:0;border-radius:inherit;background:linear-gradient(115deg,transparent 18%,#ffffff26 48%,transparent 68%);pointer-events:none}
.fd-config-caption{padding:0.4375rem 0.75rem 0.375rem;font-size:0.625rem;font-weight:500;letter-spacing:1.1px;text-transform:uppercase;color:var(--fd-text-muted);opacity:.8}
.fd-config-list-row{position:relative;appearance:none;display:flex;align-items:center;gap:0.6875rem;min-height:2.625rem;padding:0.625rem 0.75rem;border:1px solid transparent;border-radius:0.9375rem;background:transparent;color:var(--fd-text);font-family:inherit;font-size:0.75rem;font-weight:500;line-height:1.125rem;text-align:left;cursor:pointer;transition:background 180ms,color 180ms,box-shadow 180ms,border-color 180ms}
.fd-config-list-row svg{width:1.0625rem;height:1.0625rem;flex-shrink:0;color:var(--fd-text-muted);transition:color 180ms}
.fd-config-list-row:is(:hover,:focus-visible){outline:none;background:#ffffff65;border-color:#ffffff80;color:#0078ff;box-shadow:inset 0 1px 1px #ffffffb3,0 0.125rem 0.375rem #00000005}
.fd-config-list-row:is(:hover,:focus-visible) svg{color:#0078ff}
.fd-config-list-row:active{background:#ffffff8c}
.fd-config-list.is-closing{pointer-events:none;animation:fd-config-glass-out 180ms ease forwards}
.fd-app-dark .fd-config-list{background:linear-gradient(135deg,#45474ccc,#303237b3 58%,#383b4180);border-color:#ffffff30;box-shadow:inset 0 1px 1px #ffffff30,inset 0 -1px 1px #ffffff0d,0 0.625rem 1.75rem #00000026}
.fd-app-dark .fd-config-list-row:is(:hover,:focus-visible){background:#ffffff12;border-color:#ffffff24;color:#78b9ff;box-shadow:inset 0 1px 1px #ffffff26}
.fd-app-dark .fd-config-list-row:is(:hover,:focus-visible) svg{color:#78b9ff}
@keyframes fd-config-glass-in{from{opacity:0;transform:translateY(-0.3125rem) scale(.97)}to{opacity:1;transform:none}}
@keyframes fd-config-glass-out{to{opacity:0;transform:translateY(-0.1875rem) scale(.98)}}
/* Multi-level configuration: the glass columns reveal actual controls without a modal. */
.fd-config-list{position:absolute;display:flex;align-items:stretch;gap:0.625rem;width:max-content;max-width:calc(100vw - 1.25rem);padding:0;border:0;border-radius:0;background:none;backdrop-filter:none;-webkit-backdrop-filter:none;box-shadow:none;isolation:isolate}
.fd-config-list::before{display:none}
.fd-config-list[data-side="left"]{flex-direction:row-reverse;transform-origin:top left}
.fd-config-pane{position:relative;box-sizing:border-box;flex-shrink:0;padding:0.4375rem;border:1px solid #ffffffa6;border-radius:1.375rem;background:linear-gradient(135deg,#ffffff94,#eeeeee80 58%,#ffffff54);backdrop-filter:blur(1.125rem) saturate(1.1);-webkit-backdrop-filter:blur(1.125rem) saturate(1.1);box-shadow:inset 0 1px 1px #ffffffc0,inset 0 -1px 1px #ffffff45,0 0.625rem 1.75rem #00000014;max-height:var(--fd-config-height,calc(100dvh - 2.5rem));overflow:auto;scrollbar-width:thin;scrollbar-color:#8993a833 transparent}
.fd-config-primary{width:15.5rem;display:flex;flex-direction:column;gap:0.1875rem}
.fd-config-secondary{width:19.375rem;animation:fd-config-side-in 320ms cubic-bezier(.22,1,.36,1)}
.fd-config-chevron{margin-left:auto;color:var(--fd-text-muted);font-size:1rem;font-weight:400}
.fd-config-list-row[aria-expanded="true"]{color:#0078ff;background:#ffffff38;box-shadow:inset 0 1px 1px #ffffff50}
.fd-config-list-row[aria-expanded="true"] svg{color:#0078ff}
.fd-config-secondary-head{display:flex;align-items:center;gap:0.1875rem;margin-bottom:0.1875rem}
.fd-config-back{display:none}
.fd-config-secondary .fd-config-caption{letter-spacing:.7px;font-size:0.625rem;text-transform:uppercase}
.fd-config-inline{padding:0.1875rem 0.4375rem 0.4375rem}
.fd-config-loading,.fd-config-error{padding:0.625rem 0.375rem;margin:0;font:inherit;font-size:0.75rem;line-height:1.6;color:var(--fd-text-muted)}
#page-call.fd-v2-settings-host .fd-config-inline .call-modal-card{position:static!important;box-sizing:border-box;width:100%!important;min-width:0!important;max-width:none!important;max-height:none!important;margin:0!important;padding:0!important;border:0!important;border-radius:0!important;background:transparent!important;box-shadow:none!important;transform:none!important;display:flex;flex-direction:column;gap:0.75rem;font:inherit;color:var(--fd-text)}
#page-call.fd-v2-settings-host .fd-config-inline .call-modal-card>header,#page-call.fd-v2-settings-host .fd-config-inline .call-settings-nav{display:none!important}
#page-call.fd-v2-settings-host .fd-config-inline :is(.call-sala-modal-shell,.call-server-modal-shell){position:static!important;display:flex!important;flex-direction:column;width:100%!important;max-width:none!important;gap:0.625rem}
#page-call.fd-v2-settings-host .fd-config-inline :is(.call-sala-access-host,.call-server-access-host){position:static!important;width:100%!important;max-height:none!important}
#page-call.fd-v2-settings-host .fd-config-inline label{font:inherit;font-size:0.75rem;font-weight:500;color:var(--fd-text)}
#page-call.fd-v2-settings-host .fd-config-inline :is(input:not([type="checkbox"]):not([type="radio"]):not([type="range"]),select){box-sizing:border-box;width:100%;min-width:0;border:1px solid #ffffff75;border-radius:0.6875rem;background:#ffffff40;color:var(--fd-text);font:inherit;font-size:0.75rem;padding:0.5625rem 0.625rem;outline:none}
#page-call.fd-v2-settings-host .fd-config-inline :is(input,select):focus-visible{border-color:#0078ff80;box-shadow:0 0 0 0.125rem #0078ff14}
#page-call.fd-v2-settings-host .fd-config-inline .call-select-native{position:static!important;display:block!important;opacity:1!important;visibility:visible!important;pointer-events:auto!important;clip:auto!important;clip-path:none!important;height:auto!important;appearance:auto!important}
#page-call.fd-v2-settings-host .fd-config-inline .call-select-btn{display:none!important}
#page-call.fd-v2-settings-host .fd-config-inline :is(.call-hint,legend){font:inherit;font-size:0.6875rem;line-height:1.5;color:var(--fd-text-muted)}
#page-call.fd-v2-settings-host .fd-config-inline :is(.call-settings-profile,.call-settings-manual){border:0;padding:0;margin:0}
#page-call.fd-v2-settings-host .fd-config-inline :is(input[type="checkbox"],input[type="radio"],input[type="range"]){accent-color:#0078ff}
#page-call.fd-v2-settings-host .fd-config-inline :is(.call-primary-btn,.call-text-btn,.call-mic-test-btn){border:1px solid #ffffff70;border-radius:0.75rem;background:#ffffff50;color:#0078ff;box-shadow:inset 0 1px 1px #ffffff80;font:inherit;font-size:0.75rem;padding:0.5rem 0.625rem;cursor:pointer}
#page-call.fd-v2-settings-host .fd-config-inline footer{position:static;display:flex;justify-content:flex-end;gap:0.5rem;margin-top:0.5rem;padding-top:0.5rem;border-top:1px solid #ffffff40}
.fd-app-dark .fd-config-list{background:none;border:0;box-shadow:none}
.fd-app-dark .fd-config-pane{background:linear-gradient(135deg,#45474ccc,#303237b3 58%,#383b4180);border-color:#ffffff30;box-shadow:inset 0 1px 1px #ffffff30,inset 0 -1px 1px #ffffff0d,0 0.625rem 1.75rem #00000026}
.fd-app-dark .fd-config-list-row[aria-expanded="true"],.fd-app-dark .fd-config-list-row[aria-expanded="true"] svg{color:#78b9ff;background:#ffffff0a}
.fd-app-dark #page-call.fd-v2-settings-host .fd-config-inline :is(input:not([type="checkbox"]):not([type="radio"]):not([type="range"]),select){background:#ffffff0c;border-color:#ffffff24}
.fd-app-dark #page-call.fd-v2-settings-host .fd-config-inline :is(.call-primary-btn,.call-text-btn,.call-mic-test-btn){background:#ffffff10;border-color:#ffffff24;color:#78b9ff;box-shadow:inset 0 1px 1px #ffffff20}
@keyframes fd-config-side-in{from{opacity:0;transform:translateX(-0.75rem)}to{opacity:1;transform:none}}
.fd-config-list[data-side="left"] .fd-config-secondary{animation-name:fd-config-side-left-in}
@keyframes fd-config-side-left-in{from{opacity:0;transform:translateX(0.75rem)}to{opacity:1;transform:none}}
@media(max-width:620px){.fd-config-list{display:block;width:min(19.375rem,calc(100vw - 1.25rem))}.fd-config-primary,.fd-config-secondary{width:100%}.fd-config-list.has-submenu .fd-config-primary{display:none}.fd-config-back{display:grid;place-items:center;width:1.625rem;height:1.625rem;border:0;background:transparent;color:var(--fd-text);font-size:1.25rem;font-family:inherit;border-radius:0.5rem;cursor:pointer}}
/* Keep each original form's scope intact, while removing all modal presentation inline. */
#page-call.fd-v2-settings-host .fd-config-inline :is(#callSettingsModal,#callSalaModal,#callPermModal,#callServerModal).fd-inline-modal{position:static!important;inset:auto!important;display:block!important;width:100%!important;max-width:none!important;max-height:none!important;padding:0!important;opacity:1!important;visibility:visible!important;pointer-events:auto!important;transform:none!important;transition:none!important;background:transparent!important;backdrop-filter:none!important}
#page-call.fd-v2-settings-host .fd-config-inline .call-modal-card>header{display:none!important}
#page-call.fd-v2-settings-host .fd-config-inline :is(.call-sala-access-host,.call-server-access-host){max-width:100%!important;flex-wrap:wrap!important}
.fd-config-list{flex-direction:row}

/* Each menu level keeps its own intrinsic height. */
.fd-config-list{align-items:flex-start}

/* Upgraded internal selectors: glass lists replace native dropdowns in every configuration branch. */
#page-call.fd-v2-settings-host .fd-config-inline select.fd-glass-native{position:absolute!important;width:1px!important;height:1px!important;margin:-1px!important;padding:0!important;border:0!important;overflow:hidden!important;clip-path:inset(50%)!important;opacity:0!important;pointer-events:none!important}
.fd-glass-select-trigger{box-sizing:border-box;display:flex;align-items:center;gap:0.625rem;width:100%;min-width:0;min-height:2.625rem;padding:0.625rem 0.75rem;border:1px solid #ffffff80;border-radius:0.75rem;background:linear-gradient(145deg,#ffffff55,#ffffff24);box-shadow:inset 0 1px 1px #ffffff80;color:var(--fd-text);font:inherit;font-size:0.75rem;text-align:left;cursor:pointer;overflow:hidden;transition:border-color .18s,background .18s}
.fd-glass-select-trigger>span:first-child{flex:1;min-width:0;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
.fd-glass-select-chevron{flex-shrink:0;color:var(--fd-text-muted);font-size:1rem;line-height:1rem;transition:transform .2s}
.fd-glass-select-trigger[aria-expanded="true"] .fd-glass-select-chevron{transform:rotate(180deg)}
.fd-glass-select-trigger:is(:hover,:focus-visible){outline:none;border-color:#0078ff55;background:#ffffff65}
.fd-glass-select-trigger:disabled{opacity:.5;cursor:default}
.fd-glass-select-options{box-sizing:border-box;display:flex;flex-direction:column;gap:0.125rem;width:100%;max-height:13.125rem;overflow-y:auto;margin-top:0.375rem;padding:0.3125rem;border:1px solid #ffffffa6;border-radius:0.875rem;background:linear-gradient(135deg,#ffffff94,#eeeeee80);box-shadow:inset 0 1px 1px #ffffffb3,0 0.25rem 0.75rem #0000000a;animation:fd-config-glass-in .2s ease;scrollbar-width:thin;scrollbar-color:#8993a833 transparent}
.fd-glass-select-options[hidden]{display:none!important}
.fd-glass-select-option{position:relative;flex-shrink:0;width:100%;min-height:2.125rem;padding:0.5rem 1.4375rem 0.5rem 0.5625rem;border:0;border-radius:0.5625rem;background:transparent;color:var(--fd-text);font:inherit;font-size:0.75rem;line-height:1.0625rem;text-align:left;overflow-wrap:anywhere;cursor:pointer}
.fd-glass-select-option:is(:hover,:focus-visible){outline:none;background:#ffffff70;color:#0078ff}
.fd-glass-select-option[aria-selected="true"]{color:#0078ff;text-shadow:0 0 0.4375rem #0078ff25}
.fd-glass-select-option[aria-selected="true"]::after{content:'✓';position:absolute;right:0.5rem;top:0.5625rem;font-size:0.6875rem}
.fd-glass-select-option:disabled{opacity:.4;cursor:default}
.fd-app-dark .fd-glass-select-trigger{background:linear-gradient(145deg,#ffffff14,#ffffff08);border-color:#ffffff30;box-shadow:inset 0 1px 1px #ffffff20}
.fd-app-dark .fd-glass-select-options{background:linear-gradient(135deg,#45474cd9,#303237cc);border-color:#ffffff30;box-shadow:inset 0 1px 1px #ffffff25,0 0.25rem 0.75rem #00000014}
.fd-app-dark .fd-glass-select-option:is(:hover,:focus-visible){background:#ffffff12;color:#78b9ff}
.fd-app-dark .fd-glass-select-option[aria-selected="true"]{color:#78b9ff}
#page-call.fd-v2-settings-host .fd-config-inline input[type="number"]{-moz-appearance:textfield;appearance:textfield}
#page-call.fd-v2-settings-host .fd-config-inline input[type="number"]::-webkit-inner-spin-button,#page-call.fd-v2-settings-host .fd-config-inline input[type="number"]::-webkit-outer-spin-button{-webkit-appearance:none;margin:0}
/* Third-level options open beside the form without resizing either preceding level. */
.fd-glass-select-options{position:fixed;z-index:1100;width:19.375rem;margin:0;padding:0.625rem;border-radius:1.375rem;animation:fd-config-side-in .26s ease;backdrop-filter:blur(1rem);-webkit-backdrop-filter:blur(1rem)}
.fd-glass-select-options[data-side="left"]{animation-name:fd-config-side-left-in}

/* v2 checkbox, Uiverse krlozCJ "dull-bobcat-80" (MIT), scaled from 50px to the current 27px list size.
   Light theme uses gray; dark theme keeps the reference colors. Rebuild replay is in fd-checkbox.js. */
.fd-elastic-checkbox{--fd-cbx:1.6875rem;--sx:calc(var(--fd-cbx)*.03);--sb:calc(var(--fd-cbx)*.06);--fd-cbx-face:#7d828b;--fd-cbx-shade:#5c6168;--fd-cbx-glow:rgb(255 255 255 / 55%);--fd-cbx-inset:#f3f4f6;--fd-cbx-out:var(--sx) var(--sx) var(--sb) var(--fd-cbx-shade),calc(var(--sx)*-1) calc(var(--sx)*-1) var(--sb) var(--fd-cbx-glow),inset 0 0 0 var(--fd-cbx-shade),inset 0 0 0 var(--fd-cbx-inset);--fd-cbx-in:0 0 0 var(--fd-cbx-shade),0 0 0 var(--fd-cbx-glow),inset var(--sx) var(--sx) var(--sb) var(--fd-cbx-shade),inset calc(var(--sx)*-1) calc(var(--sx)*-1) var(--sb) var(--fd-cbx-inset);position:relative;display:inline-flex;flex:0 0 var(--fd-cbx);box-sizing:border-box;width:var(--fd-cbx);height:var(--fd-cbx);margin:0 0.3125rem 0 0;padding:calc(var(--fd-cbx)*.1);border-radius:100%;background:var(--fd-cbx-face);color:#fff;box-shadow:var(--fd-cbx-out);vertical-align:middle}
.fd-app-dark .fd-elastic-checkbox{--fd-cbx-face:#191A1E;--fd-cbx-shade:#0e0e0e;--fd-cbx-glow:rgb(95 94 94 / 25%);--fd-cbx-inset:#5f5e5e}
.fd-elastic-checkbox>input[type="checkbox"]{position:absolute!important;inset:0!important;width:100%!important;height:100%!important;margin:0!important;padding:0!important;opacity:0!important;z-index:1;cursor:pointer;outline:none!important;box-shadow:none!important;appearance:none}
.fd-elastic-checkbox>input:disabled{cursor:default}
.fd-elastic-box{display:block;box-sizing:border-box;width:100%;height:100%;padding:calc(var(--fd-cbx)*.16);border-radius:50%;background:transparent;box-shadow:var(--fd-cbx-out);pointer-events:none;transition:all ease .3s}
.fd-elastic-box svg{display:block;width:100%;height:100%;opacity:0;transition:all ease .3s}
.fd-elastic-checkbox input:checked+.fd-elastic-box{box-shadow:var(--fd-cbx-in)}
.fd-elastic-checkbox input:checked+.fd-elastic-box svg{opacity:1}
.fd-elastic-checkbox input:disabled+.fd-elastic-box{opacity:.45;cursor:default}
.call-user-perm-check .fd-elastic-checkbox input:disabled+.fd-elastic-box{opacity:1}
.fd-elastic-checkbox input:focus-visible+.fd-elastic-box{outline:0.125rem solid var(--fd-cbx-shade);outline-offset:0.125rem}
.fd-elastic-checkbox:is(.is-from-off,.is-from-on) .fd-elastic-box,.fd-elastic-checkbox:is(.is-from-off,.is-from-on) .fd-elastic-box svg{transition:none!important}
.fd-elastic-checkbox.is-from-off .fd-elastic-box{box-shadow:var(--fd-cbx-out)!important}
.fd-elastic-checkbox.is-from-off .fd-elastic-box svg{opacity:0!important}
.fd-elastic-checkbox.is-from-on .fd-elastic-box{box-shadow:var(--fd-cbx-in)!important}
.fd-elastic-checkbox.is-from-on .fd-elastic-box svg{opacity:1!important}
/* Box + text keeps the 5px label gap; the id outranks the legacy `#page-call .call-check{gap:... !important}`. Rows with an avatar keep their own gap. */
:is(#page-call,body) label:has(>.fd-elastic-checkbox):not(:has(>:nth-child(3))){column-gap:0!important}
label:has(>:nth-child(3))>.fd-elastic-checkbox{margin-right:0}

/* Sound level: defined glass surface, inset rail and polished blue thumb. */
#page-call.fd-v2-settings-host .fd-config-inline .call-settings-vol{background:linear-gradient(135deg,#ffffffb8,#ffffff55);border:1px solid #ffffffc9;border-radius:0.8125rem;box-shadow:inset 0 1px 1px #ffffffee,inset 0 -1px 0.125rem #ffffff60,0 0.1875rem 0.5625rem #2027380a;backdrop-filter:blur(0.75rem);-webkit-backdrop-filter:blur(0.75rem)}
#page-call.fd-v2-settings-host .fd-config-inline .call-settings-vol input[type="range"]{appearance:none;-webkit-appearance:none;height:1.5rem;background:transparent;outline:none}
#page-call.fd-v2-settings-host .fd-config-inline .call-settings-vol input[type="range"]::-webkit-slider-runnable-track{height:0.4375rem;border-radius:6.1875rem;background:linear-gradient(90deg,#168bff 0%,#0876ee var(--fd-range-fill,75%),#b8c3cf var(--fd-range-fill,75%),#dde3e9 100%);box-shadow:inset 0 1px 0.125rem #1a33452a,0 1px 0 #ffffffd9}
#page-call.fd-v2-settings-host .fd-config-inline .call-settings-vol input[type="range"]::-webkit-slider-thumb{appearance:none;-webkit-appearance:none;width:1.0625rem;height:1.0625rem;margin-top:-0.3125rem;border-radius:50%;border:1px solid #ffffffb3;background:linear-gradient(145deg,#59b2ff,#0878f8 65%,#0065d8);box-shadow:inset 0 1px 0.125rem #ffffff80,0 0.125rem 0.25rem #006edf35;transition:box-shadow .18s,transform .18s}
#page-call.fd-v2-settings-host .fd-config-inline .call-settings-vol input[type="range"]:active::-webkit-slider-thumb{transform:scale(1.08)}
#page-call.fd-v2-settings-host .fd-config-inline .call-settings-vol input[type="range"]:focus-visible::-webkit-slider-thumb{outline:0.125rem solid #168bff;outline-offset:0.125rem}
#page-call.fd-v2-settings-host .fd-config-inline .call-settings-vol input[type="range"]::-moz-range-track{height:0.4375rem;border-radius:6.1875rem;background:#cbd5df;box-shadow:inset 0 1px 0.125rem #1a33452a}
#page-call.fd-v2-settings-host .fd-config-inline .call-settings-vol input[type="range"]::-moz-range-progress{height:0.4375rem;border-radius:6.1875rem;background:#087cff}
#page-call.fd-v2-settings-host .fd-config-inline .call-settings-vol input[type="range"]::-moz-range-thumb{width:1.0625rem;height:1.0625rem;border-radius:50%;border:1px solid #ffffffb3;background:linear-gradient(145deg,#59b2ff,#0878f8 65%,#0065d8);box-shadow:inset 0 1px 0.125rem #ffffff80,0 0.125rem 0.25rem #006edf35}
.fd-app-dark #page-call.fd-v2-settings-host .fd-config-inline .call-settings-vol{background:linear-gradient(135deg,#ffffff20,#ffffff09);border-color:#ffffff38;box-shadow:inset 0 1px 1px #ffffff35,0 0.1875rem 0.5625rem #00000014}
#page-call.fd-v2-settings-host .fd-config-inline .call-settings-vol b{color:var(--fd-text)}

.fd-config-secondary{display:flex;flex-direction:column}
.fd-config-secondary-head{flex-shrink:0}
.fd-config-secondary>.fd-config-inline{flex:1;min-height:0;overflow:auto;scrollbar-width:thin}
/* Loading shimmer sits on the real control, so the form keeps its final size while data arrives. */
.fd-config-inline label.is-loading-data .fd-glass-select-trigger,.fd-config-inline .fd-elastic-checkbox.is-skeleton>.fd-elastic-box{background:linear-gradient(100deg,#ffffff28 15%,#ffffff85 45%,#ffffff28 75%)!important;background-size:220% 100%!important;border-color:transparent!important;box-shadow:none!important;animation:fd-skeleton-shimmer 1.5s ease-in-out infinite!important}
.fd-config-inline label.is-loading-data .fd-glass-select-trigger{color:transparent!important;pointer-events:none}
.fd-config-inline .call-perm-row.is-skeleton{pointer-events:none}
#page-call.fd-v2-settings-host .fd-config-inline .call-perm-row{display:flex;flex-wrap:wrap;justify-content:space-between;gap:0.4375rem 0.5rem}
#page-call.fd-v2-settings-host .fd-config-inline .call-perm-row>b{flex:1 0 100%;min-width:0}
.fd-app-dark .fd-config-inline label.is-loading-data .fd-glass-select-trigger,.fd-app-dark .fd-config-inline .fd-elastic-checkbox.is-skeleton>.fd-elastic-box{background-image:linear-gradient(100deg,#ffffff05 15%,#ffffff20 45%,#ffffff05 75%)!important}
@keyframes fd-skeleton-shimmer{from{background-position:120% 0}to{background-position:-120% 0}}

/* Content-sized levels share one spacing rule and never create inner scrollbars. */
.fd-config-list{--fd-menu-gap:0.625rem;gap:var(--fd-menu-gap)}
.fd-config-pane,.fd-config-secondary>.fd-config-inline,.fd-glass-select-options{max-height:none!important;overflow:visible!important;scrollbar-width:none}
.fd-config-secondary{height:auto;min-height:0}
.fd-config-secondary>.fd-config-inline{flex:none}
#page-call.fd-v2-settings-host .fd-config-inline .call-settings-manual{padding:0.625rem 0.625rem 0.75rem;margin:0.1875rem 0 0.3125rem;border-radius:0.75rem;background:linear-gradient(135deg,#ffffff75,#ffffff38);box-shadow:inset 0 1px 0.125rem #ffffffb0,0 0.125rem 0.375rem #23304408;gap:0.5rem}
#page-call.fd-v2-settings-host .fd-config-inline .call-settings-manual .call-check{min-height:1.375rem;margin:0}
.fd-app-dark #page-call.fd-v2-settings-host .fd-config-inline .call-settings-manual{background:linear-gradient(135deg,#ffffff15,#ffffff08);box-shadow:inset 0 1px 1px #ffffff24}

.fd-call-room-panel{display:flex;flex-direction:column;overflow:visible}
.fd-call-room-content{flex:1;min-height:0;overflow:auto;scrollbar-width:none}
.fd-call-social{position:relative;flex-shrink:0;width:100%;height:4.5rem;margin-top:1rem;display:flex;align-items:center;justify-content:center;isolation:isolate}
.fd-social-fab,.fd-social-item{position:absolute;display:grid;place-items:center;border:0;border-radius:50%;color:white;cursor:pointer;padding:0;font:inherit}
.fd-social-fab{width:3.5rem;height:3.5rem;background:#111;box-shadow:0 0.5rem 1.5rem #0000004d;z-index:2;transition:transform .3s cubic-bezier(.25,1.5,.5,1)}
.fd-social-fab svg{width:1.5625rem;height:1.5625rem;transition:transform .35s cubic-bezier(.25,1.5,.5,1)}
.fd-social-fab:hover{transform:scale(1.08)}.fd-social-fab:active{transform:scale(.92)}
.fd-call-social.is-open .fd-social-fab svg{transform:rotate(45deg)}
.fd-social-fab::before{content:'';position:absolute;inset:0;border:1px solid #111;border-radius:50%;animation:fd-social-pulse 4s ease-out infinite;pointer-events:none}
.fd-call-social.is-open .fd-social-fab::before{display:none}
.fd-social-item{width:2.625rem;height:2.625rem;background:var(--social-color);box-shadow:0 0.5625rem 1.5rem #00000040;opacity:0;transform:translate(0,0) scale(0);pointer-events:none;transition:transform .44s cubic-bezier(.22,1.35,.36,1),opacity .22s,filter .18s;transition-delay:var(--social-exit-delay)}
.fd-social-item svg{width:1.1875rem;height:1.1875rem}
.fd-call-social.is-open .fd-social-item{opacity:1;pointer-events:auto;transform:translate(calc(var(--social-x) + var(--social-px,0px)),calc(var(--social-y) + var(--social-py,0px))) scale(var(--social-depth));transition-delay:var(--social-delay)}
.fd-call-social.has-hover .fd-social-item:not(:hover){filter:blur(1.5px) brightness(.55);opacity:.65}
.fd-social-item:hover{filter:brightness(1.1)}
.fd-social-fab:focus-visible,.fd-social-item:focus-visible{outline:0.125rem solid #0078ff;outline-offset:0.1875rem}
@keyframes fd-social-pulse{0%{transform:scale(1);opacity:.55}25%{transform:scale(1.5);opacity:.25}100%{transform:scale(1.9);opacity:0}}
.fd-call-social.is-open::after{content:"";position:absolute;left:0;right:0;bottom:0;height:10rem;z-index:-1}

/* Match the published demo while keeping FiveDesk's shared tooltip styling. */
.fd-social-fab{background:rgba(0,0,0,.75);box-shadow:0 0.5rem 1.125rem 0.125rem rgba(0,0,0,.3);transition:none}
.fd-social-fab svg{width:1.575rem;height:1.575rem;transition:none}
.fd-social-fab::before{border-color:rgba(0,0,0,.75)}
.fd-social-orbit{position:absolute;left:50%;top:50%;width:0;height:0;z-index:1;visibility:hidden;will-change:transform,opacity}
.fd-social-parallax{position:absolute;left:-1.5rem;top:-1.5rem;width:3rem;height:3rem}
.fd-social-item{position:relative;width:3rem;height:3rem;opacity:1;pointer-events:auto;transform:none;transition:background .3s,filter .18s,opacity .18s;transition-delay:0}
.fd-social-item svg{width:1.375rem;height:1.375rem}
.fd-call-social.is-open .fd-social-item{transform:none;transition-delay:0}
.fd-call-social.has-hover .fd-social-item:not(:hover){filter:blur(1.5px) brightness(.55);opacity:.65}
.fd-social-item:hover{filter:none}
.fd-call-social.is-open::after{height:11.875rem;left:-1.125rem;right:-1.125rem}

/* Keep the expanding pulse outside the button's clipping and hover transform. */
.fd-social-fab::before{display:none!important}
.fd-social-pulse{position:absolute;width:3.5rem;height:3.5rem;box-sizing:border-box;border:1px solid rgba(0,0,0,.75);border-radius:50%;background:transparent;pointer-events:none;z-index:0;animation:fd-social-pulse 4s ease-out infinite;will-change:transform,opacity}
.fd-call-social.is-open .fd-social-pulse{display:none}

/* Compact reference proportions; pulse timeline is independent of CSS motion overrides. */
.fd-social-fab{width:2.625rem;height:2.625rem;box-shadow:0 0.375rem 0.84375rem 1.5px rgba(0,0,0,.3)}
.fd-social-fab svg{width:1.18125rem;height:1.18125rem}
.fd-social-parallax{left:-1.125rem;top:-1.125rem;width:2.25rem;height:2.25rem}
.fd-social-item{width:2.25rem;height:2.25rem}
.fd-social-item svg{width:1.03125rem;height:1.03125rem}
.fd-social-pulse{width:2.625rem;height:2.625rem;animation:none!important;opacity:0;transform:none}
.fd-call-social.is-open::after{height:9.375rem}

/* Theme pull cord: defined braided rope from the page's top edge and a neumorphic knob on the Sair row. */
.fd-theme-cord{position:fixed;inset:0;z-index:20001;display:none;pointer-events:none;--cord-ink:#2a2b2f;--cord-sheen:#ffffff;--cord-shadow:#00000038}
body:has(#appScreen.fd-v2-minimal.screen-active) .fd-theme-cord{display:block}
.fd-theme-cord.is-dark{--cord-ink:#e9e9ec;--cord-sheen:#8d8e94;--cord-shadow:#00000080}
.fd-theme-cord-line{position:absolute;inset:0;width:100%;height:100%;overflow:visible}
.fd-theme-cord-line path{fill:none;stroke-linecap:round;stroke-linejoin:round}
.fd-cord-shadow{stroke:var(--cord-shadow);stroke-width:5;transform:translate(.8px,1.4px);filter:blur(1px)}
.fd-cord-core{stroke:var(--cord-ink);stroke-width:3.2;transition:stroke 828ms cubic-bezier(.76,0,.24,1)}
.fd-cord-sheen{stroke:var(--cord-sheen);stroke-width:1;stroke-dasharray:1.7 2.3;opacity:.5;transform:translateX(-.5px)}
.fd-cord-knob{position:absolute;left:0;top:0;width:36px;height:36px;margin:0;padding:0;border:0;border-radius:50%;background:transparent;color:rgba(0,0,0,.85);pointer-events:auto;cursor:grab;touch-action:none;user-select:none;-webkit-user-select:none;-webkit-tap-highlight-color:transparent;transform-origin:50% -4px;will-change:transform}
.fd-cord-knob::before{content:'';position:absolute;inset:-1px;border-radius:50%;background:#fff;opacity:.2;transition:opacity 300ms ease,background-color 300ms ease}
.fd-cord-knob::after{content:'';position:absolute;left:50%;top:-5px;width:8px;height:8px;margin-left:-4px;border-radius:3px 3px 2px 2px;background:linear-gradient(90deg,#86888e,#eceef2 45%,#9c9ea4);box-shadow:0 1px 1.5px #00000040;z-index:-1}
.fd-cord-face{position:absolute;inset:0;border-radius:50%;background:#eaeaea;box-shadow:0 7.8px 13px -2px rgba(0,0,0,.5),inset 0 -1.6px 2px -.5px rgba(0,0,0,.2),0 -5.2px 7.8px -.5px rgba(255,255,255,.6),inset 0 1.6px 2px -.5px rgba(255,255,255,.2),inset 0 0 2.6px .5px rgba(255,255,255,.8),inset 0 10.5px 15.7px 0 rgba(255,255,255,.2);transition:all 300ms cubic-bezier(.23,1,.32,1)}
.fd-theme-cord.is-dragging .fd-cord-knob{cursor:grabbing}
.fd-theme-cord.is-dragging .fd-cord-face{filter:blur(.5px);box-shadow:0 6.3px 13px -2px rgba(0,0,0,.4),inset 0 -4.2px 15.7px .5px rgba(255,255,255,.9),0 -5.2px 7.8px -.5px rgba(255,255,255,.6),inset 0 4.2px 13px 0 rgba(0,0,0,.4),inset 0 0 5.2px .5px rgba(255,255,255,.6)}
.fd-cord-icon{position:absolute;left:50%;top:50%;width:16px;height:16px;margin:-8px 0 0 -8px;fill:none;stroke:currentColor;stroke-width:2;stroke-linecap:round;stroke-linejoin:round;pointer-events:none;transition:transform 420ms cubic-bezier(.34,1.56,.64,1),opacity 300ms ease}
.fd-cord-moon{opacity:0;transform:rotate(-90deg) scale(0)}
.fd-theme-cord.is-dark .fd-cord-sun{opacity:0;transform:rotate(180deg) scale(0)}
.fd-theme-cord.is-dark .fd-cord-moon{opacity:1;transform:none}
.fd-theme-cord.is-dark .fd-cord-knob{color:#f1f1f3}
.fd-theme-cord.is-dark .fd-cord-knob::before{opacity:.06}
.fd-theme-cord.is-dark .fd-cord-face{background:#2c2d31;box-shadow:0 6px 14px -2px #000000b3,inset 0 -4px 12px -1px #ffffff14,0 -4px 8px -1px #ffffff10,inset 0 4px 10px 0 #00000080,inset 0 0 2.6px .5px #ffffff2e}
.fd-theme-cord.is-dark.is-dragging .fd-cord-face{box-shadow:0 5px 13px -2px #000000a6,inset 0 -4px 14px 0 #ffffff1f,0 -4px 8px -1px #ffffff10,inset 0 5px 13px 0 #000000a6,inset 0 0 5px .5px #ffffff26}
.fd-theme-cord.is-armed .fd-cord-knob{color:#0069e2}
.fd-theme-cord.is-armed .fd-cord-knob::before{background:#0069e2;opacity:.35;inset:-3px}
.fd-theme-cord.is-dark.is-armed .fd-cord-knob{color:#5aa2ff}
.fd-cord-knob:focus-visible{outline:2px solid #0069e2;outline-offset:3px}
.fd-social-item svg:not([fill="none"]){fill:currentColor}
.fd-social-item .fd-control-slash{display:none;position:absolute;width:1.375rem;height:0.125rem;background:#fff;border-radius:0.125rem;left:0.4375rem;top:1.0625rem;transform:rotate(-45deg);box-shadow:0 0 0 1px var(--social-color)}
.fd-social-item.is-muted .fd-control-slash{display:block}
.fd-social-item.is-active{box-shadow:inset 0 0 0 1px #ffffffb0,0 0 0.4375rem #ffffff45!important}

/* Circular switch face adapted from Uiverse faxriddin20/young-frog-24.
   Preserve the orbital geometry; omit the reference's ambient shadows. */
.fd-call-social .fd-social-item{box-sizing:border-box;border:1.3px solid #090909;background:linear-gradient(145deg,#171717,#444245);color:#a5a5a5;box-shadow:inset .65px .65px 0 #7d7c7e,inset -.65px -.65px 0 #1c1c1c!important;transition:background .3s,border-color .3s,color .3s,box-shadow .3s,filter .18s,opacity .18s}
.fd-call-social .fd-social-item::before{content:'';position:absolute;inset:-0.125rem;border-radius:inherit;background:linear-gradient(145deg,#262626,#606060);z-index:-1;pointer-events:none}
.fd-call-social .fd-social-item svg{width:1.1875rem;height:1.1875rem}
.fd-call-social .fd-social-item.is-enabled{border-color:lime;color:lime;box-shadow:inset -.65px -.65px 0 #5e5e5e,inset .65px .65px 0 #1c1c1c!important}
.fd-call-social .fd-social-item.is-off{border-color:#ff2d2d;color:#ff2d2d;box-shadow:inset -.65px -.65px 0 #5e5e5e,inset .65px .65px 0 #1c1c1c!important}
.fd-call-social .fd-social-item .fd-control-slash{background:currentColor;box-shadow:0 0 0 1px #292829}
.fd-call-social .fd-social-item:active{box-shadow:inset -.65px -.65px 0 #5e5e5e,inset .65px .65px 0 #1c1c1c!important}

/* Orbital settings grow upward from one shared bottom edge across all levels. */
.fd-config-list[data-direction="up"]{align-items:flex-end;transform-origin:bottom left}
.fd-config-list[data-direction="up"] .fd-config-secondary{transform-origin:bottom left}

/* Shared general-card spacing: the existing 17px bottom gap is the reference. */
:is(#appScreen,.fd-app-screen).fd-v2-minimal{--fd-general-card-gap:1.0625rem;--fd-general-edge-inset:0.375rem}
:is(#appScreen,.fd-app-screen).fd-v2-minimal .main-content.fd-page-glass:has(>.fd-call-workspace:not([hidden])){display:flex;flex-direction:column;padding:0;overflow:hidden}
:is(#appScreen,.fd-app-screen).fd-v2-minimal .fd-page-glass:has(>.fd-call-workspace:not([hidden])) :is(#fdBouncyNav,.fd-bouncy-nav){flex:0 0 auto;margin:0;padding-bottom:0}
:is(#appScreen,.fd-app-screen).fd-v2-minimal .main-content>.fd-call-workspace:not([hidden]){flex:1 1 0;min-height:0;padding:var(--fd-general-card-gap) var(--fd-general-edge-inset) var(--fd-general-edge-inset);gap:var(--fd-general-card-gap);align-items:stretch}
.fd-call-workspace>.fd-call-main-card,.fd-call-workspace>.fd-call-reflective{height:auto;min-height:0}

/* Every side of the global parent card uses the card gap, so the server rail sits centred between it and the main card. */
:is(#appScreen,.fd-app-screen).fd-v2-minimal .main-content>.fd-call-workspace:not([hidden]){padding:var(--fd-general-card-gap)}

/* Slightly denser glass for readable configuration lists over shared screens. */
.fd-config-pane,.fd-glass-select-options{background:linear-gradient(135deg,#ffffffe6,#eeeeeedd 58%,#ffffffe0)}
.fd-app-dark .fd-config-pane,.fd-app-dark .fd-glass-select-options{background:linear-gradient(135deg,#45474cf0,#303237eb 58%,#383b41eb)}

/* Text card: neutral light surfaces; original reference palette in dark mode. */
.fd-call-text-card{position:absolute;left:calc(1.375rem + var(--fd-room-width) + 1.125rem);right:0.625rem;top:0.625rem;bottom:0.625rem;z-index:1;isolation:isolate;border:0;border-radius:1.25rem;border-top-right-radius:calc(var(--fd-general-card-radius) - 0.6875rem);border-bottom-right-radius:calc(var(--fd-general-card-radius) - 0.625rem);background:linear-gradient(135deg,#fafafa,#eeeeee);color:#85878e;box-shadow:inset 0 1px 1px #ffffffd9,inset 0 -1px 1px #c5c7cc33;overflow:hidden}
.fd-text-grid,.fd-text-grid-noise{position:absolute;inset:0;width:100%;height:100%;pointer-events:none}
.fd-text-grid{z-index:0;mask-image:linear-gradient(0deg,transparent 0%,#000 5.77492%)}
.fd-text-grid-point{position:absolute;width:0.625rem;height:0.625rem;opacity:.15;transform:translate(-50%,-50%);transition:opacity .2s ease-out;pointer-events:none}
.fd-text-grid-noise{z-index:1;opacity:.085;mix-blend-mode:multiply;background:url('/assets/call/grid/reference-noise.png') center/14.40625rem auto repeat;border-radius:inherit}

.fd-app-dark .fd-call-text-card{background:#1c1c1c;color:#b8b8b8;box-shadow:none}
.fd-app-dark .fd-text-grid-noise{opacity:.12;mix-blend-mode:normal}

/* Subtle light-theme halo follows the existing point opacity interaction. */
.fd-text-grid-point{filter:drop-shadow(0 0 1.2px #ffffffb3) drop-shadow(0 0 0.125rem #a7a9b126)}
.fd-app-dark .fd-text-grid-point{filter:none}

/* Uniform 10% enlargement of the collapsed and expanded room control cluster. */
.fd-call-social{scale:1.1;transform-origin:50% 50%}

/* Card opacity follows the reference angular fade; glass keeps its own edge mask. */
.fd-call-participants{mask-image:none}

.fd-call-viewer-status:empty{display:none}
.fd-call-viewer{padding-bottom:calc(var(--fd-carousel-height) * .075);box-sizing:border-box}

/* Shared-screen close control: glass face and centered glyph. */
.fd-call-viewer-close{display:grid;place-items:center;box-sizing:border-box;padding:0;border:1px solid #ffffff70;background:linear-gradient(145deg,#ffffff38,#ffffff12);backdrop-filter:blur(0.875rem) saturate(1.1);-webkit-backdrop-filter:blur(0.875rem) saturate(1.1);box-shadow:inset 0 1px 1px #ffffff60,inset 0 -1px 1px #00000018,0 0.1875rem 0.625rem #00000016;line-height:1;font-family:Arial,sans-serif;color:#fff;cursor:pointer;transition:background .18s,border-color .18s}
.fd-call-viewer-close:hover{background:linear-gradient(145deg,#ffffff50,#ffffff22);border-color:#ffffffa6}
.fd-call-viewer-close:focus-visible{outline:0.125rem solid #78b9ff;outline-offset:0.1875rem}

/* Parallel viewer/carousel arcs share the server/general-card spacing token. */
.fd-call-viewer{bottom:calc(var(--fd-carousel-height) * .875 + 0.625rem + var(--fd-general-card-gap,1.0625rem))}
.fd-viewer-controls{position:absolute;left:0.875rem;right:0.875rem;bottom:calc(var(--fd-carousel-height) * .075 + 0.875rem);z-index:2;display:flex;align-items:center;gap:0.5rem}
.fd-viewer-controls[hidden],.fd-viewer-options[hidden]{display:none!important}
.fd-viewer-controls-spacer{flex:1}
.fd-viewer-glass-button{display:grid;place-items:center;width:2rem;height:2rem;box-sizing:border-box;padding:0;border:1px solid #ffffff70;border-radius:50%;background:linear-gradient(145deg,#ffffff38,#ffffff12);backdrop-filter:blur(0.875rem) saturate(1.1);-webkit-backdrop-filter:blur(0.875rem) saturate(1.1);box-shadow:inset 0 1px 1px #ffffff60,inset 0 -1px 1px #00000018,0 0.1875rem 0.625rem #00000016;color:#fff;cursor:pointer;transition:background .18s,border-color .18s}
.fd-viewer-glass-button svg{width:1rem;height:1rem}
.fd-viewer-glass-button:hover{background:linear-gradient(145deg,#ffffff50,#ffffff22);border-color:#ffffffa6}
.fd-viewer-glass-button:focus-visible{outline:0.125rem solid #78b9ff;outline-offset:0.1875rem}
.fd-viewer-options{position:absolute;right:0.875rem;bottom:calc(var(--fd-carousel-height) * .075 + 3.375rem);z-index:3;display:flex;flex-direction:column;gap:0.25rem;padding:0.4375rem;border:1px solid #ffffff70;border-radius:0.875rem;background:linear-gradient(145deg,#414348e6,#292b30e6);backdrop-filter:blur(0.875rem);box-shadow:inset 0 1px 1px #ffffff40,0 0.1875rem 0.625rem #00000020}
.fd-viewer-options button{border:0;border-radius:0.5rem;padding:0.5625rem 0.75rem;background:transparent;color:white;font:inherit;font-size:0.75rem;text-align:left;cursor:pointer}
.fd-viewer-options button:hover,.fd-viewer-options button:focus-visible{background:#ffffff18}
.fd-viewer-options button:disabled{opacity:.4;cursor:default}
.fd-call-viewer:fullscreen{inset:0;--fd-carousel-height:0px;padding:0;border-radius:0;clip-path:none!important}

.fd-call-viewer video[hidden]{display:none!important}
.fd-call-viewer video.is-pip-handoff{position:fixed;width:1px;height:1px;opacity:0;pointer-events:none}

/* Idle loop: the logo fills the black transmission card, under its curve, until a shared screen replaces it.
   The 5 sits at 43.7% of the 16:9 frame; that point is pinned to the card's vertical centre (the curve's lowest point is the box bottom), clamped so the video always covers the card. */
.fd-call-viewer{container-type:inline-size}
.fd-call-viewer :is(.fd-call-viewer-idle,.fd-call-viewer-reveal){position:absolute;left:0;top:clamp(calc(100% - max(100%,56.25cqw)),calc(50% - 24.58cqw),0px);z-index:0;width:100%;height:max(100%,56.25cqw);object-fit:cover;pointer-events:none}
/* Cursor reveal: the canvas paints the logo under its own #0a0a0a veil, so the video element only feeds frames. */
.fd-call-viewer .fd-call-viewer-reveal{display:block}
.fd-call-viewer.has-reveal .fd-call-viewer-idle{opacity:0}
.fd-call-viewer video:not([hidden],.fd-call-viewer-idle,.is-pip-handoff)~.fd-call-viewer-reveal{display:none}
.fd-call-viewer video:not([hidden],.is-pip-handoff)~.fd-call-viewer-idle{display:none}
.fd-call-viewer-status{position:relative;z-index:1}

/* Reference glass card inside the text surface, matching the room panel width. */
.fd-call-text-glass-card{position:absolute;z-index:2;top:var(--fd-general-card-gap,1.0625rem);right:var(--fd-general-card-gap,1.0625rem);bottom:var(--fd-general-card-gap,1.0625rem);width:var(--fd-room-width);max-width:calc(100% - 2 * var(--fd-general-card-gap,1.0625rem));box-sizing:border-box;border:1px solid #ffffff9c;border-radius:2rem;background:linear-gradient(135deg,#ffffff26 0%,#ffffff08 45%,#ffffff1c 100%);backdrop-filter:blur(0.125rem) saturate(1.15);-webkit-backdrop-filter:blur(0.125rem) saturate(1.15);box-shadow:inset 0 0.125rem 0.125rem #ffffffb3,inset 0.125rem 0 0.1875rem #ffffff59,inset -0.125rem -0.125rem 0.1875rem #00000024,0 0.5rem 1.5rem #00000012}
.fd-call-text-glass-card::before{content:"";position:absolute;inset:0.1875rem;border-radius:inherit;border:1px solid #ffffff38;box-shadow:inset 0 1px 0.125rem #ffffff59;pointer-events:none}
.fd-app-dark .fd-call-text-glass-card{border-color:#ffffff61;background:linear-gradient(135deg,#ffffff10,#ffffff03 45%,#ffffff0b);box-shadow:inset 0 0.125rem 0.125rem #ffffff8c,inset 0.125rem 0 0.1875rem #ffffff30,inset -0.125rem -0.125rem 0.1875rem #00000070,0 0.5rem 1.5rem #00000026}
/* Contacts glass: clear face, subtle magnification and rounded edge refraction. */
.fd-call-text-glass-card{background:linear-gradient(135deg,#ffffff08,#ffffff02 45%,#ffffff05);backdrop-filter:blur(.2px);-webkit-backdrop-filter:blur(.2px);border-color:#ffffff70;box-shadow:inset 0 1px 0.125rem #ffffff85,inset 1px 0 0.125rem #ffffff30,inset -1px -1px 0.125rem #00000024,0 0.25rem 0.75rem #0000000a}
.fd-app-dark .fd-call-text-glass-card{background:linear-gradient(135deg,#ffffff04,#ffffff01 45%,#ffffff03);border-color:#ffffff50;box-shadow:inset 0 1px 0.125rem #ffffff75,inset 1px 0 0.125rem #ffffff24,inset -1px -1px 0.125rem #00000050,0 0.25rem 0.75rem #00000018}
.fd-call-text-glass-card::before{border-color:#ffffff18;box-shadow:inset 0 1px 1px #ffffff30}
html:not([data-theme='dark']):not([data-theme='cinza']) #appScreen:not(.fd-app-dark) .fd-call-text-glass-card{border-color:#00000012;box-shadow:inset 0 1px 0 #ffffffc4,inset 0 -1px 0 #00000010,0 1px 0 #ffffffb0,0 1px 0.125rem #00000010}
html:not([data-theme='dark']):not([data-theme='cinza']) #appScreen:not(.fd-app-dark) .fd-call-text-glass-card::before{border-color:transparent;box-shadow:none}
.fd-call-text-glass-card.has-contact-lens{backdrop-filter:url(#fd-contacts-lens);-webkit-backdrop-filter:url(#fd-contacts-lens)}
/* Server contacts: photo, name and presence only. */
.fd-call-contact-list{position:absolute;inset:1rem;overflow-x:hidden;overflow-y:auto;scrollbar-width:thin;display:flex;flex-direction:column;gap:0.375rem;min-width:0}
.fd-call-contact-list::-webkit-scrollbar:horizontal{height:0;display:none}
.fd-call-contact-row{display:flex;align-items:center;gap:0.6875rem;min-height:3.75rem;flex-shrink:0;padding:0.5rem 0.625rem;box-sizing:border-box;border-radius:0.875rem;background:#ffffff0a;color:var(--fd-text,#292b30)}
.fd-call-contact-avatar{display:grid;place-items:center;width:2.375rem;height:2.375rem;flex:0 0 2.375rem;overflow:hidden;border-radius:50%;background:#88888818;font-size:0.875rem;font-weight:500}
.fd-call-contact-avatar img{width:100%;height:100%;object-fit:cover}
.fd-call-contact-copy{display:flex;flex-direction:column;gap:0.1875rem;min-width:0}
.fd-call-contact-name{overflow:hidden;text-overflow:ellipsis;white-space:nowrap;font-size:0.8125rem;font-weight:500;line-height:1.35}
/* Activity Badge: solid core, crisp green pulse, soft amber breath, red shake and subtle gray offline waves. */
.fd-call-contact-status{--fd-contact-status-color:#ff0000;display:flex;align-items:center;gap:0.375rem;font-size:0.6875rem;line-height:1.3;color:var(--fd-text-muted,#777980);background:transparent;border:0;box-shadow:none;padding:0}
.fd-contact-activity{position:relative;display:block;width:0.375rem;height:0.375rem;flex:0 0 0.375rem;line-height:0}
.fd-contact-activity-dot,.fd-contact-activity-wave{position:absolute;inset:0;border-radius:50%;background:var(--fd-contact-status-color);transform-origin:center;pointer-events:none}
.fd-contact-activity-dot{z-index:1}
.fd-contact-activity-wave{opacity:0}
.fd-call-contact-status.is-online{--fd-contact-status-color:#31ee33}
.fd-call-contact-status.is-ocupado{--fd-contact-status-color:#ffbb00}
.fd-call-contact-status.is-ausente{--fd-contact-status-color:#ff0000}
.fd-call-contact-status.is-offline{--fd-contact-status-color:#55585e}
/* Reference: 900ms motion + 400ms pause, explicit status effects remain enabled. */
.fd-contact-activity{overflow:visible}
.fd-call-contact-status.is-online .fd-contact-activity-wave:first-child{animation:fd-contact-available 1.3s cubic-bezier(.44,0,.56,1) .4s infinite!important}
.fd-call-contact-status.is-ocupado .fd-contact-activity-wave:first-child{filter:blur(0.1875rem);animation:fd-contact-busy 1.3s cubic-bezier(.44,0,.56,1) infinite!important}
.fd-call-contact-status.is-ausente .fd-contact-activity-dot{animation:fd-contact-unavailable 1.3s cubic-bezier(.44,0,.56,1) infinite!important}
.fd-call-contact-status.is-offline .fd-contact-activity-wave{animation:fd-contact-offline 2.4s cubic-bezier(.44,0,.56,1) .4s infinite!important}
.fd-call-contact-status.is-offline .fd-contact-activity-wave:nth-child(2){animation-delay:.8s!important}
.fd-call-contact-status.is-offline .fd-contact-activity-wave:nth-child(3){animation-delay:1.2s!important}
@keyframes fd-contact-available{0%{transform:scale(1);opacity:0}1.3846%{transform:scale(1);opacity:.7}55.3846%{transform:scale(2.7);opacity:0}69.2308%,100%{transform:scale(1);opacity:0}}
@keyframes fd-contact-busy{0%{transform:scale(0);opacity:0}41.5385%{transform:scale(2.2);opacity:.75}69.2308%,100%{transform:scale(0);opacity:0}}
@keyframes fd-contact-unavailable{0%{transform:translateX(0)}12.4615%{transform:translateX(-1.5px)}24.9231%{transform:translateX(1.5px)}37.3846%{transform:translateX(-1.5px)}49.8462%{transform:translateX(1.5px)}69.2308%,100%{transform:translateX(0)}}
@keyframes fd-contact-offline{0%{transform:scale(1);opacity:0}1.3846%{transform:scale(1);opacity:.22}55.3846%{transform:scale(2);opacity:0}69.2308%,100%{transform:scale(1);opacity:0}}
.fd-app-dark .fd-call-contact-row{color:#eeeef0}.fd-app-dark .fd-call-contact-status{color:#aaaab0}
.fd-call-contact-empty{margin:1.5rem;font-size:0.75rem;color:var(--fd-text-muted,#777980)}
.fd-call-contact-row{padding:0}
.fd-call-contact-button{display:flex;align-items:center;gap:0.6875rem;width:100%;min-height:3.75rem;padding:0.5rem 0.625rem;border:0;border-radius:inherit;background:transparent;color:inherit;font:inherit;text-align:left;cursor:pointer}
.fd-call-contact-button:hover{background:#ffffff18}
.fd-call-contact-button:focus-visible{outline:0.125rem solid currentColor;outline-offset:-0.125rem}
.fd-call-contact-button:disabled{cursor:default}
/* Chosen mood as a translucent watermark in the card's top-right corner, always in its resting face. */
.fd-call-contact-button{position:relative;overflow:hidden}
.fd-call-contact-mood{position:absolute;top:0.375rem;right:0.5rem;width:1.5rem;height:1.5rem;opacity:.28;pointer-events:none}
.fd-call-contact-mood svg{display:block;width:100%;height:100%}
.fd-call-contact-button:has(.fd-mood-ghost),.fd-call-contact-mood:has(.fd-mood-ghost){overflow:visible}
.fd-call-contact-mood .fd-mood-react{display:none}
.fd-call-contact-button:has(.fd-call-contact-mood) .fd-call-contact-copy{padding-right:1.375rem}
.fd-app-dark .fd-call-contact-mood{opacity:.24}

/* Joined navigation paints one surface; collapsed menus leave no seam after Settings. */
.fd-topbar-group{--fd-topbar-fill:#f7f7f8;--fd-topbar-border:#fff}
.fd-app-dark .fd-topbar-group{--fd-topbar-fill:linear-gradient(180deg,#111113,#000 60%);--fd-topbar-border:transparent}
/* Night theme in high contrast: a black bar needs a deeper shadow and brighter resting icons to read on dark pages. */
.fd-app-dark :is(#fdBouncyNav,.fd-bouncy-nav) .fd-topbar-group:not(.is-expanded),
.fd-app-dark :is(#fdBouncyNav,.fd-bouncy-nav) .fd-topbar-group.is-expanded :is(.fd-bouncy-primary,.fd-bouncy-actions){box-shadow:0 0.375rem 1.375rem #000000b8}
.fd-app-dark :is(#fdBouncyNav,.fd-bouncy-nav) .fd-bouncy-item:not(.is-dock-hovered,[aria-current="page"],:focus-visible) .fd-dock-icon{opacity:.85}
:is(#fdBouncyNav,.fd-bouncy-nav) .fd-topbar-group:not(.is-expanded){background:var(--fd-topbar-fill);border:1px solid var(--fd-topbar-border);box-sizing:border-box}
:is(#fdBouncyNav,.fd-bouncy-nav) .fd-topbar-group:not(.is-expanded) :is(.fd-bouncy-primary,.fd-bouncy-actions){background:transparent!important;border:0!important;box-shadow:none!important}
:is(#fdBouncyNav,.fd-bouncy-nav) .fd-topbar-group:not(.is-expanded) .fd-bouncy-primary{border-radius:1.875rem 0 0 1.875rem}
:is(#fdBouncyNav,.fd-bouncy-nav) .fd-topbar-group:not(.is-expanded) .fd-bouncy-actions{padding-left:0.4375rem}
:is(#fdBouncyNav,.fd-bouncy-nav) .fd-topbar-group:not(.is-expanded) .fd-page-subnav{flex-basis:0;width:0;min-width:0;margin:0;padding:0;border:0;opacity:0;pointer-events:none;overflow:hidden}
:is(#fdBouncyNav,.fd-bouncy-nav) .fd-topbar-group:not(.is-expanded) .fd-page-subnav::after{display:none}
/* Adapted from vinodjangid07/thin-duck-22 (Uiverse, MIT); license: docs/licenses/uiverse-logout.txt. */
:is(#fdBouncyNav,.fd-bouncy-nav) .fd-logout-button,
:is(#fdBouncyNav,.fd-bouncy-nav) .fd-logout-button:hover{display:flex;align-items:center;justify-content:flex-start;width:2.5rem;height:2.5rem;min-height:2.5rem;padding:0;border:0;border-radius:50%;position:relative;overflow:hidden;background:#cf4f5b;color:white!important;text-shadow:none!important;box-shadow:0.125rem 0.125rem 0.625rem #00000033;transform:none;transition:all .3s ease 0s}
.fd-logout-sign{width:100%;display:flex;align-items:center;justify-content:center;flex-shrink:0;padding-left:0;box-sizing:content-box;transition:all .3s ease 0s}
.fd-logout-sign svg{width:1.1875rem;height:1.1875rem;flex-shrink:0;color:white}.fd-logout-sign svg path{fill:none}
.fd-logout-text{position:absolute;right:0;width:0;opacity:0;color:white;font-size:0.8125rem;font-weight:500;white-space:nowrap;padding-right:0;box-sizing:content-box;transition:all .3s ease 0s}
:is(#fdBouncyNav,.fd-bouncy-nav) .fd-logout-button:is(:hover,:focus-visible){width:6.75rem;border-radius:2.5rem}
.fd-logout-button:is(:hover,:focus-visible) .fd-logout-sign{width:30%;padding-left:1rem}
.fd-logout-button:is(:hover,:focus-visible) .fd-logout-text{opacity:1;width:70%;padding-right:0.625rem}
:is(#fdBouncyNav,.fd-bouncy-nav) .fd-logout-button:active{transform:translate(0.125rem,0.125rem)}
:is(#fdBouncyNav,.fd-bouncy-nav) .fd-logout-button:focus-visible{outline:0.125rem solid white;outline-offset:0.1875rem}
:is(#fdBouncyNav,.fd-bouncy-nav) .fd-logout-button:disabled{cursor:wait;opacity:.65}

/* Opaque navigation needs no backdrop blur: it creates a bright fringe at rounded edges. */
:is(#fdBouncyNav,.fd-bouncy-nav) :is(.fd-bouncy-primary,.fd-bouncy-actions){backdrop-filter:none!important;-webkit-backdrop-filter:none!important}
:is(#fdBouncyNav,.fd-bouncy-nav) .fd-topbar-group.is-expanded :is(.fd-bouncy-primary,.fd-bouncy-actions){background:var(--fd-topbar-fill)!important;border-color:var(--fd-topbar-border)!important;box-shadow:0 0.25rem 1rem #00000024}
/* A transparent border must show the same gradient, not a repeated edge of it. */
:is(#fdBouncyNav,.fd-bouncy-nav) .fd-topbar-group:not(.is-expanded),:is(#fdBouncyNav,.fd-bouncy-nav) .fd-topbar-group.is-expanded :is(.fd-bouncy-primary,.fd-bouncy-actions){background-origin:border-box!important}

/* The approved blue/gray fusion now belongs to the moving liquid, never the selected route. */
:is(#fdBouncyNav,.fd-bouncy-nav) .fd-bouncy-item::before{content:none!important}
:is(#fdBouncyNav,.fd-bouncy-nav) .fd-dock-sheen,
:is(#fdBouncyNav,.fd-bouncy-nav) .fd-bouncy-items.is-selection-blended .fd-dock-sheen{box-sizing:border-box;border:1px solid #dbeaff80;background:linear-gradient(140deg,#f0f5ffb0,#b6c6df48 45%,#dcecff88);box-shadow:inset 0 1px 0.1875rem #ffffffb0,inset 0 -0.125rem 0.25rem #ffffff35,0 1px 0.5rem #90baff30;mix-blend-mode:normal;border-radius:48% 43% 55% 42% / 44% 54% 42% 56%}

/* Reference silhouette stays clipped; only the base skews under a circular cursor drop. */
:is(#fdBouncyNav,.fd-bouncy-nav) .fd-dock-liquid{inset:-0.75rem;width:calc(100% + 1.5rem);height:calc(100% + 1.5rem);overflow:hidden;border-radius:1.5rem;filter:none}
:is(#fdBouncyNav,.fd-bouncy-nav) .fd-bouncy-items{height:3rem;gap:0.75rem}
:is(#fdBouncyNav,.fd-bouncy-nav) .fd-bouncy-item{width:3rem;height:3rem}
:is(#fdBouncyNav,.fd-bouncy-nav) :is(.fd-bouncy-primary,.fd-bouncy-actions,.fd-page-subnav){height:4rem}
:is(#fdBouncyNav,.fd-bouncy-nav) .fd-bouncy-primary{padding-top:0.5rem;padding-bottom:0.5rem}
:is(#fdBouncyNav,.fd-bouncy-nav) .fd-bouncy-scroll{padding:0.5rem 0.75rem;margin:-0.5rem -0.75rem}
:is(#fdBouncyNav,.fd-bouncy-nav) .fd-dock-sheen,
:is(#fdBouncyNav,.fd-bouncy-nav) .fd-bouncy-items.is-selection-blended .fd-dock-sheen{width:3rem;height:3rem;border:0;border-radius:1rem;background:linear-gradient(180deg,rgba(255,255,255,.4),transparent 40%,rgba(0,0,0,.2));box-shadow:none;mix-blend-mode:overlay}
:is(#fdBouncyNav,.fd-bouncy-nav) .fd-dock-tooltip{padding:0.375rem 0.75rem;border-radius:0.5rem;color:#000;box-shadow:0 0.625rem 1.25rem #00000026}
@media(max-width:600px){:is(#fdBouncyNav,.fd-bouncy-nav) .fd-bouncy-items{height:auto;gap:0.75rem 0}:is(#fdBouncyNav,.fd-bouncy-nav) .fd-bouncy-item{width:100%}}
@media(min-width:601px){:is(#fdBouncyNav,.fd-bouncy-nav) .fd-bouncy-scroll{overflow-x:auto;overflow-y:hidden}}

/* Room configuration opens as a single glass panel. */
.fd-config-list[data-direct-room="true"]{display:grid;grid-template-columns:min(23.75rem,calc(100vw - 1.25rem)) auto;gap:0.5rem 0;align-items:start;width:max-content}
.fd-config-list[data-direct-room="true"]>.fd-config-secondary{grid-area:1/1}
.fd-config-list[data-direct-room="true"]>.fd-room-permissions{grid-area:2/1;justify-self:end}
.fd-config-list[data-direct-room="true"] .fd-config-primary{display:none}
.fd-config-list[data-direct-room="true"] .fd-config-secondary{width:100%;min-height:0;max-height:var(--fd-config-height)!important;overflow:auto!important}
.fd-config-list[data-direct-room="true"] .fd-config-back{display:none}
.fd-config-list[data-direct-room="true"] .fd-config-secondary>.fd-config-inline{min-width:0}
.fd-config-list[data-direct-room="true"] .fd-config-secondary[data-config-kind="room"]:has(#callSalaPrivada)>.fd-config-secondary-head{min-height:2rem;padding-right:8.25rem;box-sizing:border-box}
#page-call.fd-v2-settings-host .fd-config-secondary[data-config-kind="room"] label.call-check:has(#callSalaPrivada){position:absolute;top:0.4375rem;right:0.5rem;z-index:3;display:inline-flex!important;align-items:center;height:2rem;margin:0!important;white-space:nowrap}
/* Level 2 matches the form's height (height 0 + min-height 100% keeps it out of row sizing) and scrolls its own list. */
.fd-config-list>.fd-config-aside{grid-area:1/2;align-self:stretch;box-sizing:border-box;width:18.25rem;margin-left:var(--fd-menu-gap,0.625rem);height:0;min-height:100%;display:flex;flex-direction:column;overflow:hidden!important;animation:fd-config-side-in 320ms cubic-bezier(.22,1,.36,1)}
.fd-config-aside:has(.call-sala-access-host[hidden]){display:none}
.fd-config-aside>.fd-config-caption{flex-shrink:0;letter-spacing:.7px}
.fd-config-aside>.fd-config-inline{flex:1;min-height:0;display:flex;flex-direction:column;padding:0 0.4375rem 0.25rem}
#page-call.fd-v2-settings-host .fd-config-aside .call-sala-access-host:not([hidden]){display:flex!important;flex-direction:column;flex-wrap:nowrap!important;flex:1;min-height:0;height:auto!important}
#page-call.fd-v2-settings-host .fd-config-aside .call-sala-access-panel{flex:1;min-height:0;height:auto!important;padding:0;border:0;border-radius:0;background:none;box-shadow:none;gap:0.625rem;color:var(--fd-text)}
#page-call.fd-v2-settings-host .fd-config-aside :is(.call-sala-access-head,.call-sala-access-rail){display:none}
#page-call.fd-v2-settings-host .fd-config-aside .call-sala-access-panel>.call-hint{flex-shrink:0;margin:0;padding:0 0.125rem}
#page-call.fd-v2-settings-host .fd-config-aside .call-sala-access-source{position:static!important;display:flex!important;flex-direction:column;gap:0.375rem;flex:1;min-height:0;width:auto!important;height:auto!important;margin:0 -0.3125rem;padding:0.125rem 0.3125rem 0.375rem;overflow:hidden auto!important;clip:auto!important;clip-path:none!important;pointer-events:auto!important;scrollbar-width:thin;scrollbar-color:#8993a833 transparent}
#page-call.fd-v2-settings-host .fd-config-aside .call-server-access-row{flex-shrink:0;min-height:0;padding:0.375rem 0.625rem;gap:0.5625rem!important;border:1px solid #ffffff70;border-radius:0.8125rem;background:#ffffff38;box-shadow:inset 0 1px 1px #ffffff60;font-size:0.75rem;font-weight:500;color:var(--fd-text);cursor:pointer;transition:background .18s,border-color .18s,box-shadow .18s}
#page-call.fd-v2-settings-host .fd-config-aside .call-server-access-row:hover{background:#ffffff75;border-color:#ffffffa8}
#page-call.fd-v2-settings-host .fd-config-aside .call-server-access-row:has(input:checked){background:#0078ff0f;border-color:#0078ff2e}
#page-call.fd-v2-settings-host .fd-config-aside .call-server-access-row:has(input:disabled){cursor:default}
#page-call.fd-v2-settings-host .fd-config-aside .call-server-access-row .call-avatar{width:1.625rem;height:1.625rem;font-size:0.625rem}
#page-call.fd-v2-settings-host .fd-config-aside .call-server-access-row>span:last-child{flex:1;min-width:0;overflow:hidden;white-space:nowrap;text-overflow:ellipsis}
.fd-app-dark #page-call.fd-v2-settings-host .fd-config-aside .call-server-access-row{background:#ffffff08;border-color:#ffffff1c;box-shadow:inset 0 1px 1px #ffffff12}
.fd-app-dark #page-call.fd-v2-settings-host .fd-config-aside .call-server-access-row:hover{background:#ffffff12;border-color:#ffffff30}
.fd-app-dark #page-call.fd-v2-settings-host .fd-config-aside .call-server-access-row:has(input:checked){background:#429cff14;border-color:#429cff3d}
@media(max-width:620px){.fd-config-list>.fd-config-aside{width:100%;height:auto;min-height:0;max-height:20rem;margin:0.5rem 0 0}}
.fd-room-permissions{align-self:flex-end;border:0;background:transparent;color:var(--fd-text-muted);font:inherit;font-size:0.6875rem;padding:0.375rem 0.625rem;cursor:pointer}
#page-call.fd-v2-settings-host .fd-config-inline .fd-room-mode{display:grid;grid-template-columns:1fr 1fr;gap:0.25rem;min-width:0;margin:0;padding:0.25rem;border:1px solid #ffffff70;border-radius:0.8125rem;background:#ffffff30}
#page-call.fd-v2-settings-host .fd-config-inline .fd-room-mode-field{display:flex;flex-direction:column;gap:0.4375rem;min-width:0}
#page-call.fd-v2-settings-host .fd-config-inline .fd-room-mode-title{font-size:0.75rem;font-weight:500;color:var(--fd-text)}
#page-call.fd-v2-settings-host .fd-config-inline .fd-room-mode label{position:relative;text-align:center;cursor:pointer}
.fd-room-mode input{position:absolute;width:1px;height:1px;opacity:0}
.fd-room-mode span{display:block;padding:0.5625rem 0.75rem;border-radius:0.5625rem;transition:background .2s,color .2s,box-shadow .2s}
.fd-room-mode input:checked+span{color:#0078ff;background:#ffffffa0;box-shadow:0 0.125rem 0.375rem #0000000d,inset 0 1px 1px #ffffffb0}
.fd-room-mode input:focus-visible+span{outline:0.125rem solid #168bff;outline-offset:0.125rem}
#page-call.fd-v2-settings-host .fd-config-inline #callSalaModalCard footer{--fd-bin:1.875rem;--fd-bin-open:5.25rem;display:flex;flex-wrap:nowrap;gap:0.4375rem;align-items:center;margin-top:0.3125rem;padding-top:0.875rem}
#page-call.fd-v2-settings-host .fd-config-inline #callSalaModalCard footer:has(#callSalaDelete:not([hidden])){display:grid;grid-template-columns:minmax(var(--fd-bin-open),1fr) minmax(0,1fr) minmax(0,1fr)}
#page-call.fd-v2-settings-host .fd-config-inline #callSalaModalCard footer button:not(#callSalaDelete){flex:1;min-width:0;margin:0;padding:0.625rem 0.375rem;border-radius:0.6875rem;font:inherit;font-size:0.75rem;font-weight:500;white-space:nowrap;cursor:pointer;transition:background .18s,box-shadow .18s,transform .18s}
#page-call.fd-v2-settings-host .fd-config-inline #callSalaModalCard footer #callSalaModalSave{background:#087cf0;color:white;border:1px solid #168bff;box-shadow:inset 0 1px 1px #ffffff30,0 0.1875rem 0.5rem #0078ff18}
#page-call.fd-v2-settings-host .fd-config-inline #callSalaModalCard footer button:not(#callSalaDelete):hover{filter:brightness(1.06);box-shadow:0 0.1875rem 0.5625rem #00000012}
#page-call.fd-v2-settings-host .fd-config-inline #callSalaModalCard footer button:focus-visible{outline:0.125rem solid #168bff;outline-offset:0.125rem}
/* Delete bin: vinodjangid07/clever-bat-72 at the 30px "+" size (50px reference × 0.6). The first column is already the open width. */
#page-call.fd-v2-settings-host .fd-config-inline #callSalaModalCard footer #callSalaDelete:not([hidden]){justify-self:center;align-self:center;box-sizing:border-box;width:var(--fd-bin);height:var(--fd-bin);flex:none;margin:0;padding:0;border:none;border-radius:50%;background-color:rgb(20,20,20);color:#fff;font-weight:600;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:.6px;box-shadow:0 0 0.75rem rgba(0,0,0,.164);cursor:pointer;overflow:hidden;position:relative;transition-property:width,border-radius,background-color,gap,box-shadow;transition-duration:.3s}
#page-call.fd-v2-settings-host .fd-config-inline #callSalaModalCard footer #callSalaDelete .svgIcon{width:0.45rem;height:auto;flex:none;transition-property:width,transform;transition-duration:.3s}
#page-call.fd-v2-settings-host .fd-config-inline #callSalaModalCard footer #callSalaDelete .svgIcon path{fill:#fff}
#page-call.fd-v2-settings-host .fd-config-inline #callSalaModalCard footer #callSalaDelete .bin-top{transform-origin:bottom right}
#page-call.fd-v2-settings-host .fd-config-inline #callSalaModalCard footer #callSalaDelete::before{position:absolute;top:-0.75rem;content:"Excluir";color:#fff;font-size:1.2px;font-weight:600;line-height:1;transition-property:font-size,opacity,transform;transition-duration:.3s}
#page-call.fd-v2-settings-host .fd-config-inline #callSalaModalCard footer #callSalaDelete:is(:hover,:focus-visible){width:var(--fd-bin-open);border-radius:1.875rem;background-color:rgb(255,69,69);gap:0;filter:none;box-shadow:0 0 0.75rem rgba(0,0,0,.164)}
#page-call.fd-v2-settings-host .fd-config-inline #callSalaModalCard footer #callSalaDelete:is(:hover,:focus-visible) .bin-bottom{width:1.875rem;transform:translateY(60%)}
#page-call.fd-v2-settings-host .fd-config-inline #callSalaModalCard footer #callSalaDelete:is(:hover,:focus-visible) .bin-top{width:1.875rem;transform:translateY(60%) rotate(160deg)}
#page-call.fd-v2-settings-host .fd-config-inline #callSalaModalCard footer #callSalaDelete:is(:hover,:focus-visible)::before{font-size:0.4875rem;opacity:1;transform:translateY(1.3125rem)}
.fd-app-dark #page-call.fd-v2-settings-host .fd-config-inline .fd-room-mode{background:#ffffff08;border-color:#ffffff24}
.fd-app-dark .fd-room-mode input:checked+span{background:#ffffff16;color:#78b9ff;box-shadow:inset 0 1px 1px #ffffff24}
.fd-app-dark #page-call.fd-v2-settings-host .fd-config-inline #callSalaModalCard footer #callSalaDelete:not([hidden]){background-color:rgb(20,20,20);color:#fff}
.fd-app-dark #page-call.fd-v2-settings-host .fd-config-inline #callSalaModalCard footer #callSalaDelete:is(:hover,:focus-visible){background-color:rgb(255,69,69)}

/* One continuous material: the cursor deformation must share the base color. */
:is(#fdBouncyNav,.fd-bouncy-nav) .fd-dock-sheen{display:none}

/* Escala única da topbar: bouncy-nav.js lê --fd-topbar-scale para o dock líquido acompanhar estas medidas. */
:is(#fdBouncyNav,.fd-bouncy-nav){--fd-topbar-scale:.7}
:is(#appScreen,.fd-app-screen).fd-v2-minimal .fd-page-glass :is(#fdBouncyNav,.fd-bouncy-nav){padding:calc(0.75rem*var(--fd-topbar-scale)) calc(1.5rem*var(--fd-topbar-scale)) calc(1rem*var(--fd-topbar-scale))}
:is(#fdBouncyNav,.fd-bouncy-nav) .fd-bouncy-bar{gap:calc(0.625rem*var(--fd-topbar-scale));padding:calc(0.375rem*var(--fd-topbar-scale)) calc(0.375rem*var(--fd-topbar-scale)) calc(0.375rem*var(--fd-topbar-scale)) calc(1.125rem*var(--fd-topbar-scale));border-radius:calc(1.75rem*var(--fd-topbar-scale))}
:is(#fdBouncyNav,.fd-bouncy-nav) .fd-bouncy-brand{position:relative;flex:none;align-self:center;white-space:nowrap;font-size:calc(1.5rem*var(--fd-topbar-scale));font-weight:750;letter-spacing:-.065em;line-height:1;color:#171719}
:is(#fdBouncyNav,.fd-bouncy-nav) .fd-bouncy-brand .fd-wordmark-desk{color:#629ee9}
.fd-app-dark :is(#fdBouncyNav,.fd-bouncy-nav) .fd-bouncy-brand{color:#fafafa}
.fd-app-dark :is(#fdBouncyNav,.fd-bouncy-nav) .fd-bouncy-brand .fd-wordmark-desk{color:#629ee9}
:is(#fdBouncyNav,.fd-bouncy-nav) .fd-bouncy-brand canvas{position:absolute;inset:0;width:100%;height:100%;pointer-events:none}
:is(#fdBouncyNav,.fd-bouncy-nav) .fd-bouncy-brand.fd-wordmark-ready .fd-brand-word{opacity:0}
:is(#fdBouncyNav,.fd-bouncy-nav) :is(.fd-bouncy-primary,.fd-bouncy-actions,.fd-page-subnav){height:calc(4rem*var(--fd-topbar-scale))}
:is(#fdBouncyNav,.fd-bouncy-nav) .fd-bouncy-primary{padding-top:calc(0.5rem*var(--fd-topbar-scale));padding-bottom:calc(0.5rem*var(--fd-topbar-scale));padding-right:calc(0.75rem*var(--fd-topbar-scale));border-radius:calc(1.875rem*var(--fd-topbar-scale))}
:is(#fdBouncyNav,.fd-bouncy-nav) .fd-bouncy-actions{padding:calc(0.375rem*var(--fd-topbar-scale)) calc(0.4375rem*var(--fd-topbar-scale)) calc(0.375rem*var(--fd-topbar-scale)) calc(2.125rem*var(--fd-topbar-scale));gap:calc(0.5rem*var(--fd-topbar-scale));border-radius:0 calc(1.875rem*var(--fd-topbar-scale)) calc(1.875rem*var(--fd-topbar-scale)) 0}
:is(#fdBouncyNav,.fd-bouncy-nav) .fd-page-subnav{margin:0 calc(-1.6875rem*var(--fd-topbar-scale));padding:calc(0.25rem*var(--fd-topbar-scale)) calc(1.75rem*var(--fd-topbar-scale));border-radius:0 calc(1.875rem*var(--fd-topbar-scale)) calc(1.875rem*var(--fd-topbar-scale)) 0}
.fd-topbar-group:not(.is-expanded){border-radius:calc(1.875rem*var(--fd-topbar-scale))}
:is(#fdBouncyNav,.fd-bouncy-nav) .fd-topbar-group:not(.is-expanded) .fd-bouncy-primary{border-radius:calc(1.875rem*var(--fd-topbar-scale)) 0 0 calc(1.875rem*var(--fd-topbar-scale))}
:is(#fdBouncyNav,.fd-bouncy-nav) .fd-topbar-group:not(.is-expanded) .fd-bouncy-actions{padding-left:calc(0.4375rem*var(--fd-topbar-scale))}
:is(#fdBouncyNav,.fd-bouncy-nav) .fd-topbar-group:not(.is-expanded) .fd-page-subnav{margin:0;padding:0}
.fd-app-dark :is(#fdBouncyNav,.fd-bouncy-nav) .fd-topbar-group.is-closed:not(.is-expanded) .fd-bouncy-primary{border-radius:calc(1.875rem*var(--fd-topbar-scale)) 0 0 calc(1.875rem*var(--fd-topbar-scale));padding-right:calc(0.8125rem*var(--fd-topbar-scale))}
:is(#fdBouncyNav,.fd-bouncy-nav) .fd-bouncy-scroll{padding:calc(0.5rem*var(--fd-topbar-scale)) calc(0.75rem*var(--fd-topbar-scale));margin:calc(-0.5rem*var(--fd-topbar-scale)) calc(-0.75rem*var(--fd-topbar-scale))}
:is(#fdBouncyNav,.fd-bouncy-nav) .fd-bouncy-items{height:calc(3rem*var(--fd-topbar-scale));gap:calc(0.75rem*var(--fd-topbar-scale))}
:is(#fdBouncyNav,.fd-bouncy-nav) .fd-bouncy-item{width:calc(3rem*var(--fd-topbar-scale));height:calc(3rem*var(--fd-topbar-scale));border-radius:calc(1rem*var(--fd-topbar-scale))}
:is(#fdBouncyNav,.fd-bouncy-nav) .fd-dock-icon{width:calc(1.5rem*var(--fd-topbar-scale));height:calc(1.5rem*var(--fd-topbar-scale))}
:is(#fdBouncyNav,.fd-bouncy-nav) .fd-dock-liquid{inset:calc(-0.75rem*var(--fd-topbar-scale));width:calc(100% + calc(1.5rem*var(--fd-topbar-scale)));height:calc(100% + calc(1.5rem*var(--fd-topbar-scale)));border-radius:calc(1.5rem*var(--fd-topbar-scale))}
:is(#fdBouncyNav,.fd-bouncy-nav) .fd-dock-ink{position:absolute;z-index:3;pointer-events:none;overflow:hidden;inset:calc(-0.75rem*var(--fd-topbar-scale));width:calc(100% + calc(1.5rem*var(--fd-topbar-scale)));height:calc(100% + calc(1.5rem*var(--fd-topbar-scale)));border-radius:calc(1.5rem*var(--fd-topbar-scale))}
.fd-app-dark :is(#fdBouncyNav,.fd-bouncy-nav) .fd-dock-ink{display:none}
#appScreen:not(.fd-app-dark) :is(#fdBouncyNav,.fd-bouncy-nav) .fd-dock-icon{opacity:0}
/* The dock label does not shrink with the topbar scale: it matches the shared tooltip size used across the page. */
:is(#fdBouncyNav,.fd-bouncy-nav) .fd-dock-tooltip{padding:0.5rem 0.75rem;border-radius:0.625rem;font-size:0.75rem}
.fd-page-subnav-options{gap:calc(0.5rem*var(--fd-topbar-scale))}
:is(#fdBouncyNav,.fd-bouncy-nav) .fd-page-subnav .fd-subnav-item{flex:1 0 calc(4.625rem*var(--fd-topbar-scale));min-width:calc(4.625rem*var(--fd-topbar-scale));height:calc(2.75rem*var(--fd-topbar-scale));padding:calc(0.1875rem*var(--fd-topbar-scale)) calc(0.25rem*var(--fd-topbar-scale))}
.fd-subnav-item svg{width:calc(1.375rem*var(--fd-topbar-scale));height:calc(1.375rem*var(--fd-topbar-scale))}
.fd-subnav-item span{font-size:calc(0.75rem*var(--fd-topbar-scale));line-height:calc(0.75rem*var(--fd-topbar-scale));margin-top:calc(0.1875rem*var(--fd-topbar-scale))}
:is(#fdBouncyNav,.fd-bouncy-nav) .fd-logout-button,
:is(#fdBouncyNav,.fd-bouncy-nav) .fd-logout-button:hover{width:calc(2.5rem*var(--fd-topbar-scale));height:calc(2.5rem*var(--fd-topbar-scale));min-height:calc(2.5rem*var(--fd-topbar-scale))}
.fd-logout-sign svg{width:calc(1.1875rem*var(--fd-topbar-scale));height:calc(1.1875rem*var(--fd-topbar-scale))}
.fd-logout-text{font-size:calc(0.8125rem*var(--fd-topbar-scale))}
:is(#fdBouncyNav,.fd-bouncy-nav) .fd-logout-button:is(:hover,:focus-visible){width:calc(6.75rem*var(--fd-topbar-scale));border-radius:calc(2.5rem*var(--fd-topbar-scale))}
.fd-logout-button:is(:hover,:focus-visible) .fd-logout-sign{padding-left:calc(1rem*var(--fd-topbar-scale))}
.fd-logout-button:is(:hover,:focus-visible) .fd-logout-text{padding-right:calc(0.625rem*var(--fd-topbar-scale))}
@media(max-width:600px){:is(#fdBouncyNav,.fd-bouncy-nav) .fd-bouncy-items{height:auto;gap:calc(0.75rem*var(--fd-topbar-scale)) 0}:is(#fdBouncyNav,.fd-bouncy-nav) .fd-bouncy-item{width:100%}:is(#fdBouncyNav,.fd-bouncy-nav) .fd-bouncy-actions{border-radius:62.4375rem;padding-left:calc(0.4375rem*var(--fd-topbar-scale))}:is(#fdBouncyNav,.fd-bouncy-nav) .fd-page-subnav{border-radius:62.4375rem}}
/* Person context menu (room members and carousel cards): level 1 actions, level 2 profile/permissions/rooms. */
.fd-config-list.fd-person-menu{align-items:flex-start}
.fd-config-list,.fd-call-toast,.fd-call-direct{font-family:Inter,-apple-system,BlinkMacSystemFont,"Segoe UI",sans-serif;color:var(--fd-text)}
.fd-person-menu>.fd-config-pane{max-height:var(--fd-person-max,32.5rem)!important;overflow:hidden auto!important;scrollbar-width:thin}
.fd-person-menu>.fd-config-primary{width:15.5rem}
.fd-person-menu .fd-config-list-row:disabled{opacity:.45;cursor:default;pointer-events:none}
.fd-person-menu .fd-config-list-row.is-danger,.fd-person-menu .fd-config-list-row.is-danger svg{color:#c54451}
.fd-person-menu .fd-config-list-row.is-danger:is(:hover,:focus-visible){background:#d859650c;border-color:#d8596538;color:#c54451}
.fd-person-menu .fd-config-list-row.is-danger:is(:hover,:focus-visible) svg{color:#c54451}
.fd-person-head{display:flex;align-items:center;gap:0.6875rem;min-width:0;padding:0.4375rem 0.8125rem 0.3125rem}
.fd-person-names{display:flex;flex-direction:column;gap:0.1875rem;min-width:0}
.fd-person-names strong{font-size:0.8125rem;font-weight:500;line-height:1.35;letter-spacing:.14px;color:var(--fd-text);white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
.fd-person-presence{min-width:0}
.fd-person-presence-text{min-width:0;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}
.fd-person-profile>.fd-person-presence{justify-content:center}
.fd-person-avatar{flex-shrink:0;display:grid;place-items:center;width:2.375rem;height:2.375rem;border-radius:50%;overflow:hidden;background:#88888818;color:var(--fd-text);font-size:0.875rem;font-weight:500;line-height:1}
.fd-person-avatar img{width:100%;height:100%;object-fit:cover}
.fd-person-avatar.is-large{width:4rem;height:4rem;font-size:1.375rem}
.fd-person-sep{flex-shrink:0;height:1px;margin:0.1875rem 0.75rem;background:#0000000f;box-shadow:0 1px 0 #ffffff80}
.fd-person-menu .fd-person-vol{padding:0 0 0.1875rem}
#page-call.fd-v2-settings-host .fd-person-vol .call-settings-vol-label{display:grid;grid-template-columns:1.0625rem 1fr;align-items:center;gap:0.25rem 0.6875rem;padding:0.6875rem 0.8125rem 0;font-size:0.75rem;font-weight:500;line-height:1.3;color:var(--fd-text)}
.fd-person-vol .call-settings-vol-label>svg{width:1.0625rem;height:1.0625rem;color:inherit}
#page-call.fd-v2-settings-host .fd-person-vol .call-settings-vol{grid-column:1/-1;min-height:2.125rem;margin:0 -0.8125rem;padding:0 0.75rem;gap:0.6875rem}
.fd-person-vol-track{position:relative;flex:1;display:flex;align-items:center;min-width:0}
#page-call.fd-v2-settings-host .fd-person-vol .call-settings-vol input[type="range"]{position:relative;z-index:1;width:100%;min-width:0;margin:0}
.fd-person-vol-mark{position:absolute;left:50%;top:50%;width:0.125rem;height:0.9375rem;border-radius:0.125rem;background:#8a96a3;opacity:.55;transform:translate(-50%,-50%);pointer-events:none}
#page-call.fd-v2-settings-host .fd-person-vol .call-settings-vol b{min-width:2.375rem;text-align:right;font-size:0.75rem;font-weight:500;color:var(--fd-text-muted);font-variant-numeric:tabular-nums}
.fd-person-menu>.fd-person-pane{width:17rem}
.fd-person-menu>.fd-person-pane.is-wide{--fd-perm-gap:0.5rem;--fd-perm-inset:0.875rem;width:24rem;display:flex;flex-direction:column;overflow:hidden!important;scrollbar-width:none!important}
.fd-person-menu>.fd-person-pane.is-wide>.fd-config-inline{flex:1 1 auto!important;min-height:0;overflow-x:hidden!important;overflow-y:auto!important;padding-right:var(--fd-perm-gap);scrollbar-width:thin;scrollbar-color:rgb(90 98 110 / .28) transparent}
.fd-person-menu>.fd-person-pane.is-wide>.fd-config-inline::-webkit-scrollbar{width:0.375rem}
.fd-person-menu>.fd-person-pane.is-wide>.fd-config-inline::-webkit-scrollbar-button{display:none;height:0;width:0}
.fd-person-menu>.fd-person-pane.is-wide>.fd-config-inline::-webkit-scrollbar-thumb{background:rgb(90 98 110 / .32);border-radius:6.1875rem}
.fd-person-menu>.fd-person-pane.is-wide>.fd-config-inline::-webkit-scrollbar-track{background:transparent}
.fd-app-dark .fd-person-menu>.fd-person-pane.is-wide>.fd-config-inline{scrollbar-color:rgb(255 255 255 / .22) transparent}
.fd-app-dark .fd-person-menu>.fd-person-pane.is-wide>.fd-config-inline::-webkit-scrollbar-thumb{background:rgb(255 255 255 / .22)}
.fd-person-profile{display:flex;flex-direction:column;align-items:center;gap:0.3125rem;padding:0.375rem 0 0.125rem;text-align:center}
.fd-person-profile>strong{margin-top:0.3125rem;font-size:0.875rem;font-weight:600;color:var(--fd-text)}
/* Profile photo stage: 16:9 frame from the circle cropper, with the chosen circle left as a spotlight. */
.fd-person-crop{align-self:stretch;display:flex;flex-direction:column;gap:0.5rem;width:100%}
.fd-person-crop-view{position:relative;overflow:hidden;width:100%;aspect-ratio:16/9;border-radius:0.5rem;background:#141416;box-shadow:0 0 0 1px rgb(0 0 0 / 0.45),0 1rem 2.25rem rgb(0 0 0 / 0.55);cursor:pointer}
.fd-person-crop.is-editing .fd-person-crop-view{cursor:default}
.fd-person-crop-view:focus-visible{outline:0.125rem solid #eb5e41;outline-offset:0.125rem}
.fd-person-crop-image{position:absolute;inset:0;width:100%;height:100%;object-fit:contain;transform-origin:center;pointer-events:none;user-select:none}
.fd-person-crop-fallback{position:absolute;inset:0;display:none;place-items:center;pointer-events:none}
.fd-person-crop.is-empty .fd-person-crop-fallback{display:grid;width:min(78%,calc(100% * 9 / 16));height:auto;aspect-ratio:1;inset:auto;top:50%;left:50%;transform:translate(-50%,-50%);border-radius:50%}
.fd-call-silhouette{background:#ececee;color:#6e727a}
.fd-call-silhouette svg{width:58%;height:58%;fill:currentColor}
html[data-theme='dark'] .fd-call-silhouette,html[data-theme='cinza'] .fd-call-silhouette,.fd-app-dark .fd-call-silhouette{background:#2a2b2e;color:#e6e7ea}
.fd-participant-initial.fd-call-silhouette{font-size:0}
.fd-app-dark .fd-participant-avatar>.fd-participant-initial.fd-call-silhouette{background:#2a2b2e;color:#e6e7ea}
.fd-person-crop-selection{position:absolute;box-sizing:border-box;border:0.125rem solid transparent;border-radius:624.9375rem;box-shadow:0 0 0 624.9375rem #000;pointer-events:none}
.fd-person-crop.is-editing .fd-person-crop-selection{border-color:#eb5e41;pointer-events:auto;cursor:move;box-shadow:0 0 0 624.9375rem rgb(0 0 0 / 0.5)}
.fd-person-crop.is-dragging .fd-person-crop-selection{cursor:grabbing;border-color:rgb(255 255 255 / 0.85)}
.fd-person-crop-handle{position:absolute;display:none;align-items:center;justify-content:center;width:0.875rem;height:0.875rem;transform:translate(-50%,-50%);touch-action:none}
.fd-person-crop.is-editing .fd-person-crop-handle{display:flex}
.fd-person-crop-handle>span{width:0.375rem;height:0.375rem;background:#fff;box-shadow:0 1px 0.1875rem rgb(0 0 0 / 0.35)}
.fd-person-crop-handle[data-position="top-left"]{left:14.65%;top:14.65%;cursor:nwse-resize}
.fd-person-crop-handle[data-position="top-right"]{left:85.35%;top:14.65%;cursor:nesw-resize}
.fd-person-crop-handle[data-position="bottom-right"]{left:85.35%;top:85.35%;cursor:nwse-resize}
.fd-person-crop-handle[data-position="bottom-left"]{left:14.65%;top:85.35%;cursor:nesw-resize}
.fd-person-crop-handle[data-position="top"]{left:50%;top:0;cursor:ns-resize}
.fd-person-crop-handle[data-position="bottom"]{left:50%;top:100%;cursor:ns-resize}
.fd-person-crop-handle[data-position="left"]{left:0;top:50%;cursor:ew-resize}
.fd-person-crop-handle[data-position="right"]{left:100%;top:50%;cursor:ew-resize}
.fd-person-crop-grid{position:absolute;pointer-events:none;opacity:0}
.fd-person-crop-grid.is-x{left:0;right:0;top:33.33%;bottom:33.33%;border-top:1px solid rgb(255 255 255 / 0.4);border-bottom:1px solid rgb(255 255 255 / 0.4)}
.fd-person-crop-grid.is-y{top:0;bottom:0;left:33.33%;right:33.33%;border-left:1px solid rgb(255 255 255 / 0.4);border-right:1px solid rgb(255 255 255 / 0.4)}
.fd-person-crop.is-dragging .fd-person-crop-grid{opacity:1}
.fd-person-crop .fd-person-actions{width:100%}
.fd-person-facts{align-self:stretch;display:flex;flex-direction:column;gap:0.375rem;margin:0.625rem 0 0;padding:0}
.fd-person-facts>div{display:flex;flex-direction:column;gap:0.125rem;padding:0.5rem 0.6875rem;border:1px solid #ffffff70;border-radius:0.8125rem;background:#ffffff38;box-shadow:inset 0 1px 1px #ffffff60;text-align:left}
.fd-person-facts dt{font-size:0.625rem;font-weight:500;letter-spacing:.7px;text-transform:uppercase;color:var(--fd-text-muted)}
.fd-person-facts dd{margin:0;font-size:0.75rem;font-weight:500;line-height:1.45;color:var(--fd-text)}
.fd-person-rooms{display:flex;flex-direction:column;gap:1px}
.fd-person-note{margin:0.125rem 0.125rem 0.75rem;font-size:0.75rem;line-height:1.55;color:var(--fd-text)}
.fd-person-note strong{font-weight:600}
.fd-person-actions{display:flex;gap:0.4375rem;padding-top:0.125rem}
.fd-person-actions.is-sticky{flex-shrink:0;margin:0.5rem var(--fd-perm-inset,0.4375rem) 0 0;padding:0.625rem 0 0.25rem;border-top:1px solid #ffffff60}
.fd-person-btn{flex:1;min-width:0;padding:0.625rem 0.375rem;border:1px solid #ffffff70;border-radius:0.6875rem;background:#ffffff50;color:var(--fd-text);font:inherit;font-size:0.75rem;font-weight:500;white-space:nowrap;cursor:pointer;box-shadow:inset 0 1px 1px #ffffff80;transition:filter .18s,box-shadow .18s}
.fd-person-btn.is-primary{background:#087cf0;border-color:#168bff;color:#fff;box-shadow:inset 0 1px 1px #ffffff30,0 0.1875rem 0.5rem #0078ff18}
.fd-person-btn:hover:not(:disabled){filter:brightness(1.05);box-shadow:0 0.1875rem 0.5625rem #00000012}
.fd-person-btn:focus-visible{outline:0.125rem solid #168bff;outline-offset:0.125rem}
.fd-person-btn:disabled{opacity:.55;cursor:default}
#page-call.fd-v2-settings-host .fd-user-perm{display:flex;flex-direction:column;gap:0.625rem;overflow:visible;padding:0}
#page-call.fd-v2-settings-host .fd-user-perm .call-user-perm-toolbar{display:grid;grid-template-columns:minmax(0,1fr) auto;gap:0.5rem;align-items:end}
#page-call.fd-v2-settings-host .fd-user-perm .call-user-perm-toolbar .call-field{display:flex;flex-direction:column;gap:0.3125rem;min-width:0;margin:0;font-size:0.6875rem;font-weight:500;color:var(--fd-text-muted)}
#page-call.fd-v2-settings-host .fd-user-perm .call-field>span{font-size:0.6875rem;font-weight:500;letter-spacing:.2px;color:var(--fd-text-muted)}
#page-call.fd-v2-settings-host .fd-config-inline .fd-user-perm input[type="text"]{height:2.625rem!important;border:1px solid #ffffff80!important;border-radius:0.75rem!important;background:linear-gradient(145deg,#ffffff55,#ffffff24)!important;box-shadow:inset 0 1px 1px #ffffff80!important;color:var(--fd-text)!important;font-weight:500!important}
#page-call.fd-v2-settings-host .fd-config-inline .fd-user-perm input[type="text"]:focus-visible{outline:none!important;border-color:#ffffffc0!important;box-shadow:inset 0 1px 1px #ffffff80!important}
#page-call.fd-v2-settings-host .fd-user-perm .call-user-perm-toolbar :is(.call-text-btn,.call-primary-btn){box-sizing:border-box;height:auto!important;min-height:0!important;padding:0.625rem 0.375rem!important;border-radius:0.6875rem!important;font-size:0.75rem!important;font-weight:500!important;line-height:1.45!important;white-space:nowrap;cursor:pointer}
#page-call.fd-v2-settings-host .fd-user-perm .call-text-btn{border:1px solid #ffffff70;background:#ffffff50;color:var(--fd-text);box-shadow:inset 0 1px 1px #ffffff80}
#page-call.fd-v2-settings-host .fd-user-perm .call-primary-btn{border:1px solid #168bff;background:#087cf0;color:#fff;box-shadow:inset 0 1px 1px #ffffff30,0 0.1875rem 0.5rem #0078ff18}
#page-call.fd-v2-settings-host .fd-user-perm :is(.call-text-btn,.call-primary-btn):focus-visible{outline:none}
#page-call.fd-v2-settings-host .fd-user-perm .call-hint{margin:0;padding:0.5rem 0.6875rem;border:1px solid #ffffff70;border-radius:0.8125rem;background:#ffffff38;box-shadow:inset 0 1px 1px #ffffff60;font-size:0.75rem;font-weight:500;line-height:1.45;color:var(--fd-text-muted)}
#page-call.fd-v2-settings-host .fd-user-perm .call-user-perm-block{display:flex;flex-direction:column;gap:0.5625rem;padding:0.625rem 0.6875rem;border:1px solid #ffffff70;border-radius:0.875rem;background:#ffffff38;box-shadow:inset 0 1px 1px #ffffff60;transition:border-color .18s,background .18s}
#page-call.fd-v2-settings-host .fd-user-perm .call-user-perm-block.is-active{border-color:#0078ff3d;background:#0078ff0a;box-shadow:inset 0 1px 1px #ffffff60,0 0 0 0.1875rem #0078ff0d}
#page-call.fd-v2-settings-host .fd-user-perm .call-user-perm-block header{display:flex;flex-direction:column;align-items:stretch;gap:0.25rem}
#page-call.fd-v2-settings-host .fd-user-perm .call-user-perm-block h4{margin:0;font-size:0.78125rem;font-weight:600;color:var(--fd-text)}
#page-call.fd-v2-settings-host .fd-user-perm .call-user-perm-servers-title{margin:0.25rem 0 0;padding:0;font-size:0.625rem;font-weight:500;letter-spacing:.7px;text-transform:uppercase;color:var(--fd-text-muted)}
#page-call.fd-v2-settings-host .fd-user-perm .call-user-perm-papel{align-self:flex-start;padding:0.125rem 0.5rem;border:1px solid #ffffff80;border-radius:6.1875rem;background:#ffffff60;color:var(--fd-text-muted);font-size:0.625rem;font-weight:600;letter-spacing:.4px;text-transform:none}
#page-call.fd-v2-settings-host .fd-user-perm .call-user-perm-group h5{margin:0.125rem 0 0.25rem;font-size:0.625rem;font-weight:500;letter-spacing:.6px;text-transform:uppercase;color:var(--fd-text-muted)}
#page-call.fd-v2-settings-host .fd-user-perm .call-user-perm-grid{display:flex;flex-direction:column;gap:0.125rem}
#page-call.fd-v2-settings-host .fd-user-perm :is(.call-user-perm-check,header .call-check){display:grid!important;grid-template-columns:1.6875rem minmax(0,1fr);align-items:center;column-gap:0.625rem!important;width:100%;min-height:2rem;margin:0!important;font-size:0.75rem;font-weight:500!important;color:var(--fd-text)!important;cursor:pointer}
#page-call.fd-v2-settings-host .fd-user-perm .fd-elastic-checkbox{margin:0!important;justify-self:center}
#page-call.fd-v2-settings-host .fd-user-perm .call-user-perm-check{min-width:0}
#page-call.fd-v2-settings-host .fd-user-perm .call-user-perm-check:has(input:disabled){opacity:.55;cursor:default}
#page-call.fd-v2-settings-host .fd-user-perm .call-hint{margin:0}
#page-call.fd-v2-settings-host .fd-user-perm.is-skeleton{pointer-events:none;user-select:none}
#page-call.fd-v2-settings-host .fd-user-perm.is-skeleton :is(h4,h5,.call-hint,.call-user-perm-servers-title,.call-field>span,.call-user-perm-check>span:not(.fd-elastic-checkbox),header .call-check){width:fit-content;max-width:100%;border-radius:0.375rem;color:transparent!important;background:linear-gradient(100deg,#ffffff28 15%,#ffffff85 45%,#ffffff28 75%);background-size:220% 100%;animation:fd-skeleton-shimmer 1.5s ease-in-out infinite}
#page-call.fd-v2-settings-host .fd-user-perm.is-skeleton :is(.fd-glass-select-trigger,select,input[type="text"],.call-text-btn,.call-primary-btn,.fd-elastic-box){border-color:transparent!important;box-shadow:none!important;color:transparent!important;background:linear-gradient(100deg,#ffffff28 15%,#ffffff85 45%,#ffffff28 75%)!important;background-size:220% 100%!important;animation:fd-skeleton-shimmer 1.5s ease-in-out infinite}
#page-call.fd-v2-settings-host .fd-user-perm.is-skeleton :is(.fd-glass-select-trigger,.fd-elastic-box) *,#page-call.fd-v2-settings-host .fd-user-perm.is-skeleton .fd-elastic-box::after,#page-call.fd-v2-settings-host .fd-user-perm.is-skeleton input::placeholder{opacity:0}
#page-call.fd-v2-settings-host .fd-user-perm.is-skeleton .call-user-perm-papel{visibility:hidden}
#page-call.fd-v2-settings-host .fd-user-perm.is-skeleton .call-user-perm-block{border-color:#ffffff70;background:#ffffff38}
.fd-app-dark .fd-person-sep{background:#ffffff14;box-shadow:none}
.fd-app-dark .fd-person-menu .fd-config-list-row.is-danger,.fd-app-dark .fd-person-menu .fd-config-list-row.is-danger svg{color:#ff8993}
.fd-app-dark .fd-person-avatar{background:#ffffff1c;color:#eeeef0}
.fd-app-dark .fd-person-facts>div,.fd-app-dark #page-call.fd-v2-settings-host .fd-user-perm .call-user-perm-block,.fd-app-dark #page-call.fd-v2-settings-host .fd-user-perm .call-hint{background:#ffffff08;border-color:#ffffff1c;box-shadow:inset 0 1px 1px #ffffff12}
.fd-app-dark #page-call.fd-v2-settings-host .fd-user-perm .call-user-perm-block.is-active{background:#429cff12;border-color:#429cff40}
.fd-app-dark #page-call.fd-v2-settings-host .fd-user-perm .call-user-perm-papel{background:#ffffff10;border-color:#ffffff24;color:#c8c9ce}
.fd-app-dark #page-call.fd-v2-settings-host .fd-config-inline .fd-user-perm input[type="text"]{background:linear-gradient(145deg,#ffffff14,#ffffff08)!important;border-color:#ffffff30!important;box-shadow:inset 0 1px 1px #ffffff20!important}
.fd-app-dark #page-call.fd-v2-settings-host .fd-user-perm .call-text-btn{background:#ffffff10;border-color:#ffffff24;color:var(--fd-text);box-shadow:inset 0 1px 1px #ffffff20}
.fd-app-dark #page-call.fd-v2-settings-host .fd-user-perm .call-primary-btn{background:#087cf0;border-color:#168bff;color:#fff;box-shadow:inset 0 1px 1px #ffffff30,0 0.1875rem 0.5rem #0078ff18}
.fd-app-dark .fd-person-btn:not(.is-primary){background:#ffffff10;border-color:#ffffff24;box-shadow:inset 0 1px 1px #ffffff20}
.fd-app-dark .fd-person-actions.is-sticky{border-top-color:#ffffff1c}
.fd-app-dark #page-call.fd-v2-settings-host .fd-user-perm.is-skeleton :is(h4,h5,.call-hint,.call-user-perm-servers-title,.call-field>span,.call-user-perm-check>span:not(.fd-elastic-checkbox),header .call-check){background-image:linear-gradient(100deg,#ffffff05 15%,#ffffff20 45%,#ffffff05 75%)}
.fd-app-dark #page-call.fd-v2-settings-host .fd-user-perm.is-skeleton :is(.fd-glass-select-trigger,select,input[type="text"],.call-text-btn,.call-primary-btn,.fd-elastic-box){background-image:linear-gradient(100deg,#ffffff05 15%,#ffffff20 45%,#ffffff05 75%)!important}
/* Feedback toast and 1:1 call card, inside the Call card. */
.fd-call-toast{position:absolute;left:50%;bottom:1.375rem;z-index:2400;box-sizing:border-box;max-width:min(26.25rem,calc(100% - 2.5rem));padding:0.625rem 1rem;border:1px solid #ffffffa6;border-radius:1rem;background:linear-gradient(135deg,#ffffffeb,#f1f1f1e0);backdrop-filter:blur(1.125rem) saturate(1.1);-webkit-backdrop-filter:blur(1.125rem) saturate(1.1);box-shadow:inset 0 1px 1px #ffffffc0,0 0.625rem 1.75rem #0000001f;color:var(--fd-text);font-size:0.75rem;font-weight:500;line-height:1.45;text-align:center;opacity:0;transform:translate(-50%,0.5rem);pointer-events:none;transition:opacity .22s,transform .32s cubic-bezier(.22,1,.36,1)}
.fd-call-toast.is-visible{opacity:1;transform:translate(-50%,0)}
.fd-call-toast[data-tone="error"]{color:#c42f3f}
.fd-call-direct{position:absolute;top:4.125rem;left:50%;z-index:2350;display:flex;align-items:center;gap:0.75rem;padding:0.4375rem 0.4375rem 0.4375rem 0.5rem;border:1px solid #ffffffa6;border-radius:62.4375rem;background:linear-gradient(135deg,#ffffffeb,#f1f1f1e0);backdrop-filter:blur(1.125rem) saturate(1.1);-webkit-backdrop-filter:blur(1.125rem) saturate(1.1);box-shadow:inset 0 1px 1px #ffffffc0,0 0.75rem 1.875rem #00000024;transform:translateX(-50%);animation:fd-direct-in .36s cubic-bezier(.22,1,.36,1)}
.fd-call-direct.is-leaving{animation:fd-direct-out .2s ease forwards}
.fd-person-avatar.is-direct{width:2.5rem;height:2.5rem;font-size:0.9375rem}
.fd-call-direct:is([data-mode="outgoing"],[data-mode="incoming"]) .fd-person-avatar{animation:fd-direct-ring 1.4s ease-out infinite}
.fd-call-direct-names{display:flex;flex-direction:column;gap:1px;min-width:7.5rem;max-width:13.75rem}
.fd-call-direct-names strong{font-size:0.8125rem;font-weight:600;color:var(--fd-text);white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
.fd-call-direct-status{font-size:0.6875rem;color:var(--fd-text-muted);font-variant-numeric:tabular-nums}
.fd-call-direct-actions{display:flex;gap:0.375rem}
.fd-call-direct-btn{display:grid;place-items:center;width:2.375rem;height:2.375rem;padding:0;border:1px solid #ffffff80;border-radius:50%;background:#ffffff60;color:var(--fd-text);cursor:pointer;box-shadow:inset 0 1px 1px #ffffffb0;transition:transform .18s,filter .18s}
.fd-call-direct-btn svg{width:1.125rem;height:1.125rem}
.fd-call-direct-btn:is(:hover,.is-raised):not(:disabled){transform:translateY(-1px);filter:brightness(1.05)}
.fd-call-direct-btn:focus-visible{outline:0.125rem solid #168bff;outline-offset:0.125rem}
.fd-call-direct-btn:disabled{opacity:.6;cursor:default}
.fd-call-direct-btn.is-danger{background:#e5484d;border-color:#f06368;color:#fff;box-shadow:inset 0 1px 1px #ffffff40,0 0.1875rem 0.5625rem #e5484d40}
.fd-call-direct-btn.is-accept{background:#2fb870;border-color:#45c985;color:#fff;box-shadow:inset 0 1px 1px #ffffff40,0 0.1875rem 0.5625rem #2fb87040}
.fd-call-direct-btn.is-off{color:#e5484d}
@keyframes fd-direct-in{from{opacity:0;transform:translate(-50%,-0.625rem) scale(.96)}to{opacity:1;transform:translateX(-50%)}}
@keyframes fd-direct-out{to{opacity:0;transform:translate(-50%,-0.375rem) scale(.97)}}
@keyframes fd-direct-ring{from{box-shadow:0 0 0 0 #0078ff45}to{box-shadow:0 0 0 0.75rem #0078ff00}}
.fd-app-dark :is(.fd-call-toast,.fd-call-direct){background:linear-gradient(135deg,#45474cf0,#303237eb 58%,#383b41eb);border-color:#ffffff30;box-shadow:inset 0 1px 1px #ffffff30,0 0.75rem 1.875rem #00000040}
.fd-app-dark .fd-call-toast[data-tone="error"]{color:#ff8993}
.fd-app-dark .fd-call-direct-btn:not(.is-danger):not(.is-accept){background:#ffffff12;border-color:#ffffff26;box-shadow:inset 0 1px 1px #ffffff20}

/* Chats stage: contato and detalhes sit left of the topbar; the chat card wraps around it. */
:is(#appScreen,.fd-app-screen).fd-v2-minimal .main-content > .fd-chats-stage:not([hidden]){display:block !important}
:is(#appScreen,.fd-app-screen).fd-v2-minimal .main-content.fd-page-glass:has(>.fd-chats-stage:not([hidden])){overflow:hidden}
.fd-chats-stage{position:absolute;inset:0;z-index:1;pointer-events:none}
/* Card inicial: superfície v2 com recorte concêntrico à topbar. */
:is(#appScreen,.fd-app-screen).fd-v2-minimal .main-content>.fd-dashboard-stage:not([hidden]):not(#fd-sem-id){display:block!important}
.fd-dashboard-stage{position:absolute;inset:0;z-index:1;pointer-events:none}
.fd-dashboard-stage[hidden]{display:none!important}
.fd-dashboard-stage>.fd-dashboard-hero{border:0}
.fd-dashboard-hero>svg{position:absolute;inset:0;width:100%;height:100%;pointer-events:none}
.fd-dashboard-hero>svg>path{fill:none;stroke:#ffffffa6;stroke-width:2}
.fd-app-dark .fd-dashboard-hero>svg>path{stroke:#ffffff30}
.fd-dashboard-glass-stack{position:absolute;inset:10px;display:grid;grid-template-rows:repeat(4,minmax(0,1fr));gap:10px;min-width:0;min-height:0}
.fd-dashboard-sla-heading,.fd-dashboard-sla-title{display:flex;align-items:center;box-sizing:border-box;min-width:0;min-height:0;margin:0;padding:0 10px;color:#26282d;font:400 36px/1 'FD Glow Bebas Neue',sans-serif;letter-spacing:0;text-align:left}
.fd-dashboard-sla-heading{border:1px solid transparent}
.fd-dashboard-sla-title{height:100%}
.fd-app-dark :is(.fd-dashboard-sla-heading,.fd-dashboard-sla-title){color:#edf1f7}
.fd-dashboard-liquid-card{position:relative;isolation:isolate;box-sizing:border-box;min-width:0;min-height:0;overflow:hidden;border-radius:12px;border:1px solid rgba(255,255,255,.7);background:linear-gradient(135deg,rgba(255,255,255,.42),rgba(255,255,255,.12) 48%,rgba(211,222,238,.18));backdrop-filter:blur(14px) saturate(1.4);-webkit-backdrop-filter:blur(14px) saturate(1.4);box-shadow:inset 0 1px 1px rgba(255,255,255,.85),inset 0 -1px 1px rgba(255,255,255,.3),0 3px 10px rgba(28,40,60,.06)}
.fd-dashboard-liquid-card::before{content:"";position:absolute;inset:0;z-index:-1;border-radius:inherit;pointer-events:none;background:radial-gradient(ellipse at 0 0,rgba(255,255,255,.6),transparent 65%),linear-gradient(160deg,rgba(255,255,255,.14),transparent 45%,rgba(255,255,255,.08));opacity:.7}
.fd-app-dark .fd-dashboard-liquid-card{border-color:rgba(255,255,255,.18);background:linear-gradient(135deg,rgba(255,255,255,.12),rgba(255,255,255,.025) 48%,rgba(147,174,215,.06));box-shadow:inset 0 1px 1px rgba(255,255,255,.2),inset 0 -1px 1px rgba(255,255,255,.04),0 3px 10px rgba(0,0,0,.12)}
.fd-app-dark .fd-dashboard-liquid-card::before{opacity:.18}
.fd-dashboard-greeting{position:absolute;left:20px;top:14px;margin:0;min-width:0;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;color:#26282d;font:400 17px/1.4 Inter,'Segoe UI',sans-serif;letter-spacing:-0.2px}
.fd-dashboard-greeting>strong{font-weight:600}
.fd-dashboard-greeting-divider{position:absolute;height:1px;background:#629ee94d;pointer-events:none}
/* Duas linhas corridas no recorte superior do card (30/10/2026): começa a 5 px do topo e termina na base da
   barra; a fonte é calculada no paint (dashboard-glass-card.js) para preencher essa altura. */
.fd-dashboard-greeting{display:-webkit-box;-webkit-box-orient:vertical;-webkit-line-clamp:2;white-space:normal;line-height:1.25;letter-spacing:-0.2px;text-align:center;text-align-last:left}
.fd-dashboard-greeting>strong{font-weight:700}
.fd-dashboard-greeting>span{color:#4b5565}
.fd-app-dark .fd-dashboard-greeting>span{color:#b7c0ce}
.fd-app-dark .fd-dashboard-greeting{color:#edf1f7}
.fd-dashboard-greeting a{color:#2877d5;font:inherit;text-decoration:none}
.fd-dashboard-greeting a:is(:hover,:focus-visible){text-decoration:underline;text-underline-offset:2px}
.fd-dashboard-greeting a:focus-visible{outline:1px solid currentColor;outline-offset:2px;border-radius:2px}
.fd-app-dark .fd-dashboard-greeting a{color:#8ebefa}
.fd-chats-stage[hidden]{display:none !important}
/* Na repaginação, a página v1 permanece oculta; só a timeline v2 é montada. */
.fd-v2-minimal #page-chats{display:none!important;pointer-events:none!important}
.fd-v2-messages{--fd-message-radius:0.5rem;position:absolute;inset:var(--fd-chat-timeline-top,5rem) 0.875rem 6rem 0.625rem;z-index:2;box-sizing:border-box;overflow:auto;scrollbar-gutter:stable;scrollbar-width:thin;padding:0.75rem 0.875rem;display:flex;flex-direction:column;gap:0.75rem;font:0.875rem/1.45 Inter,-apple-system,BlinkMacSystemFont,"Segoe UI",sans-serif;color:#1c2a44}
.fd-v2-message-row{display:flex;align-items:flex-start;gap:0.5rem;width:100%;flex:0 0 auto;margin-bottom:0.25rem}
.fd-v2-message-row.is-client{justify-content:flex-start}
.fd-v2-message-row.is-analyst{flex-direction:row-reverse;justify-content:flex-start}
.fd-v2-message-row.is-note{justify-content:center}
.fd-v2-message-bubble{box-sizing:border-box;max-width:62%;min-width:0;padding:0.75rem;border:0;border-radius:var(--fd-message-radius);background:#eceef2;color:#242833;box-shadow:none}
.is-analyst>.fd-v2-message-content>.fd-v2-message-bubble{background:#2877d5;color:#fff}
.fd-v2-message-avatar{position:relative;display:grid;place-items:center;flex:0 0 2rem;width:2rem;height:2rem;overflow:hidden;border-radius:50%;background:#e2e7ef;color:#43516a;font-size:0.6875rem;font-weight:600}
.fd-v2-message-avatar img{position:absolute;inset:0;width:100%;height:100%;object-fit:cover}
.is-analyst>.fd-v2-message-avatar{background:#d8e8fc;color:#20549a}
.is-note>.fd-v2-message-content>.fd-v2-message-bubble{background:linear-gradient(165deg,rgba(230,215,250,.9),rgba(245,237,255,.85));border-color:rgba(163,128,209,.3);color:#49335e}
.fd-v2-message-text{white-space:pre-wrap;overflow-wrap:anywhere}
.fd-v2-message-label{display:block;margin-bottom:0.25rem;font-size:0.75rem}
.fd-v2-message-time{display:block;margin-top:0.1875rem;text-align:right;font-size:0.6875rem;color:#61728b}
.is-analyst>.fd-v2-message-content>.fd-v2-message-bubble .fd-v2-message-time{color:#dceaff}
.is-analyst>.fd-v2-message-content>.fd-v2-message-bubble .fd-v2-message-file{color:#fff}
.fd-v2-message-file{display:block;margin-top:0.375rem;color:#0a5fd4;overflow-wrap:anywhere}
.fd-v2-message-bubble .fd-v2-message-file{display:flex;align-items:center;gap:0.75rem;padding:0.75rem;border-radius:0.375rem;background:rgba(127,127,127,.1);color:inherit;text-decoration:none;min-width:13.75rem;max-width:100%;box-sizing:border-box}
.fd-v2-file-icon{display:grid;place-items:center;flex:none;width:1.625rem;height:2.125rem;border-radius:0.1875rem;background:#df1748;color:#fff;font:700 0.5625rem/1 Inter,sans-serif}
.fd-v2-file-copy{display:flex;flex-direction:column;gap:0.3125rem;min-width:0}
.fd-v2-file-copy small{font-size:0.6875rem;opacity:.7}
.fd-app-dark .fd-v2-message-bubble{color:#f1f3f7;background:#30343d}
.fd-app-dark .is-analyst>.fd-v2-message-content>.fd-v2-message-bubble{background:#245fa6}
.fd-app-dark .is-note>.fd-v2-message-content>.fd-v2-message-bubble{background:linear-gradient(165deg,rgba(83,61,110,.92),rgba(59,45,79,.88));color:#f0e4ff}
.fd-app-dark .fd-v2-message-time{color:#b3c5df}
.fd-app-dark .fd-v2-message-file{color:#a9d0ff}
.fd-app-dark .fd-v2-message-avatar{background:#353c48;color:#d9e5f6}
.fd-v2-messages .fd-v2-message-bubble.has-audio{width:100%;max-width:100%;padding:0;background:transparent;box-shadow:none}
.fd-v2-messages .has-audio>.fd-v2-message-time{color:#61728b;padding-right:0.75rem}
.fd-app-dark .fd-v2-messages .has-audio>.fd-v2-message-time{color:#b3c5df}
.fd-v2-messages .has-audio>.fd-v2-message-text{margin:0.5rem 0.75rem;color:#242833}
.fd-app-dark .fd-v2-messages .has-audio>.fd-v2-message-text{color:#f1f3f7}
.fd-v2-audio{display:flex;align-items:center;gap:0.75rem;box-sizing:border-box;width:100%;padding:0.75rem;border-radius:var(--fd-message-radius);background:#626976;color:#fff;box-shadow:0 0.5rem 1rem -0.5rem #0005}
.fd-v2-audio-play{display:grid;place-items:center;flex:0 0 2.25rem;width:2.25rem;height:2.25rem;padding:0.5rem;border:0;border-radius:50%;background:#fff;color:#111827;cursor:pointer;transition:background .2s,scale .12s}
.fd-v2-audio-play:hover{background:#f3f4f6}
.fd-v2-audio-play:active{scale:.94}
.fd-v2-audio-play:focus-visible{outline:0.125rem solid #60a5fa;outline-offset:0.1875rem}
.fd-v2-audio-play:disabled{opacity:.5;cursor:wait}
.fd-v2-audio-play svg{width:1.25rem;height:1.25rem;fill:currentColor}
.fd-v2-audio-wave{display:flex;align-items:center;justify-content:space-between;gap:0.125rem;flex:1;min-width:0;height:2rem;overflow:hidden}
.fd-v2-audio-time{flex:0 0 auto;padding-right:0.25rem;color:#d1d5db;font:0.75rem ui-monospace,SFMono-Regular,Consolas,monospace}
@keyframes fd-v2-audio-pulse{from{opacity:.55}to{opacity:1}}
.fd-v2-message-content{display:flex;flex-direction:column;gap:0.25rem;width:fit-content;max-width:62%;min-width:0}
.fd-v2-message-content>.fd-v2-message-bubble{max-width:100%;width:100%}
.fd-v2-message-content.has-audio{width:16rem;max-width:calc(100% - 2.5rem)}
.is-analyst>.fd-v2-message-content>.fd-v2-message-bubble{background:#626976;color:#fff}
.is-client>.fd-v2-message-content>.fd-v2-message-bubble{background:#f1f5f9;color:#242833}
.fd-app-dark .is-analyst>.fd-v2-message-content>.fd-v2-message-bubble{background:#111827;color:#fff}
.fd-app-dark .is-client>.fd-v2-message-content>.fd-v2-message-bubble{background:#f1f5f9;color:#242833}
.fd-v2-messages .fd-v2-message-content>.fd-v2-message-bubble.has-audio{background:transparent}
.is-client .fd-v2-audio{background:#f1f5f9;color:#242833;box-shadow:0 0.4rem 0.8rem -0.4rem #0003}
.is-client .fd-v2-audio-play{background:#fff;color:#242833}
.is-client .fd-v2-audio-time{color:#536174}
.fd-v2-audio{gap:0.75rem;padding:0.75rem;box-shadow:0 0.4rem 0.8rem -0.4rem #0005}
.fd-v2-audio-play{flex-basis:1.8rem;width:1.8rem;height:1.8rem;padding:0.4rem}
.fd-v2-audio-play svg{width:1rem;height:1rem}
.fd-v2-audio-wave{gap:1.6px;height:1.6rem}
.fd-v2-audio-wave span{flex-basis:0.2rem;height:calc(var(--fd-audio-bar-height) * .8)}
.fd-v2-audio-time{padding-right:0.2rem;font-size:0.6rem}
.fd-v2-message-meta{display:flex;flex-wrap:wrap;align-items:center;justify-content:flex-start;padding:0 0.75rem;color:#61728b;font-size:0.6875rem;line-height:1.4}
.is-analyst .fd-v2-message-meta{justify-content:flex-end}
.fd-v2-message-meta>*+*::before{content:'';display:inline-block;width:0.1875rem;height:0.1875rem;margin:0 0.375rem;vertical-align:middle;border-radius:50%;background:currentColor;opacity:.5}
.fd-v2-message-meta .fd-v2-message-time{display:inline;margin:0;padding:0;color:inherit;font-size:inherit;font-variant-numeric:tabular-nums;text-align:inherit}
.fd-app-dark .fd-v2-message-meta{color:#b3c5df}
.fd-v2-message-reactions{align-self:flex-end;display:flex;align-items:center;gap:0.25rem;width:fit-content;padding:0.25rem 0.5rem;border:1px solid #dce2e9;border-radius:62.4375rem;background:#fff;color:#242833;font-size:0.75rem;line-height:1.25;box-shadow:0 1px 0.125rem #0000000d}
.is-analyst .fd-v2-message-reactions{align-self:flex-start}
.fd-app-dark .fd-v2-message-reactions{background:#262d38;border-color:#465164;color:#f1f3f7}
.fd-app-dark .is-client .fd-v2-message-file{color:#0a5fd4}
.fd-v2-message-meta[hidden],.fd-v2-message-reactions[hidden]{display:none}
.fd-kanban-item[role="button"],.fd-kanban-item[role="button"] *{cursor:pointer}
.fd-kanban-feedback{position:absolute;z-index:4;left:0.5rem;right:0.5rem;bottom:0.5rem;margin:0;padding:0.625rem;border-radius:0.625rem;background:#fff1f2;color:#9f1239;font-size:0.75rem;box-shadow:0 0.125rem 0.625rem #0002}
.fd-kanban-item[role="button"]{transition:background .16s ease,box-shadow .16s ease}
.fd-kanban-item[role="button"]:hover{background:rgba(98,158,233,.09)}
.fd-kanban-item[role="button"]:focus-visible{outline:0.125rem solid #629ee9;outline-offset:-0.125rem}
.fd-kanban-item[aria-pressed="true"]{background:rgba(98,158,233,.15);box-shadow:inset 0 0 0 1px rgba(98,158,233,.4)}
.fd-app-dark .fd-kanban-item[role="button"]:hover{background:rgba(98,158,233,.13)}
.fd-app-dark .fd-kanban-item[aria-pressed="true"]{background:rgba(98,158,233,.22);box-shadow:inset 0 0 0 1px rgba(142,190,250,.45)}
.fd-chats-card{position:absolute;box-sizing:border-box;pointer-events:auto;background:linear-gradient(135deg,#fff,#f6f6f7,#e9e9eb,#dedee2);border:1px solid #ffffffa6;box-shadow:inset 0 1px 1px #ffffff80,inset 0 -1px 1px #00000008,0 0.3125rem 0.875rem #0000000a}
.fd-chats-card-chat{background:linear-gradient(135deg,#fff,#f6f6f7,#e9e9eb,#dedee2);border:0;box-shadow:none;filter:drop-shadow(0 0.3125rem 0.875rem #0000000a)}
.fd-chats-card-edge{position:absolute;inset:0;z-index:1;width:100%;height:100%;overflow:visible;pointer-events:none}
.fd-chats-card-fill{fill:transparent}
.fd-chats-card-rim{fill:none;stroke:#ffffff;stroke-opacity:.65;stroke-width:2;stroke-linejoin:round;stroke-linecap:round;clip-path:url(#fdChatsCardClip)}
.fd-chats-card-rim-top{display:none}
.fd-app-dark .fd-chats-card{background:linear-gradient(135deg,#3b3b3b,#333334,#262628,#17171c);border-color:#ffffff30;box-shadow:inset 0 1px 1px #ffffff18,inset 0 -1px 1px #00000020,0 0.3125rem 0.875rem #00000014}
.fd-app-dark .fd-chats-card-chat{background:linear-gradient(135deg,#3b3b3b,#333334,#262628,#17171c);border:0;box-shadow:none;filter:drop-shadow(0 0.3125rem 0.875rem #00000014)}
.fd-app-dark .fd-chats-card-fill{fill:transparent}
.fd-app-dark .fd-chats-card-rim{stroke:#ffffff;stroke-opacity:.188}
.fd-chats-card-cliente,.fd-chats-card-detalhes{overflow:hidden}
@property --fd-island-accent{syntax:"<color>";inherits:true;initial-value:#22c55e}
.fd-cliente-topbar{container-type:inline-size;--fd-island-k:.953623;--fd-island-bg:#f7f7f8;--fd-island-border:#fff;--fd-island-hover:#fff;--fd-island-idle:rgb(38 40 45 / 65%);--fd-island-accent:#22c55e;--fd-sessao-i:0;--fd-island-spring:cubic-bezier(.22,1.2,.36,1);position:absolute;z-index:2;top:0.3125rem;left:0.3125rem;right:0.3125rem;box-sizing:border-box;display:flex;align-items:stretch;justify-content:center;gap:0;height:calc((4rem * .7 + 0.125rem) * var(--fd-island-k));padding:calc(0.1875rem * var(--fd-island-k));border:1px solid var(--fd-island-border);border-bottom-color:transparent;border-radius:calc(1.3125rem * var(--fd-island-k)) calc(1.3125rem * var(--fd-island-k)) 0 0;background:var(--fd-island-bg);overflow:visible;transition:--fd-island-accent .4s var(--fd-island-spring)}
.fd-cliente-topbar-item{position:relative;z-index:2;flex:1 1 0;display:flex;align-items:center;justify-content:center;min-width:0;height:auto;margin:0;padding:0 calc(0.25rem * var(--fd-island-k));border:0;border-radius:calc(0.75rem * var(--fd-island-k));background:var(--fd-island-bg);color:var(--fd-island-idle);cursor:pointer;overflow:visible;transition:background-color .4s var(--fd-island-spring)}
.fd-cliente-topbar-item[data-sessao="atendendo"]{--fd-sessao:#22c55e}
.fd-cliente-topbar-item[data-sessao="pausado"]{--fd-sessao:#eab308}
.fd-cliente-topbar-item[data-sessao="aguardando"]{--fd-sessao:#ef4444}
.fd-cliente-topbar-item[data-sessao="finalizado"]{--fd-sessao:#0069e2}
.fd-cliente-topbar-item[aria-pressed="true"]{background:var(--fd-island-bg);color:var(--fd-sessao);cursor:default}
.fd-cliente-topbar-item:hover{background:var(--fd-island-hover)}
.fd-cliente-topbar-item svg{position:relative;top:calc(-0.29688rem * var(--fd-island-k));width:calc(1.2375rem * var(--fd-island-k));height:calc(1.2375rem * var(--fd-island-k));display:block;transform:rotate(0deg) scale(1);transform-box:fill-box;transform-origin:center;transition:transform .4s var(--fd-island-spring)}
.fd-cliente-topbar-item:hover svg{transform:rotate(-15deg) scale(1)}
.fd-cliente-topbar-item:active svg{transform:rotate(-15deg) scale(.94);transition-duration:.08s}
.fd-cliente-topbar-mark{position:absolute;left:calc(0.1875rem * var(--fd-island-k));bottom:calc(0.48438rem * var(--fd-island-k));z-index:3;width:calc((100% - 0.375rem * var(--fd-island-k)) / 4);height:calc(0.25rem * var(--fd-island-k));pointer-events:none;transform:translateX(calc(var(--fd-sessao-i) * 100%));transition:transform .4s var(--fd-island-spring)}
.fd-cliente-topbar-mark::before{content:"";position:absolute;left:50%;bottom:0;width:calc(1.5rem * var(--fd-island-k));height:calc(0.25rem * var(--fd-island-k));margin-left:calc(-0.75rem * var(--fd-island-k));border-radius:calc(0.125rem * var(--fd-island-k));background:var(--fd-island-accent);box-shadow:0 0 calc(0.9375rem * var(--fd-island-k)) var(--fd-island-accent)}
.fd-app-dark .fd-cliente-topbar{--fd-island-bg:rgb(13,13,13);--fd-island-border:rgb(26,26,26);--fd-island-hover:rgb(25,25,25);--fd-island-idle:rgb(255 255 255 / 65%)}
.fd-cliente-topbar-shape{position:absolute;left:0;top:100%;z-index:0;width:100%;overflow:visible;pointer-events:none}
.fd-cliente-topbar-fill{fill:transparent}
.fd-cliente-topbar-line{fill:none;stroke:transparent;stroke-width:1;stroke-linejoin:round;stroke-linecap:round}
.fd-cliente-topbar{--fd-island-body:0px;background:transparent;border-color:transparent}
.fd-cliente-topbar-item,.fd-cliente-topbar-item[aria-pressed="true"]{background:transparent}
.fd-cliente-topbar::before{content:"";position:absolute;z-index:0;left:-1px;right:-1px;top:-1px;height:calc(100% + var(--fd-island-body) + 1px);border-radius:calc(1.3125rem * var(--fd-island-k));pointer-events:none;background:linear-gradient(180deg,rgba(248,250,252,.42) 0%,rgba(238,243,248,.28) 54%,rgba(228,236,244,.24) 100%);-webkit-backdrop-filter:none;backdrop-filter:none;box-shadow:0 0.375rem 0.875rem -0.75rem rgba(23,59,87,.1),0 1px 0.1875rem -0.125rem rgba(23,59,87,.06),inset 0 1px 0 rgba(255,255,255,.42),inset 0 -1px 0 rgba(255,255,255,.42)}
.fd-cliente-topbar::after{content:"";position:absolute;z-index:4;left:-1px;right:-1px;top:-1px;height:calc(100% + var(--fd-island-body) + 1px);box-sizing:border-box;border-radius:calc(1.3125rem * var(--fd-island-k));padding:calc(1.25px * var(--fd-island-k));pointer-events:none;background:rgba(255,255,255,.14);-webkit-mask:linear-gradient(#000 0 0) content-box,linear-gradient(#000 0 0);-webkit-mask-composite:xor;mask:linear-gradient(#000 0 0) content-box,linear-gradient(#000 0 0);mask-composite:exclude}
.fd-app-dark .fd-cliente-topbar::before{background:linear-gradient(180deg,rgba(28,28,28,.4) 0%,rgba(13,13,13,.26) 58%,rgba(10,10,10,.3) 100%);-webkit-backdrop-filter:none;backdrop-filter:none;box-shadow:0 0.375rem 0.875rem -0.75rem rgba(0,0,0,.22),0 1px 0.1875rem -0.125rem rgba(0,0,0,.12),inset 0 1px 0 rgba(255,255,255,.08),inset 0 -1px 0 rgba(255,255,255,.08)}
.fd-app-dark .fd-cliente-topbar::after{padding:calc(1px * var(--fd-island-k));background:rgba(255,255,255,.04)}
.fd-cliente-kanban{--fd-island-k:.953623;--fd-kanban-radius:0.625rem;--fd-kanban-gap:0.5rem;position:absolute;z-index:1;left:0.3125rem;right:0.3125rem;bottom:0.3125rem;top:var(--fd-kanban-top,calc(8.625rem * var(--fd-island-k) + 0.5625rem));box-sizing:border-box;display:flex;flex-direction:column;gap:var(--fd-kanban-gap);padding:var(--fd-kanban-gap);overflow:hidden;scrollbar-width:none;border-radius:calc(1.3125rem * var(--fd-island-k));pointer-events:auto}
.fd-cliente-kanban::-webkit-scrollbar{display:none}
.fd-cliente-kanban::before{content:"";position:absolute;inset:0;border-radius:inherit;pointer-events:none;background:linear-gradient(135deg,#ffffff08,#ffffff02 45%,#ffffff05);box-shadow:inset 0 1px 0.125rem #ffffff85,inset 1px 0 0.125rem #ffffff30,inset -1px -1px 0.125rem #00000024,0 0.25rem 0.75rem #0000000a;backdrop-filter:blur(.2px);-webkit-backdrop-filter:blur(.2px)}
.fd-cliente-kanban::after{content:"";position:absolute;inset:0;box-sizing:border-box;border-radius:inherit;padding:calc(1.25px * var(--fd-island-k));pointer-events:none;background:rgba(255,255,255,.14);-webkit-mask:linear-gradient(#000 0 0) content-box,linear-gradient(#000 0 0);-webkit-mask-composite:xor;mask:linear-gradient(#000 0 0) content-box,linear-gradient(#000 0 0);mask-composite:exclude}
.fd-app-dark .fd-cliente-kanban::before{background:linear-gradient(135deg,#ffffff04,#ffffff01 45%,#ffffff03);box-shadow:inset 0 1px 0.125rem #ffffff75,inset 1px 0 0.125rem #ffffff24,inset -1px -1px 0.125rem #00000050,0 0.25rem 0.75rem #00000018}
.fd-app-dark .fd-cliente-kanban::after{padding:calc(1px * var(--fd-island-k));background:rgba(255,255,255,.04)}
.fd-kanban-list{position:relative;z-index:1;display:flex;flex-direction:column;gap:var(--fd-kanban-gap,0.5rem);flex:1 1 auto;min-height:0;overflow:hidden;container-type:size}
.fd-kanban-item{--fd-kanban-radius:0.625rem;--fd-kanban-slot:calc((100cqh - 6 * var(--fd-kanban-gap,0.5rem)) / 7);position:relative;z-index:1;display:grid;grid-template-columns:2.25rem minmax(0,1fr) auto;grid-template-rows:auto auto auto;column-gap:0.5rem;row-gap:0.125rem;align-items:center;align-content:center;box-sizing:border-box;flex:0 0 var(--fd-kanban-slot);height:var(--fd-kanban-slot);min-height:0;overflow:hidden;padding:0.5rem;border:0;outline:none;box-shadow:none;border-radius:var(--fd-kanban-radius);background:rgba(23,59,87,.03);color:#26282d}
.fd-kanban-photo{grid-column:1;grid-row:1 / span 2;width:2.25rem;height:2.25rem;border-radius:50%;overflow:hidden;display:grid;place-items:center;background:#8aa0b8;color:#fff;font:600 0.6875rem/1 Inter,"Segoe UI",sans-serif}
.fd-kanban-photo img{width:100%;height:100%;object-fit:cover;display:block}
.fd-kanban-name{grid-column:2;grid-row:1;min-width:0;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;font:600 0.8125rem/1.2 Inter,"Segoe UI",sans-serif}
.fd-kanban-ticket{grid-column:3;grid-row:1;justify-self:end;font:600 0.75rem/1.2 Inter,"Segoe UI",sans-serif;font-variant-numeric:tabular-nums}
.fd-kanban-preview{grid-column:2;grid-row:2;min-width:0;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;color:rgb(38 40 45 / 65%);font:400 0.75rem/1.2 Inter,"Segoe UI",sans-serif}
.fd-kanban-time{grid-column:3;grid-row:2;justify-self:end;color:rgb(38 40 45 / 65%);font:400 0.75rem/1.2 Inter,"Segoe UI",sans-serif;font-variant-numeric:tabular-nums}
.fd-kanban-tags{grid-column:1 / -1;grid-row:3;display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:0.5rem;margin-top:0.375rem}
.fd-kanban-tag{min-width:0;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;text-align:center;padding:0.25rem 0.375rem;border:0;border-radius:var(--fd-kanban-radius,0.625rem);background:#ffffff38;font:500 0.6875rem/1.2 Inter,"Segoe UI",sans-serif}
.fd-app-dark .fd-kanban-item{border:0;background:#ffffff0a;color:#fff}
.fd-kanban-pages{position:relative;z-index:1;flex:0 0 var(--fd-kanban-page-h,2.25rem);height:var(--fd-kanban-page-h,2.25rem);min-height:0;box-sizing:border-box;display:flex;align-items:stretch;justify-content:space-between;width:100%;padding:0.1875rem;border:1px solid #eee;border-radius:var(--fd-kanban-radius,0.625rem);background:#f5f5f5;color:#000;user-select:none}
.fd-kanban-pages.is-idle{opacity:.38;background:transparent;border-color:transparent;pointer-events:none}
.fd-kanban-pages.is-idle .fd-kanban-page-btn{background:transparent;box-shadow:none;cursor:default}
.fd-kanban-page-btn{flex:0 0 auto;align-self:stretch;height:100%;width:auto;aspect-ratio:1;box-sizing:border-box;display:flex;align-items:center;justify-content:center;padding:0;border:0;border-radius:var(--fd-kanban-radius,0.625rem);background:#fff;color:#000;box-shadow:0 0.375rem 0.875rem rgba(0,0,0,.1);cursor:pointer;outline:none;transform-origin:center;transition:transform .34s cubic-bezier(.22,1.65,.36,1);-webkit-tap-highlight-color:transparent}
.fd-kanban-page-btn svg{width:0.875rem;height:0.875rem}
.fd-kanban-page-btn:disabled{opacity:.45;cursor:default}
.fd-kanban-page-btn:hover:not(:disabled){background:rgba(0,0,0,.75);color:#fff}
.fd-kanban-page-btn:active:not(:disabled){transform:scale(.78);transition-duration:.07s;transition-timing-function:ease-out}
.fd-app-dark .fd-kanban-pages{background:#40444c;border-color:#ffffff14;color:#fff}
.fd-app-dark .fd-kanban-pages.is-idle{background:transparent;border-color:transparent}
.fd-app-dark .fd-kanban-page-btn{background:rgba(0,0,0,.75);color:#e8e8e8;box-shadow:0 0.25rem 0.625rem rgba(0,0,0,.35)}
.fd-app-dark .fd-kanban-pages.is-idle .fd-kanban-page-btn{background:transparent;box-shadow:none;color:inherit}
.fd-app-dark .fd-kanban-page-btn:hover:not(:disabled){background:#323232;color:#fff}
.fd-app-dark .fd-kanban-page-num{color:#fff}
.fd-app-dark .fd-kanban-page-total{color:#ffffff8c}
.fd-kanban-page-info{position:absolute;left:50%;top:50%;display:flex;align-items:center;gap:0.375rem;padding:0;transform:translate(-50%,-50%);pointer-events:none;white-space:nowrap}
.fd-kanban-page-num{display:flex;align-items:center;color:#000;font:700 min(1.125rem,calc(var(--fd-kanban-page-h,2.25rem) - 1rem))/1 Inter,"Segoe UI",sans-serif;letter-spacing:-.01em;font-variant-numeric:tabular-nums}
.fd-kanban-page-digit{position:relative;width:1ch;height:1em;overflow:hidden;display:flex;align-items:center;justify-content:center}
.fd-kanban-page-face{position:absolute;inset:0;display:flex;align-items:center;justify-content:center}
.fd-kanban-page-total{display:flex;align-items:center;color:#ccc;font:700 min(1.125rem,calc(var(--fd-kanban-page-h,2.25rem) - 1rem))/1 Inter,"Segoe UI",sans-serif;letter-spacing:-.01em;font-variant-numeric:tabular-nums}
.fd-app-dark .fd-kanban-preview,.fd-app-dark .fd-kanban-time{color:rgb(255 255 255 / 65%)}
.fd-app-dark .fd-kanban-tag{background:#ffffff1c;color:#fff}
.fd-cliente-topbar-tag{position:absolute;z-index:1;left:2.0625rem;right:2.0625rem;top:100%;height:calc((4rem * .7 + 0.125rem) * .75);display:flex;align-items:stretch;box-sizing:border-box;padding:0 0.625rem}
.fd-cliente-topbar{--fd-search-bg:#f0f1f3;--fd-search-ink:#26282d;--fd-search-muted:rgb(38 40 45 / 65%);--fd-search-ring:#d5d6dc;--fd-search-ring-hot:#b9bac2}
.fd-app-dark .fd-cliente-topbar{--fd-search-bg:#191919;--fd-search-ink:#fff;--fd-search-muted:rgb(255 255 255 / 65%);--fd-search-ring:#2c2c2c;--fd-search-ring-hot:#3a3a3a}
/* Search field adapted from Uiverse.io by LightAndy1 (tidy-pig-67), colors from this page. */
.fd-cliente-search{position:absolute;z-index:1;left:0;right:0;box-sizing:border-box;display:flex;align-items:stretch;min-width:0}
.fd-cliente-search-group{position:relative;display:flex;align-items:center;width:100%;height:100%;min-width:0;line-height:calc(1.75rem * var(--fd-island-k))}
.fd-cliente-search-input{font-family:Inter,"Segoe UI",sans-serif;font-size:calc(0.875rem * var(--fd-island-k));width:100%;height:100%;padding:0 calc(1rem * var(--fd-island-k)) 0 calc(2.5rem * var(--fd-island-k));box-shadow:0 0 0 calc(1.5px * var(--fd-island-k)) var(--fd-search-ring),0 0 calc(1.5625rem * var(--fd-island-k)) calc(-1.0625rem * var(--fd-island-k)) #000;border:0;border-radius:calc(0.625rem * var(--fd-island-k));background-color:var(--fd-search-bg);outline:none;color:var(--fd-search-ink);transition:all .25s cubic-bezier(.19,1,.22,1);cursor:text;z-index:0;appearance:none;-webkit-appearance:none}
.fd-cliente-search-input::placeholder{color:var(--fd-search-muted)}
.fd-cliente-search-input:hover{box-shadow:0 0 0 calc(0.15625rem * var(--fd-island-k)) var(--fd-search-ring-hot),0 0 calc(1.5625rem * var(--fd-island-k)) calc(-0.9375rem * var(--fd-island-k)) #000}
.fd-cliente-search-input:active{transform:scale(.95)}
.fd-cliente-search-input:focus{box-shadow:0 0 0 calc(0.15625rem * var(--fd-island-k)) var(--fd-search-ring-hot)}
.fd-cliente-search-input::-webkit-search-decoration,.fd-cliente-search-input::-webkit-search-cancel-button,.fd-cliente-search-input::-webkit-search-results-button{appearance:none;-webkit-appearance:none;display:none}
.fd-cliente-search-icon{position:absolute;left:calc(1rem * var(--fd-island-k));top:50%;width:calc(1rem * var(--fd-island-k));height:calc(1rem * var(--fd-island-k));margin-top:calc(-.5rem * var(--fd-island-k));fill:var(--fd-search-muted);pointer-events:none;z-index:1}
.fd-cliente-switch{--_switch-bg-clr:#e0e1e5;--_switch-padding:0.1875rem;--_slider-bg-clr:#626976;--_slider-txt-clr:#26282d;--_switch-easing:cubic-bezier(.47,1.64,.41,.8);--_selected-index:0;position:relative;isolation:isolate;display:grid;grid-template-columns:repeat(3,minmax(0,1fr));align-items:stretch;width:100%;height:auto;align-self:stretch;border-radius:calc(0.625rem * var(--fd-island-k));cursor:pointer;color:var(--_slider-txt-clr);font:600 calc(0.60938rem * var(--fd-island-k))/1 Inter,'Segoe UI',sans-serif;outline:none}
.fd-cliente-switch>button{appearance:none;display:grid;place-content:center;min-width:0;padding:0 calc(0.375rem * var(--fd-island-k));border:0;border-radius:inherit;background:transparent;color:inherit;font:inherit;cursor:pointer;opacity:.75;transition:opacity 300ms ease-in-out 150ms}
.fd-cliente-switch>button:hover{opacity:1;transition-delay:0ms;transition-duration:100ms}
.fd-cliente-switch>button:focus-visible{outline:0.125rem solid #4b9cff;outline-offset:-0.125rem}
.fd-cliente-switch::before,.fd-cliente-switch::after{content:"";position:absolute;border-radius:inherit;transition:inset 150ms ease-in-out}
.fd-cliente-switch::before{z-index:-1;background:var(--_slider-bg-clr);inset:var(--_switch-padding) auto var(--_switch-padding) var(--_switch-padding);width:calc((100% - 2 * var(--_switch-padding))/3);transform:translateX(calc(var(--_selected-index) * 100%));transition:transform 500ms var(--_switch-easing),background-color 500ms ease-in-out}
.fd-cliente-switch::after{z-index:-2;background:var(--_switch-bg-clr);inset:0}
.fd-cliente-switch:has([data-ticket-scope="equipe"][aria-pressed="true"]){--_selected-index:1}
.fd-cliente-switch:has([data-ticket-scope="todos"][aria-pressed="true"]){--_selected-index:2}
.fd-cliente-switch>button:disabled{cursor:not-allowed;opacity:.35}
.fd-cliente-switch>button[aria-pressed="true"]{opacity:1;color:#fff}
.fd-app-dark .fd-cliente-switch{--_switch-bg-clr:#40444c;--_slider-bg-clr:rgba(0,0,0,.75);--_slider-txt-clr:#fff}

.fd-v2-message-content.has-image{width:fit-content;max-width:min(20rem,62%)}
.fd-v2-message-content.has-image:not(.has-sticker){width:calc(var(--fd-image-width,15rem) + 0.75rem)}
.fd-v2-image{min-width:7.5rem;max-width:100%}
.fd-v2-image img{display:block;width:auto;max-width:100%;max-height:20rem;object-fit:contain;border-radius:var(--fd-message-radius)}
.fd-v2-image img.is-portrait{width:15rem;height:20rem;object-fit:cover;object-position:top}
.fd-v2-message-bubble.has-image:not(.has-sticker)>.fd-v2-message-text:not(:empty){margin:0.5rem 0 0.125rem;width:100%;box-sizing:border-box}
.fd-v2-message-quote{display:flex;align-items:center;justify-content:space-between;gap:0.75rem;min-width:10rem;margin:0 0 0.5rem;padding:0.375rem 0.625rem;border-left:0;border-radius:0.625rem;background:rgba(127,127,127,.12);font:inherit}
.fd-v2-message-quote .fd-v2-image{min-width:0}
.fd-v2-message-quote .fd-v2-image img{width:3rem;height:3.5rem;object-fit:cover;object-position:top}
/* Citação clicável só quando a original está na timeline (20/10/2026). */
.fd-v2-message-quote.is-clicavel{cursor:pointer}
.fd-v2-message-quote-copy{display:flex;flex-direction:column;gap:0.125rem;min-width:0}
.fd-v2-message-quote-copy>span{overflow:hidden;text-overflow:ellipsis;white-space:nowrap;opacity:.82}
.fd-v2-image img[hidden],.fd-v2-image-status[hidden]{display:none}
.fd-v2-image-status{max-width:100%;padding:0;border:0;background:transparent;color:inherit;font:inherit;text-align:left;cursor:pointer}
.fd-v2-image-status:disabled{cursor:default}
.has-image>.fd-v2-message-text:not(:empty){margin-top:0.75rem}

.fd-v2-image img[role=button]{cursor:pointer}
.fd-v2-image img[role=button]:focus-visible{outline:0.125rem solid #60a5fa;outline-offset:0.1875rem}
.fd-v2-image-viewer{box-sizing:border-box;max-width:calc(100vw - 1.25rem);max-height:calc(100vh - 1.25rem);padding:0.3125rem;border:0;border-radius:0.5rem;background:#111827f2;color:#fff;overflow:hidden;outline:none}
.fd-v2-image-viewer::backdrop{background:#000b;backdrop-filter:blur(0.375rem)}
.fd-v2-image-viewport{width:100%;height:100%;overflow:auto}
.fd-v2-image-viewport img{display:block;max-width:none;max-height:none;object-fit:contain;margin:auto}

.fd-v2-messages .fd-v2-message-content>.fd-v2-message-bubble.has-sticker{padding:0.75rem;background:transparent;box-shadow:none}
.fd-v2-message-content.has-sticker{max-width:min(11.5rem,62%)}
.has-sticker .fd-v2-image{min-width:0}
.has-sticker .fd-v2-image img{max-width:10rem;max-height:10rem;width:100%;border-radius:0}

.fd-kanban-preview.is-audio{display:flex;align-items:center;gap:0.25rem}
.fd-kanban-preview.is-audio svg{flex:0 0 0.875rem;color:#26282d}
.fd-app-dark .fd-kanban-preview.is-audio svg{color:#fff}

.fd-kanban-preview.is-image{display:flex;align-items:center;gap:0.25rem}
.fd-kanban-preview.is-image svg{flex:0 0 0.875rem}
.fd-kanban-preview.is-image span{min-width:0;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}

.fd-kanban-preview.is-sticker{display:flex;align-items:center;gap:0.25rem}
.fd-kanban-preview.is-sticker svg{flex:0 0 0.875rem}

/* Alinhamento da linha de prévia e horário do kanban. */
.fd-kanban-preview,.fd-kanban-time{display:flex;align-items:center;align-self:center;height:0.9rem;line-height:0.9rem}
.fd-kanban-preview{gap:0.25rem}
.fd-kanban-time{justify-content:flex-end}
.fd-kanban-preview svg{display:block;align-self:center;width:0.875rem;height:0.875rem}
.fd-kanban-preview>span{display:block;line-height:0.9rem;min-width:0;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}

.fd-v2-messages{scrollbar-color:rgba(65,75,92,.28) transparent}
.fd-v2-messages::-webkit-scrollbar{width:0.375rem;height:0.375rem}
.fd-v2-messages::-webkit-scrollbar-button{display:none;width:0;height:0}
.fd-v2-messages::-webkit-scrollbar-track{background:transparent}
.fd-v2-messages::-webkit-scrollbar-thumb{border-radius:6.1875rem;background:rgba(65,75,92,.28)}
@supports selector(::-webkit-scrollbar){.fd-v2-messages{scrollbar-width:auto;scrollbar-color:auto}}

.fd-v2-message-content>.fd-v2-message-bubble.is-unavailable{padding:0.625rem}
.fd-v2-message-unavailable{display:block;box-sizing:border-box;padding:0.375rem 0.5rem;border:1px solid currentColor;border-radius:0.375rem;background:#ffffff12;font-size:0.875rem;line-height:1.45;overflow-wrap:anywhere}

/* Contraste por remetente no tema escuro. */
.fd-app-dark .is-analyst>.fd-v2-message-content>.fd-v2-message-bubble{background:#080d18;color:#f8fafc}
.fd-app-dark .is-client>.fd-v2-message-content>.fd-v2-message-bubble{background:#444b57;color:#f8fafc}
.fd-app-dark .is-analyst .fd-v2-audio{background:#080d18;color:#f8fafc}
.fd-app-dark .is-client .fd-v2-audio{background:#444b57;color:#f8fafc}
.fd-app-dark .is-client .fd-v2-audio-time{color:#dbe2ed}
.fd-app-dark .is-client .fd-v2-message-file{color:#b9dcff}
.fd-app-dark .fd-v2-messages .fd-v2-message-content>.fd-v2-message-bubble.has-audio,.fd-app-dark .fd-v2-messages .fd-v2-message-content>.fd-v2-message-bubble.has-sticker{background:transparent}

.fd-app-dark .fd-v2-messages{scrollbar-color:rgba(220,228,240,.22) transparent}
.fd-app-dark .fd-v2-messages::-webkit-scrollbar-thumb{background:rgba(220,228,240,.22)}
@supports selector(::-webkit-scrollbar){.fd-app-dark .fd-v2-messages{scrollbar-color:auto}}

.fd-v2-message-unavailable.is-load-error{position:relative;width:100%;padding:0.4375rem 0.5625rem;border:0;overflow:hidden;background:#ffffff14;color:inherit;font-family:inherit;font-weight:inherit;text-align:left;cursor:pointer}
.is-client .fd-v2-message-unavailable.is-load-error{background:#ffffff80}
.fd-app-dark .is-client .fd-v2-message-unavailable.is-load-error{background:#ffffff14}
.fd-v2-message-unavailable.is-load-error:focus-visible{outline:0.125rem solid #80baff;outline-offset:0.125rem}
/* Framer spider-web timing: draw .15-.4s; hold 2.2s; fade .6s. */
.fd-v2-error-copy{position:relative;z-index:10;pointer-events:none}
.fd-v2-error-glass{position:absolute;inset:0;z-index:5;pointer-events:none;border-radius:inherit;overflow:hidden}
.fd-v2-error-glass svg{position:absolute;inset:0;display:block;width:100%;height:100%;pointer-events:none}
.fd-v2-error-flash{position:absolute;width:3.75rem;height:3.75rem;border-radius:50%;background:radial-gradient(circle,rgba(255,255,255,.95) 0%,transparent 70%);pointer-events:none}


.fd-v2-message-content>.fd-v2-message-bubble.has-shared-contact{padding:0;width:17.5rem;max-width:100%;overflow:hidden}
.fd-v2-shared-contact-head{display:flex;align-items:center;gap:0.75rem;padding:0.75rem}
.fd-v2-shared-contact-head strong{font-size:0.875rem;line-height:1.45;overflow-wrap:anywhere}
.fd-v2-shared-contact-avatar{position:relative;display:grid;place-items:center;flex:0 0 2.625rem;width:2.625rem;height:2.625rem;border-radius:50%;background:#ffffff24;color:inherit;overflow:hidden}
.fd-v2-shared-contact-avatar img{position:absolute;inset:0;width:100%;height:100%;object-fit:cover}
.fd-v2-shared-contact-actions{display:grid;grid-template-columns:1fr 1fr;border-top:1px solid #ffffff26}
.is-client .fd-v2-shared-contact-actions{border-top-color:#00000012}
.fd-app-dark .is-client .fd-v2-shared-contact-actions{border-top-color:#ffffff26}
.fd-v2-shared-contact-actions button{padding:0.625rem 0.375rem;border:0;background:transparent;color:inherit;font:500 0.8125rem/1.4 Inter,sans-serif;cursor:pointer}
.fd-v2-shared-contact-actions button:hover{background:#ffffff12}
.fd-v2-shared-contact-actions button:disabled{opacity:.5;cursor:default}
.fd-v2-shared-contact-actions button:focus-visible{outline:0.125rem solid #80baff;outline-offset:-0.1875rem}
.fd-v2-shared-contact-error{display:block;padding:0 0.75rem 0.625rem;font-size:0.75rem}
.fd-v2-shared-contact-error[hidden]{display:none}

.fd-v2-message-content>.fd-v2-message-bubble.has-image:not(.has-sticker),.fd-v2-message-content>.fd-v2-message-bubble.has-video,.fd-v2-message-content>.fd-v2-message-bubble:has(video){padding:0.375rem}

.fd-kanban-preview.is-contact{display:flex;align-items:center;gap:0.25rem}
.fd-kanban-preview.is-contact svg{flex:0 0 0.875rem}
.fd-kanban-preview.is-contact span{min-width:0;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}

.fd-v2-message-content.has-video{width:fit-content;max-width:min(20rem,62%)}
/* Teto de altura igual ao da foto: video em pe (1080x1920) com aspect-ratio embutido virava
   uma coluna de ~550px dentro da conversa (19/10/2026). */
.fd-v2-video{position:relative;width:19.25rem;max-width:100%;max-height:20rem;overflow:hidden;border-radius:var(--fd-message-radius);min-height:8.125rem;background:#080d18}
.fd-v2-video>video{display:block;width:100%;height:100%;max-height:20rem;object-fit:cover;cursor:pointer}
.fd-v2-video-open{position:absolute;left:50%;top:50%;transform:translate(-50%,-50%);width:3rem;height:3rem;border:0;border-radius:50%;background:#0006;color:white;display:grid;place-items:center;cursor:pointer}
.fd-v2-video-open svg{fill:currentColor;stroke:none}
.fd-v2-video-duration{position:absolute;bottom:0.375rem;left:0.5rem;color:#fff;font-size:0.75rem;text-shadow:0 1px 0.1875rem #000}
.fd-v2-video-status{position:absolute;top:0.5rem;left:0.5rem;font-size:0.75rem;color:#fff}
.fd-v2-video-status[hidden]{display:none}
.fd-v2-video-viewer{padding:0.3125rem;border:0;border-radius:0.625rem;background:#080d18;width:fit-content;max-width:calc(100vw - 1.25rem);max-height:calc(100dvh - 1.25rem);overflow:hidden}
.fd-v2-video-viewer::backdrop{background:#000b}
.fd-v2-video-frame{position:relative;display:flex;align-items:center;justify-content:center;background:#080d18}
.fd-v2-video-frame>video{display:block;max-width:calc(100vw - 1.875rem);max-height:calc(100dvh - 1.875rem);width:auto;height:auto;min-width:min(25rem,calc(100vw - 1.875rem))}
.fd-v2-video-frame:fullscreen{width:100vw;height:100dvh}
.fd-v2-video-frame:fullscreen>video{max-width:100%;max-height:100%;min-width:0}
.fd-v2-video-frame button{display:grid;place-items:center;color:white;background:transparent;border:0;width:2.25rem;height:2.25rem;cursor:pointer;filter:drop-shadow(0 1px 0.125rem #000)}
.fd-v2-video-frame button:disabled{opacity:.3;cursor:default}
.fd-v2-video-frame button:focus-visible,.fd-v2-video-frame input:focus-visible,.fd-v2-video-frame select:focus-visible{outline:0.125rem solid #fff;outline-offset:0.125rem}
.fd-v2-video-fullscreen{position:absolute;top:0.5rem;left:0.5rem}
.fd-v2-video-pip{position:absolute;top:0.5rem;right:0.5rem}
.fd-v2-video-controls{position:absolute;bottom:0;left:0;right:0;display:flex;align-items:center;gap:0.5rem;padding:0.75rem 0.5rem 0.3125rem;background:linear-gradient(transparent,#0009)}
.fd-v2-video-controls>input{flex:1;min-width:1.25rem;accent-color:white;height:0.25rem;cursor:pointer}
.fd-v2-video-controls select{color:#fff;background:transparent;border:0;font-size:0.75rem;cursor:pointer}
.fd-v2-video-controls select option{background:#080d18;color:#fff}
.fd-v2-video-volume{display:flex;align-items:center;gap:0.1875rem}
.fd-v2-video-volume input{width:3.625rem;height:0.25rem;accent-color:white;cursor:pointer}
.fd-v2-video-feedback{position:absolute;top:3rem;left:0.75rem;right:0.75rem;color:white;font-size:0.8125rem;text-align:center;text-shadow:0 1px 0.1875rem #000;pointer-events:none}

/* fd-chats-silk:start — one page-wide field, revealed only through the card silhouettes. */
.fd-chats-silk{position:absolute;inset:0;z-index:0;display:block;width:100%;height:100%;pointer-events:none}
.fd-chats-silk-definitions{position:absolute;width:0;height:0;overflow:hidden;pointer-events:none}
.fd-chats-stage[data-fd-silk="1"]>.fd-chats-card{background:transparent}
/* fd-chats-silk:end */

.fd-v2-message-link,.fd-v2-message-link:visited,.fd-v2-message-link:hover,.fd-v2-message-link:active{color:#629ee9;text-decoration:underline;text-underline-offset:0.125rem;overflow-wrap:anywhere;cursor:pointer}
.fd-v2-link-preview{display:flex;align-items:stretch;gap:0.5625rem;margin:0 0 0.5rem;min-width:0;border-radius:0.375rem;overflow:hidden;background:rgba(0,0,0,.07);color:inherit;text-decoration:none;cursor:pointer}
.fd-v2-link-preview>img{flex:0 0 5.125rem;width:5.125rem;height:5.125rem;object-fit:cover}
.fd-v2-link-preview-copy{display:flex;flex:1;min-width:0;flex-direction:column;justify-content:center;gap:0.25rem;padding:0.5rem 0.5625rem 0.5rem 0;font-size:0.75rem;line-height:1.3}
.fd-v2-link-preview:not(:has(>img)) .fd-v2-link-preview-copy{padding-left:0.5625rem}
.fd-v2-link-preview-title,.fd-v2-link-preview-description{display:-webkit-box;-webkit-box-orient:vertical;-webkit-line-clamp:2;overflow:hidden;overflow-wrap:anywhere}
.fd-v2-link-preview-description,.fd-v2-link-preview-domain{opacity:.8}
.fd-app-dark .fd-v2-link-preview{background:rgba(255,255,255,.06)}
.fd-v2-link-preview:focus-visible{outline:0.125rem solid #73b4ff;outline-offset:0.125rem}

/* Translucent message surfaces share the moving Silk field underneath. */
.fd-v2-message-row.is-analyst{--fd-bubble-tint:rgba(98,105,118,.58)}
.fd-v2-message-row.is-client{--fd-bubble-tint:rgba(255,255,255,.68)}
.fd-v2-message-row.is-note{--fd-bubble-tint:rgba(230,215,250,.55)}
.fd-app-dark .fd-v2-message-row.is-analyst{--fd-bubble-tint:rgba(8,13,24,.58)}
.fd-app-dark .fd-v2-message-row.is-client{--fd-bubble-tint:rgba(68,75,87,.35)}
.fd-app-dark .fd-v2-message-row.is-note{--fd-bubble-tint:rgba(83,61,110,.55)}
.fd-v2-messages .fd-v2-message-content>.fd-v2-message-bubble:not(.has-audio):not(.has-sticker),
.fd-v2-messages .fd-v2-message-row .fd-v2-audio{background:var(--fd-bubble-tint);border:0;outline:none;box-shadow:none;backdrop-filter:blur(0.375rem);-webkit-backdrop-filter:blur(0.375rem)}

.fd-v2-message-row.is-analyst{--fd-wave-color:#f1f5f9;--fd-wave-played:#b9ddff}
.fd-v2-message-row.is-client{--fd-wave-color:#526174;--fd-wave-played:#1766b6}
.fd-app-dark .fd-v2-message-row.is-analyst{--fd-wave-color:#cbd5e1;--fd-wave-played:#8fc2ff}
.fd-app-dark .fd-v2-message-row.is-client{--fd-wave-color:#e2e8f0;--fd-wave-played:#8fc2ff}
.fd-v2-audio-wave span{flex:0 0 0.2rem;border-radius:62.4375rem;background:var(--fd-wave-color,#526174);opacity:1}
.fd-v2-audio-wave span.is-played{background:var(--fd-wave-played,#1766b6)}

.fd-details-menu{--fd-island-k:.953623;position:absolute;z-index:3;top:0.3125rem;left:0.3125rem;right:0.3125rem;display:flex;box-sizing:border-box;height:calc((4rem * .7 + 0.125rem) * var(--fd-island-k));padding:calc(0.1875rem * var(--fd-island-k) + 1px);border:0;background:transparent;box-shadow:none;color:rgb(38 40 45 / 65%)}
.fd-details-menu-item{position:relative;flex:1 1 0;display:flex;align-items:center;justify-content:center;min-width:0;padding:0 calc(0.25rem * var(--fd-island-k));border:0;border-radius:calc(0.75rem * var(--fd-island-k));background:transparent;color:inherit;cursor:pointer}
.fd-details-menu-item svg{position:relative;top:calc(-0.29688rem * var(--fd-island-k));width:calc(1.2375rem * var(--fd-island-k));height:calc(1.2375rem * var(--fd-island-k));transition:transform .25s cubic-bezier(.22,1.2,.36,1),color .2s}
.fd-details-menu-item:hover svg,.fd-details-menu-item:focus-visible svg{transform:translateY(-1px);color:#26282d}
.fd-details-menu-item:active svg{transform:scale(.94);transition-duration:.08s}
.fd-details-menu-item[aria-pressed="true"]{color:#26282d}
.fd-details-menu-item:focus-visible{outline:0.125rem solid #6daaff;outline-offset:-0.125rem}
.fd-app-dark .fd-details-menu{color:rgb(255 255 255 / 65%)}
.fd-app-dark .fd-details-menu-item[aria-pressed="true"],.fd-app-dark .fd-details-menu-item:hover svg,.fd-app-dark .fd-details-menu-item:focus-visible svg{color:#fff}

/* Details controls share the attendance hover motion. */
.fd-details-menu-item{isolation:isolate;border-radius:62.4375rem}
.fd-details-menu-item::before{content:"";position:absolute;inset:0;z-index:-1;border-radius:inherit;background:#000;opacity:0;transition:opacity .25s ease;pointer-events:none}
.fd-details-menu-item svg{transform:rotate(0deg) scale(1);transform-origin:center;transition:transform .5s cubic-bezier(.22,1,.36,1),color .18s}
.fd-details-menu-item:is(:hover,:focus-visible)::before{opacity:1}
.fd-details-menu-item:is(:hover,:focus-visible) svg{transform:rotate(-15deg) scale(1);color:#fff}
.fd-app-dark .fd-details-menu-item:is(:hover,:focus-visible) svg{color:#fff}
.fd-details-menu-item:active svg{transform:rotate(-15deg) scale(.94)}

/* Same soft glass shading as the attendance controls, scoped to each hovered item. */
.fd-details-menu-item::before{background:linear-gradient(180deg,rgba(248,250,252,.42) 0%,rgba(238,243,248,.28) 54%,rgba(228,236,244,.24) 100%);box-shadow:0 0.375rem 0.875rem -0.75rem rgba(23,59,87,.1),0 1px 0.1875rem -0.125rem rgba(23,59,87,.06),inset 0 1px 0 rgba(255,255,255,.42),inset 0 -1px 0 rgba(255,255,255,.42)}
.fd-details-menu-item:is(:hover,:focus-visible) svg{color:#26282d}
.fd-app-dark .fd-details-menu-item::before{background:linear-gradient(180deg,rgba(28,28,28,.4) 0%,rgba(13,13,13,.26) 58%,rgba(10,10,10,.3) 100%);box-shadow:0 0.375rem 0.875rem -0.75rem rgba(0,0,0,.22),0 1px 0.1875rem -0.125rem rgba(0,0,0,.12),inset 0 1px 0 rgba(255,255,255,.08),inset 0 -1px 0 rgba(255,255,255,.08)}
.fd-app-dark .fd-details-menu-item:is(:hover,:focus-visible) svg{color:#fff}

/* Keep details icons in the same neutral ink as the attendance controls. */
.fd-details-menu .fd-details-menu-item,.fd-details-menu .fd-details-menu-item[aria-pressed="true"],.fd-details-menu .fd-details-menu-item:is(:hover,:focus-visible) svg{color:inherit}
.fd-app-dark .fd-details-menu .fd-details-menu-item[aria-pressed="true"],.fd-app-dark .fd-details-menu .fd-details-menu-item:is(:hover,:focus-visible) svg{color:inherit}

.fd-details-groups{position:absolute;inset:3.75rem 0.75rem 0.75rem;overflow:auto;color:rgb(38 40 45 / 85%);font-size:0.75rem}
.fd-details-groups[hidden]{display:none}
.fd-details-groups h3{margin:0 0 0.75rem;font-size:0.875rem}
.fd-details-groups label{display:flex;gap:0.5rem;align-items:center}
.fd-details-groups select{min-width:0;flex:1;border:0;border-radius:0.5rem;background:rgba(255,255,255,.45);padding:0.4375rem;color:inherit}
.fd-details-groups table{width:100%;border-collapse:collapse;font-size:0.6875rem}
.fd-details-groups th,.fd-details-groups td{padding:0.5625rem 0.25rem;text-align:left;overflow-wrap:anywhere}
.fd-details-groups tbody tr:nth-child(odd){background:rgba(255,255,255,.24)}
.fd-app-dark .fd-details-groups{color:rgba(255,255,255,.85)}
.fd-app-dark .fd-details-groups select,.fd-app-dark .fd-details-groups tbody tr:nth-child(odd){background:rgba(255,255,255,.08)}

/* Details reuse the customer card glass surfaces and search control. */
.fd-details-topbar{--fd-island-body:calc(3.03688rem * var(--fd-island-k));--fd-details-search-height:calc(2.03688rem * var(--fd-island-k))}
.fd-details-topbar .fd-details-menu{top:0;left:0;right:0}
.fd-details-search{top:calc(100% + 0.625rem * var(--fd-island-k));left:calc(0.625rem * var(--fd-island-k));right:calc(0.625rem * var(--fd-island-k));height:var(--fd-details-search-height)}
.fd-details-content{top:calc((2.925rem + 3.03688rem) * var(--fd-island-k) + 0.5625rem)}
.fd-details-content .fd-details-groups{inset:0.75rem;z-index:1}

.fd-details-topbar{--fd-island-body:calc(5.7rem * var(--fd-island-k));--fd-details-search-height:calc(2.0375rem * var(--fd-island-k))}
.fd-details-connections{position:absolute;top:calc(100% + 1px * var(--fd-island-k));left:0;right:0;height:calc(2.0375rem * var(--fd-island-k));padding:0 calc(0.625rem * var(--fd-island-k));box-sizing:border-box;z-index:2}
.fd-details-connection-switch{height:100%;grid-template-columns:repeat(var(--fd-connection-count,1),minmax(0,1fr))}
.fd-details-connection-switch::before{width:calc((100% - 2 * var(--_switch-padding))/var(--fd-connection-count,1))}
.fd-details-connection-switch>button{overflow:hidden;white-space:nowrap;text-overflow:ellipsis;display:block;padding:0 0.25rem}
.fd-details-search{top:calc(100% + 2.725rem * var(--fd-island-k));left:0;right:0;padding:0 calc(0.625rem * var(--fd-island-k))}
.fd-details-content{top:calc(8.625rem * var(--fd-island-k) + 0.5625rem)}
.fd-details-content .fd-details-groups{position:relative;inset:auto;flex:1;display:flex;min-height:0}
.fd-details-content .fd-details-groups[hidden]{display:none}
.fd-details-group-list{overflow-y:auto;scrollbar-width:none}
.fd-details-group-list::-webkit-scrollbar{display:none}
.fd-kanban-group .fd-kanban-name{grid-column:2}
.fd-kanban-group .fd-kanban-ticket{display:block}
.fd-kanban-group .fd-kanban-tags{grid-template-columns:repeat(3,minmax(0,1fr))}

/* Grupos: conversa de grupo / "Usuário Teste" no card Detalhes (sem ticket). */
.fd-details-groups.is-chat-open{overflow:hidden}
.fd-details-groups.is-chat-open .fd-details-group-list{display:none}
.fd-kanban-group{position:relative}
.fd-group-unread{position:absolute;right:0.625rem;bottom:0.625rem;min-width:1.125rem;height:1.125rem;padding:0 0.3125rem;border-radius:0.5625rem;background:#25a35a;color:#fff;font:700 0.625rem/1.125rem Inter,"Segoe UI",sans-serif;text-align:center}
.fd-details-menu-item{position:relative}
.fd-details-menu-badge{position:absolute;top:-0.1875rem;right:-0.3125rem;min-width:1rem;height:1rem;padding:0 0.25rem;border-radius:0.5rem;background:#25a35a;color:#fff;font:700 0.5625rem/1rem Inter,"Segoe UI",sans-serif;text-align:center;pointer-events:none}
.fd-group-chat{position:absolute;inset:0;display:flex;flex-direction:column;min-height:0}
.fd-group-chat[hidden]{display:none}
.fd-group-chat-head{display:flex;align-items:center;gap:0.5rem;padding:0 0 0.5rem;border-bottom:1px solid rgba(38,40,45,.1)}
.fd-group-chat-back{display:grid;place-items:center;width:1.75rem;height:1.75rem;border:0;border-radius:50%;background:transparent;color:inherit;cursor:pointer}
.fd-group-chat-back:hover{background:rgba(98,158,233,.12)}
.fd-group-chat-back:focus-visible,.fd-group-chat-composer button:focus-visible{outline:0.125rem solid #629ee9;outline-offset:1px}
.fd-group-chat-icon{width:1.125rem;height:1.125rem}
.fd-group-chat-photo{flex:none;width:2rem;height:2rem}
.fd-group-chat-title{display:flex;flex-direction:column;min-width:0}
.fd-group-chat-title strong{font-size:0.8125rem;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
.fd-group-chat-title small{font-size:0.6875rem;opacity:.65;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
.fd-group-chat-title small:has(>.fd-chat-header-ticket){opacity:1}
.fd-group-chat-title .fd-chat-header-ticket{font-size:calc(0.6875rem + 2px);font-weight:700;color:#629ee9}
.fd-group-chat-title small:has(>.fd-chat-header-ticket)>.fd-contact-presence{opacity:.65}
.fd-group-chat-scroll{flex:1;min-height:0;overflow:auto;padding:0.5rem 0.125rem}
.fd-group-chat-older{margin:0 0 0.375rem;text-align:center;font-size:0.6875rem;opacity:.6}
.fd-group-chat-list{list-style:none;margin:0;padding:0;display:flex;flex-direction:column;gap:0.125rem}
.fd-group-chat-day{align-self:center;margin:0.5rem 0 0.25rem;padding:0.125rem 0.625rem;border-radius:0.625rem;background:rgba(255,255,255,.55);font-size:0.625rem;font-weight:600;opacity:.8}
.fd-group-chat-status{align-self:center;padding:1rem;font-size:0.75rem;opacity:.7}
.fd-group-msg{display:flex;align-items:flex-end;gap:0.375rem;max-width:100%}
.fd-group-msg.is-first{margin-top:0.375rem}
.fd-group-msg.is-out{flex-direction:row-reverse}
.fd-group-msg-avatar{flex:none;width:1.625rem;height:1.625rem;border-radius:50%;overflow:hidden;display:grid;place-items:center;color:#fff;font:600 0.5625rem/1 Inter,"Segoe UI",sans-serif;align-self:flex-start}
.fd-group-msg.is-first .fd-group-msg-avatar{background:#8aa0b8}
.fd-group-msg-avatar img{width:100%;height:100%;object-fit:cover;display:block}
.fd-group-msg-bubble{min-width:4rem;max-width:78%;padding:0.375rem 0.5rem 0.25rem;border-radius:0.625rem;background:rgba(255,255,255,.82);box-shadow:0 1px 1px rgba(0,0,0,.06);overflow-wrap:anywhere}
.fd-group-msg.is-out .fd-group-msg-bubble{background:#dcf3e4}
.fd-group-msg.is-in.is-first .fd-group-msg-bubble{border-top-left-radius:0.1875rem}
.fd-group-msg.is-out.is-first .fd-group-msg-bubble{border-top-right-radius:0.1875rem}
.fd-group-msg-author{display:block;margin-bottom:0.125rem;font-size:0.6875rem;font-weight:700}
.fd-group-msg-quote{margin:0 0 0.25rem;padding:0.1875rem 0.375rem;border-left:0.1875rem solid #629ee9;border-radius:0.25rem;background:rgba(0,0,0,.05);font-size:0.6875rem;opacity:.85;white-space:pre-wrap}
.fd-group-msg-text{margin:0;font-size:0.78125rem;line-height:1.4;white-space:pre-wrap}
.fd-group-msg-media{margin-bottom:0.1875rem;font-size:0.6875rem;opacity:.85}
.fd-group-msg-media img,.fd-group-msg-media video{display:block;max-width:100%;max-height:16.25rem;border-radius:0.375rem}
.fd-group-msg-media.is-figurinha img{max-width:7.5rem;background:transparent}
.fd-group-msg-media audio{display:block;width:13.75rem;max-width:100%}
.fd-group-msg-media a{color:#1f6fd1;text-decoration:underline}
.fd-group-msg-media.is-missing{font-style:italic;opacity:.65}
.fd-group-msg-meta{display:flex;justify-content:flex-end;align-items:center;gap:0.25rem;margin-top:0.125rem;font-size:0.625rem;opacity:.6}
.fd-group-msg-recovered{padding:0 0.3125rem;border-radius:0.375rem;background:rgba(98,158,233,.18)}
.fd-group-msg-tick{width:0.875rem;height:0.875rem}
.fd-group-msg-status.is-read{color:#1f8fe0;opacity:1}
.fd-group-msg-status.is-failed{color:#d23b3b;opacity:1}
.fd-group-chat-composer{display:flex;align-items:flex-end;gap:0.375rem;padding-top:0.5rem;border-top:1px solid rgba(38,40,45,.1)}
.fd-group-chat-composer textarea{flex:1;min-width:0;resize:none;max-height:7.5rem;border:0;border-radius:1rem;padding:0.5rem 0.75rem;background:rgba(255,255,255,.7);color:inherit;font:0.78125rem/1.35 Inter,"Segoe UI",sans-serif}
.fd-group-chat-composer textarea:focus-visible{outline:0.125rem solid #629ee9;outline-offset:0}
.fd-group-chat-composer button{display:grid;place-items:center;flex:none;width:2.125rem;height:2.125rem;border:0;border-radius:50%;background:#25a35a;color:#fff;cursor:pointer}
.fd-app-dark .fd-group-chat-head,.fd-app-dark .fd-group-chat-composer{border-color:rgba(255,255,255,.1)}
.fd-app-dark .fd-group-chat-day{background:rgba(255,255,255,.1)}
.fd-app-dark .fd-group-msg-bubble{background:rgba(255,255,255,.1);box-shadow:none}
.fd-app-dark .fd-group-msg.is-out .fd-group-msg-bubble{background:rgba(37,163,90,.32)}
.fd-app-dark .fd-group-msg-quote{background:rgba(255,255,255,.07)}
.fd-app-dark .fd-group-msg-media a{color:#8cbcf5}
.fd-app-dark .fd-group-chat-composer textarea{background:rgba(255,255,255,.08)}

/* Mesmo marcador e mesmo trilho do traço original, com área de sombra. */
@property --fd-shadow-origin{syntax:"<color>";inherits:true;initial-value:#22c55e}
.fd-cliente-topbar.fd-atendimento-shadow-test{--fd-shadow-duration:700ms;transition:--fd-island-accent 700ms ease-in-out,--fd-shadow-origin 850ms ease-in-out 90ms}
.fd-atendimento-shadow-test .fd-cliente-topbar-mark{z-index:1;bottom:auto;top:calc(50% - 0.29688rem * var(--fd-island-k));height:calc(1.875rem * var(--fd-island-k));margin-top:calc(-0.9375rem * var(--fd-island-k));transform:translateX(calc(var(--fd-sessao-i) * 100%));transition:transform var(--fd-shadow-duration) var(--fd-island-spring);opacity:1;visibility:visible;will-change:transform}
.fd-atendimento-shadow-test .fd-cliente-topbar-mark::before{left:50%;bottom:0;width:calc(2.375rem * var(--fd-island-k));height:100%;margin-left:calc(-1.1875rem * var(--fd-island-k));border-radius:calc(0.625rem * var(--fd-island-k));background:linear-gradient(90deg,var(--fd-shadow-origin),var(--fd-island-accent));box-shadow:0 0.1875rem 0.5rem -0.125rem color-mix(in srgb,var(--fd-island-accent),transparent 20%);opacity:1;visibility:visible}
.fd-atendimento-shadow-test .fd-cliente-topbar-item{transition:color 180ms ease-in-out}
.fd-atendimento-shadow-test .fd-cliente-topbar-item[aria-pressed="true"]{color:#fff}
.fd-atendimento-shadow-test .fd-cliente-topbar-item:hover{background:transparent;box-shadow:none}
.fd-atendimento-shadow-test .fd-cliente-topbar-item::before{content:"";position:absolute;z-index:-1;left:50%;top:calc(50% - 0.29688rem * var(--fd-island-k));width:calc(2.375rem * var(--fd-island-k));height:calc(1.875rem * var(--fd-island-k));transform:translate(-50%,-50%);border-radius:calc(0.625rem * var(--fd-island-k));background:var(--fd-island-hover);box-shadow:0 0.1875rem 0.5rem -0.125rem rgba(0,0,0,.2);opacity:0;transition:opacity 180ms ease-in-out;pointer-events:none}
.fd-atendimento-shadow-test .fd-cliente-topbar-item:not([aria-pressed="true"]):hover::before{opacity:1}
.fd-atendimento-shadow-test .fd-cliente-topbar-mark.is-shadow-settling::before{animation:fd-atendimento-shadow-arrive 850ms ease-in-out}
@keyframes fd-atendimento-shadow-arrive{0%,55%{transform:scaleX(1)}75%{transform:scaleX(.9)}90%{transform:scaleX(1.025)}100%{transform:scaleX(1)}}
/* A animação deste teste foi solicitada explicitamente, inclusive com movimento reduzido do sistema. */

/* Conversas de grupos ocupam o card de chat e preservam os controles bloqueados. */
.fd-chats-card-chat>.fd-group-chat{inset:var(--fd-chat-timeline-top,5rem) 0.875rem 0.75rem;z-index:3}
.fd-chats-card-chat.is-group-conversation>.fd-v2-messages,.fd-chats-card-chat.is-group-conversation>.fd-liquid-dock{display:none}
.fd-group-chat-scroll.fd-v2-messages{position:relative;inset:auto;z-index:auto;display:block;width:100%;box-sizing:border-box}
.fd-group-chat-list{gap:0.75rem}

.fd-chats-card-chat{isolation:isolate}
.fd-chats-card-chat.is-timeline-loading>.fd-v2-messages,.fd-chats-card-chat.is-timeline-loading .fd-group-chat-list{visibility:hidden;opacity:0;pointer-events:none}
.fd-group-chat-list{transition:opacity 280ms ease}
.fd-chats-card-chat>:not(.fd-chat-loading){transition:opacity 280ms ease}

.fd-chats-stage .fd-v2-message-bubble{position:relative}
.fd-chats-stage .fd-v2-message-bubble.is-deleted .fd-v2-message-text{opacity:.65;text-decoration:line-through}
.fd-chats-stage .fd-v2-message-bubble.is-deleted .fd-v2-message-text.is-deleted-placeholder{font-style:italic;text-decoration:none}
.fd-chats-stage .is-deleted>:not(.fd-v2-message-text):not(.fd-v2-message-reactions){opacity:.65}
.fd-chats-stage .fd-v2-message-meta button{border:0;background:none;color:inherit;font:inherit;padding:0;cursor:pointer}
.fd-chats-stage .fd-v2-message-original{margin:0.5rem 0 0;padding:0.5rem;border-left:0.125rem solid currentColor;font-size:0.75rem;white-space:pre-wrap;opacity:.7}
.fd-chats-stage .fd-v2-message-reactions{position:absolute;bottom:0;left:0.5rem;transform:translateY(50%);animation:fd-reaction-enter 120ms ease-out}
.fd-chats-stage .is-analyst .fd-v2-message-reactions{left:auto;right:0.5rem}
.fd-chats-stage .fd-v2-message-content.has-reactions{padding-bottom:0.875rem}
@keyframes fd-reaction-enter{from{transform:translateY(50%) scale(.8)}to{transform:translateY(50%) scale(1)}}

/* Delivery is a separate sibling of time; no separator dot. */
.fd-chats-stage .fd-v2-message-meta .fd-v2-delivery{display:inline-flex;align-items:center;margin-left:0.3125rem;color:inherit;line-height:1}
.fd-chats-stage .fd-v2-message-meta .fd-v2-delivery::before{content:none}
.fd-chats-stage .fd-v2-delivery svg,.fd-chats-stage .fd-v2-audio-microphone svg{width:1rem;height:1rem;display:block}
.fd-chats-stage .fd-v2-delivery[data-delivery-status="READ"],.fd-chats-stage .fd-v2-audio-microphone.is-heard{color:#168bdd}
.fd-chats-stage .fd-v2-delivery[data-delivery-status="FAILED"]{color:#df4242}
.fd-chats-stage .fd-v2-delivery:focus-visible{outline:0.125rem solid currentColor;outline-offset:0.1875rem;border-radius:0.1875rem}
.fd-chats-stage .fd-v2-audio-microphone[hidden],.fd-chats-stage .fd-ticket-presence[hidden]{display:none}
.fd-chats-stage .fd-ticket-presence{color:#168bdd}
.fd-shared-tooltip{white-space:pre-line}

.fd-chats-stage .fd-v2-message-row.is-send-failed,.fd-chats-stage .fd-v2-message-row.is-send-failed *{cursor:pointer}
.fd-chats-stage .fd-v2-send-failed-hint{flex-basis:100%;color:#b42335;font-size:0.625rem;line-height:1.35}
.fd-app-dark .fd-chats-stage .fd-v2-send-failed-hint{color:#ff9aa5}

/* Metadata follows the bubble edge; delivery sits in the avatar column. */
.fd-chats-stage .fd-v2-message-reactions{left:auto;right:0.5rem}
.fd-chats-stage .is-analyst .fd-v2-message-reactions{right:auto;left:0.5rem}
.fd-chats-stage .fd-v2-message-meta{position:relative;padding:0;gap:0.375rem;justify-content:flex-start}
.fd-chats-stage .is-analyst .fd-v2-message-meta{justify-content:flex-end}
.fd-chats-stage .fd-v2-message-meta>*+*::before{content:none}
.fd-chats-stage .fd-v2-message-meta .fd-v2-delivery{position:absolute;top:0;left:-2.5rem;width:2rem;justify-content:center;margin:0}
.fd-chats-stage .is-analyst .fd-v2-message-meta .fd-v2-delivery{left:auto;right:-2.5rem}

/* Avatares sem foto seguem o cabeçalho; fotos carregadas mantêm suas cores. */
.fd-chats-stage .fd-v2-message-avatar:not(:has(img)){background:linear-gradient(90deg,#f9c97c,#a2e9c1);color:#4b5563;box-shadow:0 0.1875rem 0.375rem #0002;transition:transform .3s,background .3s}
.fd-chats-stage .fd-v2-message-avatar:not(:has(img)):hover{background:linear-gradient(90deg,#c9a9e9,#7ee7fc);transform:scale(1.1)}
@media(prefers-reduced-motion:reduce){.fd-chats-stage .fd-v2-message-avatar{transition:none}}

/* A reação atravessa a borda da mídia sem ser recortada ou coberta pelo conteúdo. */
.fd-chats-stage .fd-v2-message-content.has-reactions>.fd-v2-message-bubble{overflow:visible;z-index:1}
.fd-chats-stage .fd-v2-message-bubble>.fd-v2-shared-contact{border-radius:inherit;overflow:hidden}
.fd-chats-stage .fd-v2-message-reactions{z-index:20}

/* Azul escuro no vidro cinza claro; azul claro no vidro do tema escuro. */
.fd-chats-stage .is-analyst .fd-v2-message-link:is(:link,:visited,:hover,:active){color:#102a43;text-decoration-thickness:1.5px}
.fd-chats-stage .is-analyst .fd-v2-audio-microphone{color:#102a43}
.fd-chats-stage .is-analyst .fd-v2-audio-microphone.is-heard{color:#fff;background:#102a43;border-radius:50%}
.fd-app-dark .fd-chats-stage .is-analyst .fd-v2-message-link:is(:link,:visited,:hover,:active),
.fd-app-dark .fd-chats-stage .is-analyst .fd-v2-audio-microphone{color:#c9edff}
.fd-app-dark .fd-chats-stage .is-analyst .fd-v2-audio-microphone.is-heard{color:#7ee7cc;background:transparent}

/* ===== v2 — ações da bolha, respostas, seleção e mídia centralizada (19/10/2026) ===== */

/* O visualizador é um dialog modal: sem estas três linhas ele nasce colado na margem
   esquerda em vez de no centro da tela. */
.fd-v2-image-viewer,.fd-v2-video-viewer,.fd-v2-sheet{position:fixed;inset:0;margin:auto}

/* Trilho que aparece ao passar o mouse: reagir e responder, fora da bolha. */
.fd-v2-msg-tools{position:fixed;z-index:60;display:flex;align-items:center;gap:0.125rem;padding:0.1875rem;border-radius:62.4375rem;border:1px solid rgba(120,130,200,.18);background:linear-gradient(170deg,rgba(255,255,255,.95),rgba(240,242,255,.9));backdrop-filter:blur(0.875rem) saturate(1.2);-webkit-backdrop-filter:blur(0.875rem) saturate(1.2);box-shadow:0 0.625rem 1.5rem -0.875rem rgba(40,56,120,.5)}
.fd-v2-msg-tools[hidden]{display:none}
.fd-v2-msg-tool{display:grid;place-items:center;width:1.75rem;height:1.75rem;padding:0;border:0;border-radius:50%;background:transparent;color:#4a5568;cursor:pointer;transition:background .15s,color .15s,transform .18s cubic-bezier(.22,1.4,.36,1)}
.fd-v2-msg-tool:hover{background:rgba(40,119,213,.1);color:#1d4ed8}
.fd-v2-msg-tool:active{transform:scale(.92)}
.fd-v2-msg-tool:focus-visible{outline:0.125rem solid #2877d5;outline-offset:0.125rem}

/* Setinha no canto superior direito da bolha (mesma ideia da v1). */
.fd-v2-msg-caret{position:fixed;z-index:60;display:grid;place-items:center;width:1.375rem;height:1.375rem;padding:0;border:1px solid rgba(120,130,200,.2);border-radius:0.5rem;background:linear-gradient(170deg,rgba(255,255,255,.96),rgba(240,242,255,.92));backdrop-filter:blur(0.625rem);-webkit-backdrop-filter:blur(0.625rem);color:#4a5568;cursor:pointer;box-shadow:0 0.375rem 0.875rem -0.5rem rgba(40,56,120,.6)}
.fd-v2-msg-caret[hidden]{display:none}
.fd-v2-msg-caret:hover{color:#1d4ed8}
.fd-v2-msg-caret:focus-visible{outline:0.125rem solid #2877d5;outline-offset:0.125rem}
.fd-v2-message-bubble.is-menu-open{outline:0.125rem solid rgba(40,119,213,.35);outline-offset:1px}

/* Lista suspensa. */
.fd-v2-msg-menu{position:fixed;z-index:70;min-width:14.875rem;max-width:17.875rem;padding:0.4375rem;border-radius:1rem;border:1px solid rgba(120,130,200,.18);background:linear-gradient(170deg,rgba(255,255,255,.92),rgba(240,242,255,.88));backdrop-filter:blur(1.125rem) saturate(1.25);-webkit-backdrop-filter:blur(1.125rem) saturate(1.25);color:#26282d;box-shadow:0 1px 0.125rem rgba(15,23,42,.06),0 1.375rem 3rem -1.375rem rgba(40,56,120,.45);font:0.875rem/1.3 Inter,-apple-system,BlinkMacSystemFont,"Segoe UI",sans-serif;animation:fd-v2-menu-in .16s cubic-bezier(.22,1,.36,1)}
@keyframes fd-v2-menu-in{from{opacity:0;transform:translateY(-0.25rem) scale(.98)}to{opacity:1;transform:none}}
.fd-v2-msg-menu[hidden]{display:none}
.fd-v2-msg-menu-quick{display:flex;gap:0.125rem;padding:0.125rem 0.125rem 0.4375rem;border-bottom:1px solid rgba(120,130,200,.16);margin-bottom:0.3125rem}
.fd-v2-msg-menu-quick.is-alone{padding:0.125rem;border-bottom:0;margin-bottom:0}
.fd-v2-msg-menu-emoji{display:grid;place-items:center;width:2rem;height:2rem;padding:0;border:0;border-radius:50%;background:transparent;font-size:1.125rem;line-height:1;cursor:pointer;transition:background .15s,transform .18s cubic-bezier(.22,1.4,.36,1)}
.fd-v2-msg-menu-emoji:hover{background:rgba(120,130,200,.16);transform:scale(1.14)}
.fd-v2-msg-menu-item{display:flex;align-items:center;gap:0.6875rem;width:100%;padding:0.5625rem 0.6875rem;border:0;border-radius:0.6875rem;background:transparent;color:inherit;font:inherit;font-weight:500;text-align:left;cursor:pointer;transition:background .14s ease,color .14s ease}
.fd-v2-msg-menu-item:hover:not(:disabled){background:rgba(120,130,200,.16);color:#1b1e24}
.fd-v2-msg-menu-item:focus-visible{outline:0.125rem solid #2877d5;outline-offset:-0.125rem}
.fd-v2-msg-menu-item:disabled{color:#9aa3b2;cursor:default}
.fd-v2-msg-menu-icon{display:grid;place-items:center;width:1.125rem;height:1.125rem;flex:0 0 1.125rem;color:#5a6479}
.fd-v2-msg-menu-icon svg{width:1.125rem;height:1.125rem}
.fd-v2-msg-menu-item:disabled .fd-v2-msg-menu-icon{color:#aab2bf}
.fd-v2-msg-menu-item.is-danger{color:#dc2626}
.fd-v2-msg-menu-item.is-danger .fd-v2-msg-menu-icon{color:#dc2626}
.fd-v2-msg-menu-item.is-danger:hover:not(:disabled){background:rgba(220,38,38,.1)}
.fd-v2-msg-menu-divider{height:1px;margin:0.3125rem 0.5rem;background:rgba(120,130,200,.16)}

/* Barra de resposta, logo acima do campo de digitação. */
.fd-v2-reply-bar{position:absolute;left:0.625rem;right:0.625rem;bottom:4.75rem;z-index:6;display:flex;align-items:center;gap:0.625rem;padding:0.5rem 0.75rem;border-radius:0.625rem;border:1px solid rgba(15,23,42,.08);background:#f8fafc;box-shadow:0 0.625rem 1.5rem -1.125rem rgba(15,23,42,.6)}
.fd-v2-reply-bar[hidden]{display:none}
.fd-v2-reply-copy{display:flex;flex-direction:column;gap:0.125rem;min-width:0;flex:1}
.fd-v2-reply-copy strong{color:#e0218a;font-size:0.75rem;font-weight:600}
.fd-v2-reply-copy span{overflow:hidden;color:#475569;font-size:0.8125rem;text-overflow:ellipsis;white-space:nowrap}
.fd-v2-reply-close{display:grid;place-items:center;width:1.75rem;height:1.75rem;padding:0;border:0;border-radius:50%;background:transparent;color:#64748b;cursor:pointer}
.fd-v2-reply-close:hover{background:rgba(15,23,42,.06);color:#0f172a}

/* Modo de seleção: a barra toma o lugar do campo de digitação. */
.fd-ticket-shell.is-selecting .fd-liquid-dock{display:none}
.fd-v2-select-bar{position:absolute;left:0.625rem;right:0.625rem;bottom:0.625rem;z-index:7;display:flex;align-items:center;gap:0.75rem;padding:0.625rem 0.75rem;border-radius:0.625rem;border:1px solid rgba(15,23,42,.08);background:#fff;box-shadow:0 0.625rem 1.5rem -1rem rgba(15,23,42,.5)}
.fd-v2-select-bar[hidden]{display:none}
.fd-v2-select-close,.fd-v2-select-forward{display:grid;place-items:center;width:2.125rem;height:2.125rem;padding:0;border:0;border-radius:50%;background:transparent;color:#475569;cursor:pointer}
.fd-v2-select-close:hover,.fd-v2-select-forward:hover:not(:disabled){background:rgba(15,23,42,.06);color:#0f172a}
.fd-v2-select-forward{margin-left:auto;color:#1d4ed8}
.fd-v2-select-forward:disabled{color:#b6bdc9;cursor:default}
.fd-v2-select-count{color:#1d4ed8;font-size:0.8125rem;font-weight:600}
/* O realce e o unico indicador de selecionado: respira 5px acima e abaixo da bolha e fecha
   com o mesmo arredondamento dos dois lados, inclusive onde ficava a caixa de marcar.
   O respiro entra em TODAS as linhas enquanto o modo esta ligado, senao a conversa pula
   ao marcar a primeira mensagem. */
/* Seleção: 10px de folga acima e abaixo da bolha em todas as linhas — a sombra tem sempre a mesma medida em volta dela (20/10/2026). */
.fd-v2-messages.is-selecting .fd-v2-message-row{cursor:pointer;box-sizing:border-box;padding:0.625rem;border-radius:0.875rem;transition:background .16s ease,box-shadow .16s ease}
.fd-v2-messages.is-selecting .fd-v2-message-row.is-selected{background:rgba(40,119,213,.09);box-shadow:0 0 0 1px rgba(40,119,213,.2) inset,0 0.375rem 1rem -0.75rem rgba(40,56,120,.7)}

/* Folhas (encaminhar, dados, editar) — mesma moldura clara das bolhas. */
.fd-v2-sheet{box-sizing:border-box;width:min(26.25rem,calc(100vw - 2rem));max-height:min(35rem,calc(100vh - 3rem));padding:0;border:0;border-radius:0.875rem;background:#fff;color:#1f2937;box-shadow:0 1.875rem 3.75rem -1.75rem rgba(15,23,42,.6);font:0.875rem/1.45 Inter,-apple-system,BlinkMacSystemFont,"Segoe UI",sans-serif;overflow:hidden}
.fd-v2-sheet::backdrop{background:rgba(15,23,42,.45);backdrop-filter:blur(0.1875rem)}
.fd-v2-sheet-head{display:flex;align-items:center;justify-content:space-between;gap:0.75rem;padding:0.875rem 1rem;border-bottom:1px solid rgba(15,23,42,.08)}
.fd-v2-sheet-head strong{font-size:0.9375rem}
.fd-v2-sheet-close{display:grid;place-items:center;width:1.875rem;height:1.875rem;padding:0;border:0;border-radius:50%;background:transparent;color:#64748b;cursor:pointer}
.fd-v2-sheet-close:hover{background:rgba(15,23,42,.06);color:#0f172a}
.fd-v2-sheet-search{display:flex;align-items:center;gap:0.5rem;margin:0.75rem 1rem 0;padding:0.5rem 0.625rem;border-radius:62.4375rem;border:1px solid rgba(15,23,42,.12);color:#64748b}
.fd-v2-sheet-search svg{width:1rem;height:1rem;flex:0 0 1rem}
.fd-v2-sheet-search input{flex:1;min-width:0;border:0;outline:none;background:transparent;color:#1f2937;font:inherit}
.fd-v2-sheet-list{max-height:20rem;margin:0.625rem 0.5rem;overflow:auto;scrollbar-width:thin}
.fd-v2-sheet-status{margin:1rem;color:#64748b}
.fd-v2-sheet-item{display:flex;align-items:center;gap:0.625rem;width:100%;padding:0.5625rem 0.625rem;border:0;border-radius:0.625rem;background:transparent;color:inherit;font:inherit;text-align:left;cursor:pointer}
.fd-v2-sheet-item:hover{background:rgba(40,119,213,.08)}
.fd-v2-sheet-item-copy{display:flex;flex-direction:column;min-width:0;flex:1}
.fd-v2-sheet-item-name{overflow:hidden;text-overflow:ellipsis;white-space:nowrap}
.fd-v2-sheet-item small{overflow:hidden;color:#64748b;font-size:0.75rem;text-overflow:ellipsis;white-space:nowrap}
.fd-v2-sheet-item-check{width:1.125rem;height:1.125rem;flex:0 0 1.125rem;border-radius:50%;border:1.5px solid rgba(15,23,42,.25)}
.fd-v2-sheet-item[aria-selected=true] .fd-v2-sheet-item-check{border-color:#2877d5;background:#2877d5}
.fd-v2-sheet-foot{display:flex;align-items:center;justify-content:space-between;gap:0.75rem;padding:0.75rem 1rem;border-top:1px solid rgba(15,23,42,.08)}
.fd-v2-sheet-count{color:#64748b;font-size:0.75rem}
.fd-v2-sheet-send{padding:0.5rem 1rem;border:0;border-radius:62.4375rem;background:#2877d5;color:#fff;font:inherit;font-weight:600;cursor:pointer}
.fd-v2-sheet-send:disabled{background:#c7d2e1;cursor:default}
.fd-v2-dados-list{margin:0;padding:0.75rem 1rem 1rem}
.fd-v2-dados-row{display:flex;gap:0.75rem;padding:0.375rem 0;border-bottom:1px solid rgba(15,23,42,.06)}
.fd-v2-dados-row:last-child{border-bottom:0}
.fd-v2-dados-row dt{flex:0 0 8.25rem;color:#64748b}
.fd-v2-dados-row dd{margin:0;min-width:0;overflow-wrap:anywhere}
.fd-v2-edit-input{box-sizing:border-box;width:calc(100% - 2rem);margin:0.875rem 1rem 0;padding:0.625rem 0.75rem;border-radius:0.625rem;border:1px solid rgba(15,23,42,.14);background:#f8fafc;color:#1f2937;font:inherit;resize:vertical}
.fd-v2-edit-input:focus{outline:0.125rem solid #2877d5;outline-offset:-1px}

/* Tema escuro. */
.fd-app-dark .fd-v2-msg-tools,.fd-app-dark .fd-v2-msg-menu{background:linear-gradient(170deg,rgba(34,38,48,.94),rgba(24,27,35,.9));border-color:rgba(255,255,255,.1);color:#edf1f7}
.fd-app-dark .fd-v2-sheet,.fd-app-dark .fd-v2-select-bar{background:#1e232c;border-color:rgba(255,255,255,.08);color:#edf1f7}
.fd-app-dark .fd-v2-msg-menu-item:hover:not(:disabled),.fd-app-dark .fd-v2-msg-menu-emoji:hover{background:rgba(148,163,255,.16);color:#fff}
.fd-app-dark .fd-v2-msg-menu-divider,.fd-app-dark .fd-v2-msg-menu-quick{border-color:rgba(255,255,255,.12)}
.fd-app-dark .fd-v2-msg-caret{background:rgba(30,35,44,.92);color:#cbd5e1}
.fd-app-dark .fd-v2-msg-tool,.fd-app-dark .fd-v2-msg-menu-icon,.fd-app-dark .fd-v2-sheet-close,.fd-app-dark .fd-v2-select-close{color:#cbd5e1}
.fd-app-dark .fd-v2-msg-menu-item:hover:not(:disabled),.fd-app-dark .fd-v2-sheet-item:hover{background:rgba(148,197,255,.12)}
.fd-app-dark .fd-v2-msg-menu-item:disabled{color:#7b8696}
.fd-app-dark .fd-v2-msg-menu-divider,.fd-app-dark .fd-v2-sheet-head,.fd-app-dark .fd-v2-sheet-foot{border-color:rgba(255,255,255,.1)}
.fd-app-dark .fd-v2-reply-bar{background:#232a35;border-color:rgba(255,255,255,.08)}
.fd-app-dark .fd-v2-reply-copy span,.fd-app-dark .fd-v2-sheet-item small,.fd-app-dark .fd-v2-sheet-count,.fd-app-dark .fd-v2-sheet-status{color:#a9b4c4}
.fd-app-dark .fd-v2-edit-input{background:#161b22;border-color:rgba(255,255,255,.12);color:#edf1f7}
.fd-liquid-status{position:absolute;left:0.75rem;right:0.75rem;bottom:calc(100% + 0.375rem);margin:0;padding:0.375rem 0.625rem;border-radius:0.5rem;background:#1f2937;color:#f8fafc;font-size:0.75rem;box-shadow:0 0.625rem 1.5rem -1rem rgba(15,23,42,.8)}
.fd-liquid-status[data-tone=error]{background:#b91c1c}
.fd-liquid-status[data-tone=success]{background:#15803d}
.fd-liquid-status[data-tone=warning]{background:#b45309}
/* Config. do servidor (22/10/2026): 1º painel = nome + "Permissões" (Cancelar/Salvar só após mudança, gravam tudo).
   Lateral em dois níveis — lista de usuários e detalhe do usuário — com a mesma altura do 1º painel enquanto aberta. */
.fd-config-aside:has(.call-server-access-host[hidden]){display:none}
.fd-config-list:has(>.fd-config-secondary[data-config-kind="server"])>.fd-config-aside{width:var(--fd-perm-largura,19.375rem);height:min(var(--fd-config-height,24rem),24rem);min-height:0;max-height:none;align-self:flex-start;box-sizing:border-box;transition:width .25s cubic-bezier(.22,1,.36,1)} /* menu flex: altura fixa 0 impedia esticar até o 1º painel (ficava com 13 px) */
.fd-config-list:has(>.fd-config-aside .call-server-access-host:not([hidden]))>.fd-config-secondary[data-config-kind="server"]{height:min(var(--fd-config-height,24rem),24rem);box-sizing:border-box}
.fd-config-secondary[data-config-kind="server"]>.fd-config-inline{display:flex;flex-direction:column}
.fd-config-secondary[data-config-kind="server"] #callServerModal,.fd-config-secondary[data-config-kind="server"] #callServerModalCard{display:flex;flex-direction:column;flex:1;min-height:0}
.fd-config-secondary[data-config-kind="server"] #callServerModalCard>.call-modal-actions{margin-top:auto}
#callServerModal.is-pristine .call-modal-actions{display:none!important}
#page-call .call-server-perm-btn{display:flex;align-items:center;justify-content:space-between;width:100%;margin-top:0.625rem;padding:0.625rem 0.75rem;border:1px solid #ffffff70;border-radius:0.8125rem;background:#ffffff38;box-shadow:inset 0 1px 1px #ffffff60;color:var(--fd-text);font:600 0.8125rem Inter,'Segoe UI',sans-serif;cursor:pointer}
#page-call .call-server-perm-btn:hover,#page-call .call-server-perm-btn[aria-expanded="true"]{background:#0078ff12;border-color:#0078ff40;color:#0a66d8}
#page-call .call-server-perm-btn i{font-style:normal;font-size:1rem;line-height:1;transition:transform .2s}
#page-call .call-server-perm-btn[aria-expanded="true"] i{transform:rotate(180deg)}
.fd-app-dark #page-call .call-server-perm-btn{background:#ffffff08;border-color:#ffffff1c}
#page-call :is(.call-server-access-acesso,.call-server-access-estado,.call-server-access-abrir){display:none}
#page-call.fd-v2-settings-host .fd-config-aside .call-server-access-host:not([hidden]){display:flex!important;flex-direction:column;flex:1;min-height:0;width:auto!important;height:auto!important}
#page-call.fd-v2-settings-host .fd-config-aside .call-server-access-panel{flex:1;min-height:0;height:auto!important;padding:0;border:0;border-radius:0;background:none;box-shadow:none;gap:0.5rem;color:var(--fd-text)}
#page-call.fd-v2-settings-host .fd-config-aside :is(.call-server-access-head,.call-server-access-rail){display:none}
#page-call.fd-v2-settings-host .fd-config-aside .call-server-access-panel>.call-hint{flex-shrink:0;margin:0;padding:0 0.125rem;font-size:0.6875rem}
#page-call.fd-v2-settings-host .fd-config-aside .call-server-access-source{position:static!important;display:flex!important;flex-direction:column;gap:0.375rem;flex:1;min-height:0;width:auto!important;height:auto!important;margin:0 -0.3125rem;padding:0.125rem 0.3125rem 0.375rem;overflow:hidden auto!important;pointer-events:auto;scrollbar-width:thin}
/* Nível 1 — lista: só usuários (foto, nome, situação e ›); o clique abre o detalhe. */
#page-call.fd-v2-settings-host .fd-config-aside .call-server-access-host[data-view="lista"] :is(.call-server-caps,.call-server-rooms,.call-server-access-acesso){display:none!important}
#page-call.fd-v2-settings-host .fd-config-aside .call-server-access-host[data-view="lista"] .call-server-access-row{cursor:pointer}
#page-call.fd-v2-settings-host .fd-config-aside .call-server-access-host[data-view="lista"] .call-server-access-row>input{display:none}
#page-call.fd-v2-settings-host .fd-config-aside .call-server-access-host[data-view="lista"] .call-server-access-row>.call-server-access-nome{flex:1;min-width:0;overflow:hidden;white-space:nowrap;text-overflow:ellipsis}
#page-call.fd-v2-settings-host .fd-config-aside .call-server-access-host[data-view="lista"] :is(.call-server-access-estado,.call-server-access-abrir){display:inline;flex:none;font-size:0.6875rem;opacity:.6;font-style:normal}
#page-call.fd-v2-settings-host .fd-config-aside .call-server-access-host[data-view="lista"] .call-server-access-abrir{font-size:1rem;opacity:.45}
/* Nível 2 — detalhe: cabeçalho voltar · foto · nome; abaixo acesso, permissões no servidor e salas em 2 colunas. */
#page-call.fd-v2-settings-host .fd-config-aside .call-server-person-head:not([hidden]){display:flex;align-items:center;gap:0.5rem;flex-shrink:0;padding:0 0.125rem}
#page-call.fd-v2-settings-host .fd-config-aside .call-server-person-back{display:grid;place-items:center;width:1.75rem;height:1.75rem;border:0;border-radius:50%;background:#ffffff60;color:inherit;font-size:1.125rem;line-height:1;cursor:pointer}
#page-call.fd-v2-settings-host .fd-config-aside .call-server-person-back:hover{background:#0078ff18;color:#0a66d8}
#page-call.fd-v2-settings-host .fd-config-aside .call-server-person-foto .call-avatar{width:2rem;height:2rem;font-size:0.6875rem}
#page-call.fd-v2-settings-host .fd-config-aside .call-server-person-nome{flex:1;min-width:0;overflow:hidden;white-space:nowrap;text-overflow:ellipsis;font-size:0.875rem}
#page-call.fd-v2-settings-host .fd-config-aside .call-server-access-host[data-view="pessoa"] .call-server-access-panel>.call-hint{display:none}
#page-call.fd-v2-settings-host .fd-config-aside .call-server-access-host[data-view="pessoa"] .call-server-access-person:not(.is-selected){display:none}
#page-call.fd-v2-settings-host .fd-config-aside .call-server-access-host[data-view="pessoa"] .call-server-access-row>:is(.call-avatar,.call-server-access-nome,.call-server-access-estado,.call-server-access-abrir){display:none}
#page-call.fd-v2-settings-host .fd-config-aside .call-server-access-host[data-view="pessoa"] .call-server-access-acesso{display:inline;flex:1;font-weight:600}
#page-call.fd-v2-settings-host .fd-config-aside .call-server-caps,#page-call.fd-v2-settings-host .fd-config-aside .call-server-rooms{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:0.375rem 0.5rem;padding:0 0.25rem}
#page-call.fd-v2-settings-host .fd-config-aside :is(.call-server-caps,.call-server-rooms)[hidden]{display:none}
#page-call .call-server-rooms-title{grid-column:1/-1;margin-top:0.25rem;font-size:0.625rem;font-weight:700;letter-spacing:.04em;text-transform:uppercase;opacity:.6}
#page-call .call-server-room{grid-column:1/-1;display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:0.3125rem 0.5rem;padding:0.5rem 0.625rem;border:1px solid #ffffff70;border-radius:0.75rem;background:#ffffff30}
#page-call .call-server-room-nome{grid-column:1/-1;font-size:0.75rem;overflow:hidden;white-space:nowrap;text-overflow:ellipsis}
#page-call .call-server-room.is-fechada>label:not(:has([data-room-perm="podeVer"])){opacity:.45}
#page-call .call-server-cap{min-width:0}
#page-call .call-server-cap>span{overflow:hidden;white-space:nowrap;text-overflow:ellipsis}
.fd-app-dark #page-call .call-server-room{background:#ffffff08;border-color:#ffffff1c}
/* Lista em colunas: a altura é a do 1º painel; as linhas por coluna saem da altura e a largura cresce com a equipe (JS). */
#page-call.fd-v2-settings-host .fd-config-aside .call-server-access-host[data-view="lista"] .call-server-access-source{display:grid!important;grid-auto-flow:column;grid-auto-columns:15.5rem;gap:0.375rem 0.5rem;align-content:start;overflow:hidden!important}
#page-call.fd-v2-settings-host .fd-config-aside .call-server-access-host[data-view="lista"] .call-server-access-person{min-width:0}
#page-call.fd-v2-settings-host .fd-config-aside .call-server-access-host[data-view="lista"] .call-server-access-row>:is(input,.fd-elastic-checkbox){display:none!important}
#page-call.fd-v2-settings-host .fd-config-aside .call-server-access-host[data-view="pessoa"] .call-server-access-row>:is(.call-avatar,.call-avatar-wrap,[class*="call-avatar"]){display:none!important}
/* Rodapé (Cancelar/Salvar) no fundo do 1º painel: a cadeia até o card precisa ser coluna flexível. */
.fd-config-secondary[data-config-kind="server"]>.fd-config-inline{flex:1 1 auto!important;min-height:0}
#page-call.fd-v2-settings-host .fd-config-secondary[data-config-kind="server"] :is(#callServerModal,#callServerModalShell,#callServerModalCard){display:flex!important;flex-direction:column!important;flex:1 1 auto!important;min-height:0}
.fd-config-secondary[data-config-kind="server"] #callServerModalCard>.call-modal-actions{margin-top:auto!important}

/* Modo leve automático (23/10/2026): só quando o WebGL roda em software (sem aceleração de vídeo). O desfoque do
   vidro sobre o fundo animado era refeito a cada quadro pela CPU e travava a v2 em ~14–20 fps. Com GPU nada muda. */
html.fd-render-leve *,html.fd-render-leve *::before,html.fd-render-leve *::after{backdrop-filter:none!important;-webkit-backdrop-filter:none!important}
/* Modo de seleção: linha divisória de baixo, igual à de cima, 10px acima da barra (24/10/2026). */
.fd-v2-select-bar::before{content:"";position:absolute;left:0;right:0;top:calc(-0.625rem - 1px);height:1px;background:rgba(38,40,45,.1);pointer-events:none}
.fd-app-dark .fd-v2-select-bar::before{background:rgba(255,255,255,.1)}
.fd-ticket-shell.is-selecting>.fd-v2-messages{padding-bottom:0.5rem}
/* Etiqueta de dia do Chat v2 (24/10/2026): pílula de vidro na largura fixa de 10 caracteres, texto
   centralizado; entre as mensagens na troca de dia e fixa no topo, logo abaixo da linha divisória. */
.fd-v2-dia{display:inline-flex;align-items:center;justify-content:center;box-sizing:content-box;width:10ch;height:1.5rem;padding:0 0.75rem;border-radius:62.4375rem;border:1px solid rgba(120,130,200,.2);background:linear-gradient(170deg,rgba(255,255,255,.96),rgba(240,242,255,.92));backdrop-filter:blur(0.625rem);-webkit-backdrop-filter:blur(0.625rem);box-shadow:0 0.375rem 1rem -0.625rem rgba(40,56,120,.55);color:#3b4a66;font:600 0.6875rem/1 Inter,'Segoe UI',sans-serif;font-variant-numeric:tabular-nums;white-space:nowrap;overflow:hidden;pointer-events:none;user-select:none}
.fd-v2-dia-linha{display:flex;justify-content:center;flex:none;margin:0.25rem 0}
.fd-v2-dia.is-fixa{position:absolute;top:0.5rem;left:50%;z-index:4;transform:translateX(-50%)}
.fd-v2-dia.is-fixa[hidden]{display:none}
.fd-v2-messages.is-selecting .fd-v2-dia-linha{cursor:default}
.fd-app-dark .fd-v2-dia{border-color:rgba(255,255,255,.1);background:rgba(30,35,44,.92);color:#cbd5e1;box-shadow:0 0.375rem 1rem -0.625rem rgba(0,0,0,.7)}
/* Etiqueta de dia fixa some e volta suave quando a do mesmo dia está à vista na timeline (24/10/2026). */
.fd-v2-dia.is-fixa{transition:opacity .28s ease,transform .28s cubic-bezier(.22,1,.36,1)}
.fd-v2-dia.is-fixa.is-oculta{opacity:0;transform:translateX(-50%) translateY(-0.375rem) scale(.96)}
@media(prefers-reduced-motion:reduce){.fd-v2-dia.is-fixa{transition:opacity .2s linear}.fd-v2-dia.is-fixa.is-oculta{transform:translateX(-50%)}}
/* Player de vídeo (24/10/2026): etiquetas redondas e translúcidas sobre o vídeo — fechar e PiP em cima,
   embaixo reproduzir, tempo, barra, velocidade (como no áudio), volume que abre para cima e tela cheia.
   Os controles somem durante a reprodução (is-ocioso) e voltam ao mexer o mouse. */
.fd-v2-video-frame{--fd-video-tag:rgba(15,23,42,.42);--fd-video-tag-hover:rgba(15,23,42,.62);border-radius:0.5rem;overflow:hidden}
.fd-v2-video-frame .fd-v2-video-tag{display:grid;place-items:center;flex:none;width:2.25rem;height:2.25rem;padding:0;border:1px solid rgba(255,255,255,.14);border-radius:62.4375rem;background:var(--fd-video-tag);-webkit-backdrop-filter:blur(0.5rem);backdrop-filter:blur(0.5rem);color:#fff;cursor:pointer;transition:background .18s,transform .18s}
.fd-v2-video-frame .fd-v2-video-tag:hover{background:var(--fd-video-tag-hover)}
.fd-v2-video-frame .fd-v2-video-tag:active{transform:scale(.94)}
.fd-v2-video-topo{position:absolute;top:0.625rem;left:0.625rem;right:0.625rem;display:flex;justify-content:space-between;pointer-events:none;transition:opacity .25s}
.fd-v2-video-topo>button{pointer-events:auto}
.fd-v2-video-frame .fd-v2-video-pip,.fd-v2-video-frame .fd-v2-video-fullscreen{position:static}
.fd-v2-video-frame .fd-v2-video-controls{left:0.625rem;right:0.625rem;bottom:0.625rem;gap:0.5rem;padding:0;background:none;transition:opacity .25s}
.fd-v2-video-tempo{flex:none;min-width:5.5rem;padding:0 0.625rem;height:2.25rem;display:grid;place-items:center;border-radius:62.4375rem;background:var(--fd-video-tag);-webkit-backdrop-filter:blur(0.5rem);backdrop-filter:blur(0.5rem);color:#fff;font:600 0.75rem/1 Inter,'Segoe UI',sans-serif;font-variant-numeric:tabular-nums}
.fd-v2-video-frame .fd-v2-video-progresso{--fd-progresso:0%;flex:1;min-width:2rem;height:0.3125rem;margin:0;appearance:none;-webkit-appearance:none;border-radius:62.4375rem;background:linear-gradient(90deg,#fff var(--fd-progresso),rgba(255,255,255,.3) var(--fd-progresso));cursor:pointer}
.fd-v2-video-frame .fd-v2-video-progresso::-webkit-slider-thumb{-webkit-appearance:none;width:0.875rem;height:0.875rem;border-radius:50%;background:#fff;box-shadow:0 0 0 3px rgba(255,255,255,.25)}
.fd-v2-video-frame .fd-v2-video-progresso::-moz-range-thumb{width:0.875rem;height:0.875rem;border:0;border-radius:50%;background:#fff}
.fd-v2-video-frame .fd-v2-video-speed{width:auto;min-width:3.25rem;padding:0 0.75rem;font:700 0.8125rem/1 Inter,'Segoe UI',sans-serif;font-variant-numeric:tabular-nums}
.fd-v2-video-volume{position:relative;display:flex;flex-direction:column;align-items:center}
.fd-v2-video-volume-pop{position:absolute;bottom:calc(100% + 0.5rem);left:50%;transform:translateX(-50%);display:flex;flex-direction:column;align-items:center;gap:0.375rem;width:2.25rem;padding:0.625rem 0 0.375rem;border:1px solid rgba(255,255,255,.14);border-radius:62.4375rem;background:var(--fd-video-tag);-webkit-backdrop-filter:blur(0.5rem);backdrop-filter:blur(0.5rem);animation:fd-video-volume-abre .2s cubic-bezier(.22,1,.36,1)}
.fd-v2-video-volume-pop[hidden]{display:none}
.fd-v2-video-volume-pop input{--fd-volume:100%;writing-mode:vertical-lr;direction:rtl;width:0.3125rem;height:5.5rem;margin:0;appearance:none;-webkit-appearance:none;border-radius:62.4375rem;background:linear-gradient(0deg,#fff var(--fd-volume),rgba(255,255,255,.3) var(--fd-volume));cursor:pointer}
.fd-v2-video-volume-pop input::-webkit-slider-thumb{-webkit-appearance:none;width:0.75rem;height:0.75rem;border-radius:50%;background:#fff}
.fd-v2-video-volume-pop input::-moz-range-thumb{width:0.75rem;height:0.75rem;border:0;border-radius:50%;background:#fff}
.fd-v2-video-frame .fd-v2-video-mudo{width:1.75rem;height:1.75rem;border-radius:50%}
@keyframes fd-video-volume-abre{from{opacity:0;transform:translateX(-50%) translateY(0.5rem)}}
.fd-v2-video-frame.is-ocioso{cursor:none}
.fd-v2-video-frame.is-ocioso :is(.fd-v2-video-topo,.fd-v2-video-controls){opacity:0;pointer-events:none}
.fd-v2-video-pip-host{position:fixed;left:0;top:0;width:1px;height:1px;opacity:0;pointer-events:none;overflow:hidden}
@media(prefers-reduced-motion:reduce){.fd-v2-video-volume-pop{animation:none}}
/* Troca de tema por View Transition (24/10/2026): esmaecimento de 600 ms com a curva da paleta; o
   cordão do tema tem a própria camada, sem a foto antiga e sem deslocamento, para seguir balançando. */
::view-transition-old(root),::view-transition-new(root){animation-duration:600ms;animation-timing-function:cubic-bezier(.22,1,.36,1)}
.fd-theme-cord{view-transition-name:fd-theme-cord}
::view-transition-group(fd-theme-cord){animation:none}
::view-transition-old(fd-theme-cord){display:none}
::view-transition-new(fd-theme-cord){animation:none}
/* Fundo do chat com imagem (24/10/2026): uma camada só atrás dos três cards (atendimentos, detalhes e
   chat), recortada no formato deles como o silk; enquanto houver imagem, o silk some e a timeline não
   pinta fundo próprio. */
.fd-chats-tema-imagem{position:absolute;inset:0;z-index:0;display:none;pointer-events:none;background-image:var(--fd-chat-wallpaper-image,none);background-size:cover;background-position:center;background-repeat:no-repeat}
.fd-chats-stage[data-tema-imagem]>.fd-chats-tema-imagem{display:block}
.fd-chats-stage[data-tema-imagem]>.fd-chats-silk{visibility:hidden}
.fd-chats-stage[data-tema-imagem] .fd-v2-messages:not(.fd-contact-history-messages){background-image:none}
.fd-chats-stage[data-tema-imagem]:not([data-fd-silk="1"]) .fd-v2-messages:not(.fd-contact-history-messages){background-image:var(--fd-chat-wallpaper-image,none);background-size:cover;background-position:center}