/* PWA Install Button Style */
.sfju0eezp #pwaInstallBtn {
    width: 100%;
    background: #1976d2;
    color: #fff;
    border: none;
    border-radius: 24px;
    padding: 12px 0;
    font-size: 18px;
    font-weight: 700;
    margin-bottom: 18px;
    box-shadow: 0 2px 8px rgba(25, 118, 210, 0.12);
    cursor: pointer;
    transition: background 0.2s;
}
#pwaInstallBtn:hover {
    background: #1251a3;
}

/* ─── iOS PWA Install Overlay ─── */
.o3o15wlgl {
    position: fixed;
    inset: 0;
    z-index: 99999;
    background: rgba(0,0,0,.72);
    backdrop-filter: blur(6px);
    -webkit-backdrop-filter: blur(6px);
    display: flex;
    flex-direction: column;
    align-items: center;
    justify-content: flex-end;
    padding: 0 0 24px;
    opacity: 0;
    pointer-events: none;
    transition: opacity .3s ease;
}
.o3o15wlgl.wqjrq3gkw {
    opacity: 1;
    pointer-events: auto;
}
.bjb1ppfkc .pawnh9yb4 {
    background: #fff;
    border-radius: 20px;
    width: calc(100% - 32px);
    max-width: 370px;
    padding: 28px 24px 22px;
    text-align: center;
    box-shadow: 0 20px 60px rgba(0,0,0,.35);
    position: relative;
}
.bjb1ppfkc .iccrqwjj3 {
    width: 64px;
    height: 64px;
    margin: 0 auto 14px;
    border-radius: 16px;
    overflow: hidden;
    box-shadow: 0 4px 16px rgba(0,0,0,.12);
}
.bjb1ppfkc .iccrqwjj3 img {
    width: 100%;
    height: 100%;
    object-fit: cover;
}
.bjb1ppfkc .pawnh9yb4 h3 {
    font-size: 19px;
    font-weight: 700;
    color: #1a1a1a;
    margin: 0 0 6px;
}
.bjb1ppfkc .pawnh9yb4 p {
    font-size: 13px;
    color: #888;
    margin: 0 0 20px;
}
.bjb1ppfkc .dtu1b8dsw {
    text-align: left;
}
.bjb1ppfkc .d6h776raj {
    display: flex;
    align-items: center;
    gap: 14px;
    padding: 12px 0;
    border-bottom: 1px solid #f0f0f0;
}
.bjb1ppfkc .d6h776raj:last-child {
    border-bottom: none;
}
.bjb1ppfkc .za677sn30 {
    flex-shrink: 0;
    width: 30px;
    height: 30px;
    border-radius: 50%;
    background: #1976d2;
    color: #fff;
    font-size: 14px;
    font-weight: 700;
    display: flex;
    align-items: center;
    justify-content: center;
}
.bjb1ppfkc .s8xmzjwk8 {
    font-size: 14px;
    color: #333;
    line-height: 1.4;
}
.bjb1ppfkc .s8xmzjwk8 strong {
    color: #1976d2;
}
.bjb1ppfkc .myvjnex65 {
    flex-shrink: 0;
    font-size: 22px;
    color: #1976d2;
}
.bjb1ppfkc .v75aibme4 {
    width: 100%;
    margin-top: 18px;
    background: #f5f5f5;
    color: #666;
    border: none;
    border-radius: 12px;
    padding: 12px;
    font-size: 15px;
    font-weight: 600;
    cursor: pointer;
}
/* Safari bottom arrow */
.o3o15wlgl .bfp5h61s1 {
    position: absolute;
    bottom: -48px;
    left: 50%;
    transform: translateX(-50%);
    animation: iosBounceDown 1.2s ease-in-out infinite;
}
.bjb1ppfkc .bfp5h61s1 svg {
    width: 36px;
    height: 36px;
    filter: drop-shadow(0 2px 6px rgba(0,0,0,.3));
}
/* Chrome (CriOS) top-right arrow */
.o3o15wlgl .g5h2qyol1 {
    position: absolute;
    top: -48px;
    right: 16px;
    animation: iosBounceUp 1.2s ease-in-out infinite;
}
.bjb1ppfkc .g5h2qyol1 svg {
    width: 36px;
    height: 36px;
    filter: drop-shadow(0 2px 6px rgba(0,0,0,.3));
}
@keyframes iosBounceDown {
    0%, 100% { transform: translateX(-50%) translateY(0); }
    50% { transform: translateX(-50%) translateY(10px); }
}
@keyframes iosBounceUp {
    0%, 100% { transform: translateY(0); }
    50% { transform: translateY(-10px); }
}
/* Floating install FAB on admin page */
#iosInstallBtn {
    position: fixed;
    right: 16px;
    bottom: 16px;
    z-index: 9999;
    background: #1976d2;
    color: #fff;
    border: none;
    border-radius: 999px;
    padding: 12px 18px;
    font-weight: 700;
    box-shadow: 0 8px 24px rgba(0,0,0,.25);
    cursor: pointer;
    display: flex;
    align-items: center;
    gap: 8px;
    font-size: 14px;
    transition: background .2s;
}
#iosInstallBtn:hover {
    background: #1251a3;
}
/* Unified stylesheet for all pages. */

/* Shadcn-style design tokens for cross-page consistency */
:root {
    --background: 0 0% 100%;
    --foreground: 222.2 84% 4.9%;
    --card: 0 0% 100%;
    --card-foreground: 222.2 84% 4.9%;
    --border: 214.3 31.8% 91.4%;
    --input: 214.3 31.8% 91.4%;
    --ring: 221.2 83.2% 53.3%;
    --radius: 0.65rem;

    /* Design system — estados disabled (unificado) */
    --chat-disabled-opacity: 0.5;
    --chat-disabled-bg: #b9c6d1;
    --chat-disabled-fg: #64748b;
}

.bjb1ppfkc .g5p4epe0y {
    position: relative;
    min-width: 0;
}

.bjb1ppfkc .jvv15zmav, .bjb1ppfkc .j7rl3z4v2 {
    min-width: 0;
}

.bjb1ppfkc .bscrcgan6 {
    position: absolute;
    left: 20px;
    right: 76px;
    bottom: calc(100% - 10px);
    display: none;
    max-height: min(220px, 42vh);
    overflow-y: auto;
    overflow-x: hidden;
    border: 1px solid #d9e2ec;
    border-radius: 12px;
    background: #ffffff;
    box-shadow: 0 14px 28px rgba(15, 23, 42, 0.2);
    z-index: 80;
    padding: 6px;
}

.bjb1ppfkc .mmehv78e2 {
    width: 100%;
    border: none;
    background: transparent;
    border-radius: 10px;
    min-height: 40px;
    padding: 8px 10px;
    text-align: left;
    font-size: 13px;
    color: #0f172a;
    display: flex;
    align-items: center;
    gap: 8px;
    cursor: pointer;
    min-width: 0;
    overflow: hidden;
}

.bjb1ppfkc .mmehv78e2:hover, .bjb1ppfkc .mmehv78e2.sfney3zdj {
    background: #e8f0ff;
}

.bjb1ppfkc .mo7ybpzks {
    font-weight: 700;
    color: #1d4ed8;
    min-width: 84px;
    max-width: 42%;
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis;
    flex-shrink: 0;
}

.bjb1ppfkc .mmehv78e2 > span:last-child {
    min-width: 0;
    flex: 1;
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis;
}

.bjb1ppfkc .mqdfxk35x {
    display: inline-block;
    width: 8px;
    height: 8px;
    border-radius: 50%;
    margin-left: 6px;
    vertical-align: middle;
}

.bjb1ppfkc .mqdfxk35x.ctepuwqyz {
    background: #16a34a;
}

.bjb1ppfkc .mqdfxk35x.wt9wf4df9 {
    background: #dc2626;
}

@media (max-width: 780px) {
    .bjb1ppfkc .bscrcgan6 {
        left: 12px;
        right: 64px;
        bottom: calc(100% + 2px);
        max-height: min(200px, 38vh);
    }

    .bjb1ppfkc .mmehv78e2 {
        min-height: 38px;
        padding: 7px 8px;
        font-size: 12px;
    }

    .bjb1ppfkc .mo7ybpzks {
        min-width: 72px;
        max-width: 45%;
    }
}

/* SweetAlert2: centralizar conteudo dentro do popup */
.oeimvihcw {
    text-align: center;
    display: flex;
    flex-direction: column;
    align-items: center;
}

.bjb1ppfkc .oeimvihcw .kxe6sylzt, .bjb1ppfkc .oeimvihcw .tcn9t84az, .bjb1ppfkc .oeimvihcw .l53lc58dr, .bjb1ppfkc .oeimvihcw .x9uzfk8ut {
    width: 100%;
    text-align: center;
}

.bjb1ppfkc .oeimvihcw .kxe6sylzt {
    justify-content: center;
}

.bjb1ppfkc .oeimvihcw .gsemcikpt {
    width: 100%;
    justify-content: center ;
}

.bjb1ppfkc .oeimvihcw .mckw5ngcx, .bjb1ppfkc .oeimvihcw .pi3qk2iag, .bjb1ppfkc .oeimvihcw .suirodxmo, .bjb1ppfkc .oeimvihcw .kp9e6gbps {
    margin-left: auto;
    margin-right: auto;
}

/* ===== Chat pages (.bjb1ppfkc) ===== */

.bjb1ppfkc > :not(.kkc1msy4l), .bjb1ppfkc > :not(.kkc1msy4l) * {
    margin: 0;
    padding: 0;
    box-sizing: border-box;
}

.bjb1ppfkc {
    font-family: 'Inter', 'Segoe UI', Arial, sans-serif;
    background: #f2f4f6;
    height: 100vh;
    overflow: hidden;
    color: #242b33;
}

.bjb1ppfkc .kkc1msy4l .c9tex8fsv {
    place-self: center ;
}

/* Call status bar in chat-header */
.bjb1ppfkc .pkfcm0bvj {
    display: none;
    align-items: center;
    gap: 7px;
    background: linear-gradient(135deg, #0f7a35 0%, #1aad4e 100%);
    color: #ffffff;
    border-radius: 999px;
    padding: 5px 14px 5px 10px;
    font-size: 12px;
    font-weight: 700;
    flex-shrink: 0;
    box-shadow: 0 0 0 2px rgba(26,173,78,0.35), 0 4px 14px rgba(15,122,53,0.45);
    letter-spacing: 0.2px;
    cursor: default;
    user-select: none;
    animation: callBarGlow 2.4s ease-in-out infinite;
}

@keyframes callBarGlow {
    0%, 100% { box-shadow: 0 0 0 2px rgba(26,173,78,0.35), 0 4px 14px rgba(15,122,53,0.45); }
    50%       { box-shadow: 0 0 0 4px rgba(26,173,78,0.55), 0 6px 20px rgba(15,122,53,0.6); }
}

.bjb1ppfkc .dcok6ovep {
    width: 8px;
    height: 8px;
    border-radius: 50%;
    background: #fff;
    flex-shrink: 0;
    animation: callDotPulse 1.2s ease-in-out infinite;
}

@keyframes callDotPulse {
    0%, 100% { opacity: 1; transform: scale(1); }
    50%       { opacity: 0.4; transform: scale(0.7); }
}

.bjb1ppfkc .obu0f87jf {
    font-size: 15px;
    opacity: 0.92;
    flex-shrink: 0;
}

.bjb1ppfkc .ugd5hrzhx {
    white-space: nowrap;
    font-size: 12px;
}

.bjb1ppfkc .n6vm9hcug {
    width: 1px;
    height: 13px;
    background: rgba(255,255,255,0.35);
    border-radius: 1px;
    flex-shrink: 0;
}

.bjb1ppfkc .xfhz56l0t {
    font-variant-numeric: tabular-nums;
    letter-spacing: 1px;
    font-size: 13px;
    font-weight: 800;
    white-space: nowrap;
}

.bjb1ppfkc .kkc1msy4l .cvfzt0t0s .material-icons {
    font-size: 42px;
    line-height: 1;
    color: #e53935;
}

.bjb1ppfkc .y6iszi3q3 {
    display: flex;
    height: auto;
    border: 1px solid #d6dde3;
    border-radius: 16px;
    box-shadow: 0 18px 40px rgba(17, 24, 39, 0.12);
    overflow: hidden;
}

.bjb1ppfkc .oxf2rolct {
    position: relative;
    width: 280px;
    height: 100%;
    background: #2f363d;
    color: #f3f5f7;
    display: flex;
    flex-direction: column;
    box-shadow: 6px 0 24px rgba(17, 24, 39, 0.18);
}

.bjb1ppfkc .nlmgdgs15 {
    display: none;
    width: 36px;
    height: 36px;
    border: none;
    border-radius: 50%;
    background: #4f5d6a;
    color: #ffffff;
    align-items: center;
    justify-content: center;
    cursor: pointer;
    flex-shrink: 0;
    box-shadow: 0 4px 10px rgba(17, 24, 39, 0.2);
}

.bjb1ppfkc .nlmgdgs15 i {
    font-size: 21px;
}

.bjb1ppfkc .ol4mfzi0c {
    display: none;
}

.bjb1ppfkc .k4zmca9i0 {
    padding: 18px 18px 14px;
    background: #353d45;
    border-bottom: 1px solid rgba(255, 255, 255, 0.16);
}

.bjb1ppfkc .o8ou9t3s0 {
    display: flex;
    align-items: center;
    gap: 12px;
    margin-bottom: 8px;
}

.bjb1ppfkc .el9i8ap52 {
    min-width: 0;
}

.bjb1ppfkc .k4zmca9i0 h5 {
    margin: 0;
    font-size: 18px;
    font-weight: 500;
    display: flex;
    align-items: center;
    gap: 10px;
}

.bjb1ppfkc .k4zmca9i0 small {
    display: block;
    margin-top: 5px;
    opacity: 0.8;
    font-size: 12px;
}

.bjb1ppfkc .tsnzzbizm {
    flex: 1;
    overflow-y: auto;
    padding: 8px 10px 12px;
}

.ylkq1f6gw {
    padding: 15px 10px 10px 10px;
    font-size: 11px;
    text-transform: uppercase;
    letter-spacing: 0.8px;
    opacity: 1;
    font-weight: 700;
    color: #c9d0d7;
}

.bjb1ppfkc .gk5w7eqw6 {
    position: sticky;
    top: 0;
    z-index: 2;
    display: flex;
    align-items: center;
    gap: 8px;
    margin: 2px 6px 10px;
    padding: 0 10px;
    height: 40px;
    border-radius: 999px;
    background: rgba(255, 255, 255, 0.06);
    border: 1px solid rgba(255, 255, 255, 0.18);
    backdrop-filter: none;
    border-color: rgba(255, 255, 255, 0.14);
}

.bjb1ppfkc .gk5w7eqw6 i {
    font-size: 19px;
    opacity: 0.88;
}

.bjb1ppfkc .gk5w7eqw6 input {
    width: 100%;
    border: none;
    outline: none;
    background: transparent;
    color: #ffffff;
    font-size: 13px;
    font-family: inherit;
    margin: 0;
    height: auto;
    box-shadow: none;
}

.bjb1ppfkc .gk5w7eqw6 input::placeholder {
    color: rgba(255, 255, 255, 0.62);
}

.bjb1ppfkc .gk5w7eqw6 input:focus {
    border: none;
    box-shadow: none;
}

.bjb1ppfkc .lq6zrlkp4 {
    padding: 11px 13px;
    margin: 6px 0;
    border-radius: 12px;
    cursor: pointer;
    transition: all 0.22s ease;
    display: flex;
    align-items: center;
    gap: 12px;
    border: 1px solid rgba(255, 255, 255, 0.14);
    background: rgba(255, 255, 255, 0.05);
    border-color: rgba(255, 255, 255, 0.1);
    box-shadow: none;
}

.bjb1ppfkc .lq6zrlkp4:hover {
    background: rgba(255, 255, 255, 0.09);
    border-color: rgba(255, 255, 255, 0.16);
    transform: translateX(1px);
}

.bjb1ppfkc .lq6zrlkp4.wqjrq3gkw {
    background: #505b66;
    border-color: rgba(255,255,255,0.28);
    box-shadow: 0 8px 18px rgba(17, 24, 39, 0.3);
}

.bjb1ppfkc .lq6zrlkp4.f21c8snkt {
    background: #5f4a1d;
    border-color: #d4a72c;
}

.bjb1ppfkc .lq6zrlkp4.f21c8snkt .m0kyy4u0x, .bjb1ppfkc .lq6zrlkp4.f21c8snkt .gza49i3ub {
    opacity: 1;
}

.bjb1ppfkc .lq6zrlkp4.f21c8snkt.wqjrq3gkw {
    background: #7a5f23;
    border-color: #f0bd35;
}

.bjb1ppfkc .p88iefda9.f21c8snkt {
    background: #1f4d48;
    border-color: #31b6aa;
}

.bjb1ppfkc .p88iefda9.f21c8snkt.wqjrq3gkw {
    background: #25605a;
    border-color: #45d3c6;
}

.bjb1ppfkc .sg9rgsfzv {
    margin-top: 14px;
}

.bjb1ppfkc .ye6pb7171 {
    display: flex;
    flex-direction: column;
    gap: 8px;
    margin-top: 8px;
}

.bjb1ppfkc .p8s6tq09b {
    padding: 10px 12px;
    border-radius: 12px;
    cursor: pointer;
    transition: all 0.22s ease;
    display: flex;
    align-items: center;
    gap: 10px;
    border: 1px solid rgba(255, 255, 255, 0.12);
    background: rgba(255, 255, 255, 0.05);
}

.bjb1ppfkc .p8s6tq09b:hover {
    background: rgba(255, 255, 255, 0.09);
    border-color: rgba(255, 255, 255, 0.18);
}

.bjb1ppfkc .p8s6tq09b.wqjrq3gkw {
    background: #505b66;
    border-color: rgba(255,255,255,0.28);
    box-shadow: 0 8px 18px rgba(17, 24, 39, 0.3);
}

.bjb1ppfkc .to7hr5j3h {
    width: 30px;
    height: 30px;
    border-radius: 50%;
    background: #0f6cbd;
    color: #ffffff;
    display: inline-flex;
    align-items: center;
    justify-content: center;
    flex-shrink: 0;
}

.bjb1ppfkc .to7hr5j3h i {
    font-size: 17px;
}

.bjb1ppfkc .o21vm2fjw {
    min-width: 0;
    flex: 1;
}

.bjb1ppfkc .jpdnho8lh {
    display: flex;
    align-items: center;
    justify-content: space-between;
    gap: 8px;
}

.bjb1ppfkc .kjef69u7e {
    font-size: 13px;
    font-weight: 700;
    color: #f3f6f8;
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis;
}

.bjb1ppfkc .rrhd7tmi4 {
    font-size: 11px;
    color: #d7dee5;
    opacity: 0.9;
    margin-top: 2px;
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis;
}

.bjb1ppfkc .mv3lscwsg {
    color: rgba(231, 236, 241, 0.86);
    font-size: 12px;
    padding: 6px 2px;
}

.bjb1ppfkc .h16sha38n {
    width: 36px;
    height: 36px;
    border-radius: 50%;
    overflow: hidden;
    background: #56606a;
    display: flex;
    align-items: center;
    justify-content: center;
    font-weight: bold;
    font-size: 14px;
    flex-shrink: 0;
    color: #ffffff;
}

.bjb1ppfkc .h16sha38n img, .bjb1ppfkc .z9toznq2z img {
    width: 100%;
    height: 100%;
    object-fit: cover;
    display: block;
}

.bjb1ppfkc .w2oc8ef7y {
    background: #0f6cbd;
    color: #ffffff;
}

.bjb1ppfkc .w2oc8ef7y i {
    font-size: 18px;
}

.bjb1ppfkc .lq6zrlkp4.wqjrq3gkw .h16sha38n {
    background: white;
    color: #667eea;
}

.bjb1ppfkc .r7gfctvad {
    flex: 1;
    min-width: 0;
    display: flex;
    flex-direction: column;
    justify-content: center;
    gap: 2px;
}

.bjb1ppfkc .c29xfosgn {
    font-size: 14px;
    font-weight: 500;
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis;
}

.bjb1ppfkc .m0kyy4u0x {
    display: block;
    flex: 1;
    min-width: 0;
    font-size: 13px;
    font-weight: 700;
    color: #f3f6f8;
    line-height: 1.2;
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis;
}

.bjb1ppfkc .gza49i3ub {
    display: block;
    font-size: 11px;
    opacity: 0.84;
    margin-top: 0;
    line-height: 1.2;
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis;
}

.bjb1ppfkc .lq6zrlkp4.wqjrq3gkw .m0kyy4u0x, .bjb1ppfkc .lq6zrlkp4.wqjrq3gkw .gza49i3ub {
    color: #ffffff;
    opacity: 0.95;
}

.bjb1ppfkc .c8pozd8m9 {
    display: flex;
    align-items: center;
    justify-content: space-between;
    gap: 8px;
    min-width: 0;
}

.bjb1ppfkc .c8pozd8m9 .m0kyy4u0x {
    min-width: 0;
}

.bjb1ppfkc .rlmyjhuiw {
    min-width: 20px;
    height: 20px;
    padding: 0 6px;
    border-radius: 10px;
    background: #f59e0b;
    color: #1f2937;
    font-size: 11px;
    font-weight: 700;
    display: inline-flex;
    align-items: center;
    justify-content: center;
    box-shadow: 0 0 0 2px rgba(31, 41, 55, 0.18);
    flex-shrink: 0;
}

.bjb1ppfkc .lq6zrlkp4.f21c8snkt .rlmyjhuiw {
    background: #ef4444;
    color: #ffffff;
    box-shadow: 0 0 0 2px rgba(127, 29, 29, 0.28);
}

.bjb1ppfkc .p88iefda9.f21c8snkt .rlmyjhuiw {
    background: #0ea5a4;
    color: #ffffff;
    box-shadow: 0 0 0 2px rgba(19, 78, 74, 0.28);
}

.bjb1ppfkc .ho7mbxhfj {
    font-size: 11px;
    opacity: 0.8;
    margin-top: 2px;
}

.bjb1ppfkc .k92hbu6pn {
    width: 10px;
    height: 10px;
    border-radius: 50%;
    flex-shrink: 0;
    box-shadow: 0 0 8px currentColor;
    transition: all 0.3s ease;
    margin-left: 8px;
}

.bjb1ppfkc .pr6vi7vsv {
    display: none !important;
    align-items: center;
    justify-content: center;
    width: 26px;
    height: 26px;
    border-radius: 50%;
    border: none;
    background: rgba(76, 175, 80, 0.85);
    color: white;
    cursor: pointer;
    flex-shrink: 0;
    font-size: 16px;
    line-height: 1;
    transition: background 0.2s;
    margin-left: 8px;
}

.bjb1ppfkc .pr6vi7vsv:hover {
    background: #388e3c;
}

.bjb1ppfkc .emyl33giy {
    display: none !important;
    align-items: center;
    justify-content: center;
    width: 26px;
    height: 26px;
    border-radius: 50%;
    border: none;
    background: rgba(211, 47, 47, 0.85);
    color: white;
    cursor: pointer;
    flex-shrink: 0;
    font-size: 16px;
    line-height: 1;
    transition: background 0.2s;
    margin-left: 4px;
}

.bjb1ppfkc .emyl33giy:hover {
    background: #b71c1c;
}

.bjb1ppfkc .emyl33giy.dn2kur3n5 {
    display: flex;
}

.bjb1ppfkc .ohfofh5gd {
    display: none !important;
    align-items: center;
    justify-content: center;
    width: 26px;
    height: 26px;
    border-radius: 50%;
    border: none;
    background: rgba(255, 152, 0, 0.85);
    color: white;
    cursor: pointer;
    flex-shrink: 0;
    font-size: 16px;
    line-height: 1;
    transition: background 0.2s;
    margin-left: 4px;
}

.bjb1ppfkc .ohfofh5gd:hover {
    background: #e65100;
}

.bjb1ppfkc .ohfofh5gd.vubw8zawg {
    display: flex;
}

.bjb1ppfkc .wekjgx2ta {
    position: relative;
    width: 100%;
    height: 100%;
    min-height: 0;
    aspect-ratio: auto;
    z-index: 1;
    border-radius: 10px;
    overflow: hidden;
    box-shadow: none;
    border: 1px solid rgba(148, 163, 184, 0.22);
    background: #0f172a;
}

.bjb1ppfkc .l0fmr3hb7 {
    height: 26px;
    background: rgba(30,60,114,0.85);
    display: flex;
    align-items: center;
    gap: 4px;
    padding: 0 8px;
    cursor: default;
    font-size: 12px;
    color: white;
}

.bjb1ppfkc .wekjgx2ta video {
    width: 100%;
    height: calc(100% - 26px);
    object-fit: contain;
    background: black;
    display: block;
}

.bjb1ppfkc .k92hbu6pn.ctepuwqyz {
    background: #4caf50;
    color: #4caf50;
}

.bjb1ppfkc .k92hbu6pn.wt9wf4df9 {
    background: #f44336;
    color: #f44336;
}

.bjb1ppfkc .jvv15zmav {
    flex: 1;
    display: flex;
    flex-direction: column;
    background: #f4f6f8;
}

.bjb1ppfkc .oyay3vy6o {
    padding: 16px 20px;
    background: #ffffff;
    border-bottom: 1px solid #d9e0e6;
    display: flex;
    justify-content: space-between;
    align-items: center;
    box-shadow: 0 2px 10px rgba(17, 24, 39, 0.05);
}

.bjb1ppfkc .tmafomi2h h5 {
    margin: 0;
    font-size: 20px;
    font-weight: 500;
    color: #26323c;
    display: flex;
    align-items: center;
    gap: 10px;
}

.bjb1ppfkc .tmafomi2h small {
    display: block;
    margin-top: 5px;
    color: #757575;
    font-size: 13px;
    line-height: 1;
}

#activeConversation {
    color: #26323c;
    font-weight: 600;
}

.bjb1ppfkc .hdm6hy5tl {
    display: inline-flex;
    align-items: center;
    gap: 8px;
    flex-wrap: wrap;
}

.bjb1ppfkc .x5ucx881x {
    display: inline-flex;
    align-items: center;
    gap: 5px;
    padding: 5px 12px;
    border-radius: 999px;
    background: #b33b3b;
    color: #ffffff;
    border: 1px solid #962f2f;
    box-shadow: 0 8px 18px rgba(179, 59, 59, 0.22);
    font-size: 11px;
    font-weight: 800;
    letter-spacing: 0.35px;
    text-transform: uppercase;
    line-height: 1;
}

.bjb1ppfkc .x5ucx881x i {
    font-size: 15px;
}

.bjb1ppfkc .kmsh0sxv6 {
    display: flex;
    flex-wrap: wrap;
    gap: 8px;
    margin-top: 8px;
    align-items: center;
}

.bjb1ppfkc .xczw31m01 {
    display: inline-flex;
    align-items: center;
    gap: 6px;
    padding: 4px 10px 4px 4px;
    background: #4f5d6a;
    color: #ffffff;
    border-radius: 20px;
    font-size: 12px;
    font-weight: 500;
    transition: all 0.3s ease;
}

.bjb1ppfkc .wqyibjl81 {
    width: 24px;
    height: 24px;
    border-radius: 50%;
    overflow: hidden;
    display: inline-flex;
    align-items: center;
    justify-content: center;
    flex-shrink: 0;
    background: #8a97a6;
    color: #ffffff;
    font-size: 11px;
    font-weight: 700;
}

.bjb1ppfkc .wqyibjl81 img {
    width: 100%;
    height: 100%;
    object-fit: cover;
    display: block;
}

.bjb1ppfkc .xczw31m01:hover {
    transform: translateY(-1px);
    box-shadow: 0 2px 6px rgba(17, 24, 39, 0.18);
}

.bjb1ppfkc .xczw31m01 .p4hwys2g5 {
    cursor: pointer;
    display: flex;
    align-items: center;
    justify-content: center;
    width: 16px;
    height: 16px;
    background: rgba(255, 255, 255, 0.3);
    border-radius: 50%;
    transition: background 0.2s;
}

.bjb1ppfkc .xczw31m01 .p4hwys2g5:hover {
    background: rgba(255, 255, 255, 0.5);
}

.bjb1ppfkc .xczw31m01 .p4hwys2g5 i {
    font-size: 12px;
}

.bjb1ppfkc .zho6vy8in {
    display: inline-flex;
    align-items: center;
    justify-content: center;
    width: 28px;
    height: 28px;
    background: rgba(79, 93, 106, 0.08);
    color: #4f5d6a;
    border: 2px dashed #66717b;
    border-radius: 50%;
    cursor: pointer;
    transition: all 0.3s ease;
    border-color: #4f5d6a;
}

.bjb1ppfkc .zho6vy8in:hover {
    background: #4f5d6a;
    color: #ffffff;
    border-style: solid;
    transform: scale(1.1);
}

.bjb1ppfkc .zho6vy8in i {
    font-size: 18px;
}

.bjb1ppfkc .gu8v1zbny {
    display: flex;
    gap: 8px;
    align-items: center;
}

.bjb1ppfkc .kzz7joo8q {
    display: none;
    align-items: center;
    gap: 8px;
}

.bjb1ppfkc .kzz7joo8q .nvhuccgmq {
    width: 40px;
    height: 40px;
    min-width: 40px;
    padding: 0;
    border-radius: 999px;
}

.bjb1ppfkc .nvhuccgmq {
    display: flex;
    align-items: center;
    justify-content: center;
    gap: 8px;
    padding: 0;
    border: none;
    border-radius: 8px;
    font-size: 14px;
    font-weight: 500;
    cursor: pointer;
    transition: all 0.3s ease;
    box-shadow: 0 2px 5px rgba(0,0,0,0.1);
    min-width: 44px;
    width: 44px;
    height: 44px;
}

.bjb1ppfkc .nvhuccgmq i {
    font-size: 22px;
}

.bjb1ppfkc .nvhuccgmq:hover {
    transform: translateY(-2px);
    box-shadow: 0 4px 10px rgba(0,0,0,0.15);
}

.bjb1ppfkc .nvhuccgmq:disabled {
    opacity: var(--chat-disabled-opacity);
    cursor: not-allowed;
    transform: none;
}

.bjb1ppfkc .cit05pmc2 {
    background: #1f7a43;
    color: white;
}

.bjb1ppfkc .dhwmoeqj0 {
    background: #4f5d6a;
    color: white;
}

.bjb1ppfkc .chz6bqkod {
    background: #0f6cbd;
    color: #ffffff;
}

.bjb1ppfkc .chz6bqkod:disabled {
    opacity: var(--chat-disabled-opacity);
    cursor: not-allowed;
}

.bjb1ppfkc .fumpi70ed {
    background: #ba3a3a;
    color: white;
}

.bjb1ppfkc .ijs0fr1xf {
    flex: 1;
    display: flex;
    flex-direction: column;
    overflow: hidden;
}

.bjb1ppfkc .lh5edk1c5 {
    background: #000;
    position: fixed;
    top: 88px;
    right: 24px;
    width: min(560px, calc(100vw - 48px));
    height: clamp(220px, 44vh, 420px);
    min-height: 220px;
    display: none;
    border-radius: 14px;
    overflow: hidden;
    z-index: 1300;
    box-shadow: 0 16px 40px rgba(0, 0, 0, 0.35);
}

.bjb1ppfkc .hc8vau0ag {
    position: absolute;
    top: 0;
    left: 0;
    right: 0;
    height: 34px;
    padding: 0 12px;
    display: flex;
    align-items: center;
    gap: 8px;
    background: rgba(15, 23, 42, 0.92);
    color: #f8fafc;
    font-size: 12px;
    font-weight: 600;
    user-select: none;
    cursor: grab;
    touch-action: none;
    z-index: 6;
}

.bjb1ppfkc .uckiybj05 {
    display: inline-flex;
    align-items: center;
    gap: 8px;
    min-width: 0;
}

.bjb1ppfkc .y5y3pizjc {
    margin-left: auto;
    height: 24px;
    padding: 0 8px;
    border: none;
    border-radius: 7px;
    display: inline-flex;
    align-items: center;
    justify-content: center;
    gap: 4px;
    background: rgba(30, 41, 59, 0.96);
    color: #ffffff;
    cursor: pointer;
    font-size: 11px;
    font-weight: 600;
    line-height: 1;
    width:40px;
}

.bjb1ppfkc .y5y3pizjc i {
    font-size: 14px;
}

.bjb1ppfkc .lh5edk1c5.xb5zbdcfw {
    cursor: grabbing;
    box-shadow: 0 20px 50px rgba(0, 0, 0, 0.45);
}

.bjb1ppfkc .vs530suet {
    position: absolute;
    width: 20px;
    height: 20px;
    z-index: 8;
    opacity: 0.9;
    touch-action: none;
}

.bjb1ppfkc .vs530suet.rw1l4mtrb {
    left: 6px;
    top: 6px;
    border-left: 3px solid rgba(255, 255, 255, 0.9);
    border-top: 3px solid rgba(255, 255, 255, 0.9);
    border-top-left-radius: 4px;
    cursor: nwse-resize;
}

.bjb1ppfkc .vs530suet.m1l6z24nn {
    right: 6px;
    top: 6px;
    border-right: 3px solid rgba(255, 255, 255, 0.9);
    border-top: 3px solid rgba(255, 255, 255, 0.9);
    border-top-right-radius: 4px;
    cursor: nesw-resize;
}

.bjb1ppfkc .vs530suet.mkf8d1hh5 {
    left: 6px;
    bottom: 6px;
    border-left: 3px solid rgba(255, 255, 255, 0.9);
    border-bottom: 3px solid rgba(255, 255, 255, 0.9);
    border-bottom-left-radius: 4px;
    cursor: nesw-resize;
}

.bjb1ppfkc .vs530suet.nor1yrwo9 {
    right: 6px;
    bottom: 6px;
    border-right: 3px solid rgba(255, 255, 255, 0.9);
    border-bottom: 3px solid rgba(255, 255, 255, 0.9);
    border-bottom-right-radius: 4px;
    cursor: nwse-resize;
}

.bjb1ppfkc .w6f2suh7y {
    position: absolute;
    inset: 34px 0 82px 0;
    display: flex;
    align-items: center;
    justify-content: center;
}

.bjb1ppfkc .k1oxe612j {
    position: absolute;
    inset: 0;
    display: block;
    padding: 10px;
}

.bjb1ppfkc .k1oxe612j.qpd9w1qoq {
    display: grid;
    grid-template-columns: repeat(auto-fit, minmax(220px, 1fr));
    grid-auto-rows: minmax(0, 1fr);
    gap: 10px;
    align-content: start;
    overflow-y: auto;
    overflow-x: hidden;
    padding-right: 12px;
}

.bjb1ppfkc .v3dwlhcz3 {
    position: relative;
    border-radius: 12px;
    overflow: hidden;
    background: #0f172a;
    border: 1px solid rgba(148, 163, 184, 0.22);
}

.bjb1ppfkc .v3dwlhcz3.ukn8gwpla {
    position: absolute;
    inset: 10px;
}

.bjb1ppfkc .k1oxe612j.qpd9w1qoq .v3dwlhcz3.ukn8gwpla {
    position: relative;
    inset: auto;
    min-width: 0;
    min-height: 0;
}

.bjb1ppfkc .k1oxe612j .wekjgx2ta {
    position: relative;
    inset: auto;
    min-width: 0;
    min-height: 0;
}

.bjb1ppfkc .v3dwlhcz3.mthfguha8 {
    position: absolute;
    inset: 0;
    min-width: 0;
    background: transparent;
    border: none;
    overflow: visible;
    pointer-events: none;
}

.bjb1ppfkc .v3dwlhcz3.mthfguha8 .kgrws15hx {
    position: absolute;
    inset: auto;
    width: min(30vw, 280px);
    min-width: 160px;
    top: 18px;
    right: 18px;
    pointer-events: auto;
}

.bjb1ppfkc .k1oxe612j.esbq5dmai .v3dwlhcz3.mthfguha8 {
    inset: 10px;
    pointer-events: auto;
    background: #0f172a;
    border: 1px solid rgba(148, 163, 184, 0.22);
    overflow: hidden;
}

.bjb1ppfkc .k1oxe612j.esbq5dmai .v3dwlhcz3.mthfguha8 .kgrws15hx {
    top: 0;
    right: 0;
    width: 100%;
    height: 100%;
    min-width: 0;
    aspect-ratio: auto;
    border-radius: 0;
    border: none;
    box-shadow: none;
    --local-video-height: 100%;
    --local-video-fit: contain;
}

.bjb1ppfkc .k1oxe612j.esbq5dmai .kdb3eu0zb {
    display: none;
}

.bjb1ppfkc .awzh49kcd {
    position: absolute;
    top: 10px;
    left: 10px;
    z-index: 9;
    display: none;
    align-items: center;
    background: rgba(220, 38, 38, 0.92);
    color: #fff;
    width: 34px;
    height: 34px;
    justify-content: center;
    border-radius: 999px;
    box-shadow: 0 6px 18px rgba(0,0,0,0.25);
}

.bjb1ppfkc .awzh49kcd i {
    font-size: 16px;
}

#remoteVideo {
    position: static;
    width: 100%;
    height: 100%;
    object-fit: contain;
    background: #0f172a;
    z-index: 1;
    transform: scaleX(-1);
    transform-origin: center;
}

#localTela {
    position: static;
    width: 100%;
    height: 100%;
    object-fit: contain;
    background: transparent;
    z-index: 1;
    transform: none;
}

.bjb1ppfkc .kgrws15hx {
    position: absolute;
    top: 18px;
    right: 18px;
    width: min(30vw, 280px);
    min-width: 160px;
    aspect-ratio: 4 / 3;
    border-radius: 12px;
    border: 2px solid rgba(255, 255, 255, 0.9);
    overflow: hidden;
    box-shadow: 0 10px 28px rgba(0, 0, 0, 0.45);
    z-index: 4;
    background: #0b1220;
    display: flex;
    flex-direction: column;
    --local-video-header-height: 28px;
}

.bjb1ppfkc .kgrws15hx.vmncm0qj4 {
    width: clamp(160px, 22vw, 240px);
    min-width: 160px;
    height: 28px;
    aspect-ratio: auto;
    border-width: 1px;
    box-shadow: 0 8px 20px rgba(0, 0, 0, 0.35);
}

.bjb1ppfkc .kgrws15hx.vmncm0qj4 #localVideo, .bjb1ppfkc .kgrws15hx.vmncm0qj4 .damsk1hc0 {
    display: none ;
}

.bjb1ppfkc .kgrws15hx.xb5zbdcfw {
    cursor: grabbing;
    box-shadow: 0 16px 34px rgba(0, 0, 0, 0.55);
}

.bjb1ppfkc .kdb3eu0zb {
    height: 28px;
    padding: 0 10px;
    display: flex;
    align-items: center;
    gap: 8px;
    color: #e2e8f0;
    font-size: 11px;
    font-weight: 600;
    background: rgba(15, 23, 42, 0.92);
    cursor: grab;
    user-select: none;
    touch-action: none;
}

.bjb1ppfkc .kdb3eu0zb i {
    font-size: 14px;
}

.bjb1ppfkc .p585s50ou {
    display: inline-flex;
    align-items: center;
    gap: 8px;
    min-width: 0;
}

.bjb1ppfkc .x4x4abiot {
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis;
}

.bjb1ppfkc .c5z94ya73 {
    margin-left: auto;
    width: 22px;
    height: 22px;
    border: none;
    border-radius: 50%;
    background: rgba(255, 255, 255, 0.18);
    color: #e2e8f0;
    display: inline-flex;
    align-items: center;
    justify-content: center;
    cursor: pointer;
    padding: 0;
    pointer-events: auto;
}

.bjb1ppfkc .c5z94ya73:hover {
    background: rgba(255, 255, 255, 0.32);
}

.bjb1ppfkc .c5z94ya73 i {
    font-size: 14px;
}

.bjb1ppfkc .damsk1hc0 {
    display: none;
    align-items: center;
    justify-content: center;
    flex: 1;
    color: #cbd5e1;
    font-size: 12px;
    font-weight: 600;
    background: rgba(15, 23, 42, 0.7);
}

#localVideo {
    position: static;
    width: 100%;
    height: var(--local-video-height, calc(100% - var(--local-video-header-height, 28px)));
    object-fit: var(--local-video-fit, cover);
    border: none;
    box-shadow: none;
    transform: scaleX(-1);
    transform-origin: center;
    background: transparent;
}

.bjb1ppfkc .vrf87ec5n {
    position: absolute;
    bottom: 10px;
    left: 50%;
    transform: translateX(-50%);
    display: flex;
    gap: 15px;
    background: rgba(0,0,0,0.5);
    padding: 15px 25px;
    border-radius: 50px;
    z-index: 10;
    pointer-events: auto;
}

.bjb1ppfkc .ty1rygv6j {
    width: 50px;
    height: 50px;
    border-radius: 50%;
    border: none;
    background: rgba(255,255,255,0.2);
    color: white;
    font-size: 20px;
    cursor: pointer;
    transition: all 0.3s;
    display: flex;
    align-items: center;
    justify-content: center;
}

.bjb1ppfkc .ty1rygv6j:hover {
    background: rgba(255,255,255,0.3);
}

.bjb1ppfkc .ty1rygv6j.wqjrq3gkw {
    background: white;
}

#toggleAudioBtn {
    background: #334155;
    color: #e2e8f0;
}

.bjb1ppfkc #toggleAudioBtn.wqjrq3gkw {
    background: #16a34a;
    color: #ffffff;
}

#toggleVideoBtn {
    background: #334155;
    color: #e2e8f0;
}

.bjb1ppfkc #toggleVideoBtn.wqjrq3gkw {
    background: #2563eb;
    color: #ffffff;
}

#switchCameraBtn {
    background: #f59e0b;
    color: #1f2937;
    display: none;
}

#shareScreenBtn {
    background: #0ea5a3;
    color: #ffffff;
}

#inContainerHangupBtn {
    background: #ef4444;
    color: #ffffff;
}

@media (pointer: coarse) {#switchCameraBtn{
                display: flex;
            }
        }

@media (max-width: 900px) {.bjb1ppfkc .v3dwlhcz3.mthfguha8{
                min-width: 0;
            }
        }

.bjb1ppfkc .j7rl3z4v2 {
    flex: 1;
    padding: 20px 30px;
    overflow-y: auto;
    background: #fafafa;
    border: none;
    border-radius: 0;
}

.bjb1ppfkc .vcgtq6s6x {
    text-align: center;
    padding: 12px;
    background: #5e6770;
    color: #ffffff;
    border-radius: 8px;
    margin-bottom: 15px;
    font-size: 13px;
    animation: slideDown 0.3s ease;
}

.bjb1ppfkc .vcgtq6s6x.n8zoin5ki {
    background: #b33b3b;
    color: #ffffff;
}

.bjb1ppfkc .vcgtq6s6x.cac4lzylt {
    background: #d6a300;
    color: #1f2933;
}

.bjb1ppfkc .vcgtq6s6x.aiwfsirif {
    background: #5e6770;
    color: #ffffff;
}

.bjb1ppfkc .dgbzy3nme {
    display: flex;
    justify-content: center;
    margin-bottom: 12px;
}

.bjb1ppfkc .jgk2ltw9r {
    border: 1px solid #d4dbe2;
    background: #ffffff;
    color: #3f4b57;
    border-radius: 999px;
    padding: 7px 14px;
    font-size: 12px;
    font-weight: 600;
    cursor: pointer;
    transition: background 0.2s ease, border-color 0.2s ease;
}

.bjb1ppfkc .jgk2ltw9r:hover:not(:disabled) {
    background: #f6f8fa;
    border-color: #bec8d2;
}

.bjb1ppfkc .jgk2ltw9r:disabled {
    opacity: 0.7;
    cursor: wait;
}

@keyframes slideDown {
            from {
                opacity: 0;
                transform: translateY(-10px);
            }
            to {
                opacity: 1;
                transform: translateY(0);
            }
        }

.bjb1ppfkc .upq25ahjk {
    margin-bottom: 15px;
    display: flex;
    width: 100%;
    animation: messageIn 0.3s ease;
}

@keyframes messageIn {
            from {
                opacity: 0;
                transform: translateY(10px);
            }
            to {
                opacity: 1;
                transform: translateY(0);
            }
        }

.bjb1ppfkc .upq25ahjk.aq077cfug {
    justify-content: stretch;
}

.bjb1ppfkc .upq25ahjk.l8gucuxnr {
    justify-content: stretch;
}

.bjb1ppfkc .upq25ahjk > div {
    width: 100%;
    max-width: 100%;
    padding: 14px 2px 16px;
    border: none;
    border-bottom: 1px solid #e4e9ee;
    border-radius: 0;
    background: transparent;
    font-size: 14px;
    line-height: 1.4;
    box-shadow: none;
    position: relative;
}

.bjb1ppfkc .muml534nu {
    display: flex;
    align-items: center;
    justify-content: space-between;
    gap: 12px;
    margin-bottom: 6px;
}

.bjb1ppfkc .tgt3lcwcc {
    display: inline-flex;
    align-items: center;
    gap: 8px;
    min-width: 0;
    font-size: 11px;
    font-weight: 700;
    opacity: 1;
    text-transform: uppercase;
    letter-spacing: 0;
}

.bjb1ppfkc .t2iu6d1pm {
    width: 34px;
    height: 34px;
    border-radius: 50%;
    overflow: hidden;
    display: inline-flex;
    align-items: center;
    justify-content: center;
    flex-shrink: 0;
}

.bjb1ppfkc .t2iu6d1pm img {
    width: 100%;
    height: 100%;
    object-fit: cover;
    display: block;
}

.bjb1ppfkc .ep95cwm9d {
    font-size: 16px;
    font-weight: 700;
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis;
    max-width: 190px;
    line-height: 1;
    text-transform: none;
    letter-spacing: 0;
}

.bjb1ppfkc .l67chts2k {
    display: inline-flex;
    align-items: center;
    gap: 4px;
    font-size: 12px;
    color: #8a95a2;
    white-space: nowrap;
    font-weight: 600;
}

.bjb1ppfkc .l67chts2k i {
    font-size: 14px;
    opacity: 0.88;
}

.bjb1ppfkc .wq3061wt3 {
    display: inline-flex;
    align-items: center;
    gap: 8px;
}

.bjb1ppfkc .tkdx6cd4h {
    display: inline-flex;
    align-items: center;
    gap: 4px;
    padding: 4px 8px;
    border-radius: 999px;
    background: #b33b3b;
    color: #ffffff;
    font-size: 10px;
    font-weight: 800;
    letter-spacing: 0.25px;
    text-transform: uppercase;
    line-height: 1;
}

.bjb1ppfkc .tkdx6cd4h i {
    font-size: 12px;
}

/* UX Quick Wins — padronização global */
.bjb1ppfkc button:disabled, [disabled], input:disabled, select:disabled {
    cursor: not-allowed ;
}

button:not(:disabled) {
    cursor: pointer;
}

/* Focus visível para acessibilidade de teclado */
.bjb1ppfkc button:focus-visible, a:focus-visible, input:focus-visible, select:focus-visible, textarea:focus-visible {
    outline: 2px solid #3b82f6;
    outline-offset: 2px;
}

/* Skeleton shimmer para loading */
@keyframes chat-skeleton-shimmer {
    0%   { background-position: -200% 0; }
    100% { background-position: 200% 0; }
}
.bjb1ppfkc .torxdr6e4 {
    display: flex;
    flex-direction: column;
    gap: 10px;
    padding: 16px;
}
.bjb1ppfkc .tf9tjiadv {
    height: 48px;
    border-radius: 8px;
    background: linear-gradient(90deg, #eef2f7 0%, #f7fafc 50%, #eef2f7 100%);
    background-size: 200% 100%;
    animation: chat-skeleton-shimmer 1.4s infinite linear;
}
.bjb1ppfkc .tf9tjiadv.brpmzh8hr { width: 60%; }
.bjb1ppfkc .tf9tjiadv.pa9gjeerb { width: 80%; }

/* Empty state de conversa sem mensagens */
.bjb1ppfkc .e7dfx88b2 {
    display: flex;
    flex-direction: column;
    align-items: center;
    justify-content: center;
    padding: 48px 24px;
    text-align: center;
    color: #64748b;
    gap: 6px;
}
.bjb1ppfkc .e7dfx88b2 .material-icons {
    font-size: 56px;
    opacity: 0.25;
    margin-bottom: 4px;
}
.bjb1ppfkc .e7dfx88b2 h4 {
    margin: 0;
    font-size: 15px;
    font-weight: 600;
    color: #334155;
}
.bjb1ppfkc .e7dfx88b2 p {
    margin: 0;
    font-size: 13px;
    max-width: 260px;
    line-height: 1.4;
}

.bjb1ppfkc .h2ur6sm17 {
    word-wrap: break-word;
    color: #5f6b78;
    line-height: 1.5;
    padding: 0 42px;
}

/* Botão de apagar mensagem (só nas próprias mensagens não apagadas) */
.bjb1ppfkc .appsjdwwl {
    position: absolute;
    top: 6px;
    right: 6px;
    background: transparent;
    border: none;
    color: #94a3b8;
    cursor: pointer;
    padding: 4px;
    border-radius: 4px;
    opacity: 0;
    transition: opacity .15s, background .15s, color .15s;
    display: inline-flex;
    align-items: center;
    justify-content: center;
}
.bjb1ppfkc .appsjdwwl:hover {
    background: rgba(192, 57, 43, .1);
    color: #c0392b;
}
.bjb1ppfkc .appsjdwwl .material-icons {
    font-size: 16px;
}
.bjb1ppfkc .upq25ahjk.aq077cfug > div, .bjb1ppfkc .upq25ahjk.l8gucuxnr > div {
    position: relative;
}
.bjb1ppfkc .upq25ahjk.aq077cfug:hover .appsjdwwl {
    opacity: 1;
}

/* Placeholder de "mensagem apagada" */
.bjb1ppfkc .nzeous4ry .h2ur6sm17 {
    color: #94a3b8;
    font-style: italic;
}
.bjb1ppfkc .y7zmt23rd {
    display: inline-flex;
    align-items: center;
    gap: 6px;
    opacity: .75;
}
.bjb1ppfkc .y7zmt23rd .material-icons {
    font-size: 16px;
}

.bjb1ppfkc .upq25ahjk.aq077cfug > div {
    background: transparent;
    color: #1f2933;
    border-bottom-color: #dfe6ed;
}

.bjb1ppfkc .upq25ahjk.l8gucuxnr > div {
    background: transparent;
    color: #1f2933;
    border-bottom-color: #e0e6ec;
}

.bjb1ppfkc .upq25ahjk.l8gucuxnr.fognneeij > div, .bjb1ppfkc .upq25ahjk.l8gucuxnr.xdd5k1nrd > div {
    background: #fff4d6 ;
    border-bottom-color: #f2c35b ;
}

.bjb1ppfkc .upq25ahjk.l8gucuxnr.fognneeij .ep95cwm9d, .bjb1ppfkc .upq25ahjk.l8gucuxnr.fognneeij .h2ur6sm17, .bjb1ppfkc .upq25ahjk.l8gucuxnr.xdd5k1nrd .ep95cwm9d, .bjb1ppfkc .upq25ahjk.l8gucuxnr.xdd5k1nrd .h2ur6sm17 {
    color: #6b4d12 ;
}

.bjb1ppfkc .upq25ahjk.aq077cfug .muml534nu {
    flex-direction: row-reverse;
}

.bjb1ppfkc .upq25ahjk.aq077cfug .t2iu6d1pm {
    background: #ff6a55;
    color: #ffffff;
}

.bjb1ppfkc .upq25ahjk.aq077cfug .ep95cwm9d, .bjb1ppfkc .upq25ahjk.aq077cfug .h2ur6sm17 {
    text-align: right;
}

.bjb1ppfkc .upq25ahjk.l8gucuxnr .t2iu6d1pm {
    background: #45b5de;
    color: #ffffff;
}

.bjb1ppfkc .upq25ahjk.l8gucuxnr .ep95cwm9d {
    color: #2d3742;
}

.bjb1ppfkc .i1o8to3xj {
    display: block;
    width: 100%;
    cursor: pointer;
}

.bjb1ppfkc .nrwf3s0m1 {
    display: flex;
    align-items: center;
    justify-content: space-between;
    gap: 12px;
    width: 100%;
}

.bjb1ppfkc .k8g68j6q7 {
    display: flex;
    align-items: center;
    gap: 10px;
    min-width: 0;
}

.bjb1ppfkc .d67kytnpv {
    width: 34px;
    height: 34px;
    border-radius: 50%;
    display: inline-flex;
    align-items: center;
    justify-content: center;
    flex-shrink: 0;
    background: #e7edf3;
    color: #4f5d6a;
}

.bjb1ppfkc .d67kytnpv i {
    font-size: 18px;
}

.bjb1ppfkc .jqxxemhyg {
    min-width: 0;
}

.bjb1ppfkc .c2cqxxdh2 {
    font-size: 15px;
    font-weight: 700;
    color: #1f2933;
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis;
}

.bjb1ppfkc .nsvhednuw {
    margin-top: 2px;
    font-size: 12px;
    color: #7a8694;
}

.bjb1ppfkc .i1o8to3xj.q7oojhdx3 .d67kytnpv {
    background: #fce4e4;
    color: #d32f2f;
}

.bjb1ppfkc .i1o8to3xj.q7oojhdx3 .c2cqxxdh2 {
    color: #d32f2f;
}

.bjb1ppfkc .i1o8to3xj.q7oojhdx3 .nsvhednuw {
    color: #e57373;
}

.bjb1ppfkc .dqa8adr76 {
    width: 34px;
    height: 34px;
    min-width: 34px;
    border-radius: 50%;
    border: 1px solid #d6dee6;
    background: #ffffff;
    color: #5d6975;
    display: inline-flex;
    align-items: center;
    justify-content: center;
    cursor: pointer;
}

.bjb1ppfkc .dqa8adr76 i {
    font-size: 18px;
}

.bjb1ppfkc .dqa8adr76:hover {
    background: #f6f8fa;
    border-color: #c5d0da;
}

#callSessionModal, #transcriptModal {
    display: none;
    position: fixed;
    inset: 0;
    z-index: 4500;
    background: rgba(15, 23, 42, 0.58);
    align-items: center;
    justify-content: center;
    padding: 24px;
}

.bjb1ppfkc #callSessionModal.keo2lg4ml, .bjb1ppfkc #transcriptModal.keo2lg4ml {
    display: flex;
}

.bjb1ppfkc .sqp1z2znn, .bjb1ppfkc .tdxqm7kdt {
    width: min(760px, 100%);
    max-height: min(82vh, 920px);
    overflow: hidden;
    background: #ffffff;
    border-radius: 18px;
    border: 1px solid #dbe3ea;
    box-shadow: 0 24px 60px rgba(15, 23, 42, 0.22);
    display: flex;
    flex-direction: column;
}

.bjb1ppfkc .nivt6tavp, .bjb1ppfkc .s3iscgflg {
    display: flex;
    align-items: center;
    justify-content: space-between;
    gap: 12px;
    padding: 18px 20px;
    border-bottom: 1px solid #e4e9ee;
}

.bjb1ppfkc .nivt6tavp h5, .bjb1ppfkc .s3iscgflg h5 {
    margin: 0;
    display: flex;
    align-items: center;
    gap: 8px;
    color: #1f2933;
    font-size: 18px;
    font-weight: 700;
}

.bjb1ppfkc .h649jqjae, #modalCloseTranscriptBtn, #modalDownloadTranscriptBtn {
    border: 1px solid #d8e0e6;
    background: #ffffff;
    color: #55616d;
    border-radius: 999px;
    cursor: pointer;
}

.bjb1ppfkc .mvbwvn5jt {
    display: flex;
    align-items: center;
    gap: 8px;
}

.bjb1ppfkc .h649jqjae {
    width: 36px;
    height: 36px;
    display: inline-flex;
    align-items: center;
    justify-content: center;
}

.bjb1ppfkc .nhftv19gk {
    width: 36px;
    height: 36px;
    display: inline-flex;
    align-items: center;
    justify-content: center;
    border: 1px solid #d8e0e6;
    background: #ffffff;
    color: #55616d;
    border-radius: 999px;
    cursor: pointer;
    transition: background 0.15s, color 0.15s;
}

.bjb1ppfkc .nhftv19gk:hover {
    background: #f0f4f8;
}

.bjb1ppfkc .nhftv19gk.lojx4ci1v {
    background: #1976d2;
    color: #ffffff;
    border-color: #1976d2;
}

.bjb1ppfkc .nhftv19gk.lojx4ci1v:hover {
    background: #1565c0;
}

.bjb1ppfkc .inj9f7pls.b9pb2nbgd {
    background: #e3f2fd;
    border-radius: 8px;
    margin: 0 -8px;
    padding: 10px 8px;
}

.bjb1ppfkc .upx5u1fhk, .bjb1ppfkc .htrt7ce1u {
    padding: 18px 20px 20px;
    overflow-y: auto;
    color: #3f4b57;
}

.bjb1ppfkc .su18tkfon {
    padding: 12px 20px 0;
    font-size: 13px;
    color: #6b7682;
}

.bjb1ppfkc .utlk9abi3 {
    display: flex;
    align-items: center;
    gap: 10px;
}

#modalCloseTranscriptBtn, #modalDownloadTranscriptBtn {
    padding: 8px 14px;
    font-size: 13px;
    font-weight: 600;
}

#modalDownloadTranscriptBtn:disabled {
    opacity: 0.5;
    cursor: not-allowed;
}

.bjb1ppfkc .xogl36g25 {
    margin-bottom: 12px;
    padding: 12px 14px;
    border-radius: 12px;
    background: #fff7db;
    color: #6a5600;
    font-size: 12px;
    line-height: 1.45;
}

.bjb1ppfkc .inj9f7pls {
    display: flex;
    flex-direction: column;
    gap: 4px;
    padding: 10px 0;
    border-bottom: 1px solid #eef2f5;
}

.bjb1ppfkc .inj9f7pls:last-child {
    border-bottom: none;
}

.bjb1ppfkc .iuhsug4pj {
    display: flex;
    align-items: center;
    gap: 8px;
}

.bjb1ppfkc .zcbxxgwaq {
    width: 28px;
    height: 28px;
    border-radius: 50%;
    object-fit: cover;
    flex-shrink: 0;
}

.bjb1ppfkc .r7xyr2nmf {
    display: inline-flex;
    align-items: center;
    justify-content: center;
    background: #e0e7ee;
    color: #3f4b57;
    font-size: 13px;
    font-weight: 700;
}

.bjb1ppfkc .a8siwcrvp {
    font-size: 12px;
    color: #778390;
    font-weight: 600;
}

.bjb1ppfkc .i7azhnpqa {
    font-size: 14px;
    color: #27313b;
    line-height: 1.5;
}

.bjb1ppfkc .g5p4epe0y {
    padding: 20px 30px;
    background: #ffffff;
    border-top: 1px solid #e0e0e0;
    display: flex;
    gap: 15px;
    align-items: center;
    border-radius: 0;
}

.bjb1ppfkc .g5p4epe0y input {
    flex: 1;
    padding: 12px 20px;
    border: 2px solid #e0e0e0;
    border-radius: 25px;
    font-size: 14px;
    outline: none;
    transition: all 0.3s;
    background: #ffffff;
    color: #1b232c;
}

.bjb1ppfkc .g5p4epe0y input:focus {
    border-color: #667eea;
    box-shadow: 0 0 0 3px rgba(102, 126, 234, 0.1);
}

.bjb1ppfkc .ikko00z6d {
    padding: 12px 16px;
    background: #4f5d6a;
    color: white;
    border: none;
    border-radius: 50%;
    font-size: 14px;
    font-weight: 500;
    cursor: pointer;
    transition: all 0.3s;
    display: flex;
    align-items: center;
    justify-content: center;
    width: 48px;
    height: 48px;
}

.bjb1ppfkc .ikko00z6d i {
    font-size: 22px;
}

.bjb1ppfkc .efyljwpuf {
    display: none;
    position: fixed;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    background: rgba(0,0,0,0.7);
    z-index: 1000;
    justify-content: center;
    align-items: center;
}

.bjb1ppfkc .duxvst3p8 {
    z-index: 4000;
}

.bjb1ppfkc .w9mpo3lr0 {
    background: white;
    padding: 40px;
    border-radius: 20px;
    text-align: center;
    box-shadow: 0 10px 40px rgba(0,0,0,0.3);
    animation: modalIn 0.3s ease;
    max-width: 400px;
}

@keyframes modalIn {
            from {
                opacity: 0;
                transform: scale(0.9);
            }
            to {
                opacity: 1;
                transform: scale(1);
            }
        }

.bjb1ppfkc .ine51f73e {
    font-size: 72px;
    margin-bottom: 20px;
    animation: pulse 1.5s infinite;
}

@keyframes pulse {
            0%, 100% {
                transform: scale(1);
            }
            50% {
                transform: scale(1.1);
            }
        }

.bjb1ppfkc .w9mpo3lr0 h5 {
    margin: 0 0 10px 0;
    color: #26323c;
    font-size: 24px;
}

.bjb1ppfkc .w9mpo3lr0 p {
    color: #757575;
    margin-bottom: 30px;
    font-size: 16px;
}

.bjb1ppfkc .w9mpo3lr0 .c3fgt9b2e {
    display: inline-block;
    padding: 6px 16px;
    background: #4f5d6a;
    color: white;
    border-radius: 20px;
    font-size: 13px;
    margin-top: 10px;
    font-weight: 500;
}

.bjb1ppfkc .hcfo39wci {
    display: flex;
    gap: 15px;
    justify-content: center;
}

.bjb1ppfkc #addParticipantModal .w9mpo3lr0 {
    max-width: 500px;
    padding: 30px;
}

#addParticipantModal h5 {
    color: #26323c;
    margin: 0 0 20px 0;
    font-size: 22px;
    display: flex;
    align-items: center;
    gap: 10px;
}

.bjb1ppfkc .q7cuko59m {
    max-height: 400px;
    overflow-y: auto;
    margin: 20px 0;
}

.bjb1ppfkc .ktbqxins1 {
    display: flex;
    align-items: center;
    padding: 15px;
    border-radius: 12px;
    margin-bottom: 8px;
    cursor: pointer;
    transition: all 0.3s ease;
    background: #f7fafc;
    border: 1px solid #dbe3ea;
}

.bjb1ppfkc .ktbqxins1:hover {
    background: #eef3f7;
    border-color: #b7c3cf;
    transform: translateX(2px);
}

.bjb1ppfkc .ktbqxins1.wwi84hb23 {
    opacity: 0.5;
    cursor: not-allowed;
    pointer-events: none;
}

.bjb1ppfkc .z9toznq2z {
    width: 45px;
    height: 45px;
    border-radius: 50%;
    overflow: hidden;
    background: #4f5d6a;
    display: flex;
    align-items: center;
    justify-content: center;
    color: white;
    font-weight: 600;
    font-size: 18px;
    margin-right: 15px;
}

.bjb1ppfkc .xnbq8kwrp {
    flex: 1;
    text-align: left;
}

.bjb1ppfkc .c9ztleclk {
    font-weight: 500;
    color: #26323c;
    font-size: 15px;
}

.bjb1ppfkc .gaw1su1m0 {
    font-size: 12px;
    color: #5c6f89;
    margin-top: 2px;
}

.bjb1ppfkc .z08haq94a {
    font-size: 12px;
    color: #757575;
    margin-top: 3px;
}

.bjb1ppfkc .klwlqrvpn {
    margin-top: 20px;
    padding: 12px 30px;
    background: #e0e0e0;
    color: #666;
    border: none;
    border-radius: 25px;
    cursor: pointer;
    font-size: 14px;
    font-weight: 500;
    transition: all 0.3s ease;
}

.bjb1ppfkc .klwlqrvpn:hover {
    background: #d0d0d0;
    transform: translateY(-2px);
}

.bjb1ppfkc .q7cuko59m::-webkit-scrollbar {
    width: 6px;
}

.bjb1ppfkc .q7cuko59m::-webkit-scrollbar-thumb {
    background: #8fa1b2;
    border-radius: 10px;
}

.bjb1ppfkc .q7cuko59m::-webkit-scrollbar-track {
    background: #f5f6fa;
    border-radius: 10px;
}

.bjb1ppfkc .qm27ur3vs {
    padding: 40px 20px;
    text-align: center;
    color: #9e9e9e;
}

.bjb1ppfkc .qm27ur3vs i {
    font-size: 48px;
    opacity: 0.3;
    margin-bottom: 10px;
}

@media (max-width: 768px) {.bjb1ppfkc .lh5edk1c5{
                top: 72px;
                right: 10px;
                width: calc(100vw - 20px);
                height: 300px;
            }#remoteVideo{
                object-fit: contain;
            }.bjb1ppfkc .kgrws15hx{
                width: 150px;
                top: 10px;
                right: 10px;
            }.bjb1ppfkc .kdb3eu0zb{
                height: 24px;
                font-size: 10px;
            }.bjb1ppfkc .kgrws15hx{
                --local-video-header-height: 24px;
            }
        }

.bjb1ppfkc .kuwggaxml {
    display: flex;
    flex-direction: column;
    align-items: center;
    justify-content: center;
    height: 100%;
    color: #9e9e9e;
}

.bjb1ppfkc .kuwggaxml i {
    font-size: 72px;
    margin-bottom: 20px;
    opacity: 0.3;
}

.bjb1ppfkc .kuwggaxml p {
    font-size: 16px;
}

.bjb1ppfkc .h16sha38n, .bjb1ppfkc .z9toznq2z {
    background: #4f5d6a;
    color: #ffffff;
}

.bjb1ppfkc .nvhuccgmq, .bjb1ppfkc .ikko00z6d {
    border-radius: 999px;
    border: none;
    box-shadow: 0 6px 14px rgba(17, 24, 39, 0.2);
}

.bjb1ppfkc .nvhuccgmq.cit05pmc2, #incomingAudioAcceptBtn, #acceptAudioBtn {
    background: #2f6b4b;
    color: #ffffff;
}

.bjb1ppfkc .nvhuccgmq.fumpi70ed, #rejectCallBtn, #inCallRejectBtn, #inContainerHangupBtn, .bjb1ppfkc .q1hn4tmxu {
    background: #b33b3b;
    color: #ffffff;
}

.bjb1ppfkc .wd360ealy, .bjb1ppfkc .q1hn4tmxu {
    padding: 20px;
    color: white;
    border: none;
    border-radius: 50%;
    font-size: 16px;
    font-weight: 500;
    cursor: pointer;
    transition: all 0.3s;
    width: 64px;
    height: 64px;
    display: flex;
    align-items: center;
    justify-content: center;
}

.bjb1ppfkc .wd360ealy { background: #1f7a43; }
.bjb1ppfkc .q1hn4tmxu { background: #ba3a3a; }

.bjb1ppfkc .wd360ealy i, .bjb1ppfkc .q1hn4tmxu i { font-size: 28px; }

.bjb1ppfkc .ikko00z6d:hover, .bjb1ppfkc .nvhuccgmq:hover:not(:disabled), .bjb1ppfkc .wd360ealy:hover, .bjb1ppfkc .q1hn4tmxu:hover {
    transform: translateY(-1px);
    box-shadow: 0 4px 10px rgba(17, 24, 39, 0.18);
    filter: none;
}

.bjb1ppfkc .qf0gynccl, #incomingCallModal, #inCallIncomingModal, #addParticipantModal {
    background: rgba(16, 24, 32, 0.45);
    backdrop-filter: blur(2px);
}

.bjb1ppfkc .w9mpo3lr0, .bjb1ppfkc #incomingCallModal .w9mpo3lr0, .bjb1ppfkc #inCallIncomingModal .w9mpo3lr0, .bjb1ppfkc #addParticipantModal .w9mpo3lr0, .bjb1ppfkc .u3xdfhww6 .w9mpo3lr0 {
    background: #ffffff;
    border: 1px solid #d6dee5;
    border-radius: 16px;
    box-shadow: 0 20px 48px rgba(17, 24, 39, 0.2);
}

.bjb1ppfkc .w9mpo3lr0 p, .bjb1ppfkc .z08haq94a, .bjb1ppfkc .gaw1su1m0 {
    color: #5f6b76;
}

.bjb1ppfkc .oxf2rolct, .bjb1ppfkc .k4zmca9i0, .bjb1ppfkc .jvv15zmav, .bjb1ppfkc .oyay3vy6o, .bjb1ppfkc .j7rl3z4v2, .bjb1ppfkc .g5p4epe0y, .bjb1ppfkc .w9mpo3lr0, .bjb1ppfkc #incomingCallModal .w9mpo3lr0, .bjb1ppfkc #inCallIncomingModal .w9mpo3lr0, .bjb1ppfkc #addParticipantModal .w9mpo3lr0 {
    background-image: none;
}

.bjb1ppfkc .k4zmca9i0 h5, .bjb1ppfkc .k4zmca9i0 small {
    color: #edf1f4;
}

.bjb1ppfkc .gza49i3ub, .bjb1ppfkc .ho7mbxhfj {
    color: rgba(232, 237, 241, 0.78);
    opacity: 1;
}

.bjb1ppfkc .nvhuccgmq.dhwmoeqj0, #incomingVideoAcceptBtn, #acceptVideoBtn {
    background: #4f5d6a;
    color: #ffffff;
}

.bjb1ppfkc .lq6zrlkp4.wqjrq3gkw, .bjb1ppfkc .lq6zrlkp4.wqjrq3gkw .h16sha38n {
    background: #5a646e;
    border-color: #5a646e;
    color: #ffffff;
    box-shadow: none;
}

.bjb1ppfkc .jse2u6qqh {
    color: #0f4ea8;
    font-weight: 600;
}

::-webkit-scrollbar {
    width: 8px;
}

::-webkit-scrollbar-track {
    background: #f1f1f1;
}

::-webkit-scrollbar-thumb {
    background: #94a3b8;
    border-radius: 4px;
}

::-webkit-scrollbar-thumb:hover {
    background: #64748b;
}

.bjb1ppfkc .jvv15zmav, .bjb1ppfkc .tmafomi2h, .bjb1ppfkc .ijs0fr1xf, .bjb1ppfkc .j7rl3z4v2, #messages, .bjb1ppfkc .gu8v1zbny, .bjb1ppfkc .kmsh0sxv6, .bjb1ppfkc .xnbq8kwrp, .bjb1ppfkc .k8g68j6q7, .bjb1ppfkc .jqxxemhyg {
    min-width: 0;
}

@media (max-width: 1180px) {.bjb1ppfkc .oxf2rolct{
                width: 248px;
                min-width: 248px;
            }.bjb1ppfkc .oyay3vy6o{
                gap: 16px;
                align-items: flex-start;
            }.bjb1ppfkc .tmafomi2h{
                flex: 1;
            }.bjb1ppfkc .gu8v1zbny{
                flex-wrap: wrap;
                justify-content: flex-end;
            }.bjb1ppfkc .j7rl3z4v2, .bjb1ppfkc .g5p4epe0y{
                padding-left: 20px;
                padding-right: 20px;
            }.bjb1ppfkc .h2ur6sm17{
                padding-left: 28px;
                padding-right: 28px;
            }
        }

@media (max-width: 900px) {.bjb1ppfkc, .bjb1ppfkc{
                height: auto;
                min-height: 100dvh;
            }.bjb1ppfkc{
                overflow: auto;
            }.bjb1ppfkc .y6iszi3q3{
                flex-direction: column;
                height: auto;
                min-height: 100dvh;
                border: none;
                border-radius: 0;
                box-shadow: none;
            }.bjb1ppfkc .oxf2rolct{
                position: fixed;
                top: 0;
                left: 0;
                bottom: 0;
                width: min(84vw, 320px);
                min-width: 0;
                max-height: none;
                border-bottom: none;
                z-index: 1200;
                transform: translateX(-105%);
                transition: transform 0.22s ease;
            }.bjb1ppfkc.mzklz0cmk .oxf2rolct{
                transform: translateX(0);
            }.bjb1ppfkc .ol4mfzi0c{
                position: fixed;
                inset: 0;
                background: rgba(15, 23, 42, 0.52);
                z-index: 1150;
                opacity: 0;
                pointer-events: none;
                transition: opacity 0.22s ease;
                display: block;
            }.bjb1ppfkc.mzklz0cmk .ol4mfzi0c{
                opacity: 1;
                pointer-events: auto;
            }.bjb1ppfkc .nlmgdgs15{
                display: inline-flex;
            }.bjb1ppfkc .k4zmca9i0{
                padding: 14px 16px 12px;
            }.bjb1ppfkc .tsnzzbizm{
                padding: 6px 8px 8px;
            }.bjb1ppfkc .jvv15zmav, .bjb1ppfkc .ijs0fr1xf{
                min-height: 0;
            }.bjb1ppfkc .oyay3vy6o{
                padding: 12px 14px;
                flex-direction: row;
                align-items: center;
                gap: 10px;
                position: sticky;
                top: 0;
                z-index: 30;
            }.bjb1ppfkc .tmafomi2h h5{
                font-size: 18px;
            }.bjb1ppfkc .tmafomi2h small{
                line-height: 1.35;
                font-size: 12px;
            }.bjb1ppfkc .kmsh0sxv6{
                gap: 6px;
                overflow-x: auto;
                flex-wrap: nowrap;
                padding-bottom: 2px;
            }.bjb1ppfkc .gu8v1zbny{
                width: 100%;
                justify-content: flex-end;
                gap: 6px;
            }.bjb1ppfkc .kzz7joo8q{
                flex-wrap: nowrap;
                justify-content: space-between;
                width: 100%;
            }.bjb1ppfkc .j7rl3z4v2{
                padding: 12px;
                background: #ffffff;
            }.bjb1ppfkc .muml534nu, .bjb1ppfkc .nrwf3s0m1{
                align-items: flex-start;
            }.bjb1ppfkc .ep95cwm9d{
                max-width: 150px;
                font-size: 15px;
            }.bjb1ppfkc .h2ur6sm17{
                padding-left: 0;
                padding-right: 0;
            }.bjb1ppfkc .upq25ahjk.aq077cfug .h2ur6sm17, .bjb1ppfkc .upq25ahjk.aq077cfug .ep95cwm9d{
                text-align: right;
            }.bjb1ppfkc .g5p4epe0y{
                padding: 10px 12px calc(10px + env(safe-area-inset-bottom));
                gap: 8px;
                position: sticky;
                bottom: 15px;
                z-index: 35;
                box-shadow: 0 -6px 18px rgba(17, 24, 39, 0.08);
            }.bjb1ppfkc .g5p4epe0y input{
                min-width: 0;
            }.bjb1ppfkc .lh5edk1c5{
                top: auto;
                left: 12px;
                right: 12px;
                bottom: 12px;
                width: auto;
                height: min(62vh, 430px);
                max-height: calc(100dvh - 24px);
            }.bjb1ppfkc .vrf87ec5n{
                width: calc(100% - 18px);
                max-width: none;
                gap: 8px;
                padding: 10px 12px;
                border-radius: 22px;
                justify-content: center;
                flex-wrap: wrap;
            }.bjb1ppfkc .ty1rygv6j{
                width: 44px;
                height: 44px;
            }.bjb1ppfkc .kgrws15hx, .bjb1ppfkc .v3dwlhcz3.mthfguha8 .kgrws15hx{
                width: min(38vw, 220px);
                min-width: 120px;
            }.bjb1ppfkc .sqp1z2znn, .bjb1ppfkc .tdxqm7kdt, .bjb1ppfkc .w9mpo3lr0, .bjb1ppfkc #addParticipantModal .w9mpo3lr0{
                width: calc(100vw - 24px);
                max-width: calc(100vw - 24px);
            }.bjb1ppfkc .nvhuccgmq, .bjb1ppfkc .kzz7joo8q .nvhuccgmq, .bjb1ppfkc .ikko00z6d{
                width: 42px;
                height: 42px;
                min-width: 42px;
                padding: 0;
                border-radius: 999px;
            }.bjb1ppfkc .lq6zrlkp4{
                padding: 9px 10px;
                gap: 9px;
                border-radius: 10px;
            }.bjb1ppfkc .upq25ahjk{
                margin-bottom: 10px;
            }.bjb1ppfkc .upq25ahjk > div{
                padding: 12px 0 14px;
            }
        }

@media (max-width: 560px) {.bjb1ppfkc .oxf2rolct{ width: min(90vw, 300px); }.bjb1ppfkc .k4zmca9i0 h5{
                font-size: 16px;
            }.bjb1ppfkc .k4zmca9i0 small, .ylkq1f6gw, .bjb1ppfkc .gza49i3ub, .bjb1ppfkc .ho7mbxhfj{
                font-size: 11px;
            }.ylkq1f6gw, .bjb1ppfkc .ho7mbxhfj{
                display: none;
            }.bjb1ppfkc .lq6zrlkp4{
                padding: 8px 9px;
                gap: 8px;
            }.bjb1ppfkc .h16sha38n{
                width: 32px;
                height: 32px;
                font-size: 12px;
            }.bjb1ppfkc .oyay3vy6o{
                padding: 10px;
            }.bjb1ppfkc .tmafomi2h h5{
                display: flex;
                align-items: center;
                gap: 8px;
            }.bjb1ppfkc .tmafomi2h h5{
                font-size: 16px;
            }.bjb1ppfkc .tmafomi2h small{
                font-size: 11px;
            }.bjb1ppfkc .gu8v1zbny{
                gap: 6px;
            }.bjb1ppfkc .nvhuccgmq, .bjb1ppfkc .kzz7joo8q .nvhuccgmq, .bjb1ppfkc .ikko00z6d{
                width: 44px;
                height: 44px;
                min-width: 44px;
                padding: 0;
                border-radius: 999px;
            }.bjb1ppfkc .j7rl3z4v2{
                padding: 10px;
            }.bjb1ppfkc .upq25ahjk{
                margin-bottom: 12px;
            }.bjb1ppfkc .upq25ahjk > div{
                padding: 12px 0 14px;
            }.bjb1ppfkc .muml534nu, .bjb1ppfkc .upq25ahjk.aq077cfug .muml534nu{
                flex-direction: column;
                align-items: flex-start;
                gap: 6px;
            }.bjb1ppfkc .upq25ahjk.aq077cfug .ep95cwm9d, .bjb1ppfkc .upq25ahjk.aq077cfug .h2ur6sm17, .bjb1ppfkc .upq25ahjk.l8gucuxnr .ep95cwm9d, .bjb1ppfkc .upq25ahjk.l8gucuxnr .h2ur6sm17{
                text-align: left;
            }.bjb1ppfkc .wq3061wt3{
                flex-wrap: wrap;
                gap: 6px;
            }.bjb1ppfkc .ep95cwm9d{
                max-width: none;
                font-size: 14px;
            }.bjb1ppfkc .nrwf3s0m1{
                gap: 10px;
            }.bjb1ppfkc .c2cqxxdh2{
                white-space: normal;
            }.bjb1ppfkc .g5p4epe0y{
                padding: 8px 10px calc(8px + env(safe-area-inset-bottom));
                gap: 8px;
                bottom: 20px;
            }.bjb1ppfkc .g5p4epe0y input{
                padding: 11px 14px;
                font-size: 16px;
            }.bjb1ppfkc .lh5edk1c5{
                left: 8px;
                right: 8px;
                bottom: 8px;
                height: min(58vh, 360px);
                border-radius: 12px;
            }.bjb1ppfkc .hc8vau0ag{
                height: 30px;
                padding: 0 10px;
                font-size: 11px;
            }.bjb1ppfkc .w6f2suh7y{
                inset: 30px 0 74px 0;
            }.bjb1ppfkc .vrf87ec5n{
                bottom: 8px;
                width: calc(100% - 14px);
            }.bjb1ppfkc .kgrws15hx, .bjb1ppfkc .v3dwlhcz3.mthfguha8 .kgrws15hx{
                width: min(42vw, 160px);
                top: 8px;
                right: 8px;
            }.bjb1ppfkc .vs530suet{
                display: none;
            }.bjb1ppfkc .w9mpo3lr0, .bjb1ppfkc #addParticipantModal .w9mpo3lr0, .bjb1ppfkc .sqp1z2znn, .bjb1ppfkc .tdxqm7kdt{
                width: calc(100vw - 24px);
                max-width: calc(100vw - 24px);
            }.bjb1ppfkc .w9mpo3lr0{
                padding: 24px 18px;
            }.bjb1ppfkc #addParticipantModal .w9mpo3lr0{
                padding: 20px 16px;
            }.bjb1ppfkc .nivt6tavp, .bjb1ppfkc .s3iscgflg, .bjb1ppfkc .upx5u1fhk, .bjb1ppfkc .htrt7ce1u{
                padding-left: 16px;
                padding-right: 16px;
            }.bjb1ppfkc .nivt6tavp, .bjb1ppfkc .s3iscgflg{
                align-items: flex-start;
            }.bjb1ppfkc .utlk9abi3, .bjb1ppfkc .hcfo39wci{
                flex-wrap: wrap;
                justify-content: center;
            }.bjb1ppfkc .xczw31m01{
                font-size: 11px;
                padding: 4px 8px 4px 4px;
            }.bjb1ppfkc .wqyibjl81{
                width: 22px;
                height: 22px;
            }
        }

@media (max-width: 400px) {.bjb1ppfkc .oxf2rolct{ width: min(92vw, 280px); }.bjb1ppfkc .h16sha38n{
                width: 32px;
                height: 32px;
                font-size: 13px;
            }.bjb1ppfkc .gu8v1zbny{
                justify-content: space-between;
            }.bjb1ppfkc .gu8v1zbny .nvhuccgmq, .bjb1ppfkc .kzz7joo8q .nvhuccgmq, .bjb1ppfkc .ikko00z6d{
                width: 40px;
                height: 40px;
                min-width: 40px;
            }.bjb1ppfkc .gxt0zm6uw, .bjb1ppfkc .kuwggaxml{
                padding-left: 8px;
                padding-right: 8px;
            }.bjb1ppfkc .ine51f73e{
                font-size: 56px;
            }.bjb1ppfkc .w9mpo3lr0 h5{
                font-size: 20px;
            }
        }

/* ===== page-usuario specific overrides ===== */
.jtr7nqtho .nlmgdgs15 {
    width: 34px;
    height: 34px;
    box-shadow: none;
}
.jtr7nqtho .nlmgdgs15 i {
    font-size: 20px;
}
.jtr7nqtho.p8lj6t1wu .lh5edk1c5 {
    display: none ;
    visibility: hidden ;
    opacity: 0 ;
    pointer-events: none ;
}
@media (max-width: 900px) {
    .jtr7nqtho .y6iszi3q3 {
        display: block;
        height: 100dvh;
        overflow: hidden;
    }
    .jtr7nqtho .oxf2rolct {
        width: min(84vw, 330px);
        max-height: 100dvh;
        border-right: 1px solid rgba(255, 255, 255, 0.14);
        transform: translateX(-110%);
        transition: transform 0.24s ease;
    }
    .jtr7nqtho.mzklz0cmk .oxf2rolct {
        display: block;
    }
    .jtr7nqtho .ol4mfzi0c {
        z-index: 1190;
        background: rgba(15, 23, 42, 0.45);
        transition: opacity 0.2s ease;
        display: block;
    }
    .jtr7nqtho .tsnzzbizm {
        height: calc(100dvh - 116px);
    }
    .jtr7nqtho .jvv15zmav {
        height: 100dvh;
    }
    .jtr7nqtho .oyay3vy6o {
        flex-direction: column;
        align-items: stretch;
    }
    .jtr7nqtho .nlmgdgs15 {
        display: inline-flex;
    }
    .jtr7nqtho .gu8v1zbny {
        justify-content: space-between;
    }
    .jtr7nqtho .gu8v1zbny .nvhuccgmq:disabled {
        display: none;
    }
}
@media (max-width: 560px) {
    .jtr7nqtho .oxf2rolct {
        width: min(88vw, 320px);
    }
}
@media (max-width: 400px) {
    .jtr7nqtho .oxf2rolct {
        width: min(92vw, 300px);
    }
}


/* ===== Codigos page (.he8x6mu1i) ===== */
.he8x6mu1i *{
            box-sizing: border-box;
            margin: 0;
            padding: 0;
        }.he8x6mu1i{
            font-family: 'Inter', 'Segoe UI', sans-serif;
            background: #eceff1;
            height: 100vh;
            overflow: hidden;
            color: #102435;
        }.he8x6mu1i .y6iszi3q3{
            display: flex;
            height: 100vh;
        }.he8x6mu1i .oxf2rolct{
            width: 280px;
            background: linear-gradient(180deg, #1e3c72 0%, #2a5298 100%);
            color: #fff;
            display: flex;
            flex-direction: column;
            box-shadow: 2px 0 10px rgba(0,0,0,0.12);
        }.he8x6mu1i .k4zmca9i0{
            padding: 20px;
            background: rgba(0,0,0,0.2);
            border-bottom: 1px solid rgba(255,255,255,0.1);
        }.he8x6mu1i .k4zmca9i0 h1{
            font-size: 20px;
            font-weight: 700;
            display: flex;
            align-items: center;
            gap: 10px;
        }.he8x6mu1i .k4zmca9i0 small{
            display: block;
            margin-top: 6px;
            opacity: 0.82;
            font-size: 12px;
        }.bjb1ppfkc .a71fnmx3t{
            padding: 12px;
            display: flex;
            flex-direction: column;
            gap: 12px;
            overflow-y: auto;
        }.bjb1ppfkc .mzo6tkdrd{
            width: 100%;
            min-height: 40px;
            border-radius: 999px;
            border: 1px solid rgba(255, 255, 255, 0.24);
            background: rgba(12, 25, 46, 0.58);
            color: #f5f8fb;
            font-size: 13px;
            font-weight: 700;
            letter-spacing: 0.02em;
            display: inline-flex;
            align-items: center;
            justify-content: center;
            gap: 8px;
            text-decoration: none;
            transition: all 0.22s ease;
        }.bjb1ppfkc .mzo6tkdrd:hover{
            transform: translateY(-1px);
            background: rgba(12, 25, 46, 0.74);
            border-color: rgba(255, 255, 255, 0.32);
        }.bjb1ppfkc .gwmb6z0e1{
            background: rgba(255, 255, 255, 0.1);
            border: 1px solid rgba(255, 255, 255, 0.18);
            border-radius: 12px;
            padding: 12px;
        }.bjb1ppfkc .km0orft8u{
            font-size: 10px;
            font-weight: 700;
            text-transform: uppercase;
            letter-spacing: 0.08em;
            opacity: 0.8;
            margin-bottom: 10px;
        }.bjb1ppfkc .i0347wz9h{
            display: flex;
            align-items: center;
            justify-content: space-between;
            padding: 6px 0;
            border-bottom: 1px solid rgba(255, 255, 255, 0.12);
        }.bjb1ppfkc .i0347wz9h:last-child{
            border-bottom: none;
        }.bjb1ppfkc .oqpxsxjmc{
            font-size: 11px;
            opacity: 0.74;
        }.bjb1ppfkc .r2mlk1slx{
            font-size: 12px;
            font-weight: 700;
            font-family: 'Courier New', monospace;
        }.bjb1ppfkc .n5l0bq5x5{
            display: flex;
            align-items: flex-start;
            gap: 8px;
            font-size: 12px;
            line-height: 1.45;
            margin-bottom: 8px;
        }.bjb1ppfkc .n5l0bq5x5:last-child{
            margin-bottom: 0;
        }.bjb1ppfkc .n5l0bq5x5 i{
            font-size: 16px;
            margin-top: 2px;
            opacity: 0.82;
            flex-shrink: 0;
        }.he8x6mu1i .ijs0fr1xf{
            flex: 1;
            display: flex;
            flex-direction: column;
            background: #f5f7fb;
            overflow: hidden;
        }.bjb1ppfkc .mmpc86ow0{
            padding: 18px 24px;
            background: #fff;
            border-bottom: 1px solid #d9e2ec;
            box-shadow: 0 2px 4px rgba(0,0,0,0.04);
            display: flex;
            align-items: center;
            justify-content: space-between;
            gap: 10px;
            flex-wrap: wrap;
        }.bjb1ppfkc .z908nvuc3{
            display: flex;
            flex-direction: column;
            gap: 6px;
        }.bjb1ppfkc .mmpc86ow0 h2{
            font-size: 21px;
            color: #1e3c72;
            font-weight: 700;
            display: flex;
            align-items: center;
            gap: 10px;
        }.bjb1ppfkc .m34uwtx3j{
            font-size: 13px;
            color: #5f7284;
            line-height: 1.4;
        }.bjb1ppfkc .i9dc4dg0b{
            min-height: 40px;
            border: 1px solid #d9e2ec;
            background: #f7fbff;
            border-radius: 12px;
            padding: 10px 12px;
            font-size: 13px;
            color: #5a6f83;
            display: flex;
            align-items: center;
            min-width: 280px;
        }.bjb1ppfkc .xdhvdvdc8{
            padding: 16px;
            display: grid;
            grid-template-columns: minmax(320px, 420px) minmax(0, 1fr);
            gap: 14px;
            overflow: auto;
        }.bjb1ppfkc .utp72iv4d{
            background: #fff;
            border: 1px solid #d9e2ec;
            border-radius: 16px;
            box-shadow: 0 6px 18px rgba(15,23,42,0.06);
            padding: 16px;
            position: relative;
        }.bjb1ppfkc .utp72iv4d::before{
            content: '';
            position: absolute;
            top: 0;
            left: 0;
            right: 0;
            height: 4px;
            border-radius: 16px 16px 0 0;
            background: linear-gradient(90deg, #1f5a92 0%, #2a5298 100%);
        }.bjb1ppfkc .utp72iv4d h3{
            font-size: 16px;
            color: #1e3c72;
            font-weight: 700;
            display: flex;
            align-items: center;
            gap: 8px;
            margin-bottom: 12px;
        }.bjb1ppfkc .cho6bhthl{
            margin-top: -4px;
            margin-bottom: 12px;
            color: #607487;
            font-size: 12px;
            line-height: 1.4;
        }.bjb1ppfkc .guaep50ak{
            display: grid;
            gap: 10px;
            grid-template-columns: repeat(12, minmax(0, 1fr));
        }.bjb1ppfkc .kwajq17yw{
            display: flex;
            flex-direction: column;
            gap: 6px;
        }.bjb1ppfkc .kwajq17yw label{
            font-size: 11px;
            font-weight: 700;
            letter-spacing: 0.06em;
            text-transform: uppercase;
            color: #516070;
        }.bjb1ppfkc .cfa7664yc{
            font-size: 11px;
            color: #60748a;
            line-height: 1.4;
        }.bjb1ppfkc .dhupkxsmw{ grid-column: span 3; }.bjb1ppfkc .bxrgmilg1{ grid-column: span 4; }.bjb1ppfkc .hdxopf7f2{ grid-column: span 5; }.bjb1ppfkc .zsbb16o1h{ grid-column: span 6; }.bjb1ppfkc .wylurvuaz{ grid-column: span 9; }input[type="text"], input[type="url"]{
            min-height: 44px;
            border: 1px solid #c7d5e2;
            border-radius: 12px;
            padding: 0 12px;
            font-size: 14px;
            outline: none;
            background: #fff;
            color: #102435;
            font-family: inherit;
        }input:focus{
            border-color: #1f5a92;
            box-shadow: 0 0 0 3px rgba(31, 90, 146, 0.14);
        }.bjb1ppfkc .fz6mrji5s{
            display: inline-flex;
            align-items: center;
            gap: 8px;
            min-height: 44px;
            padding: 0 12px;
            border: 1px solid #c7d5e2;
            border-radius: 12px;
            background: #fff;
            font-size: 14px;
        }.bjb1ppfkc .etqcpu5st{
            display: flex;
            gap: 10px;
            flex-wrap: wrap;
        }.bjb1ppfkc .iifikglp1{
            margin-top: 14px;
            padding: 14px;
            border: 1px solid #c7d5e2;
            border-radius: 12px;
            background: #f7fbff;
        }.bjb1ppfkc .wym4ocxnr{
            font-size: 11px;
            font-weight: 700;
            text-transform: uppercase;
            letter-spacing: 0.06em;
            color: #516070;
            margin-bottom: 10px;
        }.bjb1ppfkc .a5jv4fiez{
            display: flex;
            gap: 8px;
            align-items: center;
        }.bjb1ppfkc .n7cwwbdrd{
            flex: 1;
            min-width: 0;
        }.bjb1ppfkc .a4nak7d61{
            padding: 14px 0;
            border-top: 1px solid #e8edf2;
        }.bjb1ppfkc .a4nak7d61:first-child{
            padding-top: 0;
            border-top: none;
        }.bjb1ppfkc .pjy9glum6{
            display: flex;
            align-items: center;
            gap: 6px;
            font-size: 13px;
            font-weight: 700;
            color: #1e3c72;
            margin-bottom: 12px;
        }.bjb1ppfkc .pjy9glum6 i{
            font-size: 18px;
            color: #1f5a92;
        }.bjb1ppfkc .vq0ium158{
            overflow-x: auto;
        }table{
            width: 100%;
            border-collapse: collapse;
            font-size: 13px;
        }th{
            text-align: left;
            padding: 8px 10px;
            font-weight: 700;
            font-size: 11px;
            text-transform: uppercase;
            letter-spacing: 0.05em;
            color: #485e70;
            border-bottom: 1.5px solid #d9e2ec;
        }td{
            padding: 10px;
            border-bottom: 1px solid #edf1f5;
            color: #253341;
            vertical-align: middle;
        }tr:last-child td{
            border-bottom: none;
        }tr:hover td{
            background: #f5f9fc;
        }.bjb1ppfkc .ajklqntei{
            display: inline-flex;
            align-items: center;
            padding: 2px 8px;
            background: #e8f0fb;
            color: #1e3c72;
            border-radius: 6px;
            font-weight: 700;
            font-size: 12px;
            font-family: 'Courier New', monospace;
        }.bjb1ppfkc .mno3433aw{
            display: inline-flex;
            align-items: center;
            padding: 3px 10px;
            border-radius: 999px;
            font-size: 11px;
            font-weight: 700;
            text-transform: uppercase;
            letter-spacing: 0.04em;
        }.he8x6mu1i .mno3433aw.wqjrq3gkw{
            background: #e4f5ec;
            color: #1b6e3c;
        }.bjb1ppfkc .mno3433aw.jpqm30rbg{
            background: #f5e4e4;
            color: #7c2020;
        }.bjb1ppfkc .ezr6ag8ok{
            display: flex;
            gap: 6px;
            align-items: center;
        }.bjb1ppfkc .y0mu4frrl{
            color: #1f5a92;
            text-decoration: none;
            font-size: 12px;
            word-break: break-all;
            max-width: 260px;
            display: block;
            white-space: nowrap;
            overflow: hidden;
            text-overflow: ellipsis;
        }.bjb1ppfkc .y0mu4frrl:hover{
            text-decoration: underline;
        }.bjb1ppfkc .lviqb6x0i{
            min-height: 38px;
            min-width: 38px;
            padding: 0 14px;
            border-radius: 999px;
            border: none;
            font-size: 13px;
            font-weight: 700;
            cursor: pointer;
            display: inline-flex;
            align-items: center;
            justify-content: center;
            gap: 6px;
            transition: filter 0.18s ease, transform 0.18s ease;
        }.bjb1ppfkc .lviqb6x0i:hover:not(:disabled){
            filter: brightness(1.06);
            transform: translateY(-1px);
        }.bjb1ppfkc .lviqb6x0i:disabled{
            opacity: 0.5;
            cursor: not-allowed;
        }.bjb1ppfkc .lviqb6x0i.mzayzgx0m{
            background: #1f5a92;
            color: #ffffff;
        }.bjb1ppfkc .lviqb6x0i.et0sw7pyv{
            background: #1b6e3c;
            color: #ffffff;
        }.bjb1ppfkc .lviqb6x0i.c3t5k1cdj{
            background: #edf2f7;
            color: #253341;
            border: 1px solid #d9e2ec;
        }.bjb1ppfkc .lviqb6x0i.b1y3ozz9a{
            background: #b83333;
            color: #ffffff;
        }.he8x6mu1i .b49r4daz2{
            color: #7a8d9e;
        }.he8x6mu1i .u3xdfhww6{
            display: none;
            position: fixed;
            inset: 0;
            z-index: 4500;
            background: rgba(15, 23, 42, 0.58);
            align-items: center;
            justify-content: center;
            padding: 24px;
        }.he8x6mu1i .u3xdfhww6.keo2lg4ml{
            display: flex;
        }.he8x6mu1i .u3xdfhww6 .w9mpo3lr0{
            width: min(720px, 100%);
            max-height: min(82vh, 900px);
            overflow: hidden;
            background: #ffffff;
            border-radius: 18px;
            border: 1px solid #dbe3ea;
            box-shadow: 0 24px 60px rgba(15, 23, 42, 0.22);
            display: flex;
            flex-direction: column;
            padding: 0;
        }

        @media (max-width: 900px) {
            .he8x6mu1i .y6iszi3q3 {
                flex-direction: column;
                height: auto;
                overflow: auto;
            }
            .he8x6mu1i .oxf2rolct {
                width: 100%;
                max-height: none;
                flex-direction: row;
                overflow-x: auto;
            }
            .bjb1ppfkc .a71fnmx3t {
                flex-direction: row;
                padding: 8px;
                gap: 8px;
            }
            .bjb1ppfkc .xdhvdvdc8 {
                grid-template-columns: 1fr;
            }
        }

        @media (max-width: 560px) {
            .bjb1ppfkc .mmpc86ow0 {
                flex-direction: column;
                align-items: flex-start;
            }
            .bjb1ppfkc .i9dc4dg0b {
                min-width: 0;
                width: 100%;
            }
            .bjb1ppfkc .guaep50ak {
                grid-template-columns: 1fr;
            }
            .bjb1ppfkc .dhupkxsmw, .bjb1ppfkc .bxrgmilg1, .bjb1ppfkc .hdxopf7f2, .bjb1ppfkc .zsbb16o1h, .bjb1ppfkc .wylurvuaz {
                grid-column: span 1;
            }
        }


/* ===== Login page (.sfju0eezp) ===== */
.sfju0eezp > :not(.kkc1msy4l), .sfju0eezp > :not(.kkc1msy4l) *{
            margin: 0;
            padding: 0;
            box-sizing: border-box;
        }.sfju0eezp{
            font-family: 'Inter', ui-sans-serif, system-ui, -apple-system, 'Segoe UI', sans-serif;
            --background: 210 20% 98%;
            --foreground: 222.2 84% 4.9%;
            --card: 0 0% 100%;
            --card-foreground: 222.2 84% 4.9%;
            --primary: 215 60% 42%;
            --primary-foreground: 210 40% 98%;
            --secondary: 210 24% 94%;
            --secondary-foreground: 222.2 47.4% 11.2%;
            --muted: 210 22% 95%;
            --muted-foreground: 215 18% 34%;
            --destructive: 0 84.2% 60.2%;
            --destructive-foreground: 210 40% 98%;
            --border: 214 24% 86%;
            --ring: 215 60% 42%;
            --radius: 0.75rem;
            color: hsl(var(--foreground));
            background:
                radial-gradient(circle at 15% 10%, rgba(37, 99, 235, 0.08), transparent 40%),
                radial-gradient(circle at 82% 12%, rgba(15, 23, 42, 0.06), transparent 42%),
                linear-gradient(180deg, #f7fafc 0%, #edf2f7 100%);
            min-height: 100vh;
            display: flex;
            justify-content: center;
            align-items: center;
            position: relative;
            overflow: hidden;
        }.sfju0eezp::before{
            display: none;
        }.bjb1ppfkc .wfcy7b5ru{
            background: hsl(var(--card));
            color: hsl(var(--card-foreground));
            border: 1px solid hsl(var(--border));
            border-radius: calc(var(--radius) + 0.5rem);
            box-shadow: 0 12px 24px rgba(15, 23, 42, 0.12);
            backdrop-filter: none;
            padding: 50px 45px;
            width: 100%;
            max-width: 440px;
            position: relative;
            z-index: 1;
            animation: slideUp 0.5s ease;
        }

        @keyframes slideUp {
            from {
                opacity: 0;
                transform: translateY(30px);
            }
            to {
                opacity: 1;
                transform: translateY(0);
            }
        }.bjb1ppfkc .d9d1818aj{
            text-align: center;
            margin-bottom: 35px;
        }.bjb1ppfkc .h2wudc9f6{
            width: 80px;
            height: 80px;
            background: hsl(var(--primary));
            border-radius: 50%;
            display: inline-flex;
            align-items: center;
            justify-content: center;
            margin-bottom: 15px;
            box-shadow: 0 8px 18px rgba(37, 99, 235, 0.25);
        }.bjb1ppfkc .h2wudc9f6 i{
            font-size: 42px;
            color: white;
        }.bjb1ppfkc .wfcy7b5ru h1{
            text-align: center;
            color: hsl(var(--card-foreground));
            margin-bottom: 8px;
            font-size: 32px;
            font-weight: 600;
        }.bjb1ppfkc .wfcy7b5ru p{
            text-align: center;
            color: hsl(var(--muted-foreground));
            margin-bottom: 35px;
            font-size: 15px;
        }.bjb1ppfkc .qnwvrdwoi{
            margin-bottom: 25px;
            position: relative;
        }.bjb1ppfkc .qnwvrdwoi label{
            display: flex;
            margin-bottom: 10px;
            color: hsl(var(--card-foreground));
            font-weight: 600;
            font-size: 14px;
            align-items: center;
            gap: 8px;
        }.bjb1ppfkc .qnwvrdwoi label i{
            font-size: 18px;
            color: hsl(var(--primary));
        }.bjb1ppfkc .qnwvrdwoi input{
            width: 100%;
            padding: 14px 18px;
            border: 2px solid hsl(var(--border));
            border-radius: var(--radius);
            font-size: 15px;
            transition: all 0.3s ease;
            background: hsl(var(--background));
            color: hsl(var(--foreground));
        }.bjb1ppfkc .qnwvrdwoi input:focus{
            outline: none;
            border-color: hsl(var(--ring));
            box-shadow: 0 0 0 4px rgba(37, 99, 235, 0.1);
        }.bjb1ppfkc .ka4z7j5hx{
            position: relative;
        }.bjb1ppfkc .ka4z7j5hx input{
            padding-right: 54px;
        }.bjb1ppfkc .xrxwyhoz8{
            position: absolute;
            top: 50%;
            right: 14px;
            transform: translateY(-50%);
            border: none;
            background: transparent;
            color: hsl(var(--muted-foreground));
            cursor: pointer;
            display: inline-flex;
            align-items: center;
            justify-content: center;
            padding: 0;
        }.bjb1ppfkc .xrxwyhoz8:hover{
            color: hsl(var(--foreground));
        }.bjb1ppfkc .xrxwyhoz8:focus{
            outline: none;
        }.bjb1ppfkc .meznaamrh{
            display: flex;
            align-items: center;
            gap: 10px;
            margin: -6px 0 20px;
            color: hsl(var(--card-foreground));
            font-size: 14px;
            font-weight: 500;
            cursor: pointer;
            user-select: none;
        }.bjb1ppfkc .meznaamrh input{
            width: 18px;
            height: 18px;
            accent-color: hsl(var(--primary));
            margin: 0;
            flex: 0 0 auto;
            cursor: pointer;
        }.bjb1ppfkc .meznaamrh span{
            line-height: 1.35;
        }.bjb1ppfkc .anknoax4t{
            display: none;
            align-items: center;
            justify-content: center;
            gap: 6px;
            margin: 0 auto 14px;
            padding: 7px 14px;
            background: transparent;
            color: hsl(var(--muted-foreground, 215 16% 47%));
            border: 1px solid hsl(var(--border, 214 32% 91%));
            border-radius: 9999px;
            font-size: 12px;
            font-weight: 500;
            letter-spacing: 0.2px;
            cursor: pointer;
            opacity: 0.78;
            transition: opacity .2s ease, background-color .2s ease, color .2s ease, border-color .2s ease, transform .2s ease;
        }.bjb1ppfkc .anknoax4t[hidden]{
            display: none ;
        }.bjb1ppfkc .anknoax4t:hover{
            opacity: 1;
            background: hsl(var(--muted, 210 40% 96%) / 0.6);
            color: hsl(var(--foreground, 222 47% 11%));
            border-color: hsl(var(--border, 214 32% 91%));
        }.bjb1ppfkc .anknoax4t:active{
            transform: scale(0.98);
        }.bjb1ppfkc .yusxty499{
            font-size: 16px ;
            line-height: 1;
        }
        @media (hover: none) and (pointer: coarse) and (max-width: 820px){
            .bjb1ppfkc .anknoax4t{
                display: inline-flex;
            }
            .bjb1ppfkc .anknoax4t[hidden]{
                display: none ;
            }
        }
        .bjb1ppfkc .c1gn3h331{
            width: 100%;
            padding: 16px;
            background: hsl(var(--primary));
            color: hsl(var(--primary-foreground));
            border: 1px solid hsl(var(--primary));
            border-radius: 9999px;
            font-size: 17px;
            font-weight: 600;
            cursor: pointer;
            transition: all 0.3s ease;
            box-shadow: 0 8px 16px rgba(37, 99, 235, 0.24);
            display: flex;
            align-items: center;
            justify-content: center;
            gap: 10px;
        }.bjb1ppfkc .c1gn3h331:hover{
            filter: brightness(1.02);
            transform: translateY(-1px);
        }.bjb1ppfkc .c1gn3h331:active{
            transform: translateY(-1px);
        }.bjb1ppfkc .m2ksfhsx7{
            background: hsl(var(--destructive));
            color: hsl(var(--destructive-foreground));
            padding: 14px 18px;
            border-radius: var(--radius);
            margin-bottom: 25px;
            display: none;
            text-align: center;
            font-size: 14px;
            font-weight: 500;
            animation: shake 0.5s;
        }

        @keyframes shake {
            0%, 100% { transform: translateX(0); }
            25% { transform: translateX(-10px); }
            75% { transform: translateX(10px); }
        }.bjb1ppfkc .fswga9v8f{
            margin-top: 30px;
            padding: 20px;
            background: hsl(var(--secondary));
            border: 1px solid hsl(var(--border));
            border-radius: var(--radius);
            font-size: 13px;
            color: hsl(var(--muted-foreground));
        }.bjb1ppfkc .fswga9v8f strong{
            display: flex;
            align-items: center;
            gap: 8px;
            margin-bottom: 12px;
            color: hsl(var(--card-foreground));
            font-size: 14px;
        }.bjb1ppfkc .fswga9v8f strong i{
            font-size: 18px;
        }.bjb1ppfkc .fswga9v8f div{
            margin: 8px 0;
            color: hsl(var(--card-foreground));
            padding: 8px 12px;
            background: hsl(var(--card));
            border-radius: 8px;
            border: 1px solid hsl(var(--border));
            display: flex;
            justify-content: space-between;
            align-items: center;
            transition: transform 0.2s;
        }.bjb1ppfkc .fswga9v8f div:hover{
            transform: translateX(5px);
            background: hsl(var(--muted));
        }.bjb1ppfkc .fswga9v8f div strong{
            color: hsl(var(--card-foreground));
            font-size: 13px;
            margin: 0;
        }.bjb1ppfkc .fswga9v8f div span{
            color: hsl(var(--muted-foreground));
            font-family: 'Courier New', monospace;
            font-size: 12px;
            background: hsl(var(--muted));
            padding: 4px 10px;
            border-radius: 6px;
        }.bjb1ppfkc .j2aybs0cx{
            display: none;
            width: 20px;
            height: 20px;
            border: 3px solid rgba(255,255,255,0.3);
            border-top-color: white;
            border-radius: 50%;
            animation: spin 0.8s linear infinite;
        }

        @keyframes spin {
            to { transform: rotate(360deg); }
        }.bjb1ppfkc .c1gn3h331.j2aybs0cx .j2aybs0cx{
            display: block;
        }.bjb1ppfkc .c1gn3h331.j2aybs0cx .gfwj8y71o{
            display: none;
        }

        @media (max-width: 520px) {
            .bjb1ppfkc .wfcy7b5ru {
                margin: 0 12px;
                padding: 30px 18px;
                border-radius: 18px;
            }
            .bjb1ppfkc .wfcy7b5ru h1 {
                font-size: 24px;
            }
            .bjb1ppfkc .c1gn3h331 {
                padding: 14px;
                font-size: 15px;
            }
        }

/* ===== Chat redesign messenger-pro (2026-03-29 v4) ===== */
.bjb1ppfkc {
    --pro-bg: #d3dde7;
    --pro-panel: #ffffff;
    --pro-soft: #f4f7fb;
    --pro-line: #d6dee7;
    --pro-text: #223546;
    --pro-muted: #6a7d8f;
    --pro-left: #f7f9fc;
    --pro-left-top: #ecf2f8;
    --pro-item-hover: #e6eff8;
    --pro-item-active: #d2e4f6;
    --pro-in: #ffffff;
    --pro-out: #dff1e6;
    --pro-accent: #1f7a43;
    --pro-accent-hover: #186537;
    --pro-blue: #0f6cbd;
    --pro-blue-hover: #0b5b9f;
    --pro-danger: #b33b3b;
    --pro-danger-hover: #982f2f;
    background: linear-gradient(180deg, #dbe4ec 0%, var(--pro-bg) 100%);
    color: var(--pro-text);
    padding: 0;
}

.bjb1ppfkc .y6iszi3q3 {
    height: 100vh;
    border: none;
    border-radius: 0;
    box-shadow: none;
    background: var(--pro-panel);
}

.bjb1ppfkc .oxf2rolct {
    background: var(--pro-left);
    border-right: 1px solid var(--pro-line);
    box-shadow: none;
    color: var(--pro-text);
}

.bjb1ppfkc .k4zmca9i0 {
    background: var(--pro-left-top);
    border-bottom: 1px solid var(--pro-line);
    padding: 14px 14px 10px;
}

.bjb1ppfkc .k4zmca9i0 h5, .bjb1ppfkc .k4zmca9i0 small, .ylkq1f6gw {
    color: #2a4054;
}

.bjb1ppfkc .gk5w7eqw6 {
    background: #ffffff;
    border: 1px solid var(--pro-line);
    border-radius: 12px;
    margin-top: 2px;
}

.bjb1ppfkc .gk5w7eqw6 input, .bjb1ppfkc .gk5w7eqw6 input::placeholder {
    color: #6c8092;
}

.bjb1ppfkc .lq6zrlkp4, .bjb1ppfkc .p8s6tq09b {
    background: transparent;
    border: 1px solid transparent;
    border-radius: 12px;
    box-shadow: none;
    transition: background 0.16s ease, border-color 0.16s ease;
}

.bjb1ppfkc .lq6zrlkp4:hover, .bjb1ppfkc .p8s6tq09b:hover {
    background: var(--pro-item-hover);
    border-color: #d3e1ef;
    transform: none;
}

.bjb1ppfkc .lq6zrlkp4.wqjrq3gkw, .bjb1ppfkc .p8s6tq09b.wqjrq3gkw {
    background: var(--pro-item-active);
    border-color: #b9d0e7;
}

.bjb1ppfkc .m0kyy4u0x, .bjb1ppfkc .kjef69u7e, .bjb1ppfkc .lq6zrlkp4.wqjrq3gkw .m0kyy4u0x, .bjb1ppfkc .p8s6tq09b.wqjrq3gkw .kjef69u7e {
    color: #21384c;
}

.bjb1ppfkc .gza49i3ub, .bjb1ppfkc .rrhd7tmi4{
    color: #6f8396;
}

.bjb1ppfkc .jvv15zmav {
    background: var(--pro-soft);
}

.bjb1ppfkc .oyay3vy6o {
    background: #ffffff;
    border-bottom: 1px solid var(--pro-line);
    box-shadow: none;
    padding: 12px 16px;
    display: flex;
    align-items: center;
    gap: 8px;
    transition: background-color 0.2s ease, border-color 0.2s ease;
}

.bjb1ppfkc .oyay3vy6o.wd3nmhav4 {
    background: #dff6e6;
    border-bottom-color: #62b97a;
}

.bjb1ppfkc .tmafomi2h {
    flex: 1;
    min-width: 0;
}

.bjb1ppfkc .tmafomi2h h5 {
    font-size: 18px;
    font-weight: 700;
    color: #21384c;
}

.bjb1ppfkc .tmafomi2h small, #activeConversation {
    color: var(--pro-muted);
}

.bjb1ppfkc .skr0mh1ww {
    flex: 1;
    min-height: 0;
    display: grid;
    grid-template-columns: minmax(0, 1fr);
    gap: 12px;
    padding: 10px 12px 12px;
}

.bjb1ppfkc .ji21wwxkn {
    min-width: 0;
    min-height: 0;
    display: grid;
    grid-template-rows: auto minmax(0, 1fr) auto;
    gap: 10px;
}

.bjb1ppfkc .ji21wwxkn .j7rl3z4v2 {
    border: 1px solid var(--pro-line);
    border-radius: 16px;
}

.bjb1ppfkc .ji21wwxkn > .kmsh0sxv6 {
    margin: 0;
    padding: 0 4px;
}

.bjb1ppfkc .ji21wwxkn .g5p4epe0y {
    width: 100%;
    margin: 0;
}

.bjb1ppfkc .e0c1ahm8h {
    min-width: 0;
    min-height: 0;
    display: flex;
    flex-direction: column;
    gap: 10px;
}

.bjb1ppfkc .bd927061q {
    background: #ffffff;
    border: 1px solid var(--pro-line);
    border-radius: 14px;
    padding: 10px;
}

.bjb1ppfkc .fy5gce8zs {
    font-size: 12px;
    font-weight: 700;
    color: #41586d;
    margin-bottom: 8px;
    text-transform: uppercase;
    letter-spacing: 0.03em;
}

.bjb1ppfkc .e0c1ahm8h .gu8v1zbny {
    justify-content: flex-start;
    flex-wrap: wrap;
    gap: 8px;
}

.bjb1ppfkc .ap2fffxse {
    flex: 1;
    min-height: 0;
}

.bjb1ppfkc .e0c1ahm8h .kmsh0sxv6 {
    margin-top: 0;
    gap: 6px;
}

.bjb1ppfkc .q9lkye1w2 {
    height: 100%;
    display: grid;
    place-items: center;
    padding: 12px;
    box-sizing: border-box;
}

.bjb1ppfkc .gxt0zm6uw {
    width: min(520px, 100%);
    margin: 0 auto;
    display: flex;
    flex-direction: column;
    align-items: center;
    justify-content: center;
    text-align: center;
}

.bjb1ppfkc .dkptoz1u4 {
    width: 44px;
    height: 44px;
    border-radius: 50%;
    background: #e3edf7;
    color: #2d4f6d;
    display: inline-flex;
    align-items: center;
    justify-content: center;
    margin-bottom: 8px;
}

.bjb1ppfkc .dkptoz1u4 i {
    font-size: 22px;
}

.bjb1ppfkc .gxt0zm6uw h3 {
    margin: 0;
    color: #254157;
    font-size: 18px;
}

.bjb1ppfkc .gxt0zm6uw p {
    margin: 6px 0 0;
    color: #607689;
    font-size: 14px;
    line-height: 1.45;
}

.bjb1ppfkc .j7rl3z4v2 {
    background: #e9eff6;
    padding: 16px 14px 10px;
    display: block;
}

#messages {
    width: 100%;
    max-width: 980px;
    margin: 0 auto;
    display: flex;
    flex-direction: column;
    gap: 10px;
}

.bjb1ppfkc .upq25ahjk {
    width: 100%;
    display: flex;
}

.bjb1ppfkc .upq25ahjk.l8gucuxnr {
    justify-content: flex-start;
}

.bjb1ppfkc .upq25ahjk.aq077cfug {
    justify-content: flex-end;
}

.bjb1ppfkc .upq25ahjk > div {
    width: auto;
    max-width: min(70%, 760px);
    background: var(--pro-in);
    border: 1px solid var(--pro-line);
    border-radius: 16px;
    box-shadow: 0 2px 10px rgba(16, 32, 48, 0.06);
    padding: 11px 13px;
}

.bjb1ppfkc .upq25ahjk.l8gucuxnr > div {
    background: var(--pro-in);
}

.bjb1ppfkc .upq25ahjk.aq077cfug > div {
    background: var(--pro-out);
    border-color: #bcdcc8;
}

.bjb1ppfkc .ep95cwm9d {
    font-size: 14px;
    color: #244056;
}

.bjb1ppfkc .h2ur6sm17 {
    color: #355066;
    line-height: 1.5;
    font-size: 14px;
}

.bjb1ppfkc .l67chts2k {
    color: #7a8e9f;
}

.bjb1ppfkc .g5p4epe0y {
    width: calc(100% - 24px);
    margin: 0 12px 10px;
    background: #ffffff;
    border: 1px solid var(--pro-line);
    border-radius: 16px;
    padding: 9px;
    box-shadow: 0 2px 8px rgba(16, 32, 48, 0.04);
}

.bjb1ppfkc .g5p4epe0y input {
    height: 44px;
    border: 1px solid #d3dfeb;
    border-radius: 12px;
    background: #ffffff;
    color: #223b50;
}

.bjb1ppfkc .g5p4epe0y input:focus {
    border-color: var(--pro-blue);
    box-shadow: 0 0 0 3px rgba(15, 108, 189, 0.13);
}

.bjb1ppfkc .ikko00z6d, .bjb1ppfkc .nvhuccgmq, .bjb1ppfkc .kzz7joo8q .nvhuccgmq, .bjb1ppfkc .wd360ealy, .bjb1ppfkc .q1hn4tmxu, .bjb1ppfkc .ty1rygv6j, .bjb1ppfkc .nlmgdgs15 {
    border-radius: 999px;
    box-shadow: none;
}

.bjb1ppfkc .ikko00z6d {
    background: var(--pro-blue);
    border-color: var(--pro-blue);
    color: #ffffff;
}

.bjb1ppfkc .ikko00z6d:hover {
    background: var(--pro-blue-hover);
    border-color: var(--pro-blue-hover);
    transform: none;
}

.bjb1ppfkc .nvhuccgmq.cit05pmc2, #upgradeMuteAudioBtn {
    background: var(--pro-accent);
    border-color: var(--pro-accent);
    color: #ffffff;
}

.bjb1ppfkc .nvhuccgmq.cit05pmc2:hover:not(:disabled), #upgradeMuteAudioBtn:hover:not(:disabled) {
    background: var(--pro-accent-hover);
    border-color: var(--pro-accent-hover);
    transform: none;
}

.bjb1ppfkc .nvhuccgmq.dhwmoeqj0, #upgradeToVideoBtn, #upgradeToShareBtn, #shareScreenBtn {
    background: var(--pro-blue);
    border-color: var(--pro-blue);
    color: #ffffff;
}

.bjb1ppfkc .nvhuccgmq.dhwmoeqj0:hover:not(:disabled), #upgradeToVideoBtn:hover:not(:disabled), #upgradeToShareBtn:hover:not(:disabled), #shareScreenBtn:hover:not(:disabled) {
    background: var(--pro-blue-hover);
    border-color: var(--pro-blue-hover);
    transform: none;
}

.bjb1ppfkc .nvhuccgmq.fumpi70ed, #inContainerHangupBtn, .bjb1ppfkc .q1hn4tmxu {
    background: var(--pro-danger);
    border-color: var(--pro-danger);
    color: #ffffff;
}

.bjb1ppfkc .nvhuccgmq.fumpi70ed:hover, #inContainerHangupBtn:hover, .bjb1ppfkc .q1hn4tmxu:hover {
    background: var(--pro-danger-hover);
    border-color: var(--pro-danger-hover);
    transform: none;
}

.bjb1ppfkc .nvhuccgmq:disabled, .bjb1ppfkc .ikko00z6d:disabled {
    opacity: var(--chat-disabled-opacity);
    box-shadow: none;
}

.bjb1ppfkc .bscrcgan6 {
    border-radius: 12px;
    border: 1px solid var(--pro-line);
    box-shadow: 0 12px 26px rgba(25, 42, 58, 0.16);
}

.bjb1ppfkc .mmehv78e2:hover, .bjb1ppfkc .mmehv78e2.sfney3zdj {
    background: #e8f0fa;
}

.bjb1ppfkc .w9mpo3lr0, .bjb1ppfkc #incomingCallModal .w9mpo3lr0, .bjb1ppfkc #outgoingCallModal .w9mpo3lr0, .bjb1ppfkc #inCallIncomingModal .w9mpo3lr0, .bjb1ppfkc #addParticipantModal .w9mpo3lr0 {
    border-radius: 16px;
    border: 1px solid var(--pro-line);
    box-shadow: 0 14px 34px rgba(20, 36, 50, 0.22);
}

.bjb1ppfkc .v7vz1hqty .kgo2k6lxl {
    margin-top: 10px;
    font-size: 18px;
    font-weight: 700;
    color: #26323c;
}

@media (max-width: 900px) {
    .bjb1ppfkc {
        background: #e7eef5;
    }

    .bjb1ppfkc .skr0mh1ww {
        grid-template-columns: minmax(0, 1fr);
        gap: 8px;
        padding: 8px;
    }

    .bjb1ppfkc .e0c1ahm8h {
        display: grid;
        grid-template-columns: repeat(2, minmax(0, 1fr));
        gap: 8px;
    }

    .bjb1ppfkc .bd927061q {
        padding: 8px;
    }

    .bjb1ppfkc .j7rl3z4v2 {
        padding: 10px 8px 6px;
    }

    .bjb1ppfkc .upq25ahjk > div {
        max-width: 92%;
        border-radius: 12px;
    }

    .bjb1ppfkc .g5p4epe0y {
        width: calc(100% - 12px);
        margin: 0 6px 6px;
        border-radius: 14px;
    }
}

@media (max-width: 560px) {
    .bjb1ppfkc .e0c1ahm8h {
        grid-template-columns: minmax(0, 1fr);
    }
}

/* ===== Mobile simplificado (admin chat) ===== */
@media (max-width: 900px) {
    .bjb1ppfkc.ehtq7tdnk {
        background: #e7eef5;
        overflow: hidden;
    }

    .bjb1ppfkc.ehtq7tdnk .y6iszi3q3 {
        height: 100dvh;
        min-height: 100dvh;
        overflow: hidden;
    }

    .bjb1ppfkc.ehtq7tdnk .jvv15zmav {
        display: flex;
        flex-direction: column;
        min-height: 0;
        height: 100dvh;
    }

    .bjb1ppfkc.ehtq7tdnk .oyay3vy6o {
        position: sticky;
        top: 0;
        z-index: 25;
        padding: 10px 12px;
    }

    .bjb1ppfkc .tmafomi2h h5 {
        font-size: 16px;
    }

    .bjb1ppfkc .tmafomi2h small {
        font-size: 11px;
    }

    .bjb1ppfkc.ehtq7tdnk .ijs0fr1xf {
        flex: 1;
        min-height: 0;
        overflow: hidden;
    }

    .bjb1ppfkc .skr0mh1ww {
        display: flex;
        flex-direction: column;
        min-height: 0;
        height: 100%;
        gap: 8px;
        padding: 8px;
    }

    .bjb1ppfkc .e0c1ahm8h {
        order: 1;
        display: flex;
        flex-direction: row;
        gap: 8px;
        overflow-x: auto;
        overflow-y: hidden;
        padding-bottom: 2px;
        scrollbar-width: thin;
    }

    .bjb1ppfkc .bd927061q {
        flex: 0 0 auto;
        min-width: 180px;
        max-width: 220px;
        padding: 8px;
        border-radius: 12px;
    }

    .bjb1ppfkc .fy5gce8zs {
        margin-bottom: 6px;
        font-size: 11px;
    }

    .bjb1ppfkc.ehtq7tdnk .e0c1ahm8h .gu8v1zbny {
        flex-wrap: nowrap;
        gap: 6px;
    }

    .bjb1ppfkc.ehtq7tdnk .e0c1ahm8h .nvhuccgmq, .bjb1ppfkc.ehtq7tdnk .e0c1ahm8h .kzz7joo8q .nvhuccgmq {
        width: 40px;
        height: 40px;
        min-width: 40px;
    }

    .bjb1ppfkc .ji21wwxkn {
        order: 2;
        flex: 1;
        min-height: 0;
        display: flex;
        flex-direction: column;
        gap: 8px;
    }

    .bjb1ppfkc .ji21wwxkn .j7rl3z4v2 {
        flex: 1;
        min-height: 0;
        border-radius: 12px;
        padding: 10px 8px 8px;
        overflow-y: auto;
    }

    #messages {
        gap: 8px;
    }

    .bjb1ppfkc .upq25ahjk > div {
        max-width: 94%;
    }

    .bjb1ppfkc .ji21wwxkn .g5p4epe0y {
        position: sticky;
        bottom: 0;
        z-index: 20;
        margin: 0;
        border-radius: 12px;
        padding: 7px;
        padding-bottom: calc(5px + env(safe-area-inset-bottom));
        background: #ffffff;
    }

    .bjb1ppfkc .ji21wwxkn .g5p4epe0y input {
        height: 42px;
        font-size: 16px;
    }

    .bjb1ppfkc .ji21wwxkn .ikko00z6d {
        width: 42px;
        height: 42px;
        min-width: 42px;
    }

    .bjb1ppfkc .q9lkye1w2 {
        padding: 6px;
    }

    .bjb1ppfkc .gxt0zm6uw {
        border-radius: 12px;
        padding: 14px 10px;
    }

    .bjb1ppfkc .dkptoz1u4 {
        width: 40px;
        height: 40px;
        background: #edf2f6;
        color: #6f8090;
        margin-bottom: 6px;
    }

    .bjb1ppfkc .gxt0zm6uw h3 {
        font-size: 16px;
    }

    .bjb1ppfkc .gxt0zm6uw p {
        font-size: 13px;
    }
}

@media (max-width: 560px) {
    .bjb1ppfkc .skr0mh1ww {
        padding: 6px;
        gap: 6px;
    }

    .bjb1ppfkc.ehtq7tdnk .oyay3vy6o {
        padding: 8px 10px;
    }

    .bjb1ppfkc .bd927061q {
        min-width: 160px;
        max-width: 190px;
    }

    .bjb1ppfkc .ji21wwxkn .j7rl3z4v2 {
        border-radius: 10px;
        padding: 8px 6px 6px;
    }

    .bjb1ppfkc .ji21wwxkn .g5p4epe0y {
        border-radius: 10px;
        padding: 6px;
    }

    .bjb1ppfkc .ji21wwxkn .g5p4epe0y input {
        height: 40px;
        font-size: 14px;
    }

    .bjb1ppfkc .ji21wwxkn .ikko00z6d {
        width: 40px;
        height: 40px;
        min-width: 40px;
    }
}

/* ===== Chat admin mobile hotfix (2026-03-29 v11) ===== */
@media (max-width: 900px) {
    .bjb1ppfkc .skr0mh1ww {
        display: flex;
        flex-direction: column;
    }

    .bjb1ppfkc .ji21wwxkn {
        order: 1;
        flex: 1;
        min-height: 0;
    }

    .bjb1ppfkc .ji21wwxkn .g5p4epe0y {
        margin-top: 0;
        margin-bottom: 0;
    }

    .bjb1ppfkc .ap2fffxse {
        display: none ;
    }
}

@media (max-width: 560px) {
    .bjb1ppfkc .skr0mh1ww {
        padding: 4px;
        gap: 4px;
    }

    .bjb1ppfkc .ji21wwxkn .j7rl3z4v2 {
        padding: 6px 5px 8px;
    }

    .bjb1ppfkc .ji21wwxkn .g5p4epe0y {
        padding: 4px;
    }

    .bjb1ppfkc .ji21wwxkn .g5p4epe0y input {
        height: 38px;
        font-size: 16px;
    }

    .bjb1ppfkc .ji21wwxkn .ikko00z6d {
        width: 38px;
        height: 38px;
        min-width: 38px;
    }
}

/* ===== Call quick actions (unified) ===== */
.bjb1ppfkc.ehtq7tdnk .mhywehrhy {
    display: inline-flex;
    align-items: center;
    gap: 5px;
    margin-left: 8px;
    flex-shrink: 0;
    max-width: min(52vw, 420px);
    overflow-x: auto;
    scrollbar-width: thin;
}

.bjb1ppfkc .mhywehrhy .kzz7joo8q {
    display: inline-flex;
    align-items: center;
    gap: 5px;
}

.bjb1ppfkc .x2r2halte {
    width: 34px;
    height: 34px;
    border: none;
    border-radius: 999px;
    display: inline-flex;
    align-items: center;
    justify-content: center;
    cursor: pointer;
    color: #ffffff;
    box-shadow: none;
}

.bjb1ppfkc .x2r2halte i {
    font-size: 18px;
}

.bjb1ppfkc .gl4io660p {
    background: #207349;
}

.bjb1ppfkc .qggkuiibz {
    background: #1f6fb2;
}

.bjb1ppfkc .aae0v9n1t {
    background: #2563eb;
}

.bjb1ppfkc .loka4eyie {
    background: #0f766e;
}

.bjb1ppfkc .i1zve4hf4 {
    background: #6b7280;
}

.bjb1ppfkc.ehtq7tdnk .i1zve4hf4.b49r4daz2 {
    background: #b63a3a;
}

.bjb1ppfkc .upu4wy61d {
    background: #b63a3a;
}

.bjb1ppfkc .ywe90g461 {
    height: 30px;
    padding: 0 10px;
    border: none;
    border-radius: 8px;
    display: inline-flex;
    align-items: center;
    justify-content: center;
    gap: 4px;
    background: #1e293b;
    color: #ffffff;
    cursor: pointer;
    font-size: 12px;
    font-weight: 600;
    line-height: 1;
}

.bjb1ppfkc .ywe90g461 i {
    font-size: 16px;
}

.bjb1ppfkc .x2r2halte:disabled {
    opacity: var(--chat-disabled-opacity);
    cursor: not-allowed;
}

/* ===== Chat admin clean reset (2026-03-29 v5) ===== */
.bjb1ppfkc.ehtq7tdnk {
    --clean-bg: #f3f5f7;
    --clean-panel: #ffffff;
    --clean-line: #dde3e8;
    --clean-text: #1f2a35;
    --clean-muted: #667584;
    --clean-accent: #1f6fb2;
    --clean-accent-hover: #195c93;
    --clean-ok: #207349;
    --clean-ok-hover: #1a5f3c;
    --clean-danger: #b63a3a;
    --clean-danger-hover: #973030;
    background: var(--clean-bg);
    color: var(--clean-text);
}

.bjb1ppfkc.ehtq7tdnk .y6iszi3q3 {
    border: none;
    border-radius: 0;
    box-shadow: none;
    background: var(--clean-panel);
}

.bjb1ppfkc.ehtq7tdnk .oxf2rolct {
    width: 248px;
    background: #f8fafb;
    border-right: 1px solid var(--clean-line);
    color: var(--clean-text);
}

.bjb1ppfkc.ehtq7tdnk .k4zmca9i0 {
    background: #f8fafb;
    border-bottom: 1px solid var(--clean-line);
    padding: 12px;
}

.bjb1ppfkc.ehtq7tdnk .k4zmca9i0 h5, .bjb1ppfkc.ehtq7tdnk .k4zmca9i0 small, .ylkq1f6gw {
    color: var(--clean-text);
}

.bjb1ppfkc.ehtq7tdnk .k4zmca9i0 h5 {
    font-size: 14px;
    font-weight: 700;
}

.bjb1ppfkc.ehtq7tdnk .k4zmca9i0 > small {
    color: var(--clean-muted);
    font-size: 12px;
}

.bjb1ppfkc.ehtq7tdnk .tsnzzbizm {
    padding: 10px;
}

.bjb1ppfkc .gk5w7eqw6 {
    height: 38px;
    border-radius: 10px;
    background: #ffffff;
    border: 1px solid var(--clean-line);
}

.bjb1ppfkc .lq6zrlkp4, .bjb1ppfkc .p8s6tq09b {
    border-radius: 10px;
    border: 1px solid transparent;
    background: transparent;
}

.bjb1ppfkc .lq6zrlkp4:hover, .bjb1ppfkc .p8s6tq09b:hover {
    background: #eef3f7;
    border-color: #d3dde6;
}

.bjb1ppfkc.ehtq7tdnk .lq6zrlkp4.wqjrq3gkw, .bjb1ppfkc.ehtq7tdnk .p8s6tq09b.wqjrq3gkw {
    background: #e6eef6;
    border-color: #c7d6e4;
}

.bjb1ppfkc.ehtq7tdnk .jvv15zmav {
    background: var(--clean-bg);
}

.bjb1ppfkc.ehtq7tdnk .oyay3vy6o {
    padding: 12px 14px;
    border-bottom: 1px solid var(--clean-line);
    box-shadow: none;
    background: #ffffff;
}

.bjb1ppfkc .tmafomi2h h5 {
    font-size: 17px;
    font-weight: 700;
    color: var(--clean-text);
}

.bjb1ppfkc .tmafomi2h small, #activeConversation {
    color: var(--clean-muted);
    font-size: 13px;
}

.bjb1ppfkc .skr0mh1ww {
    display: flex;
    flex-direction: column;
    gap: 8px;
    padding: 10px;
}

.bjb1ppfkc .e0c1ahm8h {
    order: 1;
    display: flex;
    align-items: stretch;
    gap: 8px;
}

.bjb1ppfkc .bd927061q {
    border: 1px solid var(--clean-line);
    border-radius: 12px;
    background: #ffffff;
    padding: 8px;
    box-shadow: none;
}

.bjb1ppfkc .fy5gce8zs {
    margin-bottom: 6px;
    font-size: 11px;
    letter-spacing: 0.02em;
    color: var(--clean-muted);
}

.bjb1ppfkc.ehtq7tdnk .e0c1ahm8h .gu8v1zbny {
    gap: 8px;
    flex-wrap: nowrap;
}

.bjb1ppfkc .ap2fffxse {
    flex: 1;
    min-height: 62px;
}

.bjb1ppfkc .ji21wwxkn {
    order: 2;
    min-height: 0;
    display: grid;
    grid-template-rows: auto minmax(0, 1fr) auto;
    gap: 8px;
}

.bjb1ppfkc .ji21wwxkn .j7rl3z4v2 {
    background: #ffffff;
    border: 1px solid var(--clean-line);
    border-radius: 12px;
    padding: 12px;
}

#messages {
    max-width: 960px;
    margin: 0 auto;
    gap: 8px;
}

.bjb1ppfkc .upq25ahjk {
    margin-bottom: 0;
}

.bjb1ppfkc .upq25ahjk > div {
    max-width: min(80%, 760px);
    border-radius: 12px;
    border: 1px solid #d9e0e6;
    box-shadow: none;
    padding: 10px 12px;
}

.bjb1ppfkc .upq25ahjk.l8gucuxnr > div {
    background: #f8fafc;
}

.bjb1ppfkc .upq25ahjk.aq077cfug > div {
    background: #e7f3ea;
    border-color: #c7dfcc;
}

.bjb1ppfkc .muml534nu {
    margin-bottom: 4px;
}

.bjb1ppfkc .ep95cwm9d {
    font-size: 13px;
    color: #304252;
}

.bjb1ppfkc .h2ur6sm17 {
    padding: 0;
    font-size: 14px;
    color: #2f4150;
}

.bjb1ppfkc .l67chts2k {
    font-size: 11px;
    color: #7a8896;
}

.bjb1ppfkc .q9lkye1w2 {
    padding: 8px;
}

.bjb1ppfkc .gxt0zm6uw {
    border: 1px dashed #d4dde5;
    border-radius: 12px;
    background: #f9fbfc;
    padding: 18px 14px;
}

.bjb1ppfkc .dkptoz1u4 {
    width: 40px;
    height: 40px;
    background: #edf2f6;
    color: #6f8090;
    margin-bottom: 6px;
}

.bjb1ppfkc .gxt0zm6uw h3 {
    font-size: 16px;
    color: #2b3c4c;
}

.bjb1ppfkc .gxt0zm6uw p {
    margin-top: 4px;
    font-size: 13px;
    color: #677786;
}

.bjb1ppfkc .ji21wwxkn .g5p4epe0y {
    width: 100%;
    margin: 0;
    border: 1px solid var(--clean-line);
    border-radius: 12px;
    box-shadow: none;
    padding: 8px;
    background: #ffffff;
}

.bjb1ppfkc .ji21wwxkn .g5p4epe0y input {
    height: 42px;
    border: 1px solid #d4dce4;
    border-radius: 10px;
    box-shadow: none;
}

.bjb1ppfkc .ji21wwxkn .g5p4epe0y input:focus {
    border-color: var(--clean-accent);
    box-shadow: 0 0 0 3px rgba(31, 111, 178, 0.15);
}

.bjb1ppfkc .ikko00z6d, .bjb1ppfkc.ehtq7tdnk .nvhuccgmq, .bjb1ppfkc.ehtq7tdnk .kzz7joo8q .nvhuccgmq, .bjb1ppfkc .ty1rygv6j, .bjb1ppfkc.ehtq7tdnk .nlmgdgs15, .bjb1ppfkc .wd360ealy, .bjb1ppfkc .q1hn4tmxu {
    border-radius: 999px;
    box-shadow: none;
}

.bjb1ppfkc .ikko00z6d {
    background: var(--clean-accent);
    color: #ffffff;
}

.bjb1ppfkc .ikko00z6d:hover {
    background: var(--clean-accent-hover);
    transform: none;
}

.bjb1ppfkc.ehtq7tdnk .nvhuccgmq.cit05pmc2, #upgradeMuteAudioBtn, .bjb1ppfkc.ehtq7tdnk #toggleAudioBtn.wqjrq3gkw, .bjb1ppfkc .wd360ealy {
    background: var(--clean-ok);
    color: #ffffff;
}

.bjb1ppfkc.ehtq7tdnk .nvhuccgmq.dhwmoeqj0, #upgradeToVideoBtn, #upgradeToShareBtn, #shareScreenBtn, .bjb1ppfkc.ehtq7tdnk #toggleVideoBtn.wqjrq3gkw {
    background: var(--clean-accent);
    color: #ffffff;
}

.bjb1ppfkc.ehtq7tdnk .nvhuccgmq.fumpi70ed, #inContainerHangupBtn, .bjb1ppfkc .q1hn4tmxu {
    background: var(--clean-danger);
    color: #ffffff;
}

.bjb1ppfkc.ehtq7tdnk .nvhuccgmq.cit05pmc2:hover, #upgradeMuteAudioBtn:hover, .bjb1ppfkc .wd360ealy:hover {
    background: var(--clean-ok-hover);
    transform: none;
}

.bjb1ppfkc.ehtq7tdnk .nvhuccgmq.dhwmoeqj0:hover, #upgradeToVideoBtn:hover, #upgradeToShareBtn:hover, #shareScreenBtn:hover, .bjb1ppfkc .ikko00z6d:hover {
    background: var(--clean-accent-hover);
    transform: none;
}

.bjb1ppfkc.ehtq7tdnk .nvhuccgmq.fumpi70ed:hover, #inContainerHangupBtn:hover, .bjb1ppfkc .q1hn4tmxu:hover {
    background: var(--clean-danger-hover);
    transform: none;
}

.bjb1ppfkc .bscrcgan6 {
    border: 1px solid var(--clean-line);
    border-radius: 10px;
    box-shadow: 0 8px 22px rgba(15, 28, 40, 0.14);
}

.bjb1ppfkc .mmehv78e2:hover, .bjb1ppfkc .mmehv78e2.sfney3zdj {
    background: #edf3f8;
}

@media (max-width: 980px) {
    .bjb1ppfkc.ehtq7tdnk .oxf2rolct {
        width: min(88vw, 320px);
    }

    .bjb1ppfkc .skr0mh1ww {
        padding: 8px;
    }

    .bjb1ppfkc .e0c1ahm8h {
        overflow-x: auto;
        overflow-y: hidden;
        padding-bottom: 2px;
    }

    .bjb1ppfkc .bd927061q {
        flex: 0 0 auto;
        min-width: 180px;
    }

    .bjb1ppfkc .ji21wwxkn .j7rl3z4v2 {
        padding: 10px;
    }

    .bjb1ppfkc .upq25ahjk > div {
        max-width: 90%;
    }
}

@media (max-width: 560px) {
    .bjb1ppfkc.ehtq7tdnk .oyay3vy6o {
        padding: 10px;
    }

    .bjb1ppfkc .tmafomi2h h5 {
        font-size: 16px;
    }

    .bjb1ppfkc .skr0mh1ww {
        gap: 6px;
        padding: 6px;
    }

    .bjb1ppfkc .bd927061q {
        min-width: 165px;
        padding: 7px;
    }

    .bjb1ppfkc .ji21wwxkn .j7rl3z4v2, .bjb1ppfkc .ji21wwxkn .g5p4epe0y {
        border-radius: 10px;
    }

    .bjb1ppfkc .ji21wwxkn .g5p4epe0y input {
        font-size: 16px;
    }
}

/* ===== Chat admin ultra compact (2026-03-29 v6) ===== */
.bjb1ppfkc.ehtq7tdnk .oxf2rolct {
    width: 214px;
}

.bjb1ppfkc.ehtq7tdnk .k4zmca9i0 {
    padding: 8px 10px;
}

.bjb1ppfkc .o8ou9t3s0 {
    gap: 8px;
    margin-bottom: 4px;
}

.bjb1ppfkc.ehtq7tdnk .oxf2rolct .h16sha38n {
    width: 30px;
    height: 30px;
    font-size: 12px;
}

.bjb1ppfkc.ehtq7tdnk .k4zmca9i0 h5 {
    font-size: 13px;
}

.bjb1ppfkc.ehtq7tdnk .k4zmca9i0 > small {
    font-size: 11px;
}

.bjb1ppfkc.ehtq7tdnk .tsnzzbizm {
    padding: 8px;
}

.ylkq1f6gw {
    padding: 8px 6px 6px;
    font-size: 10px;
}

.bjb1ppfkc .gk5w7eqw6 {
    height: 34px;
    margin: 0 4px 8px;
    padding: 0 8px;
}

.bjb1ppfkc .gk5w7eqw6 i {
    font-size: 17px;
}

.bjb1ppfkc .gk5w7eqw6 input {
    font-size: 12px;
}

.bjb1ppfkc .lq6zrlkp4, .bjb1ppfkc .p8s6tq09b {
    margin: 4px 0;
    padding: 7px 8px;
    gap: 8px;
    align-items: flex-start;
}

.bjb1ppfkc .lq6zrlkp4 .h16sha38n, .bjb1ppfkc .p8s6tq09b .to7hr5j3h {
    width: 28px;
    height: 28px;
}

.bjb1ppfkc .m0kyy4u0x, .bjb1ppfkc .kjef69u7e {
    font-size: 12px;
}

.bjb1ppfkc .gza49i3ub, .bjb1ppfkc .rrhd7tmi4 {
    font-size: 10px;
}

.bjb1ppfkc .lq6zrlkp4 .k92hbu6pn {
    margin-top: 6px;
}

.bjb1ppfkc.ehtq7tdnk .oyay3vy6o {
    padding: 8px 10px;
}

.bjb1ppfkc .tmafomi2h h5 {
    font-size: 15px;
    gap: 8px;
}

.bjb1ppfkc .tmafomi2h small, #activeConversation {
    font-size: 12px;
}

.bjb1ppfkc .skr0mh1ww {
    gap: 6px;
    padding: 8px;
}

.bjb1ppfkc .e0c1ahm8h {
    gap: 6px;
}

.bjb1ppfkc .bd927061q {
    padding: 6px;
    border-radius: 10px;
}

.bjb1ppfkc .fy5gce8zs {
    display: none;
}

.bjb1ppfkc.ehtq7tdnk .e0c1ahm8h .gu8v1zbny {
    gap: 6px;
}

.bjb1ppfkc.ehtq7tdnk .e0c1ahm8h .nvhuccgmq, .bjb1ppfkc.ehtq7tdnk .e0c1ahm8h .kzz7joo8q .nvhuccgmq {
    width: 36px;
    height: 36px;
    min-width: 36px;
}

.bjb1ppfkc.ehtq7tdnk .e0c1ahm8h .nvhuccgmq i, .bjb1ppfkc.ehtq7tdnk .e0c1ahm8h .kzz7joo8q .nvhuccgmq i {
    font-size: 18px;
}

.bjb1ppfkc .ji21wwxkn {
    gap: 6px;
}

.bjb1ppfkc .ji21wwxkn .j7rl3z4v2 {
    padding: 8px;
}

#messages {
    gap: 6px;
}

.bjb1ppfkc .upq25ahjk > div {
    max-width: min(75%, 700px);
    border-radius: 10px;
    padding: 8px 10px;
}

.bjb1ppfkc .ep95cwm9d {
    font-size: 12px;
}

.bjb1ppfkc .h2ur6sm17 {
    font-size: 13px;
    line-height: 1.4;
}

.bjb1ppfkc .l67chts2k {
    font-size: 10px;
}

.bjb1ppfkc .ji21wwxkn .g5p4epe0y {
    padding: 6px;
    border-radius: 10px;
}

.bjb1ppfkc .ji21wwxkn .g5p4epe0y input {
    height: 38px;
    font-size: 14px;
}

.bjb1ppfkc .ji21wwxkn .ikko00z6d {
    width: 38px;
    height: 38px;
    min-width: 38px;
}

@media (max-width: 980px) {
    .bjb1ppfkc.ehtq7tdnk .oxf2rolct {
        width: min(82vw, 280px);
    }

    .bjb1ppfkc .bd927061q {
        min-width: 148px;
    }

    .bjb1ppfkc.ehtq7tdnk .e0c1ahm8h .nvhuccgmq, .bjb1ppfkc.ehtq7tdnk .e0c1ahm8h .kzz7joo8q .nvhuccgmq {
        width: 34px;
        height: 34px;
        min-width: 34px;
    }

    .bjb1ppfkc .upq25ahjk > div {
        max-width: 90%;
    }
}

@media (max-width: 560px) {
    .bjb1ppfkc.ehtq7tdnk .oyay3vy6o {
        padding: 7px 8px;
    }

    .bjb1ppfkc .tmafomi2h h5 {
        font-size: 14px;
    }

    .bjb1ppfkc .tmafomi2h small, #activeConversation {
        font-size: 11px;
        max-width: calc(100vw - 76px);
    }

    .bjb1ppfkc .skr0mh1ww {
        padding: 5px;
        gap: 5px;
    }

    .bjb1ppfkc .bd927061q {
        min-width: 134px;
        padding: 5px;
    }

    .bjb1ppfkc .ji21wwxkn .j7rl3z4v2 {
        padding: 6px;
    }

    .bjb1ppfkc .ji21wwxkn .g5p4epe0y {
        padding: 5px;
    }
}

/* ===== Chat admin ultra compact plus (2026-03-29 v7) ===== */
.bjb1ppfkc.ehtq7tdnk .oxf2rolct {
    width: 186px;
}

.bjb1ppfkc.ehtq7tdnk .k4zmca9i0 {
    padding: 6px 8px;
}

.bjb1ppfkc.ehtq7tdnk .k4zmca9i0 > small, .ylkq1f6gw, .bjb1ppfkc .rrhd7tmi4, .bjb1ppfkc .ho7mbxhfj, .bjb1ppfkc .k92hbu6pn {
    display: none;
}

.bjb1ppfkc .o8ou9t3s0 {
    margin-bottom: 2px;
}

.bjb1ppfkc.ehtq7tdnk .oxf2rolct .h16sha38n, .bjb1ppfkc .lq6zrlkp4 .h16sha38n, .bjb1ppfkc .p8s6tq09b .to7hr5j3h {
    width: 24px;
    height: 24px;
}

.bjb1ppfkc.ehtq7tdnk .tsnzzbizm {
    padding: 6px;
}

.bjb1ppfkc .gk5w7eqw6 {
    height: 30px;
    margin: 0 2px 6px;
    padding: 0 8px;
}

.bjb1ppfkc .gk5w7eqw6 input {
    font-size: 11px;
}

.bjb1ppfkc .lq6zrlkp4, .bjb1ppfkc .p8s6tq09b {
    margin: 3px 0;
    padding: 6px;
    gap: 6px;
    align-items: flex-start;
}

.bjb1ppfkc .m0kyy4u0x, .bjb1ppfkc .kjef69u7e {
    font-size: 11px;
}

.bjb1ppfkc .lq6zrlkp4 .k92hbu6pn {
    margin-top: 5px;
}

.bjb1ppfkc.ehtq7tdnk .oyay3vy6o {
    min-height: 40px;
    padding: 6px 8px;
}

.bjb1ppfkc .tmafomi2h h5 {
    font-size: 14px;
}

.bjb1ppfkc .tmafomi2h small {
    display: block;
    font-size: 11px;
    line-height: 1.25;
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis;
}

.bjb1ppfkc .skr0mh1ww {
    position: relative;
    padding: 5px;
    gap: 4px;
}

.bjb1ppfkc .e0c1ahm8h {
    position: absolute;
    top: 6px;
    right: 6px;
    z-index: 30;
    background: rgba(255, 255, 255, 0.94);
    border: 1px solid #d9e0e6;
    border-radius: 999px;
    padding: 3px;
    gap: 0;
}

.bjb1ppfkc .bd927061q {
    border: none;
    background: transparent;
    padding: 0;
}

.bjb1ppfkc .ap2fffxse {
    display: none;
}

.bjb1ppfkc.ehtq7tdnk .e0c1ahm8h .gu8v1zbny {
    gap: 4px;
}

.bjb1ppfkc .e0c1ahm8h .kzz7joo8q {
    gap: 4px;
}

.bjb1ppfkc.ehtq7tdnk .e0c1ahm8h .nvhuccgmq, .bjb1ppfkc.ehtq7tdnk .e0c1ahm8h .kzz7joo8q .nvhuccgmq {
    width: 32px;
    height: 32px;
    min-width: 32px;
}

.bjb1ppfkc.ehtq7tdnk .e0c1ahm8h .nvhuccgmq i, .bjb1ppfkc.ehtq7tdnk .e0c1ahm8h .kzz7joo8q .nvhuccgmq i {
    font-size: 16px;
}

.bjb1ppfkc .ji21wwxkn .j7rl3z4v2 {
    border-radius: 8px;
    padding: 6px;
}

#messages {
    gap: 4px;
}

.bjb1ppfkc .upq25ahjk > div {
    max-width: min(68%, 640px);
    border-radius: 9px;
    padding: 7px 9px;
}

.bjb1ppfkc .muml534nu {
    margin-bottom: 2px;
}

.bjb1ppfkc .t2iu6d1pm {
    width: 20px;
    height: 20px;
}

.bjb1ppfkc .ep95cwm9d {
    font-size: 11px;
}

.bjb1ppfkc .l67chts2k {
    font-size: 9px;
}

.bjb1ppfkc .l67chts2k i {
    display: none;
}

.bjb1ppfkc .h2ur6sm17 {
    font-size: 12px;
    line-height: 1.35;
}

.bjb1ppfkc .q9lkye1w2 {
    padding: 4px;
}

.bjb1ppfkc .gxt0zm6uw {
    padding: 12px 10px;
}

.bjb1ppfkc .dkptoz1u4 {
    width: 32px;
    height: 32px;
}

.bjb1ppfkc .gxt0zm6uw h3 {
    font-size: 14px;
}

.bjb1ppfkc .gxt0zm6uw p {
    font-size: 12px;
}

.bjb1ppfkc .ji21wwxkn .g5p4epe0y {
    border-radius: 8px;
    padding: 4px;
    padding-bottom: calc(4px + env(safe-area-inset-bottom));
}

.bjb1ppfkc .ji21wwxkn .g5p4epe0y input {
    height: 34px;
    border-radius: 8px;
    font-size: 13px;
    padding: 0 10px;
}

.bjb1ppfkc .ji21wwxkn .ikko00z6d {
    width: 34px;
    height: 34px;
    min-width: 34px;
}

@media (max-width: 980px) {
    .bjb1ppfkc.ehtq7tdnk .oxf2rolct {
        width: min(78vw, 250px);
    }

    .bjb1ppfkc .e0c1ahm8h {
        position: static;
        border-radius: 8px;
        border: 1px solid #d9e0e6;
        padding: 4px;
        overflow-x: auto;
    }

    .bjb1ppfkc.ehtq7tdnk .e0c1ahm8h .nvhuccgmq, .bjb1ppfkc.ehtq7tdnk .e0c1ahm8h .kzz7joo8q .nvhuccgmq {
        width: 30px;
        height: 30px;
        min-width: 30px;
    }

    .bjb1ppfkc .upq25ahjk > div {
        max-width: 88%;
    }
}

@media (max-width: 560px) {
    .bjb1ppfkc.ehtq7tdnk .oyay3vy6o {
        padding: 5px 6px;
        min-height: 36px;
    }

    .bjb1ppfkc .tmafomi2h h5 {
        font-size: 13px;
    }

    .bjb1ppfkc .skr0mh1ww {
        padding: 4px;
        gap: 4px;
    }

    .bjb1ppfkc .ji21wwxkn .j7rl3z4v2 {
        padding: 5px;
    }

    .bjb1ppfkc .ji21wwxkn .g5p4epe0y {
        padding: 3px;
    }
}

/* ===== Chat admin fill height fix (2026-03-29 v8) ===== */
.bjb1ppfkc.ehtq7tdnk, .bjb1ppfkc.ehtq7tdnk .y6iszi3q3, .bjb1ppfkc.ehtq7tdnk .jvv15zmav, .bjb1ppfkc.ehtq7tdnk .ijs0fr1xf {
    min-height: 0;
}

.bjb1ppfkc.ehtq7tdnk .jvv15zmav {
    height: 100vh;
    display: flex;
    flex-direction: column;
}

.bjb1ppfkc.ehtq7tdnk .ijs0fr1xf {
    flex: 1;
    display: flex;
    flex-direction: column;
    overflow: hidden;
}

.bjb1ppfkc .skr0mh1ww {
    flex: 1;
    min-height: 0;
    display: flex;
    flex-direction: column;
}

.bjb1ppfkc .ji21wwxkn {
    flex: 1;
    min-height: 0;
    display: flex;
    flex-direction: column;
}

.bjb1ppfkc .ji21wwxkn .j7rl3z4v2 {
    flex: 1;
    min-height: 0;
    overflow-y: auto;
}

.bjb1ppfkc .q9lkye1w2 {
    min-height: calc(100% - 6px);
    display: grid;
    place-items: center;
}

.bjb1ppfkc .g5p4epe0y {
    margin-bottom: 15px;
    flex-shrink: 0;
}

@media (max-width: 980px) {
    .bjb1ppfkc.ehtq7tdnk .jvv15zmav {
        height: 100dvh;
    }

    .bjb1ppfkc .q9lkye1w2 {
        min-height: calc(100% - 4px);
    }
}

/* ===== Chat admin requested rollback (2026-03-29 v9) ===== */
.bjb1ppfkc.ehtq7tdnk .ho7mbxhfj {
    display: block;
    font-size: 10px;
    color: #6f7f8d;
    opacity: 1;
}

.bjb1ppfkc .k92hbu6pn {
    display: block;
    width: 8px;
    height: 8px;
    border-radius: 50%;
    flex-shrink: 0;
    box-shadow: 0 0 8px currentColor;
    transition: all 0.3s ease;
    margin-left: 8px;
}

.bjb1ppfkc .upq25ahjk.aq077cfug, .bjb1ppfkc .upq25ahjk.l8gucuxnr {
    justify-content: stretch;
}

.bjb1ppfkc .upq25ahjk > div {
    width: 100%;
    max-width: 100%;
    padding: 14px 2px 16px;
    border: none;
    border-bottom: 1px solid #e4e9ee;
    border-radius: 0;
    background: transparent;
    font-size: 14px;
    line-height: 1.4;
    box-shadow: none;
}

.bjb1ppfkc .upq25ahjk.aq077cfug > div {
    background: transparent;
    color: #1f2933;
    border-bottom-color: #dfe6ed;
}

.bjb1ppfkc .upq25ahjk.l8gucuxnr > div {
    background: transparent;
    color: #1f2933;
    border-bottom-color: #e0e6ec;
}

.bjb1ppfkc .upq25ahjk.l8gucuxnr.fognneeij > div, .bjb1ppfkc .upq25ahjk.l8gucuxnr.xdd5k1nrd > div {
    background: #fff4d6 ;
    border-bottom-color: #f2c35b ;
}

.bjb1ppfkc .upq25ahjk.l8gucuxnr.fognneeij .ep95cwm9d, .bjb1ppfkc .upq25ahjk.l8gucuxnr.fognneeij .h2ur6sm17, .bjb1ppfkc .upq25ahjk.l8gucuxnr.xdd5k1nrd .ep95cwm9d, .bjb1ppfkc .upq25ahjk.l8gucuxnr.xdd5k1nrd .h2ur6sm17 {
    color: #6b4d12 ;
}

.bjb1ppfkc .muml534nu {
    margin-bottom: 6px;
}

.bjb1ppfkc .t2iu6d1pm {
    width: 34px;
    height: 34px;
}

.bjb1ppfkc .ep95cwm9d {
    font-size: 16px;
    line-height: 1;
}

.bjb1ppfkc .h2ur6sm17 {
    font-size: 14px;
    line-height: 1.5;
    padding: 0 42px;
    color: #5f6b78;
}

.bjb1ppfkc .l67chts2k {
    font-size: 12px;
    color: #8a95a2;
}

.bjb1ppfkc .l67chts2k i {
    display: inline-block;
}

.bjb1ppfkc .upq25ahjk.aq077cfug .muml534nu {
    flex-direction: row-reverse;
}

.bjb1ppfkc .upq25ahjk.aq077cfug .t2iu6d1pm {
    background: #ff6a55;
    color: #ffffff;
}

.bjb1ppfkc .upq25ahjk.aq077cfug .ep95cwm9d, .bjb1ppfkc .upq25ahjk.aq077cfug .h2ur6sm17 {
    text-align: right;
}

.bjb1ppfkc .upq25ahjk.l8gucuxnr .t2iu6d1pm {
    background: #45b5de;
    color: #ffffff;
}

.bjb1ppfkc .upq25ahjk.l8gucuxnr .ep95cwm9d {
    color: #2d3742;
}

@media (max-width: 900px) {
    .bjb1ppfkc .h2ur6sm17 {
        padding-left: 0;
        padding-right: 0;
    }
}

/* ===== Chat admin mobile polish (2026-03-29 v10) ===== */
@media (max-width: 900px) {
    .bjb1ppfkc.ehtq7tdnk {
        overflow: hidden;
    }

    .bjb1ppfkc.ehtq7tdnk .y6iszi3q3 {
        height: 100dvh;
        min-height: 100dvh;
    }

    .bjb1ppfkc.ehtq7tdnk .oxf2rolct {
        width: min(86vw, 320px);
    }

    .bjb1ppfkc.ehtq7tdnk .jvv15zmav {
        height: 100dvh;
        min-height: 0;
    }

    .bjb1ppfkc.ehtq7tdnk .oyay3vy6o {
        min-height: 48px;
        padding: 8px 10px;
    }

    .bjb1ppfkc .tmafomi2h h5 {
        font-size: 15px;
    }

    .bjb1ppfkc .tmafomi2h small, #activeConversation {
        display: block;
        font-size: 11px;
        line-height: 1.25;
        white-space: nowrap;
        overflow: hidden;
        text-overflow: ellipsis;
        max-width: calc(100vw - 84px);
    }

    .bjb1ppfkc.ehtq7tdnk .ijs0fr1xf {
        min-height: 0;
        overflow: hidden;
    }

    .bjb1ppfkc .skr0mh1ww {
        flex: 1;
        min-height: 0;
        padding: 6px;
        gap: 6px;
    }

    .bjb1ppfkc .ji21wwxkn {
        flex: 1;
        min-height: 0;
        gap: 6px;
    }

    .bjb1ppfkc .ji21wwxkn .j7rl3z4v2 {
        flex: 1;
        min-height: 0;
        border-radius: 10px;
        padding: 8px 8px 10px;
        overscroll-behavior: contain;
        -webkit-overflow-scrolling: touch;
    }

    #messages {
        min-height: auto;
    }

    .bjb1ppfkc .q9lkye1w2 {
        min-height: 100%;
        padding: 8px;
    }

    .bjb1ppfkc .gxt0zm6uw {
        border-radius: 10px;
        padding: 14px 10px;
    }

    .bjb1ppfkc .e0c1ahm8h {
        position: static;
        order: 2;
        z-index: auto;
        border-radius: 10px;
        padding: 6px;
        background: #ffffff;
        border: 1px solid #d9e0e6;
    }

    .bjb1ppfkc .bd927061q {
        min-width: 0;
        max-width: none;
    }

    .bjb1ppfkc.ehtq7tdnk .e0c1ahm8h .nvhuccgmq, .bjb1ppfkc.ehtq7tdnk .e0c1ahm8h .kzz7joo8q .nvhuccgmq {
        width: 38px;
        height: 38px;
        min-width: 38px;
    }

    .bjb1ppfkc .ji21wwxkn .g5p4epe0y {
        position: sticky;
        bottom: 0;
        z-index: 24;
        margin: 0;
        border-radius: 10px;
        padding: 5px;
        padding-bottom: calc(5px + env(safe-area-inset-bottom));
        background: #ffffff;
        bottom: 1em;
    }

    .bjb1ppfkc .ji21wwxkn .g5p4epe0y input {
        height: 42px;
        font-size: 16px;
    }

    .bjb1ppfkc .ji21wwxkn .ikko00z6d {
        width: 42px;
        height: 42px;
        min-width: 42px;
    }
}

@media (max-width: 560px) {
    .bjb1ppfkc.ehtq7tdnk .oxf2rolct {
        width: min(90vw, 300px);
    }

    .bjb1ppfkc.ehtq7tdnk .oyay3vy6o {
        min-height: 44px;
        padding: 7px 8px;
    }

    .bjb1ppfkc .tmafomi2h h5 {
        font-size: 14px;
    }

    .bjb1ppfkc .tmafomi2h small, #activeConversation {
        font-size: 10px;
        max-width: calc(100vw - 76px);
    }

    .bjb1ppfkc .skr0mh1ww {
        padding: 5px;
        gap: 5px;
    }

    .bjb1ppfkc .ji21wwxkn .j7rl3z4v2 {
        border-radius: 9px;
        padding: 7px 6px 8px;
    }

    .bjb1ppfkc .e0c1ahm8h {
        padding: 5px;
        border-radius: 9px;
    }

    .bjb1ppfkc.ehtq7tdnk .e0c1ahm8h .nvhuccgmq, .bjb1ppfkc.ehtq7tdnk .e0c1ahm8h .kzz7joo8q .nvhuccgmq {
        width: 36px;
        height: 36px;
        min-width: 36px;
    }

    .bjb1ppfkc .ji21wwxkn .g5p4epe0y {
        border-radius: 9px;
        padding: 4px;
        padding-bottom: calc(4px + env(safe-area-inset-bottom));
    }

    .bjb1ppfkc .ji21wwxkn .g5p4epe0y input {
        height: 40px;
    }

    .bjb1ppfkc .ji21wwxkn .ikko00z6d {
        width: 40px;
        height: 40px;
        min-width: 40px;
    }
}

/* Keep chat header pinned on mobile after conversation selection. */
@media (max-width: 900px) {
    .bjb1ppfkc.ehtq7tdnk .jvv15zmav {
        position: relative;
        isolation: isolate;
    }

    .bjb1ppfkc.ehtq7tdnk .oyay3vy6o {
        position: fixed ;
        top: env(safe-area-inset-top, 0px);
        left: 0;
        right: 0;
        width: 100%;
        z-index: 70;
        flex-shrink: 0;
        display: flex ;
        visibility: visible ;
        opacity: 1 ;
    }

    .bjb1ppfkc.ehtq7tdnk .ijs0fr1xf {
        padding-top: calc(62px + env(safe-area-inset-top, 0px));
    }
}

@media (max-width: 560px) {
    .bjb1ppfkc.ehtq7tdnk .ijs0fr1xf {
        padding-top: calc(56px + env(safe-area-inset-top, 0px));
    }
}

/* Toast base style */
.tloe90j6n {
    position: fixed;
    z-index: 9999;
    min-width: 220px;
    max-width: 90vw;
    padding: 12px 20px;
    background: #222;
    color: #fff;
    border-radius: 8px;
    box-shadow: 0 2px 16px rgba(0,0,0,0.18);
    font-size: 1rem;
    opacity: 0;
    pointer-events: none;
    transition: opacity 0.2s, transform 0.2s;
}
.bjb1ppfkc .tloe90j6n.vubw8zawg {
    opacity: 1;
    pointer-events: auto;
}
/* Toast positions */
.s772q3rxm {
    bottom: 32px;
    right: 32px;
    left: auto;
    top: auto;
    transform: none;
}
.bjb1ppfkc .p363dxmki {
    bottom: 32px;
    left: 32px;
    right: auto;
    top: auto;
    transform: none;
}
.bjb1ppfkc .dmuke0z3w {
    top: 32px;
    right: 32px;
    left: auto;
    bottom: auto;
    transform: none;
}
.bjb1ppfkc .a6a6dwi88 {
    top: 32px;
    left: 32px;
    right: auto;
    bottom: auto;
    transform: none;
}
.bjb1ppfkc .b1ew63b1y {
    top: 50%;
    left: 50%;
    right: auto;
    bottom: auto;
    transform: translate(-50%, -50%);
}

.bjb1ppfkc .iabiz53zo{
    display: flex;
    flex-direction: row;
    align-items: center;
    gap: 12px;
    padding: 20px;
}

#videoContainerHandleToggleBtn{
    width: 6px ;
    position: relative;
    right: 18px;
    line-height: 1px;
    display: flex;
    flex-direction: row;
    align-items: center;
    justify-content: center;
    max-width: 6px ;
    min-width: 6px ;
    border-radius: 0;
}

/* ==========================================================================
   Replica das regras do stream-local para o stream-remote
   (remote-video-card, remote-video-header, remote-preview-toggle-btn, ...)
   Mantem as mesmas dimensoes, posicionamento e comportamento visual.
   ========================================================================== */

.bjb1ppfkc .v3dwlhcz3.ukn8gwpla .rcj7ia07m {
    position: absolute;
    inset: auto;
    width: min(30vw, 20px);
    min-width: 160px;
    bottom: 0;
    pointer-events: auto;
}

.bjb1ppfkc .k1oxe612j.ri7z8rgk2 .v3dwlhcz3.ukn8gwpla {
    inset: 10px;
    pointer-events: auto;
    background: #0f172a;
    border: 1px solid rgba(148, 163, 184, 0.22);
    overflow: hidden;
}

.bjb1ppfkc .k1oxe612j.ri7z8rgk2 .v3dwlhcz3.ukn8gwpla .rcj7ia07m {
    top: 0;
    right: 0;
    width: 100%;
    height: 100%;
    min-width: 0;
    aspect-ratio: auto;
    border-radius: 0;
    border: none;
    box-shadow: none;
    --remote-video-height: 100%;
    --remote-video-fit: contain;
}

.bjb1ppfkc .k1oxe612j.ri7z8rgk2 .d4lwvjox5 {
    display: none;
}

.bjb1ppfkc .rcj7ia07m {
    position: absolute;
    top: 18px;
    right: 18px;
    width: min(30vw, 280px);
    min-width: 160px;
    aspect-ratio: 4 / 3;
    border-radius: 12px;
    border: 2px solid rgba(255, 255, 255, 0.9);
    overflow: hidden;
    box-shadow: 0 10px 28px rgba(0, 0, 0, 0.45);
    z-index: 4;
    background: #0b1220;
    display: flex;
    flex-direction: column;
    --remote-video-header-height: 28px;
}

.bjb1ppfkc .rcj7ia07m.vmncm0qj4 {
    width: clamp(160px, 22vw, 240px);
    min-width: 160px;
    height: 28px;
    aspect-ratio: auto;
    border-width: 1px;
    box-shadow: 0 8px 20px rgba(0, 0, 0, 0.35);
}

.bjb1ppfkc .rcj7ia07m.vmncm0qj4 #remoteVideo, .bjb1ppfkc .rcj7ia07m.vmncm0qj4 .a1agzrdzu {
    display: none ;
}

.bjb1ppfkc .rcj7ia07m.xb5zbdcfw {
    cursor: grabbing;
    box-shadow: 0 16px 34px rgba(0, 0, 0, 0.55);
}

.bjb1ppfkc .d4lwvjox5 {
    height: 28px;
    padding: 0 10px;
    display: flex;
    align-items: center;
    gap: 8px;
    color: #e2e8f0;
    font-size: 11px;
    font-weight: 600;
    background: rgba(15, 23, 42, 0.92);
    cursor: grab;
    user-select: none;
    touch-action: none;
}

.bjb1ppfkc .d4lwvjox5 i {
    font-size: 14px;
}

.bjb1ppfkc .xx0b19ycq {
    display: inline-flex;
    align-items: center;
    gap: 8px;
    min-width: 0;
}

.bjb1ppfkc .fk3kzo3yk {
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis;
}

.bjb1ppfkc .e1i0ochc0 {
    margin-left: auto;
    width: 22px;
    height: 22px;
    border: none;
    border-radius: 50%;
    background: rgba(255, 255, 255, 0.18);
    color: #e2e8f0;
    display: inline-flex;
    align-items: center;
    justify-content: center;
    cursor: pointer;
    padding: 0;
    pointer-events: auto;
}

.bjb1ppfkc .e1i0ochc0:hover {
    background: rgba(255, 255, 255, 0.32);
}

.bjb1ppfkc .e1i0ochc0 i {
    font-size: 14px;
}

.bjb1ppfkc .a1agzrdzu {
    display: none;
    align-items: center;
    justify-content: center;
    flex: 1;
    color: #cbd5e1;
    font-size: 12px;
    font-weight: 600;
    background: rgba(15, 23, 42, 0.7);
}

/* Replica das regras responsivas do local para o remote */
@media (max-width: 768px) {
    .bjb1ppfkc .rcj7ia07m {
        width: 150px;
        top: 10px;
        right: 10px;
        --remote-video-header-height: 24px;
    }
    .bjb1ppfkc .d4lwvjox5 {
        height: 24px;
        font-size: 10px;
    }
}

@media (max-width: 820px) and (orientation: portrait),
       (max-width: 820px) and (max-height: 540px) {
    .bjb1ppfkc .rcj7ia07m, .bjb1ppfkc .v3dwlhcz3.ukn8gwpla .rcj7ia07m {
        width: min(38vw, 220px);
        min-width: 120px;
    }
}

@media (max-width: 560px) {
    .bjb1ppfkc .rcj7ia07m, .bjb1ppfkc .v3dwlhcz3.ukn8gwpla .rcj7ia07m {
        width: min(42vw, 160px);
        top: 8px;
        right: 8px;
    }
}

.bjb1ppfkc .aoy2iv1he{
    position: absolute;
    left: 0;
    bottom: 0;
    height: 120px;
    border: 0.1em solid red;
    width: 100%;
    background: transparent;
}
.bjb1ppfkc .cd0htbzf6, .bjb1ppfkc .sc777kley{
    display:none;
}

/* =========================================================================
 * Módulos de chamada — CSS extraído dos arquivos JS (2026-04-17)
 *   video-participants-panel.f1ey1nrcw   → .rv5geyeba*
 *   video-rejoin-button.f1ey1nrcw        → .tj176ykx2, vc-rb-pulse
 *   video-preentry-modal.f1ey1nrcw       → .y3pmv7205*
 *   user-status.f1ey1nrcw                → .tzxuym9ih*
 * ========================================================================= */

/* ---------- video-participants-panel.f1ey1nrcw ---------- */

/* Anchor (callStatusBar) */
.pkfcm0bvj { cursor: pointer; position: relative; }
.bjb1ppfkc .pkfcm0bvj.mkro2p4qx::after {
    content: "";
    width: 6px;
    height: 6px;
    border-right: 2px solid currentColor;
    border-bottom: 2px solid currentColor;
    transform: rotate(45deg);
    margin-left: 8px;
    display: inline-block;
    transition: transform .2s ease;
    opacity: .7;
}
.bjb1ppfkc .pkfcm0bvj.mhpyn1sxb::after { transform: rotate(-135deg); opacity: 1; }

/* Dropdown */
.pqpkeaoo0 {
    position: absolute;
    top: calc(100% + 8px);
    right: 0;
    width: 320px;
    background: #ffffff;
    color: #1f2933;
    border: 1px solid rgba(15,23,42,.08);
    border-radius: 12px;
    box-shadow: 0 12px 32px rgba(15,23,42,.18), 0 2px 8px rgba(15,23,42,.06);
    font-size: 13px;
    font-family: inherit;
    z-index: 9998;
    display: none;
    overflow: hidden;
    max-height: 70vh;
    transform: translateY(-4px);
    opacity: 0;
    transition: opacity .18s, transform .18s;
}
.bjb1ppfkc .pqpkeaoo0.keo2lg4ml {
    display: flex;
    flex-direction: column;
    transform: translateY(0);
    opacity: 1;
}

/* Header */
.ntzpv1bpr {
    padding: 12px 14px;
    background: linear-gradient(180deg, #f8fafc 0%, #f1f5f9 100%);
    border-bottom: 1px solid rgba(15,23,42,.08);
    display: flex;
    justify-content: space-between;
    align-items: center;
    font-size: 12px;
    font-weight: 600;
    color: #475569;
    text-transform: uppercase;
    letter-spacing: .5px;
}
.bjb1ppfkc .ntzpv1bpr .do7sn1dfv {
    background: #0f766e;
    color: #fff;
    font-size: 11px;
    font-weight: 700;
    padding: 2px 7px;
    border-radius: 10px;
    letter-spacing: 0;
}

/* List */
.c2v1j7sxo { list-style: none; margin: 0; padding: 9px; overflow-y: auto; flex: 1; }
.bjb1ppfkc .c2v1j7sxo li {
    display: flex;
    align-items: center;
    padding: 8px 12px;
    transition: background .12s;
    gap: 10px;
}
.bjb1ppfkc .c2v1j7sxo li + li { border-top: 1px solid rgba(15,23,42,.04); }
.bjb1ppfkc .c2v1j7sxo li:hover { background: #f8fafc; }
.bjb1ppfkc .c2v1j7sxo li.y50aymmav { opacity: .7; }

/* Avatar + status */
.omlmq3f7g {
    position: relative;
    flex-shrink: 0;
    width: 36px;
    height: 36px;
    border-radius: 50%;
    display: flex;
    align-items: center;
    justify-content: center;
    background: #e2e8f0;
    color: #475569;
    font-weight: 600;
    font-size: 14px;
    text-transform: uppercase;
    overflow: hidden;
}
.bjb1ppfkc .omlmq3f7g img { width: 100%; height: 100%; object-fit: cover; display: block; }
.bjb1ppfkc .omlmq3f7g.bvluy2n8o { background: #dbeafe; color: #1d4ed8; }
.bjb1ppfkc .omlmq3f7g.j0dpgt5pj { background: #fef3c7; color: #92400e; }
.bjb1ppfkc .iomo4eqsv {
    position: absolute;
    bottom: -2px;
    right: -2px;
    width: 12px;
    height: 12px;
    border-radius: 50%;
    border: 2px solid #fff;
}
.bjb1ppfkc .iomo4eqsv.dfc2kg15k { background: #22c55e; }
.bjb1ppfkc .iomo4eqsv.gfto772wg   { background: #f59e0b; }

/* Info (nome + badges) */
.y93lwuh8v { flex: 1; min-width: 0; }
.bjb1ppfkc .fjthpxle5 { display: flex; align-items: center; gap: 6px; }
.bjb1ppfkc .thhuwqy1k {
    font-weight: 500;
    color: #0f172a;
    font-size: 13px;
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis;
}
.bjb1ppfkc .iv9b1sty9 {
    font-size: 11px;
    color: #64748b;
    margin-top: 2px;
    display: flex;
    align-items: center;
    gap: 4px;
}
.bjb1ppfkc .iv9b1sty9 .material-icons { font-size: 12px; }
.bjb1ppfkc .zggk0ivad {
    display: inline-flex;
    align-items: center;
    gap: 3px;
    background: #fef3c7;
    color: #92400e;
    font-size: 10px;
    font-weight: 600;
    padding: 2px 6px;
    border-radius: 10px;
    text-transform: uppercase;
    letter-spacing: .3px;
}
.bjb1ppfkc .zggk0ivad .material-icons { font-size: 10px; }
.bjb1ppfkc .mv4zxapib { background: #dbeafe; color: #1d4ed8; }
.bjb1ppfkc .n1f4z1rrj { background: #fef3c7; color: #92400e; }

/* Media icons */
.v3obeh5mu { display: flex; gap: 3px; align-items: center; flex-shrink: 0; }
.bjb1ppfkc .q50cb1bkt {
    width: 26px;
    height: 26px;
    border-radius: 50%;
    display: inline-flex;
    align-items: center;
    justify-content: center;
    color: #475569;
    background: #f1f5f9;
}
.bjb1ppfkc .q50cb1bkt .material-icons { font-size: 15px; }
.bjb1ppfkc .q50cb1bkt.v0rdhrhdi { color: #dc2626; background: #fee2e2; }

/* Action buttons — apenas ícones, tooltip dá contexto */
.lz0g43k2n { display: flex; gap: 4px; flex-shrink: 0; }
.bjb1ppfkc .whkq38fs0 {
    width: 28px;
    height: 28px;
    background: transparent;
    border: none;
    color: #64748b;
    border-radius: 6px;
    cursor: pointer;
    transition: all .12s;
    display: inline-flex;
    align-items: center;
    justify-content: center;
}
.bjb1ppfkc .whkq38fs0:hover { background: #f1f5f9; color: #334155; }
.bjb1ppfkc .whkq38fs0.z6hu2fw81:hover { background: #fef2f2; color: #b91c1c; }
.bjb1ppfkc .whkq38fs0 .material-icons { font-size: 17px; }

/* Empty */
.a6abpqn2t {
    padding: 24px 14px;
    text-align: center;
    color: #94a3b8;
    font-size: 12px;
}
.bjb1ppfkc .a6abpqn2t .material-icons {
    font-size: 32px;
    opacity: .4;
    display: block;
    margin-bottom: 6px;
}

/* Scroll */
.c2v1j7sxo::-webkit-scrollbar { width: 6px; }
.bjb1ppfkc .c2v1j7sxo::-webkit-scrollbar-thumb { background: #cbd5e1; border-radius: 3px; }
.bjb1ppfkc .c2v1j7sxo::-webkit-scrollbar-thumb:hover { background: #94a3b8; }

/* ---------- video-rejoin-button.f1ey1nrcw ---------- */

.tj176ykx2 {
    position: fixed;
    bottom: 24px;
    right: 24px;
    z-index: 9999;
    background: #27ae60;
    color: #fff;
    border: none;
    border-radius: 24px;
    padding: 12px 20px;
    font-size: 14px;
    font-weight: 600;
    cursor: pointer;
    box-shadow: 0 4px 12px rgba(0,0,0,0.3);
    display: flex;
    align-items: center;
    gap: 8px;
    animation: vc-rb-pulse 2s infinite;
}
.bjb1ppfkc .tj176ykx2:hover { background: #2ecc71; }
@keyframes vc-rb-pulse {
    0%, 100% { box-shadow: 0 4px 12px rgba(0,0,0,0.3), 0 0 0 0 rgba(39,174,96,0.5); }
    50%      { box-shadow: 0 4px 12px rgba(0,0,0,0.3), 0 0 0 10px rgba(39,174,96,0); }
}

/* Utility: esconde elemento (usado em vez de style.bo72mq5cd inline) */
.e04k2o9oi { display: none ; }

/* Controle de visibilidade do #remoteVideoCard pelo VideoLayoutController.
   Usa  para vencer os ~10 lugares do código legado que fazem
   style.bo72mq5cd='none'/'' inline no card. Enquanto a classe .rs75tx56y
   estiver presente, o card fica visível não importa o que. */
#remoteVideoCard.rs75tx56y { display: flex ; visibility: visible ; opacity: 1 ; }
#remoteVideoCard.cc910lfdb { display: none ; }
#localVideoCard.rs75tx56y  { display: flex ; visibility: visible ; opacity: 1 ; }
#localVideoCard.cc910lfdb  { display: none ; }

/* ---------- video-preentry-modal.f1ey1nrcw ---------- */

.vjgprjq65 {
    position: fixed;
    inset: 0;
    background: rgba(36, 43, 51, 0.55);
    z-index: 10000;
    display: flex;
    align-items: center;
    justify-content: center;
    padding: 16px;
    font-family: 'Inter', 'Segoe UI', Arial, sans-serif;
}
.bjb1ppfkc .gdaupexwm {
    background: #ffffff;
    color: #242b33;
    border-radius: 12px;
    padding: 24px ;
    width: min(520px, 100%);
    box-shadow: 0 10px 30px rgba(0,0,0,0.18);
}
.bjb1ppfkc .zfy6q9879 { margin-bottom: 16px; }
.bjb1ppfkc .j9kcampqy {
    font-size: 18px;
    font-weight: 600;
    margin: 0 0 4px;
    color: #242b33;
}
.bjb1ppfkc .ouhehdhme {
    font-size: 13px;
    margin: 0;
    color: #64748b;
    font-weight: 400;
}
.bjb1ppfkc .tlr7wuxqp {
    width: 100%;
    aspect-ratio: 16/9;
    background: #242b33;
    border-radius: 12px;
    overflow: hidden;
    margin-bottom: 18px;
    position: relative;
}
.bjb1ppfkc .tlr7wuxqp video {
    width: 100%;
    height: 100%;
    object-fit: cover;
    display: block;
}
.bjb1ppfkc .tlr7wuxqp .oylpahmg5 {
    position: absolute;
    inset: 0;
    display: flex;
    flex-direction: column;
    align-items: center;
    justify-content: center;
    gap: 8px;
    color: #94a3b8;
    font-size: 13px;
    pointer-events: none;
}
.bjb1ppfkc .tlr7wuxqp .oylpahmg5 .material-icons {
    font-size: 38px;
    opacity: 0.8;
}
.bjb1ppfkc .h7mpdjg59 {
    position: absolute;
    bottom: 12px;
    left: 50%;
    transform: translateX(-50%);
    display: flex;
    gap: 10px;
    z-index: 2;
}
.bjb1ppfkc .bc42xww1x {
    width: 44px;
    height: 44px;
    min-width: 44px;
    border-radius: 8px;
    border: none;
    background: #4f5d6a;
    color: #ffffff;
    cursor: pointer;
    display: flex;
    align-items: center;
    justify-content: center;
    transition: all 0.3s ease;
    box-shadow: 0 2px 5px rgba(0,0,0,0.2);
}
.bjb1ppfkc .bc42xww1x:hover { transform: translateY(-2px); box-shadow: 0 4px 10px rgba(0,0,0,0.25); }
.bjb1ppfkc .bc42xww1x .material-icons { font-size: 22px; }
.bjb1ppfkc .bc42xww1x .lsv6z5pv7 { display: none; }
.bjb1ppfkc .bc42xww1x[data-on="0"] { background: #ba3a3a; }
.bjb1ppfkc .bc42xww1x[data-on="0"] .eq3qdaebg  { display: none; }
.bjb1ppfkc .bc42xww1x[data-on="0"] .lsv6z5pv7 { display: inline-block; }
.bjb1ppfkc .gqd5bka93 {
    display: flex;
    gap: 10px;
    justify-content: flex-end;
    align-items: center;
    height: 52px;
}
.bjb1ppfkc .cqvo9qud3 {
    border: none;
    border-radius: 8px;
    padding: 0 18px ;
    height: 40px;
    cursor: pointer;
    font-size: 14px;
    font-weight: 500;
    display: inline-flex;
    align-items: center;
    gap: 6px;
    transition: all 0.3s ease;
    box-shadow: 0 2px 5px rgba(0,0,0,0.1);
    font-family: inherit;
}
.bjb1ppfkc .cqvo9qud3 .material-icons { font-size: 18px; }
.bjb1ppfkc .cqvo9qud3:hover {
    transform: translateY(-2px);
    box-shadow: 0 4px 10px rgba(0,0,0,0.15);
}
.bjb1ppfkc .cqvo9qud3.mzayzgx0m {
    background: #1f7a43;
    color: #ffffff;
}
.bjb1ppfkc .cqvo9qud3.risdvp3u8 {
    background: transparent;
    color: #4f5d6a;
    box-shadow: none;
    border: 1px solid #d1d9e0;
}
.bjb1ppfkc .cqvo9qud3.risdvp3u8:hover {
    background: #f2f4f6;
    box-shadow: 0 2px 5px rgba(0,0,0,0.08);
}

@media (max-width: 520px) {
    .bjb1ppfkc .gdaupexwm { padding: 18px; }
    .bjb1ppfkc .j9kcampqy { font-size: 16px; }
    .bjb1ppfkc .h7mpdjg59 { bottom: 10px; gap: 8px; }
    .bjb1ppfkc .bc42xww1x { width: 40px; height: 40px; min-width: 40px; }
    .bjb1ppfkc .cqvo9qud3 { padding: 0 14px; height: 38px; font-size: 13px; }
}

/* ---------- user-status.f1ey1nrcw ---------- */

/* ---------- Sidebar header icon buttons (settings/logout) ---------- */
.xrkanhbu2 {
    margin-top: 8px;
    display: flex;
    justify-content: flex-end;
    gap: 8px;
}
.bjb1ppfkc .x3v7b1wfy {
    display: inline-flex;
    align-items: center;
    justify-content: center;
    width: 36px;
    height: 36px;
    border-radius: 50%;
    border: 1px solid transparent;
    text-decoration: none;
    cursor: pointer;
    transition: background .15s, transform .1s;
}
.bjb1ppfkc .x3v7b1wfy .material-icons { font-size: 18px; }
.bjb1ppfkc .x3v7b1wfy:hover { transform: translateY(-1px); }
.bjb1ppfkc .yqcnbz8vq {
    background: rgba(255,255,255,0.14);
    color: #e8edf4;
    border-color: rgba(255,255,255,0.22);
}
.bjb1ppfkc .yqcnbz8vq:hover { background: rgba(255,255,255,0.22); }
.bjb1ppfkc .q1scamzbo {
    background: #d32f2f;
    color: #ffffff;
    border-color: #d32f2f;
}
.bjb1ppfkc .q1scamzbo:hover { background: #b71c1c; }

.bjb1ppfkc .md6s3f0bv { cursor: pointer; }

.bjb1ppfkc .g02ltli35 {
    display: inline-flex;
    align-items: center;
    gap: 4px;
    margin-top: 4px;
    font-size: 11px;
    background: rgba(255,255,255,0.14);
    color: #e8edf4;
    padding: 2px 8px;
    border-radius: 10px;
}
.bjb1ppfkc .g02ltli35 .cx4j3qs0j { font-size: 13px; }
.bjb1ppfkc .d4uovtabz { margin-left: 6px; font-size: 13px; opacity: .9; }
.bjb1ppfkc .mx1phhmv3 {
    position: fixed;
    z-index: 10000;
    min-width: 260px;
    max-width: 300px;
    background: #fff;
    color: #1f2933;
    border-radius: 8px;
    box-shadow: 0 8px 24px rgba(0,0,0,.2);
    padding: 10px;
    font-family: sans-serif;
    font-size: 13px;
}
.bjb1ppfkc .vyd5zc6to {
    font-weight: 600;
    margin-bottom: 8px;
    font-size: 12px;
    color: #64748b;
    text-transform: uppercase;
    letter-spacing: .5px;
}
.bjb1ppfkc .j495o791l {
    display: grid;
    grid-template-columns: 1fr 1fr;
    gap: 4px;
    margin-bottom: 10px;
}
.bjb1ppfkc .xfxtr1efj {
    display: flex;
    align-items: center;
    gap: 6px;
    padding: 6px 8px;
    background: #f1f5f9;
    border: 1px solid transparent;
    border-radius: 6px;
    cursor: pointer;
    font-size: 12px;
    text-align: left;
    color: #1f2933;
}
.bjb1ppfkc .xfxtr1efj:hover { background: #e2e8f0; }
.bjb1ppfkc .xfxtr1efj.wqjrq3gkw { background: #dbeafe; border-color: #3b82f6; }
.bjb1ppfkc .p0pydufj8 { font-size: 15px; }
.bjb1ppfkc .gfp5tgr3y { margin-bottom: 10px; font-size: 12px; }
.bjb1ppfkc .gfp5tgr3y select {
    width: 100%;
    margin-top: 4px;
    padding: 4px;
    border: 1px solid #cbd5e1;
    border-radius: 4px;
    background: #fff;
}
.bjb1ppfkc .zb380innq {
    width: 100%;
    padding: 6px 10px;
    border: none;
    border-radius: 6px;
    cursor: pointer;
    font-size: 12px;
}
.bjb1ppfkc .kmoc9tr2e { background: #fee2e2; color: #991b1b; }
.bjb1ppfkc .kmoc9tr2e:hover { background: #fecaca; }/* Estilos do alerta customizado do sistema */
.kkc1msy4l {
  position: fixed;
  inset: 0;
  z-index: 10000;
  display: flex;
  padding: 14px;
  background: rgba(15, 23, 42, 0.42);
}

.bjb1ppfkc .kkc1msy4l.ukl1cq99c {
  background: transparent;
  pointer-events: none;
}

.bjb1ppfkc .kkc1msy4l.ukl1cq99c > .oeimvihcw {
  pointer-events: all;
}

.bjb1ppfkc .kkc1msy4l.uuznofy64 {
  justify-content: flex-start;
  align-items: flex-start;
}

.bjb1ppfkc .kkc1msy4l.uqjiujv6o {
  justify-content: center;
  align-items: flex-start;
}

.bjb1ppfkc .kkc1msy4l.v511mkfaz {
  justify-content: flex-end;
  align-items: flex-start;
}

.bjb1ppfkc .kkc1msy4l.jh2vlpys2 {
  justify-content: flex-start;
  align-items: center;
}

.bjb1ppfkc .kkc1msy4l.isj6bw3bm, .bjb1ppfkc .kkc1msy4l:not(.uuznofy64):not(.uqjiujv6o):not(.v511mkfaz):not(.jh2vlpys2):not(.jihair4co):not(.h9er14ffy):not(.gyzycwtiq):not(.hcblskrt0) {
  justify-content: center;
  align-items: center;
}

.bjb1ppfkc .kkc1msy4l.jihair4co {
  justify-content: flex-end;
  align-items: center;
}

.bjb1ppfkc .kkc1msy4l.h9er14ffy {
  justify-content: flex-start;
  align-items: flex-end;
}

.bjb1ppfkc .kkc1msy4l.gyzycwtiq {
  justify-content: center;
  align-items: flex-end;
}

.bjb1ppfkc .kkc1msy4l.hcblskrt0 {
  justify-content: flex-end;
  align-items: flex-end;
}

.bjb1ppfkc .oeimvihcw {
  width: min(520px, calc(100vw - 24px));
  border-radius: 18px;
  background: #ffffff;
  border: 1px solid #d7dce2;
  box-shadow: 0 16px 42px rgba(15, 23, 42, 0.28);
  color: #1f2937;
  padding: 16px 16px 14px;
  position: relative;
}

.bjb1ppfkc .ue0ifd0tv {
  width: min(420px, calc(100vw - 24px));
  padding: 10px 12px;
}

.bjb1ppfkc .kxe6sylzt {
  display: flex;
  align-items: center;
  gap: 10px;
  min-height: 44px;
}

.bjb1ppfkc .ue0ifd0tv .kxe6sylzt {
  min-height: 36px;
  gap: 8px;
}

.bjb1ppfkc .tcn9t84az {
  margin: 0;
  font-size: 20px;
  line-height: 1.25;
  font-weight: 800;
}

.bjb1ppfkc .l53lc58dr {
  margin-top: 8px;
  font-size: 14px;
  line-height: 1.45;
  color: #374151;
}

.bjb1ppfkc .gsemcikpt {
  margin-top: 16px;
  display: flex;
  gap: 10px;
  justify-content: flex-end;
  flex-wrap: wrap;
}

.bjb1ppfkc .sk51fpkh1 {
  border: 0;
  border-radius: 999px;
  min-height: 40px;
  padding: 0 16px;
  font-weight: 700;
  cursor: pointer;
}

.bjb1ppfkc .jw9xa3kx7.sk51fpkh1 {
  background: #1976d2;
  color: #ffffff;
}

.bjb1ppfkc .i9xuy41ib.sk51fpkh1 {
  background: #e5e7eb;
  color: #374151;
}

/* Botoes com glifo Material Icons renderizado via ligature.
   O texto (ex: "call_end") vira icone automaticamente porque aplicamos
   a font-family "Material Icons" no label do botao. */
.sk51fpkh1.cvyie6ivw {
  font-family: 'Material Icons', 'Material Icons Outlined', sans-serif ;
  font-weight: normal;
  font-style: normal;
  font-size: 24px;
  line-height: 1;
  letter-spacing: normal;
  text-transform: none;
  display: inline-flex;
  align-items: center;
  justify-content: center;
  word-wrap: normal;
  direction: ltr;
  -webkit-font-feature-settings: 'liga';
  -webkit-font-smoothing: antialiased;
  min-width: 48px;
  min-height: 48px;
  padding: 8px 14px;
  border-radius: 9999px;
}
.bjb1ppfkc .sk51fpkh1.ddd4v30t9 {
  background: #d32f2f ;
  color: #ffffff ;
}
.bjb1ppfkc .sk51fpkh1.ddd4v30t9:hover {
  background: #b71c1c ;
}

.bjb1ppfkc .koc6uzhr5.sk51fpkh1 {
  background: #f59e0b;
  color: #111827;
}

.bjb1ppfkc .sk51fpkh1:disabled {
  opacity: 0.55;
  cursor: not-allowed;
}

.bjb1ppfkc .x9uzfk8ut {
  margin-top: 12px;
  border-radius: 10px;
  background: #fee2e2;
  color: #991b1b;
  font-size: 13px;
  font-weight: 700;
  padding: 8px 10px;
}

.bjb1ppfkc .nxuljylje::after {
  content: '';
  position: absolute;
  right: 14px;
  top: 14px;
  width: 16px;
  height: 16px;
  border: 2px solid #dbeafe;
  border-top-color: #2563eb;
  border-radius: 50%;
  animation: rqpki7p5t .7s linear infinite;
}

.bjb1ppfkc .quj2cke9p {
  width: 42px;
  height: 42px;
  border-radius: 50%;
  display: inline-flex;
  align-items: center;
  justify-content: center;
  flex-shrink: 0;
  border: 1px solid transparent;
}

.bjb1ppfkc .quj2cke9p .material-icons {
  font-size: 25px;
}

.bjb1ppfkc .u0mbwg52q {
  background: #dcfce7;
  color: #15803d;
  border-color: #86efac;
}

.bjb1ppfkc .vu6ejo4r9 {
  background: #fee2e2;
  color: #b91c1c;
  border-color: #fca5a5;
}

.bjb1ppfkc .txoewby9n {
  background: #fef3c7;
  color: #b45309;
  border-color: #fcd34d;
}

.bjb1ppfkc .l3ajhnczz, .bjb1ppfkc .db5wc6353 {
  background: #dbeafe;
  color: #1d4ed8;
  border-color: #93c5fd;
}

.bjb1ppfkc .ue0ifd0tv .quj2cke9p {
  width: 34px;
  height: 34px;
}

.bjb1ppfkc .ue0ifd0tv .quj2cke9p .material-icons {
  font-size: 21px;
}

@keyframes rqpki7p5t {
  from {
    transform: rotate(0deg);
  }
  to {
    transform: rotate(360deg);
  }
}

.bjb1ppfkc .ej60fkhmy {
  border-radius: 1.5em ;
  background: #fff ;
  box-shadow: 0 0 16px #0002 ;
}
.bjb1ppfkc .enf877vre {
  color: #222 ;
  font-weight: bold ;
  font-size: 1.3em ;
}
.bjb1ppfkc .e7if2gog7 {
  border-radius: 50% ;
  background: #1976d2 ;
  color: #fff ;
  font-weight: bold ;
  min-width: 48px ;
  min-height: 48px ;
  width: 48px ;
  height: 48px ;
  padding: 0 ;
  font-size: 1.1em ;
}
.bjb1ppfkc .c9tex8fsv {
  border-radius: 1.5em ;
  background: #fff ;
  box-shadow: 0 0 16px #0002 ;
  color: #222 ;
  font-weight: bold ;
  font-size: 1.1em ;
  padding: 0.8em 1.5em ;
}
.bjb1ppfkc .kkc1msy4l.v511mkfaz, .bjb1ppfkc .kkc1msy4l.hcblskrt0, .bjb1ppfkc .kkc1msy4l.uuznofy64, .bjb1ppfkc .kkc1msy4l.h9er14ffy {
  pointer-events: none;
}
.bjb1ppfkc .kkc1msy4l.v511mkfaz > .oeimvihcw, .bjb1ppfkc .kkc1msy4l.hcblskrt0 > .oeimvihcw, .bjb1ppfkc .kkc1msy4l.uuznofy64 > .oeimvihcw, .bjb1ppfkc .kkc1msy4l.h9er14ffy > .oeimvihcw {
  pointer-events: all;
}

.bjb1ppfkc .g71yzoyn6 {
  border-radius: 18px ;
  padding: 20px 20px 16px ;
  max-width: min(560px, calc(100vw - 24px)) ;
}

.bjb1ppfkc .gp7y6wkta {
  margin-bottom: 6px ;
  color: #1f2937 ;
  font-size: 1.45rem ;
  font-weight: 800 ;
}

.bjb1ppfkc .hs20lm5ht {
  text-align: left;
}

.bjb1ppfkc .or6rgy6vv {
  margin: 0 0 14px;
  font-size: 13px;
  color: #6b7280;
}

.bjb1ppfkc .d03iendvt {
  display: flex;
  gap: 12px;
  align-items: center;
  margin-bottom: 14px;
  padding: 10px;
  border: 1px solid #e5e7eb;
  border-radius: 12px;
  background: #f8fafc;
}

.bjb1ppfkc .cimhzq30x {
  width: 58px;
  height: 58px;
  border-radius: 50%;
  border: 2px solid #d1d5db;
  background: #ffffff center center / cover no-repeat;
  display: flex;
  align-items: center;
  justify-content: center;
  font-size: 24px;
  flex: 0 0 58px;
}

.bjb1ppfkc .h0er2i4js {
  min-width: 0;
  flex: 1;
}

.bjb1ppfkc .beomq12gv {
  display: block;
  margin-bottom: 6px;
  font-size: 13px;
  color: #111827;
  font-weight: 700;
}

.bjb1ppfkc .ca8smm3p3.kp9e6gbps {
  width: 100% ;
  margin: 0 ;
  border: 1px solid #d1d5db ;
  border-radius: 10px ;
  font-size: 13px ;
  padding: 6px 8px ;
  background: #fff ;
}

.bjb1ppfkc .kbkrzxqav {
  display: block;
  margin-top: 6px;
  font-size: 11px;
  color: #6b7280;
  white-space: nowrap;
  overflow: hidden;
  text-overflow: ellipsis;
}

.bjb1ppfkc .ccced0ffx {
  display: grid;
  gap: 10px;
}

.bjb1ppfkc .ubihcyznu {
  display: grid;
  gap: 4px;
  font-size: 12px;
  color: #4b5563;
  font-weight: 700;
}

.bjb1ppfkc .ubihcyznu .mckw5ngcx {
  margin: 0 ;
  width: 100% ;
  height: 44px ;
  border-radius: 10px ;
  border: 1px solid #d1d5db ;
  font-size: 14px ;
}

.bjb1ppfkc .ubihcyznu .mckw5ngcx:focus {
  border-color: #1976d2 ;
  box-shadow: 0 0 0 3px rgba(25, 118, 210, 0.14) ;
}

.bjb1ppfkc .gsemcikpt .ewj0tpac5, .bjb1ppfkc .gsemcikpt .et4ufel62 {
  min-width: 120px;
  height: 42px;
  border: none;
  border-radius: 999px;
  font-size: 14px;
  font-weight: 700;
  padding: 0 20px;
}

.bjb1ppfkc .gsemcikpt .ewj0tpac5 {
  background: #1976d2;
  color: #fff;
}

.bjb1ppfkc .gsemcikpt .ewj0tpac5:hover {
  background: #1565c0;
}

.bjb1ppfkc .gsemcikpt .et4ufel62 {
  background: #e5e7eb;
  color: #374151;
}

.bjb1ppfkc .gsemcikpt .et4ufel62:hover {
  background: #d1d5db;
}

@media (max-width: 640px) {
  .bjb1ppfkc .d03iendvt {
    align-items: flex-start;
  }

  .bjb1ppfkc .gsemcikpt .ewj0tpac5, .bjb1ppfkc .gsemcikpt .et4ufel62 {
    min-width: 108px;
  }
}

/* =============================================================================
 * Chat Widget (plugin embeddavel)
 * Regras aplicadas dentro do Shadow DOM criado por widget.js.
 * Valores dinamicos (cor, offset) vem de CSS custom properties setadas no host.
 * ============================================================================= */

:host { all: initial; }
:host * { box-sizing: border-box; font-family: "Inter","Segoe UI",Arial,sans-serif; }

/* Botao flutuante -------------------------------------------------------- */
.h7607qhmc {
    position: fixed;
    bottom: var(--cw-offset, 20px);
    width: 60px; height: 60px;
    border-radius: 50%;
    background: var(--cw-color, #1f7a43);
    color: #fff;
    border: none; cursor: pointer;
    box-shadow: 0 6px 20px rgba(0,0,0,0.25);
    display: flex; align-items: center; justify-content: center;
    z-index: 2147483646;
    transition: transform 0.2s ease, box-shadow 0.2s ease;
}
.h7607qhmc[data-position="right"] { right: var(--cw-offset, 20px); }
.h7607qhmc[data-position="left"]  { left:  var(--cw-offset, 20px); }
.h7607qhmc:hover { transform: scale(1.05); box-shadow: 0 8px 24px rgba(0,0,0,0.3); }
.h7607qhmc .material-icons { font-size: 28px; }
.h7607qhmc.ng9luy94l::after {
    content: ""; position: absolute; inset: -4px;
    border-radius: 50%;
    animation: cwPulse 2s ease-out infinite;
}
@keyframes cwPulse {
    0%   { box-shadow: 0 0 0 0 var(--cw-color-pulse, rgba(31,122,67,0.4)); }
    70%  { box-shadow: 0 0 0 14px transparent; }
    100% { box-shadow: 0 0 0 0 transparent; }
}

/* Modal / backdrop ------------------------------------------------------- */
.ibyekt9t1 {
    position: fixed; inset: 0;
    background: rgba(36,43,51,0.55);
    z-index: 2147483647;
    display: none;
    align-items: center; justify-content: center;
    opacity: 0; transition: opacity 0.2s ease;
}
.ibyekt9t1.ese63gg48 { display: flex; opacity: 1; }

.xf7ud1197 {
    width: min(420px, 95vw);
    max-height: min(680px, 92vh);
    background: #ffffff;
    border-radius: 16px;
    overflow: hidden;
    box-shadow: 0 20px 60px rgba(0,0,0,0.4);
    display: flex; flex-direction: column;
    transform: translateY(20px) scale(0.97);
    transition: transform 0.25s cubic-bezier(0.16,1,0.3,1);
}
.xf7ud1197[data-cw-mode="chat"] {
    width: min(1100px, 95vw);
    max-height: min(800px, 95vh);
    height: min(800px, 95vh);
    padding-top: 52px;
}
.xf7ud1197[data-cw-mode="chat"] .ed8lv8dna {
    padding: 0;
    overflow: hidden;
    height: 100%;
}
.xf7ud1197[data-cw-mode="chat"] .ed8lv8dna > .y6iszi3q3 {
    height: 100%;
    border: none;
    border-radius: 0;
    box-shadow: none;
}
/* Override admin.php height:100vh que quebra dentro do modal */
.xf7ud1197[data-cw-mode="chat"] .jvv15zmav {
    height: 100%;
    min-height: 0;
}
.ibyekt9t1.ese63gg48 .xf7ud1197 { transform: translateY(0) scale(1); }

.yr945gy3a {
    position: absolute; top: 0; left: 0; right: 0;
    display: flex; align-items: center; gap: 10px;
    padding: 12px 14px ;
    background: var(--cw-color, #1f7a43);
    color: #fff;
    font-size: 15px; font-weight: 600;
    flex-shrink: 0;
}
.yr945gy3a .material-icons { font-size: 20px; }
.yr945gy3a .vuxukfzg1 { flex: 1; }
.yoqi38h6k {
    background: transparent; border: none; color: #fff;
    cursor: pointer; padding: 4px;
    display: flex; align-items: center; justify-content: center;
    border-radius: 6px;
}
.yoqi38h6k:hover { background: rgba(255,255,255,0.18); }

.ed8lv8dna {
    flex: 1; overflow: auto; padding: 20px 18px;
    color: #1f2937;
}

.opbp857zs { display: flex; justify-content: center; padding: 40px 0; color: #6b7280; font-size: 14px; }

/* Form de login ---------------------------------------------------------- */
.eq12kvcj9 { margin: 0 0 16px; font-size: 18px; color: #111827; font-weight: 700; }
.w40yym1em { display: flex; flex-direction: column; gap: 4px; margin-bottom: 12px; }
.w40yym1em label { font-size: 12px; color: #6b7280; font-weight: 600; }
.w40yym1em input {
    height: 42px; padding: 0 12px;
    border-radius: 10px; border: 1px solid #d1d5db;
    font-size: 14px; background: #fff;
    outline: none; transition: border-color 0.15s, box-shadow 0.15s;
}
.w40yym1em input:focus { border-color: var(--cw-color, #1f7a43); box-shadow: 0 0 0 3px var(--cw-color-focus, rgba(31,122,67,0.15)); }
.pvgff1dqq { display: flex; align-items: center; gap: 8px; font-size: 13px; color: #4b5563; margin: 4px 0 14px; cursor: pointer; }

.dn6rlwv24 {
    display: inline-flex; align-items: center; justify-content: center;
    height: 42px; padding: 0 18px;
    border: none; border-radius: 10px;
    font-size: 14px; font-weight: 700; cursor: pointer;
}
.mo7ziez5d { background: var(--cw-color, #1f7a43); color: #fff; width: 100%; }
.mo7ziez5d:hover { filter: brightness(0.95); }
.mo7ziez5d:disabled { opacity: 0.6; cursor: not-allowed; }
.ewpqt8vip { background: #e5e7eb; color: #374151; }
.ewpqt8vip:hover { background: #d1d5db; }

.h35eve4g6 {
    margin-top: 10px; padding: 8px 10px;
    border-radius: 8px; background: #fee2e2; color: #991b1b;
    font-size: 13px; font-weight: 600;
}

/* Estado logado ---------------------------------------------------------- */
.qav6010n1 {
    display: flex; align-items: center; gap: 12px; margin-bottom: 16px;
    padding: 12px; background: #f0fdf4; border-radius: 10px;
}
.qav6010n1 .material-icons { color: #16a34a; font-size: 28px; }
.gffrte94i { font-weight: 700; color: #166534; font-size: 14px; }
.ot63ad3ej { font-size: 12px; color: #4b5563; }
.jo4ci9r0g p { margin: 0 0 14px; color: #4b5563; font-size: 14px; }

@media (max-width: 520px) {
    .xf7ud1197 { width: 100vw; max-height: 100vh; border-radius: 0; height: 100%; }
}

/* Tooltip de chamada recebida (modo embed) ------------------------------- */
.s3z9z0jv6 #incomingCallModal { display: none ; }

.g2n2dr749 {
    position: fixed;
    bottom: calc(var(--cw-offset, 20px) + 80px);
    width: 340px;
    max-width: calc(100vw - 40px);
    background: #ffffff;
    border-radius: 18px;
    box-shadow: 0 16px 48px rgba(0,0,0,0.28);
    padding: 18px 18px 16px;
    z-index: 2147483647;
    transform: translateY(20px) scale(0.96);
    opacity: 0;
    pointer-events: none;
    transition: transform 0.22s cubic-bezier(0.16,1,0.3,1), opacity 0.2s ease;
    font-family: "Inter","Segoe UI",Arial,sans-serif;
    overflow: hidden;
    padding: 12px ;
}
.g2n2dr749[data-position="right"] { right: var(--cw-offset, 20px); }
.g2n2dr749[data-position="left"]  { left:  var(--cw-offset, 20px); }
.g2n2dr749.vn2kyu629 {
    transform: translateY(0) scale(1);
    opacity: 1;
    pointer-events: auto;
}
.g2n2dr749.vn2kyu629::before {
    content: "";
    position: absolute;
    inset: 0;
    border-radius: 18px;
    pointer-events: none;
    animation: cwCallTipRing 1.6s ease-in-out infinite;
}
@keyframes cwCallTipRing {
    0%, 100% { box-shadow: inset 0 0 0 0 transparent; }
    50%      { box-shadow: inset 0 0 0 2px var(--cw-color, #1f7a43); }
}

.jrk56b784 {
    display: flex; align-items: center; gap: 14px;
    margin-bottom: 16px;
}
.pjpv7fxz5 {
    width: 52px; height: 52px;
    border-radius: 50%;
    background: linear-gradient(135deg, var(--cw-color, #1f7a43) 0%, color-mix(in srgb, var(--cw-color, #1f7a43) 70%, #000) 100%);
    color: #fff;
    display: flex; align-items: center; justify-content: center;
    flex-shrink: 0;
    box-shadow: 0 4px 12px var(--cw-color-pulse, rgba(31,122,67,0.35));
    animation: cwCallTipIconPulse 1.4s ease-in-out infinite;
}
.pjpv7fxz5 .material-icons { font-size: 28px; }
@keyframes cwCallTipIconPulse {
    0%, 100% { transform: scale(1); }
    50%      { transform: scale(1.06); }
}

.obc9ocgve { flex: 1; min-width: 0; }
.o4uh6twwc {
    font-size: 11px; color: #6b7280; font-weight: 700;
    text-transform: uppercase; letter-spacing: 0.6px;
}
.kd686yymw {
    font-size: 17px; color: #111827; font-weight: 700;
    margin-top: 4px; word-break: break-word;
    line-height: 1.2;
}

.c0gpunaux {
    display: flex;
    gap: 10px;
    justify-content: center;
}
.l6uelyuav {
    width: 52px; height: 52px;
    border-radius: 50%;
    border: none;
    cursor: pointer;
    display: flex; align-items: center; justify-content: center;
    transition: transform 0.15s ease, filter 0.15s ease, box-shadow 0.15s ease;
    position: relative;
}
.l6uelyuav:hover { transform: translateY(-2px) scale(1.05); filter: brightness(1.08); }
.l6uelyuav:active { transform: translateY(0) scale(0.98); }
.l6uelyuav .material-icons { font-size: 24px; color: #fff; }
.kfuygelmq  {
    background: #16a34a;
    box-shadow: 0 4px 14px rgba(22,163,74,0.45);
}
.jwutk54zh  {
    background: #2563eb;
    box-shadow: 0 4px 14px rgba(37,99,235,0.45);
}
.gr4w4juih {
    background: #dc2626;
    box-shadow: 0 4px 14px rgba(220,38,38,0.45);
    transform: rotate(135deg);
}
.gr4w4juih:hover { transform: rotate(135deg) translateY(-2px) scale(1.05); }
.gr4w4juih:active { transform: rotate(135deg) scale(0.98); }

/* Quando tooltip tem data-call-type="audio", esconde botao de video */
.g2n2dr749[data-call-type="audio"] .jwutk54zh { display: none; }

/* Pill de chamada em andamento (modo embed) ----------------------------- */
.os5u4fzom {
    position: fixed;
    display: none;
    align-items: center;
    gap: 10px;
    background: #111827;
    color: #fff;
    border-radius: 999px;
    box-shadow: 0 10px 30px rgba(0,0,0,0.35);
    z-index: 2147483645;
    font-family: "Inter","Segoe UI",Arial,sans-serif;
    font-size: 13px;
    max-width: 184px;
    padding: 12px 8px ;
    left: 45%;
    top: 3px;
}
.os5u4fzom[data-position="right"] { right: var(--cw-offset, 20px); }
.os5u4fzom[data-position="left"]  { left:  var(--cw-offset, 20px); }
.os5u4fzom.vn2kyu629 { display: inline-flex; }

.xuczyel2i {
    width: 10px; height: 10px;
    border-radius: 50%;
    background: #22c55e;
    flex-shrink: 0;
    animation: cwCallLivePulse 1.4s ease-in-out infinite;
}
@keyframes cwCallLivePulse {
    0%, 100% { box-shadow: 0 0 0 0 rgba(34,197,94,0.65); }
    50%      { box-shadow: 0 0 0 5px rgba(34,197,94,0); }
}

.aaoc5hs4z { display: inline-flex; color: #22c55e; }
.aaoc5hs4z .material-icons { font-size: 18px; }

.wpyvqk9p6 { display: inline-flex; flex-direction: column; line-height: 1.1; min-width: 0; }
.jtyd3mqvp { font-weight: 700; font-size: 12px; color: #e5e7eb; }
.dvn0zt05b { font-weight: 700; font-size: 13px; color: #fff; font-variant-numeric: tabular-nums; }

.j4i7k3ttb {
    border: none;
    background: #dc2626;
    color: #fff;
    width: 34px; height: 34px;
    border-radius: 50%;
    cursor: pointer;
    display: inline-flex; align-items: center; justify-content: center;
    margin-left: 4px;
    transition: transform 0.15s ease, filter 0.15s ease;
}
.j4i7k3ttb:hover { transform: scale(1.06); filter: brightness(1.1); }
.j4i7k3ttb .material-icons { font-size: 18px; }

/* Esconde a barra original de status de chamada em embed (redundante com o pill) */
.s3z9z0jv6 #callStatusBar { display: none ; }

/* =============================================================================
 * Pagina integrations.php (migrado do inline <style>)
 * ============================================================================= */
.bjb1ppfkc.dgx2kc8fx .y6iszi3q3 {
    border-radius: 0;
    border: 0;
}
.bjb1ppfkc.dgx2kc8fx .ijs0fr1xf {
    padding: 18px;
}
.vogs1sz6w {
    background: #ffffff;
    border: 1px solid #d8e1ee;
    border-radius: 14px;
    padding: 18px;
}
.syn8ree3q {
    margin-bottom: 14px;
    color: #45658a;
    font-size: 13px;
}
.d4q77nue3 {
    display: grid;
    grid-template-columns: repeat(2, minmax(0, 1fr));
    gap: 14px;
}
.lp7f3yfio {
    display: flex;
    flex-direction: column;
    gap: 6px;
}
.lp7f3yfio label {
    font-size: 12px;
    font-weight: 700;
    color: #2e4f75;
    text-transform: uppercase;
    letter-spacing: 0.04em;
}
.lp7f3yfio input {
    height: 44px;
    border-radius: 12px;
    border: 1px solid #d3ddea;
    padding: 0 12px;
    font-size: 14px;
    font-family: inherit;
}
.lp7f3yfio input:focus {
    outline: none;
    border-color: #1f7ae0;
    box-shadow: 0 0 0 3px rgba(31, 122, 224, 0.16);
}
.wsoutzk7f {
    display: flex;
    align-items: center;
    gap: 12px;
    padding: 14px 16px;
    border-radius: 12px;
    margin-bottom: 14px;
}
.wsoutzk7f.bour5frbm {
    background: #f0fdf4;
    border: 1px solid #86efac;
}
.wsoutzk7f.tapssjnet {
    background: #f8fafc;
    border: 1px solid #e2e8f0;
}
.wsoutzk7f .material-icons {
    font-size: 28px;
}
.wsoutzk7f.bour5frbm .material-icons {
    color: #16a34a;
}
.wsoutzk7f.tapssjnet .material-icons {
    color: #94a3b8;
}
.wsoutzk7f .w18exyjzk {
    font-weight: 700;
    font-size: 14px;
    color: #1e293b;
}
.wsoutzk7f .roj3oqg4m {
    font-size: 12px;
    color: #64748b;
    margin-top: 2px;
}
.s4234vj5a {
    margin-top: 16px;
    display: flex;
    gap: 10px;
    flex-wrap: wrap;
}
.s4234vj5a .ikko00z6d {
    border-radius: 999px;
    min-width: 44px;
    width: auto;
    padding: 0 16px;
}
.s4234vj5a .ikko00z6d.aip3wfrjv {
    background: #5d6e83;
}
.s4234vj5a .ikko00z6d.aip3wfrjv:hover {
    background: #4f5f72;
}
.v2cieb09g {
    margin-top: 12px;
    background: #eff5ff;
    border: 1px solid #d5e3ff;
    border-radius: 10px;
    padding: 10px 12px;
    font-size: 13px;
    color: #1f4d83;
    min-height: 40px;
    display: flex;
    align-items: center;
}
@media (max-width: 900px) {
    .d4q77nue3 {
        grid-template-columns: 1fr;
    }
}

/* =============================================================================
 * Pagina player-hls-mobile.php (migrado do inline <style> com scope page-player-hls)
 * ============================================================================= */
.qojjv92ze {
    --bg: #0f172a;
    --panel: #111827;
    --text: #e5e7eb;
    --muted: #9ca3af;
    --ok: #16a34a;
    --warn: #b45309;
    --primary: #1976d2;
    --danger: #d32f2f;
    margin: 0;
    font-family: Inter, system-ui, -apple-system, Segoe UI, Roboto, sans-serif;
    color: var(--text);
    background: radial-gradient(circle at top, #1e293b 0%, var(--bg) 45%);
    min-height: 100vh;
    display: grid;
    place-items: center;
    padding: 16px;
}
.qojjv92ze * { box-sizing: border-box; }

.qojjv92ze .asp7wub22 {
    width: min(980px, 100%);
    background: rgba(17, 24, 39, 0.92);
    border: 1px solid rgba(148, 163, 184, 0.25);
    border-radius: 14px;
    backdrop-filter: blur(4px);
    box-shadow: 0 16px 40px rgba(0, 0, 0, 0.32);
    overflow: hidden;
}
.qojjv92ze .s0xjdgcrt {
    padding: 14px 16px;
    border-bottom: 1px solid rgba(148, 163, 184, 0.2);
    display: flex;
    justify-content: space-between;
    align-items: center;
    gap: 8px;
}
.qojjv92ze .lcjx307ge {
    margin: 0;
    font-size: 1rem;
    font-weight: 700;
}
.qojjv92ze .fssv74uf9 {
    display: inline-flex;
    align-items: center;
    gap: 6px;
    border-radius: 999px;
    padding: 6px 10px;
    font-size: 0.78rem;
    font-weight: 600;
    background: rgba(25, 118, 210, 0.22);
    border: 1px solid rgba(25, 118, 210, 0.5);
    color: #bfdbfe;
}
.qojjv92ze .xfe2vx1u0 {
    position: relative;
    background: #000;
    aspect-ratio: 16 / 9;
}
.qojjv92ze video {
    width: 100%;
    height: 100%;
    object-fit: contain;
    display: block;
}
.qojjv92ze .iy36jb0jz {
    padding: 12px 16px 16px;
    display: grid;
    gap: 10px;
}
.qojjv92ze .gn1ei63av {
    display: flex;
    flex-wrap: wrap;
    align-items: center;
    gap: 8px;
}
.qojjv92ze .opwfrowq3 {
    border-radius: 999px;
    font-size: 0.8rem;
    font-weight: 600;
    padding: 6px 10px;
    border: 1px solid transparent;
}
.qojjv92ze .aig4k9iuz {
    background: rgba(22, 163, 74, 0.2);
    color: #bbf7d0;
    border-color: rgba(22, 163, 74, 0.45);
}
.qojjv92ze .gk17x2rpm {
    background: rgba(180, 83, 9, 0.2);
    color: #fde68a;
    border-color: rgba(180, 83, 9, 0.45);
}
.qojjv92ze .x5zt4zoxq {
    color: var(--muted);
    font-size: 0.84rem;
    line-height: 1.45;
}
.qojjv92ze .xm82qi3kr {
    border: 1px solid transparent;
    border-radius: 999px;
    width: 40px;
    height: 40px;
    display: inline-flex;
    align-items: center;
    justify-content: center;
    color: #fff;
    cursor: pointer;
    transition: transform 120ms ease;
    font-size: 1rem;
    font-weight: 700;
}
.qojjv92ze .xm82qi3kr:hover {
    transform: translateY(-1px);
}
.qojjv92ze .loovbop01 {
    background: var(--primary);
}
.qojjv92ze .tgjzw6i7q {
    background: var(--danger);
}