:root {
    color-scheme: dark;
    --bg: #070d18;
    --bg-soft: #0b1322;
    --surface: #101a2b;
    --surface-2: #131f33;
    --surface-3: #17243a;
    --line: rgba(142, 166, 207, .14);
    --line-strong: rgba(142, 166, 207, .24);
    --text: #f4f7fc;
    --muted: #93a4bf;
    --muted-2: #697b98;
    --primary: #5f7cff;
    --primary-2: #418df5;
    --success: #33d49b;
    --warning: #f4b84a;
    --danger: #ff6b7b;
    --sidebar-width: 304px;
    --radius: 16px;
    --shadow: 0 22px 60px rgba(0, 0, 0, .24);
    font-family: Inter, ui-sans-serif, system-ui, -apple-system, BlinkMacSystemFont, "Segoe UI", sans-serif;
}

* { box-sizing: border-box; }
html { min-height: 100%; background: var(--bg); }
body { min-height: 100vh; margin: 0; color: var(--text); background: var(--bg);  }
a { color: inherit; text-decoration: none; }
button, input, select, textarea { font: inherit; }
button { cursor: pointer; }
svg { fill: none; stroke: currentColor; stroke-width: 1.8; stroke-linecap: round; stroke-linejoin: round; }
.sr-only { position: absolute; width: 1px; height: 1px; padding: 0; overflow: hidden; clip: rect(0,0,0,0); white-space: nowrap; border: 0; }

/* Login */
.auth-page {
    display: grid;
    place-items: center;
    padding: 24px;
    background:
        radial-gradient(circle at 12% 15%, rgba(67, 104, 235, .13), transparent 34%),
        radial-gradient(circle at 92% 82%, rgba(28, 142, 224, .09), transparent 32%),
        #060c16;
}
.login-page {
    width: min(1080px, 100%);
    min-height: 590px;
    display: grid;
    grid-template-columns: minmax(0, 1.12fr) minmax(390px, .88fr);
    overflow: hidden;
    border: 1px solid rgba(132, 159, 208, .17);
    border-radius: 24px;
    background: rgba(8, 16, 29, .94);
    box-shadow: 0 35px 100px rgba(0, 0, 0, .4);
}
.login-intro {
    position: relative;
    min-width: 0;
    padding: 42px 48px;
    display: flex;
    flex-direction: column;
    overflow: hidden;
    background:
        linear-gradient(145deg, rgba(12, 26, 48, .96), rgba(8, 18, 34, .96)),
        #0b1424;
}
.login-intro::before {
    position: absolute;
    width: 520px;
    height: 520px;
    right: -240px;
    bottom: -280px;
    border: 1px solid rgba(91, 124, 255, .17);
    border-radius: 50%;
    box-shadow: 0 0 0 48px rgba(91,124,255,.025), 0 0 0 100px rgba(91,124,255,.018);
    content: "";
}
.login-brand, .brand { display: inline-flex; align-items: center; gap: 12px; }
.brand-mark {
    width: 42px;
    height: 42px;
    display: grid;
    place-items: center;
    flex: 0 0 auto;
    border: 1px solid rgba(255,255,255,.14);
    border-radius: 12px;
    background: linear-gradient(145deg, #718cff, #3f61dd);
    box-shadow: 0 12px 30px rgba(54, 84, 213, .3), inset 0 1px rgba(255,255,255,.2);
    color: white;
    font-size: 20px;
    font-weight: 800;
}
.brand-mark.brand-mark-image { overflow: hidden; padding: 0; background: #0a1728; }
.brand-mark.brand-mark-image img { width: 100%; height: 100%; display: block; object-fit: cover; border-radius: inherit; }
.login-brand strong, .brand strong { display: block; font-size: 18px; letter-spacing: -.02em; }
.login-brand small, .brand small { display: block; margin-top: 2px; color: #7992bc; font-size: 9px; font-weight: 800; letter-spacing: .16em; text-transform: uppercase; }
.login-intro-copy { position: relative; z-index: 1; margin: auto 0; max-width: 570px; }
.login-badge { display: inline-flex; align-items: center; gap: 9px; color: #8ca3ff; font-size: 10px; font-weight: 800; letter-spacing: .15em; text-transform: uppercase; }
.login-badge i { width: 7px; height: 7px; border-radius: 50%; background: var(--success); box-shadow: 0 0 0 5px rgba(51,212,155,.1); }
.login-intro h1 { margin: 20px 0 16px; max-width: 590px; font-size: clamp(38px, 4.1vw, 58px); line-height: 1.04; letter-spacing: -.055em; }
.login-intro-copy p { max-width: 560px; margin: 0; color: #a6b4c9; font-size: 15px; line-height: 1.7; }
.login-highlights { position: relative; z-index: 1; display: grid; grid-template-columns: repeat(3, 1fr); gap: 10px; }
.login-highlights span { padding: 14px 12px; border: 1px solid rgba(132,159,208,.12); border-radius: 12px; background: rgba(5,13,25,.45); color: #b3c0d2; font-size: 11px; line-height: 1.35; }
.login-highlights b { display: block; margin-bottom: 4px; color: #6f8aff; font-size: 9px; letter-spacing: .08em; }
.login-panel { padding: 38px; display: grid; place-items: center; align-content: center; background: linear-gradient(150deg, rgba(8,15,27,.98), rgba(10,20,35,.96)); }
.login-card.compact { width: min(390px, 100%); }
.login-mobile-brand { display: none; }
.login-header { margin-bottom: 24px; }
.login-kicker { display: block; margin-bottom: 8px; color: #7190ff; font-size: 10px; font-weight: 800; letter-spacing: .16em; text-transform: uppercase; }
.login-header h2 { margin: 0; font-size: 30px; line-height: 1.12; letter-spacing: -.04em; }
.login-header p { margin: 9px 0 0; color: var(--muted); font-size: 13px; }
.login-form { display: grid; gap: 9px; }
.login-form label { margin-top: 7px; color: #dce4f1; font-size: 12px; font-weight: 700; }
.input-control { position: relative; display: flex; align-items: center; }
.input-control > svg { position: absolute; left: 14px; width: 18px; height: 18px; color: #657996; pointer-events: none; }
.input-control input { width: 100%; height: 50px; padding: 0 45px; border: 1px solid rgba(127,151,190,.25); border-radius: 11px; outline: none; background: #091321; color: var(--text); font-size: 13px; transition: .18s ease; }
.input-control input::placeholder { color: #596b84; }
.input-control input:focus { border-color: #5d7bf1; box-shadow: 0 0 0 4px rgba(93,123,241,.11); background: #0b1727; }
.password-toggle { position: absolute; right: 7px; width: 38px; height: 38px; display: grid; place-items: center; border: 0; border-radius: 9px; background: transparent; color: #74849d; }
.password-toggle:hover { background: rgba(95,124,255,.09); color: #a6b7ff; }
.password-toggle svg { grid-area: 1/1; width: 19px; height: 19px; }
.password-toggle .icon-eye-off, .password-toggle.is-visible .icon-eye { display: none; }
.password-toggle.is-visible .icon-eye-off { display: block; }
.login-submit { min-height: 50px; margin-top: 13px; justify-content: space-between; padding: 0 18px; }
.login-note { margin: 22px 0 0; padding-top: 18px; display: flex; align-items: center; justify-content: center; gap: 9px; border-top: 1px solid var(--line); color: #7d8ea8; font-size: 11px; }
.login-footer { margin-top: 22px; color: #566780; font-size: 10px; }

/* Login de Contas: usar o layout compacto do mobile também em tablet e desktop. */
.login-page.login-page-customer {
    width: min(470px, 100%);
    min-height: 0;
    grid-template-columns: minmax(0, 1fr);
}
.login-page.login-page-customer .login-intro {
    display: none;
}
.login-page.login-page-customer .login-panel {
    padding: 28px;
}
.login-page.login-page-customer .login-card.compact {
    width: min(390px, 100%);
}
.login-page.login-page-customer .login-mobile-brand {
    margin-bottom: 28px;
    display: flex;
    align-items: center;
    gap: 10px;
    color: #e7edf7;
    font-size: 14px;
    font-weight: 800;
}
.login-page.login-page-customer .login-mobile-brand .brand-mark {
    width: 36px;
    height: 36px;
    border-radius: 10px;
    font-size: 16px;
}
@media (min-width: 1025px) {
    .login-page.login-page-customer .login-panel {
        padding: 28px;
    }
}

/* Shared */
.button { min-height: 42px; padding: 0 16px; display: inline-flex; align-items: center; justify-content: center; gap: 9px; border: 1px solid transparent; border-radius: 10px; font-size: 12px; font-weight: 750; transition: .18s ease; }
.button.primary { color: white; background: linear-gradient(105deg, #5773ed, #438ff2); box-shadow: 0 12px 28px rgba(54,87,216,.22); }
.button.primary:hover { filter: brightness(1.08); transform: translateY(-1px); }
.button.secondary { border-color: var(--line-strong); background: rgba(18,30,49,.78); color: #dce5f3; }
.button.secondary:hover { border-color: rgba(104,132,230,.45); background: #17253b; }
.button.full { width: 100%; }
.alert { margin-bottom: 18px; padding: 12px 14px; border: 1px solid; border-radius: 11px; font-size: 12px; line-height: 1.5; }
.alert.error { border-color: rgba(255,107,123,.25); background: rgba(255,107,123,.08); color: #ffb1bb; }
.alert.success { border-color: rgba(51,212,155,.25); background: rgba(51,212,155,.08); color: #8ce8c6; }
.status-dot { width: 7px; height: 7px; display: inline-block; border-radius: 50%; background: var(--success); box-shadow: 0 0 0 4px rgba(51,212,155,.1); }
.eyebrow { margin: 0 0 5px; color: #7187a9; font-size: 9px; font-weight: 850; letter-spacing: .15em; text-transform: uppercase; }
.pill, .tag { display: inline-flex; align-items: center; min-height: 28px; padding: 0 10px; border: 1px solid var(--line); border-radius: 999px; background: rgba(17,28,45,.72); color: #8fa1bc; font-size: 10px; font-weight: 700; white-space: nowrap; }
.pill.success { border-color: rgba(51,212,155,.23); color: #72ddb8; background: rgba(51,212,155,.07); }
.pill.warning { border-color: rgba(244,184,74,.23); color: #f0c46d; background: rgba(244,184,74,.07); }

/* App shell */
.app-page { background: #080f1b; }
.app-shell { min-height: 100vh; display: grid; grid-template-columns: var(--sidebar-width) minmax(0,1fr); }
.sidebar {
    position: fixed;
    inset: 0 auto 0 0;
    z-index: 30;
    width: var(--sidebar-width);
    padding: 18px 14px 16px;
    display: flex;
    flex-direction: column;
    overflow: hidden;
    border-right: 1px solid rgba(139, 164, 207, .14);
    background:
        radial-gradient(circle at 20% 0%, rgba(83, 112, 238, .10), transparent 31%),
        linear-gradient(180deg, #0b1525 0%, #08111e 56%, #070f1b 100%);
    box-shadow: 18px 0 48px rgba(0, 0, 0, .12);
}
.sidebar::after {
    position: absolute;
    inset: 0 0 auto;
    height: 1px;
    background: linear-gradient(90deg, transparent, rgba(111, 140, 255, .42), transparent);
    content: "";
}
.sidebar-top {
    min-height: 66px;
    padding: 0 8px 17px;
    display: flex;
    align-items: center;
    justify-content: space-between;
    border-bottom: 1px solid rgba(139, 164, 207, .10);
}
.sidebar-brand { min-width: 0; gap: 13px; }
.sidebar-brand .brand-mark { width: 46px; height: 46px; border-radius: 14px; font-size: 21px; }
.sidebar-brand-copy { min-width: 0; }
.sidebar-brand strong { overflow: hidden; font-size: 17px; text-overflow: ellipsis; white-space: nowrap; }
.sidebar-brand small { margin-top: 3px; color: #7890b7; font-size: 9px; }
.sidebar-close {
    display: none;
    width: 40px;
    height: 40px;
    place-items: center;
    border: 1px solid var(--line);
    border-radius: 11px;
    background: rgba(15, 27, 46, .76);
    color: #7d8fa9;
}
.sidebar-close:hover { border-color: rgba(112, 139, 226, .34); color: #dce5f3; }
.button-svg { width: 19px; height: 19px; }
.sidebar-context {
    margin: 14px 4px 5px;
    padding: 11px 13px;
    display: flex;
    align-items: center;
    justify-content: space-between;
    gap: 12px;
    border: 1px solid rgba(128, 153, 201, .12);
    border-radius: 12px;
    background: rgba(14, 26, 44, .64);
}
.sidebar-context span { color: #637692; font-size: 9px; font-weight: 750; letter-spacing: .08em; text-transform: uppercase; }
.sidebar-context strong { overflow: hidden; color: #aebdf1; font-size: 10px; text-overflow: ellipsis; white-space: nowrap; }
.nav {
    min-height: 0;
    padding: 9px 3px 13px;
    display: flex;
    flex-direction: column;
    overflow-y: auto;
    overscroll-behavior: contain;
    scrollbar-color: rgba(105, 130, 179, .26) transparent;
    scrollbar-width: thin;
}
.nav::-webkit-scrollbar { width: 5px; }
.nav::-webkit-scrollbar-thumb { border-radius: 999px; background: rgba(105, 130, 179, .24); }
.nav-section { margin-bottom: 14px; display: grid; gap: 5px; }
.nav-section-last { margin-bottom: 4px; }
.nav-label {
    margin: 0 12px 4px;
    color: #536781;
    font-size: 10px;
    font-weight: 850;
    letter-spacing: .14em;
    text-transform: uppercase;
}
.nav-link, .nav-group-toggle {
    position: relative;
    width: 100%;
    min-height: 54px;
    padding: 7px 10px;
    display: flex;
    align-items: center;
    gap: 12px;
    border: 1px solid transparent;
    border-radius: 13px;
    background: transparent;
    color: #92a3bd;
    text-align: left;
    transition: border-color .18s ease, background .18s ease, color .18s ease, transform .18s ease;
}
.nav-link:hover, .nav-group-toggle:hover {
    border-color: rgba(124, 151, 207, .11);
    color: #e3eaf5;
    background: rgba(91, 118, 172, .075);
}
.nav-link.active, .nav-group-toggle.active {
    border-color: rgba(95, 124, 255, .25);
    color: #f6f8ff;
    background: linear-gradient(100deg, rgba(83, 112, 238, .20), rgba(49, 80, 155, .075));
    box-shadow: inset 0 1px rgba(255,255,255,.025), 0 10px 25px rgba(0,0,0,.08);
}
.nav-link.active::before, .nav-group-toggle.active::before {
    position: absolute;
    top: 12px;
    bottom: 12px;
    left: -4px;
    width: 3px;
    border-radius: 999px;
    background: linear-gradient(180deg, #7f98ff, #4f75ed);
    box-shadow: 0 0 12px rgba(95,124,255,.38);
    content: "";
}
.nav-icon {
    width: 36px;
    height: 36px;
    display: grid;
    place-items: center;
    flex: 0 0 auto;
    border: 1px solid rgba(119, 145, 195, .14);
    border-radius: 11px;
    background: rgba(17, 31, 52, .72);
    color: #7890b8;
}
.nav-svg { width: 19px; height: 19px; }
.nav-link:hover .nav-icon, .nav-group-toggle:hover .nav-icon { color: #a7b7d5; }
.nav-link.active .nav-icon, .nav-group-toggle.active .nav-icon {
    border-color: rgba(110, 139, 255, .25);
    background: rgba(89, 117, 226, .13);
    color: #91a6ff;
}
.nav-copy, .nav-child-copy { min-width: 0; flex: 1; }
.nav-copy strong, .nav-copy small, .nav-child-copy strong, .nav-child-copy small { display: block; overflow: hidden; text-overflow: ellipsis; white-space: nowrap; }
.nav-copy strong { color: inherit; font-size: 13.5px; font-weight: 750; letter-spacing: -.01em; }
.nav-copy small { margin-top: 4px; color: #657994; font-size: 10px; font-weight: 500; }
.nav-link.active .nav-copy small, .nav-group-toggle.active .nav-copy small { color: #7f92b5; }
.nav-group { min-width: 0; }
.nav-group-toggle { justify-content: space-between; }
.nav-group-main { min-width: 0; display: flex; align-items: center; gap: 12px; flex: 1; }
.nav-chevron { width: 26px; height: 26px; display: grid; place-items: center; flex: 0 0 auto; border-radius: 8px; color: #61748f; transition: transform .2s ease, color .18s ease, background .18s ease; }
.chevron-svg { width: 16px; height: 16px; }
.nav-group-toggle:hover .nav-chevron { color: #9aacC5; background: rgba(119, 144, 192, .08); }
.nav-group-toggle[aria-expanded="true"] .nav-chevron { transform: rotate(180deg); color: #8fa6ff; }
.nav-submenu {
    margin: 6px 0 2px;
    padding: 7px;
    display: grid;
    gap: 5px;
    border: 1px solid rgba(126, 151, 200, .10);
    border-radius: 13px;
    background: rgba(6, 14, 25, .36);
}
.nav-submenu[hidden] { display: none; }
.nav-level-one { margin-left: 8px; }
.nav-child-group {
    padding: 3px;
    border: 1px solid rgba(126, 151, 200, .08);
    border-radius: 11px;
    background: rgba(14, 25, 42, .48);
}
.nav-child-toggle { min-height: 49px; padding: 6px 7px; border-radius: 10px; }
.nav-child-toggle::before { display: none; }
.nav-child-toggle.active { border-color: rgba(95,124,255,.12); background: rgba(88, 118, 220, .09); box-shadow: none; }
.nav-child-icon {
    width: 34px;
    height: 34px;
    display: grid;
    place-items: center;
    flex: 0 0 auto;
    border: 1px solid rgba(116, 143, 198, .15);
    border-radius: 10px;
    background: rgba(20, 35, 58, .82);
    color: #8298e8;
}
.nav-child-svg { width: 18px; height: 18px; }
.nav-child-copy strong { color: #b8c5d8; font-size: 12.5px; font-weight: 730; }
.nav-child-copy small { margin-top: 3px; color: #637690; font-size: 9.5px; }
.nav-level-two {
    margin: 3px 0 3px 42px;
    padding: 3px 0 1px 8px;
    gap: 2px;
    border: 0;
    border-left: 1px solid rgba(116, 143, 198, .13);
    border-radius: 0;
    background: transparent;
}
.nav-simple-submenu { margin-left: 8px; }
.nav-sublink {
    min-height: 40px;
    padding: 0 10px;
    display: flex;
    align-items: center;
    justify-content: flex-start;
    gap: 10px;
    border: 1px solid transparent;
    border-radius: 9px;
    color: #8496b0;
    font-size: 12px;
    font-weight: 620;
    transition: .17s ease;
}
.nav-sublink:hover {
    border-color: rgba(108, 137, 218, .10);
    color: #dce5f3;
    background: rgba(91, 122, 231, .08);
}
.nav-sublink.active {
    border-color: rgba(95, 124, 255, .16);
    color: #a9b8ff;
    background: rgba(91, 122, 231, .12);
}
.nav-sublink-icon {
    width: 26px;
    height: 26px;
    display: grid;
    place-items: center;
    flex: 0 0 auto;
    border-radius: 8px;
    background: rgba(24, 39, 64, .70);
    color: #6f85a7;
}
.sublink-svg { width: 14px; height: 14px; }
.nav-sublink.active .nav-sublink-icon { background: rgba(91,122,231,.12); color: #93a7ff; }
.nav-sublink.disabled { cursor: default; opacity: .58; }
.nav-sublink.disabled:hover { border-color: transparent; color: #8496b0; background: transparent; }
.nav-sublink > small { margin-left: auto; color: #52647d; font-size: 8px; font-weight: 800; letter-spacing: .06em; text-transform: uppercase; }
.sidebar-footer {
    margin-top: auto;
    padding: 10px;
    display: flex;
    align-items: center;
    justify-content: space-between;
    gap: 9px;
    border: 1px solid rgba(132, 157, 204, .14);
    border-radius: 14px;
    background: linear-gradient(145deg, rgba(16, 29, 49, .88), rgba(10, 20, 35, .88));
    box-shadow: 0 12px 30px rgba(0,0,0,.09);
}
.sidebar-user { min-width: 0; display: flex; align-items: center; gap: 11px; flex: 1; }
.sidebar-user > span:last-child { min-width: 0; }
.sidebar-user strong, .sidebar-user small { display: block; overflow: hidden; text-overflow: ellipsis; white-space: nowrap; }
.sidebar-user strong { max-width: 160px; color: #dbe4f1; font-size: 12px; }
.sidebar-user small { margin-top: 4px; color: #72839c; font-size: 9.5px; }
.sidebar-user small i { margin-right: 7px; width: 6px; height: 6px; box-shadow: none; }
.avatar { width: 38px; height: 38px; display: grid; place-items: center; flex: 0 0 auto; border: 1px solid rgba(108,136,218,.25); border-radius: 12px; background: linear-gradient(145deg, rgba(93,124,255,.24), rgba(38,72,159,.18)); color: #c7d3ff; font-size: 13px; font-weight: 800; }
.avatar.small { width: 40px; height: 40px; border-radius: 12px; }
.logout-icon { width: 38px; height: 38px; display: grid; place-items: center; flex: 0 0 auto; border: 1px solid transparent; border-radius: 10px; background: transparent; color: #697b94; }
.logout-icon:hover { border-color: rgba(255,107,123,.12); background: rgba(255,107,123,.08); color: #ff8996; }
.sidebar-overlay { display: none; }
.main-content { grid-column: 2; min-width: 0; }
.topbar { position: sticky; top: 0; z-index: 20; min-height: 76px; padding: 0 30px; display: flex; align-items: center; justify-content: space-between; border-bottom: 1px solid var(--line); background: rgba(8,15,27,.86); backdrop-filter: blur(18px); }
.topbar-title { display: flex; align-items: center; gap: 14px; }
.topbar h1 { margin: 0; font-size: 18px; letter-spacing: -.025em; }
.menu-button { display: none; width: 42px; height: 42px; border: 1px solid var(--line); border-radius: 11px; background: var(--surface); color: var(--muted); }
.topbar-actions { display: flex; align-items: center; gap: 18px; }
.topbar-online { display: flex; align-items: center; gap: 9px; color: #71829b; font-size: 10px; }
.topbar-profile { display: flex; align-items: center; gap: 10px; }
.topbar-profile strong, .topbar-profile small { display: block; }
.topbar-profile strong { font-size: 11px; }
.topbar-profile small { margin-top: 3px; color: #667993; font-size: 9px; }
.page-content { max-width: 1540px; margin: 0 auto; padding: 28px 30px 46px; }

/* Dashboard */
.dashboard-hero { margin-bottom: 22px; padding: 24px 26px; display: flex; align-items: center; justify-content: space-between; gap: 20px; overflow: hidden; border: 1px solid var(--line); border-radius: 18px; background: linear-gradient(115deg, rgba(20,36,61,.95), rgba(12,24,42,.92)); box-shadow: var(--shadow); }
.dashboard-hero h2 { margin: 8px 0 7px; font-size: clamp(24px, 2.4vw, 34px); letter-spacing: -.04em; }
.dashboard-hero p { max-width: 700px; margin: 0; color: var(--muted); font-size: 13px; line-height: 1.6; }
.hero-status { display: inline-flex; align-items: center; gap: 9px; color: #83e4c1; font-size: 9px; font-weight: 800; letter-spacing: .12em; text-transform: uppercase; }
.hero-actions { display: flex; align-items: center; gap: 10px; }
.date-chip { min-height: 42px; padding: 0 14px; display: inline-flex; align-items: center; border: 1px solid var(--line); border-radius: 10px; color: #8ea0ba; font-size: 11px; }
.metric-grid { display: grid; gap: 14px; }
.primary-metrics { grid-template-columns: repeat(4, minmax(0,1fr)); }
.secondary-metrics { grid-template-columns: repeat(4, minmax(0,1fr)); margin-top: 14px; }
.metric-card { min-width: 0; padding: 19px; display: flex; gap: 14px; border: 1px solid var(--line); border-radius: 15px; background: linear-gradient(145deg, rgba(17,29,48,.96), rgba(12,23,39,.96)); }
.metric-card:hover { border-color: rgba(109,137,220,.25); transform: translateY(-1px); }
.metric-icon, .compact-icon { display: grid; place-items: center; flex: 0 0 auto; border: 1px solid rgba(104,132,230,.18); background: rgba(88,116,220,.09); color: #7691f9; }
.metric-icon { width: 42px; height: 42px; border-radius: 12px; }
.metric-icon svg { width: 21px; height: 21px; }
.metric-copy { min-width: 0; }
.metric-copy small, .compact-metric small { display: block; color: #788ba7; font-size: 10px; font-weight: 700; }
.metric-copy strong { display: block; margin: 5px 0 4px; overflow: hidden; color: #f6f8fc; font-size: 22px; letter-spacing: -.035em; text-overflow: ellipsis; white-space: nowrap; }
.metric-copy p, .compact-metric p { margin: 0; color: #5f718c; font-size: 9px; line-height: 1.4; }
.tone-positive .metric-icon, .tone-positive .compact-icon { border-color: rgba(51,212,155,.18); background: rgba(51,212,155,.07); color: #50d4a5; }
.tone-warning .metric-icon, .tone-warning .compact-icon { border-color: rgba(244,184,74,.18); background: rgba(244,184,74,.07); color: #e9b84f; }
.compact-metric { min-width: 0; padding: 14px 15px; display: flex; align-items: center; gap: 12px; border: 1px solid var(--line); border-radius: 13px; background: rgba(12,23,39,.7); }
.compact-icon { width: 34px; height: 34px; border-radius: 10px; }
.compact-icon svg { width: 17px; height: 17px; }
.compact-metric strong { display: block; margin: 3px 0; font-size: 15px; letter-spacing: -.02em; }
.dashboard-grid { margin-top: 18px; display: grid; grid-template-columns: minmax(0, 1.45fr) minmax(310px, .75fr); gap: 18px; }
.panel-card { min-width: 0; padding: 20px; border: 1px solid var(--line); border-radius: 16px; background: linear-gradient(145deg, rgba(16,27,45,.94), rgba(11,21,36,.94)); box-shadow: 0 14px 40px rgba(0,0,0,.12); }
.card-heading { margin-bottom: 18px; display: flex; align-items: center; justify-content: space-between; gap: 15px; }
.card-heading h3 { margin: 0; font-size: 16px; letter-spacing: -.025em; }
.activity-chart { height: 210px; padding: 10px 4px 0; display: grid; grid-template-columns: repeat(7,1fr); gap: 12px; border-bottom: 1px solid var(--line); }
.activity-column { min-width: 0; display: grid; grid-template-rows: 1fr 24px; gap: 8px; text-align: center; }
.activity-bar-wrap { min-height: 0; display: flex; align-items: flex-end; justify-content: center; }
.activity-bar { position: relative; width: min(34px, 68%); height: var(--height); min-height: 12px; display: block; border-radius: 8px 8px 3px 3px; background: linear-gradient(180deg, #6685ff, #355dcc); box-shadow: 0 8px 18px rgba(55,89,210,.2); }
.activity-bar b { position: absolute; top: -20px; left: 50%; transform: translateX(-50%); color: #6f819b; font-size: 8px; font-weight: 700; }
.activity-column small { color: #667892; font-size: 9px; text-transform: uppercase; }
.chart-legend { color: #6f819b; font-size: 9px; }
.chart-legend span { display: flex; align-items: center; gap: 7px; }
.legend-login { width: 8px; height: 8px; border-radius: 3px; background: #5f7cff; }
.live-badge { min-width: 36px; height: 27px; padding: 0 9px; display: inline-flex; align-items: center; justify-content: center; gap: 7px; border: 1px solid rgba(51,212,155,.18); border-radius: 999px; background: rgba(51,212,155,.07); color: #62dcb2; font-size: 10px; font-weight: 800; }
.live-badge i { width: 6px; height: 6px; border-radius: 50%; background: var(--success); }
.online-list { display: grid; gap: 3px; }
.online-row { min-width: 0; padding: 10px 4px; display: grid; grid-template-columns: 36px minmax(0,1fr) auto; align-items: center; gap: 10px; border-bottom: 1px solid rgba(140,165,207,.08); }
.online-row:last-child { border-bottom: 0; }
.online-avatar { position: relative; width: 34px; height: 34px; display: grid; place-items: center; border-radius: 10px; background: #182842; color: #aabaff; font-size: 11px; font-weight: 800; }
.online-avatar i { position: absolute; right: -1px; bottom: -1px; width: 9px; height: 9px; border: 2px solid #101b2d; border-radius: 50%; background: var(--success); }
.online-row strong, .online-row small { display: block; overflow: hidden; text-overflow: ellipsis; white-space: nowrap; }
.online-row strong { font-size: 10px; }
.online-row small { margin-top: 3px; color: #687b97; font-size: 8px; }
.online-row time { color: #61738d; font-size: 9px; }
.recent-card { margin-top: 18px; }
.table-wrap { overflow-x: auto; }
table { width: 100%; border-collapse: collapse; }
th { padding: 10px 12px; border-bottom: 1px solid var(--line); color: #62758f; font-size: 8px; font-weight: 800; letter-spacing: .1em; text-align: left; text-transform: uppercase; }
td { padding: 12px; border-bottom: 1px solid rgba(140,165,207,.07); color: #aebace; font-size: 10px; vertical-align: middle; }
tbody tr:last-child td { border-bottom: 0; }
.table-user { display: flex; align-items: center; gap: 10px; }
.table-user > span { width: 31px; height: 31px; display: grid; place-items: center; border-radius: 9px; background: rgba(91,122,231,.1); color: #8da2f6; font-size: 10px; font-weight: 800; }
.table-user strong, .table-user small { display: block; }
.table-user small, .table-action { margin-top: 3px; color: #61738d; font-size: 8px; }
.professional-table td > strong { display: block; color: #cbd5e4; font-size: 10px; }
.professional-table code { color: #879ab5; font-family: ui-monospace, SFMono-Regular, Menlo, monospace; font-size: 9px; }
.empty-state { padding: 35px 15px; color: #657892; font-size: 11px; text-align: center; }
.empty-state.compact { padding: 24px 8px; }

/* Forms and settings */
.form-stack { display: grid; gap: 15px; }
.form-stack label, .settings-form label { display: grid; gap: 7px; color: #cbd5e4; font-size: 10px; font-weight: 700; }
input, select, textarea { width: 100%; border: 1px solid rgba(128,153,194,.22); border-radius: 10px; outline: none; background: #0a1423; color: #edf2fa; font-size: 11px; }
input, select { min-height: 44px; padding: 0 12px; }
textarea { padding: 12px; resize: vertical; line-height: 1.5; }
input:focus, select:focus, textarea:focus { border-color: #5b78e9; box-shadow: 0 0 0 4px rgba(91,120,233,.1); }
input:disabled, select:disabled { opacity: .65; cursor: not-allowed; }
label small, .field-help { color: #667892; font-size: 8px; font-weight: 500; line-height: 1.45; }
.profile-grid { display: grid; grid-template-columns: repeat(2,minmax(0,1fr)); gap: 18px; }
.settings-layout { display: grid; grid-template-columns: 230px minmax(0,1fr); gap: 20px; align-items: start; }
.settings-nav { position: sticky; top: 104px; padding: 14px; border: 1px solid var(--line); border-radius: 15px; background: rgba(13,24,40,.82); }
.settings-nav-heading { padding: 8px 8px 15px; }
.settings-nav-heading span, .settings-nav-heading strong { display: block; }
.settings-nav-heading span { color: #647792; font-size: 8px; font-weight: 800; letter-spacing: .12em; text-transform: uppercase; }
.settings-nav-heading strong { margin-top: 5px; font-size: 15px; }
.settings-nav-item { padding: 10px; display: flex; align-items: center; gap: 10px; border-radius: 10px; color: #8193ac; }
.settings-nav-item:hover, .settings-nav-item.active { background: rgba(91,122,231,.1); color: #dfe6f2; }
.settings-nav-icon { width: 30px; height: 30px; display: grid; place-items: center; border: 1px solid var(--line); border-radius: 9px; background: #111f33; color: #7891e8; font-size: 10px; font-weight: 800; }
.settings-nav-item strong, .settings-nav-item small { display: block; }
.settings-nav-item strong { font-size: 10px; }
.settings-nav-item small { margin-top: 3px; color: #61738d; font-size: 8px; }
.settings-nav-note { margin-top: 12px; padding: 12px; display: flex; align-items: flex-start; gap: 10px; border-top: 1px solid var(--line); color: #64758f; }
.settings-nav-note .status-dot { margin-top: 5px; flex: 0 0 auto; }
.settings-nav-note p { margin: 0; font-size: 8px; line-height: 1.5; }
.settings-content {  }
.settings-header { margin-bottom: 16px; padding: 4px 2px; display: flex; align-items: center; justify-content: space-between; gap: 20px; }
.settings-header h2 { margin: 3px 0 5px; font-size: 24px; letter-spacing: -.035em; }
.settings-header p { margin: 0; color: var(--muted); font-size: 11px; }
.settings-form { padding: 24px; }
.form-section-heading { margin-bottom: 20px; display: flex; align-items: center; justify-content: space-between; gap: 15px; }
.form-section-heading > div { display: flex; align-items: center; gap: 12px; }
.section-number { width: 34px; height: 34px; display: grid; place-items: center; border: 1px solid rgba(95,124,255,.2); border-radius: 10px; background: rgba(95,124,255,.08); color: #8298f6; font-size: 9px; font-weight: 800; }
.form-section-heading h3 { margin: 0; font-size: 14px; }
.form-section-heading p { margin: 4px 0 0; color: #6a7c96; font-size: 9px; }
.form-grid { display: grid; gap: 16px; }
.form-grid.two-columns { grid-template-columns: repeat(2,minmax(0,1fr)); }
.form-divider { height: 1px; margin: 25px 0; background: var(--line); }
.form-actions { margin-top: 23px; padding-top: 18px; display: flex; justify-content: flex-end; border-top: 1px solid var(--line); }
.input-suffix { position: relative; }
.input-suffix input { padding-right: 88px; }
.input-suffix span { position: absolute; top: 50%; right: 12px; transform: translateY(-50%); color: #62738c; font-size: 9px; }
.security-warning { margin-top: 20px; padding: 13px 14px; border: 1px solid rgba(244,184,74,.18); border-radius: 11px; background: rgba(244,184,74,.05); }
.security-warning strong { color: #e8bd6a; font-size: 10px; }
.security-warning p { margin: 5px 0 0; color: #927d56; font-size: 9px; line-height: 1.5; }
.settings-summary-grid { margin-bottom: 16px; display: grid; grid-template-columns: repeat(3,minmax(0,1fr)); gap: 12px; }
.mini-summary { padding: 15px; border: 1px solid var(--line); border-radius: 13px; background: rgba(14,25,42,.72); }
.mini-summary small, .mini-summary strong, .mini-summary span { display: block; }
.mini-summary small { color: #6a7c96; font-size: 8px; }
.mini-summary strong { margin: 6px 0 4px; overflow: hidden; font-size: 13px; text-overflow: ellipsis; white-space: nowrap; }
.mini-summary span { color: #5d6f89; font-size: 8px; }
.details-list { display: grid; }
.details-list > div { padding: 13px 2px; display: grid; grid-template-columns: 180px minmax(0,1fr); gap: 15px; border-bottom: 1px solid rgba(140,165,207,.08); }
.details-list span { color: #667892; font-size: 9px; }
.details-list strong { overflow-wrap: anywhere; color: #c8d3e2; font-size: 10px; }
.command-box { margin-top: 20px; padding: 14px; display: grid; gap: 6px; border: 1px solid var(--line); border-radius: 11px; background: #091320; }
.command-box span { color: #6d7f99; font-size: 8px; text-transform: uppercase; }
.command-box code { color: #94a9ff; font-size: 11px; }
.command-box small { color: #596b84; font-size: 8px; }

@media (max-width: 1180px) {
    .primary-metrics, .secondary-metrics { grid-template-columns: repeat(2,minmax(0,1fr)); }
    .dashboard-grid { grid-template-columns: 1fr; }
}
@media (max-width:1024px) {
    :root { --sidebar-width: 320px; }
    .app-shell { display: block; }
    .sidebar { width: min(var(--sidebar-width), calc(100vw - 18px)); transform: translateX(-102%); transition: transform .22s ease; box-shadow: 25px 0 60px rgba(0,0,0,.35); }
    .sidebar.open { transform: translateX(0); }
    .sidebar-close, .menu-button { display: grid; place-items: center; }
    .sidebar-overlay { position: fixed; inset: 0; z-index: 25; background: rgba(2,7,14,.64); backdrop-filter: blur(3px); }
    body.sidebar-open .sidebar-overlay { display: block; }
    .main-content { grid-column: auto; }
    .topbar { padding: 0 18px; }
    .page-content { padding: 22px 18px 38px; }
    .topbar-online { display: none; }
    .settings-layout { grid-template-columns: 1fr; }
    .settings-nav { position: static; display: grid; grid-template-columns: repeat(3,1fr); gap: 6px; }
    .settings-nav-heading, .settings-nav-note { display: none; }
    .settings-nav-item { justify-content: center; }
    .settings-nav-item small { display: none; }
    .login-page { grid-template-columns: 1fr; width: min(470px,100%); min-height: 0; }
    .login-intro { display: none; }
    .login-panel { padding: 28px; }
    .login-mobile-brand { margin-bottom: 28px; display: flex; align-items: center; gap: 10px; color: #e7edf7; font-size: 14px; font-weight: 800; }
    .login-mobile-brand .brand-mark { width: 36px; height: 36px; border-radius: 10px; font-size: 16px; }
}
@media (max-width: 640px) {
    .auth-page { place-items: start center; padding: 12px; }
    .login-page {  border-radius: 18px; }
    .login-panel { padding: 22px 20px; }
    .login-header { margin-bottom: 20px; }
    .login-header h2 { font-size: 26px; }
    .login-footer { margin-top: 18px; }
    .topbar { min-height: 66px; }
    .topbar-profile > span:last-child { display: none; }
    .sidebar { padding: 14px 11px 12px; }
    .sidebar-top { min-height: 62px; padding-bottom: 14px; }
    .sidebar-context { margin-top: 11px; }
    .nav-link, .nav-group-toggle { min-height: 52px; }
    .nav-copy strong { font-size: 13px; }
    .nav-copy small { font-size: 9.5px; }
    .page-content { padding: 16px 12px 30px; }
    .dashboard-hero { padding: 19px; align-items: flex-start; flex-direction: column; border-radius: 14px; }
    .dashboard-hero h2 { font-size: 25px; }
    .hero-actions { width: 100%; }
    .hero-actions .button, .hero-actions .date-chip { flex: 1; }
    .primary-metrics, .secondary-metrics { grid-template-columns: 1fr; gap: 10px; }
    .metric-card { padding: 15px; }
    .metric-copy strong { font-size: 20px; }
    .compact-metric { padding: 12px; }
    .panel-card { padding: 15px; border-radius: 13px; }
    .activity-chart { height: 180px; gap: 5px; }
    .activity-bar { width: 22px; }
    .recent-card .card-heading .tag { display: none; }
    .professional-table th:nth-child(3), .professional-table td:nth-child(3) { display: none; }
    .profile-grid, .form-grid.two-columns, .settings-summary-grid { grid-template-columns: 1fr; }
    .settings-nav { grid-template-columns: 1fr 1fr 1fr; padding: 7px; }
    .settings-nav-item { padding: 8px 5px; gap: 5px; flex-direction: column; text-align: center; }
    .settings-nav-icon { width: 27px; height: 27px; }
    .settings-header { align-items: flex-start; flex-direction: column; }
    .settings-form { padding: 16px; }
    .form-section-heading { align-items: flex-start; }
    .form-section-heading .tag { display: none; }
    .details-list > div { grid-template-columns: 1fr; gap: 5px; }
}

/* Operação: gerenciamento de contas */
.operation-heading { margin-bottom: 18px; display: flex; align-items: flex-end; justify-content: space-between; gap: 20px; }
.operation-heading h2 { margin: 3px 0 6px; font-size: clamp(22px, 3vw, 30px); letter-spacing: -.04em; }
.operation-heading p:not(.eyebrow) { max-width: 680px; margin: 0; color: var(--muted); font-size: 11px; line-height: 1.6; }
.compact-heading { align-items: center; }
.operation-card { padding: 0; overflow: hidden; }
.operation-toolbar { min-height: 72px; padding: 14px 18px; display: flex; align-items: center; justify-content: space-between; gap: 18px; border-bottom: 1px solid var(--line); background: rgba(12, 22, 38, .6); }
.search-field { width: min(440px, 100%); position: relative; }
.search-field > span { position: absolute; top: 50%; left: 13px; transform: translateY(-50%); color: #637795; font-size: 17px; pointer-events: none; }
.search-field input { min-height: 42px; padding-left: 39px; background: #0a1423; font-size: 11px; }
.operation-summary { min-width: 92px; display: flex; align-items: baseline; justify-content: flex-end; gap: 6px; }
.operation-summary strong { color: #dce6f5; font-size: 18px; }
.operation-summary span { color: #677993; font-size: 9px; }
.operation-empty { margin: 18px; }
.account-table th:last-child, .account-table td:last-child { width: 88px; text-align: right; }
.account-table td { vertical-align: middle; }
.presence-avatar { position: relative; width: 34px; height: 34px; display: grid; place-items: center; flex: 0 0 auto; border: 1px solid rgba(121, 148, 203, .2); border-radius: 10px; background: linear-gradient(145deg, #162641, #101d31); color: #a9bbec; font-size: 11px; font-weight: 800; }
.presence-avatar i { position: absolute; right: -2px; bottom: -2px; width: 9px; height: 9px; border: 2px solid #0d1727; border-radius: 50%; background: #53647e; }
.presence-avatar i.online { background: var(--success); box-shadow: 0 0 0 3px rgba(51, 212, 155, .08); }
.role-chip, .status-chip { min-height: 25px; padding: 0 9px; display: inline-flex; align-items: center; border: 1px solid var(--line); border-radius: 999px; font-size: 8px; font-weight: 800; letter-spacing: .02em; white-space: nowrap; }
.role-reseller { border-color: rgba(95,124,255,.2); color: #91a5ff; background: rgba(95,124,255,.07); }
.role-subreseller { border-color: rgba(65,141,245,.2); color: #75b2ff; background: rgba(65,141,245,.07); }
.role-customer { color: #93a7c4; background: rgba(115,139,177,.06); }
.status-active { border-color: rgba(51,212,155,.2); color: #65dfb4; background: rgba(51,212,155,.06); }
.status-blocked, .status-expired { border-color: rgba(255,107,123,.2); color: #ff8794; background: rgba(255,107,123,.06); }
.muted-value { color: #60718a; font-size: 9px; }
.icon-button { min-height: 31px; padding: 0 11px; display: inline-flex; align-items: center; justify-content: center; border: 1px solid var(--line); border-radius: 8px; background: rgba(18, 31, 51, .7); color: #a7b7cf; font-size: 9px; font-weight: 750; }
.icon-button:hover { border-color: rgba(95,124,255,.35); color: #e1e8f5; background: rgba(95,124,255,.08); }
.account-form { padding: 24px; }
.split-actions { align-items: center; justify-content: space-between; }
.button.danger { border-color: rgba(255,107,123,.24); color: #ff8b98; background: rgba(255,107,123,.07); box-shadow: none; }
.button.danger:hover { border-color: rgba(255,107,123,.42); background: rgba(255,107,123,.12); }
.button.ghost { box-shadow: none; }

@media (max-width:1024px) {
    .operation-heading { align-items: stretch; flex-direction: column; }
    .operation-heading .button { width: 100%; }
    .operation-toolbar { align-items: stretch; flex-direction: column; }
    .search-field { width: 100%; }
    .operation-summary {  }
    .account-form { padding: 18px; }
    .split-actions { align-items: stretch; flex-direction: column-reverse; gap: 10px; }
    .split-actions .button { width: 100%; }
    .account-table { min-width: 940px; }
}

:root { --sidebar-width: 312px; }
.app-page { font-size: 13px; line-height: 1.45; }
.app-page .button { min-height: 42px; padding-inline: 16px; font-size: 12px; }
.app-page .alert { font-size: 12px; }
.app-page .eyebrow { font-size: 9px; }
.app-page .pill,
.app-page .tag { min-height: 28px; font-size: 10px; }

.app-page .sidebar { padding: 20px 15px 16px; }
.app-page .sidebar-brand strong {  }
.app-page .sidebar-brand small {  }
.app-page .sidebar-context span { font-size: 9px; }
.app-page .sidebar-context strong { font-size: 10.5px; }
.app-page .nav { padding-top: 12px; }
.app-page .nav-section { margin-bottom: 13px; }
.app-page .nav-section-group { margin-bottom: 11px; }
.app-page .nav-label { margin-bottom: 6px; font-size: 9px; }
.app-page .nav-link,
.app-page .nav-group-toggle { min-height: 56px; padding: 9px 11px; }
.app-page .nav-icon { width: 39px; height: 39px; }
.app-page .nav-svg { width: 20px; height: 20px; }
.app-page .nav-copy strong {  }
.app-page .nav-copy small { margin-top: 3px; font-size: 10px; }
.app-page .nav-simple-submenu { margin: 7px 4px 2px 14px; padding: 7px; }
.app-page .nav-sublink { min-height: 42px; padding-inline: 10px; font-size: 12px; }
.app-page .nav-sublink-icon { width: 29px; height: 29px; }
.app-page .sublink-svg { width: 15px; height: 15px; }
.app-page .nav-sublink > small { font-size: 8.5px; }
.app-page .sidebar-user strong { font-size: 12px; }
.app-page .sidebar-user small { font-size: 9.5px; }

.app-page .topbar { min-height: 76px; }
.app-page .topbar h1 { font-size: 18px; }
.app-page .topbar-online { font-size: 10px; }
.app-page .topbar-profile strong { font-size: 11px; }
.app-page .topbar-profile small { font-size: 9px; }
.app-page .page-content { padding-top: 28px; }

.app-page .dashboard-hero { padding: 26px 28px; }
.app-page .dashboard-hero h2 { font-size: clamp(25px, 2.35vw, 32px); }
.app-page .dashboard-hero p {  }
.app-page .hero-status { font-size: 9px; }
.app-page .date-chip { font-size: 11px; }
.app-page .metric-card { padding: 20px; }
.app-page .metric-copy small,
.app-page .compact-metric small { font-size: 10.5px; }
.app-page .metric-copy strong { font-size: 23px; }
.app-page .metric-copy p,
.app-page .compact-metric p { font-size: 9.5px; line-height: 1.4; }
.app-page .compact-metric strong {  }
.app-page .card-heading h3 {  }
.app-page .activity-bar b { font-size: 8.5px; }
.app-page .activity-column small,
.app-page .chart-legend { font-size: 9px; }
.app-page .live-badge { font-size: 10px; }
.app-page .online-avatar { font-size: 11px; }
.app-page .online-row strong { font-size: 11px; }
.app-page .online-row small { font-size: 9px; }
.app-page .online-row time { font-size: 9.5px; }

.app-page th { padding: 11px 12px; font-size: 9px; }
.app-page td { padding: 12px; font-size: 11px; }
.app-page .table-user > span { width: 34px; height: 34px; font-size: 10px; }
.app-page .table-user strong,
.app-page .professional-table td > strong { font-size: 11px; }
.app-page .table-user small,
.app-page .table-action { font-size: 9px; }
.app-page .professional-table code { font-size: 10px; }
.app-page .empty-state { font-size: 11px; }

.app-page .form-stack label,
.app-page .settings-form label { font-size: 12px; }
.app-page input,
.app-page select,
.app-page textarea { font-size: 13px; }
.app-page label small,
.app-page .field-help {  }
.app-page .settings-layout { grid-template-columns: 260px minmax(0,1fr); }
.app-page .settings-nav-heading span { font-size: 9px; }
.app-page .settings-nav-heading strong { font-size: 16px; }
.app-page .settings-nav-item strong { font-size: 12px; }
.app-page .settings-nav-item small { font-size: 10px; }
.app-page .settings-nav-note p { font-size: 9.5px; }
.app-page .settings-header h2 { font-size: 24px; }
.app-page .settings-header p { font-size: 12.5px; }
.app-page .section-number { font-size: 10px; }
.app-page .form-section-heading h3 { font-size: 15px; }
.app-page .form-section-heading p { font-size: 10.5px; }
.app-page .input-suffix span { font-size: 10px; }
.app-page .security-warning strong { font-size: 12px; }
.app-page .security-warning p { font-size: 10.5px; }
.app-page .mini-summary small,
.app-page .mini-summary span { font-size: 10px; }
.app-page .mini-summary strong { font-size: 14px; }
.app-page .details-list span { font-size: 11px; }
.app-page .details-list strong { font-size: 12px; }
.app-page .command-box span,
.app-page .command-box small { font-size: 9.5px; }
.app-page .command-box code { font-size: 11.5px; }

.app-page .operation-heading h2 { font-size: clamp(24px, 2.7vw, 30px); }
.app-page .operation-heading p:not(.eyebrow) { font-size: 12.5px; }
.app-page .search-field input { font-size: 13px; }
.app-page .operation-summary strong { font-size: 18px; }
.app-page .operation-summary span { font-size: 10.5px; }
.app-page .presence-avatar { width: 36px; height: 36px; font-size: 11px; }
.app-page .role-chip,
.app-page .status-chip { min-height: 27px; font-size: 10px; }
.app-page .muted-value { font-size: 11px; }
.app-page .icon-button { min-height: 35px; padding-inline: 12px; font-size: 11px; }

@media (max-width:1024px) {
    :root { --sidebar-width: 326px; }
    .app-page .settings-layout { grid-template-columns: 1fr; }
}

@media (max-width: 640px) {
    .app-page { font-size: 13px; }
    .app-page .topbar h1 { font-size: 18px; }
    .app-page .nav-copy strong { font-size: 13.5px; }
    .app-page .nav-copy small { font-size: 10px; }
    .app-page .metric-copy small,
    .app-page .compact-metric small { font-size: 10.5px; }
    .app-page .metric-copy p,
    .app-page .compact-metric p { font-size: 9.5px; }
    .app-page th { font-size: 9px; }
    .app-page td { font-size: 11px; }
}

.account-flow-form { padding: 0; overflow: hidden; }
.flow-step { padding: 26px 28px; border-bottom: 1px solid var(--line); }
.flow-step:last-of-type { border-bottom: 0; }
.flow-step-head { margin-bottom: 20px; display: flex; align-items: flex-start; gap: 14px; }
.flow-step-head > span { width: 36px; height: 36px; display: grid; place-items: center; flex: 0 0 auto; border: 1px solid rgba(95,124,255,.26); border-radius: 11px; background: rgba(95,124,255,.09); color: #91a5ff; font-size: 12px; font-weight: 850; }
.flow-step-head h3 { margin: 0 0 4px; color: #e7edf8; font-size: 18px; }
.flow-step-head p { margin: 0; color: var(--muted); font-size: 13px; line-height: 1.55; }
.form-grid.three-columns { grid-template-columns: repeat(3,minmax(0,1fr)); }
.choice-cards { display: grid; grid-template-columns: repeat(2,minmax(0,1fr)); gap: 12px; }
.choice-cards.three { grid-template-columns: repeat(3,minmax(0,1fr)); }
.choice-cards.four { grid-template-columns: repeat(4,minmax(0,1fr)); }
.custom-days-group { display: grid; gap: 12px; }
.custom-days-field,
.compact-custom-days {
    padding: 13px 14px;
    display: grid;
    gap: 7px;
    border: 1px solid rgba(95,124,255,.24);
    border-radius: 12px;
    background: rgba(95,124,255,.06);
}
.custom-days-field > span,
.compact-custom-days > span { color: #b8c6dc; font-size: 12px; font-weight: 780; }
.custom-days-field small { color: #778aa5; font-size: 11px; }
.custom-days-field input,
.compact-custom-days input { width: 100%; }
.custom-days-field[hidden],
.compact-custom-days[hidden] { display: none !important; }
.reseller-validity-group { margin-top: 2px; }
.quick-action-fields .compact-custom-days { padding: 9px 10px; }
.quick-action-fields .compact-custom-days > span { font-size: 10px; }
.choice-card { position: relative; min-height: 82px; padding: 16px; display: flex; align-items: center; gap: 12px; border: 1px solid var(--line); border-radius: 13px; background: rgba(10,20,35,.66); cursor: pointer; transition: .18s ease; }
.choice-card:hover { border-color: rgba(95,124,255,.34); transform: translateY(-1px); }
.choice-card input { width: 18px; height: 18px; min-height: 0; accent-color: #6987ff; }
.choice-card:has(input:checked) { border-color: rgba(95,124,255,.55); background: linear-gradient(145deg,rgba(95,124,255,.14),rgba(35,70,140,.08)); box-shadow: inset 0 0 0 1px rgba(95,124,255,.08); }
.choice-card span { display: flex; flex-direction: column; gap: 3px; }
.choice-card strong { color: #e5ecf8; font-size: 14px; }
.choice-card small { color: #8293ad; font-size: 11.5px; }
.duration-panel + .duration-panel { margin-top: 12px; }
.field-title { margin-bottom: 9px; display: block; color: #a9b8ce; font-size: 12.5px; font-weight: 750; }
.inline-password, .input-prefix { position: relative; display: flex; align-items: stretch; }
.inline-password input { padding-right: 74px; }
.field-action { position: absolute; top: 6px; right: 6px; bottom: 6px; padding: 0 12px; border: 1px solid rgba(95,124,255,.22); border-radius: 8px; background: rgba(95,124,255,.09); color: #9fb0ff; font-size: 11px; font-weight: 800; cursor: pointer; }
.field-action:hover { background: rgba(95,124,255,.16); color: #dfe6ff; }
.input-prefix > span { min-width: 48px; display: grid; place-items: center; border: 1px solid var(--line); border-right: 0; border-radius: 10px 0 0 10px; background: #101c2e; color: #7f91aa; font-size: 12px; font-weight: 800; }
.input-prefix input { border-radius: 0 10px 10px 0; }
.toggle-grid { display: grid; grid-template-columns: repeat(2,minmax(0,1fr)); gap: 12px; }
.toggle-field { min-height: 86px; padding: 15px; display: flex !important; align-items: flex-start; gap: 12px; border: 1px solid var(--line); border-radius: 13px; background: rgba(10,20,35,.62); }
.toggle-field input { width: 19px; height: 19px; min-height: 0; margin-top: 2px; accent-color: #6684ff; }
.toggle-field > span { display: flex; flex-direction: column; gap: 4px; }
.toggle-field strong { color: #dbe5f4; font-size: 13.5px; }
.toggle-field small { color: #7689a5; font-size: 11.5px; line-height: 1.45; }
.account-flow-form .form-actions { padding: 20px 28px 25px; border-top: 1px solid var(--line); background: rgba(8,17,30,.45); }
.form-save-note { color: #71839d; font-size: 12px; }
.created-result { margin-bottom: 18px; padding: 24px; border-color: rgba(51,212,155,.22); background: linear-gradient(145deg,rgba(51,212,155,.07),rgba(13,25,43,.9) 45%); }
.created-result-head { margin-bottom: 18px; display: flex; align-items: center; justify-content: space-between; gap: 18px; }
.created-result-head h2 { margin: 3px 0 5px; font-size: 24px; }
.created-result-head p:not(.eyebrow) { margin: 0; color: var(--muted); font-size: 13px; }
.created-result-grid { display: grid; grid-template-columns: repeat(4,minmax(0,1fr)); gap: 10px; }
.created-result-grid > div { min-height: 70px; padding: 12px 14px; display: flex; flex-direction: column; justify-content: center; gap: 5px; border: 1px solid rgba(120,146,188,.13); border-radius: 11px; background: rgba(7,17,30,.52); }
.created-result-grid span { color: #70839f; font-size: 10.5px; }
.created-result-grid strong { color: #e0e8f5; font-size: 13.5px; overflow-wrap: anywhere; }
.operation-profile-card { margin-bottom: 18px; padding: 22px 24px; display: flex; align-items: center; justify-content: space-between; gap: 24px; }
.operation-profile-main { display: flex; align-items: center; gap: 14px; }
.presence-avatar.large { width: 50px; height: 50px; border-radius: 14px; font-size: 17px; }
.operation-profile-main h3 { margin: 2px 0 3px; color: #e6edf8; font-size: 22px; }
.operation-profile-main p:not(.eyebrow) { margin: 0; color: #8192aa; font-size: 12.5px; }
.operation-profile-stats {  grid-template-columns: repeat(4,minmax(90px,1fr)); gap: 8px; }
.operation-profile-stats > div { min-height: 61px; padding: 10px 12px; display: flex; flex-direction: column;  gap: 4px; border: 1px solid var(--line); border-radius: 10px; background: rgba(8,18,31,.58); }
.operation-profile-stats span { color: #70829c; font-size: 10px; }
.operation-profile-stats strong { color: #dfe7f4; font-size: 13px; }
.operation-actions-grid { margin-top: 18px; display: grid; grid-template-columns: repeat(2,minmax(0,1fr)); gap: 14px; }
.quick-action { padding: 19px; display: flex; align-items: flex-end;  gap: 18px; }
.quick-action > div:first-child { min-width: 0; }
.quick-action-icon { margin-bottom: 10px; display: inline-block; font-size: 20px; }
.quick-action h3 { margin: 0 0 5px; color: #e1e9f6; font-size: 16px; }
.quick-action p { margin: 0; color: #7487a3; font-size: 11.5px; line-height: 1.45; }
.quick-action-fields { width: min(230px,45%); display: grid; gap: 8px; }
.quick-action > .button { flex: 0 0 auto; }
.danger-zone { margin-top: 14px; padding: 20px 22px; display: flex; align-items: center; justify-content: space-between; gap: 18px; border-color: rgba(255,107,123,.18); }
.danger-zone h3 { margin: 3px 0 5px; font-size: 17px; }
.danger-zone p:not(.eyebrow) { margin: 0; color: #7c8ca3; font-size: 12px; }
.operation-history { margin-top: 14px; padding: 22px; }
.history-list { margin-top: 16px; display: grid; gap: 13px; }
.history-list > div { display: flex; align-items: flex-start; gap: 11px; }
.history-dot { width: 9px; height: 9px; margin-top: 5px; flex: 0 0 auto; border-radius: 50%; background: #617eff; box-shadow: 0 0 0 4px rgba(97,126,255,.08); }
.history-list strong { display: block; color: #cfd9e8; font-size: 12.5px; }
.history-list small { margin-top: 3px; display: block; color: #6f829d; font-size: 10.5px; }
.list-filter-tabs { margin: -5px 0 14px; padding: 5px; display: inline-flex; gap: 4px; border: 1px solid var(--line); border-radius: 11px; background: rgba(10,20,34,.62); }
.list-filter-tabs a { min-height: 34px; padding: 0 14px; display: inline-flex; align-items: center; border-radius: 8px; color: #7f91aa; font-size: 12px; font-weight: 750; }
.list-filter-tabs a.active { background: rgba(95,124,255,.13); color: #cbd6ff; }
.permission-mini { display: flex; gap: 5px; }
.permission-mini span { padding: 4px 7px; border: 1px solid var(--line); border-radius: 7px; color: #657791; font-size: 9.5px; font-weight: 800; }
.permission-mini span.enabled { border-color: rgba(51,212,155,.19); background: rgba(51,212,155,.06); color: #62d8ae; }

@media (max-width: 1100px) {
    .created-result-grid { grid-template-columns: repeat(2,minmax(0,1fr)); }
    .operation-profile-card { align-items: flex-start; flex-direction: column; }
    .operation-profile-stats { width: 100%; }
    .form-grid.three-columns { grid-template-columns: repeat(2,minmax(0,1fr)); }
}
@media (max-width:1024px) {
    .flow-step { padding: 20px 17px; }
    .choice-cards, .choice-cards.three, .toggle-grid, .form-grid.three-columns { grid-template-columns: 1fr; }
    .created-result { padding: 18px; }
    .created-result-head { align-items: stretch; flex-direction: column; }
    .created-result-grid { grid-template-columns: 1fr; }
    .operation-profile-card { padding: 18px; }
    .operation-profile-stats { grid-template-columns: repeat(2,minmax(0,1fr)); }
    .operation-actions-grid {  }
    .quick-action {   }
    .quick-action-fields {  }
    .danger-zone { align-items: stretch; flex-direction: column; }
    .danger-zone .button { width: 100%; }
    .list-filter-tabs { width: 100%; }
    .list-filter-tabs a { flex: 1; justify-content: center; padding-inline: 7px; }
    .bot-data-table { min-width: 1050px; }
}

.sidebar .nav-tree {
    padding: 14px 4px 16px;
    gap: 4px;
}
.sidebar .nav-tree .nav-section {
    margin: 0;
    display: block;
}
.sidebar .nav-tree .nav-link,
.sidebar .nav-tree .nav-group-toggle {
    min-height: 50px;

    gap: 11px;
    border-radius: 13px;
}
.sidebar .nav-tree .nav-group-main {
    gap: 11px;
}
.sidebar .nav-tree .nav-icon {
    width: 30px;
    height: 30px;
    border: 0;
    border-radius: 8px;
    background: transparent;
    color: #8292aa;
}
.sidebar .nav-tree .nav-svg {
    width: 19px;
    height: 19px;
}
.sidebar .nav-tree .nav-copy strong {

    font-weight: 650;
    letter-spacing: -.01em;
}
.sidebar .nav-tree .nav-copy small {
    display: none;
}
.sidebar .nav-tree .nav-link.active,
.sidebar .nav-tree .nav-group-toggle.active,
.sidebar .nav-tree .nav-group.open > .nav-group-toggle {
    border-color: rgba(129, 151, 199, .12);
    background: rgba(132, 148, 176, .17);
    box-shadow: none;
    color: #f0f3f8;
}
.sidebar .nav-tree .nav-link.active::before,
.sidebar .nav-tree .nav-group-toggle.active::before {
    display: none;
}
.sidebar .nav-tree .nav-link.active .nav-icon,
.sidebar .nav-tree .nav-group-toggle.active .nav-icon,
.sidebar .nav-tree .nav-group.open > .nav-group-toggle .nav-icon {
    border: 0;
    background: transparent;
    color: #e7ebf2;
}
.sidebar .nav-tree .nav-chevron {
    width: 28px;
    height: 28px;

    color: #8c9bb0;
}
.sidebar .nav-tree .nav-group.open > .nav-group-toggle .nav-chevron {
    color: #d6dde8;
}
.sidebar .nav-tree .nav-submenu {

    margin: 4px 0 8px 19px;

    gap: 2px;

    border-left: 1px solid rgba(132, 149, 178, .15);

}
.sidebar .nav-tree .nav-sublink {
    min-height: 42px;

    gap: 9px;

    color: #9aa8ba;

    font-weight: 580;
}
.sidebar .nav-tree .nav-sublink:hover {
    border-color: transparent;
    background: rgba(128, 145, 174, .09);
    color: #e2e7ef;
}
.sidebar .nav-tree .nav-sublink.active {
    border-color: transparent;
    background: rgba(132, 148, 176, .17);
    color: #f0f3f8;
}
.sidebar .nav-tree .nav-sublink-icon {
    width: 25px;
    height: 25px;
    border-radius: 7px;
    background: transparent;
    color: #8292aa;
}
.sidebar .nav-tree .nav-sublink.active .nav-sublink-icon {
    background: rgba(107, 132, 224, .10);
    color: #aabaff;
}
.sidebar .nav-tree .nav-sublink > small {
    margin-left: auto;
    color: #65758b;
    font-size: 8.5px;
}
.sidebar .nav-tree .nav-divider {

    margin: 13px 4px 12px;
    background: rgba(139, 164, 207, .14);
}
.sidebar .nav-tree .nav-section-last {
    margin: 0;
}

@media (max-width:1024px) {
    .sidebar .nav-tree .nav-link,
    .sidebar .nav-tree .nav-group-toggle {
        min-height: 52px;
    }
    .sidebar .nav-tree .nav-copy strong {
        font-size: 15.5px;
    }
    .sidebar .nav-tree .nav-sublink {
        min-height: 44px;
        font-size: 14px;
    }
}

.compact-operation-form {
    width: min(100%, 980px);
}
.compact-operation-form .flow-step {
    padding: 23px 26px;
}
.compact-operation-form .compact-fields {
    width: min(100%, 790px);
    grid-template-columns: repeat(2, minmax(240px, 360px));
    justify-content: start;
    column-gap: 18px;
    row-gap: 15px;
}
.compact-operation-form .compact-fields.one-column {
    grid-template-columns: minmax(240px, 360px);
}
.compact-operation-form .compact-fields > label,
.compact-operation-form .compact-fields > .toggle-field {
    min-width: 0;
}
.compact-operation-form input,
.compact-operation-form select,
.compact-operation-form textarea {
    max-width: 360px;
}
.compact-operation-form .input-prefix,
.compact-operation-form .inline-password {
    width: min(100%, 360px);
}
.compact-operation-form .compact-choices {
    width: min(100%, 790px);
    grid-template-columns: repeat(2, minmax(230px, 330px));
    justify-content: start;
}
.compact-operation-form .compact-choices.three {
    grid-template-columns: repeat(3, minmax(170px, 225px));
}
.compact-operation-form .compact-toggles {
    width: min(100%, 790px);
    grid-template-columns: repeat(2, minmax(250px, 360px));
    justify-content: start;
}
.compact-operation-form .form-actions {
    justify-content: space-between;
}
.compact-operation-form input[readonly] {
    background: #0d1828;
    color: #9eb0c8;
    cursor: default;
}

@media (max-width:1024px) {
    .compact-operation-form {
        width: 100%;
    }
    .compact-operation-form .flow-step {
        padding: 19px 16px;
    }
    .compact-operation-form .compact-fields,
    .compact-operation-form .compact-fields.one-column,
    .compact-operation-form .compact-choices,
    .compact-operation-form .compact-choices.three,
    .compact-operation-form .compact-toggles {
        width: 100%;
        grid-template-columns: 1fr;
    }
    .compact-operation-form input,
    .compact-operation-form select,
    .compact-operation-form textarea,
    .compact-operation-form .input-prefix,
    .compact-operation-form .inline-password {
        width: 100%;
        max-width: none;
    }
}

.created-result-grid .created-result-wide { grid-column: 1 / -1; }
.created-result-grid .created-result-wide strong { overflow-wrap: anywhere; }
.xray-toggle-grid { max-width: 520px; }
.xray-uuid-fields { margin-top: 14px; }
.inline-uuid { display: grid; grid-template-columns: minmax(0, 360px) auto; gap: 10px; align-items: center; max-width: 520px; }
.inline-uuid input { width: 100%; font-family: ui-monospace, SFMono-Regular, Menlo, Monaco, Consolas, monospace; letter-spacing: .02em; }
.inline-uuid .button { min-height: 44px; white-space: nowrap; }
.xray-uuid-fields.is-disabled { opacity: .58; }
.xray-readonly-state { max-width: 520px; display: flex; flex-direction: column; gap: 6px; padding: 15px; border: 1px solid var(--line); border-radius: 13px; background: rgba(10,20,35,.62); }
.xray-readonly-state strong { color: var(--text); }
.xray-readonly-state small { color: var(--muted); }
.xray-readonly-state code { margin-top: 4px; color: #a9bbff; overflow-wrap: anywhere; }
@media (max-width: 700px) { .inline-uuid { grid-template-columns: 1fr; } .inline-uuid .button { width: 100%; } }

.server-actions-card{display:grid;gap:22px}.server-action-grid{display:flex;flex-wrap:wrap;gap:12px}.server-action-grid form{margin:0}.server-status-details{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:14px}.server-status-details>div{padding:16px;border:1px solid var(--border);border-radius:14px;background:rgba(8,20,36,.52)}.server-status-details span{display:block;font-size:.85rem;color:var(--muted);margin-bottom:6px}.server-status-details strong{font-size:1rem}.status-pill.pending{background:rgba(245,158,11,.14);color:#fbbf24}.status-pill.online{background:rgba(34,197,94,.14);color:#4ade80}.status-pill.offline,.status-pill.error{background:rgba(239,68,68,.14);color:#f87171}.xray-choice-cards{grid-template-columns:repeat(2,minmax(0,1fr))}.field-wide{grid-column:1/-1}.responsive-table td code{font-size:.9rem}.responsive-table td small{display:block;margin-top:5px;color:var(--muted)}
@media(max-width:1024px){.server-status-details{grid-template-columns:1fr}.server-action-grid{grid-template-columns:1fr 1fr}.server-action-grid .button{width:100%}.xray-choice-cards{grid-template-columns:1fr}}
.server-heading-actions{display:flex;align-items:center;gap:12px;flex-wrap:wrap}.server-heading-actions form{margin:0}@media(max-width:640px){.server-heading-actions{width:100%}.server-heading-actions form,.server-heading-actions .button{width:100%}.server-heading-actions button{width:100%}}

.checkuser-stats{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:14px;margin-bottom:20px}.checkuser-stats article{padding:18px;border:1px solid var(--border);border-radius:16px;background:linear-gradient(145deg,rgba(14,29,49,.92),rgba(8,18,32,.86));box-shadow:0 16px 34px rgba(0,0,0,.12)}.checkuser-stats span,.checkuser-stats small{display:block;color:var(--muted)}.checkuser-stats strong{display:block;margin:8px 0 4px;font-size:1.7rem;color:var(--text)}.endpoint-list{display:grid;gap:12px}.endpoint-list>div{display:grid;gap:7px;padding:14px 16px;border:1px solid var(--border);border-radius:13px;background:rgba(7,17,31,.52)}.endpoint-list span{font-weight:700}.endpoint-list code{display:block;padding:10px 12px;border-radius:10px;background:#07111f;color:#b9c8ff;overflow-wrap:anywhere}.information-card p{line-height:1.7;color:var(--muted)}
.checkuser-device-card{display:grid;gap:18px}.device-card-heading{align-items:center}.device-limit-badge{display:flex;align-items:baseline;gap:6px;padding:10px 14px;border:1px solid var(--border);border-radius:13px;background:rgba(70,92,255,.1)}.device-limit-badge strong{font-size:1.45rem}.device-limit-badge small{color:var(--muted)}.device-list{display:grid;gap:10px}.device-row{display:flex;justify-content:space-between;align-items:center;gap:14px;padding:14px 15px;border:1px solid var(--border);border-radius:14px;background:rgba(7,17,31,.52)}.device-row-main{display:flex;align-items:flex-start;gap:12px;min-width:0}.device-row-main>div{min-width:0}.device-row-main strong{display:block;font-family:ui-monospace,SFMono-Regular,Menlo,Monaco,Consolas,monospace;overflow-wrap:anywhere}.device-row-main small{display:block;margin-top:5px;color:var(--muted);line-height:1.45}.device-icon{display:grid;place-items:center;flex:0 0 38px;height:38px;border-radius:11px;background:rgba(70,92,255,.16);color:#b8c2ff;font-size:.78rem;font-weight:800}.device-clear-form{display:flex;align-items:center;gap:14px;flex-wrap:wrap}.device-clear-form small{color:var(--muted)}.compact-empty{padding:18px}.small-button{min-height:38px;padding:8px 12px}
@media(max-width:1024px){.checkuser-stats{grid-template-columns:1fr}.device-row{align-items:stretch;flex-direction:column}.device-row form,.device-row .button{width:100%}.device-limit-badge{align-self:flex-start}}

/* CheckUser independente: formulário simples, sem navegação vertical. */
.compact-page-heading { margin-bottom: 22px; }
.checkuser-simple-card { max-width: 760px; }
.checkuser-simple-card .form-grid { max-width: 620px; }
.checkuser-simple-toggle { max-width: 620px; margin-top: 20px; }
@media (max-width:1024px) {
    .checkuser-simple-card { max-width: none; }
    .checkuser-simple-card .form-grid,
    .checkuser-simple-toggle { max-width: none; }
}

.settings-layout, .settings-shell { display: block !important; }
.settings-tabs { margin-bottom: 22px; padding: 6px; display: flex; gap: 6px; overflow-x: auto;   background: rgba(13,24,40,.82); scrollbar-width: thin; }
.settings-tab { min-width: 150px; padding: 12px 16px; display: grid; gap: 3px; border-radius: 11px; color: #8293ad; white-space: nowrap; }
.settings-tab:hover { color: #dfe7f5; background: rgba(91,122,231,.08); }
.settings-tab.active { color: #f6f8ff; background: linear-gradient(135deg, rgba(91,122,231,.24), rgba(56,89,192,.15)); box-shadow: inset 0 0 0 1px rgba(111,139,255,.24); }
.settings-tab strong { font-size: 14px; }
.settings-tab small { color: #667995; font-size: 11px; }
.settings-tab.active small { color: #91a7d3; }
.settings-content { width: 100%; }

.inline-password { display: grid; grid-template-columns: minmax(0,1fr) auto; gap: 8px; align-items: stretch; }
.inline-password input[readonly] { cursor: default; background: rgba(7,15,28,.82); color: #e8efff; letter-spacing: .16em; font-weight: 800; }
.phone-field { gap: 6px !important; }
.field-description { margin: -1px 0 3px; color: var(--muted); font-size: 12px; font-weight: 500; }
.phone-input-grid { display: grid; grid-template-columns: 82px 92px minmax(150px,1fr); gap: 8px; max-width: 470px; }
.phone-input-grid input { min-width: 0; }

.created-result { display: block; margin: 0; border: 0; box-shadow: none; background: transparent; padding: 0; }
.ui-modal-layer[hidden] { display: none; }
.ui-modal-layer { position: fixed; inset: 0; z-index: 3000; display: grid; place-items: center; padding: 20px; }
.ui-modal-backdrop { position: absolute; inset: 0; background: rgba(2,8,18,.76); backdrop-filter: blur(8px); }
.ui-modal { position: relative; z-index: 1; width: min(620px, 100%); max-height: min(84vh, 760px); display: grid; grid-template-rows: auto minmax(0,1fr) auto; overflow: hidden; border: 1px solid rgba(113,143,218,.27); border-radius: 20px; background: #0c1829; box-shadow: 0 28px 90px rgba(0,0,0,.48); }
.ui-modal-header { padding: 20px 22px; display: flex; align-items: flex-start; justify-content: space-between; gap: 18px; border-bottom: 1px solid var(--line); }
.ui-modal-header h2 { margin: 4px 0 0; font-size: 23px; }
.ui-modal-close { width: 38px; height: 38px; display: grid; place-items: center; border: 1px solid var(--line); border-radius: 11px; background: #101f34; color: #a9b7cd; font-size: 25px; line-height: 1; cursor: pointer; }
.ui-modal-close:hover { color: #fff; border-color: rgba(111,139,255,.48); }
.ui-modal-body { min-height: 72px; padding: 22px; overflow: auto; color: #cdd7e8; font-size: 14px; line-height: 1.6; }
.ui-modal-actions { padding: 15px 22px 20px; display: flex; justify-content: flex-end; gap: 10px; border-top: 1px solid var(--line); }
body.modal-open { overflow: hidden; }

@media (max-width: 680px) {
  .settings-tabs { margin-inline: -4px; }
  .settings-tab { min-width: 128px; padding: 10px 12px; }
  .settings-tab small { display: none; }
  .phone-input-grid { grid-template-columns: 70px 76px minmax(120px,1fr); gap: 6px; }
  .ui-modal-layer { padding: 10px;  }
  .ui-modal { width: min(620px, calc(100vw - 20px)); max-height: calc(100dvh - 20px); border-radius: 18px; }
  .ui-modal-header, .ui-modal-body, .ui-modal-actions { padding-left: 16px; padding-right: 16px; }
}

.app-page .page-content > .created-result[data-created-result] { display: none; }
.ui-modal .created-result[data-created-result] { display: block; }

.account-overview-card {
    display: block;
    padding: 0;
    overflow: hidden;
}
.operation-profile-head {
    padding: 26px 28px;
    display: flex;
    align-items: center;
    justify-content: space-between;
    gap: 22px;
    border-bottom: 1px solid var(--line);
    background: linear-gradient(135deg, rgba(87,112,230,.09), rgba(7,18,32,.12));
}
.operation-profile-main {
    min-width: 0;
}
.operation-profile-main h3 {
    margin-top: 4px;
    font-size: clamp(23px, 2vw, 29px);
}
.operation-profile-main p:not(.eyebrow) {
    font-size: 14px;
}
.operation-profile-state {
    display: flex;
    align-items: flex-end;
    flex-direction: column;
    gap: 8px;
    text-align: right;
}
.operation-profile-state small {
    color: #8496b1;
    font-size: 13px;
}
.account-status-badge {
    min-height: 34px;
    padding: 0 14px;
    display: inline-flex;
    align-items: center;
    justify-content: center;
    border: 1px solid rgba(117,139,184,.22);
    border-radius: 999px;
    background: rgba(117,139,184,.09);
    color: #c5d0e2;
    font-size: 12px;
    font-weight: 800;
}
.account-status-badge.status-active {
    border-color: rgba(47,211,157,.24);
    background: rgba(47,211,157,.09);
    color: #5ee0b6;
}
.account-status-badge.status-blocked,
.account-status-badge.status-expired {
    border-color: rgba(255,103,124,.24);
    background: rgba(255,103,124,.08);
    color: #ff91a2;
}
.operation-profile-stats {
    width: 100%;
    padding: 20px 28px 26px;
    display: grid;
    grid-template-columns: repeat(auto-fit, minmax(150px, 1fr));
    gap: 12px;
}
.operation-profile-stats > div {
    min-height: 82px;
    padding: 15px 16px;
    justify-content: center;
    gap: 7px;
    border-radius: 14px;
    background: rgba(8,18,31,.72);
}
.operation-profile-stats span {
    font-size: 12px;
}
.operation-profile-stats strong {
    font-size: 15px;
    line-height: 1.35;
    overflow-wrap: anywhere;
}
.profile-password-stat strong {
    font-family: ui-monospace, SFMono-Regular, Menlo, Monaco, Consolas, monospace;
    letter-spacing: .06em;
}
.account-edit-section {
    margin-top: 30px;
}
.account-section-heading {
    margin-bottom: 14px;
    display: flex;
    align-items: flex-end;
    justify-content: space-between;
    gap: 18px;
}
.account-section-heading h3 {
    margin: 3px 0 5px;
    color: #edf2fb;
    font-size: 21px;
}
.account-section-heading p:not(.eyebrow) {
    margin: 0;
    color: #8192aa;
    font-size: 13px;
}
.operation-actions-grid {
    margin-top: 0;
    gap: 18px;
}
.quick-action {
    min-height: 184px;
    padding: 22px;
    align-items: stretch;
    justify-content: space-between;
    flex-direction: column;
    gap: 20px;
}
.quick-action h3 {
    font-size: 18px;
}
.quick-action p {
    max-width: 440px;
    font-size: 13px;
}
.quick-action-fields {
    width: 100%;
    grid-template-columns: minmax(0, 1fr) auto;
    align-items: end;
    gap: 10px;
}
.quick-action-fields input,
.quick-action-fields select {
    width: 100%;
}
.quick-action > .button {
    align-self: flex-start;
    min-width: 150px;
}
.checkuser-edit-section {
    margin-top: 34px;
}
.checkuser-device-card {
    margin: 0;
    padding: 22px 24px;
    gap: 16px;
}
.checkuser-device-card .card-heading {
    margin-bottom: 0;
}
.checkuser-device-card .card-heading .eyebrow {
    display: none;
}
.checkuser-device-card .card-heading h3 {
    margin-top: 0;
}
.checkuser-device-card .compact-empty {
    padding: 22px 20px;
    border: 1px dashed rgba(107,132,181,.22);
    border-radius: 14px;
    background: rgba(7,17,31,.38);
    text-align: left;
}
.danger-zone,
.operation-history {
    margin-top: 30px;
}

@media (max-width: 1280px) {
    .operation-profile-stats { grid-template-columns: repeat(3, minmax(0, 1fr)); }
}
@media (max-width:1024px) {
    .operation-profile-head {
        padding: 20px 18px;
        align-items: flex-start;
        flex-direction: column;
    }
    .operation-profile-state {
        align-items: flex-start;
        text-align: left;
    }
    .operation-profile-stats {
        padding: 16px 18px 20px;

    }
    .operation-profile-stats > div {
        min-height: 76px;
        padding: 13px;
    }
    .quick-action-fields {
        grid-template-columns: 1fr;
    }
    .quick-action-fields .button,
    .quick-action > .button {
        width: 100%;
    }
    .account-section-heading h3 { font-size: 19px; }
}
@media (max-width: 460px) {
    .operation-profile-stats { grid-template-columns: 1fr; }
}

.password-generation-action .inline-password {
    width: 100%;
}
.password-generation-action .inline-password input[readonly] {
    font-variant-numeric: tabular-nums;
    letter-spacing: .14em;
    font-weight: 800;
}

/* Atualizações privadas do painel. */
.panel-version-card {
  margin: 0 0 24px;
  padding: 20px 22px;
  display: grid;
  grid-template-columns: auto minmax(220px, 1fr) auto auto;
  align-items: center;
  gap: 18px;
  border: 1px solid rgba(99,132,222,.25);
  border-radius: 20px;
  background: linear-gradient(125deg, rgba(18,36,64,.96), rgba(10,24,43,.96));
  box-shadow: 0 18px 45px rgba(0,0,0,.18);
}
.panel-version-icon {
  width: 54px;
  height: 54px;
  display: grid;
  place-items: center;
  border: 1px solid rgba(104,137,255,.35);
  border-radius: 16px;
  background: rgba(64,99,220,.16);
  color: #7d9cff;
}
.panel-version-icon svg { width: 25px; height: 25px; fill: none; stroke: currentColor; stroke-width: 1.8; stroke-linecap: round; stroke-linejoin: round; }
.panel-version-copy h3 { margin: 3px 0 5px; font-size: 20px; }
.panel-version-copy p:last-child { margin: 0; color: var(--muted); font-size: 14px; }
.panel-version-number { min-width: 150px; padding: 10px 16px; border-left: 1px solid var(--line); }
.panel-version-number small, .panel-version-number span { display: block; color: var(--muted); font-size: 12px; }
.panel-version-number strong { display: block; margin: 2px 0; font-size: 23px; color: #fff; }
.panel-version-actions { display: flex; align-items: center; gap: 10px; }
.panel-version-actions .button { white-space: nowrap; }
.settings-form .full-width { grid-column: 1 / -1; }
.form-note.secure-note { margin-top: 18px; padding: 14px 16px; display: flex; flex-direction: column; gap: 4px; border: 1px solid rgba(77,207,167,.22); border-radius: 14px; background: rgba(26,96,78,.12); }
.form-note.secure-note strong { color: #dce7f8; }
.form-note.secure-note span { color: var(--muted); font-size: 13px; }
.update-release-summary { display: grid; gap: 16px; }
.update-version-comparison { display: grid; grid-template-columns: 1fr auto 1fr; align-items: center; gap: 14px; }
.update-version-comparison > div { padding: 14px 16px; border: 1px solid var(--line); border-radius: 14px; background: rgba(13,29,51,.86); }
.update-version-comparison small { display: block; color: var(--muted); font-size: 12px; }
.update-version-comparison strong { display: block; margin-top: 3px; color: #fff; font-size: 22px; }
.update-version-comparison > span { color: #6f8bff; font-size: 24px; }
.update-release-summary h3 { margin: 0; font-size: 18px; }
.update-release-notes { max-height: 220px; margin: 0; padding: 14px; overflow: auto; white-space: pre-wrap; word-break: break-word; border: 1px solid var(--line); border-radius: 12px; background: #081526; color: #bac8dd; font: inherit; line-height: 1.55; }
.update-progress { display: grid; gap: 12px; }
.update-progress-track { height: 10px; overflow: hidden; border-radius: 999px; background: #081526; box-shadow: inset 0 0 0 1px rgba(118,145,201,.16); }
.update-progress-track span { display: block; height: 100%; border-radius: inherit; background: linear-gradient(90deg, #536ff0, #3ba8ff); transition: width .35s ease; }
.update-progress strong { color: #fff; font-size: 17px; }
.update-progress p { margin: 0; color: var(--muted); }

@media (max-width: 1080px) {
  .panel-version-card { grid-template-columns: auto 1fr auto; }
  .panel-version-number { border-left: 0; border-top: 1px solid var(--line); grid-column: 2 / -1; padding: 12px 0 0; }
  .panel-version-actions { grid-column: 2 / -1; }
}
@media (max-width: 680px) {
  .panel-version-card { grid-template-columns: auto 1fr; padding: 17px; gap: 14px; }
  .panel-version-number, .panel-version-actions { grid-column: 1 / -1; }
  .panel-version-number { padding-top: 13px; }
  .panel-version-actions { display: grid; grid-template-columns: 1fr 1fr; }
  .panel-version-actions .button { width: 100%; }
  .update-version-comparison { grid-template-columns: 1fr; }
  .update-version-comparison > span { transform: rotate(90deg); justify-self: center; }
}

@media (max-width:1024px) {
    html, body { width: 100%; overflow-x: hidden; }
    .app-page { font-size: 16px; }
    .app-shell, .main-content, .page-content, .panel-card, .settings-content { min-width: 0; }

    .topbar {
        min-height: 64px;
        padding: 0 14px;
        gap: 10px;
    }
    .topbar-title {  gap: 10px; }
    .topbar h1 {
        overflow: hidden;
        font-size: 18px;
        text-overflow: ellipsis;
        white-space: nowrap;
    }
    .topbar-actions { gap: 8px; }
    .topbar-profile { display: none; }
    .menu-button { width: 42px; height: 42px; flex: 0 0 auto; }
    .page-content { padding: 16px 14px 32px; }

    .sidebar {
        width: min(88vw, 336px);
        padding: 14px 12px 12px;
    }
    .sidebar-top { min-height: 62px; padding-inline: 6px; }
    .sidebar-brand .brand-mark { width: 42px; height: 42px; }
    .sidebar-brand strong { font-size: 16px; }
    .nav-link, .nav-group-toggle { min-height: 54px; padding: 8px 10px; }
    .nav-copy strong { font-size: 14px; }
    .nav-copy small { font-size: 11px; line-height: 1.35; }
    .nav-sublink { min-height: 44px; font-size: 13px; }

    .dashboard-hero,
    .operation-heading,
    .settings-header,
    .card-heading,
    .table-toolbar,
    .operation-toolbar,
    .account-section-heading {
        align-items: stretch;
        flex-direction: column;
    }
    .dashboard-hero { padding: 18px; gap: 16px; }
    .dashboard-hero h2 { font-size: 25px; }
    .dashboard-hero p,
    .operation-heading p:not(.eyebrow),
    .settings-header p { font-size: 14px; line-height: 1.55; }
    .hero-actions,
    .operation-heading > .button,
    .operation-heading > div + div,
    .server-heading-actions { width: 100%; }
    .hero-actions { display: grid; grid-template-columns: 1fr; gap: 8px; }
    .hero-actions .button,
    .hero-actions .date-chip,
    .operation-heading > .button,
    .server-heading-actions form,
    .server-heading-actions .button { width: 100%; }

    .primary-metrics,
    .secondary-metrics,
    .dashboard-grid,
    .profile-grid,
    .form-grid.two-columns,
    .form-grid.three-columns,
    .settings-summary-grid,
    .toggle-grid,
    .choice-cards,
    .choice-cards.three,
    .operation-actions-grid,
    .server-status-details,
    .server-action-grid,
    .checkuser-stats {
        grid-template-columns: 1fr !important;
    }
    .metric-grid { gap: 10px; }
    .metric-card, .compact-metric { min-height: auto; padding: 16px; }
    .metric-copy span { font-size: 13px; }
    .metric-copy strong { font-size: 23px; }
    .metric-copy small { font-size: 12px; line-height: 1.45; }
    .panel-card { padding: 16px; border-radius: 15px; }

    .operation-toolbar { padding: 14px; gap: 12px; }
    .search-field, .operation-summary { width: 100%; max-width: none; }
    .operation-summary { justify-content: flex-start; }
    .table-wrap {
        width: 100%;
        margin-inline: 0;
        overflow-x: auto;
        border-radius: 12px;
        -webkit-overflow-scrolling: touch;
        scrollbar-width: thin;
    }
    .responsive-table, .professional-table { min-width: 680px; }
    .responsive-table th, .responsive-table td,
    .professional-table th, .professional-table td { padding: 13px 12px; font-size: 13px; }

    .settings-tabs {
        margin: 0 -2px 18px;
        padding: 5px;
        gap: 5px;

        scroll-snap-type: x proximity;
        -webkit-overflow-scrolling: touch;
    }
    .settings-tab {
        min-width: 142px;
        padding: 11px 13px;
        scroll-snap-align: start;
    }
    .settings-tab strong { font-size: 14px; }
    .settings-tab small { display: block; font-size: 10px; }
    .settings-form { padding: 16px; }
    .form-section-heading { margin-bottom: 16px; gap: 11px; }
    .form-section-heading > div { align-items: flex-start; }
    .section-number { width: 36px; height: 36px; flex: 0 0 auto; }
    .form-section-heading h3 { font-size: 17px; }
    .form-section-heading p { font-size: 12px; line-height: 1.45; }

    .form-stack label,
    .settings-form label,
    .form-grid > label { gap: 8px; font-size: 14px; }
    input, select, textarea {
        width: 100%;
        max-width: none !important;
        min-width: 0;
        border-radius: 12px;
        font-size: 16px;
    }
    input, select { min-height: 48px; padding-inline: 13px; }
    textarea { min-height: 108px; padding: 12px 13px; }
    .field-description,
    .form-grid label small,
    .settings-form label small { font-size: 12px; line-height: 1.45; }
    .form-actions {
        width: 100%;
        display: grid;
        grid-template-columns: 1fr;
        gap: 9px;
    }
    .form-actions .button,
    .form-actions button { width: 100%; }

    .inline-password,
    .inline-uuid,
    .quick-action-fields {
        width: 100%;
        max-width: none;
        grid-template-columns: 1fr !important;
    }
    .inline-password .button,
    .inline-uuid .button,
    .quick-action-fields .button { width: 100%; min-height: 46px; }
    .phone-input-grid {
        width: 100%;
        max-width: none;
        grid-template-columns: minmax(78px, .7fr) minmax(96px, 1fr);
        gap: 8px;
    }
    .phone-input-grid input:last-child { grid-column: 1 / -1; }

    .choice-card { min-height: 74px; padding: 14px; }
    .choice-card strong { font-size: 15px; }
    .choice-card small { font-size: 12px; }

    /* Switch móvel consistente, sem checkbox solto. */
    .toggle-field {
        position: relative;
        min-height: 82px;
        padding: 15px 68px 15px 15px;
        align-items: center;
        gap: 0;
    }
    .toggle-field > span { min-width: 0; gap: 5px; }
    .toggle-field strong { font-size: 15px; }
    .toggle-field small { font-size: 12px; line-height: 1.45; }
    .toggle-field input[type="checkbox"] {
        appearance: none;
        -webkit-appearance: none;
        position: absolute;
        top: 50%;
        right: 14px;
        width: 46px;
        height: 27px;
        min-height: 27px;
        margin: 0;
        transform: translateY(-50%);
        border: 1px solid rgba(127,151,190,.28);
        border-radius: 999px;
        background-color: #0a1423;
        background-image: radial-gradient(circle at 13px 50%, #8493aa 0 9px, transparent 10px);
        box-shadow: inset 0 0 0 1px rgba(0,0,0,.12), 0 3px 8px rgba(0,0,0,.14);
        cursor: pointer;
        transition: border-color .2s ease, background-color .2s ease, background-position .2s ease;
    }
    .toggle-field input[type="checkbox"]:checked {
        border-color: rgba(95,124,255,.68);
        background-color: #5573ee;
        background-image: radial-gradient(circle at calc(100% - 13px) 50%, #fff 0 9px, transparent 10px), linear-gradient(110deg, #5573ee, #428ef3);
    }
    .toggle-field input[type="checkbox"]:focus-visible {
        outline: 3px solid rgba(95,124,255,.22);
        outline-offset: 2px;
    }

    .quick-action { min-height: 0; padding: 17px; gap: 16px; }
    .quick-action h3 { font-size: 18px; }
    .quick-action p { font-size: 13px; line-height: 1.5; }
    .quick-action > .button { width: 100%; }

    .operation-profile-head { padding: 18px 16px; gap: 14px; }
    .operation-profile-main h3 { font-size: 24px; }
    .operation-profile-stats {
        padding: 14px 16px 18px;

        gap: 9px;
    }
    .operation-profile-stats > div { min-height: 78px; padding: 12px; }
    .operation-profile-stats span { font-size: 11px; }
    .operation-profile-stats strong { font-size: 14px; }

    .device-row, .device-clear-form { align-items: stretch; flex-direction: column; }
    .device-row form, .device-row .button,
    .device-clear-form form, .device-clear-form .button { width: 100%; }

    .server-actions-card { gap: 16px; }
    .server-action-grid { display: grid; gap: 9px; }
    .server-action-grid form, .server-action-grid .button { width: 100%; }
    .server-status-details > div { padding: 14px; }

    .panel-version-card {
        grid-template-columns: 1fr;
        padding: 17px;
        gap: 14px;
    }
    .panel-version-icon { width: 48px; height: 48px; }
    .panel-version-number,
    .panel-version-actions { grid-column: auto; width: 100%; }
    .panel-version-number { padding: 13px 0 0; border-top: 1px solid var(--line); border-left: 0; }
    .panel-version-actions { display: grid; grid-template-columns: 1fr; gap: 8px; }
    .panel-version-actions .button { width: 100%; }

    .ui-modal-layer { padding: 12px;  }
    .ui-modal {
        width: min(620px, calc(100vw - 24px));
        max-height: calc(100dvh - 24px);
        border-radius: 18px;
    }
    .ui-modal-header { padding: 17px 16px 14px; }
    .ui-modal-header h2 { font-size: 21px; }
    .ui-modal-body { padding: 18px 16px; font-size: 14px; }
    .ui-modal-actions {
        padding: 12px 16px max(16px, env(safe-area-inset-bottom));
        display: grid;
        grid-template-columns: 1fr;
        gap: 8px;
    }
    .ui-modal-actions .button { width: 100%; }

    .login-panel { padding: 22px 18px; }
    .login-card.compact { width: 100%; }
    .login-header h2 { font-size: 25px; }
    .input-control input { height: 50px; font-size: 16px; }
}

@media (max-width: 440px) {
    .page-content { padding-inline: 11px; }
    .panel-card, .settings-form { padding: 14px; }
    .operation-profile-stats { grid-template-columns: 1fr; }
    .settings-tab { min-width: 136px; }
    .phone-input-grid { grid-template-columns: 1fr 1fr; }
    .dashboard-hero h2 { font-size: 23px; }
    .metric-copy strong { font-size: 21px; }
}

@media (max-width:1024px) {
    /* A regra global de inputs não pode transformar radio/checkbox em campos de largura total. */
    .choice-card {
        display: grid;
        grid-template-columns: 22px minmax(0, 1fr);
        align-items: center;
        justify-content: start;
        column-gap: 13px;
        min-height: 78px;
        padding: 14px 15px;
        text-align: left;
    }

    .choice-card input[type="radio"] {
        appearance: none;
        -webkit-appearance: none;
        position: static;
        display: block;
        width: 20px !important;
        min-width: 20px !important;
        max-width: 20px !important;
        height: 20px !important;
        min-height: 20px !important;
        margin: 0 !important;
        padding: 0 !important;
        justify-self: start;
        align-self: center;
        border: 2px solid rgba(145, 160, 187, .62);
        border-radius: 50%;
        background: #111b2c;
        box-shadow: inset 0 0 0 4px #111b2c;
        cursor: pointer;
        transition: border-color .18s ease, background-color .18s ease, box-shadow .18s ease;
    }

    .choice-card input[type="radio"]:checked {
        border-color: #6f8cff;
        background: #6f8cff;
        box-shadow: inset 0 0 0 4px #111b2c, 0 0 0 3px rgba(95, 124, 255, .14);
    }

    .choice-card input[type="radio"]:focus-visible {
        outline: 3px solid rgba(95, 124, 255, .24);
        outline-offset: 3px;
    }

    .choice-card > span {
        width: 100%;
        min-width: 0;
        align-items: flex-start;
        justify-content: center;
        text-align: left;
    }

    .choice-card strong,
    .choice-card small {
        width: 100%;
        text-align: left;
        overflow-wrap: anywhere;
    }

    /* Mantém switches reais no tamanho correto, mesmo com input global em 100%. */
    .toggle-field input[type="checkbox"] {
        width: 46px !important;
        min-width: 46px !important;
        max-width: 46px !important;
        height: 27px !important;
        min-height: 27px !important;
        padding: 0 !important;
    }
}

.page-primary-actions {
    margin: 0 0 18px;
    display: flex;
    align-items: center;
    justify-content: flex-end;
    flex-wrap: wrap;
    gap: 10px;
}
.page-primary-actions > * { margin: 0; }
.page-primary-actions form { display: flex; }
.page-primary-actions .button,
.page-primary-actions button { min-width: 170px; }

.server-list-card { padding: 0; overflow: hidden; }
.server-list-card .table-toolbar { padding: 18px 20px; }
.table-toolbar > div { display: flex; flex-direction: column; gap: 4px; min-width: 0; }
.table-toolbar > div strong { color: var(--text); font-size: 15px; }
.table-toolbar > div span { color: var(--muted); font-size: 12px; }
.responsive-table {
    display: block;
    width: 100%;
    max-width: 100%;
    min-width: 0 !important;
    overflow-x: auto;
    overflow-y: hidden;
    -webkit-overflow-scrolling: touch;
    scrollbar-width: thin;
}
.responsive-table table {
    width: 100%;
    min-width: 720px;
    border-collapse: collapse;
}
.responsive-table th:last-child,
.responsive-table td:last-child { padding-right: 20px; }

.xray-choice-cards { grid-template-columns: repeat(2, minmax(0, 1fr)); }

@media (max-width:1024px) {
    .page-primary-actions,
    .server-heading-actions,
    .hero-actions,
    .form-actions,
    .server-action-grid,
    .panel-version-actions,
    .ui-modal-actions {
        width: 100%;
        display: flex !important;
        flex-direction: row !important;
        align-items: stretch;
        flex-wrap: wrap;
        gap: 8px;
    }
    .page-primary-actions > *,
    .server-heading-actions > *,
    .hero-actions > *,
    .form-actions > .button,
    .form-actions > button,
    .server-action-grid > form,
    .server-action-grid > .button,
    .panel-version-actions > *,
    .ui-modal-actions > * {
        width: auto !important;
        min-width: 0;
        flex: 1 1 140px;
    }
    .page-primary-actions form,
    .server-heading-actions form,
    .server-action-grid form { display: flex; margin: 0; }
    .page-primary-actions .button,
    .page-primary-actions button,
    .server-heading-actions .button,
    .server-heading-actions button,
    .server-action-grid .button,
    .server-action-grid button,
    .panel-version-actions .button,
    .ui-modal-actions .button {
        width: 100% !important;
        min-width: 0;
    }
    .form-save-note { flex: 1 1 100%; }

    .choice-cards.compact-choices,
    .xray-choice-cards,
    .toggle-grid.compact-toggles {
        grid-template-columns: repeat(2, minmax(0, 1fr)) !important;
        gap: 8px;
    }
    .choice-cards.three.compact-choices {
        grid-template-columns: repeat(3, minmax(0, 1fr)) !important;
    }
    .choice-card {
        min-width: 0;
        min-height: 86px;
        padding: 12px 10px;
        grid-template-columns: 20px minmax(0, 1fr);
        column-gap: 9px;
    }
    .choice-card strong { font-size: 14px; line-height: 1.25; }
    .choice-card small { font-size: 11px; line-height: 1.35; }
    .choice-cards.three .choice-card {
        min-height: 104px;
        grid-template-columns: 1fr;
        justify-items: center;
        align-content: center;
        row-gap: 8px;
        text-align: center;
    }
    .choice-cards.three .choice-card span { align-items: center; }

    .inline-password,
    .inline-uuid,
    .quick-action-fields.password-generation-action {
        grid-template-columns: minmax(0, 1fr) auto !important;
        align-items: stretch;
    }
    .inline-password .button,
    .inline-uuid .button,
    .quick-action-fields.password-generation-action .button {
        width: auto !important;
        min-width: 92px;
    }

    .responsive-table {
        width: 100%;
        max-width: 100%;
        min-width: 0 !important;
        overflow-x: auto;
    }
    .responsive-table table { min-width: 700px; }
    .server-list-card { margin-inline: 0; }
    .server-list-card .table-toolbar { padding: 15px 16px; }
}

@media (max-width: 440px) {
    .page-primary-actions .button,
    .page-primary-actions button { min-height: 46px; padding-inline: 10px; font-size: 13px; }
    .choice-cards.three .choice-card { padding-inline: 7px; }
    .choice-cards.three .choice-card strong { font-size: 13px; }
    .choice-cards.three .choice-card small { font-size: 10px; }
}

/* Servidores: cadastro, gerenciamento e acompanhamento em modal. */
.ui-modal.is-wide { width: min(820px, 100%); }
.server-modal-content { display: grid; gap: 20px; }
.server-modal-form { display: grid; gap: 16px; padding: 18px; border: 1px solid var(--border); border-radius: 16px; background: rgba(7,18,32,.55); }
.server-modal-actions,
.server-modal-operations { display: flex; align-items: center; flex-wrap: wrap; gap: 10px; }
.server-modal-actions { justify-content: flex-end; }
.server-modal-operations { padding: 16px; border: 1px solid var(--border); border-radius: 16px; background: rgba(7,18,32,.42); }
.server-modal-summary { display: grid; grid-template-columns: repeat(3,minmax(0,1fr)); gap: 12px; }
.server-modal-summary > div { min-width: 0; padding: 14px 15px; border: 1px solid var(--border); border-radius: 14px; background: rgba(8,20,36,.6); }
.server-modal-summary span { display: block; margin-bottom: 5px; color: var(--muted); font-size: .84rem; }
.server-modal-summary strong { display: block; overflow: hidden; text-overflow: ellipsis; white-space: nowrap; font-size: 1rem; }
.server-modal-history { display: grid; gap: 12px; }
.server-modal-history h3 { margin: 0; }
.server-modal-history ul { display: grid; gap: 8px; margin: 0; padding: 0; list-style: none; }
.server-modal-history li { display: flex; align-items: flex-start; gap: 10px; padding: 12px 13px; border: 1px solid var(--border); border-radius: 12px; background: rgba(8,20,36,.42); }
.server-modal-history li > div { min-width: 0; display: grid; gap: 4px; }
.server-modal-history li strong { font-size: .93rem; overflow-wrap: anywhere; }
.server-modal-history li small { color: var(--muted); }
.status-dot { flex: 0 0 auto; width: 9px; height: 9px; margin-top: 6px; border-radius: 999px; background: #64748b; box-shadow: 0 0 0 4px rgba(100,116,139,.12); }
.status-dot.success { background: #34d399; box-shadow: 0 0 0 4px rgba(52,211,153,.12); }
.status-dot.error { background: #fb7185; box-shadow: 0 0 0 4px rgba(251,113,133,.12); }
.server-process { display: grid; gap: 16px; }
.server-process-status { display: flex; align-items: center; gap: 13px; }
.server-process-status strong { display: block; margin-bottom: 3px; font-size: 1rem; }
.server-process-status p { margin: 0; color: var(--muted); }
.server-process-spinner { width: 32px; height: 32px; border: 3px solid rgba(111,139,255,.22); border-top-color: #6f8bff; border-radius: 999px; animation: primecel-server-spin .8s linear infinite; }
@keyframes primecel-server-spin { to { transform: rotate(360deg); } }
.server-process-track { height: 9px; overflow: hidden; border-radius: 999px; background: rgba(77,101,151,.22); }
.server-process-track span { display: block; height: 100%; border-radius: inherit; background: linear-gradient(90deg,#5d75ed,#4398f5); transition: width .3s ease; }
.server-process-log { width: 100%; min-height: 230px; max-height: 360px; margin: 0; padding: 15px; overflow: auto; border: 1px solid rgba(113,143,218,.22); border-radius: 14px; background: #07111f; color: #c9d8f2; font: 500 .82rem/1.65 ui-monospace,SFMono-Regular,Menlo,Monaco,Consolas,monospace; white-space: pre-wrap; overflow-wrap: anywhere; }
.server-process-result { display: grid; gap: 14px; }
.table-action { appearance: none; border: 0; background: transparent; font: inherit; cursor: pointer; }

@media (max-width: 680px) {
  .ui-modal.is-wide { width: min(100%, calc(100vw - 20px)); }
  .server-modal-summary { grid-template-columns: 1fr; }
  .server-modal-actions,
  .server-modal-operations { display: grid; grid-template-columns: repeat(2,minmax(0,1fr)); }
  .server-modal-actions .button,
  .server-modal-operations .button { width: 100%; }
  .server-process-log { min-height: 190px; max-height: 42vh; font-size: .78rem; }
}

@media (max-width: 430px) {
  .server-modal-actions,
  .server-modal-operations { grid-template-columns: 1fr; }
}

.ui-modal-backdrop {
    background: rgba(2, 8, 18, .70);
    -webkit-backdrop-filter: blur(10px);
    backdrop-filter: blur(10px);
}
.ui-modal-actions:empty {
    display: none !important;
    padding: 0 !important;
    border: 0 !important;
}
.server-manage-button {
    min-height: 40px;
    padding: 9px 17px;
    border-color: rgba(111, 139, 255, .38);
    background: linear-gradient(135deg, rgba(86, 113, 235, .22), rgba(55, 91, 189, .14));
    color: #eef3ff;
    box-shadow: inset 0 0 0 1px rgba(111, 139, 255, .10);
    font-weight: 750;
    white-space: nowrap;
}
.server-manage-button:hover {
    border-color: rgba(111, 139, 255, .72);
    background: linear-gradient(135deg, rgba(86, 113, 235, .34), rgba(55, 91, 189, .22));
    transform: translateY(-1px);
}
.server-list-card .responsive-table th:last-child,
.server-list-card .responsive-table td:last-child {
    width: 1%;
    min-width: 132px;
    text-align: right;
}

@media (max-width: 680px) {
    .ui-modal-layer {
        padding: max(18px, env(safe-area-inset-top)) 16px max(18px, env(safe-area-inset-bottom));
        place-items: center;
    }
    .ui-modal,
    .ui-modal.is-wide {
        width: min(620px, calc(100vw - 32px));
        max-height: min(82dvh, 680px);
        border-radius: 18px;
    }
    .ui-modal-header {
        padding: 16px 15px 13px;
    }
    .ui-modal-body {
        padding: 17px 15px;
        overscroll-behavior: contain;
    }
    .ui-modal-actions {
        padding: 12px 15px max(15px, env(safe-area-inset-bottom));
    }
}

@media (max-width: 380px) {
    .ui-modal,
    .ui-modal.is-wide {
        width: calc(100vw - 24px);
        max-height: 80dvh;
    }
}

.finance-summary { margin-bottom: 22px; }
.finance-layout, .admin-layout { align-items: start; }
.plan-list, .notice-list, .backup-list { display: grid; gap: 12px; }
.plan-row, .backup-row { display: flex; align-items: center; justify-content: space-between; gap: 16px; padding: 16px; border: 1px solid var(--border); border-radius: 16px; background: rgba(8, 21, 38, .62); }
.plan-row > div:first-child, .backup-row > div:first-child { display: grid; gap: 5px; min-width: 0; }
.plan-row small, .backup-row small { color: var(--muted); }
.plan-price { display: grid; gap: 6px; justify-items: end; margin-left: auto; }
.status-badge.status-paid, .status-badge.status-approved { color: #7ff1c7; border-color: rgba(49, 211, 156, .28); background: rgba(49, 211, 156, .1); }
.status-badge.status-pending { color: #ffd78a; border-color: rgba(255, 184, 72, .28); background: rgba(255, 184, 72, .1); }
.status-badge.status-cancelled, .status-badge.status-failed { color: #ff9cab; border-color: rgba(255, 91, 113, .28); background: rgba(255, 91, 113, .1); }
.app-grid { display: grid; gap: 14px; grid-template-columns: repeat(auto-fit, minmax(300px, 1fr)); }
.app-card { display: grid; grid-template-columns: auto 1fr auto; align-items: center; gap: 16px; padding: 18px; border: 1px solid var(--border); border-radius: 18px; background: rgba(8, 21, 38, .68); }
.app-icon { width: 52px; height: 52px; border-radius: 16px; display: grid; place-items: center; font-size: 20px; font-weight: 900; color: #fff; background: linear-gradient(145deg, #6688ff, #335bd9); box-shadow: 0 12px 28px rgba(43, 89, 220, .25); }
.app-copy { display: grid; gap: 4px; min-width: 0; }
.app-copy strong { font-size: 18px; }
.app-copy small, .app-copy time { color: var(--muted); font-size: 13px; }
.notice-card { display: grid; grid-template-columns: auto 1fr; align-items: start; gap: 14px; padding: 18px; border: 1px solid var(--border); border-radius: 17px; background: rgba(8, 21, 38, .62); }
.notice-card p { margin: 0 0 8px; color: var(--text); line-height: 1.65; }
.notice-card small { color: var(--muted); }
.notice-type { display: inline-flex; align-items: center; justify-content: center; min-width: 74px; padding: 7px 10px; border-radius: 999px; color: #a9c2ff; background: rgba(91, 126, 255, .12); border: 1px solid rgba(91, 126, 255, .22); font-size: 11px; font-weight: 800; text-transform: uppercase; letter-spacing: .08em; }
.notice-type.news { color: #77ebc1; background: rgba(46, 203, 149, .1); border-color: rgba(46, 203, 149, .22); }
.backup-import-form { display: grid; grid-template-columns: minmax(0, 1fr) auto; gap: 12px; align-items: end; margin-bottom: 18px; }
.backup-import-form label { min-width: 0; }
.backup-row { padding: 13px 15px; }
.server-process-spinner { border: 3px solid rgba(112, 145, 220, .22); border-top-color: #6c8dff; border-radius: 50%; width: 34px; height: 34px; animation: primecel-spin .8s linear infinite; }
@keyframes primecel-spin { to { transform: rotate(360deg); } }

@media (max-width:1024px) {
  .plan-row, .backup-row { align-items: flex-start; flex-wrap: wrap; }
  .plan-price { justify-items: start; margin-left: 0; }
  .app-card { grid-template-columns: auto 1fr; }
  .app-card .button-row { grid-column: 1 / -1; width: 100%; }
  .app-card .button-row > * { flex: 1 1 130px; }
  .notice-card { grid-template-columns: 1fr; }
  .notice-type { justify-self: start; }
  .backup-import-form { grid-template-columns: 1fr; }
}

.tutorial-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:16px}.tutorial-grid article{border:1px solid var(--line);border-radius:16px;padding:18px;background:rgba(9,22,40,.48)}.tutorial-grid h4{margin:0 0 8px}.tutorial-grid p{margin:0;color:var(--muted);line-height:1.65}.payment-result{display:grid;gap:16px}.payment-result textarea{width:100%;resize:vertical}.result-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:12px}.result-grid>div{padding:14px;border:1px solid var(--line);border-radius:14px}.result-grid span{display:block;color:var(--muted);font-size:.9rem;margin-bottom:5px}@media(max-width:1024px){.tutorial-grid{grid-template-columns:1fr}.result-grid{grid-template-columns:1fr}}

.page-content > .panel-card + .panel-card,
.page-content > .panel-card + .two-column-layout,
.page-content > .two-column-layout + .panel-card,
.page-content > .metric-grid + .panel-card,
.page-content > .metric-grid + .two-column-layout,
.settings-content > .settings-summary-grid + .panel-card,
.settings-content > .panel-card + .panel-card {
    margin-top: 22px;
}

.two-column-layout {
    display: grid;
    grid-template-columns: repeat(2, minmax(0, 1fr));
    gap: 22px;
    align-items: start;
}
.stack-form { display: grid; gap: 18px; }
.form-grid.compact-fields { grid-template-columns: repeat(2, minmax(0, 1fr)); }
.form-grid.compact-fields.one-column { grid-template-columns: 1fr; }
.form-grid.compact-fields > label { min-width: 0; }
.form-card .form-actions { margin-top: 4px; }
.compact-form-card { align-self: start; }
.button-row { display: flex; align-items: center; flex-wrap: wrap; gap: 10px; }
.button-row form { margin: 0; }
.payment-tutorials { margin-top: 22px; }

.account-summary-card {
    margin-bottom: 22px;
    display: grid;
    grid-template-columns: minmax(240px, .8fr) minmax(0, 1.6fr);
    align-items: center;
    gap: 24px;
}
.account-summary-main { min-width: 0; display: flex; align-items: center; gap: 15px; }
.account-summary-main h2 { margin: 3px 0 5px; font-size: 24px; }
.account-summary-main p:not(.eyebrow) { margin: 0; color: var(--muted); }
.account-avatar {
    width: 54px;
    height: 54px;
    display: grid;
    place-items: center;
    flex: 0 0 auto;
    border: 1px solid rgba(95,124,255,.24);
    border-radius: 16px;
    background: rgba(95,124,255,.12);
    color: #aebcff;
    font-size: 19px;
    font-weight: 850;
}
.account-summary-stats { display: grid; grid-template-columns: repeat(4, minmax(0, 1fr)); gap: 10px; }
.account-summary-stats article {
    min-width: 0;
    min-height: 74px;
    padding: 13px 14px;
    display: flex;
    flex-direction: column;
    justify-content: center;
    gap: 5px;
    border: 1px solid var(--line);
    border-radius: 13px;
    background: rgba(8,18,31,.58);
}
.account-summary-stats small { color: var(--muted); }
.account-summary-stats strong { overflow-wrap: anywhere; }
.section-description { margin: -5px 0 18px; color: var(--muted); line-height: 1.6; }
.device-scope-card > form { margin-top: 20px; }
.result-lines { display: grid; gap: 12px; }
.result-lines label { display: grid; gap: 7px; }

/* Um único switch para todas as telas, sem checkbox ampliado. */
.toggle-list { display: grid; gap: 12px; }
.toggle-row,
.toggle-field {
    position: relative;
    min-width: 0;
    min-height: 82px;
    padding: 15px 76px 15px 16px;
    display: flex !important;
    align-items: center;
    gap: 0;
    border: 1px solid var(--line);
    border-radius: 14px;
    background: rgba(10,20,35,.62);
    cursor: pointer;
    transition: border-color .18s ease, background-color .18s ease, transform .18s ease;
}
.toggle-row:hover,
.toggle-field:hover {
    border-color: rgba(95,124,255,.34);
    background: rgba(15,28,48,.76);
}
.toggle-row > span,
.toggle-field > span {
    min-width: 0;
    display: flex;
    flex-direction: column;
    gap: 5px;
}
.toggle-row strong,
.toggle-field strong { color: #dbe5f4; font-size: 14px; line-height: 1.3; }
.toggle-row small,
.toggle-field small { color: #7689a5; font-size: 12px; font-weight: 500; line-height: 1.45; }
.toggle-row input[type="checkbox"],
.toggle-field input[type="checkbox"] {
    appearance: none;
    -webkit-appearance: none;
    position: absolute;
    top: 50%;
    right: 16px;
    width: 48px !important;
    min-width: 48px !important;
    max-width: 48px !important;
    height: 28px !important;
    min-height: 28px !important;
    margin: 0 !important;
    padding: 0 !important;
    transform: translateY(-50%);
    border: 1px solid rgba(127,151,190,.34);
    border-radius: 999px;
    outline: none;
    background-color: #081321;
    background-image: radial-gradient(circle at 13px 50%, #8493aa 0 9px, transparent 10px);
    box-shadow: inset 0 0 0 1px rgba(0,0,0,.15), 0 4px 10px rgba(0,0,0,.16);
    cursor: pointer;
    transition: border-color .2s ease, background-color .2s ease, background-image .2s ease, box-shadow .2s ease;
}
.toggle-row input[type="checkbox"]:checked,
.toggle-field input[type="checkbox"]:checked {
    border-color: rgba(95,124,255,.72);
    background-color: #5573ee;
    background-image: radial-gradient(circle at calc(100% - 13px) 50%, #fff 0 9px, transparent 10px), linear-gradient(110deg, #5573ee, #428ef3);
    box-shadow: 0 0 0 4px rgba(85,115,238,.10), 0 5px 12px rgba(35,74,191,.24);
}
.toggle-row input[type="checkbox"]:focus-visible,
.toggle-field input[type="checkbox"]:focus-visible {
    outline: 3px solid rgba(95,124,255,.24);
    outline-offset: 3px;
}
.toggle-row:has(input:checked),
.toggle-field:has(input:checked) {
    border-color: rgba(95,124,255,.38);
    background: linear-gradient(145deg, rgba(95,124,255,.10), rgba(10,20,35,.68));
}
.reseller-password-field input { letter-spacing: normal; }

@media (max-width:1024px) {
    .account-summary-card { grid-template-columns: 1fr; }
    .account-summary-stats { grid-template-columns: repeat(2, minmax(0, 1fr)); }
}

@media (max-width:1024px) {
    .two-column-layout,
    .form-grid.compact-fields { grid-template-columns: 1fr; gap: 16px; }
    .page-content > .panel-card + .panel-card,
    .page-content > .panel-card + .two-column-layout,
    .page-content > .two-column-layout + .panel-card,
    .page-content > .metric-grid + .panel-card,
    .page-content > .metric-grid + .two-column-layout,
    .settings-content > .settings-summary-grid + .panel-card,
    .settings-content > .panel-card + .panel-card,
    .payment-tutorials { margin-top: 18px; }
    .account-summary-card { margin-bottom: 18px; padding: 17px; gap: 18px; }
    .account-summary-stats { grid-template-columns: 1fr; }
    .account-summary-stats article { min-height: 68px; }
    .toggle-row,
    .toggle-field { min-height: 82px; padding: 15px 72px 15px 15px; }
    .toggle-row input[type="checkbox"],
    .toggle-field input[type="checkbox"] { right: 14px; }
    .toggle-row strong,
    .toggle-field strong { font-size: 15px; }
    .toggle-row small,
    .toggle-field small { font-size: 12px; }
}

.reseller-password-visible .reseller-password-input {
    width: 100%;
    padding-right: 14px;
    font-family: inherit;
    font-size: inherit;
    font-weight: 500;
    letter-spacing: normal;
    text-transform: none;
}

.account-table th:last-child,
.account-table td:last-child {
    width: 190px;
    min-width: 190px;
    text-align: right;
}
.table-actions-row {
    display: flex;
    align-items: center;
    justify-content: flex-end;
    gap: 8px;
    white-space: nowrap;
}
.table-actions-row form {
    margin: 0;
    display: inline-flex;
}
.icon-button {
    cursor: pointer;
    font-family: inherit;
}
.icon-button.action-renew {
    border-color: rgba(51, 212, 155, .25);
    background: rgba(51, 212, 155, .08);
    color: #75dfbb;
}
.icon-button.action-renew:hover {
    border-color: rgba(51, 212, 155, .46);
    background: rgba(51, 212, 155, .13);
    color: #b8f4df;
}
.icon-button.action-remove {
    border-color: rgba(255, 107, 123, .25);
    background: rgba(255, 107, 123, .08);
    color: #ff98a3;
}
.icon-button.action-remove:hover {
    border-color: rgba(255, 107, 123, .46);
    background: rgba(255, 107, 123, .14);
    color: #ffd0d5;
}
.renew-modal-content {
    display: grid;
    gap: 16px;
}
.renew-modal-account {
    min-height: 68px;
    padding: 14px 16px;
    display: flex;
    align-items: center;
    gap: 13px;
    border: 1px solid var(--line);
    border-radius: 14px;
    background: rgba(8, 18, 31, .68);
}
.renew-modal-icon {
    width: 40px;
    height: 40px;
    display: grid;
    place-items: center;
    flex: 0 0 auto;
    border: 1px solid rgba(51, 212, 155, .25);
    border-radius: 12px;
    background: rgba(51, 212, 155, .08);
    color: #75dfbb;
    font-size: 22px;
    font-weight: 800;
}
.renew-modal-account strong,
.renew-modal-account small {
    display: block;
}
.renew-modal-account strong {
    color: #e5edf8;
    font-size: 16px;
}
.renew-modal-account small {
    margin-top: 3px;
    color: #7e91ad;
    font-size: 12px;
}
@media (max-width:1024px) {
    .choice-cards.four { grid-template-columns: repeat(2,minmax(0,1fr)); }
    .custom-days-field { padding: 12px; }
}

.renew-modal-current {
    padding: 13px 15px;
    display: flex;
    align-items: center;
    justify-content: space-between;
    gap: 16px;
    border: 1px solid var(--line);
    border-radius: 12px;
    background: rgba(12, 24, 41, .56);
}
.renew-modal-current span {
    color: #7d8fa9;
    font-size: 12px;
}
.renew-modal-current strong {
    color: #dce6f5;
    font-size: 13px;
    text-align: right;
}
.renew-modal-form {
    display: grid;
    gap: 14px;
}
.renew-modal-form label,
.renew-modal-field {
    display: grid;
    gap: 7px;
}
.renew-modal-form label > span,
.renew-modal-field > span {
    color: #aebbd0;
    font-size: 12px;
    font-weight: 750;
}
.renew-modal-form p {
    margin: 0;
    color: #7d8fa9;
    font-size: 12px;
    line-height: 1.55;
}
.renew-modal-form .button {
    width: 100%;
}

@media (max-width:1024px) {
    .account-table {
        min-width: 1040px;
    }
    .account-table th:last-child,
    .account-table td:last-child {
        width: 176px;
        min-width: 176px;
    }
    .table-actions-row {
        gap: 6px;
    }
    .app-page .table-actions-row .icon-button {
        min-height: 36px;
        padding-inline: 11px;
        font-size: 12px;
    }
    .renew-modal-current {
        align-items: flex-start;
        flex-direction: column;
        gap: 4px;
    }
    .renew-modal-current strong {
        text-align: left;
    }
}

.dashboard-metrics {
    grid-template-columns: repeat(3, minmax(0, 1fr));
}
.dashboard-metrics .metric-card,
.dashboard-metrics .compact-metric {
    min-height: 112px;
    align-items: center;
}
.dashboard-metrics .metric-icon,
.dashboard-metrics .compact-icon {
    align-self: center;
}
.dashboard-metrics .metric-copy,
.dashboard-metrics .compact-metric > div {
    display: grid;
    align-content: center;
    gap: 5px;
}
.dashboard-metrics .metric-copy strong,
.dashboard-metrics .compact-metric strong {
    margin: 0;
}

.hero-renewal-block {
    min-width: min(100%, 390px);
    display: flex;
    align-items: stretch;
    justify-content: flex-end;
    gap: 12px;
}
.hero-expiry-card {
    min-width: 245px;
    padding: 15px 18px;
    display: grid;
    align-content: center;
    gap: 3px;
    border: 1px solid rgba(111, 139, 255, .23);
    border-radius: 14px;
    background: rgba(7, 18, 32, .45);
}
.hero-expiry-card small {
    color: #8295b1;
    font-size: 11px;
    font-weight: 750;
    letter-spacing: .02em;
}
.hero-expiry-card strong {
    color: #f4f7fc;
    font-size: clamp(24px, 2vw, 31px);
    line-height: 1.05;
    letter-spacing: -.035em;
}
.hero-expiry-card span {
    color: #7690b5;
    font-size: 11px;
}
.hero-renew-button {
    min-width: 118px;
    height: 46px;
    min-height: 46px;
    align-self: center;
    display: inline-flex;
    align-items: center;
    justify-content: center;
    padding: 0 20px;
    border-radius: 12px;
    font-size: 13px;
}

/* Resultado de cadastro com credenciais em destaque. */
.professional-created-result {
    display: grid;
    gap: 20px;
    padding: 0;
    overflow: hidden;
    border: 0;
    background: transparent;
    box-shadow: none;
}
.professional-created-result .created-result-head {
    margin: 0;
    padding: 2px 0 18px;
    display: flex;
    align-items: center;
    justify-content: space-between;
    gap: 18px;
    border-bottom: 1px solid var(--line);
}
.created-result-title {
    min-width: 0;
    display: flex;
    align-items: center;
    gap: 14px;
}
.created-success-mark {
    width: 48px;
    height: 48px;
    display: grid;
    place-items: center;
    flex: 0 0 auto;
    border: 1px solid rgba(51, 212, 155, .3);
    border-radius: 15px;
    background: rgba(51, 212, 155, .1);
    color: #72dfba;
    font-size: 24px;
    font-weight: 900;
}
.created-result-title h2 { margin: 3px 0 3px; font-size: 24px; }
.created-result-title p:not(.eyebrow) { margin: 0; color: var(--muted); font-size: 13px; }
.created-result-content { display: grid; gap: 14px; }
.created-credentials-grid,
.created-detail-grid {
    display: grid;
    grid-template-columns: repeat(2, minmax(0, 1fr));
    gap: 12px;
}
.created-credential-primary,
.created-detail-grid article {
    min-width: 0;
    padding: 16px 17px;
    display: grid;
    align-content: center;
    gap: 6px;
    border: 1px solid var(--line);
    border-radius: 14px;
    background: rgba(7, 17, 30, .66);
}
.created-credential-primary {
    min-height: 102px;
    border-color: rgba(95, 124, 255, .28);
    background: linear-gradient(145deg, rgba(95, 124, 255, .13), rgba(7, 17, 30, .72));
}
.created-result-content span { color: #7d90ad; font-size: 11px; font-weight: 750; }
.created-result-content strong { overflow-wrap: anywhere; color: #edf3fc; font-size: 16px; }
.created-credential-primary strong { font-size: clamp(22px, 3vw, 29px); letter-spacing: -.02em; }
.created-detail-grid .created-result-wide { grid-column: 1 / -1; }

/* Formulários operacionais centralizados e carregados sem sair da listagem. */
.account-flow-form,
.account-overview-card,
.account-edit-section,
.danger-zone,
.operation-history {
    width: min(100%, 1080px);
    margin-left: auto;
    margin-right: auto;
}
.account-flow-form .form-actions,
.operation-modal-page .form-actions {
    align-items: center;
}
.operation-modal-page {

    gap: 18px;
}
.operation-modal-page > .alert { margin: 0; }
.operation-modal-page > .panel-card,
.operation-modal-page > .account-edit-section,
.operation-modal-page > .danger-zone,
.operation-modal-page > .operation-history {
    width: 100%;
    margin: 0;
}
.ui-modal.is-wide {
    width: min(980px, 100%);
}
.ui-modal.is-wide .ui-modal-body {
    padding: 24px;
}
.operation-modal-page .account-flow-form,
.operation-modal-page .operation-profile-card {
    box-shadow: none;
}
.operation-modal-loading { min-height: 120px; }
.centered-modal-form,
.centered-payment-form {
    width: min(100%, 780px);
    margin-inline: auto;
}
.centered-actions { justify-content: center !important; }
.centered-actions .button { min-width: 190px; }

/* Financeiro principal. */
.payment-operation-header {
    margin-bottom: 20px;
    display: flex;
    align-items: center;
    justify-content: space-between;
    gap: 22px;
}
.payment-operation-main {
    min-width: 0;
    display: flex;
    align-items: center;
    gap: 15px;
}
.payment-provider-logo {
    width: 54px;
    height: 54px;
    display: grid;
    place-items: center;
    flex: 0 0 auto;
    border: 1px solid rgba(51, 212, 155, .24);
    border-radius: 16px;
    background: rgba(51, 212, 155, .08);
    color: #73ddba;
    font-size: 13px;
    font-weight: 900;
    letter-spacing: .08em;
}
.payment-operation-main h3 { margin: 3px 0 4px; font-size: 23px; }
.payment-operation-main p:not(.eyebrow) { margin: 0; color: var(--muted); }
.payment-operation-actions {
    display: flex;
    align-items: center;
    justify-content: flex-end;
    flex-wrap: wrap;
    gap: 9px;
}
.payment-operation-actions form { margin: 0; }
.clean-finance-summary {
    grid-template-columns: repeat(3, minmax(0, 1fr));
    margin-bottom: 20px;
}
.clean-finance-summary .metric-card {
    min-height: 104px;
    align-items: center;
}
.clean-finance-summary .metric-copy strong { margin-bottom: 0; }
.payment-webhook-compact {
    margin-bottom: 20px;
    display: grid;
    grid-template-columns: auto minmax(220px, 1fr) auto;
    align-items: center;
    gap: 18px;
}
.payment-webhook-compact h3 { margin: 3px 0 0; }
.payment-webhook-compact code {
    min-width: 0;
    padding: 12px 14px;
    overflow: hidden;
    border: 1px solid var(--line);
    border-radius: 11px;
    background: rgba(5, 14, 25, .72);
    color: #9eb7df;
    text-overflow: ellipsis;
    white-space: nowrap;
}
.payment-orders-card { margin-top: 0 !important; }

/* WebHook e perguntas iguais ao fluxo do bot. */
.payment-webhook-card {
    margin-bottom: 22px;
    display: grid;
    gap: 18px;
}
.payment-webhook-main {
    display: flex;
    align-items: center;
    gap: 15px;
}
.payment-webhook-icon {
    width: 50px;
    height: 50px;
    display: grid;
    place-items: center;
    flex: 0 0 auto;
    border: 1px solid rgba(95, 124, 255, .28);
    border-radius: 15px;
    background: rgba(95, 124, 255, .1);
    color: #91a6ff;
    font-size: 23px;
    font-weight: 900;
}
.payment-webhook-main h3 { margin: 3px 0 5px; font-size: 21px; }
.payment-webhook-main p:not(.eyebrow) { max-width: 900px; margin: 0; color: var(--muted); line-height: 1.55; }
.payment-webhook-url {
    padding: 15px;
    display: grid;
    gap: 8px;
    border: 1px solid rgba(95, 124, 255, .2);
    border-radius: 14px;
    background: rgba(7, 17, 30, .58);
}
.payment-webhook-url > span { color: #8497b3; font-size: 11px; font-weight: 750; }
.payment-webhook-url > div { display: flex; align-items: center; gap: 10px; }
.payment-webhook-url code {
    min-width: 0;
    flex: 1;
    padding: 11px 13px;
    overflow: hidden;
    border-radius: 10px;
    background: #071321;
    color: #a8bdf0;
    text-overflow: ellipsis;
    white-space: nowrap;
}
.payment-webhook-status-grid {
    display: grid;
    grid-template-columns: repeat(3, minmax(0, 1fr));
    gap: 11px;
}
.payment-webhook-status-grid article {
    min-width: 0;
    min-height: 92px;
    padding: 14px 15px;
    display: grid;
    align-content: center;
    gap: 4px;
    border: 1px solid var(--line);
    border-radius: 13px;
    background: rgba(8, 18, 31, .58);
}
.payment-webhook-status-grid small,
.payment-webhook-status-grid span,
.payment-webhook-status-grid a { color: #788ba7; font-size: 11px; }
.payment-webhook-status-grid strong { overflow-wrap: anywhere; color: #e5edf9; font-size: 15px; }
.payment-webhook-status-grid .webhook-status-ok { color: #72dfba; }
.payment-provider-card { padding: 24px; }
.provider-select-field { width: min(100%, 440px); margin-inline: auto; }
.payment-provider-fields {
    width: min(100%, 780px);
    margin-inline: auto;
    padding: 20px;
    display: grid;
    gap: 16px;
    border: 1px solid var(--line);
    border-radius: 16px;
    background: rgba(7, 17, 30, .5);
}
.payment-provider-fields[hidden] { display: none !important; }
.payment-provider-fields > p { margin: 0; color: #7c8faa; font-size: 12px; line-height: 1.55; }
.provider-flow-heading {
    padding-bottom: 12px;
    display: flex;
    align-items: center;
    justify-content: space-between;
    gap: 14px;
    border-bottom: 1px solid var(--line);
}
.provider-flow-heading.secondary { margin-top: 4px; }
.provider-flow-heading span { color: #7184a0; font-size: 11px; font-weight: 800; text-transform: uppercase; letter-spacing: .08em; }
.provider-flow-heading strong { color: #dfe8f6; font-size: 14px; }
.payment-security-details {
    width: min(100%, 780px);
    margin-inline: auto;
    padding: 15px 17px;
    border: 1px solid var(--line);
    border-radius: 14px;
    background: rgba(8, 18, 31, .45);
}
.payment-security-details summary { color: #aebbd0; font-weight: 750; cursor: pointer; }
.payment-security-details label { margin-top: 15px; }
.payment-security-details p { margin: 10px 0 0; color: var(--muted); font-size: 12px; }
.payment-toggle-list { width: min(100%, 780px); margin-inline: auto; }
.professional-tutorial-grid article { position: relative; padding-top: 44px; }
.professional-tutorial-grid article > span {
    position: absolute;
    top: 14px;
    left: 16px;
    color: #6f88e8;
    font-size: 11px;
    font-weight: 900;
    letter-spacing: .08em;
}

/* Renovação da própria revenda e resultados de Pix. */
.payment-order-result { display: grid; gap: 18px; }
.payment-result-success { display: flex; align-items: center; gap: 14px; }
.payment-result-success > span {
    width: 48px;
    height: 48px;
    display: grid;
    place-items: center;
    flex: 0 0 auto;
    border: 1px solid rgba(51, 212, 155, .3);
    border-radius: 15px;
    background: rgba(51, 212, 155, .1);
    color: #72dfba;
    font-size: 23px;
    font-weight: 900;
}
.payment-result-success h3 { margin: 3px 0 4px; font-size: 22px; }
.payment-result-success p:not(.eyebrow) { margin: 0; color: var(--muted); }
.payment-result-summary { display: grid; grid-template-columns: repeat(2, minmax(0, 1fr)); gap: 11px; }
.payment-result-summary article { padding: 15px; display: grid; gap: 5px; border: 1px solid var(--line); border-radius: 13px; background: rgba(7, 17, 30, .6); }
.payment-result-summary small { color: var(--muted); }
.payment-result-summary strong { overflow-wrap: anywhere; font-size: 17px; }
.payment-pix-field { display: grid; gap: 9px; }
.payment-pix-field textarea { font-family: ui-monospace, SFMono-Regular, Menlo, monospace; }
.payment-pix-field .button { justify-self: end; }
.payment-open-link { justify-self: stretch; text-align: center; }
.professional-plan-list { gap: 11px; }
.professional-plan-row { padding: 14px; align-items: center; }
.plan-row-main { min-width: 0; display: flex; align-items: center; gap: 11px; }
.plan-duration {
    width: 38px;
    height: 38px;
    display: grid;
    place-items: center;
    flex: 0 0 auto;
    border: 1px solid rgba(95, 124, 255, .23);
    border-radius: 11px;
    background: rgba(95, 124, 255, .09);
    color: #91a6ff;
    font-weight: 900;
}
.self-renew-modal-card { padding: 0; border: 0; background: transparent; box-shadow: none; }

@media (max-width:1024px) {
    .dashboard-metrics,
    .clean-finance-summary { grid-template-columns: repeat(2, minmax(0, 1fr)); }
    .hero-renewal-block { min-width: 0; }
    .payment-webhook-compact { grid-template-columns: 1fr; }
    .payment-webhook-status-grid { grid-template-columns: 1fr; }
}

@media (max-width:1024px) {
    .reseller-dashboard-hero { align-items: stretch; }
    .hero-renewal-block { width: 100%; flex-direction: column; }
    .hero-expiry-card { min-width: 0; }
    .hero-renew-button { width: 100%; height: 44px; min-height: 44px; }
    .dashboard-metrics,
    .clean-finance-summary { grid-template-columns: 1fr; }
    .dashboard-metrics .metric-card,
    .dashboard-metrics .compact-metric { min-height: 90px; }
    .professional-created-result .created-result-head,
    .payment-operation-header { align-items: stretch; flex-direction: column; }
    .professional-created-result .created-result-head .button { width: 100%; }
    .created-credentials-grid,
    .created-detail-grid,
    .payment-result-summary { grid-template-columns: 1fr; }
    .created-detail-grid .created-result-wide { grid-column: auto; }
    .ui-modal.is-wide .ui-modal-body { padding: 18px 15px; }
    .payment-operation-actions { justify-content: stretch; display: grid; grid-template-columns: 1fr; }
    .payment-operation-actions > *,
    .payment-operation-actions .button { width: 100%; }
    .payment-webhook-main { align-items: flex-start; }
    .payment-webhook-url > div { align-items: stretch; flex-direction: column; }
    .payment-webhook-url .button { width: 100%; }
    .provider-flow-heading { align-items: flex-start; flex-direction: column; gap: 4px; }
    .centered-actions .button { width: 100%; min-width: 0; }
    .professional-plan-row { align-items: stretch; display: grid; grid-template-columns: 1fr auto; }
    .professional-plan-row form { grid-column: 1 / -1; }
    .professional-plan-row form .button { width: 100%; }
}

/* Catálogo de planos separado por finalidade e formulário em modal. */
.plan-page-toolbar {
    margin-bottom: 18px;
    display: flex;
    justify-content: flex-end;
}
.plan-page-toolbar .button { min-width: 168px; }
.plan-catalog-grid {
    display: grid;
    grid-template-columns: repeat(2, minmax(0, 1fr));
    gap: 18px;
}
.plan-category-card {
    min-width: 0;
    padding: 21px;
}
.plan-category-heading {
    margin-bottom: 15px;
    align-items: center;
}
.plan-category-heading h3 { margin-top: 3px; }
.plan-count {
    min-width: 34px;
    height: 34px;
    padding-inline: 10px;
    display: grid;
    place-items: center;
    border: 1px solid rgba(95, 124, 255, .24);
    border-radius: 11px;
    background: rgba(95, 124, 255, .1);
    color: #aebeff;
    font-size: 13px;
    font-weight: 850;
}
.plan-management-list { display: grid; gap: 10px; }
.plan-management-row {
    min-width: 0;
    padding: 14px;
    display: grid;
    grid-template-columns: minmax(0, 1fr) auto;
    align-items: center;
    gap: 13px 16px;
    border: 1px solid var(--line);
    border-radius: 14px;
    background: rgba(7, 17, 30, .54);
}
.plan-management-main {
    min-width: 0;
    display: flex;
    align-items: center;
    gap: 11px;
}
.plan-kind-mark {
    width: 39px;
    height: 39px;
    display: grid;
    place-items: center;
    flex: 0 0 auto;
    border: 1px solid rgba(95, 124, 255, .24);
    border-radius: 12px;
    background: rgba(95, 124, 255, .09);
    color: #91a6ff;
    font-size: 17px;
    font-weight: 900;
}
.plan-management-main > div { min-width: 0; }
.plan-management-main strong,
.plan-management-main small { display: block; }
.plan-management-main strong {
    overflow: hidden;
    color: #e8eef8;
    font-size: 14px;
    text-overflow: ellipsis;
    white-space: nowrap;
}
.plan-management-main small { margin-top: 4px; color: #788ba7; font-size: 11px; }
.plan-management-price {
    display: flex;
    align-items: center;
    justify-content: flex-end;
    gap: 9px;
    white-space: nowrap;
}
.plan-management-price strong { color: #f3f6fb; font-size: 14px; }
.plan-management-actions {
    grid-column: 1 / -1;
    padding-top: 11px;
    display: flex;
    justify-content: flex-end;
    gap: 8px;
    border-top: 1px solid rgba(110, 132, 171, .13);
}
.plan-management-actions form { margin: 0; }
.plan-modal-content { width: min(100%, 760px);  }
.plan-modal-form { gap: 20px; }
.plan-kind-select {
    display: grid;
    gap: 7px;
    color: #cbd6e7;
    font-size: 12px;
    font-weight: 800;
}
.plan-kind-select select {
    min-height: 42px;
    padding-inline: 12px 38px;
    border-radius: 10px;
    background-color: rgba(7, 17, 30, .72);
}
.plan-kind-select small {
    color: #71839e;
    font-size: 10.5px;
    font-weight: 500;
    line-height: 1.4;
}
.plan-modal-fields {

    align-items: end;
}
.plan-modal-fields .plan-name-field { grid-column: 1 / -1; }
.plan-modal-fields [hidden] { display: none !important; }
.plan-active-toggle { margin-top: 0; }
.plan-modal-form .centered-actions { padding-top: 0; border-top: 0; }
.plan-modal-form .centered-actions .button { min-width: 190px; }

@media (max-width:1024px) {
    .plan-catalog-grid { grid-template-columns: 1fr; }
}

@media (max-width: 640px) {
    .plan-page-toolbar { justify-content: stretch; }
    .plan-page-toolbar .button { width: 100%; }
    .plan-category-card { padding: 17px; }
    .plan-management-row { grid-template-columns: 1fr; }
    .plan-management-price { justify-content: flex-start; }
    .plan-management-actions { justify-content: stretch; display: grid; grid-template-columns: 1fr 1fr; }
    .plan-management-actions .button,
    .plan-management-actions form { width: 100%; }
    .plan-management-actions form .button { width: 100%; }
    .plan-modal-fields { grid-template-columns: 1fr; }
    .plan-modal-fields .plan-name-field { grid-column: auto; }
    .plan-modal-form .centered-actions .button { width: 100%; min-width: 0; }
}

.ui-modal.is-wide {
    width: min(820px, 100%);
    max-height: min(88vh, 800px);
}
.ui-modal.is-wide .ui-modal-body { padding: 19px; }
.operation-modal-page { gap: 12px; }
.operation-modal-page .compact-operation-form {
    border: 0;
    border-radius: 0;
    background: transparent;
    box-shadow: none;
}
.operation-modal-page .compact-operation-form .flow-step {
    margin-bottom: 12px;
    padding: 16px 17px;
    border: 1px solid var(--line);
    border-radius: 14px;
    background: rgba(7, 17, 30, .48);
}
.operation-modal-page .compact-operation-form .flow-step:last-of-type { margin-bottom: 0;  }
.operation-modal-page .flow-step-head { margin-bottom: 13px; gap: 11px; }
.operation-modal-page .flow-step-head > span { width: 30px; height: 30px; border-radius: 9px; }
.operation-modal-page .flow-step-head h3 { font-size: 15px; }
.operation-modal-page .flow-step-head p { font-size: 11.5px; line-height: 1.4; }
.operation-modal-page .compact-operation-form .compact-fields,
.operation-modal-page .compact-operation-form .compact-choices,
.operation-modal-page .compact-operation-form .compact-choices.three,
.operation-modal-page .compact-operation-form .compact-toggles { width: 100%; }
.operation-modal-page .choice-card { min-height: 66px; padding: 11px 12px; border-radius: 12px; }
.operation-modal-page .choice-card strong { font-size: 13px; }
.operation-modal-page .choice-card small { font-size: 10.5px; }
.operation-modal-page .compact-operation-form input,
.operation-modal-page .compact-operation-form select,
.operation-modal-page .compact-operation-form textarea { min-height: 43px; }
.operation-modal-page .compact-operation-form .form-actions {
    margin-top: 12px;
    padding: 15px 0 0;
    justify-content: center;
}
.operation-modal-page .compact-operation-form .form-actions .button { min-width: 180px; }

/* Resultado criado: somente os dados necessários para a entrega. */
.professional-created-result { gap: 12px; }
.professional-created-result .created-result-head {
    padding: 0 0 12px;
    gap: 12px;
}
.professional-created-result .created-result-head .button {
    min-height: 40px;
    padding: 9px 14px;
    font-size: 12px;
}
.created-result-title { gap: 10px; }
.created-success-mark {
    width: 38px;
    height: 38px;
    border-radius: 11px;
    font-size: 20px;
}
.created-result-title h2 { margin: 2px 0 1px; font-size: 20px; }
.created-result-title p:not(.eyebrow) { font-size: 11.5px; }
.created-result-content { gap: 10px; }
.created-credentials-grid,
.created-detail-grid { gap: 9px; }
.created-credential-primary,
.created-detail-grid article {
    min-height: 62px;
    padding: 11px 13px;
    gap: 3px;
    border-radius: 11px;
}
.created-credential-primary { min-height: 76px; }
.created-result-content span { font-size: 10px; }
.created-result-content strong { font-size: 14px; }
.created-credential-primary strong { font-size: clamp(21px, 3vw, 25px); }

/* Configurar pagamentos com o mesmo encadeamento do bot. */
.payment-config-layout {
    display: grid;
    grid-template-columns: minmax(0, 1fr) 340px;

    gap: 18px;
}
.payment-config-main-card,
.payment-webhook-summary,
.payment-bot-flow-card { padding: 20px; }
.payment-config-heading {
    margin-bottom: 18px;
    padding-bottom: 16px;
    display: flex;
    align-items: flex-start;
    justify-content: space-between;
    gap: 16px;
    border-bottom: 1px solid var(--line);
}
.payment-config-heading h3,
.payment-aside-heading h3,
.payment-bot-flow-card h3 { margin: 3px 0 4px; font-size: 20px; }
.payment-config-heading p:not(.eyebrow),
.payment-webhook-summary > p { margin: 0; color: var(--muted); font-size: 12px; line-height: 1.5; }
.payment-config-form { display: grid; gap: 16px; }
.payment-provider-selector { margin: 0; padding: 0; border: 0; }
.payment-provider-selector legend {
    margin-bottom: 10px;
    color: #cbd6e7;
    font-size: 12px;
    font-weight: 800;
}
.payment-provider-options {
    display: grid;
    grid-template-columns: repeat(3, minmax(0, 1fr));
    gap: 9px;
}
.payment-provider-option { position: relative; cursor: pointer; }
.payment-provider-option input {
    position: absolute;
    width: 1px;
    height: 1px;
    opacity: 0;
    pointer-events: none;
}
.payment-provider-option > span {
    min-height: 76px;
    padding: 12px;
    display: grid;
    align-content: center;
    gap: 3px;
    border: 1px solid var(--line);
    border-radius: 12px;
    background: rgba(7, 17, 30, .5);
    transition: border-color .18s ease, background .18s ease, transform .18s ease;
}
.payment-provider-option strong { color: #e5edf9; font-size: 13px; }
.payment-provider-option small { color: #7588a5; font-size: 10.5px; line-height: 1.35; }
.payment-provider-option:hover > span { border-color: rgba(111, 139, 255, .35); transform: translateY(-1px); }
.payment-provider-option input:checked + span {
    border-color: rgba(92, 127, 255, .7);
    background: linear-gradient(145deg, rgba(76, 108, 230, .18), rgba(7, 17, 30, .72));
    box-shadow: inset 0 0 0 1px rgba(111, 139, 255, .13);
}
.payment-provider-step {
    padding: 15px;
    display: grid;
    gap: 13px;
    border: 1px solid var(--line);
    border-radius: 14px;
    background: rgba(7, 17, 30, .45);
}
.payment-step-title { display: flex; align-items: center; gap: 10px; }
.payment-step-title > span {
    width: 30px;
    height: 30px;
    display: grid;
    place-items: center;
    flex: 0 0 auto;
    border: 1px solid rgba(95, 124, 255, .28);
    border-radius: 9px;
    background: rgba(95, 124, 255, .1);
    color: #91a6ff;
    font-size: 11px;
    font-weight: 900;
}
.payment-step-title strong,
.payment-step-title small { display: block; }
.payment-step-title strong { color: #dce6f5; font-size: 13px; }
.payment-step-title small { color: #7386a2; font-size: 10.5px; }
.payment-config-layout .payment-provider-fields {
    width: 100%;
    margin: 0;
    padding: 0;
    gap: 11px;
    border: 0;
    border-radius: 0;
    background: transparent;
}
.payment-config-layout .payment-provider-fields > p { font-size: 11px; line-height: 1.45; }
.payment-config-layout .payment-provider-fields input,
.payment-config-layout .payment-provider-fields select { min-height: 43px; }
.payment-config-options { display: grid; grid-template-columns: repeat(2, minmax(0, 1fr)); gap: 9px; }
.payment-config-options .toggle-row {
    min-height: 76px;
    padding: 12px 13px;
    border-radius: 12px;
}
.payment-config-options .toggle-row small { font-size: 10.5px; }
.compact-security-details {
    width: 100%;
    margin: 0;
    padding: 12px 14px;
    border-radius: 12px;
}
.compact-security-details label { margin-top: 12px; }
.payment-config-actions {
    padding-top: 2px;
    display: flex;
    justify-content: flex-end;
    gap: 9px;
}
.payment-config-actions .button { min-width: 150px; }
.payment-config-aside { display: grid; gap: 18px; }
.payment-aside-heading {
    margin-bottom: 10px;
    display: flex;
    align-items: flex-start;
    justify-content: space-between;
    gap: 12px;
}
.webhook-live-dot {
    width: 10px;
    height: 10px;
    margin-top: 8px;
    flex: 0 0 auto;
    border-radius: 50%;
    background: #49d7a2;
    box-shadow: 0 0 0 5px rgba(73, 215, 162, .1);
}
.payment-webhook-copy { margin-top: 14px; display: grid; gap: 8px; }
.payment-webhook-copy code {
    padding: 10px 11px;
    overflow: hidden;
    border: 1px solid var(--line);
    border-radius: 10px;
    background: #071321;
    color: #a8bdf0;
    font-size: 10.5px;
    text-overflow: ellipsis;
    white-space: nowrap;
}
.payment-webhook-copy .button { width: 100%; }
.payment-webhook-facts {
    margin-top: 12px;
    display: grid;
    grid-template-columns: repeat(2, minmax(0, 1fr));
    gap: 8px;
}
.payment-webhook-facts > div {
    min-width: 0;
    padding: 10px 11px;
    display: grid;
    gap: 2px;
    border: 1px solid var(--line);
    border-radius: 10px;
    background: rgba(7, 17, 30, .48);
}
.payment-webhook-facts .wide { grid-column: 1 / -1; }
.payment-webhook-facts span,
.payment-webhook-facts small { color: #7285a1; font-size: 9.5px; }
.payment-webhook-facts strong { overflow-wrap: anywhere; color: #dce6f5; font-size: 12px; }
.payment-webhook-summary .text-action { display: inline-block; margin-top: 12px; color: #91a6ff; font-size: 11px; font-weight: 750; }
.payment-bot-flow-card ol { margin: 14px 0 16px; padding: 0; display: grid; gap: 9px; list-style: none; }
.payment-bot-flow-card li { display: flex; align-items: flex-start; gap: 9px; }
.payment-bot-flow-card li > span {
    width: 25px;
    height: 25px;
    display: grid;
    place-items: center;
    flex: 0 0 auto;
    border-radius: 8px;
    background: rgba(95, 124, 255, .1);
    color: #91a6ff;
    font-size: 10px;
    font-weight: 900;
}
.payment-bot-flow-card li strong,
.payment-bot-flow-card li small { display: block; }
.payment-bot-flow-card li strong { color: #dce6f5; font-size: 12px; }
.payment-bot-flow-card li small { color: #7184a0; font-size: 10.5px; line-height: 1.4; }
.payment-bot-flow-card .button { width: 100%; }

@media (max-width: 1050px) {
    .payment-config-layout { grid-template-columns: 1fr; }
    .payment-config-aside { grid-template-columns: repeat(2, minmax(0, 1fr)); }
}

@media (max-width:1024px) {
    .ui-modal.is-wide { width: min(620px, calc(100vw - 32px)); }
    .ui-modal.is-wide .ui-modal-body { padding: 16px 14px; }
    .operation-modal-page .compact-operation-form .flow-step { padding: 14px; }
    .created-result-title p:not(.eyebrow) { display: none; }
    .payment-config-main-card,
    .payment-webhook-summary,
    .payment-bot-flow-card { padding: 16px; }
    .payment-config-heading { align-items: flex-start; }
    .payment-provider-options,
    .payment-config-options,
    .payment-config-aside { grid-template-columns: 1fr; }
    .payment-provider-option > span { min-height: 66px; }
    .payment-config-actions { display: grid; grid-template-columns: 1fr; }
    .payment-config-actions .button { width: 100%; min-width: 0; }
}

@media (max-width: 520px) {
    .professional-created-result .created-result-head { align-items: stretch; flex-direction: column; }
    .professional-created-result .created-result-head .button { width: 100%; }
    .created-credentials-grid,
    .created-detail-grid { grid-template-columns: 1fr; }
}

/* Acabamento compacto comum aos modais. */
.ui-modal-header { padding: 16px 18px 14px; }
.ui-modal-header h2 { margin-top: 2px; font-size: 20px; }
.ui-modal-close { width: 34px; height: 34px; border-radius: 10px; font-size: 22px; }
.ui-modal-body { padding: 18px; }
.payment-provider-option input { min-height: 0 !important; }

@media (max-width:1024px) {
    .ui-modal-header { padding: 15px 14px 13px; }
    .ui-modal-body { padding: 16px 14px; }
}

:root { --sidebar-width: 278px; }
.app-page { font-size: 14px; }
.app-page .button {
    min-height: 38px;
    padding-inline: 14px;
    border-radius: 9px;
    font-size: 12.5px;
}
.app-page .button.mini,
.app-page .icon-button {
    min-height: 34px;
    padding: 7px 12px;
    font-size: 11.5px;
}
.app-page .sidebar { padding: 14px 11px 12px; }
.app-page .sidebar-brand strong { font-size: 17px; }
.app-page .sidebar-brand small { font-size: 9px; }
.app-page .nav { padding-top: 8px; }
.app-page .nav-section { margin-bottom: 8px; }
.app-page .nav-link,
.app-page .nav-group-toggle { min-height: 48px; padding: 7px 9px; }
.app-page .nav-icon { width: 34px; height: 34px; border-radius: 10px; }
.app-page .nav-svg { width: 18px; height: 18px; }
.app-page .nav-copy strong { font-size: 13.5px; }
.app-page .nav-sublink { min-height: 38px; font-size: 12.5px; }
.app-page .nav-sublink-icon { width: 25px; height: 25px; }
.app-page .topbar { min-height: 70px; padding-inline: 22px; }
.app-page .topbar h1 { font-size: 19px; }
.app-page .topbar-online { font-size: 11px; }
.app-page .topbar-profile strong { font-size: 12.5px; }
.app-page .topbar-profile small { font-size: 10px; }
.app-page .page-content {
    max-width: 1460px;
    padding: 21px 24px 34px;
}
.app-page .panel-card,
.app-page .settings-form {
    padding: 16px;
    border-radius: 14px;
}
.app-page .card-heading { margin-bottom: 13px; }
.app-page .card-heading h3 { font-size: 16px; }
.app-page .eyebrow { font-size: 9.5px; }
.app-page .dashboard-hero {
    margin-bottom: 15px;
    padding: 19px 21px;
    border-radius: 15px;
}
.app-page .dashboard-hero h2 { font-size: clamp(25px, 2vw, 31px); }
.app-page .dashboard-hero p { font-size: 13px; }
.app-page .metric-grid { gap: 11px; }
.app-page .secondary-metrics { margin-top: 11px; }
.app-page .metric-card {
    min-height: 86px;
    padding: 14px;
    align-items: center;
    gap: 11px;
    border-radius: 13px;
}
.app-page .metric-icon { width: 37px; height: 37px; border-radius: 10px; }
.app-page .metric-icon svg { width: 18px; height: 18px; }
.app-page .metric-copy small,
.app-page .compact-metric small { font-size: 11.5px; }
.app-page .metric-copy strong { margin: 3px 0; font-size: 22px; }
.app-page .compact-metric {
    min-height: 72px;
    padding: 11px 12px;
    gap: 10px;
}
.app-page .compact-icon { width: 31px; height: 31px; }
.app-page .compact-metric strong { font-size: 16px; }
.app-page .dashboard-grid { margin-top: 14px; gap: 14px; }
.app-page .activity-chart { height: 180px; }
.app-page th { padding: 10px 11px; font-size: 10px; }
.app-page td { padding: 11px; font-size: 12px; }
.app-page .table-user > span { width: 32px; height: 32px; }
.app-page .table-user strong,
.app-page .professional-table td > strong { font-size: 12px; }
.app-page .table-user small,
.app-page .table-action { font-size: 10px; }
.app-page .empty-state { padding-block: 24px; font-size: 12px; }
.app-page .form-stack,
.app-page .stack-form { gap: 13px; }
.app-page .form-grid { gap: 12px; }
.app-page .form-stack label,
.app-page .settings-form label,
.app-page .form-grid > label { font-size: 12px; }
.app-page input,
.app-page select { min-height: 40px; font-size: 13px; }
.app-page textarea { font-size: 13px; }
.app-page label small,
.app-page .field-help { font-size: 10px; }
.app-page .form-actions { margin-top: 15px; padding-top: 13px; }
.app-page .two-column-layout { gap: 15px; }
.app-page .settings-layout { grid-template-columns: 230px minmax(0, 1fr); gap: 16px; }
.app-page .settings-header h2 { font-size: 23px; }
.app-page .settings-header p { font-size: 12px; }
.app-page .settings-nav { top: 86px; padding: 11px; }
.app-page .toggle-row,
.app-page .toggle-field {
    min-height: 64px;
    padding: 11px 66px 11px 13px;
    border-radius: 12px;
}
.app-page .toggle-row strong,
.app-page .toggle-field strong { font-size: 12.5px; }
.app-page .toggle-row small,
.app-page .toggle-field small { font-size: 10px; }
.app-page .toggle-row input[type="checkbox"],
.app-page .toggle-field input[type="checkbox"] {
    right: 13px;
    width: 42px !important;
    min-width: 42px !important;
    max-width: 42px !important;
    height: 24px !important;
    min-height: 24px !important;
    background-image: radial-gradient(circle at 11px 50%, #8493aa 0 7px, transparent 8px);
}
.app-page .toggle-row input[type="checkbox"]:checked,
.app-page .toggle-field input[type="checkbox"]:checked {
    background-image: radial-gradient(circle at calc(100% - 11px) 50%, #fff 0 7px, transparent 8px), linear-gradient(110deg, #5573ee, #428ef3);
}
.ui-modal { width: min(580px, 100%); max-height: min(86vh, 720px); border-radius: 16px; }
.ui-modal.is-wide { width: min(700px, 100%); max-height: min(88vh, 760px); }
.ui-modal-header { padding: 14px 16px 12px; }
.ui-modal-header h2 {  }
.ui-modal-body,
.ui-modal.is-wide .ui-modal-body { padding: 15px 16px; }
.ui-modal-close {   font-size: 20px; }
.plan-page-toolbar { margin-bottom: 12px; }
.plan-page-toolbar .button { min-width: 145px; }
.plan-catalog-grid { gap: 12px; }
.plan-category-card { padding: 14px !important; }
.plan-category-heading { margin-bottom: 10px; }
.plan-category-heading h3 { font-size: 15px; }
.plan-count { min-width: 29px; height: 29px; border-radius: 9px; font-size: 11px; }
.plan-management-list { gap: 7px; }
.plan-management-row {
    padding: 9px 10px;
    grid-template-columns: minmax(0, 1fr) auto auto;
    gap: 9px 12px;
    border-radius: 11px;
}
.plan-management-main { gap: 9px; }
.plan-kind-mark {
    width: 32px;
    height: 32px;
    border-radius: 9px;
    font-size: 14px;
}
.plan-management-main strong { font-size: 12.5px; }
.plan-management-main small { margin-top: 2px; font-size: 10px; }
.plan-management-price { gap: 7px; }
.plan-management-price strong { font-size: 12.5px; }
.plan-management-price .status-badge { padding: 3px 7px; font-size: 10px; }
.plan-management-actions {
    grid-column: auto;
    padding-top: 0;
    gap: 6px;
    border-top: 0;
}
.plan-management-actions .button { min-width: 0; }
.plan-modal-content { width: min(100%, 600px); }
.plan-modal-form { gap: 14px; }
.plan-modal-fields { gap: 11px; }
.plan-active-toggle { min-height: 60px !important; }
.plan-modal-form .centered-actions .button { min-width: 160px; }

@media (max-width:1024px) {
    :root { --sidebar-width: 278px; }
    .app-page .page-content { padding: 17px 16px 28px; }
}

@media (max-width: 700px) {
    .app-page .topbar { min-height: 62px; padding-inline: 13px; }
    .app-page .page-content { padding: 14px 11px 25px; }
    .app-page .panel-card,
    .app-page .settings-form { padding: 13px; }
    .plan-management-row { grid-template-columns: minmax(0, 1fr) auto; }
    .plan-management-price { justify-content: flex-end; }
    .plan-management-actions {
        grid-column: 1 / -1;
        justify-content: flex-end;
        padding-top: 7px;
        border-top: 1px solid rgba(110, 132, 171, .11);
    }
    .ui-modal,
    .ui-modal.is-wide { width: min(100%, calc(100vw - 20px)); }
}

@media (max-width: 460px) {
    .plan-management-row { grid-template-columns: 1fr; }
    .plan-management-price { justify-content: flex-start; }
    .plan-management-actions { justify-content: stretch; grid-template-columns: 1fr 1fr; }
    .plan-management-actions,
    .plan-management-actions form,
    .plan-management-actions .button { width: 100%; }
}

.operation-inline-feedback {
    width: min(100%, 760px);
    margin: 0 auto 12px;
    transition: opacity .2s ease, transform .2s ease, max-height .25s ease, margin .25s ease, padding .25s ease;
}
.operation-inline-feedback.is-hiding {
    max-height: 0;
    margin-block: 0;
    padding-block: 0;
    overflow: hidden;
    opacity: 0;
    transform: translateY(-5px);
}

.online-operation-card { min-height: 250px; }
.online-live-summary {
    display: flex;
    align-items: center;
    justify-content: flex-end;
    flex-wrap: wrap;
    gap: 6px;
    color: var(--muted);
    font-size: 11px;
}
.online-live-summary strong { color: #eef4ff; font-size: 16px; }
.online-live-summary small { width: 100%; text-align: right; color: #60748f; }
.live-pulse { margin-right: 8px; display: inline-flex; align-items: center; gap: 6px; color: #5edeb4; font-weight: 750; }
.live-pulse i { width: 7px; height: 7px; border-radius: 50%; background: currentColor; box-shadow: 0 0 0 5px rgba(64, 213, 163, .09); animation: primecel-live-pulse 1.5s ease-in-out infinite; }
@keyframes primecel-live-pulse { 50% { opacity: .45; transform: scale(.78); } }
.online-account-table { min-width: 760px; }
.online-account-table td:nth-child(2) > strong { color: #66dfb8; font-size: 15px; }

/* O formulário operacional ocupa o modal por inteiro, sem cartões flutuantes desnecessários. */
.ui-modal.is-wide {
    width: min(900px, calc(100vw - 34px));
    max-height: min(92vh, 840px);
}
.ui-modal.is-wide .ui-modal-body { padding: 0; }
.operation-modal-page { gap: 0; }
.operation-modal-page > .alert { margin: 14px 16px 0; }
.operation-modal-page > .professional-operation-form {
    width: 100%;
    margin: 0;
    padding: 0;
    border: 0;
    border-radius: 0;
    background: transparent;
    box-shadow: none;
}
.operation-modal-page .compact-operation-form .flow-step {
    width: 100%;
    margin: 0;
    padding: 17px 20px;
    border: 0;
    border-bottom: 1px solid var(--line);
    border-radius: 0;
    background: rgba(7, 17, 30, .34);
}
.operation-modal-page .compact-operation-form .flow-step:nth-child(even) { background: rgba(10, 23, 40, .42); }
.operation-modal-page .compact-operation-form .flow-step:last-of-type { border-bottom: 1px solid var(--line); }
.operation-modal-page .compact-operation-form .operation-submit-actions {
    margin: 0;
    padding: 15px 20px 18px;
    border: 0;
    background: #0c1829;
    justify-content: center;
}
.operation-modal-page .compact-operation-form .operation-submit-actions .button { min-width: 210px; }
.operation-modal-page .compact-account-overview {
    width: 100%;
    margin: 0;
    padding: 15px 20px;
    border: 0;
    border-bottom: 1px solid var(--line);
    border-radius: 0;
    background: linear-gradient(120deg, rgba(29, 48, 81, .72), rgba(10, 23, 40, .72));
}
.operation-modal-page .account-edit-section,
.operation-modal-page .danger-zone,
.operation-modal-page .operation-history {
    margin: 0;
    padding: 17px 20px;
    border: 0;
    border-bottom: 1px solid var(--line);
    border-radius: 0;
    box-shadow: none;
}
.operation-modal-page .flow-step-head { margin-bottom: 12px; }
.operation-modal-page .compact-fields { gap: 11px; }
.operation-modal-page .whatsapp-card-field {
    width: 100%;
    padding: 13px 14px;
    border: 1px solid var(--line);
    border-radius: 12px;
    background: rgba(5, 14, 26, .42);
}
.operation-modal-page .whatsapp-card-field > span { margin-bottom: 8px; display: block; }
.operation-modal-page .phone-input-grid {  }
.operation-modal-page .unified-password-field { width: 100%; }
.operation-modal-page .unified-password-field input { min-width: 0; }
.compact-profile-stats { grid-template-columns: repeat(4, minmax(0, 1fr)); gap: 8px; }
.compact-profile-stats > div { min-height: 66px; padding: 11px 12px; border-radius: 11px; }
.compact-profile-stats span { font-size: 10px; }
.compact-profile-stats strong { font-size: 13px; }
.compact-action-grid { gap: 8px; }
.compact-action-grid .quick-action { min-height: 56px; padding: 10px 12px; }

/* Avisos importantes aparecem no início do dashboard. */
.dashboard-notification-stack { margin-bottom: 13px; display: grid; gap: 8px; }
.dashboard-notification {
    min-width: 0;
    padding: 11px 13px;
    display: grid;
    grid-template-columns: 32px minmax(0, 1fr) auto;
    align-items: center;
    gap: 11px;
    border: 1px solid rgba(99, 130, 200, .22);
    border-radius: 12px;
    background: linear-gradient(115deg, rgba(17, 34, 58, .94), rgba(9, 22, 39, .92));
}
.dashboard-notification.is-unread { border-color: rgba(95, 124, 255, .45); box-shadow: inset 3px 0 0 #6683ff; }
.dashboard-notification.is-news { border-color: rgba(64, 213, 163, .28); }
.dashboard-notification-icon { width: 32px; height: 32px; display: grid; place-items: center; border-radius: 9px; background: rgba(95, 124, 255, .12); color: #9aabff; font-weight: 900; }
.dashboard-notification.is-news .dashboard-notification-icon { background: rgba(64, 213, 163, .1); color: #63ddb7; }
.dashboard-notification-copy { min-width: 0; }
.dashboard-notification-copy strong,
.dashboard-notification-copy p { display: block; }
.dashboard-notification-copy strong { color: #ecf2fc; font-size: 12.5px; }
.dashboard-notification-copy p { margin: 2px 0 0; color: #8294af; font-size: 11px; line-height: 1.4; }
.dashboard-notification time { color: #60748f; font-size: 10px; white-space: nowrap; }

/* Configuração do BOT dentro das configurações. */
.bot-settings-content { min-width: 0; display: grid; gap: 14px; }
.bot-configuration-card { padding: 18px !important; }
.bot-configuration-heading { margin-bottom: 16px; display: flex; align-items: center; justify-content: space-between; gap: 16px; }
.bot-heading-main { min-width: 0; display: flex; align-items: center; gap: 12px; }
.bot-heading-main h3 { margin: 2px 0 3px; font-size: 18px; }
.bot-heading-main p:not(.eyebrow) { margin: 0; color: var(--muted); font-size: 11.5px; }
.bot-brand-icon { width: 40px; height: 40px; display: grid; place-items: center; flex: 0 0 auto; border-radius: 12px; background: rgba(70, 139, 255, .13); color: #87a8ff; font-weight: 900; }
.bot-config-form { gap: 13px; }
.bot-toggle-list { grid-template-columns: repeat(2, minmax(0, 1fr)); }
.compact-select-field { width: min(100%, 340px); }
.compact-backup-card { padding: 16px !important; }
.compact-backup-card .backup-list { max-height: 190px; overflow: auto; }

@media (max-width:1024px) {
    .online-live-summary { justify-content: flex-start; }
    .online-live-summary small { text-align: left; }
    .ui-modal.is-wide { width: min(100%, calc(100vw - 20px)); max-height: calc(100dvh - 20px); }
    .operation-modal-page .compact-operation-form .flow-step,
    .operation-modal-page .compact-account-overview,
    .operation-modal-page .account-edit-section,
    .operation-modal-page .danger-zone,
    .operation-modal-page .operation-history { padding: 14px; }
    .operation-modal-page .compact-operation-form .operation-submit-actions { padding: 14px; }
    .operation-modal-page .compact-operation-form .operation-submit-actions .button { width: 100%; min-width: 0; }
    .compact-profile-stats { grid-template-columns: repeat(2, minmax(0, 1fr)); }
    .dashboard-notification { grid-template-columns: 30px minmax(0, 1fr); }
    .dashboard-notification time { grid-column: 2; }
    .bot-configuration-heading { align-items: flex-start; }
    .bot-toggle-list { grid-template-columns: 1fr; }
}

@media (max-width: 480px) {
    .compact-profile-stats { grid-template-columns: 1fr; }
    .bot-configuration-heading { flex-direction: column; }
    .phone-input-grid { grid-template-columns: 72px 86px minmax(0, 1fr); }
}
.dashboard-notification-copy small { display: block; margin-bottom: 2px; color: #6f83a0; font-size: 9.5px; }
.dashboard-notification-copy strong { display: block; }
.dashboard-notification-link { color: #9eb0ca; font-size: 10.5px; font-weight: 750; white-space: nowrap; }
.dashboard-notification-link:hover { color: #fff; }
@media (max-width:1024px) { .dashboard-notification-link { grid-column: 2; justify-self: start; } }

.compact-list-actions { margin-bottom: 12px; justify-content: flex-end; }
.compact-list-actions .button { min-width: 170px; }
.stability-panel,
.system-log-panel { padding: 16px !important; }
.diagnostic-list,
.system-log-list { display: grid; gap: 0; border: 1px solid var(--line); border-radius: 13px; overflow: hidden; }
.diagnostic-row {
    min-width: 0;
    padding: 11px 13px;
    display: grid;
    grid-template-columns: 9px minmax(0, 1fr) auto;
    align-items: center;
    gap: 11px;
    background: rgba(7, 17, 30, .42);
    border-bottom: 1px solid var(--line);
}
.diagnostic-row:last-child,
.system-log-row:last-child { border-bottom: 0; }
.diagnostic-row > div { min-width: 0; }
.diagnostic-row strong,
.diagnostic-row small { display: block; }
.diagnostic-row strong { font-size: 12.5px; }
.diagnostic-row small { margin-top: 2px; color: var(--muted); font-size: 10.5px; line-height: 1.4; overflow-wrap: anywhere; }
.diagnostic-state { width: 9px; height: 9px; border-radius: 999px; background: #6f819b; box-shadow: 0 0 0 4px rgba(111,129,155,.1); }
.diagnostic-state.tone-success { background: #45d4ab; box-shadow: 0 0 0 4px rgba(69,212,171,.1); }
.diagnostic-state.tone-warning { background: #f0b95e; box-shadow: 0 0 0 4px rgba(240,185,94,.1); }
.diagnostic-state.tone-danger { background: #ff708c; box-shadow: 0 0 0 4px rgba(255,112,140,.1); }
.diagnostic-status { padding: 5px 8px; border: 1px solid var(--line); border-radius: 999px; color: #93a5bf; font-size: 10px; font-weight: 800; white-space: nowrap; }
.diagnostic-status.tone-success { border-color: rgba(69,212,171,.25); background: rgba(69,212,171,.08); color: #60dfba; }
.diagnostic-status.tone-warning { border-color: rgba(240,185,94,.25); background: rgba(240,185,94,.08); color: #f2c776; }
.diagnostic-status.tone-danger { border-color: rgba(255,112,140,.25); background: rgba(255,112,140,.08); color: #ff8ba1; }
.system-log-row {
    min-width: 0;
    padding: 10px 12px;
    display: grid;
    grid-template-columns: 74px minmax(0, 1fr) auto;
    align-items: center;
    gap: 11px;
    border-bottom: 1px solid var(--line);
    background: rgba(7, 17, 30, .35);
}
.system-log-row > span { color: #8fa5c4; font-size: 10px; font-weight: 850; text-transform: uppercase; letter-spacing: .08em; }
.system-log-row > div { min-width: 0; }
.system-log-row strong,
.system-log-row small { display: block; overflow: hidden; text-overflow: ellipsis; white-space: nowrap; }
.system-log-row strong { font-size: 11.5px; }
.system-log-row small { margin-top: 2px; color: var(--muted); font-size: 9.5px; }
.system-log-row time { color: #6f839f; font-size: 9.5px; white-space: nowrap; }

@media (max-width:1024px) {
    .compact-list-actions { justify-content: stretch; }
    .compact-list-actions .button { width: 100%; min-width: 0; }
    .diagnostic-row { grid-template-columns: 9px minmax(0, 1fr); }
    .diagnostic-status { grid-column: 2; justify-self: start; }
    .system-log-row { grid-template-columns: 62px minmax(0, 1fr); }
    .system-log-row time { grid-column: 2; }
}

.inline-copy-field { display: grid; grid-template-columns: minmax(0, 1fr) auto; gap: 8px; align-items: center; }
.inline-copy-field input { min-width: 0; font-family: ui-monospace, SFMono-Regular, Menlo, Consolas, monospace; }
.compact-check { display: inline-flex; align-items: center; gap: 8px; color: var(--muted); font-size: 12px; }
.compact-check input { width: 16px; height: 16px; }
/* O Web App pode expandir o painel autenticado, mas não deve esticar o cartão de login. */
.telegram-webapp .app-shell { min-height: var(--tg-viewport-height, 100dvh); }
.telegram-webapp .login-page { min-height: 0; height: auto; }
@media (max-width: 640px) {
  .inline-copy-field { grid-template-columns: 1fr; }
  .inline-copy-field .button { width: 100%; }
  .compact-list-actions { display: grid; grid-template-columns: repeat(2, minmax(0, 1fr)); }
  .compact-list-actions > *,.compact-list-actions .button { width: 100%; }
}
@media (max-width: 420px) { .compact-list-actions { grid-template-columns: 1fr; } }

.webapp-settings-card { padding: 18px !important; }
.webapp-settings-heading { margin-bottom: 18px; display: flex; align-items: flex-start; justify-content: space-between; gap: 18px; }
.webapp-heading-copy { min-width: 0; display: flex; align-items: center; gap: 13px; }
.webapp-heading-copy h3 { margin: 2px 0 4px; font-size: 19px; }
.webapp-heading-copy p:not(.eyebrow) { max-width: 660px; margin: 0; color: var(--muted); font-size: 12px; line-height: 1.5; }
.webapp-brand-icon { width: 42px; height: 42px; display: grid; place-items: center; flex: 0 0 auto; border-radius: 12px; border: 1px solid rgba(91,132,255,.25); background: rgba(91,132,255,.12); color: #a8bbff; font-weight: 900; }
.webapp-statuses { display: flex; flex-wrap: wrap; justify-content: flex-end; gap: 7px; }
.webapp-settings-form { gap: 17px; }
.webapp-url-field { grid-template-columns: minmax(0, 1fr) auto; }
.webapp-capability-grid { display: grid; grid-template-columns: repeat(3,minmax(0,1fr)); gap: 9px; }
.webapp-capability-grid article { min-width: 0; padding: 13px; border: 1px solid var(--line); border-radius: 12px; background: rgba(6,16,29,.45); }
.webapp-capability-grid span,.webapp-capability-grid strong { display: block; }
.webapp-capability-grid span { margin-bottom: 5px; color: #7085a4; font-size: 9.5px; font-weight: 850; letter-spacing: .08em; text-transform: uppercase; }
.webapp-capability-grid strong { color: #dce6f5; font-size: 11.5px; line-height: 1.4; }

.renewal-charge-modal { width: min(100%, 620px); }
.renewal-charge-form { position: relative; gap: 14px; }
.renewal-charge-intro { padding: 12px 13px; display: flex; align-items: center; gap: 11px; border: 1px solid rgba(85,126,238,.22); border-radius: 13px; background: linear-gradient(115deg,rgba(22,40,69,.72),rgba(8,20,36,.7)); }
.renewal-charge-icon { width: 36px; height: 36px; display: grid; place-items: center; flex: 0 0 auto; border-radius: 10px; background: rgba(74,130,255,.14); color: #8eacff; font-size: 20px; font-weight: 900; }
.renewal-charge-intro strong,.renewal-charge-intro small { display: block; }
.renewal-charge-intro strong { font-size: 13px; }
.renewal-charge-intro small { margin-top: 2px; color: var(--muted); font-size: 10.5px; line-height: 1.4; }
.renewal-type-field,.renewal-plan-field,.renewal-user-field { min-width: 0; }
.renewal-user-field { position: relative; }
.renewal-search-input { position: relative; }
.renewal-search-input svg { position: absolute; left: 13px; top: 50%; width: 16px; height: 16px; transform: translateY(-50%); fill: none; stroke: #6f84a2; stroke-width: 1.8; pointer-events: none; }
.renewal-search-input input { padding-left: 39px; }
.renewal-search-results { position: absolute; z-index: 8; top: calc(100% - 16px); left: 0; right: 0; max-height: 260px; overflow: auto; border: 1px solid rgba(102,132,202,.35); border-radius: 12px; background: #0a1728; box-shadow: 0 18px 48px rgba(0,0,0,.42); }
.renewal-search-option { width: 100%; padding: 10px 12px; display: flex; align-items: center; gap: 10px; border: 0; border-bottom: 1px solid var(--line); background: transparent; color: inherit; text-align: left; cursor: pointer; }
.renewal-search-option:last-child { border-bottom: 0; }
.renewal-search-option:hover,.renewal-search-option:focus-visible { background: rgba(78,119,223,.12); outline: 0; }
.renewal-search-avatar,.renewal-selected-avatar { width: 32px; height: 32px; display: grid; place-items: center; flex: 0 0 auto; border: 1px solid rgba(101,134,221,.28); border-radius: 9px; background: rgba(73,105,194,.13); color: #9bb1f7; font-size: 12px; font-weight: 900; }
.renewal-search-option > span:nth-child(2) { min-width: 0; }
.renewal-search-option strong,.renewal-search-option small { display: block; overflow: hidden; text-overflow: ellipsis; white-space: nowrap; }
.renewal-search-option strong { font-size: 12px; }
.renewal-search-option small { margin-top: 2px; color: #7186a4; font-size: 10px; }
.renewal-search-empty { padding: 18px; color: var(--muted); font-size: 11px; text-align: center; }
.renewal-selected-user { min-width: 0; min-height: 56px; padding: 10px 11px; display: grid; grid-template-columns: 32px minmax(0,1fr) auto; align-items: center; gap: 10px; border: 1px solid rgba(67,210,168,.26); border-radius: 12px; background: rgba(25,105,82,.08); }
.renewal-selected-user > div { min-width: 0; }
.renewal-selected-user strong,.renewal-selected-user small { display: block; overflow: hidden; text-overflow: ellipsis; white-space: nowrap; }
.renewal-selected-user strong { font-size: 12.5px; }
.renewal-selected-user small { margin-top: 2px; color: #7890ad; font-size: 10px; }
.renewal-selected-user button { border: 0; background: transparent; color: #8fa9d0; font-size: 10.5px; font-weight: 800; cursor: pointer; }
.renewal-selected-user button:hover { color: #fff; }
.renewal-user-field.has-selection > label,.renewal-user-field.has-selection > [data-renewal-user-help] { display: none; }
.renewal-charge-summary { padding: 11px 13px; border: 1px solid var(--line); border-radius: 11px; background: rgba(6,16,29,.48); }
.renewal-charge-summary span,.renewal-charge-summary strong { display: block; }
.renewal-charge-summary span { color: #7185a1; font-size: 9.5px; font-weight: 800; text-transform: uppercase; letter-spacing: .08em; }
.renewal-charge-summary strong { margin-top: 4px; color: #dfe9f7; font-size: 11.5px; }
.renewal-charge-actions { padding-top: 2px; }
.renewal-charge-actions .button { min-width: 240px; }

@media (max-width: 700px) {
  .webapp-settings-heading { flex-direction: column; }
  .webapp-statuses { justify-content: flex-start; }
  .webapp-capability-grid { grid-template-columns: 1fr; }
  .webapp-url-field { grid-template-columns: 1fr; }
  .webapp-url-field .button,.renewal-charge-actions .button { width: 100%; min-width: 0; }
  .renewal-search-results { max-height: 220px; }
}

@media (max-width:1024px) {
    .ui-modal-layer {
        padding: max(24px, env(safe-area-inset-top)) 16px max(24px, env(safe-area-inset-bottom));
        place-items: center;
    }
    .ui-modal,
    .ui-modal.is-wide {
        width: min(100%, calc(100vw - 32px));
        max-height: calc(100dvh - 48px);
        border-radius: 18px;
    }
    .ui-modal-header {
        padding: 15px 16px 13px;
    }
    .ui-modal-body,
    .ui-modal.is-wide .ui-modal-body {
        padding: 16px;
        overscroll-behavior: contain;
    }
    .operation-modal-page .compact-operation-form .operation-submit-actions,
    .ui-modal .centered-actions {
        display: flex !important;
        justify-content: center !important;
        align-items: center !important;
        flex-wrap: wrap;
    }
    .operation-modal-page .compact-operation-form .operation-submit-actions .button,
    .ui-modal .centered-actions .button {
        width: auto !important;
        min-width: 180px !important;
        max-width: 100%;
        margin-inline: auto;
    }
    .operation-modal-page .split-actions {
        display: grid !important;
        grid-template-columns: 1fr;
        justify-items: center;
        gap: 10px;
        text-align: center;
    }
    .operation-modal-page .split-actions .button {
        width: auto !important;
        min-width: 180px;
        max-width: 100%;
        margin-inline: auto;
    }
}

@media (max-width: 380px) {
    .ui-modal-layer {
        padding-inline: 13px;
    }
    .ui-modal,
    .ui-modal.is-wide {
        width: calc(100vw - 26px);
        max-height: calc(100dvh - 42px);
    }
}

.dashboard-notification { position: relative; padding-right: 42px; transition: opacity .2s ease, transform .2s ease, max-height .22s ease, margin .22s ease, padding .22s ease; }
.dashboard-notification.is-hiding { opacity: 0; transform: translateY(-5px); }
.dashboard-notification-close { position: absolute; top: 9px; right: 9px; width: 27px; height: 27px; display: grid; place-items: center; border: 1px solid rgba(115,139,179,.28); border-radius: 8px; background: rgba(8,20,36,.7); color: #8fa2bd; font-size: 19px; line-height: 1; cursor: pointer; }
.dashboard-notification-close:hover { border-color: rgba(117,145,211,.55); color: #fff; }
.store-settings-card { display: grid; gap: 18px; }
.store-settings-card .card-heading p:last-child { max-width: 660px; margin: 5px 0 0; color: var(--muted); font-size: 12px; }
.store-public-link { padding: 13px 14px; display: grid; grid-template-columns: minmax(0,1fr) auto auto; align-items: center; gap: 10px; border: 1px solid var(--line); border-radius: 13px; background: rgba(7,18,32,.55); }
.store-public-link div { min-width: 0; }
.store-public-link small, .store-public-link strong { display: block; }
.store-public-link small { margin-bottom: 3px; color: var(--muted); font-size: 10px; }
.store-public-link strong { overflow: hidden; text-overflow: ellipsis; white-space: nowrap; font-size: 12px; }
.store-settings-form { gap: 17px; }
.store-readiness { display: grid; grid-template-columns: repeat(3,minmax(0,1fr)); gap: 10px; }
.store-readiness article { min-height: 88px; padding: 14px; border: 1px solid var(--line); border-radius: 13px; background: rgba(7,18,32,.48); }
.store-readiness small, .store-readiness strong, .store-readiness span { display: block; }
.store-readiness small { color: var(--muted); font-size: 10px; }
.store-readiness strong { margin-top: 6px; font-size: 18px; }
.store-readiness span { margin-top: 4px; color: #7185a2; font-size: 10px; line-height: 1.4; }
@media (max-width:1024px) {
    .dashboard-notification { padding-right: 38px; }
    .store-public-link { grid-template-columns: 1fr 1fr; }
    .store-public-link div { grid-column: 1 / -1; }
    .store-public-link .button { width: 100%; }
    .store-readiness { grid-template-columns: 1fr; }
}

.plan-management-description{margin:5px 0 0;max-width:520px;color:var(--muted);font-size:11px;line-height:1.4}.plan-description-field textarea{min-height:82px;resize:vertical}.plan-modal-fields .field-wide{grid-column:1/-1}

.store-copy-settings{display:grid;gap:12px;padding:16px;border:1px solid var(--line);border-radius:14px;background:rgba(7,18,32,.46)}
.store-copy-heading h4{margin:3px 0 5px;font-size:16px}
.store-copy-heading p:last-child{max-width:760px;margin:0;color:var(--muted);font-size:11px;line-height:1.5}
.store-copy-heading code{padding:2px 5px;border:1px solid var(--line);border-radius:5px;background:#091525;color:#b8c8e2}
.store-copy-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:12px}
.store-copy-grid article{display:grid;gap:10px;padding:14px;border:1px solid var(--line);border-radius:12px;background:rgba(9,21,37,.68)}
.store-copy-grid article>div strong,.store-copy-grid article>div small{display:block}
.store-copy-grid article>div strong{font-size:13px}
.store-copy-grid article>div small{margin-top:3px;color:var(--muted);font-size:10px}
.store-copy-grid label{display:grid;gap:5px}
.store-copy-grid label>span{color:#aebcd1;font-size:10px;font-weight:700}
.store-copy-grid input{min-height:40px}
@media(max-width:1024px){.store-copy-grid{grid-template-columns:1fr}.store-copy-settings{padding:13px}.store-copy-grid article{padding:12px}}

.payment-provider-select {
    display: grid;
    gap: 8px;
}
.payment-provider-select > span {
    color: #cbd6e7;
    font-size: 12px;
    font-weight: 800;
}
.payment-provider-select select {
    min-height: 48px;
}
.professional-table .table-actions form {
    display: inline-flex;
    margin: 0;
}

.store-token-form { margin: 0; }
.store-token-form .button { white-space: nowrap; }
@media (max-width:1024px) {
    .store-public-link .store-token-form { width: 100%; }
    .store-public-link .store-token-form .button { width: 100%; }
}

.status-badge.status-featured{border-color:rgba(91,123,245,.4);background:rgba(91,123,245,.12);color:#aebcff}
.plan-management-price{flex-wrap:wrap}

.store-config-premium {
    display: grid;
    gap: 18px;
}
.store-config-hero {
    position: relative;
    min-height: 118px;
    padding: 22px 24px;
    display: grid;
    grid-template-columns: auto minmax(0, 1fr) auto;
    align-items: center;
    gap: 16px;
    overflow: hidden;
    border: 1px solid rgba(111, 140, 255, .24);
    border-radius: 18px;
    background:
        radial-gradient(circle at 100% 0%, rgba(83, 112, 238, .16), transparent 42%),
        linear-gradient(135deg, rgba(18, 33, 57, .98), rgba(10, 22, 39, .96));
    box-shadow: 0 20px 52px rgba(0, 0, 0, .18);
}
.store-config-hero::after {
    position: absolute;
    right: -90px;
    bottom: -130px;
    width: 260px;
    height: 260px;
    border: 1px solid rgba(104, 132, 255, .12);
    border-radius: 50%;
    box-shadow: 0 0 0 36px rgba(104, 132, 255, .025), 0 0 0 74px rgba(104, 132, 255, .018);
    content: "";
    pointer-events: none;
}
.store-config-hero-icon,
.store-sidebar-icon,
.copy-plan-icon,
.store-toggle-icon {
    display: grid;
    place-items: center;
    flex: 0 0 auto;
    border: 1px solid rgba(105, 136, 236, .28);
    background: rgba(42, 66, 121, .24);
    color: #8fa8ff;
}
.store-config-hero-icon {
    width: 52px;
    height: 52px;
    border-radius: 15px;
    box-shadow: inset 0 1px rgba(255, 255, 255, .06), 0 14px 28px rgba(22, 44, 94, .2);
}
.store-config-hero-icon svg { width: 25px; height: 25px; }
.store-config-hero-copy { position: relative; z-index: 1; min-width: 0; }
.store-config-hero-copy h2 { margin: 2px 0 5px; font-size: clamp(23px, 2vw, 30px); letter-spacing: -.035em; }
.store-config-hero-copy > p:last-child { max-width: 650px; margin: 0; color: var(--muted); font-size: 12.5px; line-height: 1.55; }
.store-config-status {
    position: relative;
    z-index: 1;
    min-height: 34px;
    padding: 0 12px;
    display: inline-flex;
    align-items: center;
    gap: 8px;
    border: 1px solid;
    border-radius: 999px;
    font-size: 11px;
    font-weight: 800;
    white-space: nowrap;
}
.store-config-status i { width: 7px; height: 7px; border-radius: 50%; }
.store-config-status.is-active { border-color: rgba(51, 212, 155, .28); background: rgba(51, 212, 155, .08); color: #74e0bc; }
.store-config-status.is-active i { background: var(--success); box-shadow: 0 0 0 4px rgba(51, 212, 155, .1); }
.store-config-status.is-inactive { border-color: rgba(255, 107, 123, .25); background: rgba(255, 107, 123, .07); color: #ff9dab; }
.store-config-status.is-inactive i { background: var(--danger); }
.store-config-layout {
    display: grid;
    grid-template-columns: minmax(0, 1fr) minmax(280px, 330px);
    align-items: start;
    gap: 18px;
}
.store-config-main { min-width: 0; display: grid; gap: 16px; }
.store-config-section,
.store-publish-card,
.store-health-card {
    border: 1px solid var(--line);
    border-radius: 17px;
    background:
        linear-gradient(145deg, rgba(16, 29, 49, .96), rgba(10, 21, 37, .96));
    box-shadow: 0 14px 38px rgba(0, 0, 0, .12);
}
.store-config-section { padding: 20px; display: grid; gap: 17px; }
.store-config-section-heading { display: flex; align-items: flex-start; gap: 12px; }
.store-section-number {
    width: 34px;
    height: 34px;
    display: grid;
    place-items: center;
    flex: 0 0 auto;
    border: 1px solid rgba(100, 131, 241, .35);
    border-radius: 10px;
    background: rgba(76, 103, 210, .14);
    color: #91a6ff;
    font-size: 10px;
    font-weight: 850;
}
.store-config-section-heading h3 { margin: 1px 0 4px; font-size: 16px; letter-spacing: -.02em; }
.store-config-section-heading p { margin: 0; color: var(--muted); font-size: 11px; line-height: 1.45; }
.store-config-fields { display: grid; grid-template-columns: minmax(0, 1fr); gap: 13px; }
.store-config-fields.two-columns { grid-template-columns: repeat(2, minmax(0, 1fr)); }
.store-config-fields label { min-width: 0; display: grid; gap: 6px; }
.store-config-fields label > span,
.premium-copy-grid label > span { color: #c8d3e4; font-size: 11px; font-weight: 750; }
.store-config-fields label > small { color: #7487a5; font-size: 9.5px; line-height: 1.45; }
.store-config-fields .field-wide { grid-column: 1 / -1; }
.store-config-fields input,
.store-config-fields select,
.premium-copy-grid input {
    width: 100%;
    min-height: 43px;
    border: 1px solid rgba(127, 151, 190, .2);
    border-radius: 11px;
    outline: none;
    background: rgba(7, 17, 31, .76);
    color: var(--text);
    transition: border-color .18s ease, box-shadow .18s ease, background .18s ease;
}
.store-config-fields input,
.premium-copy-grid input { padding: 0 13px; }
.store-config-fields select { padding: 0 36px 0 13px; }
.store-config-fields input:focus,
.store-config-fields select:focus,
.premium-copy-grid input:focus { border-color: rgba(95, 124, 255, .68); background: #0a1728; box-shadow: 0 0 0 3px rgba(95, 124, 255, .1); }
.store-config-toggles { display: grid; grid-template-columns: repeat(3, minmax(0, 1fr)); gap: 10px; }
.store-premium-toggle {
    min-width: 0;
    min-height: 88px;
    padding: 13px;
    display: grid;
    grid-template-columns: auto minmax(0, 1fr) auto;
    align-items: center;
    gap: 10px;
    border: 1px solid var(--line);
    border-radius: 13px;
    background: rgba(7, 18, 33, .58);
    cursor: pointer;
    transition: border-color .18s ease, background .18s ease, transform .18s ease;
}
.store-premium-toggle:hover { border-color: rgba(107, 136, 228, .34); background: rgba(13, 28, 49, .72); transform: translateY(-1px); }
.store-toggle-icon { width: 36px; height: 36px; border-radius: 10px; }
.store-toggle-icon svg { width: 18px; height: 18px; }
.store-toggle-copy { min-width: 0; }
.store-toggle-copy strong,
.store-toggle-copy small { display: block; }
.store-toggle-copy strong { color: #e5ebf6; font-size: 11px; }
.store-toggle-copy small { margin-top: 3px; color: #7184a2; font-size: 9px; line-height: 1.4; }
.store-premium-toggle input {  opacity: 0; pointer-events: none; }
.store-premium-toggle > i {
    position: relative;
    width: 38px;
    height: 22px;
    border: 1px solid rgba(130, 153, 190, .3);
    border-radius: 999px;
    background: #0a1626;
    transition: .18s ease;
}
.store-premium-toggle > i::after {
    position: absolute;
    top: 3px;
    left: 3px;
    width: 14px;
    height: 14px;
    border-radius: 50%;
    background: #8291a8;
    content: "";
    transition: .18s ease;
}
.store-premium-toggle input:checked + i { border-color: rgba(95, 124, 255, .6); background: #4d6fe2; box-shadow: 0 0 0 3px rgba(77, 111, 226, .1); }
.store-premium-toggle input:checked + i::after { left: 19px; background: white; }
.store-variable-note {
    padding: 10px 12px;
    display: flex;
    align-items: center;
    flex-wrap: wrap;
    gap: 7px;
    border: 1px dashed rgba(116, 143, 207, .25);
    border-radius: 11px;
    background: rgba(7, 17, 31, .5);
}
.store-variable-note > span { margin-right: 2px; color: #aebdd2; font-size: 10px; font-weight: 750; }
.store-variable-note code { padding: 3px 7px; border: 1px solid rgba(111, 140, 211, .23); border-radius: 6px; background: #091628; color: #aebeff; font-size: 10px; }
.store-variable-note small { margin-left: auto; color: #7183a0; font-size: 9px; }
.premium-copy-grid { grid-template-columns: repeat(2, minmax(0, 1fr)); gap: 11px; }
.premium-copy-grid article { padding: 14px; gap: 10px; border-radius: 13px; background: rgba(7, 18, 33, .58); }
.premium-copy-grid article > header { display: flex; align-items: center; gap: 10px; padding-bottom: 10px; border-bottom: 1px solid var(--line); }
.premium-copy-grid article > header strong,
.premium-copy-grid article > header small { display: block; }
.premium-copy-grid article > header strong { font-size: 12px; }
.premium-copy-grid article > header small { margin-top: 2px; color: var(--muted); font-size: 9.5px; }
.copy-plan-icon { width: 34px; height: 34px; border-radius: 10px; }
.copy-plan-icon svg { width: 17px; height: 17px; }
.premium-copy-grid label { display: grid; gap: 5px; }
.store-config-savebar {
    min-height: 72px;
    padding: 13px 16px;
    display: flex;
    align-items: center;
    justify-content: space-between;
    gap: 14px;
    border: 1px solid rgba(105, 136, 236, .22);
    border-radius: 15px;
    background: linear-gradient(120deg, rgba(27, 45, 78, .84), rgba(13, 28, 49, .88));
}
.store-config-savebar strong,
.store-config-savebar small { display: block; }
.store-config-savebar strong { font-size: 12px; }
.store-config-savebar small { margin-top: 3px; color: var(--muted); font-size: 9.5px; }
.store-config-savebar .button { min-width: 180px; }
.store-config-sidebar { min-width: 0; display: grid; gap: 14px; position: sticky; top: 84px; }
.store-publish-card,
.store-health-card { padding: 16px; display: grid; gap: 13px; }
.store-sidebar-heading { display: flex; align-items: center; gap: 10px; }
.store-sidebar-heading.compact { padding-bottom: 11px; border-bottom: 1px solid var(--line); }
.store-sidebar-heading h3 { margin: 1px 0 0; font-size: 14px; }
.store-sidebar-icon { width: 36px; height: 36px; border-radius: 10px; }
.store-sidebar-icon svg { width: 18px; height: 18px; }
.store-url-box { min-width: 0; padding: 12px; border: 1px solid var(--line); border-radius: 11px; background: rgba(6, 16, 29, .72); }
.store-url-box small,
.store-url-box strong { display: block; }
.store-url-box small { margin-bottom: 5px; color: var(--muted); font-size: 9px; }
.store-url-box strong { overflow: hidden; color: #cbd6e7; font-size: 10px; text-overflow: ellipsis; white-space: nowrap; }
.store-link-warning { margin: -2px 0 0; color: #7183a0; font-size: 9px; line-height: 1.45; text-align: center; }
.premium-readiness { grid-template-columns: 1fr; gap: 0; }
.premium-readiness article {
    min-height: 0;
    padding: 10px 0;
    display: flex;
    align-items: center;
    gap: 9px;
    border: 0;
    border-bottom: 1px solid var(--line);
    border-radius: 0;
    background: transparent;
}
.premium-readiness article:last-child { border-bottom: 0; }
.premium-readiness article > div { min-width: 0; }
.premium-readiness small,
.premium-readiness strong { display: block; }
.premium-readiness small { color: #7184a2; font-size: 9px; }
.premium-readiness strong { margin: 2px 0 0; overflow: hidden; color: #dfe7f4; font-size: 10.5px; text-overflow: ellipsis; white-space: nowrap; }
.readiness-dot { width: 8px; height: 8px; flex: 0 0 auto; border-radius: 50%; }
.readiness-dot.ok { background: var(--success); box-shadow: 0 0 0 4px rgba(51, 212, 155, .08); }
.readiness-dot.pending { background: var(--warning); box-shadow: 0 0 0 4px rgba(244, 184, 74, .08); }
.readiness-dot.neutral { background: #6d7e98; box-shadow: 0 0 0 4px rgba(109, 126, 152, .08); }
.store-quick-links { display: grid; gap: 7px; }
.store-quick-links a { min-height: 36px; padding: 0 11px; display: flex; align-items: center; justify-content: space-between; border: 1px solid var(--line); border-radius: 9px; background: rgba(7, 18, 33, .55); color: #b5c3d8; font-size: 10px; font-weight: 700; transition: .18s ease; }
.store-quick-links a:hover { border-color: rgba(100, 131, 241, .42); background: rgba(24, 42, 72, .72); color: #fff; }
.store-quick-links a span { color: #8098f5; font-size: 14px; }

@media (max-width: 1180px) {
    .store-config-layout { grid-template-columns: minmax(0, 1fr) 280px; }
    .store-config-toggles { grid-template-columns: 1fr; }
    .store-premium-toggle { min-height: 72px; }
}

@media (max-width:1024px) {
    .store-config-layout { grid-template-columns: 1fr; }
    .store-config-sidebar { position: static; grid-row: 1; grid-template-columns: repeat(2, minmax(0, 1fr)); }
    .store-config-main { grid-row: 2; }
}

@media (max-width: 680px) {
    .store-config-premium { gap: 13px; }
    .store-config-hero { min-height: 0; padding: 17px; grid-template-columns: auto minmax(0, 1fr); gap: 12px; border-radius: 15px; }
    .store-config-hero-icon { width: 44px; height: 44px; border-radius: 12px; }
    .store-config-hero-icon svg { width: 21px; height: 21px; }
    .store-config-hero-copy h2 { font-size: 21px; }
    .store-config-hero-copy > p:last-child { font-size: 11px; }
    .store-config-status { grid-column: 1 / -1; justify-self: start; min-height: 31px; }
    .store-config-sidebar { grid-template-columns: 1fr; gap: 12px; }
    .store-config-section { padding: 15px; gap: 14px; border-radius: 14px; }
    .store-config-section-heading { gap: 10px; }
    .store-section-number { width: 31px; height: 31px; }
    .store-config-fields.two-columns { grid-template-columns: 1fr; }
    .store-config-fields.two-columns .field-wide { grid-column: auto; }
    .store-config-toggles { grid-template-columns: 1fr; }
    .store-premium-toggle { min-height: 70px; padding: 11px; }
    .premium-copy-grid { grid-template-columns: 1fr; }
    .store-variable-note small { width: 100%; margin-left: 0; }
    .store-config-savebar { padding: 14px; flex-direction: column; align-items: stretch; text-align: center; }
    .store-config-savebar .button { width: auto; min-width: 180px; margin-inline: auto; }
    .store-publish-card,
    .store-health-card { padding: 14px; border-radius: 14px; }
}

.store-feature-editor { min-width: 0; }
.store-feature-list { display: grid; gap: 8px; }
.store-feature-row { display: grid; grid-template-columns: 132px minmax(0, 1fr) 36px; align-items: center; gap: 8px; }
.store-feature-row select,
.store-feature-row input { width: 100%; min-width: 0; min-height: 41px; border: 1px solid rgba(127,151,190,.2); border-radius: 10px; outline: none; background: rgba(7,17,31,.76); color: var(--text); }
.store-feature-row select { padding: 0 30px 0 10px; font-size: 10px; font-weight: 800; }
.store-feature-row input { padding: 0 12px; }
.store-feature-row select:focus,
.store-feature-row input:focus { border-color: rgba(95,124,255,.68); background: #0a1728; box-shadow: 0 0 0 3px rgba(95,124,255,.1); }
.store-feature-remove { width: 36px; height: 36px; display: grid; place-items: center; border: 1px solid rgba(255,107,123,.25); border-radius: 10px; background: rgba(255,107,123,.07); color: #ff9dab; font-size: 20px; line-height: 1; cursor: pointer; }
.store-feature-remove:hover { border-color: rgba(255,107,123,.5); background: rgba(255,107,123,.13); color: #fff; }
.store-feature-add { min-height: 38px; padding: 0 12px; display: inline-flex; align-items: center; justify-content: center; gap: 7px; justify-self: start; border: 1px dashed rgba(105,136,236,.38); border-radius: 10px; background: rgba(42,66,121,.12); color: #aebeff; font-size: 10px; font-weight: 800; cursor: pointer; }
.store-feature-add span { font-size: 16px; line-height: 1; }
.store-feature-add:hover { border-style: solid; background: rgba(42,66,121,.22); color: #fff; }
.store-feature-add:disabled { opacity: .45; cursor: not-allowed; }
@media (max-width: 680px) {
    .store-feature-row { grid-template-columns: 112px minmax(0, 1fr) 34px; gap: 6px; }
    .store-feature-row select { padding-left: 8px; font-size: 9px; }
    .store-feature-row input { padding: 0 10px; font-size: 12px; }
    .store-feature-remove { width: 34px; height: 34px; }
    .store-feature-add { width: 100%; justify-self: stretch; }
}
@media (max-width: 420px) {
    .store-feature-row { grid-template-columns: minmax(0, 1fr) 34px; }
    .store-feature-row select { grid-column: 1 / -1; min-height: 38px; }
}

.ui-modal-layer {
    padding: clamp(16px, 3vw, 30px);
}
.ui-modal {
    width: min(600px, calc(100vw - 36px));
    max-height: min(84dvh, 720px);
    border-radius: 17px;
}
.ui-modal.is-wide {
    width: min(760px, calc(100vw - 36px));
    max-height: min(88dvh, 780px);
}
.ui-modal-header {
    padding: 14px 17px 12px;
}
.ui-modal-header h2 {
    font-size: 18px;
}
.ui-modal-body,
.ui-modal.is-wide .ui-modal-body {
    padding: 16px 17px;
    scrollbar-gutter: stable;
}
.ui-modal-close {
    width: 32px;
    height: 32px;
    border-radius: 9px;
    font-size: 19px;
}
.operation-modal-page {

}
.operation-modal-page .account-flow-form,
.operation-modal-page .account-overview-card,
.operation-modal-page .account-edit-section,
.operation-modal-page .danger-zone,
.operation-modal-page .operation-history {
    width: 100%;
    max-width: 720px;
}
.account-flow-form {
    width: min(100%, 820px);
}
.operation-modal-page .account-flow-form {
    overflow: visible;
    border: 0;
    background: transparent;
    box-shadow: none;
}
.compact-operation-form,
.operation-modal-page .compact-operation-form {
    display: grid;
    gap: 11px;
}
.compact-operation-form .flow-step,
.operation-modal-page .compact-operation-form .flow-step {
    margin: 0;
    padding: 14px;
    border: 1px solid rgba(114, 141, 187, .18);
    border-radius: 14px;
    background: linear-gradient(145deg, rgba(11, 25, 43, .86), rgba(7, 18, 32, .82));
}
.compact-operation-form .flow-step:last-of-type,
.operation-modal-page .compact-operation-form .flow-step:last-of-type {
    border-bottom: 1px solid rgba(114, 141, 187, .18);
}
.compact-operation-form .flow-step-head,
.operation-modal-page .flow-step-head {
    margin-bottom: 11px;
    gap: 10px;
}
.compact-operation-form .flow-step-head > span,
.operation-modal-page .flow-step-head > span {
    width: 29px;
    height: 29px;
    border-radius: 9px;
    font-size: 10px;
}
.compact-operation-form .flow-step-head h3,
.operation-modal-page .flow-step-head h3 {
    margin-bottom: 2px;
    font-size: 14px;
}
.compact-operation-form .flow-step-head p,
.operation-modal-page .flow-step-head p {
    font-size: 10.5px;
    line-height: 1.4;
}
.compact-operation-form .form-grid,
.operation-modal-page .compact-operation-form .form-grid {
    gap: 10px;
}
.compact-operation-form label,
.operation-modal-page .compact-operation-form label {
    gap: 5px;
}
.compact-operation-form label > span,
.operation-modal-page .compact-operation-form label > span,
.compact-operation-form .field-title {
    font-size: 11px;
}
.compact-operation-form label > small,
.compact-operation-form .field-description,
.operation-modal-page .compact-operation-form label > small {
    font-size: 9.5px;
    line-height: 1.35;
}
.compact-operation-form input,
.compact-operation-form select,
.compact-operation-form textarea,
.operation-modal-page .compact-operation-form input,
.operation-modal-page .compact-operation-form select,
.operation-modal-page .compact-operation-form textarea {
    min-height: 41px;
    border-radius: 10px;
    font-size: 13px;
}
.compact-operation-form textarea,
.operation-modal-page .compact-operation-form textarea {
    min-height: 72px;
}
.compact-operation-form .choice-cards,
.operation-modal-page .compact-operation-form .choice-cards {
    gap: 9px;
}
.compact-operation-form .choice-card,
.operation-modal-page .choice-card {
    min-height: 58px;
    padding: 10px 11px;
    border-radius: 11px;
}
.compact-operation-form .choice-card strong,
.operation-modal-page .choice-card strong {
    font-size: 12px;
}
.compact-operation-form .choice-card small,
.operation-modal-page .choice-card small {
    font-size: 9.5px;
    line-height: 1.3;
}
.compact-operation-form .phone-input-grid {
    grid-template-columns: 70px 86px minmax(0, 1fr);
    gap: 8px;
}
.compact-operation-form .inline-password {
    gap: 8px;
}
.compact-operation-form .inline-password > .button,
.compact-operation-form .reseller-password-field > .button {
    min-width: 76px;
}
.operation-form-actions,
.operation-modal-page .operation-form-actions,
.plan-modal-actions {
    margin: 0;
    padding: 4px 0 0;
    justify-content: center;
    border: 0;
    background: transparent;
}
.operation-form-actions .button,
.operation-modal-page .operation-form-actions .button,
.plan-modal-actions .button {
    width: auto;
    min-width: 170px;
}

/* Cadastro e edição de planos em blocos compactos. */
.plan-modal-content {
    width: min(100%, 650px);
    margin-inline: auto;
}
.plan-modal-form {
    gap: 12px;
}
.plan-modal-section {
    padding: 14px;
    display: grid;
    gap: 12px;
    border: 1px solid rgba(112, 140, 188, .19);
    border-radius: 14px;
    background: linear-gradient(145deg, rgba(11, 25, 43, .88), rgba(7, 18, 32, .82));
}
.plan-modal-section-head {
    display: flex;
    align-items: flex-start;
    gap: 10px;
}
.plan-modal-section-head > span {
    width: 29px;
    height: 29px;
    display: grid;
    place-items: center;
    flex: 0 0 auto;
    border: 1px solid rgba(95, 124, 255, .32);
    border-radius: 9px;
    background: rgba(95, 124, 255, .11);
    color: #9aabff;
    font-size: 10px;
    font-weight: 850;
}
.plan-modal-section-head strong,
.plan-modal-section-head small {
    display: block;
}
.plan-modal-section-head strong {
    color: #e7edf8;
    font-size: 13px;
}
.plan-modal-section-head small {
    margin-top: 2px;
    color: var(--muted);
    font-size: 9.5px;
    line-height: 1.35;
}
.plan-kind-select {
    gap: 5px;
    padding: 0;
    border: 0;
    background: transparent;
}
.plan-kind-select > span,
.plan-modal-fields label > span {
    font-size: 11px;
}
.plan-kind-select select,
.plan-modal-fields input,
.plan-modal-fields textarea {
    min-height: 41px;
    border-radius: 10px;
    font-size: 13px;
}
.plan-kind-select small,
.plan-modal-fields label > small {
    font-size: 9.5px;
    line-height: 1.35;
}
.plan-modal-fields {
    grid-template-columns: repeat(2, minmax(0, 1fr));
    gap: 10px;
}
.plan-modal-fields .plan-name-field,
.plan-modal-fields .field-wide {
    grid-column: 1 / -1;
}
.plan-description-field textarea {
    min-height: 68px;
    resize: vertical;
}
.plan-modal-toggle-grid {
    display: grid;
    grid-template-columns: repeat(2, minmax(0, 1fr));
    gap: 9px;
}
.plan-modal-toggle-grid .toggle-row {
    min-height: 58px !important;
    margin: 0;
    padding: 10px 11px;
    border-radius: 11px;
}
.plan-modal-toggle-grid .toggle-row strong {
    font-size: 11px;
}
.plan-modal-toggle-grid .toggle-row small {
    font-size: 9px;
    line-height: 1.3;
}

/* Edição e gerenciamento em cartões menores. */
.operation-profile-card,
.account-overview-card {
    padding: 15px 16px;
    gap: 14px;
    border-radius: 14px;
}
.operation-profile-head {
    gap: 12px;
}
.operation-profile-main {
    gap: 11px;
}
.operation-profile-main .presence-avatar.large {
    width: 42px;
    height: 42px;
}
.operation-profile-main h3 {
    font-size: 17px;
}
.operation-profile-stats {
    grid-template-columns: repeat(3, minmax(0, 1fr));
    gap: 8px;
}
.operation-profile-stats > div {
    min-height: 58px;
    padding: 10px 11px;
    border-radius: 10px;
}
.operation-profile-stats span {
    font-size: 9.5px;
}
.operation-profile-stats strong {
    font-size: 12.5px;
}
.account-edit-section {
    margin-top: 13px;
}
.account-section-heading {
    margin-bottom: 10px;
}
.account-section-heading h3 {
    font-size: 15px;
}
.account-section-heading p {
    font-size: 10.5px;
}
.operation-actions-grid {
    margin-top: 10px;
    gap: 10px;
}
.quick-action {
    min-height: 0;
    padding: 13px;
    gap: 12px;
    border-radius: 13px;
}
.quick-action-icon {
    margin-bottom: 5px;
    font-size: 17px;
}
.quick-action h3 {
    margin-bottom: 3px;
    font-size: 13px;
}
.quick-action p {
    font-size: 9.5px;
    line-height: 1.35;
}
.quick-action-fields {
    width: min(210px, 44%);
    gap: 7px;
}
.quick-action-fields input,
.quick-action-fields select,
.quick-action-fields .button,
.quick-action > .button {
    min-height: 38px;
    font-size: 11px;
}

/* Resultados de cadastro e ações concluídas em tamanho normal. */
.professional-created-result {
    width: min(100%, 560px);
    margin-inline: auto;
    gap: 10px;
}
.professional-created-result .created-result-head {
    padding-bottom: 10px;
}
.created-success-mark {
    width: 34px;
    height: 34px;
    border-radius: 10px;
    font-size: 18px;
}
.created-result-title h2 {
    font-size: 18px;
}
.created-result-title p:not(.eyebrow) {
    font-size: 10px;
}
.professional-created-result .created-result-head .button {
    min-height: 36px;
    padding: 7px 11px;
    font-size: 10.5px;
}
.created-credentials-grid,
.created-detail-grid {

}
.created-credential-primary,
.created-detail-grid article {
    min-height: 56px;
    padding: 10px 11px;
    border-radius: 10px;
}
.created-credential-primary {
    min-height: 68px;
}
.created-result-content span {
    font-size: 9px;
}
.created-result-content strong {
    font-size: 12.5px;
}
.created-credential-primary strong {
    font-size: clamp(19px, 3vw, 23px);
}
.payment-result,
.result-lines,
.renew-modal-content,
.server-modal-content {
    gap: 12px;
}
.payment-result .result-grid > div,
.result-lines > div,
.renew-modal-current,
.server-modal-summary > div {
    min-height: 58px;
    padding: 10px 11px;
    border-radius: 10px;
}

@media (max-width:1024px) {
    .ui-modal-layer {
        padding: 16px 14px;
    }
    .ui-modal,
    .ui-modal.is-wide {

        max-height: calc(100dvh - 32px);
        border-radius: 16px;
    }
    .ui-modal-header {
        padding: 13px 14px 11px;
    }
    .ui-modal-body,
    .ui-modal.is-wide .ui-modal-body {
        padding: 14px;
    }
    .compact-operation-form .flow-step,
    .operation-modal-page .compact-operation-form .flow-step,
    .plan-modal-section {
        padding: 12px;
        border-radius: 12px;
    }
    .compact-operation-form .form-grid.two-columns,
    .operation-modal-page .compact-operation-form .form-grid.two-columns,
    .plan-modal-fields {
        grid-template-columns: 1fr;
    }
    .plan-modal-fields .plan-name-field,
    .plan-modal-fields .field-wide {
        grid-column: auto;
    }
    .compact-operation-form .choice-cards.three,
    .operation-modal-page .compact-operation-form .choice-cards.three {
        grid-template-columns: repeat(3, minmax(0, 1fr));
    }
    .compact-operation-form .choice-card,
    .operation-modal-page .choice-card {
        min-height: 54px;
        padding: 9px;
    }
    .compact-operation-form .phone-input-grid {
        grid-template-columns: 64px 78px minmax(0, 1fr);
        gap: 7px;
    }
    .plan-modal-toggle-grid {
        grid-template-columns: 1fr;
    }
    .operation-form-actions .button,
    .operation-modal-page .operation-form-actions .button,
    .plan-modal-actions .button {
        width: auto !important;
        min-width: 158px;
        max-width: 100%;
    }
    .operation-profile-stats {
        grid-template-columns: repeat(2, minmax(0, 1fr));
    }
    .operation-actions-grid {
        grid-template-columns: 1fr;
    }
    .quick-action {
        align-items: stretch;
        flex-direction: column;
    }
    .quick-action-fields {
        width: 100%;
    }
    .professional-created-result {
        width: 100%;
    }
    .professional-created-result .created-result-head {
        align-items: center;
        flex-direction: row;
    }
    .professional-created-result .created-result-head .button {
        width: auto;
        flex: 0 0 auto;
    }
    .created-credentials-grid,
    .created-detail-grid {
        grid-template-columns: repeat(2, minmax(0, 1fr));
    }
}

@media (max-width: 460px) {
    .ui-modal-layer {
        padding: 14px 12px;
    }
    .ui-modal,
    .ui-modal.is-wide {
        width: calc(100vw - 24px);
        max-height: calc(100dvh - 28px);
    }
    .compact-operation-form .choice-cards,
    .operation-modal-page .compact-operation-form .choice-cards,
    .compact-operation-form .choice-cards.three,
    .operation-modal-page .compact-operation-form .choice-cards.three {
        grid-template-columns: 1fr;
    }
    .compact-operation-form .phone-input-grid {
        grid-template-columns: 62px 74px minmax(0, 1fr);
    }
    .operation-profile-stats {
        grid-template-columns: 1fr 1fr;
    }
    .professional-created-result .created-result-head {
        align-items: stretch;
        flex-direction: column;
    }
    .professional-created-result .created-result-head .button {
        width: auto;
        align-self: center;
    }
    .created-credentials-grid,
    .created-detail-grid {
        grid-template-columns: 1fr 1fr;
    }
    .created-result-title p:not(.eyebrow) {
        display: none;
    }
}

.dashboard-top-grid {
    display: grid;
    grid-template-columns: minmax(0, 1fr);
    gap: 14px;
    margin-bottom: 14px;
}
.dashboard-top-grid.has-version-card {
    grid-template-columns: minmax(0, 1.45fr) minmax(330px, .85fr);
}
.dashboard-top-grid .dashboard-hero {
    min-width: 0;
    min-height: 152px;
    margin: 0;
    padding: 22px 24px;
}
.dashboard-hero-copy { min-width: 0; }
.dashboard-top-grid .dashboard-hero h2 {
    margin: 9px 0 7px;
    font-size: clamp(26px, 2.2vw, 34px);
}
.dashboard-top-grid .dashboard-hero p {
    max-width: 720px;
    font-size: 13.5px;
}
.dashboard-date {
    flex: 0 0 auto;
    align-self: center;
    min-width: 116px;
    text-align: center;
}
.dashboard-version-card {
    min-width: 0;
    min-height: 152px;
    margin: 0;
    padding: 20px;
    display: flex;
    flex-direction: column;
    justify-content: space-between;
    gap: 17px;
    border-radius: 15px;
}
.dashboard-version-main {
    min-width: 0;
    display: flex;
    align-items: center;
    gap: 14px;
}
.dashboard-version-card .panel-version-icon {
    flex: 0 0 auto;
    width: 46px;
    height: 46px;
    border-radius: 13px;
}
.dashboard-version-card .panel-version-number {
    min-width: 0;
    padding: 0;
    border: 0;
}
.dashboard-version-card .panel-version-number small {
    margin-bottom: 3px;
    font-size: 10.5px;
}
.dashboard-version-card .panel-version-number strong {
    font-size: 25px;
    line-height: 1.05;
}
.dashboard-version-card .panel-version-number span {
    margin-top: 5px;
    font-size: 10.5px;
}
.dashboard-version-card .panel-version-actions {
    width: 100%;
    display: grid;
    grid-template-columns: minmax(0, 1fr) auto;
    gap: 9px;
}
.dashboard-version-card .panel-version-actions .button {
    width: 100%;
    min-width: 0;
}
.dashboard-stat-grid {
    display: grid;
    grid-template-columns: repeat(3, minmax(0, 1fr));
    gap: 11px;
}
.dashboard-stat-card {
    min-width: 0;
    min-height: 88px;
    padding: 14px 16px;
    display: flex;
    align-items: center;
    gap: 12px;
    border: 1px solid var(--line);
    border-radius: 14px;
    background: linear-gradient(145deg, rgba(17,29,48,.96), rgba(10,21,36,.96));
    box-shadow: 0 12px 35px rgba(1,8,18,.14);
    transition: transform .18s ease, border-color .18s ease, box-shadow .18s ease;
}
.dashboard-stat-card:hover {
    transform: translateY(-1px);
    border-color: rgba(104,136,230,.3);
    box-shadow: 0 15px 40px rgba(1,8,18,.2);
}
.dashboard-stat-icon {
    flex: 0 0 auto;
    width: 38px;
    height: 38px;
    display: grid;
    place-items: center;
    border: 1px solid rgba(101,129,226,.24);
    border-radius: 11px;
    background: rgba(49,75,154,.16);
    color: #7897ff;
}
.dashboard-stat-icon svg {
    width: 19px;
    height: 19px;
    fill: none;
    stroke: currentColor;
    stroke-width: 1.75;
    stroke-linecap: round;
    stroke-linejoin: round;
}
.dashboard-stat-card.tone-positive .dashboard-stat-icon {
    border-color: rgba(43,207,162,.24);
    background: rgba(20,116,103,.17);
    color: #3bd7ae;
}
.dashboard-stat-card.tone-warning .dashboard-stat-icon {
    border-color: rgba(241,188,59,.25);
    background: rgba(141,95,17,.17);
    color: #f1bd43;
}
.dashboard-stat-copy { min-width: 0; }
.dashboard-stat-copy small {
    display: block;
    overflow: hidden;
    color: #8297b8;
    font-size: 11.5px;
    font-weight: 700;
    text-overflow: ellipsis;
    white-space: nowrap;
}
.dashboard-stat-copy strong {
    display: block;
    margin-top: 4px;
    overflow: hidden;
    color: #f7f9ff;
    font-size: 22px;
    line-height: 1.1;
    letter-spacing: -.025em;
    text-overflow: ellipsis;
    white-space: nowrap;
}
.dashboard-content-grid {
    grid-template-columns: minmax(0, 1.45fr) minmax(300px, .75fr);
    margin-top: 14px;
}

/* O item atual continua abrindo o grupo correto, mas o destaque visual desaparece após 2 segundos. */
.sidebar .nav-link,
.sidebar .nav-group-toggle,
.sidebar .nav-sublink,
.sidebar .nav-icon,
.sidebar .nav-sublink-icon {
    transition: background-color .24s ease, border-color .24s ease, color .24s ease, box-shadow .24s ease;
}
.sidebar.nav-selection-cleared .nav-link.active,
.sidebar.nav-selection-cleared .nav-group-toggle.active,
.sidebar.nav-selection-cleared .nav-sublink.active {
    background: transparent !important;
    border-color: transparent !important;
    box-shadow: none !important;
    color: inherit;
}
.sidebar.nav-selection-cleared .nav-link.active::before,
.sidebar.nav-selection-cleared .nav-group-toggle.active::before {
    opacity: 0;
}
.sidebar.nav-selection-cleared .nav-link.active .nav-icon,
.sidebar.nav-selection-cleared .nav-group-toggle.active .nav-icon,
.sidebar.nav-selection-cleared .nav-sublink.active .nav-sublink-icon {
    background: transparent !important;
    border-color: transparent !important;
    color: #6f83a7 !important;
    box-shadow: none !important;
}

@media (max-width: 1120px) {
    .dashboard-top-grid.has-version-card {
        grid-template-columns: minmax(0, 1.2fr) minmax(300px, .8fr);
    }
    .dashboard-stat-grid { grid-template-columns: repeat(2, minmax(0, 1fr)); }
    .dashboard-content-grid { grid-template-columns: minmax(0, 1fr); }
}

@media (max-width:1024px) {
    .dashboard-top-grid,
    .dashboard-top-grid.has-version-card {
        grid-template-columns: minmax(0, 1fr);
        gap: 11px;
        margin-bottom: 11px;
    }
    .dashboard-top-grid .dashboard-hero {
        min-height: 0;
        padding: 17px;
        align-items: stretch;
        gap: 15px;
    }
    .dashboard-top-grid .dashboard-hero h2 {
        margin-top: 7px;
        font-size: 24px;
    }
    .dashboard-top-grid .dashboard-hero p {
        font-size: 12.5px;
        line-height: 1.5;
    }
    .dashboard-date {
        align-self: flex-start;
        min-width: 0;
    }
    .dashboard-version-card {
        min-height: 0;
        padding: 16px;
        gap: 14px;
    }
    .dashboard-version-card .panel-version-actions {
        grid-template-columns: minmax(0, 1fr) minmax(0, .72fr);
    }
    .dashboard-stat-grid {
        grid-template-columns: repeat(2, minmax(0, 1fr));
        gap: 9px;
    }
    .dashboard-stat-card {
        min-height: 78px;
        padding: 12px;
        gap: 9px;
        border-radius: 12px;
    }
    .dashboard-stat-icon {
        width: 34px;
        height: 34px;
        border-radius: 10px;
    }
    .dashboard-stat-copy small {
        font-size: 10.5px;
        white-space: normal;
        line-height: 1.25;
    }
    .dashboard-stat-copy strong { font-size: 19px; }
    .dashboard-content-grid { margin-top: 11px; gap: 11px; }
}

@media (max-width: 420px) {
    .dashboard-version-card .panel-version-actions { grid-template-columns: minmax(0, 1fr); }
    .dashboard-stat-card { padding: 11px 10px; }
    .dashboard-stat-icon { width: 31px; height: 31px; }
    .dashboard-stat-icon svg { width: 17px; height: 17px; }
    .dashboard-stat-copy strong { font-size: 17px; }
}

.premium-operation-form {
    display: grid;
    gap: 12px;
    padding: 14px;
    border-radius: 18px;
}
.premium-operation-form .flow-step {
    margin: 0;
    padding: 16px;
    border-radius: 14px;
    background: linear-gradient(145deg, rgba(9,22,38,.78), rgba(7,18,32,.68));
}
.premium-operation-form .flow-step-head { margin-bottom: 13px; }
.premium-operation-form .flow-step-head > span {
    width: 34px;
    height: 34px;
    border-radius: 10px;
    font-size: 12px;
}
.premium-operation-form .flow-step-head h3 { font-size: 17px; }
.premium-operation-form .flow-step-head p { margin-top: 3px; font-size: 11px; }
.premium-operation-form .form-grid { gap: 12px; }
.premium-operation-form input,
.premium-operation-form select,
.premium-operation-form textarea { min-height: 44px; }
.premium-operation-form .standalone-field-card {
    grid-template-columns: minmax(180px,.42fr) minmax(0,1fr);
    align-items: center;
    gap: 18px;
}
.premium-operation-form .standalone-field-card .flow-step-head { margin: 0; }
.premium-operation-form .standalone-field-card > label { min-width: 0; }
.premium-operation-form .compact-money-field { max-width: 360px; }
.premium-operation-form .operation-form-actions {
    margin: 2px 0 0;
    padding: 7px 0 1px;
    border: 0;
}
.premium-operation-form .operation-form-actions .button { min-width: 170px; }

.operation-modal-page {
    width: 100%;
    display: grid;
    gap: 12px;
}
.operation-modal-page > .panel-card,
.operation-modal-page .account-flow-form { box-shadow: none; }
.operation-modal-page .account-overview-card { margin-bottom: 0; }
.ui-modal.is-wide { width: min(900px, calc(100vw - 48px)); }
.ui-modal-body { scrollbar-gutter: stable; }

.created-result.professional-created-result {
    width: min(100%, 680px);
    margin: 0 auto;
    padding: 18px;
    border-radius: 16px;
}
.created-result-head { gap: 14px; }
.created-result-title { gap: 11px; }
.created-success-mark { width: 42px; height: 42px; border-radius: 12px; font-size: 24px; }
.created-result-title h2 { font-size: 21px; }
.created-result-title p:not(.eyebrow) { font-size: 11px; }
.created-result-content { margin-top: 14px; gap: 8px; }
.created-credentials-grid,
.created-detail-grid { gap: 8px; }
.created-credential-primary,
.created-detail-grid article { min-height: 68px; padding: 12px 13px; border-radius: 12px; }
.created-credential-primary strong { font-size: 20px; }
.created-detail-grid strong { font-size: 14px; }

.premium-page-stack { display: grid; gap: 14px; }
.premium-form-panel,
.premium-list-panel { padding: 20px; border-radius: 17px; }
.premium-panel-heading {
    margin-bottom: 17px;
    display: flex;
    align-items: center;
    justify-content: space-between;
    gap: 16px;
}
.premium-panel-heading h3 { margin: 4px 0 4px; font-size: 20px; }
.premium-panel-heading p:not(.eyebrow) { margin: 0; color: var(--muted); font-size: 12px; line-height: 1.5; }
.premium-heading-icon {
    width: 44px;
    height: 44px;
    display: grid;
    place-items: center;
    flex: 0 0 auto;
    border: 1px solid rgba(100,132,235,.3);
    border-radius: 13px;
    background: rgba(54,82,170,.17);
    color: #86a0ff;
    font-size: 16px;
    font-weight: 900;
}
.form-grid.three-columns,
.premium-field-grid { grid-template-columns: repeat(3, minmax(0,1fr)); }
.file-drop-field input[type="file"] { min-height: 44px; padding: 8px; }
.notices-premium-page.has-composer { grid-template-columns: minmax(300px,.72fr) minmax(0,1.28fr); align-items: start; }
.notice-compose-panel { position: sticky; top: 16px; }
.premium-notice-list {  gap: 9px; }
.premium-notice-row {
    padding: 13px 14px;

    align-items: start;

    border-radius: 13px;
    background: rgba(7,18,32,.52);
}
.premium-notice-row p { margin: 0; color: #dce5f5; font-size: 12.5px; line-height: 1.55; }
.premium-notice-row small { display: block; margin-top: 6px; color: var(--muted); font-size: 10px; }

.checkuser-premium-card { width: min(100%, 820px); margin-inline: auto; }
.checkuser-config-grid { display: grid; gap: 12px; }
.checkuser-url-field { display: grid; gap: 7px; }
.checkuser-toggle-row { min-height: 76px; }
.checkuser-icon { font-size: 12px; }

.premium-device-card { width: min(100%, 880px); margin-inline: auto; }
.device-summary-grid { display: grid; grid-template-columns: repeat(2,minmax(0,1fr)); gap: 10px; }
.device-summary-grid article {
    padding: 15px;
    border: 1px solid var(--line);
    border-radius: 13px;
    background: rgba(7,18,32,.55);
}
.device-summary-grid span,
.device-summary-grid strong,
.device-summary-grid small { display: block; }
.device-summary-grid span { color: var(--muted); font-size: 10.5px; font-weight: 750; }
.device-summary-grid strong { margin-top: 5px; font-size: 23px; }
.device-summary-grid small { margin-top: 4px; color: #7185a4; font-size: 10px; }
.device-action-box {
    margin-top: 12px;
    padding: 15px;
    display: flex;
    align-items: center;
    justify-content: space-between;
    gap: 16px;
    border: 1px solid rgba(255,95,116,.2);
    border-radius: 13px;
    background: rgba(91,25,39,.10);
}
.device-action-box strong { font-size: 13px; }
.device-action-box p { margin: 4px 0 0; color: var(--muted); font-size: 10.5px; }

/* Configurações mais limpas e proporcionais. */
.settings-layout,
.settings-shell { display: grid; grid-template-columns: 230px minmax(0,1fr); align-items: start; gap: 14px; }
.settings-tabs {
    position: sticky;
    top: 14px;
    padding: 8px;
    display: grid;
    gap: 5px;
    border: 1px solid var(--line);
    border-radius: 15px;
    background: rgba(9,21,37,.82);
}
.settings-tab { min-height: 54px; padding: 10px 11px; border-radius: 10px; }
.settings-tab strong { font-size: 12px; }
.settings-tab small { margin-top: 2px; font-size: 9.5px; }
.settings-content { min-width: 0; }
.settings-content > .panel-card,
.settings-content > form.panel-card { padding: 20px; border-radius: 17px; }
.settings-form .form-section-heading { margin-bottom: 15px; }
.settings-form .form-divider { margin: 18px 0; }
.settings-form .form-grid { gap: 12px; }
.settings-form input,
.settings-form select,
.settings-form textarea { min-height: 44px; }
.settings-form .form-actions { justify-content: center; }

.server-name-cell { display: flex; align-items: center; gap: 9px; }
.server-resource-line { display: inline-block; min-width: 150px; color: #bfd0e7; font-size: 11px; font-weight: 650; white-space: nowrap; }
.server-resource-stack { display: grid; gap: 4px; min-width: 118px; color: #d7e2f2; font-size: 12px; font-weight: 650; line-height: 1.25; font-variant-numeric: tabular-nums; }
.server-resource-stack span { display: block; white-space: nowrap; }
.server-list-card .responsive-table table { min-width: 760px; }
.server-state-dot { width: 9px; height: 9px; flex: 0 0 auto; border-radius: 50%; background: #74849c; box-shadow: 0 0 0 5px rgba(116,132,156,.09); }
.server-state-dot.online { background: #35d4a6; box-shadow: 0 0 0 5px rgba(53,212,166,.1); }
.server-state-dot.offline,
.server-state-dot.error { background: #ff7187; box-shadow: 0 0 0 5px rgba(255,113,135,.1); }
.server-error-hint { display: block; margin-top: 4px; color: #ff8c9c; font-size: 9.5px; }
.premium-toolbar > div { display: grid; gap: 4px; }
.premium-toolbar span { color: var(--muted); font-size: 10.5px; }
.server-modal-summary { grid-template-columns: repeat(4,minmax(0,1fr)); }

@media (max-width:1024px) {
    .notices-premium-page.has-composer { grid-template-columns: minmax(0,1fr); }
    .notice-compose-panel { position: static; }
    .settings-layout,
    .settings-shell { grid-template-columns: minmax(0,1fr); }
    .settings-tabs {
        position: static;
        grid-auto-flow: column;
        grid-auto-columns: minmax(145px,1fr);
        overflow-x: auto;
        scrollbar-width: thin;
    }
    .server-modal-summary { grid-template-columns: repeat(2,minmax(0,1fr)); }
}

@media (max-width:1024px) {
    .ui-modal-layer { padding: 14px; }
    .ui-modal,
    .ui-modal.is-wide { width: calc(100vw - 28px); max-height: calc(100dvh - 28px); border-radius: 17px; }
    .ui-modal-header { padding: 15px 16px 13px; }
    .ui-modal-header h2 { font-size: 19px; }
    .ui-modal-body { padding: 14px; }
    .premium-operation-form { gap: 9px; padding: 0; border: 0; background: transparent; }
    .premium-operation-form .flow-step { padding: 13px; border-radius: 12px; }
    .premium-operation-form .standalone-field-card { grid-template-columns: minmax(0,1fr); gap: 11px; }
    .premium-operation-form .form-grid.two-columns,
    .premium-operation-form .choice-cards,
    .premium-operation-form .choice-cards.three { grid-template-columns: minmax(0,1fr); }
    .premium-operation-form .choice-card { min-height: 62px; }
    .premium-operation-form .phone-input-grid { grid-template-columns: 68px 82px minmax(0,1fr); }
    .premium-operation-form .compact-money-field { max-width: none; }
    .premium-operation-form .operation-form-actions .button { width: auto; min-width: 160px; }
    .created-result.professional-created-result { padding: 15px; }
    .created-result-head { align-items: flex-start; }
    .created-result-head > .button { min-width: 0; }
    .created-credentials-grid,
    .created-detail-grid { grid-template-columns: repeat(2,minmax(0,1fr)); }
    .premium-form-panel,
    .premium-list-panel { padding: 16px; border-radius: 15px; }
    .premium-panel-heading { align-items: flex-start; margin-bottom: 14px; }
    .premium-panel-heading h3 { font-size: 18px; }
    .form-grid.three-columns,
    .premium-field-grid { grid-template-columns: minmax(0,1fr); }
    .premium-notice-row { grid-template-columns: minmax(0,1fr); }
    .premium-notice-row .notice-type { justify-self: start; }
    .device-summary-grid { grid-template-columns: repeat(2,minmax(0,1fr)); }
    .device-action-box { align-items: stretch; flex-direction: column; }
    .device-action-box form { display: flex; justify-content: center; }
    .settings-content > .panel-card,
    .settings-content > form.panel-card { padding: 16px; }
    .settings-form .form-grid.two-columns { grid-template-columns: minmax(0,1fr); }
    .server-modal-summary { grid-template-columns: minmax(0,1fr); }
}

@media (max-width: 430px) {
    .premium-operation-form .phone-input-grid { grid-template-columns: 58px 72px minmax(0,1fr); gap: 7px; }
    .created-result-head { flex-direction: column; }
    .created-credentials-grid,
    .created-detail-grid { grid-template-columns: minmax(0,1fr); }
    .device-summary-grid { grid-template-columns: minmax(0,1fr); }
    .settings-tabs { grid-auto-columns: 135px; }
}

.app-api-card{display:grid;grid-template-columns:minmax(0,1fr) minmax(280px,.9fr);align-items:center;gap:18px;padding:18px 20px}.app-api-card h3{margin:2px 0 5px}.app-api-card p{margin:0;color:var(--muted)}.app-api-field{min-width:0;display:flex;align-items:center;gap:9px;padding:10px;border:1px solid var(--line);border-radius:12px;background:rgba(7,17,31,.55)}.app-api-field code{min-width:0;flex:1;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.transfer-progress{display:grid;justify-items:center;gap:12px;text-align:center}.transfer-progress-icon{width:50px;height:50px;display:grid;place-items:center;border:1px solid rgba(102,137,255,.35);border-radius:15px;background:rgba(77,117,237,.12);font-size:24px}.transfer-progress strong{font-size:17px}.transfer-progress p,.transfer-progress small{margin:0;color:var(--muted)}.transfer-progress-track{width:min(390px,100%);height:9px;overflow:hidden;border-radius:999px;background:#071322}.transfer-progress-track span{display:block;width:0;height:100%;border-radius:inherit;background:linear-gradient(90deg,#607cf0,#4197f5);transition:width .2s ease}
.notice-history-heading{align-items:center}.notice-history-actions{display:flex;align-items:center;gap:9px}.premium-notice-list{display:grid;gap:9px}.premium-notice-row{display:grid;grid-template-columns:auto minmax(0,1fr);gap:12px;padding:14px;border:1px solid var(--line);border-radius:14px;background:linear-gradient(145deg,rgba(15,29,49,.88),rgba(8,20,35,.78));box-shadow:0 10px 28px rgba(0,0,0,.12)}.premium-notice-row.is-news{border-color:rgba(84,126,246,.28)}.premium-notice-row.is-notice{border-color:rgba(61,209,164,.2)}.notice-symbol{width:38px;height:38px;display:grid;place-items:center;border-radius:12px;background:rgba(91,122,231,.13);color:#90a8ff;font-weight:900}.is-notice .notice-symbol{background:rgba(38,201,151,.1);color:#54e1b4}.notice-row-copy{min-width:0}.notice-row-meta{display:flex;align-items:center;justify-content:space-between;gap:10px}.notice-row-meta time{color:var(--muted);font-size:11px}.notice-row-copy p{margin:8px 0 3px;line-height:1.55}.notice-row-copy small{color:var(--muted)}
.admin-dashboard-top{grid-template-columns:minmax(0,1fr)!important}.admin-version-card{width:100%;grid-template-columns:minmax(0,1fr) auto;padding:18px 20px}.admin-version-card .dashboard-version-main{justify-content:flex-start}.dashboard-stat-card{position:relative;text-decoration:none;transition:transform .18s ease,border-color .18s ease,box-shadow .18s ease}.dashboard-stat-card:hover{transform:translateY(-2px);border-color:rgba(104,137,239,.38);box-shadow:0 14px 35px rgba(0,0,0,.2)}.dashboard-stat-arrow{margin-left:auto;color:#607594;font-size:25px;line-height:1}.dashboard-stat-card:focus-visible{outline:2px solid #6f8bff;outline-offset:2px}
.settings-tabs{scroll-behavior:smooth;scroll-snap-type:x proximity}.settings-tab{min-width:max-content!important;padding:9px 15px!important;scroll-snap-align:center}.settings-tab strong{font-size:13px!important}.webapp-icon-preview{width:58px;height:58px;overflow:hidden;border:1px solid var(--line);border-radius:16px;background:#091629}.webapp-icon-preview img{width:100%;height:100%;object-fit:cover}.webapp-settings-card .form-section-card{padding:16px}.webapp-settings-card .premium-panel-heading{align-items:center}
.dashboard-notification{border-radius:15px;background:linear-gradient(135deg,rgba(17,33,56,.97),rgba(9,22,39,.96));box-shadow:0 13px 35px rgba(0,0,0,.22)}.dashboard-notification.is-news{border-color:rgba(87,126,247,.42)}.dashboard-notification.is-notice{border-color:rgba(43,209,158,.34)}
@media(max-width:1024px){.app-api-card{grid-template-columns:1fr}.notice-history-heading{align-items:flex-start}.notice-history-actions{width:100%;justify-content:space-between}.admin-version-card{grid-template-columns:1fr}.admin-version-card .panel-version-actions{grid-template-columns:repeat(2,minmax(0,1fr))}.settings-tabs{grid-auto-flow:column!important;grid-auto-columns:max-content!important;display:grid!important;overflow-x:auto!important;justify-content:start!important}.webapp-settings-card .form-grid{grid-template-columns:1fr}}
@media(max-width:600px){.app-api-card,.premium-notice-row{padding:13px}.app-api-field{align-items:stretch;flex-direction:column}.app-api-field code{white-space:normal;overflow-wrap:anywhere}.notice-history-actions{align-items:stretch;flex-direction:column}.notice-row-meta{align-items:flex-start;flex-direction:column;gap:5px}.premium-notice-row{grid-template-columns:34px minmax(0,1fr);gap:10px}.notice-symbol{width:34px;height:34px}.admin-version-card .panel-version-actions{grid-template-columns:1fr}.dashboard-stat-card{min-height:76px!important;padding:13px!important}.dashboard-stat-arrow{font-size:21px}.webapp-icon-preview{width:50px;height:50px}}

.checkuser-config-grid.checkuser-link-only { grid-template-columns: minmax(0, 1fr); }
.checkuser-readonly-card .checkuser-url-field { max-width: 920px; width: 100%; margin-inline: auto; }
@media (max-width:1024px) {
  .checkuser-readonly-card .inline-copy-field { grid-template-columns: minmax(0,1fr) auto; }
}

.permission-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:10px}.permission-option{display:flex;align-items:flex-start;gap:10px;padding:12px;border:1px solid var(--line);border-radius:13px;background:rgba(8,19,34,.55)}.permission-option input{margin-top:3px}.permission-option span{display:grid;gap:3px}.permission-option small{color:var(--muted);font-size:11px}.form-grid.four-columns{grid-template-columns:repeat(4,minmax(0,1fr))}.superadmin-tabs{scroll-margin-inline:16px}
@media(max-width:1024px){.form-grid.four-columns,.permission-grid{grid-template-columns:1fr}.superadmin-layout{gap:14px}}

.superadmin-update-form { max-width: 920px; margin-inline: auto; }
.superadmin-update-form .form-actions { justify-content: center; }
@media (max-width:1024px) {
  .superadmin-update-form { width: 100%; }
}

.superadmin-api-hero{display:grid;grid-template-columns:minmax(0,1fr) auto;align-items:center;gap:20px;padding:20px}.superadmin-api-hero h2{margin:3px 0 7px;font-size:24px}.superadmin-api-hero>div>p:last-child{max-width:720px;margin:0;color:var(--muted)}.superadmin-api-summary{display:grid;grid-template-columns:repeat(2,minmax(130px,1fr));gap:10px}.superadmin-api-summary span{display:grid;gap:4px;padding:12px 14px;border:1px solid var(--line);border-radius:13px;background:rgba(6,17,31,.55)}.superadmin-api-summary small{color:var(--muted);font-size:11px}.superadmin-api-summary strong{max-width:280px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.superadmin-api-toolbar{display:grid;grid-template-columns:minmax(260px,520px) minmax(0,1fr);align-items:end;gap:16px;padding:14px 16px}.api-search-field{display:grid;gap:6px}.api-search-field>span{font-size:12px;font-weight:700}.api-copy-feedback{justify-self:end;color:var(--muted);font-size:12px;transition:color .18s ease}.api-copy-feedback.is-success{color:#65e6ba}.superadmin-api-groups{display:grid;gap:14px}.superadmin-api-group{padding:16px}.api-group-heading{align-items:center;margin-bottom:12px}.api-group-heading h3{margin:0 0 4px}.api-group-heading p{margin:0;color:var(--muted);font-size:12px}.superadmin-api-list{gap:8px}.superadmin-api-row{display:grid;grid-template-columns:minmax(220px,.72fr) minmax(0,1.28fr);align-items:center;gap:14px;padding:10px 11px;border:1px solid var(--line);border-radius:13px;background:rgba(7,18,32,.5);transition:border-color .18s ease,background .18s ease}.superadmin-api-row:hover{border-color:rgba(100,135,244,.34);background:rgba(11,25,44,.72)}.api-row-meta{min-width:0;display:grid;grid-template-columns:auto minmax(0,1fr);align-items:center;gap:10px}.api-row-meta>span:last-child{min-width:0;display:grid;gap:3px}.api-row-meta strong{overflow:hidden;text-overflow:ellipsis;white-space:nowrap;font-size:13px}.api-row-meta small{color:var(--muted);font-size:10px}.api-method{min-width:54px;padding:6px 7px;border:1px solid rgba(82,219,172,.24);border-radius:9px;background:rgba(46,201,153,.08);color:#65e6ba;text-align:center;font-size:10px;font-weight:900;letter-spacing:.04em}.api-method-post{border-color:rgba(255,184,77,.25);background:rgba(255,184,77,.08);color:#ffc66d}.api-method-get-post{border-color:rgba(109,139,255,.28);background:rgba(109,139,255,.09);color:#91a8ff}.api-copy-input-wrap{min-width:0;position:relative}.api-copy-input-wrap input{width:100%;padding-right:70px;cursor:pointer;font-family:ui-monospace,SFMono-Regular,Consolas,monospace;font-size:11px}.api-copy-input-wrap input:focus{border-color:rgba(106,139,244,.55);box-shadow:0 0 0 3px rgba(94,125,234,.1)}.api-copy-input-wrap span{position:absolute;top:50%;right:10px;transform:translateY(-50%);pointer-events:none;color:#8fa7ce;font-size:10px;font-weight:800}.superadmin-api-row[hidden],.superadmin-api-group[hidden]{display:none!important}
@media(max-width:1024px){.superadmin-api-hero{grid-template-columns:1fr}.superadmin-api-summary{grid-template-columns:repeat(2,minmax(0,1fr))}.superadmin-api-toolbar{grid-template-columns:1fr}.api-copy-feedback{justify-self:start}.superadmin-api-row{grid-template-columns:1fr;gap:9px}.api-row-meta strong{white-space:normal}}
@media(max-width:600px){.superadmin-api-hero,.superadmin-api-group{padding:13px}.superadmin-api-hero h2{font-size:21px}.superadmin-api-summary{grid-template-columns:1fr}.superadmin-api-summary strong{max-width:100%;white-space:normal;overflow-wrap:anywhere}.superadmin-api-toolbar{padding:12px}.api-group-heading{align-items:flex-start}.api-group-heading .tag{margin-top:2px}.superadmin-api-row{padding:9px}.api-row-meta{grid-template-columns:58px minmax(0,1fr)}.api-copy-input-wrap input{min-height:42px;font-size:10.5px}}

.payment-renewal-link-card {
    padding: 20px;
    position: relative;
    overflow: hidden;
    border-color: rgba(95, 124, 255, .26);
    background: linear-gradient(145deg, rgba(76, 108, 230, .12), rgba(7, 17, 30, .86) 58%);
}
.payment-renewal-link-card::after {
    content: "";
    position: absolute;
    width: 150px;
    height: 150px;
    right: -80px;
    top: -90px;
    border-radius: 50%;
    background: rgba(98, 126, 255, .12);
    filter: blur(4px);
    pointer-events: none;
}
.payment-renewal-link-card > p { margin: 0; color: var(--muted); font-size: 12px; line-height: 1.55; }
.renewal-link-icon {
    width: 34px;
    height: 34px;
    display: grid;
    place-items: center;
    flex: 0 0 auto;
    border: 1px solid rgba(111, 139, 255, .28);
    border-radius: 10px;
    background: rgba(95, 124, 255, .1);
    color: #aebdff;
    font-size: 17px;
    font-weight: 900;
}
.payment-public-link-field { margin-top: 15px; display: grid; gap: 7px; }
.payment-public-link-field > span { color: #8294af; font-size: 10px; font-weight: 800; text-transform: uppercase; letter-spacing: .08em; }
.payment-public-link-field input {
    width: 100%;
    min-height: 44px;
    padding: 0 12px;
    border: 1px solid var(--line);
    border-radius: 10px;
    background: #071321;
    color: #b9c9ff;
    font-size: 11px;
    cursor: copy;
    text-overflow: ellipsis;
}
.payment-public-link-field input:focus,
.payment-public-link-field.is-copied input { border-color: rgba(81, 220, 166, .65); box-shadow: 0 0 0 3px rgba(81, 220, 166, .09); outline: 0; }
.payment-public-link-actions { margin-top: 10px; display: grid; grid-template-columns: repeat(2, minmax(0, 1fr)); gap: 8px; }
.payment-public-link-actions .button { width: 100%; min-width: 0; }
.payment-copy-hint { display: block; margin-top: 9px; color: #6f82a0; font-size: 9.5px; line-height: 1.4; }
@media (max-width:1024px) {
    .payment-renewal-link-card { padding: 16px; }
    .payment-public-link-actions { grid-template-columns: 1fr; }
}

.settings-tabs {
    display: grid !important;
    grid-template-columns: repeat(auto-fit, minmax(108px, 1fr));
    gap: 6px;
    overflow: visible !important;
}
.settings-tab {
    min-width: 0 !important;
    width: 100%;
    min-height: 42px !important;
    display: flex !important;
    align-items: center;
    justify-content: center;
    padding: 9px 10px !important;
    text-align: center;
}
.superadmin-tabs { grid-template-columns: repeat(4, minmax(0, 1fr)) !important; }
.superadmin-tabs .settings-tab strong { font-size: 13px !important; }
@media (max-width:1024px) {
    .settings-tabs:not(.superadmin-tabs) { grid-template-columns: repeat(2, minmax(0, 1fr)) !important; }
    .superadmin-tabs { grid-template-columns: repeat(4, minmax(0, 1fr)) !important; margin-inline: 0 !important; padding: 5px; }
    .superadmin-tabs .settings-tab { min-height: 40px !important; padding: 7px 3px !important; }
    .superadmin-tabs .settings-tab strong { font-size: 10.5px !important; }
}

.empty-state>span{display:block;margin:7px 0 18px}
.status-pill.muted{background:rgba(157,176,197,.09);border-color:rgba(157,176,197,.18);color:#9eb0c2}
.back-link{width:max-content;color:#8da2b7;text-decoration:none;font-size:13px;font-weight:750}
.back-link:hover{color:#fff}
.app-site-media-card{display:grid;gap:12px;padding:14px;border:1px solid rgba(141,181,217,.13);border-radius:18px;background:rgba(255,255,255,.022)}

.ui-modal {
    width: min(560px, calc(100vw - 48px));
    max-height: min(82dvh, 700px);
}
.ui-modal.is-wide {
    width: min(720px, calc(100vw - 64px));
    max-height: min(86dvh, 760px);
}
.ui-modal.modal-variant-operation {
    width: min(680px, calc(100vw - 64px));
}
.ui-modal.modal-variant-plan {
    width: min(640px, calc(100vw - 64px));
}
.ui-modal.modal-variant-operation .ui-modal-body,
.ui-modal.modal-variant-plan .ui-modal-body {
    padding: 14px 16px 18px;
}
.ui-modal.modal-variant-operation .operation-modal-page {
    width: 100%;
    max-width: 640px;
    margin-inline: auto;
    gap: 11px;
}
.ui-modal.modal-variant-operation .operation-modal-page > .panel-card,
.ui-modal.modal-variant-operation .operation-modal-page > .account-edit-section,
.ui-modal.modal-variant-operation .operation-modal-page > .danger-zone,
.ui-modal.modal-variant-operation .operation-modal-page > .operation-history {
    max-width: 100%;
}
.ui-modal.modal-variant-operation .operation-profile-card,
.ui-modal.modal-variant-operation .account-overview-card {
    margin: 0;
    padding: 0;
    gap: 0;
    overflow: hidden;
    border-radius: 14px;
}
.ui-modal.modal-variant-operation .operation-profile-head {
    padding: 15px 16px;
    gap: 12px;
}
.ui-modal.modal-variant-operation .operation-profile-main {
    gap: 10px;
}
.ui-modal.modal-variant-operation .operation-profile-main .presence-avatar.large {
    width: 40px;
    height: 40px;
    border-radius: 12px;
}
.ui-modal.modal-variant-operation .operation-profile-main h3 {
    margin: 2px 0;
    font-size: 16px;
}
.ui-modal.modal-variant-operation .operation-profile-main p:not(.eyebrow) {
    font-size: 11px;
}
.ui-modal.modal-variant-operation .account-status-badge {
    min-height: 30px;
    padding-inline: 11px;
    font-size: 10.5px;
}
.ui-modal.modal-variant-operation .operation-profile-stats {
    padding: 13px 16px 16px;
    grid-template-columns: repeat(6, minmax(0, 1fr));
    gap: 8px;
}
.ui-modal.modal-variant-operation .operation-profile-stats > div {
    grid-column: span 2;
    min-height: 54px;
    padding: 9px 10px;
    gap: 3px;
    border-radius: 10px;
}
.ui-modal.modal-variant-operation .operation-profile-stats > div:nth-child(4):nth-last-child(2),
.ui-modal.modal-variant-operation .operation-profile-stats > div:nth-child(5):last-child {
    grid-column: span 3;
}
.ui-modal.modal-variant-operation .operation-profile-stats > div:nth-child(4):last-child {
    grid-column: 3 / span 2;
}
.ui-modal.modal-variant-operation .operation-profile-stats span {
    font-size: 9px;
}
.ui-modal.modal-variant-operation .operation-profile-stats strong {
    font-size: 11.5px;
    line-height: 1.3;
}
.ui-modal.modal-variant-operation .account-flow-form,
.ui-modal.modal-variant-operation .account-edit-section,
.ui-modal.modal-variant-operation .danger-zone,
.ui-modal.modal-variant-operation .operation-history {
    width: 100%;
    max-width: 100%;
}
.ui-modal.modal-variant-operation .compact-operation-form .flow-step {
    padding: 13px;
    border-radius: 13px;
}
.ui-modal.modal-variant-operation .operation-actions-grid {
    grid-template-columns: 1fr;
    gap: 9px;
}
.ui-modal.modal-variant-operation .quick-action {
    min-height: 0;
    padding: 12px 13px;
    display: grid;
    grid-template-columns: minmax(0, 1fr) minmax(190px, 220px);
    align-items: center;
    gap: 14px;
}
.ui-modal.modal-variant-operation .quick-action-fields {
    width: 100%;
}
.ui-modal.modal-variant-operation .quick-action > .button {
    justify-self: end;
    align-self: center;
}
.ui-modal.modal-variant-operation .account-edit-section,
.ui-modal.modal-variant-operation .checkuser-edit-section {
    margin-top: 4px;
}
.ui-modal.modal-variant-operation .danger-zone,
.ui-modal.modal-variant-operation .operation-history {
    padding: 14px;
    border-radius: 13px;
}
.ui-modal.modal-variant-plan .plan-modal-content {
    width: 100%;
    max-width: 600px;
}

@media (max-width:1024px) {
    .ui-modal,
    .ui-modal.is-wide,
    .ui-modal.modal-variant-operation,
    .ui-modal.modal-variant-plan {
        width: calc(100vw - 28px);
        max-height: calc(100dvh - 40px);
    }
    .ui-modal.modal-variant-operation .ui-modal-body,
    .ui-modal.modal-variant-plan .ui-modal-body {
        padding: 13px 14px 16px;
    }
    .ui-modal.modal-variant-operation .operation-profile-head {
        padding: 13px 14px;
    }
    .ui-modal.modal-variant-operation .operation-profile-stats {
        padding: 12px 14px 14px;
        grid-template-columns: repeat(2, minmax(0, 1fr));
    }
    .ui-modal.modal-variant-operation .operation-profile-stats > div,
    .ui-modal.modal-variant-operation .operation-profile-stats > div:nth-child(4):nth-last-child(2),
    .ui-modal.modal-variant-operation .operation-profile-stats > div:nth-child(5):last-child,
    .ui-modal.modal-variant-operation .operation-profile-stats > div:nth-child(4):last-child {
        grid-column: auto;
    }
    .ui-modal.modal-variant-operation .quick-action {
        grid-template-columns: 1fr;
        align-items: stretch;
    }
    .ui-modal.modal-variant-operation .quick-action > .button {
        justify-self: center;
    }
}

@media (max-width: 420px) {
    .ui-modal,
    .ui-modal.is-wide,
    .ui-modal.modal-variant-operation,
    .ui-modal.modal-variant-plan {
        width: calc(100vw - 24px);
        max-height: calc(100dvh - 32px);
    }
    .ui-modal.modal-variant-operation .operation-profile-head {
        align-items: flex-start;
    }
    .ui-modal.modal-variant-operation .operation-profile-state {
        align-items: flex-end;
    }
}

.browser-protection-lock {
    position: fixed;
    inset: 0;
    z-index: 2147483647;
    display: grid;
    place-items: center;
    padding: 24px;
    background: rgba(3, 9, 18, .96);
    backdrop-filter: blur(18px);
}
.browser-protection-lock[hidden] { display: none !important; }
.browser-protection-card {
    width: min(100%, 460px);
    padding: 34px;
    border: 1px solid rgba(92, 139, 255, .28);
    border-radius: 24px;
    background: #0c192b;
    text-align: center;
    box-shadow: 0 28px 80px rgba(0, 0, 0, .45);
}
.browser-protection-card h1 { margin: 10px 0 12px; font-size: clamp(1.55rem, 4vw, 2rem); }
.browser-protection-card p { margin: 0; color: #aebdd1; line-height: 1.65; }
.browser-protection-card .browser-protection-note { margin-top: 12px; color: #dce8f8; }
.browser-protection-shield {
    display: grid;
    place-items: center;
    width: 58px;
    height: 58px;
    margin: 0 auto 18px;
    border: 1px solid rgba(92, 139, 255, .38);
    border-radius: 18px;
    background: rgba(66, 113, 255, .12);
    color: #78a4ff;
    font-size: 1.2rem;
}
.browser-protection-active body > *:not(.browser-protection-lock) { visibility: hidden !important; }
@media (max-width: 640px) {
    .browser-protection-lock { padding: 16px; }
    .browser-protection-card { padding: 28px 22px; border-radius: 20px; }
}

.muted-copy{margin:5px 0 0;color:var(--muted);font-size:12px;line-height:1.45}

.superadmin-tabs { grid-template-columns: repeat(5, minmax(0, 1fr)) !important; }
.full-backup-hero {
    display: grid;
    grid-template-columns: minmax(0, 1fr) auto;
    align-items: center;
    gap: 22px;
    padding: 22px;
    overflow: hidden;
    background: radial-gradient(circle at 88% 20%, rgba(95,124,255,.11), transparent 31%), rgba(13,25,43,.9);
}
.full-backup-hero-copy { max-width: 650px; }
.full-backup-hero h2 { margin: 0; font-size: clamp(21px, 2.7vw, 29px); letter-spacing: -.035em; }
.full-backup-hero p:not(.eyebrow) { max-width: 560px; margin: 8px 0 0; color: var(--muted); font-size: 12px; line-height: 1.55; }
.full-backup-hero-actions { display: grid; grid-template-columns: repeat(2, minmax(118px, 1fr)); gap: 9px; min-width: min(100%, 350px); }
.full-backup-hero-actions > .button { grid-column: 1 / -1; min-height: 42px; }
.full-backup-metric { min-width: 0; padding: 11px 13px; border: 1px solid var(--line); border-radius: 12px; background: rgba(6,16,29,.56); }
.full-backup-metric small { display: block; color: var(--muted); font-size: 9.5px; }
.full-backup-metric strong { display: block; margin-top: 4px; overflow: hidden; font-size: 17px; text-overflow: ellipsis; white-space: nowrap; }
.full-backup-list-card { margin-top: 14px; padding: 18px; }
.full-backup-list-card .card-heading { margin-bottom: 13px; }
.full-backup-list-card .card-heading p:not(.eyebrow) { max-width: 620px; }
.full-backup-list { display: grid; gap: 10px; }
.full-backup-row { display: grid; grid-template-columns: auto minmax(0, 1fr) auto; align-items: center; gap: 13px; padding: 13px; border: 1px solid var(--line); border-radius: 14px; background: rgba(7,17,30,.55); }
.full-backup-file-mark { width: 44px; height: 44px; display: grid; place-items: center; border: 1px solid rgba(51,212,155,.23); border-radius: 12px; background: rgba(51,212,155,.07); color: #7ce1bd; font-size: 10px; font-weight: 850; }
.full-backup-file-info { min-width: 0; display: grid; gap: 4px; }
.full-backup-file-info > strong { overflow: hidden; font-size: 12px; text-overflow: ellipsis; white-space: nowrap; }
.full-backup-file-info > small { color: var(--muted); font-size: 10.5px; line-height: 1.45; }
.full-backup-row-actions { display: flex; align-items: center; gap: 7px; }
.full-backup-row-actions .button { min-height: 36px; padding-inline: 12px; }
.full-backup-background-status {
    margin-top: 14px;
    padding: 13px 15px;
    display: grid;
    grid-template-columns: minmax(0, 1fr) minmax(120px, 220px) auto;
    align-items: center;
    gap: 12px;
    border: 1px solid rgba(95,124,255,.24);
    border-radius: 14px;
    background: rgba(95,124,255,.06);
}
.full-backup-background-status[hidden] { display: none !important; }
.full-backup-background-status-copy { min-width: 0; display: grid; gap: 3px; }
.full-backup-background-status-copy strong { font-size: 12px; }
.full-backup-background-status-copy span { color: var(--muted); font-size: 10.5px; line-height: 1.45; }
.full-backup-background-progress { height: 8px; overflow: hidden; border-radius: 999px; background: rgba(131,153,188,.15); }
.full-backup-background-progress span { display: block; height: 100%; border-radius: inherit; background: linear-gradient(90deg, var(--primary), var(--primary-2)); transition: width .25s ease; }
.full-backup-background-status > small { min-width: 36px; color: #aebfff; font-size: 10px; font-weight: 800; text-align: right; }
.full-backup-background-status.is-complete { border-color: rgba(51,212,155,.24); background: rgba(51,212,155,.055); }
.full-backup-background-status.is-error { border-color: rgba(255,92,118,.25); background: rgba(255,92,118,.055); }
.full-backup-background-status.is-error .full-backup-background-progress span { background: #ff5c76; }

@media (max-width:1024px) {
    .superadmin-tabs { grid-template-columns: repeat(5, minmax(86px, 1fr)) !important; overflow-x: auto !important; }
    .superadmin-tabs .settings-tab { min-width: 86px !important; padding-inline: 5px !important; }
    .superadmin-tabs .settings-tab strong { font-size: 10px !important; }
    .full-backup-hero { grid-template-columns: 1fr; padding: 17px; gap: 16px; }
    .full-backup-hero-actions { width: 100%; min-width: 0; }
    .full-backup-list-card { padding: 15px; }
    .full-backup-row { grid-template-columns: auto minmax(0, 1fr); align-items: start; }
    .full-backup-row-actions { grid-column: 1 / -1; justify-content: center; }
    .full-backup-row-actions .button { flex: 1; }
    .full-backup-background-status { grid-template-columns: minmax(0, 1fr) auto; }
    .full-backup-background-progress { grid-column: 1 / -1; grid-row: 2; }
    .full-backup-background-status > small { grid-column: 2; grid-row: 1; }
}

@media (max-width:430px) {
    .full-backup-hero-actions { grid-template-columns: 1fr; }
    .full-backup-hero-actions > .button { grid-column: auto; }
    .full-backup-row { grid-template-columns: 1fr; }
    .full-backup-file-mark { width: 40px; height: 40px; }
    .full-backup-row-actions { grid-column: auto; }
}

.ui-modal-layer {
    padding: 22px;
}
.ui-modal,
.ui-modal.is-wide,
.ui-modal.modal-variant-operation,
.ui-modal.modal-variant-plan,
.ui-modal.modal-variant-server {
    width: min(520px, calc(100vw - 44px));
    max-height: min(82dvh, 680px);
    border: 1px solid rgba(116, 145, 211, .25);
    border-radius: 17px;
    background: linear-gradient(180deg, #0d1a2c, #0a1727);
    box-shadow: 0 24px 72px rgba(0, 0, 0, .48);
}
.ui-modal.is-wide,
.ui-modal.modal-variant-server {
    width: min(680px, calc(100vw - 56px));
    max-height: min(86dvh, 720px);
}
.ui-modal.modal-variant-operation { width: min(650px, calc(100vw - 56px)); }
.ui-modal.modal-variant-plan { width: min(610px, calc(100vw - 56px)); }
.ui-modal-header {
    padding: 14px 16px 12px;
    align-items: center;
    gap: 14px;
    background: rgba(14, 28, 47, .82);
}
.ui-modal-header .eyebrow {
    margin: 0;
    font-size: 9px;
    letter-spacing: .14em;
}
.ui-modal-header h2 {
    margin: 3px 0 0;
    font-size: 17px;
    line-height: 1.25;
    letter-spacing: -.015em;
}
.ui-modal-close {
    width: 34px;
    height: 34px;
    flex: 0 0 34px;
    border-radius: 10px;
    font-size: 20px;
}
.ui-modal-body {
    min-height: 56px;
    padding: 15px 16px 17px;

    line-height: 1.5;
    scrollbar-gutter: auto;
    overscroll-behavior: contain;
}
.ui-modal-actions {
    padding: 11px 16px 14px;
    gap: 8px;
}
.ui-modal .button {
    min-height: 40px;
    padding: 9px 14px;
    font-size: 12.5px;
}
.ui-modal .server-modal-content,
.ui-modal .server-process,
.ui-modal .operation-modal-page {
    gap: 12px;
}
.ui-modal .server-modal-form,
.ui-modal .server-modal-operations {
    padding: 14px;
    border-radius: 13px;
}
.ui-modal .server-modal-summary {
    gap: 9px;
}
.ui-modal .server-modal-summary > div {
    padding: 11px 12px;
    border-radius: 11px;
}
.ui-modal .server-modal-summary span { font-size: 10.5px; }
.ui-modal .server-modal-summary strong { font-size: 12.5px; }
.ui-modal .server-process-status { gap: 11px; }
.ui-modal .server-process-status strong {
    margin-bottom: 2px;
    font-size: 14px;
}
.ui-modal .server-process-status p {
    font-size: 12px;
    line-height: 1.4;
}
.ui-modal .server-process-spinner {
    width: 29px;
    height: 29px;
}
.ui-modal .server-process-track { height: 7px; }
.ui-modal .server-process-log {
    min-height: 165px;
    max-height: 300px;
    padding: 12px 13px;
    border-radius: 12px;
    font-size: .75rem;
    line-height: 1.55;
}
.ui-modal .professional-created-result {
    width: 100%;
    max-width: 560px;
    padding: 0;
}
.ui-modal .professional-created-result .created-result-head {
    margin: 0 0 12px;
    padding: 0 0 12px;
    align-items: center;
}
.ui-modal .created-success-mark {
    width: 36px;
    height: 36px;
    border-radius: 10px;
    font-size: 18px;
}
.ui-modal .created-result-title h2 { font-size: 17px; }
.ui-modal .created-result-title p:not(.eyebrow) { font-size: 10.5px; }
.ui-modal .created-result-content { margin-top: 0; }
.ui-modal .created-credentials-grid,
.ui-modal .created-detail-grid { gap: 8px; }
.ui-modal .created-credential-primary,
.ui-modal .created-detail-grid article {
    min-height: 58px;
    padding: 10px 12px;
    border-radius: 10px;
}
.ui-modal .created-credential-primary { min-height: 66px; }
.ui-modal .created-result-content span { font-size: 9.5px; }
.ui-modal .created-result-content strong,
.ui-modal .created-result-content a {
    display: block;
    color: #edf3fc;
    font-size: 13px;
    font-weight: 750;
    overflow-wrap: anywhere;
}
.ui-modal .created-credential-primary strong { font-size: 18px; }
.created-delivery-link a {
    color: #aebeff;
    text-decoration: none;
}
.created-delivery-link a:hover { text-decoration: underline; }

@media (max-width: 680px) {
    .ui-modal-layer {
        padding: max(16px, env(safe-area-inset-top)) 14px max(16px, env(safe-area-inset-bottom));
    }
    .ui-modal,
    .ui-modal.is-wide,
    .ui-modal.modal-variant-operation,
    .ui-modal.modal-variant-plan,
    .ui-modal.modal-variant-server {
        width: calc(100vw - 28px);
        max-height: calc(100dvh - 36px);
        border-radius: 16px;
    }
    .ui-modal-header { padding: 13px 14px 11px; }
    .ui-modal-header h2 { font-size: 16px; }
    .ui-modal-close {
        width: 32px;
        height: 32px;
        flex-basis: 32px;
        font-size: 19px;
    }
    .ui-modal-body {
        padding: 13px 14px 15px;
        font-size: 13px;
    }
    .ui-modal-actions {
        padding: 10px 14px max(13px, env(safe-area-inset-bottom));
    }
    .ui-modal .server-modal-form,
    .ui-modal .server-modal-operations { padding: 12px; }
    .ui-modal .server-modal-summary { grid-template-columns: 1fr 1fr; }
    .ui-modal .server-process-log {
        min-height: 145px;
        max-height: 34dvh;
        font-size: .7rem;
    }
    .ui-modal .professional-created-result .created-result-head {
        align-items: stretch;
        flex-direction: column;
    }
    .ui-modal .professional-created-result .created-result-head .button { width: 100%; }
    .ui-modal .created-credentials-grid { grid-template-columns: 1fr 1fr; }
    .ui-modal .created-detail-grid { grid-template-columns: 1fr 1fr; }
    .ui-modal .created-result-wide { grid-column: 1 / -1; }
}

@media (max-width: 430px) {
    .ui-modal,
    .ui-modal.is-wide,
    .ui-modal.modal-variant-operation,
    .ui-modal.modal-variant-plan,
    .ui-modal.modal-variant-server {
        width: calc(100vw - 24px);
        max-height: calc(100dvh - 30px);
    }
    .ui-modal .server-modal-summary,
    .ui-modal .created-credentials-grid,
    .ui-modal .created-detail-grid { grid-template-columns: 1fr; }
    .ui-modal .created-result-wide { grid-column: auto; }
    .ui-modal .server-process-log { min-height: 130px; }
}

.server-resource-line {
    min-width: 230px;
    color: #d8e4f5;
    font-family: ui-monospace, SFMono-Regular, Menlo, Monaco, Consolas, monospace;
    font-size: .9rem;
    font-weight: 500;
    letter-spacing: .01em;
}

.ui-modal,
.ui-modal.modal-variant-operation,
.ui-modal.modal-variant-plan {
    width: min(450px, calc(100vw - 72px));
}
.ui-modal.is-wide,
.ui-modal.modal-variant-server {
    width: min(590px, calc(100vw - 88px));
}
.ui-modal.modal-variant-operation { width: min(560px, calc(100vw - 88px)); }
.ui-modal.modal-variant-plan { width: min(520px, calc(100vw - 88px)); }
.ui-modal-header h2 { font-size: 16px; }
.ui-modal-body { font-size: 13px; }

@media (max-width: 680px) {
    .ui-modal-layer {
        padding: max(20px, env(safe-area-inset-top)) 22px max(20px, env(safe-area-inset-bottom));
    }
    .ui-modal,
    .ui-modal.is-wide,
    .ui-modal.modal-variant-operation,
    .ui-modal.modal-variant-plan,
    .ui-modal.modal-variant-server {
        width: min(460px, calc(100vw - 44px));
        max-height: calc(100dvh - 44px);
        border-radius: 15px;
    }
    .ui-modal-header h2 { font-size: 15px; }
    .ui-modal-body { font-size: 12.5px; }
}

@media (max-width: 380px) {
    .ui-modal-layer {
        padding-left: 16px;
        padding-right: 16px;
    }
    .ui-modal,
    .ui-modal.is-wide,
    .ui-modal.modal-variant-operation,
    .ui-modal.modal-variant-plan,
    .ui-modal.modal-variant-server {
        width: calc(100vw - 32px);
    }
}

.app-site-media-grid.icon-only{grid-template-columns:minmax(280px,430px);justify-content:center}
.app-site-media-grid.icon-only .app-site-media-preview.icon-preview{min-height:210px}
@media(max-width:1024px){.app-site-media-grid.icon-only{grid-template-columns:1fr}}

.ui-modal-body {
    overflow-x: hidden !important;
    overflow-y: auto;
    min-width: 0;
}
.ui-modal.modal-variant-operation,
.ui-modal.modal-variant-operation.is-wide {
    width: min(620px, calc(100vw - 96px));
}
.operation-modal-page,
.operation-modal-page > .panel-card,
.operation-modal-page > form,
.operation-modal-page .account-flow-form,
.operation-modal-page .flow-step,
.operation-modal-page .form-grid,
.operation-modal-page .choice-cards,
.operation-modal-page .toggle-grid,
.operation-modal-page .operation-actions-grid,
.operation-modal-page .quick-action,
.operation-modal-page .quick-action-fields {
    min-width: 0 !important;
    max-width: 100% !important;
    box-sizing: border-box;
}
.operation-modal-page input,
.operation-modal-page select,
.operation-modal-page textarea,
.operation-modal-page .inline-password,
.operation-modal-page .inline-uuid,
.operation-modal-page .phone-input-grid {
    min-width: 0 !important;
    max-width: 100% !important;
    box-sizing: border-box;
}
.operation-modal-page .inline-password,
.operation-modal-page .inline-uuid {
    grid-template-columns: minmax(0, 1fr) auto !important;
}
.operation-modal-page .phone-input-grid {
    width: 100%;
    grid-template-columns: minmax(54px, .65fr) minmax(58px, .72fr) minmax(0, 2fr) !important;
}
.operation-modal-page .table-wrap {
    max-width: 100%;
    overflow-x: hidden !important;
}
.sidebar .nav-link,
.sidebar .nav-group-toggle,
.sidebar .nav-sublink {
    -webkit-tap-highlight-color: transparent;
}
.sidebar .nav-link:focus-visible,
.sidebar .nav-group-toggle:focus-visible,
.sidebar .nav-sublink:focus-visible {
    outline: 2px solid rgba(111, 139, 255, .68) !important;
    outline-offset: 2px;
    box-shadow: none !important;
}
.sidebar .nav-link:active,
.sidebar .nav-group-toggle:active,
.sidebar .nav-sublink:active {
    background: rgba(95, 124, 255, .08) !important;
}
.sidebar .nav-link.active,
.sidebar .nav-group-toggle.active,
.sidebar .nav-sublink.active,
.sidebar .nav-group.open > .nav-group-toggle {
    border-color: transparent !important;
    background: transparent !important;
    box-shadow: none !important;
}
.sidebar .nav-link.active::before,
.sidebar .nav-group-toggle.active::before,
.sidebar .nav-sublink.active::before {
    display: none !important;
}
@media (max-width: 680px) {
    .ui-modal.modal-variant-operation,
    .ui-modal.modal-variant-operation.is-wide {
        width: min(500px, calc(100vw - 48px));
    }
}
@media (max-width: 400px) {
    .ui-modal.modal-variant-operation,
    .ui-modal.modal-variant-operation.is-wide {
        width: calc(100vw - 36px);
    }
    .operation-modal-page .phone-input-grid {
        grid-template-columns: 52px 58px minmax(0, 1fr) !important;
    }
}

.sidebar .nav-tree .nav-link.active,
.sidebar .nav-tree .nav-group-toggle.active,
.sidebar .nav-tree .nav-sublink.active,
.sidebar .nav-tree .nav-group.open > .nav-group-toggle {
    color: #92a3bd !important;
}
.sidebar .nav-tree .nav-link.active .nav-icon,
.sidebar .nav-tree .nav-group-toggle.active .nav-icon,
.sidebar .nav-tree .nav-group.open > .nav-group-toggle .nav-icon,
.sidebar .nav-tree .nav-sublink.active .nav-sublink-icon {
    border-color: transparent !important;
    background: transparent !important;
    color: #8292aa !important;
    box-shadow: none !important;
}

a, button, summary, [role="button"], [data-operation-modal], [data-action], [tabindex]:not([tabindex="-1"]) {
    -webkit-tap-highlight-color: transparent;
}

a:focus-visible,
button:focus-visible,
summary:focus-visible,
[role="button"]:focus-visible,
[data-operation-modal]:focus-visible,
[data-action]:focus-visible,
[tabindex]:not([tabindex="-1"]):focus-visible {
    outline: 2px solid rgba(111, 139, 255, .72);
    outline-offset: 2px;
}

button:active,
.button:active,
a.button:active,
[role="button"]:active,
[data-operation-modal]:active,
[data-action]:active {
    transform: translateY(1px);
}

.dashboard-content-single {
    grid-template-columns: minmax(0, 1fr) !important;
}

/* Aplicativo > Layouts */
.app-themes-page,.app-theme-editor-page{max-width:1220px;margin:0 auto}
.app-theme-carousel{display:grid;grid-template-columns:42px minmax(0,1fr) 42px;align-items:center;gap:12px;width:100%}
.app-theme-carousel-viewport{min-width:0;overflow-x:auto;scroll-behavior:smooth;scroll-snap-type:x mandatory;overscroll-behavior-x:contain;scrollbar-width:none;padding:4px}
.app-theme-carousel-viewport::-webkit-scrollbar{display:none}
.app-theme-selector{display:flex;width:max-content;gap:14px}
.app-theme-carousel-arrow{display:grid;place-items:center;width:42px;height:42px;padding:0;border:1px solid rgba(141,181,217,.2);border-radius:14px;background:linear-gradient(145deg,rgba(16,35,54,.94),rgba(8,21,35,.96));color:#dcecf8;font:800 28px/1 Arial,sans-serif;cursor:pointer;box-shadow:0 14px 30px rgba(0,0,0,.22);transition:opacity .2s,border-color .2s,transform .2s}
.app-theme-carousel-arrow:hover{border-color:rgba(55,203,196,.45);color:#75e8df}
.app-theme-carousel-arrow:active{transform:scale(.96)}
.app-theme-carousel-arrow:disabled{opacity:.28;cursor:default;transform:none}
.app-theme-card{flex:0 0 248px;scroll-snap-align:start;display:grid;gap:12px;padding:14px;border:1px solid rgba(141,181,217,.14);border-radius:20px;background:linear-gradient(145deg,rgba(16,35,54,.88),rgba(8,21,35,.9));box-shadow:0 18px 42px rgba(0,0,0,.18);overflow:hidden}
.app-theme-phone{position:relative;width:145px;height:282px;margin:0 auto;padding:8px 6px 10px;border:1px solid rgba(190,218,244,.26);border-radius:23px;background:linear-gradient(155deg,#1a2b3c,#07111d 55%,#02070d);box-shadow:0 18px 38px rgba(0,0,0,.38),inset 0 1px 0 rgba(255,255,255,.12);overflow:hidden}
.app-theme-phone:before{content:"";position:absolute;inset:5px;border:1px solid rgba(255,255,255,.06);border-radius:18px;pointer-events:none;z-index:3}
.app-theme-phone iframe{display:block;width:500px;height:970px;border:0;border-radius:18px;background:#050811;transform:scale(.266);transform-origin:top left;pointer-events:none}
.app-theme-phone-speaker{position:absolute;top:5px;left:50%;z-index:4;width:38px;height:4px;border-radius:999px;background:#02070d;transform:translateX(-50%);box-shadow:0 1px 0 rgba(255,255,255,.08)}
.app-theme-phone-home{position:absolute;bottom:4px;left:50%;z-index:4;width:42px;height:3px;border-radius:999px;background:rgba(255,255,255,.3);transform:translateX(-50%)}
.app-theme-card-copy{display:grid;gap:11px;min-width:0}
.app-theme-card-title{display:flex;align-items:center;justify-content:space-between;gap:10px;min-width:0}
.app-theme-card-title>div{min-width:0}
.app-theme-card-title small{display:block;margin-bottom:3px;color:#7f96ac;font-size:9px;font-weight:850;letter-spacing:.09em;text-transform:uppercase}
.app-theme-card-title h3{overflow:hidden;margin:0;font-size:16px;text-overflow:ellipsis;white-space:nowrap}
.app-theme-card-title .status-pill{flex:0 0 auto;padding:5px 8px;font-size:9px}
.app-theme-actions{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:8px;width:100%}
.app-theme-actions form{display:block;grid-column:1/-1;width:100%}
.app-theme-actions .button,.app-theme-actions form .button{width:100%;min-width:0;padding-inline:8px;white-space:nowrap}
.app-theme-editor-head{display:grid;gap:15px}
.app-theme-editor-grid{display:grid;grid-template-columns:minmax(280px,360px) minmax(0,1fr);gap:18px;align-items:start}
.app-theme-editor-preview{gap:14px;padding:18px}
.app-theme-preview-label{display:flex;justify-content:space-between;width:100%;gap:10px}
.app-theme-preview-label strong{font-size:15px}.app-theme-preview-label small{color:var(--muted);font-size:11px}
.app-theme-phone-editor{width:244px;height:472px;padding:12px 8px 14px;border-radius:32px}
.app-theme-phone-editor:before{inset:7px;border-radius:25px}
.app-theme-phone-editor iframe{border-radius:22px;transform:scale(.452)}
.app-theme-phone-editor .app-theme-phone-speaker{top:7px;width:54px;height:5px}
.app-theme-phone-editor .app-theme-phone-home{bottom:5px;width:62px}
.app-theme-config-form{display:grid;gap:14px;padding:20px;overflow:hidden}.compact-heading{padding-bottom:15px;border-bottom:1px solid rgba(141,181,217,.12)}
.app-theme-field-group{display:grid;grid-template-columns:42px minmax(0,1fr);align-items:start;gap:12px;padding:14px;border:1px solid rgba(141,181,217,.12);border-radius:16px;background:rgba(255,255,255,.022)}
.app-theme-field-icon{display:grid;place-items:center;width:40px;height:40px;border:1px solid rgba(55,203,196,.18);border-radius:13px;background:rgba(55,203,196,.07);color:#65e7dc;font-size:10px;font-weight:900}
.app-theme-field-group label{margin:0;min-width:0}.app-theme-field-group label>span{display:block;margin-bottom:7px;font-size:12px;font-weight:850}.app-theme-field-group input{width:100%;min-width:0}.app-theme-field-group small{display:block;margin-top:7px;color:var(--muted);font-size:10px;line-height:1.45}.app-theme-field-group code{padding:1px 5px;border-radius:5px;background:rgba(255,255,255,.05);color:#9be7df;font-size:10px}
.app-theme-editor-actions{display:flex;gap:10px;padding-top:4px}.app-theme-editor-actions .button{min-width:140px}
.app-publish-news-field{margin-top:4px}.app-publish-news-field textarea{min-height:118px;resize:vertical}
@media(max-width:1024px){.app-theme-editor-grid{grid-template-columns:1fr}.app-theme-editor-preview{position:relative;top:auto}}
@media(max-width:680px){.app-theme-carousel{grid-template-columns:34px minmax(0,1fr) 34px;gap:6px}.app-theme-carousel-arrow{width:34px;height:38px;border-radius:12px;font-size:24px}.app-theme-carousel-viewport{padding:3px}.app-theme-selector{gap:10px}.app-theme-card{flex-basis:218px;padding:12px;border-radius:18px}.app-theme-phone{width:128px;height:249px;padding:7px 5px 9px;border-radius:21px}.app-theme-phone iframe{transform:scale(.234)}.app-theme-phone:before{inset:5px;border-radius:16px}.app-theme-card-title h3{font-size:15px}.app-theme-config-form{padding:14px}.app-theme-field-group{grid-template-columns:34px minmax(0,1fr);gap:10px;padding:12px}.app-theme-field-icon{width:34px;height:34px;border-radius:11px}.app-theme-editor-actions{display:grid;grid-template-columns:1fr 1fr}.app-theme-editor-actions .button{width:100%;min-width:0}}
@media(max-width:420px){.app-theme-carousel{grid-template-columns:30px minmax(0,1fr) 30px;gap:4px}.app-theme-carousel-arrow{width:30px;height:36px;font-size:22px}.app-theme-card{flex-basis:204px}.app-theme-phone{width:120px;height:233px}.app-theme-phone iframe{transform:scale(.219)}.app-theme-editor-preview{padding:14px}.app-theme-phone-editor{width:210px;height:407px}.app-theme-phone-editor iframe{transform:scale(.388)}.app-theme-config-form{padding:12px}.app-theme-field-group{grid-template-columns:1fr}.app-theme-field-icon{display:none}.app-theme-editor-actions{grid-template-columns:1fr}}

.renewal-restricted-page .topbar-online { color: #ffd47a; }
.renewal-restricted-page .topbar-online .status-dot { background: #ffb84d; box-shadow: 0 0 0 4px rgba(255,184,77,.12); }
.dashboard-renewal-lock {
    margin-top: 18px;
    display: flex;
    align-items: center;
    justify-content: space-between;
    gap: 22px;
    border-color: rgba(255,184,77,.24);
    background: linear-gradient(145deg, rgba(58,39,12,.22), rgba(8,18,32,.82));
}
.dashboard-renewal-lock h3 { margin: 4px 0 6px; }
.dashboard-renewal-lock p:not(.eyebrow) { margin: 0; max-width: 760px; color: var(--muted); line-height: 1.55; }
.dashboard-renewal-lock .button { min-width: 180px; }
.renewal-restricted-alert { display: grid; gap: 4px; }
.renewal-only-layout { grid-template-columns: minmax(0, 760px); justify-content: center; }
.renewal-monthly-card { display: grid; gap: 16px; }
.renewal-price-breakdown {
    display: grid;
    grid-template-columns: repeat(3, minmax(0, 1fr));
    gap: 10px;
}
.renewal-price-breakdown article {
    min-width: 0;
    padding: 15px;
    display: grid;
    align-content: center;
    gap: 5px;
    border: 1px solid var(--line);
    border-radius: 13px;
    background: rgba(7,17,30,.62);
}
.renewal-price-breakdown span { color: var(--muted); font-size: 11px; }
.renewal-price-breakdown strong { font-size: 18px; overflow-wrap: anywhere; }
.renewal-price-breakdown .renewal-total {
    border-color: rgba(95,124,255,.28);
    background: linear-gradient(145deg, rgba(95,124,255,.13), rgba(7,17,30,.72));
}
.renewal-price-breakdown .renewal-total strong { color: #fff; font-size: 22px; }
.renewal-plan-note,
.limit-proration-note {
    margin: 0;
    color: var(--muted);
    font-size: 12px;
    line-height: 1.55;
}
.renewal-primary-form .button { width: 100%; min-height: 44px; }
.recurring-limit-row { grid-template-columns: minmax(0, 1fr) auto; }
.recurring-limit-row .plan-row-main small,
.recurring-limit-row .plan-row-main em { display: block; }
.recurring-limit-row .plan-row-main em { margin-top: 4px; color: #7fd5b8; font-size: 11px; font-style: normal; }
.payment-live-status {
    padding: 12px 14px;
    display: flex;
    align-items: center;
    gap: 9px;
    border: 1px solid rgba(95,124,255,.2);
    border-radius: 12px;
    background: rgba(95,124,255,.07);
    color: #aebfe4;
    font-size: 12px;
}
.payment-live-status.is-paid { border-color: rgba(51,212,155,.3); background: rgba(51,212,155,.08); color: #83e4c2; }
.payment-live-status.is-failed { border-color: rgba(255,107,133,.3); background: rgba(255,107,133,.08); color: #ff9eb1; }
.payment-live-status.is-paid .status-dot { background: #33d49b; }
.payment-live-status.is-failed .status-dot { background: #ff6b85; }

@media (max-width:1024px) {
    .dashboard-renewal-lock { align-items: stretch; flex-direction: column; }
    .dashboard-renewal-lock .button { width: 100%; min-width: 0; }
    .renewal-price-breakdown { grid-template-columns: 1fr; }
    .recurring-limit-row { grid-template-columns: 1fr; }
    .recurring-limit-row form { width: 100%; }
    .recurring-limit-row form .button { width: 100%; }
}

.app-news-editor{margin-top:14px;padding:16px;border:1px solid rgba(127,151,190,.16);border-radius:16px;background:rgba(7,17,31,.42)}
.app-news-editor>header{display:flex;align-items:center;gap:12px;margin-bottom:12px}
.app-news-editor>header>div{display:grid;gap:3px}
.app-news-editor>header strong{font-size:13px;color:#f4f8ff}
.app-news-editor>header small{font-size:11px;color:var(--muted)}
.app-news-editor .store-feature-row{grid-template-columns:minmax(0,1fr) 36px}
.app-news-editor .store-feature-add{margin-top:10px}
.store-public-address-field .slug-input-wrap{margin-top:2px}
.store-address-previews{display:grid;grid-template-columns:1fr 1fr;gap:8px;margin-top:8px}
.store-address-previews small{display:grid;gap:4px;min-width:0;padding:10px 12px;border:1px solid rgba(127,151,190,.13);border-radius:11px;background:rgba(7,17,31,.48)}
.store-address-previews b{font-size:9px;color:#8297ad;text-transform:uppercase;letter-spacing:.08em}
.store-address-previews span{overflow:hidden;color:#c9d7e6;font-size:11px;white-space:nowrap;text-overflow:ellipsis}
.app-site-address-managed{display:flex;align-items:center;justify-content:space-between;gap:14px;padding:13px;border:1px solid rgba(141,181,217,.13);border-radius:15px;background:rgba(255,255,255,.022)}
.app-site-address-managed>div{display:grid;gap:4px;min-width:0}
.app-site-address-managed small{font-size:9px;color:#8398ad;text-transform:uppercase;letter-spacing:.09em;font-weight:850}
.app-site-address-managed strong{overflow:hidden;color:#d8e5f1;font-size:12px;white-space:nowrap;text-overflow:ellipsis}
@media(max-width:680px){.store-address-previews{grid-template-columns:1fr}.app-site-address-managed{align-items:stretch;flex-direction:column}.app-site-address-managed .button{width:100%}}

.account-inline-manage-form {
    margin-top: 16px;
    padding: 0;
}
.account-inline-manage-form .inline-manage-step {
    margin: 0;
    border: 0;
    background: transparent;
    box-shadow: none;
}
.online-account-table {
    min-width: 640px;
}
.online-account-table th:last-child,
.online-account-table td:last-child {
    width: auto;
    min-width: 150px;
    text-align: left;
}
.online-account-table th:nth-child(1),
.online-account-table td:nth-child(1) { min-width: 220px; }
.online-account-table th:nth-child(2),
.online-account-table td:nth-child(2) { min-width: 110px; }
.online-account-table th:nth-child(3),
.online-account-table td:nth-child(3) {
    display: table-cell;
    min-width: 110px;
}
.online-account-table th:nth-child(4),
.online-account-table td:nth-child(4) {
    display: table-cell;
    min-width: 140px;
}
@media (max-width:1024px) {
    .online-account-table { min-width: 640px; }
}
@media (max-width: 640px) {
    .online-account-table th:nth-child(3),
    .online-account-table td:nth-child(3),
    .online-account-table th:nth-child(4),
    .online-account-table td:nth-child(4) {
        display: table-cell;
    }
}

.compact-checkuser-card {
    padding: 18px 20px;
    gap: 14px;
}
.compact-checkuser-card .compact-device-heading {
    display: flex;
    align-items: center;
    justify-content: space-between;
    gap: 14px;
}
.compact-checkuser-card .compact-device-heading h3 {
    margin: 0;
}
.compact-checkuser-card .compact-device-heading p {
    margin: 4px 0 0;
    color: var(--muted);
}
.compact-checkuser-card .device-limit-badge {
    padding: 9px 12px;
    border-radius: 12px;
}
.compact-checkuser-card .device-limit-badge strong {
    font-size: 1.05rem;
}
.compact-device-content {
    display: grid;
    gap: 12px;
    padding: 14px 15px;
    border: 1px solid rgba(127, 151, 190, .14);
    border-radius: 14px;
    background: rgba(7, 17, 31, .34);
}
.compact-device-note {
    color: #d1dceb;
    font-size: .95rem;
    line-height: 1.55;
}
.compact-device-clear {
    display: flex;
    align-items: center;
    justify-content: space-between;
    gap: 12px;
    flex-wrap: wrap;
}
.compact-device-clear .button {
    min-width: 170px;
}
.compact-device-clear small {
    margin: 0;
    color: var(--muted);
    max-width: 520px;
}
@media (max-width:1024px) {
    .compact-checkuser-card .compact-device-heading {
        align-items: flex-start;
        flex-direction: column;
    }
    .compact-device-clear {
        align-items: stretch;
        flex-direction: column;
    }
    .compact-device-clear .button {
        width: 100%;
        min-width: 0;
    }
}

.phone-input-with-action {
    display: flex;
    align-items: flex-end;
    gap: 10px;
    width: 100%;
}
.phone-input-with-action .phone-input-grid {
    flex: 1 1 auto;
    max-width: none;
}
.compact-paste-button {
    min-width: 82px;
    min-height: 44px;
    padding-inline: 14px;
    white-space: nowrap;
}
.online-account-table td:last-child .icon-button {
    min-width: 110px;
    justify-content: center;
}
.online-account-table td {
    vertical-align: middle;
}
.compact-checkuser-card .compact-device-note:empty {
    display: none;
}
.compact-checkuser-card .compact-device-content {
    gap: 8px;
}
.compact-checkuser-card .compact-device-clear {
    justify-content: flex-start;
}
@media (max-width:1024px) {
    .phone-input-with-action {
        align-items: stretch;
        flex-direction: column;
    }
    .compact-paste-button {
        width: 100%;
        min-width: 0;
    }
}
@media (max-width: 640px) {
    .online-account-table {
        min-width: 760px;
    }
    .online-account-table th:nth-child(1),
    .online-account-table td:nth-child(1),
    .online-account-table th:nth-child(2),
    .online-account-table td:nth-child(2),
    .online-account-table th:nth-child(3),
    .online-account-table td:nth-child(3),
    .online-account-table th:nth-child(4),
    .online-account-table td:nth-child(4),
    .online-account-table th:nth-child(5),
    .online-account-table td:nth-child(5) {
        display: table-cell;
    }
}

.created-credentials-grid-compact,
.created-detail-grid-compact {
    grid-template-columns: repeat(2, minmax(0, 1fr));
    gap: 10px;
}
.created-detail-grid-compact .created-result-wide {
    grid-column: 1 / -1;
}
.created-detail-grid-compact article,
.created-credentials-grid-compact article {
    min-height: 64px;
}
.created-result .created-delivery-link-hidden strong {
    font-size: 13px;
    color: #a9bddb;
}
.created-uuid-card strong {
    font-size: 14px;
}
.server-host-stack {
    display: flex;
    flex-direction: column;
    gap: 4px;
}
.server-host-stack small {
    color: var(--muted);
    font-size: 11px;
}
.server-modal-premium {
    display: grid;
    gap: 16px;
}
.server-modal-intro {
    display: flex;
    align-items: flex-start;
    justify-content: space-between;
    gap: 16px;
    padding: 18px;
    border-radius: 18px;
    border: 1px solid rgba(92, 132, 210, .18);
    background: linear-gradient(180deg, rgba(14,34,64,.72), rgba(7,18,34,.9));
}
.server-modal-intro.compact { padding: 16px 18px; }
.server-modal-intro h3 {
    margin: 4px 0 6px;
    font-size: 22px;
}
.server-modal-intro p:last-child {
    margin: 0;
    color: var(--muted);
}
.server-modal-status-stack {
    min-width: 220px;
    display: grid;
    gap: 7px;
    padding: 12px 14px;
    border-radius: 16px;
    border: 1px solid rgba(120,146,188,.15);
    background: rgba(4,12,24,.55);
}
.server-modal-status-stack small {
    color: var(--muted);
    font-size: 12px;
}
.server-modal-operations-compact {
    display: flex;
    flex-wrap: wrap;
    gap: 10px;
}
.server-modal-operations-compact .button {
    min-width: 170px;
}
.server-process-note {
    margin: 8px 0 0;
    color: var(--muted);
    font-size: 12px;
}
@media (max-width:1024px) {
    .created-credentials-grid-compact,
    .created-detail-grid-compact {
        grid-template-columns: 1fr 1fr;
    }
    .server-modal-intro {
        flex-direction: column;
    }
    .server-modal-status-stack {
        min-width: 0;
        width: 100%;
    }
}
@media (max-width: 640px) {
    .created-credentials-grid-compact,
    .created-detail-grid-compact {
        grid-template-columns: 1fr;
    }
    .server-modal-operations-compact .button {
        width: 100%;
        min-width: 0;
    }
}

.created-result [data-copy-payload] { display: none !important; }
.ui-modal .created-credentials-grid-compact,
.ui-modal .created-detail-grid-compact,
.created-credentials-grid-compact,
.created-detail-grid-compact {
    grid-template-columns: repeat(2, minmax(0, 1fr));
    gap: 8px;
}
.ui-modal .created-credential-primary,
.ui-modal .created-detail-grid-compact article,
.created-credential-primary,
.created-detail-grid-compact article {
    min-height: 58px;
    padding: 11px 12px;
}
.ui-modal .created-credential-primary strong,
.created-credential-primary strong {
    font-size: 14px;
    line-height: 1.35;
    letter-spacing: 0;
}
.ui-modal .created-result-content strong,
.created-result-content strong {
    font-size: 14px;
    line-height: 1.35;
}
.ui-modal .created-result-content span,
.created-result-content span {
    font-size: 10px;
}
.created-detail-grid-compact .created-uuid-card {
    grid-column: 1 / -1;
}
@media (max-width: 640px) {
    .ui-modal .created-credentials-grid-compact,
    .ui-modal .created-detail-grid-compact,
    .created-credentials-grid-compact,
    .created-detail-grid-compact {
        grid-template-columns: repeat(2, minmax(0, 1fr));
    }
    .ui-modal .professional-created-result {
        padding: 12px;
    }
    .ui-modal .created-result-head {
        gap: 10px;
    }
    .ui-modal .created-result-head .button {
        width: 100%;
    }
}

.app-theme-upload-panel{max-width:920px;margin:0 auto;padding:20px}
.app-theme-upload-form{margin-top:16px}
.app-theme-upload-form .form-actions{padding-top:2px}
.app-theme-carousel{max-width:920px;margin:0 auto}
.app-theme-selector{min-width:100%;justify-content:center}
.app-theme-card-title{display:block;text-align:center}
.app-theme-card-title h3{width:100%;font-size:17px;text-align:center}
.app-theme-preview-image{display:block;width:100%;height:100%;border:0;border-radius:18px;background:#050811;object-fit:cover;object-position:top center}
.app-theme-phone-editor .app-theme-preview-image{border-radius:22px}
@media(max-width:680px){.app-theme-upload-panel{padding:15px}.app-theme-upload-form .form-grid{grid-template-columns:1fr}.app-theme-carousel{max-width:100%}.app-theme-selector{justify-content:center}.app-theme-card-title h3{font-size:16px}.app-theme-preview-image{border-radius:16px}}

.app-theme-page-actions{width:100%;display:flex;align-items:center;justify-content:center;gap:12px;margin:0 auto 20px}
.app-theme-page-actions .button{min-width:154px}
.theme-management-modal{width:100%}
.theme-modal-description{margin:0 0 18px;color:var(--text-muted,#8fa7c7);line-height:1.55}
.theme-modal-grid{gap:16px}
.theme-modal-actions{margin-top:18px;padding-top:18px;border-top:1px solid rgba(129,160,205,.16)}
.theme-modal-actions .button{min-width:210px}
.ui-modal.modal-variant-theme-form{width:min(780px,calc(100vw - 32px))}
.ui-modal.modal-variant-theme-edit{width:min(500px,calc(100vw - 32px))}
.theme-edit-modal select{width:100%}
@media(max-width:680px){.app-theme-page-actions{gap:10px;margin-bottom:16px}.app-theme-page-actions .button{min-width:0;flex:1}.theme-modal-grid{grid-template-columns:1fr}.theme-modal-actions .button{width:100%;min-width:0}.ui-modal.modal-variant-theme-form,.ui-modal.modal-variant-theme-edit{width:calc(100vw - 24px)}}
.theme-edit-fields{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:14px;margin:2px 0 0;padding:0;border:0}
.theme-edit-fields[hidden]{display:none}
.theme-edit-fields label:nth-child(3),.theme-edit-fields label:nth-child(5){grid-column:1/-1}
@media(max-width:680px){.theme-edit-fields{grid-template-columns:1fr}.theme-edit-fields label:nth-child(3),.theme-edit-fields label:nth-child(5){grid-column:auto}}

.role-permissions-page{display:grid;gap:16px}.role-permissions-intro{display:grid;gap:16px}.role-permission-notice{display:flex;align-items:flex-start;gap:12px;padding:14px 16px;border:1px solid rgba(79,134,255,.2);border-radius:14px;background:linear-gradient(135deg,rgba(62,105,207,.12),rgba(8,19,34,.58))}.role-permission-notice strong{white-space:nowrap}.role-permission-notice span{color:var(--muted);font-size:12px;line-height:1.55}.role-permission-list{display:grid;gap:14px}.role-permission-card{padding:0;overflow:hidden}.role-permission-card>summary{display:grid;grid-template-columns:auto minmax(0,1fr) auto auto;align-items:center;gap:14px;padding:17px 18px;cursor:pointer;list-style:none}.role-permission-card>summary::-webkit-details-marker{display:none}.role-permission-card[open]>summary{border-bottom:1px solid var(--line);background:rgba(16,31,52,.5)}.role-permission-avatar{display:grid;place-items:center;width:42px;height:42px;border:1px solid rgba(86,126,255,.32);border-radius:13px;background:linear-gradient(145deg,rgba(76,108,226,.22),rgba(19,38,69,.72));color:#aebeff;font-size:15px;font-weight:900}.role-permission-summary-copy{display:grid;gap:4px;min-width:0}.role-permission-summary-copy strong{font-size:15px}.role-permission-summary-copy small{color:var(--muted);font-size:11.5px;line-height:1.45}.role-permission-summary-meta{display:grid;justify-items:end;gap:1px}.role-permission-summary-meta b{font-size:15px}.role-permission-summary-meta small{color:var(--muted);font-size:10px}.role-permission-chevron{color:var(--muted);font-size:22px;transition:transform .18s ease}.role-permission-card[open] .role-permission-chevron{transform:rotate(180deg)}.role-permission-form{display:grid;gap:17px;padding:18px}.role-permission-group{display:grid;gap:10px}.role-permission-group-head{display:flex;align-items:center;gap:10px}.role-permission-group-head span{color:#9bb0cf;font-size:10px;font-weight:900;letter-spacing:.1em;text-transform:uppercase}.role-permission-grid{grid-template-columns:repeat(3,minmax(0,1fr))}.role-permission-grid .permission-option{min-height:66px;align-items:center}.role-permission-grid .permission-option input{margin-top:0}.role-permission-grid .permission-access-master{background:linear-gradient(135deg,rgba(52,94,199,.14),rgba(8,19,34,.58))}.role-permission-sync{margin-top:2px}.role-permission-form .form-actions{padding-top:2px}.role-permission-form .form-actions .button{min-width:220px}
@media(max-width:1050px){.role-permission-grid{grid-template-columns:repeat(2,minmax(0,1fr))}}
@media(max-width:700px){.role-permission-notice{display:grid}.role-permission-card>summary{grid-template-columns:auto minmax(0,1fr) auto;padding:14px}.role-permission-summary-meta{display:none}.role-permission-summary-copy small{font-size:10.5px}.role-permission-form{padding:14px}.role-permission-grid{grid-template-columns:1fr}.role-permission-form .form-actions .button{width:100%;min-width:0}}

.settings-tabs-shell{display:grid;grid-template-columns:auto minmax(0,1fr) auto;align-items:center;gap:10px;margin-bottom:22px}
.settings-tabs-shell .settings-tabs{margin-bottom:0;min-width:0}
.settings-tabs-arrow{width:42px;height:42px;display:grid;place-items:center;flex:0 0 auto;border:1px solid rgba(91,122,231,.22);border-radius:14px;background:rgba(13,24,40,.82);color:#dfe7f5;font-size:26px;line-height:1;cursor:pointer;transition:transform .18s ease,opacity .18s ease,background .18s ease,border-color .18s ease;box-shadow:0 10px 24px rgba(5,10,20,.18)}
.settings-tabs-arrow:hover{background:rgba(91,122,231,.12);border-color:rgba(111,139,255,.35);transform:translateY(-1px)}
.settings-tabs-arrow:disabled{opacity:.35;cursor:not-allowed;transform:none}
@media (max-width:1024px){
  .settings-tabs-shell{gap:8px}
  .settings-tabs-arrow{width:38px;height:38px;font-size:23px;border-radius:12px}
}
@media (max-width: 640px){
  .settings-tabs-shell{gap:6px}
  .settings-tabs-arrow{width:34px;height:34px;font-size:20px;border-radius:10px}
  .settings-tabs-shell .settings-tabs{margin-inline:0}
}

.customer-panel-page{max-width:1180px;margin:0 auto}
.customer-hero-card{display:grid;gap:22px;padding:22px;background:radial-gradient(circle at 92% 0%,rgba(91,122,231,.16),transparent 34%),rgba(13,24,40,.88)}
.customer-hero-identity{display:flex;align-items:center;gap:16px}
.customer-avatar{width:62px;height:62px;display:grid;place-items:center;flex:0 0 auto;border:1px solid rgba(111,139,255,.35);border-radius:19px;background:linear-gradient(145deg,rgba(91,122,231,.28),rgba(24,52,96,.4));color:#fff;font-size:24px;font-weight:850;box-shadow:0 14px 30px rgba(5,10,20,.24)}
.customer-hero-identity h2{margin:3px 0 4px;font-size:25px}
.customer-hero-identity>div>span{color:var(--muted);font-size:13px}
.customer-hero-stats{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:10px}
.customer-hero-stats article{min-width:0;padding:15px;display:grid;gap:5px;border:1px solid var(--line);border-radius:14px;background:rgba(7,17,30,.58)}
.customer-hero-stats small{color:#7185a5;font-size:10px;font-weight:800;letter-spacing:.08em;text-transform:uppercase}
.customer-hero-stats strong{overflow-wrap:anywhere;font-size:16px}
.customer-hero-stats span{color:var(--muted);font-size:11px}
.customer-service-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:16px}
.customer-service-card{display:flex;flex-direction:column;gap:16px;padding:20px}
.customer-service-card .card-heading{margin-bottom:0}
.customer-service-card .card-heading p:not(.eyebrow){margin:6px 0 0;color:var(--muted);font-size:12px;line-height:1.55}
.customer-renewal-card{gap:18px}
.customer-plan-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:12px}
.customer-plan-card{padding:16px;display:grid;gap:14px;border:1px solid var(--line);border-radius:15px;background:rgba(7,17,30,.58)}
.customer-plan-card>div{display:grid;gap:4px}
.customer-plan-card>div>span{color:#7890bb;font-size:9px;font-weight:850;letter-spacing:.1em;text-transform:uppercase}
.customer-plan-card>div>strong{font-size:15px}
.customer-plan-card>div>small{color:var(--muted)}
.customer-plan-card>b{font-size:21px}
.customer-plan-card form,.customer-plan-card .button{width:100%}
.customer-limit-list{display:grid;gap:10px}
.customer-limit-row{padding:13px;display:flex;align-items:center;justify-content:space-between;gap:14px;border:1px solid var(--line);border-radius:13px;background:rgba(7,17,30,.52)}
.customer-limit-row>div{display:grid;gap:4px}
.customer-limit-row>div:last-child{justify-items:end}
.customer-limit-row small{color:var(--muted)}
.customer-limit-row form{margin-top:4px}
.customer-device-action{padding:15px;display:flex;align-items:center;gap:13px;border:1px solid var(--line);border-radius:14px;background:rgba(7,17,30,.55)}
.customer-device-action>span{width:48px;height:48px;display:grid;place-items:center;flex:0 0 auto;border-radius:14px;background:rgba(91,122,231,.16);color:#aebfff;font-size:20px;font-weight:850}
.customer-device-action>div{display:grid;gap:4px}
.customer-device-action small{color:var(--muted);line-height:1.45}
.customer-orders-card{padding:20px}
.customer-service-card>.form-stack{margin-top:auto}
.customer-service-card>form>.button:last-child,.customer-service-card>form.button{width:100%}
@media(max-width:1024px){.customer-hero-stats{grid-template-columns:repeat(2,minmax(0,1fr))}.customer-plan-grid{grid-template-columns:repeat(2,minmax(0,1fr))}}
@media(max-width:1024px){.customer-panel-page{max-width:none}.customer-service-grid,.customer-plan-grid{grid-template-columns:1fr}.customer-hero-card,.customer-service-card,.customer-orders-card{padding:16px}.customer-hero-stats{grid-template-columns:repeat(2,minmax(0,1fr));gap:8px}.customer-hero-stats article{padding:12px}.customer-hero-identity h2{font-size:21px}.customer-avatar{width:54px;height:54px;border-radius:16px}.customer-limit-row{align-items:flex-start}.customer-limit-row>div:last-child{justify-items:end}}
@media(max-width:420px){.customer-hero-stats{grid-template-columns:1fr 1fr}.customer-hero-stats strong{font-size:14px}.customer-limit-row{display:grid;grid-template-columns:minmax(0,1fr) auto}}

.role-permissions-page{gap:14px}
.role-permission-list{gap:12px}
.role-permission-card{border-radius:18px;background:linear-gradient(180deg,rgba(10,21,37,.94),rgba(7,16,29,.98));box-shadow:0 18px 34px rgba(3,8,18,.18)}
.role-permission-card>summary{gap:12px;padding:15px 16px}
.role-permission-card[open]>summary{background:linear-gradient(180deg,rgba(17,31,52,.72),rgba(11,22,37,.68))}
.role-permission-avatar{width:38px;height:38px;border-radius:12px;font-size:14px}
.role-permission-summary-copy{gap:2px}
.role-permission-summary-copy strong{font-size:14px}
.role-permission-summary-copy small{font-size:11px}
.role-permission-summary-meta b{font-size:14px}
.role-permission-form{gap:14px;padding:16px}
.role-permission-group{gap:8px}
.role-permission-group-head span{font-size:9.5px;letter-spacing:.13em}
.role-permission-grid{grid-template-columns:repeat(4,minmax(0,1fr));gap:9px}
.role-permission-grid .permission-option{display:grid;grid-template-columns:20px minmax(0,1fr);align-items:center;gap:10px;min-height:58px;padding:10px 11px;border-radius:14px;border-color:rgba(79,104,165,.22);background:linear-gradient(180deg,rgba(9,19,34,.88),rgba(7,16,29,.98));box-shadow:inset 0 1px 0 rgba(255,255,255,.02);transition:border-color .18s ease,transform .18s ease,background .18s ease,box-shadow .18s ease}
.role-permission-grid .permission-option:hover{border-color:rgba(93,127,240,.34);transform:translateY(-1px);box-shadow:0 10px 20px rgba(3,8,18,.14)}
.role-permission-grid .permission-option input{width:16px;height:16px;margin:0;accent-color:#6b8eff}
.role-permission-grid .permission-option span{gap:2px;min-width:0}
.role-permission-grid .permission-option strong{font-size:13px;font-weight:700;line-height:1.3}
.role-permission-grid .permission-option small{font-size:10px;line-height:1.25;word-break:break-word}
.role-permission-grid .permission-option:has(input:checked){border-color:rgba(93,127,240,.4);background:linear-gradient(180deg,rgba(22,40,71,.96),rgba(9,19,34,.98));box-shadow:0 12px 22px rgba(33,57,110,.18)}
.role-permission-grid .permission-access-master{border-color:rgba(73,130,255,.32);background:linear-gradient(180deg,rgba(29,53,96,.88),rgba(8,19,34,.96))}
.role-permission-sync{padding:11px 13px;border:1px solid rgba(79,104,165,.18);border-radius:14px;background:rgba(8,18,31,.55)}
@media(max-width:1250px){.role-permission-grid{grid-template-columns:repeat(3,minmax(0,1fr))}}
@media(max-width:1024px){.role-permission-grid{grid-template-columns:repeat(2,minmax(0,1fr))}}
@media(max-width:700px){.role-permission-card>summary{padding:13px 14px}.role-permission-avatar{width:34px;height:34px;border-radius:11px;font-size:13px}.role-permission-form{padding:14px}.role-permission-grid{grid-template-columns:1fr;gap:8px}.role-permission-grid .permission-option{min-height:54px;padding:10px}.role-permission-grid .permission-option strong{font-size:12.5px}.role-permission-grid .permission-option small{font-size:9.8px}}

.settings-tabs-shell .settings-tabs{display:flex!important;flex-wrap:nowrap!important;grid-template-columns:none!important;grid-auto-flow:unset!important;grid-auto-columns:unset!important;white-space:nowrap!important;overflow-x:auto!important;overflow-y:hidden!important}
.settings-tabs-shell .settings-tabs .settings-tab{flex:0 0 max-content!important;white-space:nowrap!important}
@media (max-width:1024px){.settings-tabs:not(.superadmin-tabs),.superadmin-tabs{grid-template-columns:none!important}.settings-tabs-shell .settings-tabs{display:flex!important;flex-wrap:nowrap!important}}
.customer-renewal-card .card-heading{display:flex;align-items:flex-start;justify-content:space-between;gap:12px}
.customer-inline-badge{display:inline-flex;align-items:center;justify-content:center;min-height:36px;padding:0 14px;border-radius:999px;border:1px solid rgba(74,112,163,.24);font-size:12px;font-weight:800;white-space:nowrap}
.customer-inline-badge.is-success{color:#9bf3d0;background:rgba(33,104,76,.34);border-color:rgba(92,221,162,.24)}
.customer-inline-badge.is-muted{color:#9fb2c6;background:rgba(82,98,119,.18);border-color:rgba(103,128,159,.18)}
.customer-renewal-widget{display:grid;gap:14px}
.customer-renewal-options{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:12px}
.customer-renewal-option{min-height:112px;padding:14px 12px;display:grid;place-items:center;gap:6px;border:1px solid rgba(91,122,231,.22);border-radius:20px;background:linear-gradient(180deg,rgba(17,31,54,.86),rgba(10,20,35,.95));color:#dbe8f6;cursor:pointer;transition:transform .18s ease,border-color .18s ease,box-shadow .18s ease,background .18s ease}
.customer-renewal-option:hover{transform:translateY(-1px);border-color:rgba(111,139,255,.38);box-shadow:0 14px 30px rgba(5,10,20,.16)}
.customer-renewal-option strong{font-size:22px;line-height:1;font-weight:900}
.customer-renewal-option span{font-size:11px;font-weight:900;letter-spacing:.06em;text-transform:uppercase}
.customer-renewal-option.is-active{border-color:rgba(105,160,255,.52);background:linear-gradient(180deg,rgba(29,54,98,.92),rgba(15,36,73,.98));box-shadow:0 18px 34px rgba(42,76,148,.22)}
.customer-renewal-total-card,.customer-renewal-validity-card{padding:16px 18px;border:1px solid rgba(78,102,142,.2);border-radius:22px;background:linear-gradient(180deg,rgba(13,24,40,.92),rgba(9,18,31,.98))}
.customer-renewal-total-card{display:flex;align-items:center;justify-content:space-between;gap:12px}
.customer-renewal-total-card span{font-size:13px;font-weight:900;letter-spacing:.05em;text-transform:uppercase;color:#d2ddec}
.customer-renewal-total-card strong{font-size:24px;line-height:1.1}
.customer-renewal-validity-card{display:grid;grid-template-columns:minmax(0,1fr) auto minmax(0,1fr);align-items:center;gap:12px}
.customer-renewal-validity-card article{display:grid;gap:8px;justify-items:center;text-align:center}
.customer-renewal-validity-card article span{font-size:12px;font-weight:900;letter-spacing:.05em;text-transform:uppercase;color:#c5d3e2}
.customer-renewal-validity-card article strong{font-size:18px}
.customer-renewal-validity-card i{width:42px;height:42px;display:grid;place-items:center;border-radius:999px;background:rgba(255,255,255,.06);color:#cfe0f3;font-style:normal;font-size:19px}
.customer-renew-submit{min-height:62px;border-radius:18px;font-size:17px}
@media(max-width:1024px){.customer-renewal-card .card-heading{flex-direction:column}.customer-inline-badge{align-self:flex-start}.customer-renewal-options{grid-template-columns:repeat(3,minmax(0,1fr));gap:10px}.customer-renewal-option{min-height:96px;padding:12px 8px;border-radius:18px}.customer-renewal-option strong{font-size:19px}.customer-renewal-option span{font-size:10px}.customer-renewal-total-card,.customer-renewal-validity-card{padding:14px 15px;border-radius:18px}.customer-renewal-total-card strong{font-size:21px}.customer-renewal-validity-card{grid-template-columns:1fr auto 1fr;gap:8px}.customer-renewal-validity-card article strong{font-size:16px}.customer-renewal-validity-card i{width:36px;height:36px;font-size:17px}.customer-renew-submit{min-height:56px;font-size:16px}}
@media(max-width:480px){.customer-renewal-options{grid-template-columns:repeat(3,minmax(0,1fr));gap:8px}.customer-renewal-option{min-height:86px;padding:10px 6px}.customer-renewal-option strong{font-size:18px}.customer-renewal-option span{font-size:9.5px}.customer-renewal-total-card span,.customer-renewal-validity-card article span{font-size:10px}.customer-renewal-total-card strong{font-size:18px}.customer-renewal-validity-card article strong{font-size:14px}}

.pushinpay-disclaimer{margin:0;padding:11px 13px;border:1px solid rgba(91,122,231,.2);border-radius:14px;background:rgba(19,36,64,.48);color:var(--muted);font-size:10.5px;line-height:1.5}

.sidebar button.nav-link{font:inherit;cursor:pointer}
.customer-dashboard-only{gap:18px}
.customer-dashboard-only .customer-orders-card{margin:0}
.customer-modal-wrapper{width:100%}
.customer-modal-content{display:grid;gap:16px;width:100%}
.customer-modal-content>.card-heading{display:flex;align-items:flex-start;justify-content:space-between;gap:14px;margin:0;padding-bottom:2px}
.customer-modal-content>.card-heading h3{margin:2px 0 0;font-size:20px}
.customer-modal-content>.card-heading p:not(.eyebrow){margin:6px 0 0;color:var(--muted);font-size:12px;line-height:1.55}
.customer-modal-content .form-stack{gap:13px}
.customer-modal-content .form-stack>.button,.customer-modal-content>form>.button{width:100%;min-height:48px}
.customer-modal-content .customer-limit-list{max-height:min(52vh,480px);overflow:auto;padding-right:3px}
.customer-modal-content .customer-limit-row{background:linear-gradient(180deg,rgba(11,23,40,.92),rgba(7,16,29,.98))}
.customer-modal-content .customer-device-action{background:linear-gradient(180deg,rgba(11,23,40,.92),rgba(7,16,29,.98))}
.ui-modal.modal-variant-customer-action{width:min(540px,calc(100vw - 32px))}
.ui-modal.modal-variant-customer-action.is-wide{width:min(680px,calc(100vw - 40px))}
.ui-modal.modal-variant-customer-action .ui-modal-body{padding:16px 18px 20px}
.customer-renewal-modal-content>.card-heading{display:flex;align-items:flex-start;justify-content:space-between;gap:12px}
@media(max-width:1024px){
  .customer-dashboard-only{gap:14px}
  .customer-modal-content>.card-heading,.customer-renewal-modal-content>.card-heading{display:grid;gap:10px}
  .customer-modal-content>.card-heading h3{font-size:18px}
  .ui-modal.modal-variant-customer-action,.ui-modal.modal-variant-customer-action.is-wide{width:calc(100vw - 24px)}
  .ui-modal.modal-variant-customer-action .ui-modal-body{padding:14px}
  .customer-modal-content .phone-input-grid{grid-template-columns:minmax(54px,.65fr) minmax(58px,.72fr) minmax(0,2fr)}
}

.app-page .topbar{position:sticky!important;top:0;z-index:90}
.customer-hero-head{display:flex;align-items:center;justify-content:space-between;gap:16px}
.customer-hero-renew-button{min-width:148px;min-height:46px;padding-inline:22px;border-radius:15px;white-space:nowrap}
.customer-hero-stats article:last-child span{font-size:11px}
.sidebar .nav-tree .nav-divider{display:block}
.ui-modal.modal-variant-customer-action,.ui-modal.modal-variant-customer-action.is-wide{margin-inline:auto}
.ui-modal.modal-variant-customer-action .ui-modal-body{overflow-x:hidden}
.customer-modal-content,.customer-modal-content>*{max-width:100%}
@media(max-width:1024px){
  .customer-hero-head{align-items:flex-start;gap:12px}
  .customer-hero-renew-button{min-width:122px;min-height:42px;padding-inline:18px}
  .ui-modal.modal-variant-customer-action,.ui-modal.modal-variant-customer-action.is-wide{width:min(520px,calc(100vw - 26px));margin-inline:auto}
}
@media(max-width:560px){
  .customer-hero-head{display:grid;grid-template-columns:minmax(0,1fr) auto;align-items:center}
  .customer-hero-identity{min-width:0}
  .customer-hero-identity h2{margin:3px 0 0}
  .customer-hero-renew-button{justify-self:end;min-width:112px;min-height:40px;padding-inline:16px;font-size:14px}
}
@media(max-width:420px){
  .customer-hero-head{grid-template-columns:minmax(0,1fr) auto;gap:10px}
  .customer-hero-renew-button{min-width:104px;padding-inline:14px}
  .ui-modal.modal-variant-customer-action,.ui-modal.modal-variant-customer-action.is-wide{width:calc(100vw - 22px)}
}

.customer-renewal-modal-content{gap:12px}
.customer-renewal-widget{gap:12px}
.customer-renewal-options{gap:10px}
.customer-renewal-option{min-height:94px;padding:12px 10px;border-radius:18px;background:linear-gradient(180deg,rgba(15,28,49,.96),rgba(9,19,34,.98));box-shadow:inset 0 1px 0 rgba(255,255,255,.03)}
.customer-renewal-option strong{font-size:20px}
.customer-renewal-option span{font-size:10.5px}
.customer-renewal-total-card,.customer-renewal-validity-card{padding:13px 16px;border-radius:18px;background:linear-gradient(180deg,rgba(11,22,38,.95),rgba(7,16,29,.99));box-shadow:inset 0 1px 0 rgba(255,255,255,.03)}
.customer-renewal-total-card strong{font-size:20px}
.customer-renewal-validity-card article{gap:6px}
.customer-renewal-validity-card article strong{font-size:17px}
.customer-renewal-validity-card i{width:38px;height:38px;font-size:17px;background:rgba(255,255,255,.05)}
.customer-renew-submit{min-height:54px;border-radius:16px;font-size:16px}
.customer-modal-content .alert.compact{margin:0}
.customer-limit-row small{line-height:1.45}
@media(max-width:1024px){
  .customer-renewal-option{min-height:88px;padding:11px 8px}
  .customer-renewal-option strong{font-size:18px}
  .customer-renewal-total-card,.customer-renewal-validity-card{padding:12px 14px;border-radius:16px}
  .customer-renewal-total-card strong{font-size:18px}
  .customer-renewal-validity-card article strong{font-size:15px}
  .customer-renew-submit{min-height:52px;font-size:15px}
}

body.app-role-customer .ui-modal-layer:not([hidden]){
  position:fixed!important;
  inset:0!important;
  width:100%!important;
  max-width:none!important;
  min-width:0!important;
  display:flex!important;
  align-items:center!important;
  justify-content:center!important;
  padding:12px!important;
  box-sizing:border-box!important;
  overflow:hidden!important;
}
body.app-role-customer .ui-modal-layer[hidden]{display:none!important}
body.app-role-customer .ui-modal.modal-variant-customer-action,
body.app-role-customer .ui-modal.modal-variant-customer-action.is-wide{
  position:relative!important;
  left:auto!important;
  right:auto!important;
  width:min(680px,100%)!important;
  max-width:100%!important;
  margin:0!important;
  transform:none!important;
  box-sizing:border-box!important;
}
@media(max-width:1024px){
  body.app-role-customer .ui-modal-layer:not([hidden]){
    padding:max(10px,env(safe-area-inset-top)) max(10px,env(safe-area-inset-right)) max(10px,env(safe-area-inset-bottom)) max(10px,env(safe-area-inset-left))!important;
  }
  body.app-role-customer .ui-modal.modal-variant-customer-action,
  body.app-role-customer .ui-modal.modal-variant-customer-action.is-wide{
    width:100%!important;
    max-width:520px!important;
    margin-inline:auto!important;
  }
}

[data-expiry-countdown]{font-variant-numeric:tabular-nums;white-space:nowrap}
[data-expiry-countdown].is-expired{color:#ff8f8f}

.server-auto-sync-note{display:flex;align-items:flex-start;gap:11px;padding:13px 14px;border:1px solid rgba(74,211,156,.16);border-radius:14px;background:linear-gradient(180deg,rgba(24,69,58,.24),rgba(8,25,25,.28))}
.server-auto-sync-note .server-state-dot{flex:0 0 auto;margin-top:5px}
.server-auto-sync-note>div{display:grid;gap:4px;min-width:0}
.server-auto-sync-note strong{font-size:13px;color:#d9f4e8}
.server-auto-sync-note small{font-size:11px;line-height:1.5;color:var(--muted)}
@media(max-width:640px){.server-page-actions{align-items:stretch}}

.ui-modal-close[hidden]{display:none!important}
.server-managed-domain input[readonly]{color:#cbd8eb;background:rgba(8,20,36,.7);cursor:default}
.server-managed-domain small{color:#8fa4c2}
.server-modal-actions-manage{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));align-items:stretch;width:100%}
.server-modal-actions-manage .button{width:100%;min-width:0}
.ui-modal.modal-variant-server-result{width:min(470px,calc(100vw - 40px))}
.ui-modal.modal-variant-server-result .ui-modal-header{justify-content:flex-start}
.ui-modal.modal-variant-server-result .ui-modal-actions{justify-content:flex-end}
.server-sync-complete{display:flex;align-items:center;gap:14px;padding:4px 0 2px}
.server-sync-complete-mark{display:grid;place-items:center;flex:0 0 46px;width:46px;height:46px;border-radius:14px;border:1px solid rgba(72,211,156,.28);background:linear-gradient(180deg,rgba(45,168,123,.26),rgba(20,91,70,.3));color:#6ee7b7;font-size:24px;font-weight:900;box-shadow:0 12px 30px rgba(13,92,67,.18)}
.server-sync-complete>div{min-width:0}
.server-sync-complete strong{display:block;margin-bottom:4px;color:#eef8f4;font-size:15px}
.server-sync-complete p{margin:0;color:var(--muted);font-size:12.5px;line-height:1.55}
@media(max-width:680px){.server-modal-actions-manage{grid-template-columns:1fr}.ui-modal.modal-variant-server-result{width:calc(100vw - 28px)}.server-sync-complete{align-items:flex-start}.server-sync-complete-mark{width:42px;height:42px;flex-basis:42px;border-radius:12px}}

.server-domain-builder{display:grid;grid-template-columns:minmax(0,.8fr) minmax(0,1.2fr);gap:10px;align-items:start;width:100%}
.server-domain-builder>label{min-width:0}
.server-domain-builder input,.server-domain-builder select{width:100%;min-width:0}
.server-domain-preview{grid-column:1/-1;display:block;margin-top:-2px;color:#8fa4c2;font-size:11px;line-height:1.45;overflow-wrap:anywhere}
.ui-modal.modal-variant-server .ui-modal-close{display:none!important}
@media(max-width:480px){
  .server-domain-builder{grid-template-columns:minmax(0,.72fr) minmax(0,1.28fr);gap:8px}
  .server-domain-builder input,.server-domain-builder select{padding-inline:10px;font-size:12px}
  .server-domain-preview{font-size:10.5px}
}

.webapp-premium-shell{padding:0!important;overflow:hidden;background:linear-gradient(145deg,rgba(14,30,52,.98),rgba(7,18,32,.98))}
.webapp-premium-hero{display:flex;align-items:center;justify-content:space-between;gap:24px;padding:24px 26px;border-bottom:1px solid rgba(141,181,217,.14);background:radial-gradient(circle at 85% 0,rgba(80,116,242,.18),transparent 42%)}
.webapp-premium-hero-copy{max-width:760px}.webapp-premium-badge{display:inline-flex;padding:6px 9px;border:1px solid rgba(92,128,255,.24);border-radius:999px;background:rgba(75,111,235,.1);color:#a7b7ff;font-size:10px;font-weight:900;letter-spacing:.11em;text-transform:uppercase}
.webapp-premium-hero h2{margin:9px 0 6px;font-size:29px;letter-spacing:-.04em}.webapp-premium-hero p{margin:0;color:var(--muted);line-height:1.55}
.webapp-premium-icon{width:78px;height:78px;flex:0 0 auto;padding:5px;border:1px solid rgba(112,144,255,.28);border-radius:22px;background:rgba(255,255,255,.035);box-shadow:0 18px 42px rgba(0,0,0,.25)}.webapp-premium-icon img{width:100%;height:100%;border-radius:17px;object-fit:cover}
.webapp-premium-layout{display:grid;grid-template-columns:minmax(0,1fr) 330px;gap:22px;padding:24px}.webapp-premium-form{display:grid;gap:16px;min-width:0}.webapp-premium-section{display:grid;gap:15px;padding:18px;border:1px solid rgba(141,181,217,.14);border-radius:18px;background:rgba(8,20,35,.68)}
.webapp-premium-section-head{display:flex;align-items:flex-start;gap:12px}.webapp-premium-section-head>span{display:grid;place-items:center;width:38px;height:38px;flex:0 0 auto;border:1px solid rgba(77,206,192,.25);border-radius:12px;background:rgba(46,191,178,.1);color:#69e1d6;font-size:11px;font-weight:900}.webapp-premium-section-head h3{margin:1px 0 4px;font-size:18px}.webapp-premium-section-head p{margin:0;color:var(--muted);font-size:12px}
.webapp-premium-fields{display:grid;grid-template-columns:minmax(0,.75fr) minmax(0,1.25fr);gap:13px}.webapp-premium-fields label,.webapp-premium-icon-field{display:grid;gap:7px;color:#cbd5e4;font-size:12px;font-weight:800}.webapp-premium-fields input,.webapp-premium-icon-field input{width:100%;min-width:0;min-height:46px}.webapp-detected-button{grid-column:2;justify-self:start;margin-top:-4px}.webapp-remove-icon{margin:0}.webapp-premium-actions{justify-content:flex-start;padding-top:0;border:0}.webapp-premium-actions .button{min-width:190px}
.webapp-premium-preview{display:grid;align-content:start;gap:15px;position:sticky;top:18px}.webapp-phone-preview{min-height:350px;display:grid;justify-items:center;align-content:center;gap:8px;padding:24px 20px;border:1px solid rgba(123,151,255,.23);border-radius:27px;background:linear-gradient(160deg,#0d1b30,#081321);box-shadow:0 24px 55px rgba(0,0,0,.28)}.webapp-phone-top{position:absolute;display:none}.webapp-phone-preview img{width:88px;height:88px;margin-bottom:8px;border-radius:23px;object-fit:cover;box-shadow:0 18px 38px rgba(0,0,0,.3)}.webapp-phone-preview strong{font-size:20px}.webapp-phone-preview small{color:var(--muted)}.webapp-phone-url{width:100%;margin-top:16px;padding:11px 12px;overflow:hidden;border:1px solid rgba(141,181,217,.13);border-radius:12px;background:rgba(3,10,20,.55);color:#8fa4bf;font:10px ui-monospace,SFMono-Regular,Menlo,monospace;text-align:center;text-overflow:ellipsis;white-space:nowrap}
.webapp-premium-benefits{display:grid;grid-template-columns:1fr;gap:9px}.webapp-premium-benefits article{display:grid;grid-template-columns:auto minmax(0,1fr);gap:2px 10px;padding:12px 13px;border:1px solid rgba(141,181,217,.13);border-radius:14px;background:rgba(8,20,35,.62)}.webapp-premium-benefits article>span{grid-row:1/3;display:grid;place-items:center;min-width:42px;height:34px;border-radius:10px;background:rgba(79,116,238,.12);color:#9cafef;font-size:9px;font-weight:900;text-transform:uppercase}.webapp-premium-benefits strong{font-size:12px}.webapp-premium-benefits small{color:var(--muted);font-size:10px}
.plan-catalog-grid.plan-catalog-six{grid-template-columns:repeat(2,minmax(0,1fr))}.plan-catalog-six .plan-category-card{height:max-content}.settings-general-premium,.security-settings-premium{max-width:980px;margin-inline:auto}
@media(max-width:1024px){.webapp-premium-layout{grid-template-columns:1fr}.webapp-premium-preview{position:static;grid-template-columns:minmax(0,1fr) minmax(0,1fr)}.webapp-phone-preview{min-height:300px}.plan-catalog-grid.plan-catalog-six{grid-template-columns:repeat(2,minmax(0,1fr))}}
@media(max-width:1024px){.webapp-premium-hero{padding:19px 17px;align-items:flex-start}.webapp-premium-hero h2{font-size:24px}.webapp-premium-icon{width:62px;height:62px;border-radius:18px}.webapp-premium-icon img{border-radius:14px}.webapp-premium-layout{padding:14px;gap:14px}.webapp-premium-section{padding:15px;border-radius:15px}.webapp-premium-fields{grid-template-columns:1fr}.webapp-detected-button{grid-column:auto;width:100%;justify-self:stretch}.webapp-premium-actions .button{width:100%;min-width:0}.webapp-premium-preview{grid-template-columns:1fr}.webapp-phone-preview{min-height:280px}.plan-catalog-grid.plan-catalog-six{grid-template-columns:1fr}}
@media(max-width:430px){.webapp-premium-hero-copy p{font-size:12px}.webapp-premium-icon{width:56px;height:56px}.webapp-premium-layout{padding:11px}.webapp-premium-section-head h3{font-size:16px}}

.admin-tenants-card{overflow:hidden}.admin-tenants-heading{align-items:center}.admin-tenants-table-wrap{margin-top:8px}.admin-tenants-table td{vertical-align:middle}.tag-accent{border-color:rgba(87,133,255,.34);background:rgba(62,102,211,.15);color:#afc3ff}.admin-tenant-form{display:grid;gap:14px}.admin-editor-section{padding:15px;border-radius:17px}.admin-cloudflare-grid{display:grid;grid-template-columns:minmax(0,1fr) minmax(260px,.42fr);gap:12px;align-items:end}.admin-system-token-toggle{margin:0;min-height:76px}.money-input{display:grid;grid-template-columns:auto minmax(0,1fr);align-items:center;border:1px solid var(--line);border-radius:12px;background:rgba(4,13,25,.55);overflow:hidden}.money-input:focus-within{border-color:rgba(91,129,255,.6);box-shadow:0 0 0 3px rgba(75,108,224,.12)}.money-input b{padding:0 11px;color:#91a7c8;font-size:12px;border-right:1px solid var(--line)}.money-input input{border:0!important;border-radius:0!important;background:transparent!important;box-shadow:none!important}.admin-permission-groups{display:grid;gap:11px}.admin-permission-group{display:grid;grid-template-columns:150px minmax(0,1fr);gap:11px;padding:11px;border:1px solid rgba(79,104,165,.18);border-radius:15px;background:rgba(7,16,29,.48)}.admin-permission-group-title{display:grid;align-content:center;gap:3px;padding:3px 5px}.admin-permission-group-title strong{font-size:12px}.admin-permission-group-title small{color:var(--muted);font-size:9.5px}.admin-permission-grid{grid-template-columns:repeat(3,minmax(0,1fr));gap:8px}.admin-permission-grid .permission-option{min-height:52px;padding:9px 10px}.admin-permission-grid .permission-option strong{font-size:12px;line-height:1.25}.admin-permission-grid .permission-option small{font-size:9px}.admin-tenant-form .form-actions{position:sticky;bottom:0;z-index:2;padding:11px;border:1px solid rgba(79,104,165,.18);border-radius:15px;background:rgba(7,16,29,.94);backdrop-filter:blur(14px)}
@media(max-width:1100px){.admin-permission-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.admin-cloudflare-grid{grid-template-columns:1fr}}
@media(max-width:1024px){.admin-tenants-heading{align-items:stretch}.admin-tenants-heading .button{width:100%}.admin-tenants-table{min-width:880px}.admin-editor-section{padding:12px}.admin-permission-group{grid-template-columns:1fr;gap:8px;padding:9px}.admin-permission-group-title{display:flex;align-items:center;justify-content:space-between}.admin-permission-grid{grid-template-columns:1fr}.admin-permission-grid .permission-option{min-height:50px}.admin-system-token-toggle{min-height:auto}.admin-tenant-form .form-actions .button{width:100%}}

.permission-option span{min-width:0}.permission-option em{display:block;margin-top:3px;color:#7f98be;font-size:9px;font-style:normal;font-weight:800;line-height:1.3;letter-spacing:.02em}.permission-option:has(input:checked) em{color:#9cb3e9}
.permission-group-toggle{display:inline-flex;align-items:center;gap:7px;flex:0 0 auto;padding:7px 9px;border:1px solid rgba(91,126,225,.24);border-radius:10px;background:rgba(34,57,105,.16);color:#9fb2d4;font-size:9.5px;font-weight:800;cursor:pointer;white-space:nowrap}.permission-group-toggle:hover{border-color:rgba(104,141,245,.38);background:rgba(43,72,132,.23)}.permission-group-toggle input{width:15px;height:15px;margin:0;accent-color:#6b8eff}.permission-group-toggle input:indeterminate{accent-color:#8ea8ff}
.admin-permission-group-title{align-content:start}.admin-permission-group-title>div{display:grid;gap:5px}.admin-permission-group-title>div>small{font-size:9.5px;line-height:1.45}.admin-permission-group-title .permission-group-toggle{margin-top:8px;justify-self:start}.admin-permission-grid .permission-option{display:grid;grid-template-columns:18px minmax(0,1fr);align-items:start}.admin-permission-grid .permission-option input{width:16px;height:16px;margin-top:2px;accent-color:#6b8eff}.admin-permission-grid .permission-option small{font-size:9.4px;line-height:1.4}.admin-permission-grid .permission-option em{font-size:8.8px}.admin-permission-grid .permission-option:has(input:checked){border-color:rgba(93,127,240,.4);background:linear-gradient(180deg,rgba(22,40,71,.92),rgba(9,19,34,.98))}
.role-permission-group-head{justify-content:space-between;align-items:flex-start}.role-permission-group-head>div{display:grid;gap:4px}.role-permission-group-head>div>span{display:block}.role-permission-group-head>div>small{max-width:720px;color:var(--muted);font-size:10px;line-height:1.45}.role-permission-grid .permission-option{align-items:start;min-height:92px}.role-permission-grid .permission-option small{font-size:9.7px;line-height:1.4}.role-permission-grid .permission-option em{font-size:8.8px}
@media(max-width:1024px){.admin-permission-group-title{display:grid;align-items:start;gap:9px}.admin-permission-group-title .permission-group-toggle{margin-top:0}.permission-group-toggle{width:max-content}.role-permission-group-head{display:grid;gap:8px}.role-permission-grid .permission-option{min-height:82px}.admin-permission-grid .permission-option{min-height:78px}}

.role-permission-launch-card{display:flex;justify-content:space-between;gap:16px;padding:14px;border:1px solid rgba(79,104,165,.22);border-radius:16px;background:linear-gradient(135deg,rgba(17,34,59,.82),rgba(7,16,29,.94));box-shadow:inset 0 1px 0 rgba(255,255,255,.025)}
.role-permission-launch-card>div{display:flex;align-items:center;gap:12px;min-width:0}.role-permission-launch-card>div>div{display:grid;gap:3px;min-width:0}.role-permission-launch-card strong{font-size:13.5px}.role-permission-launch-card small{max-width:720px;color:var(--muted);font-size:10.5px;line-height:1.45}.role-permission-launch-card .button{flex:0 0 auto;min-width:190px}.role-permission-launch-card .button span{margin-left:4px;color:#aebeff;font-weight:800}.role-permission-launch-icon{display:grid;place-items:center;flex:0 0 auto;width:38px;height:38px;border:1px solid rgba(94,132,255,.34);border-radius:12px;background:linear-gradient(145deg,rgba(76,108,226,.24),rgba(19,38,69,.78));color:#c0ceff;font-size:15px;font-weight:900}
.role-permission-editor-modal{display:grid;gap:14px}.role-permission-editor-intro{display:flex;align-items:center;gap:12px;padding:13px 14px;border:1px solid rgba(79,104,165,.22);border-radius:15px;background:rgba(8,18,31,.62)}.role-permission-editor-intro>div{display:grid;gap:3px}.role-permission-editor-intro strong{font-size:14px}.role-permission-editor-intro small{color:var(--muted);font-size:10.5px;line-height:1.45}.role-permission-editor-groups{display:grid;gap:13px}.role-permission-editor-modal .role-permission-group{padding:13px;border:1px solid rgba(79,104,165,.18);border-radius:16px;background:linear-gradient(180deg,rgba(10,21,37,.84),rgba(7,16,29,.94))}.role-permission-editor-modal .role-permission-grid{grid-template-columns:repeat(3,minmax(0,1fr))}.role-permission-editor-modal .permission-option{min-height:86px}.role-capability-group{display:grid;gap:10px}.role-permission-editor-actions{position:sticky;bottom:0;z-index:3;display:flex;justify-content:flex-end;gap:10px;padding:12px;border:1px solid rgba(79,104,165,.2);border-radius:15px;background:rgba(7,16,29,.94);backdrop-filter:blur(14px)}.modal-variant-permissions .ui-modal-body{padding-bottom:10px}.reseller-permission-step{overflow:visible}
@media(max-width:1050px){.role-permission-editor-modal .role-permission-grid{grid-template-columns:repeat(2,minmax(0,1fr))}}
@media(max-width:700px){.role-permission-launch-card{display:grid;gap:12px;padding:12px}.role-permission-launch-card .button{width:100%;min-width:0}.role-permission-launch-card small{font-size:10px}.role-permission-editor-intro{align-items:flex-start;padding:12px}.role-permission-editor-modal .role-permission-grid{grid-template-columns:1fr}.role-permission-editor-modal .permission-option{min-height:78px}.role-permission-editor-actions{display:grid;grid-template-columns:1fr;padding:10px}.role-permission-editor-actions .button{width:100%}}

.nav-live-dot{width:9px;height:9px;border-radius:999px;background:#27d17f;box-shadow:0 0 0 4px rgba(39,209,127,.14);margin-left:auto}.whatsapp-settings-hero{display:flex;align-items:center;justify-content:space-between;gap:24px;padding:28px}.whatsapp-settings-hero h2{margin:7px 0 8px;font-size:clamp(1.45rem,2vw,2rem)}.whatsapp-settings-hero p{max-width:760px;margin:0;color:var(--muted,#91a2ba);line-height:1.65}.whatsapp-status-stack{display:grid;justify-items:end;gap:8px;text-align:right}.whatsapp-status-stack small{color:var(--muted,#91a2ba)}.whatsapp-status-pill{display:inline-flex;align-items:center;gap:9px;padding:9px 13px;border:1px solid rgba(148,163,184,.18);border-radius:999px;background:rgba(148,163,184,.08);font-weight:800;white-space:nowrap}.whatsapp-status-pill i{width:9px;height:9px;border-radius:50%;background:#718198}.whatsapp-status-pill.is-online{color:#73eab1;border-color:rgba(39,209,127,.28);background:rgba(39,209,127,.1)}.whatsapp-status-pill.is-online i{background:#27d17f;box-shadow:0 0 0 4px rgba(39,209,127,.14)}.whatsapp-settings-form{display:grid;gap:18px}.whatsapp-settings-card{padding:24px}.whatsapp-settings-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:16px}.whatsapp-settings-grid .field-wide,.whatsapp-own-connection{grid-column:1/-1}.whatsapp-own-connection{padding:17px;border:1px solid rgba(148,163,184,.14);border-radius:16px;background:rgba(5,13,25,.24)}.whatsapp-own-connection.is-disabled{opacity:.48;pointer-events:none}.whatsapp-connection-actions{align-items:center;gap:12px;margin-top:18px;min-height:40px}.whatsapp-connection-actions span{font-size:.9rem;color:var(--muted,#91a2ba)}.whatsapp-connection-actions span.is-success{color:#73eab1}.whatsapp-connection-actions span.is-error{color:#ff9b9b}.whatsapp-copy-grid{display:grid;grid-template-columns:1fr 1fr;gap:16px}.copy-input{display:flex;gap:8px}.copy-input input{min-width:0;flex:1}.whatsapp-webhook-note{margin-top:16px;padding:13px 15px;border:1px solid rgba(80,145,255,.22);border-radius:13px;background:rgba(64,122,255,.08);color:var(--muted,#a7b6ca);line-height:1.55}.whatsapp-webhook-note code{color:#dce8ff}.whatsapp-weekdays{display:flex;flex-wrap:wrap;gap:8px;margin:0;padding:0;border:0}.whatsapp-weekdays legend{width:100%;margin-bottom:8px;font-weight:700}.whatsapp-weekdays label{position:relative}.whatsapp-weekdays input{position:absolute;opacity:0;pointer-events:none}.whatsapp-weekdays span{display:inline-grid;place-items:center;min-width:48px;padding:9px 11px;border:1px solid rgba(148,163,184,.18);border-radius:11px;background:rgba(148,163,184,.05);font-weight:700;cursor:pointer}.whatsapp-weekdays input:checked+span{border-color:rgba(64,122,255,.45);background:rgba(64,122,255,.16);color:#d9e7ff}.whatsapp-notification-hint{display:block;margin-top:9px;color:var(--muted,#91a2ba)}.whatsapp-save-actions{margin:4px 0 12px}
.whatsapp-support-page{display:grid;gap:18px}.whatsapp-support-topbar{display:flex;align-items:flex-end;justify-content:space-between;gap:20px;padding:24px 26px;border:1px solid rgba(102,154,255,.15);background:linear-gradient(180deg,rgba(10,22,40,.96),rgba(8,17,31,.92));box-shadow:0 24px 80px rgba(2,8,20,.34)}.whatsapp-support-heading{display:grid;gap:4px;max-width:720px}.whatsapp-support-topbar h2{margin:2px 0 4px;font-size:1.9rem;letter-spacing:-.02em}.whatsapp-support-topbar p{margin:0;color:var(--muted,#91a2ba);line-height:1.55}.whatsapp-support-top-actions{display:flex;align-items:center;justify-content:flex-end;gap:10px;flex-wrap:wrap}.whatsapp-summary-pill{display:grid;gap:2px;padding:10px 14px;border-radius:16px;border:1px solid rgba(102,154,255,.16);background:rgba(255,255,255,.03);min-width:122px}.whatsapp-summary-pill small{color:#8ea5c3;font-size:.72rem;font-weight:700;text-transform:uppercase;letter-spacing:.08em}.whatsapp-summary-pill strong{font-size:1.28rem;line-height:1;color:#f5f9ff}.whatsapp-support-layout{display:grid;grid-template-columns:minmax(320px,392px) minmax(0,1fr);gap:18px;min-height:720px}.whatsapp-ticket-sidebar,.whatsapp-conversation-panel{padding:0;overflow:hidden;border:1px solid rgba(102,154,255,.14);background:linear-gradient(180deg,rgba(8,19,34,.98),rgba(6,15,28,.98));box-shadow:0 18px 60px rgba(2,8,20,.32)}.whatsapp-ticket-sidebar{display:flex;flex-direction:column}.whatsapp-ticket-filters{display:flex;gap:9px;overflow-x:auto!important;overflow-y:hidden;padding:16px 16px 12px;border-bottom:1px solid rgba(148,163,184,.12);scrollbar-width:thin;scrollbar-color:rgba(137,164,204,.58) rgba(255,255,255,.055);-webkit-overflow-scrolling:touch;overscroll-behavior-x:contain;touch-action:pan-x;scroll-snap-type:x proximity}.whatsapp-ticket-filters::-webkit-scrollbar{display:block;height:7px}.whatsapp-ticket-filters::-webkit-scrollbar-track{background:rgba(255,255,255,.045);border-radius:999px}.whatsapp-ticket-filters::-webkit-scrollbar-thumb{background:rgba(137,164,204,.5);border-radius:999px}.whatsapp-ticket-filters::-webkit-scrollbar-thumb:hover{background:rgba(137,164,204,.72)}.whatsapp-ticket-filters a{flex:0 0 auto;scroll-snap-align:start;white-space:nowrap;padding:10px 14px;border-radius:12px;border:1px solid transparent;background:rgba(255,255,255,.03);color:var(--muted,#91a2ba);font-size:.81rem;font-weight:800;text-decoration:none;transition:.18s ease}.whatsapp-ticket-filters a:hover{border-color:rgba(102,154,255,.18);color:#e6f0ff}.whatsapp-ticket-filters a.active{background:linear-gradient(135deg,rgba(51,108,221,.42),rgba(38,83,173,.62));border-color:rgba(121,168,255,.35);color:#fff;box-shadow:0 10px 24px rgba(30,74,161,.32)}.whatsapp-ticket-list{flex:1;overflow:auto;padding:8px 10px 12px}.whatsapp-ticket-row{display:grid;grid-template-columns:auto minmax(0,1fr) auto;align-items:center;gap:12px;margin-bottom:8px;padding:15px 14px;border:1px solid rgba(148,163,184,.08);border-radius:18px;background:rgba(255,255,255,.02);text-decoration:none;color:inherit;transition:.18s ease}.whatsapp-ticket-row:hover,.whatsapp-ticket-row.active{background:linear-gradient(135deg,rgba(26,48,91,.92),rgba(16,34,65,.96));border-color:rgba(102,154,255,.18);transform:translateY(-1px)}.whatsapp-ticket-row.active{box-shadow:inset 3px 0 0 #5f95ff,0 18px 34px rgba(6,17,36,.24)}.whatsapp-ticket-copy{min-width:0;display:grid;gap:4px}.whatsapp-ticket-copy strong,.whatsapp-ticket-copy small,.whatsapp-ticket-copy em{overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.whatsapp-ticket-copy strong{font-size:.98rem;color:#f4f8ff}.whatsapp-ticket-copy small{color:#8da0ba;font-size:.73rem}.whatsapp-ticket-copy em{font-style:normal;color:#b1c0d7;font-size:.84rem}.whatsapp-row-status{color:#d9e7ff}.whatsapp-ticket-row time{font-size:.72rem;color:#7d90ab}.whatsapp-conversation-panel{display:flex;flex-direction:column;min-width:0}.whatsapp-conversation-empty{display:grid;place-items:center;align-content:center;gap:8px;min-height:620px;text-align:center;color:var(--muted,#91a2ba)}.whatsapp-conversation-empty span{display:grid;place-items:center;width:74px;height:74px;border-radius:26px;background:linear-gradient(145deg,rgba(39,209,127,.18),rgba(64,122,255,.2));color:#b9ffda;font-weight:900;box-shadow:0 12px 30px rgba(39,209,127,.12)}.whatsapp-conversation-empty h3,.whatsapp-conversation-empty p{margin:0}.whatsapp-conversation-header{display:flex;align-items:center;gap:12px;padding:16px 18px;border-bottom:1px solid rgba(148,163,184,.12);background:rgba(7,16,30,.92);backdrop-filter:blur(8px)}.whatsapp-conversation-header>div{min-width:0;display:grid}.whatsapp-conversation-header strong,.whatsapp-conversation-header small{overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.whatsapp-conversation-header strong{font-size:1.02rem;color:#f6fbff}.whatsapp-conversation-header small{color:var(--muted,#91a2ba)}.whatsapp-ticket-status{margin-left:auto;padding:8px 12px;border-radius:999px;background:rgba(148,163,184,.1);font-size:.74rem;font-weight:800;white-space:nowrap;border:1px solid transparent}.whatsapp-ticket-status.status-open{color:#8db9ff;background:rgba(64,122,255,.13);border-color:rgba(64,122,255,.18)}.whatsapp-ticket-status.status-in_progress{color:#75e6af;background:rgba(39,209,127,.12);border-color:rgba(39,209,127,.18)}.whatsapp-ticket-status.status-awaiting_customer{color:#ffd28a;background:rgba(255,177,58,.12);border-color:rgba(255,177,58,.2)}.whatsapp-ticket-status.status-closed{color:#e5ebf7;background:rgba(148,163,184,.14);border-color:rgba(148,163,184,.18)}.whatsapp-mobile-back{display:none;color:#fff;text-decoration:none;font-size:1.65rem;line-height:1;width:40px;height:40px;border-radius:12px;border:1px solid rgba(148,163,184,.14);align-items:center;justify-content:center;background:rgba(255,255,255,.04)}.whatsapp-conversation-messages{display:flex;flex-direction:column;gap:12px;overflow:auto;padding:22px;background:radial-gradient(circle at 15% 0,rgba(64,122,255,.08),transparent 36%),linear-gradient(180deg,rgba(5,11,20,.96),rgba(5,13,24,.92))}.whatsapp-message{max-width:min(78%,680px);display:grid;gap:5px}.whatsapp-message>div{padding:12px 14px;border-radius:17px;line-height:1.6;box-shadow:0 10px 22px rgba(2,8,20,.12)}.whatsapp-message small{padding:0 6px;color:#74859d;font-size:.7rem}.whatsapp-message.is-in{align-self:flex-start}.whatsapp-message.is-in>div{background:rgba(148,163,184,.11);border:1px solid rgba(148,163,184,.11);border-bottom-left-radius:6px}.whatsapp-message.is-out{align-self:flex-end}.whatsapp-message.is-out>div{background:linear-gradient(135deg,rgba(49,112,235,.92),rgba(44,91,191,.96));border-bottom-right-radius:6px}.whatsapp-message.is-out small{text-align:right}.whatsapp-conversation-actions{padding:16px;border-top:1px solid rgba(148,163,184,.12);background:linear-gradient(180deg,rgba(8,16,29,.86),rgba(8,16,29,.96))}.whatsapp-reply-form{display:grid;grid-template-columns:minmax(0,1fr) auto;gap:10px}.whatsapp-reply-form textarea{resize:none;min-height:56px;border-radius:16px;padding:14px 15px}.whatsapp-ticket-buttons{display:flex;justify-content:flex-end;gap:8px;flex-wrap:wrap;margin-top:12px}.whatsapp-ticket-buttons form{margin:0}.whatsapp-closed-actions{display:flex;justify-content:flex-end;gap:10px;flex-wrap:wrap}.whatsapp-closed-actions form{margin:0}@media(max-width:1024px){.whatsapp-ticket-filters{padding:14px 12px 10px;gap:8px}.whatsapp-ticket-filters::-webkit-scrollbar{height:6px}.whatsapp-settings-hero{align-items:flex-start;flex-direction:column;padding:20px}.whatsapp-status-stack{justify-items:start;text-align:left}.whatsapp-settings-grid,.whatsapp-copy-grid{grid-template-columns:1fr}.whatsapp-settings-card{padding:18px}.whatsapp-support-topbar{align-items:flex-start;flex-direction:column;padding:20px}.whatsapp-support-top-actions{width:100%;justify-content:flex-start}.whatsapp-summary-pill{min-width:106px}.whatsapp-support-layout{grid-template-columns:1fr;gap:14px}.whatsapp-support-layout.has-selected .whatsapp-ticket-sidebar{display:none}.whatsapp-support-layout:not(.has-selected) .whatsapp-conversation-panel{display:none}.whatsapp-ticket-sidebar,.whatsapp-conversation-panel{border-radius:20px}.whatsapp-conversation-panel{min-height:calc(100vh - 190px)}.whatsapp-mobile-back{display:inline-flex}.whatsapp-conversation-header{position:sticky;top:0;z-index:4;align-items:flex-start}.whatsapp-ticket-status{max-width:120px;overflow:hidden;text-overflow:ellipsis;margin-left:0}.whatsapp-conversation-messages{padding:16px}.whatsapp-message{max-width:90%}.whatsapp-reply-form{grid-template-columns:1fr}.whatsapp-reply-form .button{width:100%}.whatsapp-ticket-buttons,.whatsapp-closed-actions{flex-direction:column}.whatsapp-ticket-buttons form,.whatsapp-ticket-buttons button,.whatsapp-closed-actions form,.whatsapp-closed-actions button{width:100%}}
.whatsapp-ticket-row.has-unread{background:linear-gradient(135deg,rgba(39,85,177,.24),rgba(16,34,65,.88));border-color:rgba(102,154,255,.18)}.whatsapp-ticket-row.has-unread .whatsapp-ticket-copy strong{color:#f1f6ff}.whatsapp-ticket-row.assigned-other:not(.active){opacity:.9}.whatsapp-ticket-meta{display:grid;justify-items:end;gap:7px;align-self:stretch;align-content:center}.whatsapp-unread-badge{display:grid;place-items:center;min-width:20px;height:20px;padding:0 6px;border-radius:999px;background:#3f7cff;color:#fff;font-size:.68rem;font-weight:900;box-shadow:0 6px 18px rgba(63,124,255,.24)}.whatsapp-unread-badge[hidden]{display:none}
.whatsapp-conversation-heading{display:grid;gap:2px}.whatsapp-assigned-line{color:#7f94b3!important;font-size:.72rem!important}.whatsapp-customer-context{display:grid;grid-template-columns:repeat(5,minmax(0,1fr));gap:1px;padding:1px;border-bottom:1px solid rgba(148,163,184,.12);background:rgba(148,163,184,.08)}.whatsapp-customer-context>div{min-width:0;display:grid;gap:4px;padding:13px 14px;background:rgba(7,15,27,.94)}.whatsapp-customer-context span{color:#70839f;font-size:.68rem;font-weight:800;text-transform:uppercase;letter-spacing:.08em}.whatsapp-customer-context strong{overflow:hidden;text-overflow:ellipsis;white-space:nowrap;color:#dce7f8;font-size:.84rem}
.whatsapp-message>div{white-space:normal}.whatsapp-attendant-lock{display:none;margin-bottom:10px;padding:10px 12px;border:1px solid rgba(255,177,58,.2);border-radius:12px;background:rgba(255,177,58,.08);color:#e9c98d;font-size:.82rem;line-height:1.45}.whatsapp-attendant-lock.is-visible{display:block}.whatsapp-attendant-lock[hidden]{display:none!important}.whatsapp-transfer-form{display:flex;align-items:center;gap:7px;margin:0}.whatsapp-transfer-form select{min-width:180px;max-width:230px;height:38px;padding:0 34px 0 10px;border-radius:12px;font-size:.78rem}.whatsapp-conversation-actions [hidden]{display:none!important}.whatsapp-reply-form textarea:disabled{opacity:.7;cursor:not-allowed}.whatsapp-ticket-buttons button:disabled{opacity:.55;cursor:not-allowed}
@media(max-width:1100px){.whatsapp-customer-context{grid-template-columns:repeat(3,minmax(0,1fr))}.whatsapp-customer-context>div:nth-child(4),.whatsapp-customer-context>div:nth-child(5){border-top:1px solid rgba(148,163,184,.08)}}
@media(max-width:1024px){.whatsapp-realtime-state{display:none}.whatsapp-customer-context{grid-template-columns:repeat(2,minmax(0,1fr));overflow:hidden}.whatsapp-customer-context>div{padding:10px 12px}.whatsapp-customer-context>div:last-child{grid-column:1/-1}.whatsapp-ticket-buttons{gap:7px}.whatsapp-transfer-form{width:100%;display:grid;grid-template-columns:minmax(0,1fr) auto}.whatsapp-transfer-form select{width:100%;max-width:none;min-width:0}.whatsapp-transfer-form button{width:auto!important}.whatsapp-conversation-header{align-items:flex-start}.whatsapp-ticket-status{margin-top:2px}}

.whatsapp-qr-console{display:grid;grid-template-columns:minmax(240px,360px) minmax(0,1fr);gap:22px;align-items:center;padding:18px;border:1px solid rgba(120,151,180,.18);border-radius:22px;background:linear-gradient(145deg,rgba(7,22,37,.78),rgba(10,29,47,.62))}
.whatsapp-qr-frame{width:min(100%,360px);aspect-ratio:1;border-radius:20px;display:grid;place-items:center;overflow:hidden;background:#fff;padding:14px;box-shadow:0 18px 50px rgba(0,0,0,.32)}
.whatsapp-qr-frame img{display:block;width:100%;height:100%;object-fit:contain;border-radius:10px}
.whatsapp-qr-placeholder{width:100%;height:100%;display:grid;place-content:center;text-align:center;gap:8px;color:#526779;background:repeating-linear-gradient(45deg,#f4f7f9,#f4f7f9 12px,#edf2f5 12px,#edf2f5 24px);border:1px dashed #b7c4ce;border-radius:14px}
.whatsapp-qr-placeholder strong{font-size:1.2rem;color:#263b4b}.whatsapp-qr-placeholder span{font-size:.86rem}
.whatsapp-qr-copy{min-width:0;display:grid;gap:8px;align-content:center}.whatsapp-qr-copy h4{margin:4px 0 0;font-size:1.15rem}.whatsapp-qr-copy p{margin:0;color:#9fb5c3}.whatsapp-qr-copy small{min-height:18px;color:#ff9e9e}
.whatsapp-connection-state{display:inline-flex;width:max-content;align-items:center;gap:8px;padding:6px 10px;border-radius:999px;background:rgba(90,152,210,.12);border:1px solid rgba(111,176,236,.22);font-size:.78rem;font-weight:800;color:#b9dcfa}
.whatsapp-connection-actions{display:flex;flex-wrap:wrap;gap:10px;margin-top:10px}.whatsapp-connection-actions .button{min-width:132px}
@media(max-width:1024px){.whatsapp-qr-console{grid-template-columns:1fr;padding:14px}.whatsapp-qr-frame{margin:0 auto;width:min(100%,330px)}.whatsapp-qr-copy{text-align:center}.whatsapp-connection-state{margin:0 auto}.whatsapp-connection-actions{display:grid;grid-template-columns:1fr}.whatsapp-connection-actions .button{width:100%}}

.app-theme-phone-live-preview{position:relative;background:#030812!important;overflow:hidden}
.app-theme-phone-live-preview:before{inset:0!important;border-radius:30px!important;z-index:6}
.app-theme-phone-live-preview iframe{display:block;width:500px;height:970px;margin:0;border:0;border-radius:22px!important;background:#050811;transform:scale(.452);transform-origin:top left;pointer-events:none}
.app-theme-phone-live-preview .app-theme-device-status,.app-theme-phone-live-preview .app-theme-device-navigation{position:absolute;left:8px;right:8px;z-index:5;color:#cbd8e8;pointer-events:none}
.app-theme-device-status{top:8px;display:flex;align-items:center;justify-content:space-between;height:18px;padding:0 12px;font-size:8px;font-weight:750;letter-spacing:.01em;background:linear-gradient(180deg,rgba(5,12,22,.96),rgba(5,12,22,.72),transparent)}
.app-theme-device-navigation{bottom:7px;display:grid;place-items:center;height:16px;background:linear-gradient(0deg,rgba(5,12,22,.98),rgba(5,12,22,.72),transparent)}.app-theme-device-navigation span{width:64px;height:3px;border-radius:999px;background:rgba(230,238,248,.38)}
.app-theme-preview-help{margin:0;max-width:290px;color:var(--muted);line-height:1.5;text-align:center}
.app-theme-banner-group{align-items:center}.app-theme-banner-input-wrap{position:relative}.app-theme-banner-input-wrap input{padding-right:48px!important}.app-theme-banner-import{position:absolute;top:50%;right:6px;display:grid;place-items:center;width:36px;height:36px;padding:0;border:1px solid rgba(88,145,255,.24);border-radius:11px;background:linear-gradient(145deg,rgba(42,91,184,.34),rgba(24,55,111,.62));color:#a9c9ff;cursor:pointer;transform:translateY(-50%);transition:.18s ease}.app-theme-banner-import:hover{border-color:rgba(100,166,255,.52);color:#fff}.app-theme-banner-import.is-error{border-color:rgba(255,92,119,.6);color:#ff8ca1}@keyframes theme-upload-spin{to{transform:rotate(360deg)}}
.app-theme-toggle-section{display:grid;gap:0;border:1px solid rgba(141,181,217,.12);border-radius:18px;background:rgba(255,255,255,.018);overflow:hidden}.app-theme-toggle-section-head{display:flex;align-items:end;justify-content:space-between;gap:16px;padding:16px 17px;border-bottom:1px solid rgba(141,181,217,.1)}.app-theme-toggle-section-head h4{margin:2px 0 0;font-size:15px}.app-theme-toggle-section-head>small{max-width:250px;color:var(--muted);font-size:10px;text-align:right;line-height:1.4}
.app-theme-toggle-row{display:flex!important;align-items:center;justify-content:space-between;gap:18px;min-height:58px;margin:0!important;padding:11px 16px;border-bottom:1px solid rgba(141,181,217,.08);cursor:pointer}.app-theme-toggle-row:last-child{border-bottom:0}.app-theme-toggle-row>span{display:grid;min-width:0;gap:2px}.app-theme-toggle-row>span strong{font-size:12px;color:#edf5ff}.app-theme-toggle-row>span small{display:block!important;margin:0!important;overflow:hidden;color:var(--muted);font-size:9px!important;line-height:1.35;text-overflow:ellipsis;white-space:nowrap}.app-theme-toggle-row input{position:absolute;opacity:0;pointer-events:none}.app-theme-toggle-row>i{position:relative;flex:0 0 auto;width:38px;height:22px;border:1px solid rgba(139,164,193,.24);border-radius:999px;background:rgba(75,92,116,.28);transition:.18s ease}.app-theme-toggle-row>i:after{content:"";position:absolute;top:3px;left:3px;width:14px;height:14px;border-radius:50%;background:#91a2b8;box-shadow:0 2px 8px rgba(0,0,0,.25);transition:.18s ease}.app-theme-toggle-row input:checked+i{border-color:rgba(59,203,190,.45);background:rgba(38,168,153,.28)}.app-theme-toggle-row input:checked+i:after{left:19px;background:#6ce7da}.app-theme-toggle-row:hover{background:rgba(255,255,255,.018)}
@media(max-width:680px){.app-theme-phone-live-preview{width:224px!important;height:434px!important}.app-theme-phone-live-preview iframe{transform:scale(.412)}.app-theme-toggle-section-head{align-items:flex-start;flex-direction:column}.app-theme-toggle-section-head>small{max-width:none;text-align:left}.app-theme-toggle-row{min-height:56px;padding:10px 13px}.app-theme-toggle-row>span small{max-width:220px}.app-theme-banner-import{width:34px;height:34px}}

.whatsapp-message.has-media>div{padding:6px;overflow:hidden}.whatsapp-message-image{display:block;max-width:min(420px,72vw);border-radius:13px;overflow:hidden;background:rgba(0,0,0,.18);line-height:0}.whatsapp-message-image img{display:block;width:100%;height:auto;max-height:520px;object-fit:contain}.whatsapp-message-caption{padding:9px 9px 7px;line-height:1.45}.whatsapp-message-media-error{display:block;padding:12px 14px;color:#aab7ca;font-size:.84rem;line-height:1.4}@media(max-width:1024px){.whatsapp-message-image{max-width:76vw}.whatsapp-message-image img{max-height:58vh}}

.notice-automation-panel{grid-column:1/-1}.notice-channel-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:12px}.notice-template-field{display:grid;gap:8px}.notice-template-field textarea{min-height:132px;resize:vertical}.notice-template-field small{color:var(--muted);font-size:11px;line-height:1.5}.notice-template-field code{padding:2px 6px;border:1px solid var(--line);border-radius:6px;background:rgba(7,17,31,.55);color:#bcd1ff}.notice-whatsapp-toggle{align-self:end}.notice-delivery-summary{line-height:1.55}
@media(max-width:1024px){.notice-channel-grid{grid-template-columns:1fr}.notice-automation-panel{grid-column:auto}.notice-template-field textarea{min-height:150px}}

.whatsapp-conversation-messages{gap:7px;padding:16px 18px}
.whatsapp-message{display:flex!important;flex:0 0 auto!important;flex-direction:column;align-items:flex-start;width:max-content;max-width:min(72%,620px);min-width:0!important;min-height:0!important;height:auto!important;gap:3px}
.whatsapp-message.is-out{align-self:flex-end;align-items:flex-end}
.whatsapp-message.is-in{align-self:flex-start;align-items:flex-start}
.whatsapp-message>div{display:block!important;width:fit-content!important;max-width:100%;min-width:0!important;min-height:0!important;height:auto!important;margin:0!important;padding:8px 11px!important;border-radius:14px;line-height:1.38!important;font-size:.9rem;white-space:normal!important;overflow-wrap:anywhere;word-break:break-word;box-sizing:border-box}
.whatsapp-message.is-in>div{border-bottom-left-radius:5px}
.whatsapp-message.is-out>div{border-bottom-right-radius:5px}
.whatsapp-message small{display:block;min-height:0!important;height:auto!important;margin:0!important;padding:0 4px!important;font-size:.66rem;line-height:1.25}
.whatsapp-message-caption{display:block;padding:0!important;margin:0!important;min-height:0!important;height:auto!important;white-space:pre-wrap;line-height:1.38!important;font-size:inherit}
.whatsapp-message.has-media{max-width:min(74%,440px)}
.whatsapp-message.has-media>div{width:auto!important;max-width:100%;padding:5px!important}
.whatsapp-message.has-media .whatsapp-message-caption{padding:7px 7px 4px!important}
.whatsapp-message-image{max-width:min(390px,66vw);border-radius:10px}
.whatsapp-message-image img{max-height:440px}
@media(max-width:1024px){
  .whatsapp-conversation-messages{gap:6px;padding:12px}
  .whatsapp-message{max-width:86%}
  .whatsapp-message>div{padding:7px 10px!important;font-size:.88rem}
  .whatsapp-message.has-media{max-width:90%}
  .whatsapp-message-image{max-width:78vw}
  .whatsapp-message-image img{max-height:52vh}
}

.server-list-card .responsive-table th,
.server-list-card .responsive-table td { vertical-align: middle; }
.server-list-card .server-host-stack { gap: 5px; }
.server-list-card .server-host-stack code { font-size: 12px; }
.server-list-card .server-host-stack small { font-size: 10.5px; }
.server-list-card .status-pill { white-space: nowrap; }
@media (max-width:1024px) {
  .server-list-card .responsive-table table { min-width: 700px; }
}

.notice-toolbar-panel{grid-column:1/-1;padding:18px 20px}.notice-toolbar-inline{display:flex;align-items:center;justify-content:space-between;gap:16px;flex-wrap:wrap}.notice-toolbar-inline h3{margin:2px 0 4px}.notice-toolbar-inline p{margin:0;color:var(--muted)}.notice-compose-modal{display:grid;gap:14px}.modal-notice-compose-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.modal-notice-compose-grid .field-wide{grid-column:1/-1}.notice-history-panel .premium-panel-heading{align-items:flex-start}.notice-history-panel .premium-panel-heading h3{margin-bottom:4px}.premium-notice-row{border-radius:18px;box-shadow:0 18px 34px rgba(2,8,20,.22)}.premium-notice-row p{font-size:.96rem;line-height:1.7}
.whatsapp-support-compactbar{display:flex;align-items:center;justify-content:space-between;gap:12px;padding:14px 18px}.whatsapp-summary-pill.compact{min-width:140px;padding:10px 14px}.compact-notify{min-height:44px}.whatsapp-ticket-filters{justify-content:center;padding:16px 16px 12px}.whatsapp-ticket-filters a{display:inline-flex;align-items:center;justify-content:center;gap:10px;min-width:130px}.whatsapp-filter-badge{display:inline-grid;place-items:center;min-width:24px;height:24px;padding:0 6px;border-radius:999px;background:rgba(255,255,255,.13);color:#fff;font-size:.76rem;font-weight:900}.whatsapp-ticket-copy{gap:3px}.whatsapp-ticket-copy em{display:none}.whatsapp-ticket-row{align-items:center}.whatsapp-support-topbar .button{white-space:nowrap}.whatsapp-support-topbar .compact-notify.is-success{border-color:rgba(39,209,127,.24);color:#dfffee}.whatsapp-support-top-actions,.whatsapp-realtime-state{display:none!important}
@media(max-width:1024px){.notice-toolbar-inline{align-items:stretch}.notice-toolbar-inline .button{width:100%}.modal-notice-compose-grid{grid-template-columns:1fr}.whatsapp-support-compactbar{align-items:stretch;flex-direction:column}.whatsapp-support-compactbar .button,.whatsapp-summary-pill.compact{width:100%}.whatsapp-ticket-filters{justify-content:flex-start}.whatsapp-ticket-filters a{min-width:unset;flex:1 0 auto}}

.whatsapp-availability-modal{display:grid;gap:14px}.whatsapp-availability-modal .whatsapp-weekdays{margin:0}.whatsapp-availability-times{align-items:end}
@media(max-width:620px){.whatsapp-availability-times{grid-template-columns:1fr}}

.nav-submenu > button.nav-sublink{width:100%;font:inherit;text-align:left;cursor:pointer}

.account-username-only > div{display:flex;align-items:center;min-height:31px}.account-username-only strong{color:#cbd5e4!important;margin:0!important;font-weight:800}.app-page .account-username-only > div{min-height:36px}

.dashboard-quick-links{display:grid;gap:20px;padding:22px 20px}.dashboard-quick-links-heading{align-items:flex-start}.dashboard-quick-links-heading p:not(.eyebrow){margin:5px 0 0;color:var(--muted);font-size:.8rem;line-height:1.45}.dashboard-quick-links-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:14px 16px}.dashboard-quick-link-item{display:grid;gap:7px;min-width:0}.dashboard-quick-link-item>span:first-child{color:#9fb5d7;font-size:.76rem;font-weight:800;letter-spacing:.02em}.dashboard-quick-link-field{position:relative;display:block;min-width:0}.dashboard-quick-link-field input{width:100%;height:48px;padding:0 112px 0 14px;border:1px solid rgba(104,143,194,.22);border-radius:13px;background:rgba(5,15,29,.52);color:#dce9fa;font-size:.82rem;font-weight:650;line-height:48px;white-space:nowrap;text-overflow:ellipsis;cursor:pointer;transition:border-color .18s ease,box-shadow .18s ease,background .18s ease}.dashboard-quick-link-field input:hover,.dashboard-quick-link-field input:focus{border-color:rgba(88,137,255,.58);background:rgba(8,23,44,.68);box-shadow:0 0 0 3px rgba(64,111,224,.09);outline:0}.dashboard-quick-link-field input::placeholder{color:#61748f}.dashboard-quick-link-field>a,.dashboard-quick-link-field>.is-disabled{position:absolute;top:6px;right:6px;display:inline-flex;align-items:center;justify-content:center;height:36px;min-width:92px;padding:0 13px;border:1px solid rgba(89,140,255,.28);border-radius:10px;background:linear-gradient(145deg,rgba(50,96,205,.42),rgba(31,66,145,.66));color:#dbe8ff;font-size:.72rem;font-weight:850;text-decoration:none;transition:transform .16s ease,border-color .16s ease,background .16s ease}.dashboard-quick-link-field>a:hover{border-color:rgba(109,161,255,.62);background:linear-gradient(145deg,rgba(61,116,235,.56),rgba(35,78,171,.78));transform:translateY(-1px)}.dashboard-quick-link-field>.is-disabled{border-color:rgba(122,137,160,.12);background:rgba(74,87,107,.18);color:#617188;cursor:not-allowed}.dashboard-quick-link-field.is-empty input{color:#71829a}.dashboard-copy-toast{position:fixed;right:24px;bottom:24px;z-index:10020;display:flex;align-items:center;gap:9px;max-width:min(360px,calc(100vw - 32px));padding:11px 14px;border:1px solid rgba(82,217,166,.3);border-radius:13px;background:rgba(7,23,32,.96);box-shadow:0 18px 48px rgba(0,0,0,.34);color:#e6fff5;font-size:.8rem;font-weight:800;opacity:0;pointer-events:none;transform:translateY(10px);transition:opacity .18s ease,transform .18s ease;backdrop-filter:blur(14px)}.dashboard-copy-toast:before{content:"✓";display:grid;place-items:center;width:21px;height:21px;border-radius:50%;background:rgba(58,211,151,.18);color:#72e7b7;font-size:.75rem}.dashboard-copy-toast.is-visible{opacity:1;transform:translateY(0)}
@media(max-width:1024px){.dashboard-quick-links{padding:18px 15px}.dashboard-quick-links-grid{grid-template-columns:1fr;gap:12px}.dashboard-quick-link-field input{height:46px;padding-right:104px;font-size:.78rem;line-height:46px}.dashboard-quick-link-field>a,.dashboard-quick-link-field>.is-disabled{top:5px;right:5px;height:36px;min-width:88px}.dashboard-copy-toast{right:16px;bottom:18px;left:16px;justify-content:center;max-width:none}}

select:not([multiple]):not([size]),
select:not([multiple])[size="1"] {
    appearance: none;
    -webkit-appearance: none;
    color-scheme: dark;
    padding-right: 44px;
    border-color: rgba(123, 151, 197, .28);
    background-color: #0a1627;
    background-image:
        url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='16' height='16' viewBox='0 0 16 16' fill='none'%3E%3Cpath d='m4 6 4 4 4-4' stroke='%239fb3ff' stroke-width='1.7' stroke-linecap='round' stroke-linejoin='round'/%3E%3C/svg%3E"),
        linear-gradient(180deg, rgba(18, 35, 58, .96), rgba(8, 20, 35, .98));
    background-repeat: no-repeat, no-repeat;
    background-position: right 14px center, 0 0;
    background-size: 16px 16px, 100% 100%;
    box-shadow:
        inset 0 1px 0 rgba(255, 255, 255, .035),
        0 1px 2px rgba(0, 0, 0, .12);
    cursor: pointer;
    transition: border-color .18s ease, box-shadow .18s ease, background-color .18s ease, transform .18s ease;
}
select:not([multiple]):not([size]):hover:not(:disabled),
select:not([multiple])[size="1"]:hover:not(:disabled) {
    border-color: rgba(120, 151, 255, .5);
    box-shadow:
        inset 0 1px 0 rgba(255, 255, 255, .045),
        0 5px 16px rgba(1, 8, 20, .16);
}
select:not([multiple]):not([size]):focus,
select:not([multiple])[size="1"]:focus {
    border-color: rgba(101, 134, 255, .78);
    box-shadow:
        0 0 0 4px rgba(85, 116, 238, .12),
        inset 0 1px 0 rgba(255, 255, 255, .045),
        0 6px 18px rgba(1, 8, 20, .18);
}
select:not([multiple]):not([size]):disabled,
select:not([multiple])[size="1"]:disabled {
    cursor: not-allowed;
    border-color: rgba(123, 151, 197, .16);
    background-color: #0a1422;
    filter: saturate(.65);
}
select option,
select optgroup {
    background: #0b1728;
    color: #edf2fa;
}
select[multiple],
select[size]:not([size="1"]) {
    color-scheme: dark;
    border-color: rgba(123, 151, 197, .28);
    background: linear-gradient(180deg, rgba(18, 35, 58, .96), rgba(8, 20, 35, .98));
    box-shadow: inset 0 1px 0 rgba(255, 255, 255, .035);
}
@media (max-width:1024px) {
    select:not([multiple]):not([size]),
    select:not([multiple])[size="1"] {
        padding-right: 43px;
        border-radius: 13px;
        background-position: right 13px center, 0 0;
        background-size: 17px 17px, 100% 100%;
    }
}

.online-account-table .account-username-only > div {
    display: flex;
    flex-direction: column;
    align-items: flex-start;
    justify-content: center;
}
.online-account-table .account-username-only strong,
.online-account-table .account-username-only .table-action {
    display: block;
    width: 100%;
}
.online-account-table .account-username-only .table-action {
    margin-top: 3px;
    line-height: 1.25;
}

.store-config-main > fieldset {
    width: 100%;
    max-width: 100%;
    min-width: 0 !important;
    margin: 0 !important;
    padding: 0 !important;
    display: grid;
    gap: 16px;
    border: 0 !important;
}
.store-premium-toggle {
    position: relative;
}
.store-premium-toggle input {
    position: absolute;
    width: 1px !important;
    height: 1px !important;
    min-width: 0 !important;
    min-height: 0 !important;
    margin: 0 !important;
    padding: 0 !important;
    overflow: hidden;
    clip-path: inset(50%);
}

.store-config-savebar {
    position: sticky;
    bottom: 14px;
    z-index: 12;
    box-shadow: 0 18px 42px rgba(0, 0, 0, .34);
    backdrop-filter: blur(16px);
    -webkit-backdrop-filter: blur(16px);
}
@media (max-width: 680px) {
    .store-config-savebar {
        position: fixed;
        left: 12px;
        right: 12px;
        bottom: 10px;
        width: auto;
        max-width: none;
    }
    .store-config-main > fieldset {
        padding-bottom: 175px !important;
    }
}

.whatsapp-sync-main-card{padding:22px}.whatsapp-sync-heading{align-items:center}.whatsapp-sync-heading-actions{display:flex;align-items:center;gap:10px}.whatsapp-sync-toolbar{display:flex;align-items:center;justify-content:space-between;gap:16px;margin:16px 0;padding:12px 14px;border:1px solid rgba(119,158,211,.14);border-radius:16px;background:rgba(255,255,255,.025)}.whatsapp-sync-toolbar .toggle-row{flex:1;margin:0;border:0;background:transparent;padding:0}.whatsapp-sync-toolbar-status{display:grid;justify-items:end;gap:3px;min-width:150px}.whatsapp-sync-toolbar-status small{color:#7289a8;font-size:.67rem;font-weight:850;text-transform:uppercase;letter-spacing:.09em}.whatsapp-sync-toolbar-status strong{font-size:.88rem;color:#dbe9ff}.whatsapp-own-connection{display:grid;gap:16px;padding:15px}.whatsapp-qr-console-compact{grid-template-columns:210px minmax(0,1fr);gap:18px;padding:14px;border-radius:18px}.whatsapp-qr-console-compact .whatsapp-qr-frame{width:210px;max-width:210px;border-radius:16px;padding:10px}.whatsapp-qr-console-compact .whatsapp-qr-placeholder{border-radius:11px}.whatsapp-session-summary{display:flex;align-items:center;gap:12px;flex-wrap:wrap}.whatsapp-session-summary>div{min-width:0}.whatsapp-session-summary h4{margin:0}.whatsapp-session-summary p{margin:3px 0 0}.whatsapp-connection-actions-compact{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:8px;margin-top:8px}.whatsapp-connection-actions-compact .button{min-width:0;width:100%;padding-inline:10px}.whatsapp-accounts-phone{margin:0}.whatsapp-webhook-note{margin-top:0}.whatsapp-support-settings-modal{display:grid;gap:15px}.whatsapp-support-modal-note{padding:12px 14px;border:1px solid rgba(94,143,225,.16);border-radius:13px;background:rgba(58,103,190,.08);color:#9eb1cc;font-size:.78rem;line-height:1.55}

.whatsapp-support-page{gap:12px}.whatsapp-support-commandbar{position:relative;display:grid;grid-template-columns:auto minmax(0,1fr);align-items:center;gap:16px;padding:12px 14px;border-radius:18px}.whatsapp-support-command-summary{display:flex;align-items:center;gap:9px}.whatsapp-support-commandbar .whatsapp-summary-pill.compact{min-width:116px;padding:8px 11px;border-radius:13px}.whatsapp-support-commandbar .whatsapp-summary-pill strong{font-size:1.08rem}.whatsapp-support-commandbar .compact-notify{min-height:38px;padding:0 11px;font-size:.75rem}.whatsapp-ticket-filters-top{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:8px;padding:0;border:0;overflow:visible!important;scrollbar-width:none}.whatsapp-ticket-filters-top::-webkit-scrollbar{display:none}.whatsapp-ticket-filters-top a{display:flex;min-width:0;align-items:center;justify-content:center;gap:8px;padding:9px 10px;border-radius:11px;font-size:.78rem}.whatsapp-support-layout{grid-template-columns:minmax(280px,340px) minmax(0,1fr);gap:12px;min-height:0;height:clamp(560px,calc(100dvh - 215px),780px)}.whatsapp-ticket-sidebar,.whatsapp-conversation-panel{height:100%;min-height:0;border-radius:18px}.whatsapp-ticket-list{min-height:0;max-height:none;padding:10px;overflow:auto}.whatsapp-ticket-row{margin-bottom:7px;padding:12px;border-radius:14px}.whatsapp-conversation-header{padding:13px 15px}.whatsapp-customer-context>div{padding:10px 11px}.whatsapp-customer-context span{font-size:.62rem}.whatsapp-customer-context strong{font-size:.78rem}.whatsapp-conversation-messages{min-height:0;padding:16px 18px;gap:10px}.whatsapp-message{max-width:min(76%,650px)}.whatsapp-message>div{padding:10px 12px;border-radius:15px;line-height:1.5}.whatsapp-conversation-actions{position:relative;z-index:3;padding:12px 14px}.whatsapp-reply-form textarea{min-height:48px;padding:11px 13px}.whatsapp-ticket-buttons{margin-top:9px}.whatsapp-transfer-form select{height:36px}.whatsapp-conversation-empty{min-height:100%}

.telegram-backup-page{display:grid;gap:16px}.telegram-backup-hero{display:flex;align-items:center;justify-content:space-between;gap:18px;padding:20px 22px}.telegram-backup-hero h2{margin:4px 0 5px;font-size:1.45rem}.telegram-backup-hero p:not(.eyebrow){margin:0;color:var(--muted);font-size:.84rem}.telegram-backup-config-card,.telegram-backup-actions-card,.telegram-backup-import-card{padding:20px}.telegram-backup-toggles{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:10px}.telegram-backup-action-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:12px}.telegram-backup-action{display:grid;gap:5px;padding:16px;text-align:left;border:1px solid rgba(125,157,205,.17);border-radius:16px;background:rgba(255,255,255,.025);color:inherit;cursor:pointer;transition:.18s ease}.telegram-backup-action:hover:not(:disabled){transform:translateY(-1px);border-color:rgba(92,148,255,.42);background:rgba(55,98,180,.09)}.telegram-backup-action.primary{background:linear-gradient(145deg,rgba(45,101,214,.24),rgba(25,64,145,.28));border-color:rgba(86,143,255,.3)}.telegram-backup-action:disabled{opacity:.48;cursor:not-allowed}.telegram-backup-action strong{color:#edf5ff;font-size:.92rem}.telegram-backup-action span{color:#8197b5;font-size:.75rem;line-height:1.45}.telegram-backup-current{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:1px;margin-top:14px;padding:1px;border:1px solid rgba(125,157,205,.12);border-radius:15px;overflow:hidden;background:rgba(125,157,205,.08)}.telegram-backup-current>div{display:grid;gap:4px;padding:11px 13px;background:rgba(7,16,29,.96)}.telegram-backup-current span{color:#7186a4;font-size:.65rem;font-weight:800;text-transform:uppercase;letter-spacing:.07em}.telegram-backup-current strong{overflow:hidden;text-overflow:ellipsis;color:#dce8f8;font-size:.82rem}.telegram-backup-last-error{margin-top:12px}.telegram-backup-import-form{display:grid;grid-template-columns:minmax(0,1fr) auto;align-items:end;gap:12px}.telegram-backup-import-form label{margin:0}.telegram-backup-import-form .button{min-height:46px}

@media(max-width:1024px){.whatsapp-support-commandbar{grid-template-columns:1fr}.whatsapp-support-command-summary{justify-content:space-between}.whatsapp-support-layout{min-height:560px}.whatsapp-ticket-sidebar,.whatsapp-conversation-panel{min-height:560px}.whatsapp-qr-console-compact{grid-template-columns:190px minmax(0,1fr)}.whatsapp-qr-console-compact .whatsapp-qr-frame{width:190px;max-width:190px}}
@media(max-width:1024px){.whatsapp-sync-main-card{padding:15px}.whatsapp-sync-heading{align-items:flex-start}.whatsapp-sync-heading-actions{width:100%;justify-content:space-between}.whatsapp-sync-heading-actions .button{flex:1}.whatsapp-sync-toolbar{align-items:stretch;flex-direction:column;padding:11px 12px}.whatsapp-sync-toolbar-status{display:flex;align-items:center;justify-content:space-between;min-width:0}.whatsapp-own-connection{padding:11px}.whatsapp-qr-console-compact{grid-template-columns:1fr;gap:12px;padding:11px}.whatsapp-qr-console-compact .whatsapp-qr-frame{width:min(210px,72vw);max-width:210px;margin:auto}.whatsapp-session-summary{justify-content:center;text-align:center}.whatsapp-session-summary .whatsapp-connection-state{margin:0}.whatsapp-connection-actions-compact{grid-template-columns:1fr}.whatsapp-support-commandbar{position:sticky;top:8px;z-index:8;padding:10px;box-shadow:0 14px 34px rgba(2,8,20,.35)}.whatsapp-support-command-summary{gap:7px}.whatsapp-support-commandbar .whatsapp-summary-pill.compact{width:auto;min-width:105px}.whatsapp-support-commandbar .compact-notify{width:auto;flex:1}.whatsapp-ticket-filters-top{grid-template-columns:repeat(3,minmax(0,1fr));gap:6px;width:100%}.whatsapp-ticket-filters-top a{min-width:0!important;padding:9px 6px;font-size:.7rem;gap:5px}.whatsapp-filter-badge{min-width:21px;height:21px;font-size:.68rem}.whatsapp-support-layout{min-height:0;height:auto;gap:10px}.whatsapp-ticket-sidebar,.whatsapp-conversation-panel{min-height:calc(100dvh - 225px);height:calc(100dvh - 225px);border-radius:16px}.whatsapp-support-layout.has-selected .whatsapp-conversation-panel{display:flex}.whatsapp-conversation-header{padding:11px 12px}.whatsapp-customer-context{display:flex;scroll-snap-type:x proximity}.whatsapp-customer-context>div{flex:0 0 42%;scroll-snap-align:start}.whatsapp-customer-context>div:last-child{grid-column:auto}.whatsapp-conversation-messages{padding:12px;overscroll-behavior:contain}.whatsapp-message{max-width:92%}.whatsapp-conversation-actions{position:sticky;bottom:0;padding:10px;background:rgba(7,15,27,.98);box-shadow:0 -14px 30px rgba(2,8,20,.28)}.whatsapp-ticket-buttons{max-height:150px;overflow:auto}.telegram-backup-hero{align-items:flex-start;flex-direction:column;padding:16px}.telegram-backup-config-card,.telegram-backup-actions-card,.telegram-backup-import-card{padding:15px}.telegram-backup-toggles,.telegram-backup-action-grid,.telegram-backup-current{grid-template-columns:1fr}.telegram-backup-import-form{grid-template-columns:1fr}.telegram-backup-import-form .button{width:100%}}

.notices-premium-page.has-composer{grid-template-columns:minmax(0,1fr)!important}
.notice-toolbar-panel,.notice-history-panel{grid-column:1/-1;width:100%}
.notice-toolbar-panel{padding:16px 18px}
.notice-toolbar-inline{align-items:center}
.notice-toolbar-actions{display:flex;align-items:center;gap:9px;flex-wrap:wrap}
.notice-history-panel{padding:16px 18px}
.notice-history-heading{padding-bottom:8px;border-bottom:1px solid rgba(141,181,217,.12)}
.notice-history-list{gap:0!important}
.notice-history-list .premium-notice-row{grid-template-columns:34px minmax(0,1fr);gap:11px;padding:13px 4px;border:0!important;border-bottom:1px solid rgba(141,181,217,.1)!important;border-radius:0!important;background:transparent!important;box-shadow:none!important}
.notice-history-list .premium-notice-row:last-child{border-bottom:0!important}
.notice-history-list .notice-symbol{width:32px;height:32px;border-radius:10px;font-size:.78rem}
.notice-history-list .notice-row-meta{justify-content:flex-start;gap:10px}
.notice-history-list .notice-row-meta time{margin-left:auto}
.notice-history-list .notice-row-copy p{margin:5px 0 2px;font-size:.86rem;line-height:1.5}
.notice-history-list .notice-row-copy small{margin-top:3px;font-size:.67rem}
.notice-system-settings-modal{display:grid;gap:14px}
.notice-permission-list{display:grid;gap:9px}
.notice-permission-item{display:flex;align-items:center;justify-content:space-between;gap:16px;min-height:54px;padding:11px 13px;border:1px solid rgba(141,181,217,.14);border-radius:13px;background:rgba(255,255,255,.025);cursor:pointer}
.notice-permission-item strong{font-size:.84rem;color:#e6effd}
.notice-permission-item input{width:18px;height:18px;accent-color:#4e82ef;flex:0 0 auto}

.whatsapp-notification-actions{display:flex;align-items:center;gap:7px;flex-wrap:wrap}
.whatsapp-support-commandbar .compact-notify.reinstall{color:#bdd0ef;border-color:rgba(123,157,214,.2)}
.whatsapp-support-commandbar .compact-notify.reinstall:not(:disabled):hover{border-color:rgba(91,139,231,.42);background:rgba(67,107,184,.1)}
.whatsapp-support-commandbar .compact-notify:disabled{opacity:.5;cursor:not-allowed}
.whatsapp-support-layout{width:100%;max-width:none;height:clamp(620px,calc(100dvh - 185px),900px)}
.whatsapp-ticket-sidebar,.whatsapp-conversation-panel{width:100%;max-width:none;min-width:0}
.whatsapp-conversation-panel{overflow:hidden}
.whatsapp-conversation-messages{flex:1;min-height:260px}
.whatsapp-customer-context{flex:0 0 auto}
.whatsapp-conversation-actions{flex:0 0 auto}

.app-site-editor-compact{max-width:1120px}
.app-site-editor-compact .app-site-editor-head{gap:12px;padding:16px 18px}
.app-site-editor-compact .back-link{font-size:.74rem}
.app-site-editor-compact .app-site-editor-title{gap:12px}
.app-site-editor-compact .app-site-editor-app-icon{width:48px;height:48px;border-radius:13px;font-size:20px;box-shadow:none}
.app-site-editor-compact .app-site-editor-title h2{margin:1px 0 2px;font-size:1.28rem}
.app-site-editor-compact .app-site-editor-title small{color:var(--muted);font-size:.72rem}
.app-site-editor-compact .app-site-public-bar{padding:10px;border-radius:13px}
.app-site-editor-compact .app-site-public-bar input{height:38px}
.app-site-compact-section{padding:15px 17px}
.app-site-compact-section .compact-heading{align-items:center;margin-bottom:10px}
.app-site-compact-section .compact-heading h3{margin:1px 0 0;font-size:1rem}
.app-site-compact-section .compact-heading strong{display:block;max-width:720px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;color:#dce8f8;font-size:.79rem;font-weight:750}
.app-site-media-grid.icon-only.compact-media-grid{display:block}
.compact-icon-card{display:grid;grid-template-columns:104px minmax(0,1fr);align-items:center;gap:13px;max-width:560px;padding:11px!important;border-radius:14px!important}
.app-site-media-preview.compact-icon-preview{position:relative;width:104px;height:104px;min-height:0!important;border-radius:13px}
.app-site-media-preview.compact-icon-preview img{width:74px!important;height:74px!important;min-height:0!important;max-height:none!important;border-radius:18px!important;box-shadow:0 10px 22px rgba(0,0,0,.22)!important}
.app-site-media-preview.compact-icon-preview>span:not(.media-remove-x){width:70px!important;height:70px!important;border-radius:17px!important;font-size:.72rem}
.compact-upload{margin:0!important;min-height:64px;padding:10px 12px!important;border-radius:12px!important}
.compact-upload>span{font-size:.75rem!important}
.compact-upload small{display:none}
.media-remove-x{position:absolute;top:7px;right:7px;z-index:3;display:grid!important;place-items:center!important;width:28px;height:28px;padding:0!important;border:1px solid rgba(255,115,132,.35);border-radius:999px;background:rgba(35,11,19,.88);color:#ff9aa8;cursor:pointer;box-shadow:0 6px 16px rgba(0,0,0,.24)}
.media-remove-x input{position:absolute;width:1px!important;height:1px!important;opacity:0;pointer-events:none}
.media-remove-x span{display:grid;place-items:center;width:100%;height:100%;font-size:20px;line-height:1;font-weight:500}
.media-remove-x:has(input:checked){background:#ad3144;border-color:#e76b7d;color:#fff}
.compact-gallery-editor{gap:10px!important;margin-top:12px!important;padding-top:12px!important}
.compact-gallery-title{display:flex!important;align-items:center;justify-content:space-between;gap:10px}
.compact-gallery-title strong{font-size:.86rem}
.compact-gallery-title span{display:inline-grid;place-items:center;min-width:34px;height:24px;padding:0 8px;border:1px solid rgba(141,181,217,.14);border-radius:999px;color:#91a5c0;font-size:.66rem;font-weight:850}
.app-site-gallery-current.compact-gallery-grid{display:grid!important;grid-template-columns:repeat(auto-fill,minmax(92px,120px))!important;justify-content:start;gap:9px!important}
.compact-gallery-grid .gallery-remove-card{position:relative;width:100%;border-radius:12px}
.compact-gallery-grid .gallery-remove-card img{width:100%;aspect-ratio:9/16;max-height:190px;object-fit:cover}
.compact-gallery-grid .gallery-x{top:6px;right:6px;width:26px;height:26px}
.compact-gallery-grid .gallery-remove-card:has(input:checked){border-color:rgba(241,92,112,.62);box-shadow:0 0 0 2px rgba(241,92,112,.12)}

@media(max-width:1024px){
  .notice-toolbar-inline{display:grid;grid-template-columns:1fr;gap:12px}
  .notice-toolbar-actions{display:grid;grid-template-columns:1fr 1fr;width:100%}
  .notice-toolbar-actions .button{width:100%;min-width:0}
  .notice-history-panel{padding:14px}
  .notice-history-heading{align-items:center;flex-direction:row!important;gap:10px}
  .notice-history-actions{align-items:center!important;flex-direction:row!important;margin-left:auto}
  .notice-history-list .premium-notice-row{grid-template-columns:30px minmax(0,1fr);padding:12px 2px}
  .notice-history-list .notice-symbol{width:29px;height:29px}
  .notice-history-list .notice-row-meta{align-items:center!important;flex-direction:row!important;gap:7px}
  .notice-history-list .notice-row-meta time{font-size:.64rem}
  .notice-history-list .notice-row-copy p{font-size:.82rem}

  .whatsapp-support-page{width:100%;max-width:none;gap:8px}
  .whatsapp-support-commandbar{position:relative;top:auto;width:100%;padding:8px;border-radius:14px;box-shadow:none}
  .whatsapp-support-command-summary{width:100%;min-width:0}
  .whatsapp-notification-actions{flex:1;justify-content:flex-end}
  .whatsapp-support-commandbar .compact-notify{min-height:34px;padding:0 8px;font-size:.67rem}
  .whatsapp-support-page.has-selected .whatsapp-support-command-summary{display:none}
  .whatsapp-support-page.has-selected .whatsapp-support-commandbar{padding:7px}
  .whatsapp-ticket-filters-top{gap:5px}
  .whatsapp-ticket-filters-top a{padding:8px 5px;font-size:.68rem;border-radius:10px}
  .whatsapp-support-layout{min-height:0!important}
  .whatsapp-ticket-sidebar,.whatsapp-conversation-panel{width:100%!important;max-width:none!important;min-width:0!important}
  .whatsapp-support-layout:not(.has-selected) .whatsapp-ticket-sidebar{height:calc(100dvh - 190px);min-height:500px}
  .whatsapp-support-layout.has-selected .whatsapp-conversation-panel{height:calc(100dvh - 128px)!important;min-height:560px!important;max-height:none!important;border-radius:14px}
  .whatsapp-conversation-header{padding:9px 10px;gap:8px}
  .whatsapp-mobile-back{width:34px;height:34px;border-radius:10px;font-size:1.4rem;flex:0 0 auto}
  .whatsapp-conversation-header .avatar{width:38px;height:38px;flex:0 0 38px}
  .whatsapp-conversation-heading strong{font-size:.92rem}
  .whatsapp-conversation-heading small{font-size:.67rem}
  .whatsapp-ticket-status{padding:6px 8px;font-size:.64rem;max-width:84px}
  .whatsapp-customer-context{display:flex!important;overflow-x:auto;scrollbar-width:none;border-bottom:1px solid rgba(148,163,184,.08)}
  .whatsapp-customer-context::-webkit-scrollbar{display:none}
  .whatsapp-customer-context>div{flex:0 0 auto!important;min-width:104px;padding:7px 10px!important;border-right:1px solid rgba(148,163,184,.08);border-top:0!important}
  .whatsapp-customer-context span{font-size:.56rem}
  .whatsapp-customer-context strong{font-size:.7rem}
  .whatsapp-conversation-messages{flex:1!important;min-height:260px!important;padding:10px!important;gap:7px!important}
  .whatsapp-message{max-width:94%!important}
  .whatsapp-message>div{padding:8px 10px!important;border-radius:13px!important;font-size:.82rem;line-height:1.42!important}
  .whatsapp-message small{font-size:.61rem}
  .whatsapp-conversation-actions{position:relative!important;bottom:auto!important;padding:8px!important;box-shadow:none!important}
  .whatsapp-reply-form{grid-template-columns:minmax(0,1fr) 82px!important;gap:7px!important}
  .whatsapp-reply-form textarea{min-height:44px!important;max-height:90px;padding:9px 10px!important;border-radius:12px!important}
  .whatsapp-reply-form .button{width:82px!important;min-width:0;padding:0 8px}
  .whatsapp-ticket-buttons{display:grid!important;grid-template-columns:minmax(0,1fr) auto;gap:7px!important;max-height:none!important;overflow:visible!important;margin-top:7px!important}
  .whatsapp-ticket-buttons form{width:100%!important}
  .whatsapp-ticket-buttons form[data-whatsapp-assign-form]{grid-column:1/-1}
  .whatsapp-transfer-form{display:grid!important;grid-template-columns:minmax(0,1fr) auto!important;width:100%!important}
  .whatsapp-transfer-form select{width:100%!important;height:34px!important;min-width:0!important;max-width:none!important}
  .whatsapp-transfer-form button{width:auto!important;min-width:78px}
  .whatsapp-ticket-buttons form[data-whatsapp-close-form]{grid-column:1/-1}
  .whatsapp-ticket-buttons form[data-whatsapp-close-form] .button{width:100%!important}

  .app-site-editor-compact .app-site-editor-head,.app-site-compact-section{padding:13px}
  .app-site-editor-compact .app-site-editor-title{grid-template-columns:auto minmax(0,1fr) auto!important}
  .app-site-editor-compact .app-site-editor-title>.status-pill{grid-column:auto!important;width:auto!important}
  .app-site-editor-compact .app-site-editor-title h2{font-size:1.08rem}
  .app-site-editor-compact .app-site-public-bar{grid-template-columns:minmax(0,1fr) auto!important;gap:7px}
  .app-site-editor-compact .app-site-public-bar>a{grid-column:1/-1;width:100%}
  .compact-icon-card{grid-template-columns:88px minmax(0,1fr);max-width:none}
  .app-site-media-preview.compact-icon-preview{width:88px;height:88px}
  .app-site-media-preview.compact-icon-preview img{width:62px!important;height:62px!important;border-radius:15px!important}
  .app-site-gallery-current.compact-gallery-grid{grid-template-columns:repeat(3,minmax(0,1fr))!important}
  .compact-gallery-grid .gallery-remove-card img{max-height:none}
}

@media(max-width:430px){
  .notice-toolbar-actions{grid-template-columns:1fr}
  .whatsapp-support-command-summary{display:grid;grid-template-columns:auto minmax(0,1fr);gap:6px}
  .whatsapp-notification-actions{display:grid;grid-template-columns:1fr;gap:5px}
  .whatsapp-support-commandbar .compact-notify{width:100%!important}
  .whatsapp-support-layout.has-selected .whatsapp-conversation-panel{height:calc(100dvh - 118px)!important;min-height:520px!important}
  .whatsapp-customer-context>div{min-width:96px}
  .whatsapp-reply-form{grid-template-columns:minmax(0,1fr) 72px!important}
  .whatsapp-reply-form .button{width:72px!important;font-size:.72rem}
  .app-site-editor-compact .app-site-editor-title{grid-template-columns:auto minmax(0,1fr)!important}
  .app-site-editor-compact .app-site-editor-title>.status-pill{grid-column:1/-1!important}
  .app-site-editor-compact .app-site-public-bar{grid-template-columns:1fr!important}
  .app-site-editor-compact .app-site-public-bar .button{width:100%}
  .compact-icon-card{grid-template-columns:76px minmax(0,1fr)}
  .app-site-media-preview.compact-icon-preview{width:76px;height:76px}
  .app-site-media-preview.compact-icon-preview img{width:54px!important;height:54px!important}
  .app-site-gallery-current.compact-gallery-grid{grid-template-columns:repeat(3,minmax(0,1fr))!important;gap:7px!important}
}

.payment-config-form > .payment-config-fieldset{
  min-width:0!important;
  margin:0!important;
  padding:0!important;
  border:0!important;
  outline:0!important;
  box-shadow:none!important;
}
.account-usage-current{
  margin:2px 0 14px;
  padding:14px 16px;
  display:grid;
  gap:3px;
  border:1px solid rgba(91,129,255,.2);
  border-radius:14px;
  background:linear-gradient(145deg,rgba(55,89,178,.14),rgba(7,17,30,.66));
}
.account-usage-current span,.account-usage-current small{color:#7890b1;font-size:.68rem;font-weight:750}
.account-usage-current strong{color:#f4f8ff;font-size:1.35rem;letter-spacing:-.02em}
.account-usage-table-wrap{width:100%;max-width:100%}
.account-usage-table{width:100%}

/* Entre 761 e 980px, regras posteriores recolocavam o chat em duas colunas mesmo com a lista oculta. */
@media(max-width:1024px){
  .whatsapp-support-layout{
    display:block!important;
    grid-template-columns:minmax(0,1fr)!important;
    width:100%!important;
    max-width:none!important;
    min-width:0!important;
    height:auto!important;
  }
  .whatsapp-support-layout.has-selected .whatsapp-ticket-sidebar{display:none!important}
  .whatsapp-support-layout:not(.has-selected) .whatsapp-conversation-panel{display:none!important}
  .whatsapp-support-layout.has-selected .whatsapp-conversation-panel{
    display:flex!important;
    width:100%!important;
    max-width:none!important;
    min-width:0!important;
  }
}
@media(max-width:1024px){
  .account-usage-card{padding:11px!important;width:100%;max-width:100%;overflow:hidden}
  .account-usage-card .operation-toolbar{margin-bottom:8px}
  .account-usage-card .operation-toolbar small{font-size:.68rem}
  .account-usage-current{margin-bottom:10px;padding:12px 13px}
  .account-usage-current strong{font-size:1.2rem}
  .account-usage-table-wrap{overflow-x:hidden!important}
  .account-usage-table{
    min-width:0!important;
    width:100%!important;
    table-layout:fixed!important;
  }
  .account-usage-table th,.account-usage-table td{padding:8px 6px!important}
  .account-usage-table th{font-size:.58rem!important}
  .account-usage-table td{font-size:.72rem!important}
  .account-usage-table th:nth-child(1),.account-usage-table td:nth-child(1){width:45%}
  .account-usage-table th:nth-child(2),.account-usage-table td:nth-child(2){width:32%}
  .account-usage-table th:nth-child(3),.account-usage-table td:nth-child(3){width:23%}
  .account-usage-table td strong{font-size:.74rem!important;white-space:normal}
  .account-usage-table .table-action{font-size:.58rem!important;white-space:normal}

  .whatsapp-support-page.has-selected{
    width:100%!important;
    max-width:none!important;
    min-width:0!important;
  }
  .whatsapp-support-page.has-selected .whatsapp-support-commandbar{display:none!important}
  .whatsapp-support-page.has-selected .whatsapp-support-layout{
    width:100%!important;
    max-width:none!important;
    min-width:0!important;
    margin:0!important;
  }
  .whatsapp-support-page.has-selected .whatsapp-conversation-panel{
    width:100%!important;
    max-width:none!important;
    min-width:0!important;
    height:calc(100dvh - 92px)!important;
    min-height:520px!important;
    margin:0!important;
    border-radius:13px!important;
  }
  .whatsapp-conversation-header{width:100%;box-sizing:border-box}
  .whatsapp-customer-context{width:100%;max-width:100%;box-sizing:border-box}
  .whatsapp-conversation-messages{width:100%;max-width:100%;box-sizing:border-box}
  .whatsapp-conversation-actions{width:100%;max-width:100%;box-sizing:border-box}
}

.payment-config-layout{
  grid-template-columns:minmax(0,1fr) minmax(280px,360px)!important;
  align-items:start;
}
.payment-config-aside{grid-template-columns:1fr!important}

.account-usage-compact{
  width:100%;
  max-width:520px;
  margin:0 auto;
  display:grid;
  gap:10px;
}
.account-usage-head{
  min-width:0;
  padding:2px 2px 8px;
  display:flex;
  align-items:end;
  justify-content:space-between;
  gap:12px;
  border-bottom:1px solid rgba(127,151,194,.12);
}
.account-usage-head>div{min-width:0;display:grid;gap:2px}
.account-usage-head span,.account-usage-head small{color:#7589a8;font-size:.68rem;font-weight:700}
.account-usage-head strong{overflow:hidden;color:#eef4ff;font-size:1rem;text-overflow:ellipsis;white-space:nowrap}
.account-usage-head>small{white-space:nowrap}
.account-usage-compact .account-usage-current{
  margin:0;
  min-height:64px;
  padding:10px 13px;
  grid-template-columns:minmax(0,1fr) auto;
  align-items:center;
  gap:4px 12px;
  border-radius:12px;
}
.account-usage-compact .account-usage-current span{align-self:end}
.account-usage-compact .account-usage-current strong{grid-row:1/3;grid-column:2;font-size:1.3rem;white-space:nowrap}
.account-usage-history-list{display:grid;border:1px solid rgba(127,151,194,.12);border-radius:12px;overflow:hidden;background:rgba(7,16,29,.38)}
.account-usage-history-row{min-width:0;padding:9px 11px;display:grid;grid-template-columns:minmax(0,1fr) auto auto;align-items:center;gap:10px;border-bottom:1px solid rgba(127,151,194,.09)}
.account-usage-history-row:last-child{border-bottom:0}
.account-usage-period{min-width:0;display:grid;gap:1px}
.account-usage-period strong{color:#dfe8f7;font-size:.78rem}
.account-usage-period small{color:#70839f;font-size:.62rem}
.account-usage-value{color:#eef4ff;font-size:.8rem;white-space:nowrap}
.account-usage-cycle{min-width:52px;padding:4px 7px;border:1px solid rgba(127,151,194,.12);border-radius:999px;color:#8294ad;background:rgba(255,255,255,.025);font-size:.6rem;font-weight:800;text-align:center}
.account-usage-cycle.is-current{border-color:rgba(72,219,167,.18);color:#7ee1bd;background:rgba(45,194,142,.07)}

.sidebar-footer{
  padding:8px!important;
  display:grid!important;
  grid-template-columns:1fr!important;
  gap:7px!important;
  border-color:rgba(112,143,207,.18)!important;
  border-radius:17px!important;
  background:linear-gradient(155deg,rgba(18,34,58,.94),rgba(8,18,32,.96))!important;
  box-shadow:0 18px 38px rgba(0,0,0,.16),inset 0 1px rgba(255,255,255,.025)!important;
}
.sidebar-user-card{
  width:100%;
  padding:7px;
  border:1px solid transparent;
  border-radius:12px;
  transition:.18s ease;
}
.sidebar-user-card:hover{border-color:rgba(104,139,234,.16);background:rgba(91,122,231,.07)}
.sidebar-user-copy{min-width:0;display:grid;gap:2px}
.sidebar-logout-form{width:100%;margin:0}
.sidebar-logout-button{
  width:100%;
  min-height:38px;
  padding:0 12px;
  display:flex;
  align-items:center;
  justify-content:center;
  gap:8px;
  border:1px solid rgba(255,112,128,.12);
  border-radius:11px;
  background:rgba(255,94,112,.045);
  color:#d8a0a8;
  font-size:.76rem;
  font-weight:800;
  transition:.18s ease;
}
.sidebar-logout-button:hover{border-color:rgba(255,112,128,.22);background:rgba(255,94,112,.09);color:#ff9aa7}
.sidebar-logout-button .button-svg{width:16px;height:16px}
.topbar{justify-content:flex-start!important}

@media(max-width:1050px){
  .payment-config-layout{grid-template-columns:1fr!important}
  .payment-config-aside{grid-template-columns:1fr!important}
}
@media(max-width:1024px){
  .sidebar-top{min-height:52px!important;padding-bottom:4px!important;border-bottom:0!important}
  .app-page .nav{padding-top:2px!important}
}
@media(max-width:640px){
  .sidebar-top{min-height:48px!important;padding-bottom:2px!important}
  .account-usage-compact{max-width:none;gap:8px}
  .account-usage-head{align-items:flex-start;flex-direction:column;gap:3px;padding-bottom:7px}
  .account-usage-compact .account-usage-current{min-height:58px;padding:9px 11px}
  .account-usage-compact .account-usage-current strong{font-size:1.15rem}
  .account-usage-history-row{padding:8px 9px;grid-template-columns:minmax(0,1fr) auto;gap:6px 8px}
  .account-usage-cycle{grid-column:2;min-width:48px}
  .account-usage-value{grid-column:2;grid-row:1;font-size:.76rem}
  .account-usage-cycle{grid-row:2}
}

.sidebar-footer{gap:0!important}
.sidebar-logout-form,.sidebar-logout-button{display:none!important}
.topbar{justify-content:space-between!important}
.topbar-dashboard-actions{margin-left:auto;display:flex;align-items:center;justify-content:flex-end;flex:0 0 auto}
.topbar-logout-form{margin:0}
.topbar-logout-button{
  min-height:38px;
  padding:0 14px;
  display:inline-flex;
  align-items:center;
  justify-content:center;
  gap:8px;
  border:1px solid rgba(255,112,128,.14);
  border-radius:11px;
  background:rgba(255,94,112,.055);
  color:#e2a5ae;
  font-size:.76rem;
  font-weight:850;
  line-height:1;
  cursor:pointer;
  transition:border-color .18s ease,background .18s ease,color .18s ease,transform .18s ease;
}
.topbar-logout-button:hover{border-color:rgba(255,112,128,.28);background:rgba(255,94,112,.1);color:#ff9dab;transform:translateY(-1px)}
.topbar-logout-button .button-svg{width:16px;height:16px}
@media(max-width:1024px){
  .topbar{gap:10px!important}
  .topbar-title{flex:1 1 auto}
  .topbar-dashboard-actions{margin-left:auto}
  .topbar-logout-button{min-height:36px;padding:0 11px;gap:6px;border-radius:10px;font-size:.72rem}
  .topbar-logout-button .button-svg{width:15px;height:15px}
}
@media(max-width:420px){
  .topbar-logout-button{padding:0 10px}
}

.app-site-live-preview-section{display:grid;gap:12px}
.app-site-live-preview-frame{height:520px;overflow:hidden;border:1px solid rgba(141,181,217,.16);border-radius:16px;background:#07111f}
.app-site-live-preview-frame iframe{display:block;width:100%;height:100%;border:0;background:#07111f;pointer-events:none}
.app-site-imgbb-upload-row{display:flex;align-items:center;justify-content:space-between;gap:12px;min-height:52px;padding:8px 10px;border:1px solid rgba(141,181,217,.13);border-radius:12px;background:rgba(255,255,255,.022)}
.app-site-imgbb-upload-row>span{font-size:.75rem;font-weight:800;color:#c7d5e4}
.app-site-imgbb-upload,.app-theme-banner-import{flex:0 0 auto}
.app-site-imgbb-upload{display:grid;place-items:center;width:38px;height:38px;padding:0;border:1px solid rgba(88,145,255,.24);border-radius:11px;background:linear-gradient(145deg,rgba(42,91,184,.34),rgba(24,55,111,.62));color:#a9c9ff;cursor:pointer;transition:.18s ease}
.app-site-imgbb-upload:hover{border-color:rgba(100,166,255,.52);color:#fff}

.app-site-imgbb-upload.is-error{border-color:rgba(255,92,119,.6);color:#ff8ca1}
@media(max-width:680px){.app-site-live-preview-frame{height:440px}.app-site-imgbb-upload-row{min-height:48px}.app-site-imgbb-upload{width:36px;height:36px}}

.app-theme-card .app-theme-phone{padding:0!important}
.app-theme-card .app-theme-preview-image{position:absolute;left:6px;right:6px;top:18px;bottom:15px;width:calc(100% - 12px)!important;height:calc(100% - 33px)!important;border-radius:17px!important;object-fit:contain!important;object-position:center!important;background:#050811}
.app-theme-card .app-theme-phone iframe{position:absolute;left:6px;top:18px;transform-origin:top left!important}
.app-theme-card .app-theme-card-device-status{position:absolute;top:8px;left:12px;right:12px;z-index:5;display:flex;align-items:center;justify-content:space-between;color:#cbd8e8;font-size:5.5px;font-weight:700;line-height:1;pointer-events:none}
.app-theme-card .app-theme-card-device-navigation{position:absolute;left:6px;right:6px;bottom:5px;z-index:5;height:12px;display:grid;place-items:center;background:rgba(2,7,13,.95);pointer-events:none}
.app-theme-card .app-theme-card-device-navigation span{display:block;width:40px;height:2.5px;border-radius:999px;background:rgba(226,236,248,.62)}
.app-theme-card .app-theme-phone-home{display:none!important}
@media(max-width:680px){.app-theme-card .app-theme-card-device-status{font-size:5px}.app-theme-card .app-theme-card-device-navigation span{width:35px}}

/* Ícones de remoção de imagem independem de biblioteca de ícones. */
.media-remove-x,.app-site-gallery-remove{position:relative}
.media-remove-x>span{font-size:0!important}
.media-remove-x>span::before,.app-site-gallery-remove::before{content:"";display:block;width:14px;height:14px;background:currentColor;-webkit-mask:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24'%3E%3Cpath fill='black' d='m7.05 5.64 4.95 4.95 4.95-4.95 1.41 1.41L13.41 12l4.95 4.95-1.41 1.41L12 13.41l-4.95 4.95-1.41-1.41L10.59 12 5.64 7.05l1.41-1.41Z'/%3E%3C/svg%3E") center/contain no-repeat;mask:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24'%3E%3Cpath fill='black' d='m7.05 5.64 4.95 4.95 4.95-4.95 1.41 1.41L13.41 12l4.95 4.95-1.41 1.41L12 13.41l-4.95 4.95-1.41-1.41L10.59 12 5.64 7.05l1.41-1.41Z'/%3E%3C/svg%3E") center/contain no-repeat}

/* Feedback de disponibilidade de usuário nos cadastros do painel. */
[data-username-availability-feedback].is-error{color:#ff9aae!important}
[data-username-availability-feedback].is-ok{color:#62d9bd!important}

/* Recuperação/login. */
.login-forgot-row{display:flex;justify-content:flex-end;margin-top:-2px}
.login-forgot-link{color:#8da5c9;font-size:12px;font-weight:700;text-decoration:none;transition:.18s ease}
.login-forgot-link:hover{color:#fff;text-decoration:underline}
.login-recovery-actions{display:grid;grid-template-columns:1fr 1fr;gap:10px;margin-top:13px}
.login-recovery-actions .login-submit{margin-top:0!important}
.login-recovery-actions .button{width:100%;min-height:50px}

/* Galeria do Site APK no mesmo fluxo visual de Novidades. */
.app-site-gallery-section .app-site-gallery-feature-editor{margin:0}
.app-site-gallery-feature-editor>header{grid-template-columns:auto minmax(0,1fr) auto}
.app-site-gallery-count{align-self:start;padding:5px 8px;border:1px solid rgba(141,181,217,.16);border-radius:999px;color:#9eb4ca;font-size:10px;font-weight:850}
.app-site-gallery-list{display:grid;gap:9px}
.app-site-gallery-row{grid-template-columns:54px minmax(0,1fr) 38px!important;align-items:center!important;min-height:68px;padding:7px 8px!important}
.app-site-gallery-thumb{display:block;width:48px;height:56px;overflow:hidden;border:1px solid rgba(141,181,217,.15);border-radius:9px;background:#07111f}
.app-site-gallery-thumb img{display:block;width:100%;height:100%;object-fit:cover}
.app-site-gallery-row-copy{display:grid;gap:2px;min-width:0}
.app-site-gallery-row-copy strong{overflow:hidden;text-overflow:ellipsis;white-space:nowrap;font-size:12px}
.app-site-gallery-row-copy small{color:var(--muted);font-size:10px}
.app-site-gallery-remove{display:grid!important;place-items:center!important;width:34px!important;height:34px!important;padding:0!important;border:1px solid rgba(255,115,132,.32)!important;border-radius:10px!important;background:rgba(74,20,31,.26)!important;color:#ff9aa8!important;font-size:0!important;cursor:pointer}
.app-site-gallery-remove:hover{border-color:rgba(255,115,132,.58)!important;background:rgba(110,27,43,.38)!important;color:#fff!important}
.app-site-gallery-feature-editor [data-site-gallery-add].is-loading{opacity:.72;pointer-events:none}
@media(max-width:620px){.app-site-gallery-row{grid-template-columns:48px minmax(0,1fr) 36px!important}.app-site-gallery-thumb{width:42px;height:50px}}
.media-remove-x[hidden]{display:none!important}

[data-imgbb-upload]{
  display:grid!important;
  place-items:center!important;
  cursor:pointer!important;
  user-select:none;
  -webkit-user-select:none;
  touch-action:manipulation;
  -webkit-tap-highlight-color:transparent;
  transform:none!important;
}
[data-imgbb-upload]::before{display:none!important;content:none!important}
[data-imgbb-upload] i{display:none!important}
[data-imgbb-upload] .imgbb-upload-svg{

}
[data-imgbb-upload][aria-disabled="true"]{pointer-events:none;opacity:.72}
.app-theme-banner-import{
  top:50%!important;
  margin-top:-18px!important;
  transform:none!important;
}
@media(max-width:680px){.app-theme-banner-import{margin-top:-17px!important}}
.app-site-imgbb-upload{transform:none!important}

/* O link continua logo abaixo da senha, apenas com tipografia menor. */
.login-forgot-link{font-size:10px!important;line-height:1.3!important}

/* Galeria de telas: um único card, no mesmo fluxo visual de Novidades. */
.app-site-gallery-section{
  margin-top:0!important;
  padding:16px!important;
  display:grid!important;
  gap:0!important;
}
.app-site-gallery-section>header{
  display:flex!important;
  align-items:center!important;
  gap:12px!important;
  margin-bottom:12px!important;
}
.app-site-gallery-section>header>div{display:grid!important;gap:3px!important;min-width:0}
.app-site-gallery-list:empty{display:none!important}
.app-site-gallery-section .store-feature-add{
  margin-top:10px!important;
  width:max-content;
  text-decoration:none!important;
}
.app-site-gallery-section .store-feature-add.is-loading,
.app-site-gallery-section .store-feature-add.is-disabled{
  opacity:.45!important;
  pointer-events:none!important;
  cursor:not-allowed!important;
}
.app-site-gallery-row{width:100%!important}

/* Ícones de remover imagem desenhados no próprio HTML, sem Font Awesome/mask. */
.media-remove-x::before,.media-remove-x>span::before,.app-site-gallery-remove::before{display:none!important;content:none!important}
.media-remove-svg{
  display:block!important;
  width:15px!important;
  height:15px!important;
  fill:none!important;
  stroke:currentColor!important;
  stroke-width:2.2!important;
  stroke-linecap:round!important;
  pointer-events:none!important;
}
@media(max-width:680px){
  .app-site-gallery-section .store-feature-add{width:100%;justify-self:stretch}
}
button[data-imgbb-upload]:active,
button[data-imgbb-upload]:focus,
button[data-imgbb-upload]:focus-visible{transform:none!important}
.app-site-gallery-section .app-site-gallery-count{margin-left:auto!important}

.primecel-image-preview-wrap {
    position: relative !important;
}

.primecel-image-remove-overlay {
    position: absolute !important;
    top: 7px !important;
    right: 7px !important;
    z-index: 20 !important;
    width: 32px !important;
    height: 32px !important;
    min-width: 32px !important;
    min-height: 32px !important;
    padding: 0 !important;
    border: 1px solid rgba(255, 91, 111, .72) !important;
    border-radius: 999px !important;
    background: rgba(45, 10, 20, .94) !important;
    color: #ff7588 !important;
    display: inline-flex !important;
    align-items: center !important;
    justify-content: center !important;
    font-size: 23px !important;
    font-weight: 500 !important;
    line-height: 1 !important;
    cursor: pointer !important;
    box-shadow: 0 6px 18px rgba(0, 0, 0, .28) !important;
}

.primecel-image-remove-overlay:hover,
.primecel-image-remove-overlay:focus-visible {
    transform: translateY(-1px);
    filter: brightness(1.08);
}

.primecel-legacy-image-x-hidden {
    display: none !important;
}

[data-imgbb-upload]{
  box-sizing:border-box!important;
  overflow:hidden!important;
  line-height:0!important;
}
button.app-theme-banner-import[data-imgbb-upload]{
  width:36px!important;
  min-width:36px!important;
  max-width:36px!important;
  height:36px!important;
  min-height:36px!important;
  max-height:36px!important;
  padding:0!important;
  right:6px!important;
  top:50%!important;
  margin-top:-18px!important;
  transform:none!important;
}
button.app-site-imgbb-upload[data-imgbb-upload]{
  width:38px!important;
  min-width:38px!important;
  max-width:38px!important;
  height:38px!important;
  min-height:38px!important;
  max-height:38px!important;
  padding:0!important;
  transform:none!important;
}
[data-imgbb-upload] .imgbb-upload-svg{
  display:block!important;
  flex:0 0 18px!important;
  width:18px!important;
  min-width:18px!important;
  max-width:18px!important;
  height:18px!important;
  min-height:18px!important;
  max-height:18px!important;
  margin:0!important;
  padding:0!important;
  fill:none!important;
  stroke:currentColor!important;
  stroke-width:2!important;
  stroke-linecap:round!important;
  stroke-linejoin:round!important;
  pointer-events:none!important;
}
@media(max-width:680px){
  button.app-theme-banner-import[data-imgbb-upload]{
    width:34px!important;
    min-width:34px!important;
    max-width:34px!important;
    height:34px!important;
    min-height:34px!important;
    max-height:34px!important;
    margin-top:-17px!important;
  }
  button.app-site-imgbb-upload[data-imgbb-upload]{
    width:36px!important;
    min-width:36px!important;
    max-width:36px!important;
    height:36px!important;
    min-height:36px!important;
    max-height:36px!important;
  }
}

.app-theme-phone-live-preview iframe{
  width:360px!important;
  height:720px!important;
  transform:scale(.625)!important;
  transform-origin:top left!important;
}
@media(max-width:680px){
  .app-theme-phone-live-preview iframe{
    width:360px!important;
    height:720px!important;
    transform:scale(.572)!important;
  }
}

.account-expiry-premium {
    display: grid;
    gap: 14px;
    width: min(100%, 560px);
}
.expiry-premium-main {
    display: grid;
    grid-template-columns: minmax(0, 1fr) minmax(118px, .78fr);
    gap: 10px;
    align-items: stretch;
}
.expiry-premium-option {
    min-width: 0;
    cursor: pointer;
}
.expiry-premium-option > input,
.expiry-premium-radio > input {
    position: absolute;
    inline-size: 1px;
    block-size: 1px;
    opacity: 0;
    pointer-events: none;
}
.expiry-premium-control {
    min-height: 46px;
    padding: 10px 13px;
    display: flex;
    align-items: center;
    gap: 10px;
    border: 1px solid var(--line);
    border-radius: 13px;
    background: rgba(8, 20, 35, .72);
    color: #dbe6f7;
    transition: border-color .16s ease, background .16s ease, box-shadow .16s ease, transform .16s ease;
}
.expiry-premium-control i,
.expiry-premium-radio > span {
    width: 18px;
    height: 18px;
    flex: 0 0 18px;
    border: 2px solid #64748b;
    border-radius: 999px;
    background: rgba(5, 15, 28, .9);
    box-shadow: inset 0 0 0 4px rgba(5, 15, 28, .9);
    transition: .16s ease;
}
.expiry-premium-control strong {
    font-size: 13.5px;
    font-weight: 800;
    letter-spacing: -.01em;
}
.expiry-premium-option:hover .expiry-premium-control {
    border-color: rgba(96, 130, 246, .42);
    transform: translateY(-1px);
}
.expiry-premium-option:has(input:checked) .expiry-premium-control {
    border-color: rgba(96, 130, 246, .62);
    background: linear-gradient(145deg, rgba(91, 119, 235, .17), rgba(25, 58, 116, .11));
    box-shadow: inset 0 0 0 1px rgba(96, 130, 246, .08), 0 8px 24px rgba(2, 8, 23, .14);
}
.expiry-premium-option:has(input:checked) .expiry-premium-control i,
.expiry-premium-radio:has(input:checked) > span {
    border-color: #7d96ff;
    background: #7d96ff;
}
.expiry-premium-custom {
    display: grid;
    gap: 7px;
    padding-top: 2px;
}
.expiry-premium-custom[hidden] { display: none !important; }
.expiry-premium-label {
    color: #aab8cc;
    font-size: 12px;
    font-weight: 760;
}
.expiry-premium-custom-row {
    min-width: 0;
    display: grid;
    grid-template-columns: 24px minmax(92px, 128px) auto;
    align-items: center;
    gap: 9px;
}
.expiry-premium-radio {
    width: 24px;
    height: 44px;
    display: grid;
    place-items: center;
    cursor: pointer;
}
.expiry-premium-custom-row select {
    width: 100%;
    min-width: 0;
    min-height: 44px;
    padding-inline: 12px 34px;
    border-radius: 11px;
}
.expiry-premium-custom-row select:disabled {
    opacity: .52;
    cursor: default;
}
.expiry-premium-custom-row > strong {
    color: #c4d0e1;
    font-size: 12.5px;
    font-weight: 780;
}
.account-expiry-premium.is-custom .expiry-premium-custom-row select {
    border-color: rgba(96, 130, 246, .52);
    box-shadow: 0 0 0 1px rgba(96, 130, 246, .06);
}

@media (max-width:1024px) {
    .account-expiry-premium { width: 100%; gap: 12px; }
    .expiry-premium-main { grid-template-columns: minmax(0, 1fr) minmax(112px, .74fr); gap: 8px; }
    .expiry-premium-control { min-height: 44px; padding: 9px 11px; }
    .expiry-premium-custom-row { grid-template-columns: 24px minmax(0, 1fr) auto; }
}

@media (max-width: 380px) {
    .expiry-premium-control { padding-inline: 9px; gap: 8px; }
    .expiry-premium-control strong { font-size: 12.5px; }
    .expiry-premium-custom-row { gap: 7px; }
}

.ui-modal.modal-variant-operation.is-account-create {
    width: min(680px, calc(100vw - 40px));
    height: fit-content;

}
.ui-modal.modal-variant-operation.is-account-create .ui-modal-body {
    flex: 0 1 auto;

    max-height: calc(100dvh - 108px);
    padding: 16px 18px 18px;

}
.ui-modal.modal-variant-operation.is-account-create .ui-modal-actions {

}
.ui-modal.modal-variant-operation.is-account-create .operation-modal-page {

}
.operation-modal-page .account-create-compact,
.account-create-compact {

}
.operation-modal-page .account-create-compact > .flow-step,
.account-create-compact > .flow-step {

    padding: 0 !important;
    border: 0 !important;
    border-radius: 0 !important;
    background: transparent !important;
    box-shadow: none !important;
}
.operation-modal-page .account-create-compact > .flow-step + .flow-step,
.account-create-compact > .flow-step + .flow-step {
    padding-top: 13px !important;
    border-top: 1px solid rgba(114, 141, 187, .14) !important;
}
.operation-modal-page .account-create-compact .flow-step-head,
.account-create-compact .flow-step-head {
    margin: 0 0 8px !important;

}
.operation-modal-page .account-create-compact .flow-step-head > span,
.account-create-compact .flow-step-head > span {

}
.operation-modal-page .account-create-compact .flow-step-head h3,
.account-create-compact .flow-step-head h3 {
    margin: 0;
    color: #dce6f5;
    font-size: 13px;
    font-weight: 800;
    letter-spacing: -.01em;
}
.operation-modal-page .account-create-compact .flow-step-head p,
.account-create-compact .flow-step-head p {
    display: none !important;
}
.operation-modal-page .account-create-compact .form-grid,
.account-create-compact .form-grid {
    gap: 10px;
}
.operation-modal-page .account-create-compact .form-grid.two-columns,
.account-create-compact .form-grid.two-columns {

}
.operation-modal-page .account-create-compact label,
.account-create-compact label {
    gap: 5px;
}
.operation-modal-page .account-create-compact label > span,
.account-create-compact label > span,
.operation-modal-page .account-create-compact .field-title,
.account-create-compact .field-title {
    font-size: 11px;
}
.operation-modal-page .account-create-compact label > small,
.account-create-compact label > small {

    font-size: 9px;
    line-height: 1.3;
}
.operation-modal-page .account-create-compact input,
.operation-modal-page .account-create-compact select,
.account-create-compact input,
.account-create-compact select {
    min-height: 42px;
    border-radius: 11px;
}
.operation-modal-page .account-create-compact .choice-cards,
.account-create-compact .choice-cards {
    gap: 8px;
}
.operation-modal-page .account-create-compact .choice-card,
.account-create-compact .choice-card {
    min-height: 46px;
    padding: 9px 11px;
    border-radius: 12px;
}
.operation-modal-page .account-create-compact [data-account-mode] .choice-card small,
.account-create-compact [data-account-mode] .choice-card small {
    display: none;
}
.operation-modal-page .account-create-compact .phone-input-with-action,
.account-create-compact .phone-input-with-action {

}
.operation-modal-page .account-create-compact .phone-input-grid,
.account-create-compact .phone-input-grid {
    grid-template-columns: 72px 92px minmax(0, 1fr) !important;
    gap: 8px;
}
.operation-modal-page .account-create-compact .compact-paste-button,
.account-create-compact .compact-paste-button {
    min-width: 82px;
}
.operation-modal-page .account-create-compact .standalone-field-card,
.account-create-compact .standalone-field-card {

}
.operation-modal-page .account-create-compact .compact-money-field,
.account-create-compact .compact-money-field {
    width: min(100%, 300px);

}
.operation-modal-page .account-create-compact .expiry-flow-step,
.account-create-compact .expiry-flow-step {
    padding-bottom: 1px !important;
}
.operation-modal-page .account-create-compact .account-expiry-premium,
.account-create-compact .account-expiry-premium {
    width: min(100%, 470px);
    gap: 10px;
}
.operation-modal-page .account-create-compact .expiry-premium-main,
.account-create-compact .expiry-premium-main {

    gap: 8px;
}
.operation-modal-page .account-create-compact .expiry-premium-control,
.account-create-compact .expiry-premium-control {
    min-height: 42px;
    padding: 8px 11px;
    border-radius: 12px;
}
.operation-modal-page .account-create-compact .expiry-premium-custom,
.account-create-compact .expiry-premium-custom {
    gap: 6px;
}
.operation-modal-page .account-create-compact .expiry-premium-label,
.account-create-compact .expiry-premium-label {
    font-size: 11px;
}
.operation-modal-page .account-create-compact .expiry-premium-custom-row,
.account-create-compact .expiry-premium-custom-row {
    grid-template-columns: 24px 116px auto;
    gap: 8px;

}
.operation-modal-page .account-create-compact .expiry-premium-custom-row select,
.account-create-compact .expiry-premium-custom-row select {
    width: 116px;

    opacity: .72;
}
.operation-modal-page .account-create-compact .account-expiry-premium.is-custom .expiry-premium-custom-row select,
.account-create-compact .account-expiry-premium.is-custom .expiry-premium-custom-row select {
    opacity: 1;
    border-color: rgba(95,124,255,.62);
    box-shadow: 0 0 0 3px rgba(95,124,255,.08);
}
.operation-modal-page .account-create-compact .operation-form-actions,
.account-create-compact .operation-form-actions {
    position: sticky;
    bottom: -1px;
    z-index: 4;
    margin: 2px 0 0 !important;
    padding: 12px 0 2px !important;

    background: linear-gradient(180deg, rgba(12,24,41,0), #0c1829 32%);
}
.operation-modal-page .account-create-compact .operation-form-actions .button,
.account-create-compact .operation-form-actions .button {
    width: min(100%, 230px);

    min-height: 44px;
}
@media (max-width: 680px) {
    .ui-modal.modal-variant-operation.is-account-create {
        width: calc(100vw - 24px);
        max-height: calc(100dvh - 24px);
    }
    .ui-modal.modal-variant-operation.is-account-create .ui-modal-body {
        max-height: calc(100dvh - 94px);
        padding: 13px 14px 15px;
    }
    .operation-modal-page .account-create-compact,
    .account-create-compact {  }
    .operation-modal-page .account-create-compact > .flow-step + .flow-step,
    .account-create-compact > .flow-step + .flow-step { padding-top: 11px !important; }
    .operation-modal-page .account-create-compact .form-grid.two-columns,
    .account-create-compact .form-grid.two-columns {  }
    .operation-modal-page .account-create-compact .phone-input-grid,
    .account-create-compact .phone-input-grid {

    }
    .operation-modal-page .account-create-compact .phone-input-with-action,
    .account-create-compact .phone-input-with-action {

        gap: 7px;
    }
    .operation-modal-page .account-create-compact .compact-paste-button,
    .account-create-compact .compact-paste-button { min-width: 72px; }
    .operation-modal-page .account-create-compact .account-expiry-premium,
    .account-create-compact .account-expiry-premium {  }
}
@media (max-width: 430px) {
    .operation-modal-page .account-create-compact .expiry-premium-main,
    .account-create-compact .expiry-premium-main { grid-template-columns: repeat(2, minmax(0, 1fr)); }
    .operation-modal-page .account-create-compact .expiry-premium-custom-row,
    .account-create-compact .expiry-premium-custom-row { grid-template-columns: 24px minmax(84px, 118px) auto; }
    .operation-modal-page .account-create-compact .expiry-premium-custom-row select,
    .account-create-compact .expiry-premium-custom-row select { width: 100%; }
    .operation-modal-page .account-create-compact .phone-input-with-action,
    .account-create-compact .phone-input-with-action { grid-template-columns: 1fr; }
    .operation-modal-page .account-create-compact .compact-paste-button,
    .account-create-compact .compact-paste-button { width: 100%; }
}

/* Mantém as escolhas principais compactas também em telas estreitas. */
.operation-modal-page .account-create-compact [data-account-mode],
.account-create-compact [data-account-mode] {

}
.operation-modal-page .account-create-compact [data-trial-duration] .choice-cards,
.account-create-compact [data-trial-duration] .choice-cards {

}
.operation-modal-page .account-create-compact [data-trial-duration] .choice-card small,
.account-create-compact [data-trial-duration] .choice-card small {
    display: none;
}
.operation-modal-page .account-create-compact label > small:not([data-username-availability-feedback]),
.account-create-compact label > small:not([data-username-availability-feedback]) {
    display: none;
}

.ui-modal.modal-variant-operation.is-account-create {
    width: min(760px, calc(100vw - 40px));
    height: min(820px, calc(100dvh - 32px));
    max-height: calc(100dvh - 32px);
    display: flex;
    flex-direction: column;
    overflow: hidden;
}
.ui-modal.modal-variant-operation.is-account-create .ui-modal-body {
    flex: 1 1 auto;
    min-height: 0;
    max-height: none;
    padding: 20px 22px 24px;

    scrollbar-gutter: stable;
}
.ui-modal.modal-variant-operation.is-account-create .ui-modal-actions {
    display: none;
}
.ui-modal.modal-variant-operation.is-account-create .operation-modal-page {
    display: block;
    width: 100%;
    height: auto !important;
    min-height: 0 !important;
    max-width: none;
    margin: 0;
    align-content: start;
}
.operation-modal-page .account-create-compact,
.account-create-compact {
    width: 100%;
    height: auto !important;
    min-height: 0 !important;
    max-width: none;
    margin: 0;
    padding: 0;
    display: grid;
    align-self: start;
    align-content: start;
    gap: 14px;
    border: 0;
    border-radius: 0;
    background: transparent;
    box-shadow: none;
}
.operation-modal-page .account-create-compact > .flow-step,
.account-create-compact > .flow-step {
    margin: 0 !important;
    padding: 18px !important;
    border: 1px solid rgba(116, 145, 194, .20) !important;
    border-radius: 16px !important;
    background:
        radial-gradient(circle at 100% 0%, rgba(74, 124, 255, .075), transparent 34%),
        linear-gradient(145deg, rgba(12, 27, 46, .94), rgba(8, 20, 35, .92)) !important;
    box-shadow:
        inset 0 1px 0 rgba(255,255,255,.018),
        0 10px 28px rgba(0,0,0,.10) !important;
}
.operation-modal-page .account-create-compact > .flow-step + .flow-step,
.account-create-compact > .flow-step + .flow-step {
    padding-top: 18px !important;
    border-top: 1px solid rgba(116, 145, 194, .20) !important;
}
.operation-modal-page .account-create-compact .flow-step-head,
.account-create-compact .flow-step-head {
    margin: 0 0 14px !important;
    display: block;
}
.operation-modal-page .account-create-compact .flow-step-head > span,
.account-create-compact .flow-step-head > span {
    display: none !important;
}
.operation-modal-page .account-create-compact .flow-step-head h3,
.account-create-compact .flow-step-head h3 {
    margin: 0 0 4px;
    color: #edf3fc;
    font-size: 17px;
    line-height: 1.25;
    font-weight: 820;
    letter-spacing: -.015em;
}
.operation-modal-page .account-create-compact .flow-step-head p,
.account-create-compact .flow-step-head p {
    display: block !important;
    margin: 0;
    color: #8fa2bc;
    font-size: 12.5px;
    line-height: 1.45;
}
.operation-modal-page .account-create-compact .form-grid,
.account-create-compact .form-grid {
    gap: 13px;
}
.operation-modal-page .account-create-compact .form-grid.two-columns,
.account-create-compact .form-grid.two-columns {
    grid-template-columns: repeat(2, minmax(0, 1fr));
}
.operation-modal-page .account-create-compact label,
.account-create-compact label {
    gap: 7px;
}
.operation-modal-page .account-create-compact label > span,
.account-create-compact label > span,
.operation-modal-page .account-create-compact .field-title,
.account-create-compact .field-title {
    color: #c7d3e4;
    font-size: 13px;
    line-height: 1.3;
    font-weight: 700;
}
.operation-modal-page .account-create-compact label > small,
.account-create-compact label > small {
    display: block !important;
    margin-top: 0;
    color: #7f93ad;
    font-size: 11px;
    line-height: 1.4;
}
.operation-modal-page .account-create-compact input,
.operation-modal-page .account-create-compact select,
.account-create-compact input,
.account-create-compact select {
    min-height: 48px;
    border-radius: 12px;
    font-size: 14px;
}
.operation-modal-page .account-create-compact input:focus,
.operation-modal-page .account-create-compact select:focus,
.account-create-compact input:focus,
.account-create-compact select:focus {
    box-shadow: 0 0 0 3px rgba(76, 121, 255, .10);
}
.operation-modal-page .account-create-compact .choice-cards,
.account-create-compact .choice-cards {
    gap: 10px;
}
.operation-modal-page .account-create-compact .choice-card,
.account-create-compact .choice-card {
    min-height: 64px;
    padding: 12px 14px;
    border-radius: 13px;
    border-color: rgba(116,145,194,.20);
    background: rgba(7, 18, 32, .58);
}
.operation-modal-page .account-create-compact .choice-card strong,
.account-create-compact .choice-card strong {
    font-size: 14px;
    line-height: 1.25;
}
.operation-modal-page .account-create-compact .choice-card small,
.account-create-compact .choice-card small,
.operation-modal-page .account-create-compact [data-account-mode] .choice-card small,
.account-create-compact [data-account-mode] .choice-card small,
.operation-modal-page .account-create-compact [data-trial-duration] .choice-card small,
.account-create-compact [data-trial-duration] .choice-card small {
    display: block !important;
    margin-top: 3px;
    font-size: 10.5px;
    line-height: 1.35;
}
.operation-modal-page .account-create-compact [data-account-mode],
.account-create-compact [data-account-mode] {
    grid-template-columns: repeat(2, minmax(0, 1fr)) !important;
}
.operation-modal-page .account-create-compact [data-trial-duration] .choice-cards,
.account-create-compact [data-trial-duration] .choice-cards {
    grid-template-columns: repeat(3, minmax(0, 1fr)) !important;
}
.operation-modal-page .account-create-compact .phone-input-with-action,
.account-create-compact .phone-input-with-action {
    align-items: stretch;
    gap: 10px;
}
.operation-modal-page .account-create-compact .phone-input-grid,
.account-create-compact .phone-input-grid {
    grid-template-columns: 74px 92px minmax(0, 1fr) !important;
    gap: 9px;
}
.operation-modal-page .account-create-compact .compact-paste-button,
.account-create-compact .compact-paste-button {
    min-width: 88px;
    min-height: 48px;
}
.operation-modal-page .account-create-compact .standalone-field-card,
.account-create-compact .standalone-field-card {
    display: block;
}
.operation-modal-page .account-create-compact .compact-money-field,
.account-create-compact .compact-money-field {
    width: min(100%, 330px);
    max-width: none;
}
.operation-modal-page .account-create-compact .expiry-flow-step,
.account-create-compact .expiry-flow-step {
    padding-bottom: 18px !important;
}
.operation-modal-page .account-create-compact .account-expiry-premium,
.account-create-compact .account-expiry-premium {
    width: 100%;
    gap: 14px;
}
.operation-modal-page .account-create-compact .expiry-premium-main,
.account-create-compact .expiry-premium-main {
    grid-template-columns: repeat(2, minmax(0, 1fr));
    gap: 10px;
}
.operation-modal-page .account-create-compact .expiry-premium-control,
.account-create-compact .expiry-premium-control {
    min-height: 52px;
    padding: 11px 14px;
    gap: 11px;
    border-radius: 13px;
    border-color: rgba(116,145,194,.22);
    background: rgba(7, 18, 32, .62);
}
.operation-modal-page .account-create-compact .expiry-premium-control strong,
.account-create-compact .expiry-premium-control strong {
    font-size: 14.5px;
    font-weight: 800;
}
.operation-modal-page .account-create-compact .expiry-premium-control i,
.operation-modal-page .account-create-compact .expiry-premium-radio > span,
.account-create-compact .expiry-premium-control i,
.account-create-compact .expiry-premium-radio > span {
    width: 20px;
    height: 20px;
    flex-basis: 20px;
}
.operation-modal-page .account-create-compact .expiry-premium-custom,
.account-create-compact .expiry-premium-custom {
    gap: 8px;
    min-height: 82px;
    padding-top: 2px;
}
.operation-modal-page .account-create-compact .expiry-premium-custom[hidden],
.account-create-compact .expiry-premium-custom[hidden] {
    display: none !important;
    min-height: 0;
}
.operation-modal-page .account-create-compact .expiry-premium-label,
.account-create-compact .expiry-premium-label {
    color: #b8c5d8;
    font-size: 13px;
    line-height: 1.3;
    font-weight: 760;
}
.operation-modal-page .account-create-compact .expiry-premium-custom-row,
.account-create-compact .expiry-premium-custom-row {
    min-height: 52px;
    grid-template-columns: 28px 132px auto;
    gap: 10px;
    justify-content: start;
}
.operation-modal-page .account-create-compact .expiry-premium-radio,
.account-create-compact .expiry-premium-radio {
    width: 28px;
    height: 48px;
}
.operation-modal-page .account-create-compact .expiry-premium-custom-row select,
.account-create-compact .expiry-premium-custom-row select {
    width: 132px;
    min-height: 48px;
    opacity: 1;
    cursor: pointer;
    font-size: 14px;
}
.operation-modal-page .account-create-compact .expiry-premium-custom-row > strong,
.account-create-compact .expiry-premium-custom-row > strong {
    color: #cbd6e6;
    font-size: 13.5px;
    font-weight: 760;
}
.operation-modal-page .account-create-compact .account-expiry-premium.is-custom .expiry-premium-custom-row select,
.account-create-compact .account-expiry-premium.is-custom .expiry-premium-custom-row select {
    border-color: rgba(95,124,255,.72);
    box-shadow: 0 0 0 3px rgba(95,124,255,.10);
}
.operation-modal-page .account-create-compact .operation-form-actions,
.account-create-compact .operation-form-actions {
    position: static !important;
    inset: auto !important;
    z-index: auto;
    margin: 0 !important;
    padding: 2px 0 0 !important;
    justify-content: center;
    background: transparent !important;
}
.operation-modal-page .account-create-compact .operation-form-actions .button,
.account-create-compact .operation-form-actions .button {
    width: min(100%, 320px);
    min-width: 0;
    min-height: 50px;
    border-radius: 13px;
    font-size: 14.5px;
    font-weight: 820;
}

@media (max-width: 680px) {
    .ui-modal.modal-variant-operation.is-account-create {
        width: calc(100vw - 20px);
        height: calc(100dvh - 20px);
        max-height: calc(100dvh - 20px);
    }
    .ui-modal.modal-variant-operation.is-account-create .ui-modal-body {
        padding: 15px 14px 18px;
    }
    .operation-modal-page .account-create-compact,
    .account-create-compact {
        gap: 12px;
    }
    .operation-modal-page .account-create-compact > .flow-step,
    .account-create-compact > .flow-step {
        padding: 15px !important;
        border-radius: 14px !important;
    }
    .operation-modal-page .account-create-compact > .flow-step + .flow-step,
    .account-create-compact > .flow-step + .flow-step {
        padding-top: 15px !important;
    }
    .operation-modal-page .account-create-compact .flow-step-head h3,
    .account-create-compact .flow-step-head h3 {
        font-size: 16px;
    }
    .operation-modal-page .account-create-compact .flow-step-head p,
    .account-create-compact .flow-step-head p {
        font-size: 12px;
    }
    .operation-modal-page .account-create-compact .form-grid.two-columns,
    .account-create-compact .form-grid.two-columns {
        grid-template-columns: 1fr;
    }
    .operation-modal-page .account-create-compact .phone-input-with-action,
    .account-create-compact .phone-input-with-action {
        display: grid;
        grid-template-columns: minmax(0, 1fr) auto;
    }
    .operation-modal-page .account-create-compact .phone-input-grid,
    .account-create-compact .phone-input-grid {
        grid-template-columns: 62px 76px minmax(0, 1fr) !important;
    }
    .operation-modal-page .account-create-compact .compact-paste-button,
    .account-create-compact .compact-paste-button {
        min-width: 76px;
    }
    .operation-modal-page .account-create-compact .account-expiry-premium,
    .account-create-compact .account-expiry-premium {
        width: 100%;
    }
}

@media (max-width: 460px) {
    .operation-modal-page .account-create-compact [data-account-mode],
    .account-create-compact [data-account-mode] {
        grid-template-columns: 1fr !important;
    }
    .operation-modal-page .account-create-compact [data-trial-duration] .choice-cards,
    .account-create-compact [data-trial-duration] .choice-cards {
        grid-template-columns: 1fr !important;
    }
    .operation-modal-page .account-create-compact .expiry-premium-main,
    .account-create-compact .expiry-premium-main {
        grid-template-columns: repeat(2, minmax(0, 1fr));
    }
    .operation-modal-page .account-create-compact .expiry-premium-custom-row,
    .account-create-compact .expiry-premium-custom-row {
        grid-template-columns: 28px minmax(96px, 132px) auto;
    }
    .operation-modal-page .account-create-compact .expiry-premium-custom-row select,
    .account-create-compact .expiry-premium-custom-row select {
        width: 100%;
    }
    .operation-modal-page .account-create-compact .phone-input-with-action,
    .account-create-compact .phone-input-with-action {
        grid-template-columns: 1fr;
    }
    .operation-modal-page .account-create-compact .compact-paste-button,
    .account-create-compact .compact-paste-button {
        width: 100%;
    }
    .operation-modal-page .account-create-compact .operation-form-actions .button,
    .account-create-compact .operation-form-actions .button {
        width: 100%;
    }
}

.ui-modal.modal-variant-operation.is-account-create {
    height: auto !important;
    min-height: 0 !important;
    max-height: calc(100dvh - 32px) !important;
}
.ui-modal.modal-variant-operation.is-account-create .ui-modal-body {
    flex: 0 1 auto !important;
    height: auto !important;
    min-height: 0 !important;
    max-height: calc(100dvh - 108px) !important;
    overflow-x: hidden;
    overflow-y: auto;
    overflow-anchor: none;
}
.ui-modal.modal-variant-operation.is-account-create .operation-modal-page,
.ui-modal.modal-variant-operation.is-account-create .account-create-compact {
    height: auto !important;
    min-height: 0 !important;
}
@media (max-width: 680px) {
    .ui-modal.modal-variant-operation.is-account-create {
        height: auto !important;
        min-height: 0 !important;
        max-height: calc(100dvh - 20px) !important;
    }
    .ui-modal.modal-variant-operation.is-account-create .ui-modal-body {
        max-height: calc(100dvh - 96px) !important;
    }
}

.operation-modal-page .account-create-compact .expiry-premium-custom-row,
.account-create-compact .expiry-premium-custom-row {
    grid-template-columns: 28px 72px auto !important;
}
.operation-modal-page .account-create-compact .expiry-premium-custom-row input.expiry-premium-days-input,
.account-create-compact .expiry-premium-custom-row input.expiry-premium-days-input {
    width: 72px !important;
    min-width: 72px !important;
    max-width: 72px !important;
    min-height: 48px;
    padding: 0 10px;
    text-align: center;
    font-size: 14px;
    font-weight: 400;
    font-variant-numeric: normal;
    letter-spacing: normal;
    border-radius: 11px;
}
.operation-modal-page .account-create-compact .expiry-premium-custom-row input.expiry-premium-days-input:disabled,
.account-create-compact .expiry-premium-custom-row input.expiry-premium-days-input:disabled {
    opacity: .52;
    cursor: default;
}
.operation-modal-page .account-create-compact .account-expiry-premium.is-custom .expiry-premium-custom-row input.expiry-premium-days-input,
.account-create-compact .account-expiry-premium.is-custom .expiry-premium-custom-row input.expiry-premium-days-input {
    border-color: rgba(95,124,255,.72);
    box-shadow: 0 0 0 3px rgba(95,124,255,.10);
}
@media (max-width: 460px) {
    .operation-modal-page .account-create-compact .expiry-premium-custom-row,
    .account-create-compact .expiry-premium-custom-row {
        grid-template-columns: 28px 68px auto !important;
    }
    .operation-modal-page .account-create-compact .expiry-premium-custom-row input.expiry-premium-days-input,
    .account-create-compact .expiry-premium-custom-row input.expiry-premium-days-input {
        width: 68px !important;
        min-width: 68px !important;
        max-width: 68px !important;
    }
}

.ui-modal.modal-variant-operation.is-account-create {
    overflow: clip !important;
    overscroll-behavior: none;
}

@media (max-width: 680px) {
    .ui-modal-layer {
        box-sizing: border-box !important;
        width: 100vw !important;
        max-width: 100vw !important;
        padding-left: 10px !important;
        padding-right: 10px !important;
        justify-items: center !important;
        overflow-x: clip !important;
    }
    .ui-modal.modal-variant-operation.is-account-create {
        box-sizing: border-box !important;
        width: 100% !important;
        max-width: 680px !important;
        margin-left: auto !important;
        margin-right: auto !important;
        justify-self: center !important;
        left: auto !important;
        right: auto !important;
    }
    .ui-modal.modal-variant-operation.is-account-create .ui-modal-body {
        box-sizing: border-box !important;
        width: 100% !important;
        scrollbar-gutter: auto !important;
    }
}
@media (max-width: 430px) {
    .ui-modal-layer {
        padding-left: 8px !important;
        padding-right: 8px !important;
    }
    .ui-modal.modal-variant-operation.is-account-create {
        width: 100% !important;
        max-width: 100% !important;
    }
}

html,
body,
* {
    -webkit-tap-highlight-color: transparent !important;
}

/* Mouse/toque não devem exibir o contorno nativo quadrado. */
:where(a, button, input, select, textarea, summary, label, [role="button"], [tabindex]):focus:not(:focus-visible) {
    outline: none !important;
}

.account-create-compact [data-normal-duration][hidden],
.account-create-compact [data-trial-duration][hidden],
.operation-modal-page .account-create-compact [data-normal-duration][hidden],
.operation-modal-page .account-create-compact [data-trial-duration][hidden] {
    display: none !important;
}
.account-create-compact .account-trial-duration,
.operation-modal-page .account-create-compact .account-trial-duration {
    display: block;
    margin: 0;
}
.account-create-compact .trial-hours-row,
.operation-modal-page .account-create-compact .trial-hours-row {
    display: flex;
    align-items: center;
    gap: 12px;
    min-height: 52px;
}
.account-create-compact .trial-hours-input,
.operation-modal-page .account-create-compact .trial-hours-input {
    width: 72px;
    min-width: 72px;
    max-width: 72px;
    min-height: 48px;
    padding: 0 14px;
    border-radius: 12px;
    text-align: center;
    font-size: 15px;
    font-weight: 800;
    font-variant-numeric: tabular-nums;
}
.account-create-compact .trial-hours-row > strong,
.operation-modal-page .account-create-compact .trial-hours-row > strong {
    color: #d6e0ef;
    font-size: 14px;
    font-weight: 800;
}
@media (max-width: 430px) {
    .account-create-compact .trial-hours-input,
    .operation-modal-page .account-create-compact .trial-hours-input {
        width: 68px;
        min-width: 68px;
        max-width: 68px;
    }
}

.operation-modal-page .account-edit-premium,
.account-edit-premium {
    width: 100%;
    max-width: none;
    margin: 0;
    padding: 0;
    display: grid;
    gap: 14px;
    border: 0;
    border-radius: 0;
    background: transparent;
    box-shadow: none;
}
.operation-modal-page .account-edit-premium > .flow-step,
.account-edit-premium > .flow-step,
.operation-modal-page .account-edit-premium .account-edit-paired-cards > .flow-step,
.account-edit-premium .account-edit-paired-cards > .flow-step {
    margin: 0 !important;
    padding: 18px !important;
    display: block !important;
    border: 1px solid rgba(116, 145, 194, .20) !important;
    border-radius: 16px !important;
    background:
        radial-gradient(circle at 100% 0%, rgba(74, 124, 255, .075), transparent 34%),
        linear-gradient(145deg, rgba(12, 27, 46, .96), rgba(8, 20, 35, .94)) !important;
    box-shadow:
        inset 0 1px 0 rgba(255,255,255,.02),
        0 10px 28px rgba(0,0,0,.11) !important;
}
.operation-modal-page .account-edit-premium .flow-step-head,
.account-edit-premium .flow-step-head {
    margin: 0 0 13px !important;
    display: block;
}
.operation-modal-page .account-edit-premium .flow-step-head > span,
.account-edit-premium .flow-step-head > span,
.operation-modal-page .account-edit-premium .flow-step-head p,
.account-edit-premium .flow-step-head p {
    display: none !important;
}
.operation-modal-page .account-edit-premium .flow-step-head h3,
.account-edit-premium .flow-step-head h3 {
    margin: 0;
    color: #edf3fc;
    font-size: 17px;
    line-height: 1.25;
    font-weight: 820;
    letter-spacing: -.015em;
}
.operation-modal-page .account-edit-premium .form-grid,
.account-edit-premium .form-grid { gap: 12px; }
.operation-modal-page .account-edit-premium .form-grid.two-columns,
.account-edit-premium .form-grid.two-columns {
    grid-template-columns: repeat(2, minmax(0, 1fr));
}
.operation-modal-page .account-edit-premium label,
.account-edit-premium label { gap: 7px; }
.operation-modal-page .account-edit-premium label > span,
.account-edit-premium label > span {
    color: #bdc9da;
    font-size: 13px;
    font-weight: 750;
}
.operation-modal-page .account-edit-premium input,
.operation-modal-page .account-edit-premium select,
.account-edit-premium input,
.account-edit-premium select {
    min-height: 48px;
    font-size: 14px;
    border-radius: 12px;
}
.operation-modal-page .account-edit-premium .inline-password,
.operation-modal-page .account-edit-premium .input-prefix,
.account-edit-premium .inline-password,
.account-edit-premium .input-prefix {
    min-height: 48px;
    border-radius: 12px;
}
.operation-modal-page .account-edit-premium .inline-password > .button,
.account-edit-premium .inline-password > .button,
.operation-modal-page .account-edit-premium .compact-paste-button,
.account-edit-premium .compact-paste-button { min-height: 48px; }
.operation-modal-page .account-edit-premium .standalone-field-card,
.account-edit-premium .standalone-field-card { display: block !important; }
.operation-modal-page .account-edit-premium .compact-money-field,
.account-edit-premium .compact-money-field {
    width: 100%;
    max-width: none;
}
.account-edit-paired-cards {
    display: grid;
    grid-template-columns: repeat(2, minmax(0, 1fr));
    gap: 14px;
}
.operation-modal-page .account-edit-premium .choice-cards,
.account-edit-premium .choice-cards {
    grid-template-columns: repeat(2, minmax(0, 1fr));
    gap: 10px;
}
.operation-modal-page .account-edit-premium .choice-card,
.account-edit-premium .choice-card {
    min-height: 52px;
    padding: 11px 13px;
    border-radius: 13px;
}
.operation-modal-page .account-edit-premium .choice-card strong,
.account-edit-premium .choice-card strong { font-size: 14px; }
.operation-modal-page .account-edit-premium .choice-card small,
.account-edit-premium .choice-card small { display: none !important; }
.operation-modal-page .account-edit-premium .operation-form-actions,
.account-edit-premium .operation-form-actions {
    margin: 0 !important;
    padding: 2px 0 0 !important;
    background: transparent !important;
    position: static !important;
}
.operation-modal-page .account-edit-premium .operation-form-actions .button,
.account-edit-premium .operation-form-actions .button {
    min-width: 210px;
    min-height: 48px;
}

.operation-modal-page > .account-management-section,
.account-management-section {
    margin: 16px 0 0 !important;
    padding: 0 !important;
    border: 0 !important;
    background: transparent !important;
    box-shadow: none !important;
}
.account-management-heading {
    margin: 0 0 11px;
    padding: 0 2px;
}
.account-management-heading h3 {
    margin: 0;
    color: #edf3fc;
    font-size: 17px;
    font-weight: 820;
    letter-spacing: -.015em;
}
.account-management-grid {
    display: grid;
    grid-template-columns: repeat(2, minmax(0, 1fr));
    gap: 14px;
}
.account-management-card {
    min-height: 126px;
    margin: 0 !important;
    padding: 17px !important;
    display: flex;
    flex-direction: column;
    align-items: stretch;
    justify-content: space-between;
    gap: 20px;
    border-radius: 16px !important;
    background:
        radial-gradient(circle at 100% 0%, rgba(74, 124, 255, .06), transparent 38%),
        linear-gradient(145deg, rgba(12, 27, 46, .96), rgba(8, 20, 35, .94)) !important;
}
.account-management-card h3 {
    margin: 0;
    color: #e8effa;
    font-size: 16px;
    line-height: 1.25;
    font-weight: 800;
}
.account-management-card .button {
    width: 100%;
    min-height: 44px;
}
.account-management-status { border-color: rgba(244, 184, 73, .20) !important; }
.account-management-delete {
    border-color: rgba(255, 91, 112, .24) !important;
    background:
        radial-gradient(circle at 100% 0%, rgba(255, 91, 112, .065), transparent 38%),
        linear-gradient(145deg, rgba(32, 20, 32, .96), rgba(15, 17, 29, .95)) !important;
}

@media (max-width: 680px) {
    .operation-modal-page .account-edit-premium,
    .account-edit-premium { gap: 11px; }
    .operation-modal-page .account-edit-premium > .flow-step,
    .account-edit-premium > .flow-step,
    .operation-modal-page .account-edit-premium .account-edit-paired-cards > .flow-step,
    .account-edit-premium .account-edit-paired-cards > .flow-step {
        padding: 15px !important;
        border-radius: 14px !important;
    }
    .operation-modal-page .account-edit-premium .form-grid.two-columns,
    .account-edit-premium .form-grid.two-columns,
    .account-edit-paired-cards,
    .account-management-grid { grid-template-columns: 1fr; }
    .operation-modal-page .account-edit-premium .phone-input-with-action,
    .account-edit-premium .phone-input-with-action { grid-template-columns: 1fr; }
    .operation-modal-page .account-edit-premium .compact-paste-button,
    .account-edit-premium .compact-paste-button { width: 100%; }
    .operation-modal-page .account-edit-premium .operation-form-actions .button,
    .account-edit-premium .operation-form-actions .button {
        width: 100%;
        min-width: 0;
    }
    .account-management-card {
        min-height: 108px;
        padding: 15px !important;
    }
}

.renew-modal-account.renew-modal-account-compact {
    min-height: 62px;
    padding: 12px 14px;
}
.renew-modal-account.renew-modal-account-compact > strong {
    min-width: 0;
    overflow: hidden;
    color: #e5edf8;
    font-size: 16px;
    font-weight: 800;
    text-overflow: ellipsis;
    white-space: nowrap;
}
.renew-modal-form-premium {
    gap: 16px;
}
.renew-period-premium {
    display: grid;
    gap: 14px;
}
.renew-period-main {
    display: grid;
    grid-template-columns: repeat(2, minmax(0, 1fr));
    gap: 10px;
}
.renew-period-main.is-single {
    grid-template-columns: minmax(0, 1fr);
}
.renew-period-custom {
    display: grid;
    gap: 7px;
}
.renew-period-custom-row {
    display: grid;
    grid-template-columns: 28px 72px auto;
    align-items: center;
    gap: 9px;
}
.renew-period-custom-row .expiry-premium-radio {
    width: 28px;
    height: 46px;
}
.renew-months-input {
    width: 72px !important;
    min-width: 72px !important;
    max-width: 72px !important;
    min-height: 46px;
    padding: 0 10px;
    text-align: center;
    font-size: 14px;
    font-weight: 760;
    font-variant-numeric: tabular-nums;
    border-radius: 11px;
}
.renew-months-input:disabled {
    opacity: .52;
    cursor: default;
}
.renew-period-premium.is-custom .renew-months-input {
    border-color: rgba(95,124,255,.72);
    box-shadow: 0 0 0 3px rgba(95,124,255,.10);
}
.renew-period-custom-row > strong {
    color: #c4d0e1;
    font-size: 12.5px;
    font-weight: 780;
}
@media (max-width: 460px) {
    .renew-period-main {
        gap: 8px;
    }
    .renew-period-main .expiry-premium-control {
        padding-inline: 9px;
        gap: 8px;
    }
    .renew-period-main .expiry-premium-control strong {
        font-size: 12.5px;
    }
    .renew-period-custom-row {
        grid-template-columns: 28px 68px auto;
        gap: 7px;
    }
    .renew-months-input {
        width: 68px !important;
        min-width: 68px !important;
        max-width: 68px !important;
    }
}

.account-usage-compact .account-usage-head{
  padding:4px 2px 12px;
  display:grid;
  grid-template-columns:minmax(0,1fr) auto;
  align-items:center;
  gap:14px;
}
.account-usage-compact .account-usage-head>.account-usage-identity{
  min-width:0;
  display:flex;
  align-items:center;
  gap:11px;
}
.account-usage-identity-icon{
  width:46px;
  height:46px;
  flex:0 0 46px;
  display:grid;
  place-items:center;
  border:1px solid rgba(55,218,168,.32);
  border-radius:14px;
  background:rgba(20,133,111,.12);
  color:#79e0bd;
}
.account-usage-identity-icon svg{
  width:22px;
  height:22px;
  fill:none;
  stroke:currentColor;
  stroke-width:2;
  stroke-linecap:round;
  stroke-linejoin:round;
}
.account-usage-identity-copy{
  min-width:0;
  display:grid;
  gap:3px;
}
.account-usage-compact .account-usage-identity-copy strong{
  overflow:hidden;
  color:#eef4ff;
  font-size:1rem;
  text-overflow:ellipsis;
  white-space:nowrap;
}
.account-usage-compact .account-usage-identity-copy small{
  color:#7589a8;
  font-size:.68rem;
  font-weight:700;
  white-space:nowrap;
}
.account-usage-head-value{
  justify-self:end;
  align-self:center;
  color:#eef4ff;
  font-size:.95rem;
  font-weight:900;
  white-space:nowrap;
}
@media(max-width:640px){
  .account-usage-compact .account-usage-head{
    padding:3px 1px 10px;
    grid-template-columns:minmax(0,1fr) auto;
    align-items:center;
    gap:10px;
  }
  .account-usage-identity-icon{
    width:42px;
    height:42px;
    flex-basis:42px;
    border-radius:13px;
  }
  .account-usage-identity-icon svg{width:20px;height:20px}
  .account-usage-head-value{font-size:.84rem}
}

.settings-clean-form{display:grid;gap:24px;max-width:900px;margin-inline:auto;padding:22px}
.settings-clean-section{display:grid;gap:11px}
.settings-clean-section>h3{margin:0;color:#f2f6ff;font-size:14px;font-weight:800;letter-spacing:.01em}
.settings-clean-card{overflow:hidden;border:1px solid rgba(117,151,201,.18);border-radius:16px;background:rgba(7,18,33,.38)}
.branding-settings-card{display:grid;gap:15px;padding:17px}
.branding-settings-card>label{margin:0}
.settings-icon-picker{display:flex;align-items:center;gap:12px;min-width:0}
.settings-icon-preview{display:grid;width:58px;height:58px;flex:0 0 58px;place-items:center;overflow:hidden;border:1px solid rgba(117,151,201,.22);border-radius:15px;background:rgba(8,20,37,.72)}
.settings-icon-preview img{display:block;width:100%;height:100%;object-fit:cover}
.settings-file-button{position:relative;overflow:hidden;cursor:pointer}
.settings-file-button input[type=file]{position:absolute;inset:0;width:100%;height:100%;opacity:0;cursor:pointer}
.settings-simple-toggles .toggle-row{min-height:54px;margin:0;padding:10px 15px;border:0;border-bottom:1px solid rgba(117,151,201,.10);border-radius:0;background:transparent}
.settings-simple-toggles .toggle-row:last-child{border-bottom:0}
.settings-simple-toggles .toggle-row:hover{background:rgba(77,120,213,.045)}
.settings-simple-toggles .toggle-row>span{gap:0}
.settings-simple-toggles .toggle-row strong{font-size:12.5px}
.settings-security-fields{display:grid;gap:0;padding:0}
.settings-security-fields>label{grid-template-columns:minmax(0,1fr) minmax(150px,230px);align-items:center;gap:18px;min-height:72px;margin:0;padding:11px 15px;border-bottom:1px solid rgba(117,151,201,.10)}
.settings-security-fields>label:last-child{border-bottom:0}
.settings-security-fields>label>span:first-child{font-size:12.5px;font-weight:800;color:#dbe5f4}
.settings-security-fields input{width:100%;min-height:42px}
.settings-security-fields .input-suffix{width:100%}
.admin-session-list{display:grid}
.admin-session-row{display:flex;align-items:center;justify-content:space-between;gap:16px;min-height:68px;padding:12px 15px;border-bottom:1px solid rgba(117,151,201,.10)}
.admin-session-row:last-child{border-bottom:0}
.admin-session-row.is-current{background:rgba(38,168,153,.045)}
.admin-session-info{display:grid;min-width:0;gap:5px}
.admin-session-info strong{overflow:hidden;color:#eef4ff;font-size:12.5px;text-overflow:ellipsis;white-space:nowrap}
.admin-session-info small{color:#8396b2;font-size:10.5px}
.session-current-badge{display:inline-flex;align-items:center;justify-content:center;min-height:30px;padding:5px 10px;border:1px solid rgba(39,209,127,.24);border-radius:999px;background:rgba(39,209,127,.08);color:#73eab1;font-size:10px;font-weight:850}
.admin-session-empty{padding:18px 15px;color:#8799b4;font-size:12px}
.settings-session-actions{display:flex;justify-content:center;margin-top:11px}
.settings-session-actions .button{min-width:220px}
.settings-clean-form .centered-actions{margin-top:0}
.settings-notifications-form{max-width:900px}
@media(max-width:680px){
  .settings-clean-form{gap:20px;padding:14px}
  .branding-settings-card{padding:13px}
  .settings-security-fields>label{grid-template-columns:1fr;gap:8px;min-height:0;padding:13px}
  .settings-simple-toggles .toggle-row{min-height:52px;padding:10px 12px}
  .admin-session-row{align-items:flex-start;gap:10px;padding:12px}
  .admin-session-row .button.small{flex:0 0 auto}
  .settings-session-actions .button{width:100%;min-width:0}
  .settings-icon-picker{align-items:center}
}
.settings-clean-page-title{margin:0 0 2px;color:#f5f8ff;font-size:18px;font-weight:850;letter-spacing:-.01em}

:root{
    --font-ui:Aptos,"Segoe UI Variable Text","Segoe UI",system-ui,-apple-system,BlinkMacSystemFont,Arial,sans-serif;
    font-family:var(--font-ui);
}
html,body,button,input,select,textarea{font-family:var(--font-ui)}
body{-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;text-rendering:optimizeLegibility;font-kerning:normal}
.app-page,.auth-page{font-family:var(--font-ui);letter-spacing:0}
.app-page h1,.app-page h2,.app-page h3,.app-page h4,.auth-page h1,.auth-page h2,.auth-page h3{font-family:var(--font-ui);font-weight:700}
.app-page .button,.auth-page .button{font-family:var(--font-ui);font-weight:650;letter-spacing:-.005em}
.app-page input,.app-page select,.app-page textarea,.auth-page input,.auth-page select,.auth-page textarea{font-family:var(--font-ui);font-weight:450}

.settings-premium-grid-form{max-width:1120px;gap:26px;padding:24px}
.settings-premium-grid-form .settings-clean-page-title{font-size:20px;font-weight:700;letter-spacing:-.025em}
.settings-premium-grid-form .settings-clean-section{gap:12px}
.settings-section-heading{display:grid;gap:4px}
.settings-section-heading h3{margin:0;color:#f2f6ff;font-size:14px;font-weight:700;letter-spacing:-.01em}
.settings-section-heading p{margin:0;color:#7f91ad;font-size:11.5px;font-weight:450;line-height:1.5}
.settings-card-grid{display:grid;gap:12px}
.settings-card-grid-two{grid-template-columns:repeat(2,minmax(0,1fr))}
.settings-span-two{grid-column:1/-1}
.settings-option-card{position:relative;min-width:0;margin:0!important;padding:16px;border:1px solid rgba(117,151,201,.17);border-radius:15px;background:linear-gradient(145deg,rgba(11,25,43,.78),rgba(7,18,32,.68));box-shadow:inset 0 1px rgba(255,255,255,.018);transition:border-color .18s ease,background .18s ease,transform .18s ease,box-shadow .18s ease}
.settings-option-card:hover{border-color:rgba(103,133,230,.29);background:linear-gradient(145deg,rgba(14,31,53,.86),rgba(8,21,37,.74));box-shadow:0 12px 28px rgba(2,8,18,.10),inset 0 1px rgba(255,255,255,.025)}
.settings-option-copy{display:grid;min-width:0;gap:5px}
.settings-option-copy strong{color:#eaf0fa;font-size:12.5px;font-weight:700;line-height:1.3;letter-spacing:-.006em}
.settings-option-copy small{display:block!important;margin:0!important;color:#788ba7;font-size:10.5px!important;font-weight:450!important;line-height:1.45}
.settings-field-card{display:grid!important;align-content:start;gap:12px}
.settings-field-card>input,.settings-field-card>.input-suffix{width:100%;margin:0}
.settings-field-card input{min-height:44px}
.settings-icon-card{display:grid!important;grid-template-columns:minmax(0,1fr) auto;align-items:center;gap:18px;min-height:92px}
.settings-icon-card .settings-icon-picker{justify-self:end}
.settings-icon-card .settings-icon-preview{width:62px;height:62px;flex-basis:62px;border-radius:16px}

.settings-toggle-card{display:flex!important;align-items:center;min-height:92px;padding:16px 78px 16px 16px;cursor:pointer;user-select:none}
.settings-toggle-card input[type="checkbox"]{appearance:none;-webkit-appearance:none;position:absolute;top:50%;right:17px;width:46px!important;min-width:46px!important;max-width:46px!important;height:26px!important;min-height:26px!important;margin:0!important;padding:0!important;transform:translateY(-50%);border:1px solid rgba(131,153,184,.30);border-radius:999px;outline:none;background:#0a1524;box-shadow:inset 0 0 0 1px rgba(0,0,0,.12),0 5px 13px rgba(0,0,0,.17);cursor:pointer;transition:.2s ease}
.settings-toggle-card input[type="checkbox"]::before{content:"";position:absolute;top:3px;left:3px;width:18px;height:18px;border-radius:50%;background:#8292a8;box-shadow:0 2px 7px rgba(0,0,0,.30);transition:transform .2s ease,background .2s ease,box-shadow .2s ease}
.settings-toggle-card input[type="checkbox"]:checked{border-color:rgba(90,126,244,.72);background:linear-gradient(115deg,#536fdf,#438ff1);box-shadow:0 0 0 4px rgba(80,114,231,.09),0 7px 16px rgba(38,73,182,.22)}
.settings-toggle-card input[type="checkbox"]:checked::before{transform:translateX(20px);background:#fff;box-shadow:0 2px 8px rgba(10,30,80,.32)}
.settings-toggle-card input[type="checkbox"]:focus-visible{outline:3px solid rgba(95,124,255,.24);outline-offset:3px}
.settings-toggle-card:has(input:checked){border-color:rgba(88,122,235,.30);background:linear-gradient(145deg,rgba(42,66,135,.19),rgba(8,21,37,.77))}
.settings-toggle-card:has(input:checked) .settings-option-copy strong{color:#f3f6ff}

.settings-session-card-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:12px}
.settings-session-card-grid .admin-session-row{min-height:86px;padding:15px;border-bottom:0;border-radius:15px;background:linear-gradient(145deg,rgba(11,25,43,.78),rgba(7,18,32,.68))}
.settings-session-card-grid .admin-session-row.is-current{border-color:rgba(45,201,160,.25);background:linear-gradient(145deg,rgba(25,78,70,.20),rgba(7,22,34,.76))}
.settings-session-card-grid .admin-session-info{gap:5px}
.settings-session-card-grid .admin-session-info strong{font-size:12.5px;font-weight:700}
.settings-session-card-grid .admin-session-info small{font-size:10.5px;font-weight:450}
.settings-session-card-grid .admin-session-empty{grid-column:1/-1;min-height:72px;display:flex;align-items:center;color:#8294ae;font-size:11.5px}
.settings-premium-grid-form .settings-session-actions{margin-top:12px}
.settings-premium-grid-form .centered-actions{margin-top:0;padding-top:16px;border-top:1px solid rgba(117,151,201,.10)}
.settings-premium-grid-form .centered-actions .button.primary{min-width:220px}

@media(max-width:1024px){
    .settings-card-grid-two,.settings-session-card-grid{grid-template-columns:1fr}
    .settings-span-two{grid-column:auto}
    .settings-icon-card{grid-template-columns:1fr;align-items:start}
    .settings-icon-card .settings-icon-picker{justify-self:start}
}
@media(max-width:680px){
    .settings-premium-grid-form{gap:20px;padding:14px}
    .settings-option-card{padding:14px;border-radius:14px}
    .settings-toggle-card{min-height:84px;padding:14px 72px 14px 14px}
    .settings-toggle-card input[type="checkbox"]{right:14px}
    .settings-option-copy strong{font-size:12.5px}
    .settings-option-copy small{font-size:10px!important}
    .settings-premium-grid-form .centered-actions .button.primary{width:100%;min-width:0}
}
/* fallback visual do switch para navegadores que não renderizam pseudo-elemento em checkbox */
.settings-toggle-card input[type="checkbox"]{background-image:radial-gradient(circle at 12px 50%,#8292a8 0 8px,transparent 9px)}
.settings-toggle-card input[type="checkbox"]:checked{background-image:radial-gradient(circle at calc(100% - 12px) 50%,#fff 0 8px,transparent 9px),linear-gradient(115deg,#536fdf,#438ff1)}

@media (max-width:1024px) {
  .app-page .topbar {
    width: 100%;
    max-width: 100%;
    display: flex;
    align-items: center;
    justify-content: space-between !important;
    overflow: hidden;
  }
  .app-page .topbar-title {
    min-width: 0;

    display: flex;
    align-items: center;
    overflow: hidden;
  }
  .app-page .topbar-title > div {
    min-width: 0;
    flex: 1 1 auto;
    overflow: hidden;
  }
  .app-page .topbar-title .eyebrow,
  .app-page .topbar-title h1 {
    max-width: 100%;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
  }
  .app-page .menu-button {
    display: grid;
    place-items: center;
    flex: 0 0 42px;
    width: 42px;
    height: 42px;
  }
  .app-page .topbar-dashboard-actions {
    min-width: 0;
    flex: 0 0 auto;
    margin-left: auto;
  }
  .app-page .sidebar {

    max-width: calc(100vw - 18px);
  }
  .app-page .sidebar-top {
    min-width: 0;
    display: flex;
    align-items: center;
    gap: 10px;
  }
  .app-page .sidebar-brand {
    min-width: 0;
    flex: 1 1 auto;
    overflow: hidden;
  }
  .app-page .sidebar-brand .brand-mark {
    width: 42px;
    height: 42px;
    flex: 0 0 42px;
  }
  .app-page .sidebar-brand-copy {
    min-width: 0;
    overflow: hidden;
  }
  .app-page .sidebar-close {
    flex: 0 0 40px;
  }
}
@media (max-width: 420px) {
  .app-page .topbar-logout-button span { display: none; }
  .app-page .topbar-logout-button {
    width: 38px;
    min-width: 38px;
    padding: 0;
  }
}

.app-page .sidebar > .nav {
  flex: 1 1 auto;
  min-height: 0;
}
.sidebar .nav-tree > .titan-nav-divider {
  display: block;
  height: 1px;
  margin: 8px 5px;
  flex: 0 0 auto;
  background: rgba(139,164,207,.14);
}
.sidebar .nav-tree > .titan-nav-divider + .titan-nav-divider,
.sidebar .nav-tree > .titan-nav-divider:first-child,
.sidebar .nav-tree > .titan-nav-divider:last-child {
  display: none;
}

/* Rodapé fixo da navegação: sessão ativa + sair. */
.app-page .sidebar-footer {
  flex: 0 0 auto;
  width: 100%;
  padding: 12px 3px 0 !important;
  display: grid !important;
  grid-template-columns: 1fr !important;
  gap: 8px !important;
  border: 0 !important;
  border-top: 1px solid rgba(139,164,207,.14) !important;
  border-radius: 0 !important;
  background: transparent !important;
  box-shadow: none !important;
}
.sidebar-session-card {
  min-width: 0;
  padding: 11px 12px;
  display: grid;
  gap: 5px;
  border: 1px solid rgba(112,143,207,.18);
  border-radius: 13px;
  background: rgba(15,29,50,.76);
  color: inherit;
  text-decoration: none;
  transition: border-color .18s ease, background .18s ease;
}
.sidebar-session-card:hover {
  border-color: rgba(104,139,234,.24);
  background: rgba(20,38,65,.86);
}
.sidebar-session-label {
  color: #7184a1;
  font-size: 10px;
  font-weight: 650;
}
.sidebar-session-identity {
  min-width: 0;
  display: flex;
  align-items: center;
  gap: 7px;
}
.sidebar-session-identity strong {
  min-width: 0;
  overflow: hidden;
  color: #dbe4f1;
  font-size: 13px;
  font-weight: 700;
  text-overflow: ellipsis;
  white-space: nowrap;
}
.sidebar-session-identity small {
  flex: 0 0 auto;
  color: #72839c;
  font-size: 10.5px;
  font-weight: 600;
  white-space: nowrap;
}
.app-page .sidebar-footer .sidebar-logout-form {
  display: block !important;
  width: 100%;
  margin: 0;
}
.app-page .sidebar-footer .sidebar-logout-button {
  display: flex !important;
  width: 100%;
  min-height: 42px;
  padding: 0 13px;
  align-items: center;
  justify-content: flex-start;
  gap: 9px;
  border: 1px solid rgba(112,143,207,.18);
  border-radius: 13px;
  background: rgba(15,29,50,.72);
  color: #a9b7cc;
  font-size: inherit;
  font-weight: 700;
}
.app-page .sidebar-footer .sidebar-logout-button:hover {
  border-color: rgba(255,112,128,.22);
  background: rgba(255,94,112,.07);
  color: #f0a2ad;
}

/* O topbar não carrega mais a ação de sair; preserva apenas menu/título e não disputa largura no mobile. */
.app-page .topbar {
  justify-content: flex-start !important;
}
.app-page .topbar-title {
  width: 100%;
  min-width: 0;
}

@media (max-width:1024px) {
  .app-page .sidebar {
    display: flex;
    flex-direction: column;
  }
  .app-page .sidebar-top {
    flex: 0 0 auto;
    min-height: 62px !important;
    padding-bottom: 10px !important;
    border-bottom: 1px solid rgba(139,164,207,.14) !important;
  }
  .app-page .sidebar > .nav {
    flex: 1 1 auto;
    min-height: 0;
    padding-top: 7px !important;
    padding-bottom: 8px !important;
    overflow-y: auto;
  }
  .sidebar .nav-tree > .titan-nav-divider {
    margin: 7px 5px;
  }
  .app-page .sidebar-footer {
    padding-top: 10px !important;
  }
  .app-page .topbar {
    gap: 0 !important;
    justify-content: flex-start !important;
  }
  .app-page .topbar-title {
    flex: 1 1 auto;
    width: 100%;
    max-width: 100%;
  }
}

@media (max-width:1024px) {
  body.sidebar-open {
    overflow: hidden !important;
  }
  .app-page .sidebar {
    position: fixed !important;
    inset: 0 auto auto 0 !important;
    z-index: 120 !important;
    width: min(88vw, 336px);
    height: 100dvh !important;
    max-height: 100dvh !important;
    box-sizing: border-box;
    overflow: hidden !important;
    overscroll-behavior: contain;
  }
  .app-page .sidebar-overlay {
    z-index: 110 !important;
  }
  .app-page .topbar {
    z-index: 90 !important;
  }
  .app-page .sidebar-top,
  .app-page .sidebar-footer {
    flex: 0 0 auto !important;
  }
  .app-page .sidebar > .nav {
    flex: 1 1 auto !important;
    min-height: 0 !important;
    overflow-y: auto !important;
    overflow-x: hidden !important;
    overscroll-behavior: contain;
    -webkit-overflow-scrolling: touch;
  }
}

@media (max-width:1024px) {
  .app-page .sidebar {
    padding-top: max(14px, env(safe-area-inset-top));
    padding-bottom: max(12px, env(safe-area-inset-bottom));
  }
}

.settings-tabs.settings-tabs-unified {
  grid-template-columns: repeat(auto-fit, minmax(96px, 1fr)) !important;
}
.settings-tabs.settings-tabs-unified .settings-tab {
  min-width: 0;
}
.system-status-grid {
  display: grid;
  grid-template-columns: repeat(3, minmax(0, 1fr));
  gap: 12px;
}
.system-status-card {
  display: grid;
  gap: 7px;
  align-content: start;
}
.system-status-card > span {
  color: var(--muted);
  font-size: 11px;
  font-weight: 700;
  letter-spacing: .02em;
}
.system-status-card > strong {
  font-size: clamp(21px, 2vw, 28px);
  line-height: 1.05;
}
.system-status-card > small,
.system-version-card small {
  color: var(--muted);
}
.settings-inline-unit {
  display: grid;
  grid-template-columns: minmax(0, 120px) auto;
  align-items: center;
  gap: 9px;
}
.settings-inline-unit > span {
  color: var(--muted);
  font-size: 12px;
  font-weight: 700;
}
.system-version-card,
.system-action-card {
  display: flex;
  align-items: center;
  justify-content: space-between;
  gap: 16px;
}
.system-version-value {
  flex: 0 0 auto;
  padding: 9px 12px;
  border: 1px solid var(--line);
  border-radius: 11px;
  background: rgba(7,18,32,.48);
  font-variant-numeric: tabular-nums;
}
.settings-system-maintenance-card {
  margin-top: 14px;
  padding: 18px;
}
.system-action-card form {
  flex: 0 0 auto;
  margin: 0;
}
.settings-layout.superadmin-layout > .settings-content {
  min-width: 0;
}
@media (max-width:1024px) {
  .system-status-grid { grid-template-columns: 1fr; }
  .system-version-card,
  .system-action-card { align-items: stretch; flex-direction: column; }
  .system-action-card form,
  .system-action-card .button { width: 100%; }
}
@media (max-width:1024px) {
  .settings-tabs.settings-tabs-unified {
    display: flex !important;
    flex-wrap: nowrap !important;
    overflow-x: auto !important;
  }
  .settings-tabs.settings-tabs-unified .settings-tab {
    flex: 0 0 auto;
    min-width: 92px;
  }
}

.notices-whatsapp-only-page{max-width:1180px;margin:0 auto}
.notice-publish-panel{padding:20px}
.notice-inline-publish-form{display:grid;gap:18px}
.notice-kind-fieldset{margin:0;padding:0;border:0;min-width:0}
.notice-kind-fieldset>legend,.notice-message-field>span{display:block;margin:0 0 9px;font-weight:750;color:var(--text)}
.notice-kind-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:12px}
.notice-kind-card{position:relative;display:flex;align-items:center;gap:12px;min-height:84px;margin:0!important;padding:15px 16px;border:1px solid rgba(117,151,201,.17);border-radius:15px;background:linear-gradient(145deg,rgba(11,25,43,.78),rgba(7,18,32,.68));cursor:pointer;transition:border-color .18s ease,background .18s ease,box-shadow .18s ease}
.notice-kind-card:hover{border-color:rgba(103,133,230,.29);background:linear-gradient(145deg,rgba(14,31,53,.86),rgba(8,21,37,.74))}
.notice-kind-card:has(input:checked){border-color:rgba(88,122,235,.38);background:linear-gradient(145deg,rgba(42,66,135,.22),rgba(8,21,37,.79));box-shadow:0 10px 26px rgba(2,8,18,.12)}
.notice-kind-card input{width:18px!important;height:18px!important;min-width:18px!important;margin:0!important;accent-color:#5879ed}
.notice-kind-card input:focus-visible{outline:3px solid rgba(95,124,255,.24);outline-offset:3px}
.notice-kind-card span{display:grid;gap:4px;min-width:0}
.notice-kind-card strong{font-size:.95rem;color:var(--text)}
.notice-kind-card small{font-size:.79rem;line-height:1.45;color:var(--muted)}
.notice-message-field{display:block;margin:0!important}
.notice-message-field textarea{width:100%;min-height:150px;resize:vertical}
.notice-whatsapp-settings-modal .settings-clean-section{margin:0 0 18px}
.notice-whatsapp-settings-modal .settings-section-heading{margin-bottom:10px}
.notice-whatsapp-settings-modal .settings-section-heading h3{margin:0 0 4px}
.notice-whatsapp-settings-modal .settings-section-heading p{margin:0;color:var(--muted);font-size:.82rem;line-height:1.5}
@media(max-width:1024px){.notice-kind-grid{grid-template-columns:1fr}.notice-publish-panel{padding:16px}.notice-whatsapp-settings-modal .settings-card-grid-two{grid-template-columns:1fr}}

.notice-kind-grid{grid-template-columns:repeat(2,minmax(0,1fr))!important;gap:10px}
.notice-kind-card{min-height:58px;padding:12px 14px;align-items:center}
.notice-kind-card span{display:block}
.notice-kind-card strong{font-size:.94rem}
@media(max-width:1024px){.notice-kind-grid{grid-template-columns:repeat(2,minmax(0,1fr))!important}.notice-kind-card{min-height:54px;padding:11px 12px;gap:9px}.notice-kind-card strong{font-size:.9rem}}

.reseller-finance-paired-cards {
    display: grid;
    grid-template-columns: repeat(2, minmax(0, 1fr));
    gap: 14px;
}
.operation-modal-page .account-create-compact .reseller-finance-paired-cards > .flow-step,
.account-create-compact .reseller-finance-paired-cards > .flow-step {
    min-width: 0;
    margin: 0 !important;
    padding: 14px !important;
    display: block !important;
    border: 1px solid rgba(116,145,194,.18) !important;
    border-radius: 14px !important;
    background: linear-gradient(145deg,rgba(12,27,46,.84),rgba(8,20,35,.78)) !important;
    box-shadow: none !important;
}
.operation-modal-page .account-create-compact .reseller-finance-paired-cards .compact-money-field,
.account-create-compact .reseller-finance-paired-cards .compact-money-field {
    width: 100%;
    max-width: none;
}
@media (max-width: 680px) {
    .reseller-finance-paired-cards { grid-template-columns: 1fr; gap: 11px; }
}

/* Ajuste final: componentes recentes também seguem a escala normal do painel. */
.app-page .settings-tab strong { font-size: 12px; }
.app-page .settings-tab small { font-size: 9.5px; }
.app-page .field-description { font-size: 10.5px; }
.app-page .ui-modal-header h2 { font-size: 20px; }
.app-page .ui-modal-body { font-size: 13px; }
.app-page .operation-profile-main h3 { font-size: clamp(20px, 1.9vw, 25px); }
.app-page .operation-profile-main p:not(.eyebrow) { font-size: 12px; }
.app-page .operation-profile-state small { font-size: 11px; }
.app-page .operation-profile-stats span { font-size: 10px; }
.app-page .operation-profile-stats strong { font-size: 13px; }
.app-page .account-edit-premium .flow-step-head h3 { font-size: 15px; }
.app-page .account-edit-premium label > span { font-size: 11.5px; }
.app-page .account-edit-premium input,
.app-page .account-edit-premium select { font-size: 13px; }
.app-page .account-management-heading h3 { font-size: 15px; }
.app-page .account-management-card h3 { font-size: 14px; }
.app-page .settings-option-copy strong { font-size: 12px; }
.app-page .settings-option-copy small { font-size: 10px !important; }
.app-page .settings-session-card-grid .admin-session-info strong { font-size: 11.5px; }
.app-page .settings-session-card-grid .admin-session-info small { font-size: 9.5px; }
.app-page .sidebar-session-label { font-size: 9px; }
.app-page .sidebar-session-identity strong { font-size: 12px; }
.app-page .sidebar-session-identity small { font-size: 9.5px; }
.app-page .system-status-card > span { font-size: 10px; }
.app-page .system-status-card > strong { font-size: clamp(19px,1.8vw,24px); }
.app-page .settings-inline-unit > span { font-size: 11px; }
.app-page .notice-kind-card strong { font-size: 12.5px; }
.app-page .notice-kind-fieldset > legend,
.app-page .notice-message-field > span { font-size: 12px; }
.app-page .notice-whatsapp-settings-modal .settings-section-heading p { font-size: 10.5px; }

.role-permissions-modal-page{display:grid;gap:14px}
.role-permissions-modal-intro{padding:16px 18px}
.role-permission-launch-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:12px}
.role-permission-launch-card{appearance:none;font:inherit;width:100%;min-width:0;padding:15px 16px;display:grid;grid-template-columns:auto minmax(0,1fr) auto;align-items:center;gap:12px;text-align:left;color:inherit;cursor:pointer;transition:border-color .16s ease,background .16s ease,transform .16s ease}
.role-permission-launch-card:hover{border-color:rgba(92,126,255,.4);background:rgba(19,36,63,.72);transform:translateY(-1px)}
.role-permission-launch-card:focus-visible{outline:2px solid rgba(101,137,255,.82);outline-offset:2px}
.role-permission-launch-copy{display:grid;gap:3px;min-width:0}
.role-permission-launch-copy strong{font-size:13px;color:#edf3ff}
.role-permission-launch-copy small{font-size:10px;color:#8092ae}
.role-permission-launch-meta{font-size:10px;font-weight:800;color:#8fa3c2;white-space:nowrap}
.ui-modal.modal-variant-settings-permissions{width:min(920px,calc(100vw - 28px))}
.settings-permission-modal-form{display:grid;gap:16px}
.settings-permission-modal-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:9px}
.settings-permission-choice{position:relative;min-width:0;min-height:58px;padding:11px 12px;display:flex;align-items:center;border:1px solid var(--line);border-radius:12px;background:rgba(7,17,30,.62);cursor:pointer;transition:border-color .15s ease,background .15s ease,box-shadow .15s ease,transform .15s ease}
.settings-permission-choice:hover{border-color:rgba(100,134,255,.36);transform:translateY(-1px)}
.settings-permission-choice input{position:absolute;width:1px;height:1px;opacity:0;pointer-events:none}
.settings-permission-choice span{min-width:0;color:#cbd7ea;font-size:11.5px;font-weight:700;line-height:1.35;overflow-wrap:anywhere}
.settings-permission-choice:has(input:checked){border-color:rgba(99,132,255,.72);background:linear-gradient(145deg,rgba(83,116,226,.18),rgba(16,34,61,.72));box-shadow:inset 0 0 0 1px rgba(109,140,255,.14),0 0 0 1px rgba(83,116,226,.06)}
.settings-permission-choice:has(input:checked) span{color:#f2f6ff}
.settings-permission-choice:has(input:focus-visible){outline:2px solid rgba(105,139,255,.82);outline-offset:2px}
.settings-permission-modal-actions{padding-top:2px}
.settings-permission-modal-actions .button{min-width:210px}

/* Tipo de cadastro: duas opções limpas lado a lado também no mobile. */
.account-mode-choice-grid{grid-template-columns:repeat(2,minmax(0,1fr))!important;gap:9px!important}
.account-mode-choice{min-height:58px!important;justify-content:center!important;padding:11px 10px!important;text-align:center!important}
.account-mode-choice input[type="radio"]{position:absolute!important;width:1px!important;height:1px!important;opacity:0!important;pointer-events:none!important}
.account-mode-choice>span{align-items:center!important;justify-content:center!important;width:100%}
.account-mode-choice strong{font-size:12.5px!important}
.account-mode-choice:has(input:checked){border-color:rgba(99,132,255,.74)!important;background:linear-gradient(145deg,rgba(83,116,226,.18),rgba(16,34,61,.72))!important;box-shadow:inset 0 0 0 1px rgba(109,140,255,.14)!important}
.account-mode-choice:has(input:focus-visible){outline:2px solid rgba(105,139,255,.82);outline-offset:2px}

/* O fluxo novo agrupa as áreas do menu por separadores, sem alterar dimensões/cores originais. */
.sidebar .nav-tree>.titan-nav-divider{margin-block:8px}

@media(max-width:1024px){
  .role-permission-launch-grid{grid-template-columns:repeat(2,minmax(0,1fr))}
}
@media(max-width:640px){
  .role-permission-launch-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:8px}
  .role-permission-launch-card{grid-template-columns:auto minmax(0,1fr);padding:11px;gap:8px}
  .role-permission-launch-card .role-permission-avatar{width:32px;height:32px;border-radius:10px;font-size:12px}
  .role-permission-launch-meta{display:none}
  .role-permission-launch-copy strong{font-size:11.5px}
  .role-permission-launch-copy small{font-size:9px}
  .settings-permission-modal-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:7px}
  .settings-permission-choice{min-height:54px;padding:9px 8px;border-radius:10px}
  .settings-permission-choice span{font-size:10.2px;line-height:1.3}
  .settings-permission-modal-actions .button{width:100%;min-width:0}
  .account-mode-choice-grid{grid-template-columns:repeat(2,minmax(0,1fr))!important;gap:7px!important}
  .account-mode-choice{min-height:54px!important;padding:9px 7px!important}
  .account-mode-choice strong{font-size:11.5px!important}
}

.app-page .sidebar .nav-tree > .nav-section { margin-bottom: 2px !important; }
.app-page .sidebar .nav-tree .nav-link,
.app-page .sidebar .nav-tree .nav-group-toggle {
    min-height: 44px !important;
    padding: 5px 9px !important;
}
.app-page .sidebar .nav-tree .nav-sublink {
    min-height: 35px !important;
    padding-top: 4px !important;
    padding-bottom: 4px !important;
}
.sidebar .nav-tree > .titan-nav-divider { margin: 5px 5px !important; }

.account-edit-premium .compact-money-field-title-only { gap: 0 !important; }
.account-edit-premium .compact-money-field-title-only > span:first-child { display: none !important; }

html.modal-open-root,
body.modal-open {
    overflow: hidden !important;
    overscroll-behavior: none !important;
}
.ui-modal-layer:not([hidden]) {
    overflow: hidden !important;
    overscroll-behavior: none !important;
    touch-action: pan-y;
    max-width: 100vw;
}
.ui-modal-layer:not([hidden]) .ui-modal {
    box-sizing: border-box;
    max-width: calc(100vw - 20px) !important;
    max-height: calc(100dvh - 20px) !important;
    overflow: hidden !important;
    overscroll-behavior: none !important;
    transform: none !important;
}
.ui-modal-layer:not([hidden]) .ui-modal-body,
.ui-modal-layer:not([hidden]) .ui-modal.is-wide .ui-modal-body {
    box-sizing: border-box;
    min-width: 0;
    max-width: 100%;
    overflow-x: hidden !important;
    overflow-y: auto !important;
    overscroll-behavior-x: none !important;
    overscroll-behavior-y: contain !important;
    touch-action: pan-y;
}
@media (max-width: 680px) {
    .ui-modal-layer:not([hidden]) { padding: 8px !important; }
    .ui-modal-layer:not([hidden]) .ui-modal {
        width: calc(100vw - 16px) !important;
        max-width: calc(100vw - 16px) !important;
        max-height: calc(100dvh - 16px) !important;
        margin: 0 !important;
    }
}

.settings-general-premium .settings-card-grid-two {
    grid-template-columns: repeat(2, minmax(0, 1fr));
}
@media (max-width: 680px) {
    .settings-general-premium .settings-card-grid-two { grid-template-columns: 1fr; }
}

.finance-title-compact { display: none; }

/* Evita quebra letra-a-letra nos cards Normal/Teste, inclusive em telas estreitas. */
.account-mode-choice-grid {
    width: 100%;
    min-width: 0;
}
.account-mode-choice {
    min-width: 0 !important;
    overflow: hidden;
}
.account-mode-choice > span {
    display: flex !important;
    flex: 1 1 auto !important;
    width: 100% !important;
    min-width: 0 !important;
    align-items: center !important;
    justify-content: center !important;
}
.account-mode-choice strong {
    display: block !important;
    width: auto !important;
    max-width: 100% !important;
    white-space: nowrap !important;
    word-break: normal !important;
    overflow-wrap: normal !important;
    hyphens: none !important;
    text-align: center !important;
}

@media (max-width: 1024px) {
    /* Limite e Valor permanecem lado a lado também em tablet/mobile. */
    .account-edit-paired-cards,
    .reseller-finance-paired-cards {
        grid-template-columns: repeat(2, minmax(0, 1fr)) !important;
        gap: 10px !important;
    }
    .account-edit-paired-cards > .flow-step,
    .reseller-finance-paired-cards > .flow-step {
        min-width: 0 !important;
    }
    .account-edit-paired-cards .compact-money-field,
    .reseller-finance-paired-cards .compact-money-field,
    .account-edit-paired-cards .input-prefix,
    .reseller-finance-paired-cards .input-prefix {
        min-width: 0 !important;
        width: 100% !important;
    }
    .account-edit-paired-cards input,
    .reseller-finance-paired-cards input {
        min-width: 0 !important;
        width: 100% !important;
    }
    .finance-title-full { display: none !important; }
    .finance-title-compact { display: inline !important; }
}

@media (max-width: 480px) {
    .account-mode-choice-grid { gap: 8px !important; }
    .account-mode-choice { min-height: 52px !important; padding: 9px 8px !important; }
    .account-mode-choice strong { font-size: 11.5px !important; }
    .account-edit-paired-cards,
    .reseller-finance-paired-cards { gap: 8px !important; }
    .account-edit-paired-cards > .flow-step,
    .reseller-finance-paired-cards > .flow-step {
        padding: 12px !important;
    }
}

.operation-modal-page .account-create-compact [data-account-mode].account-mode-choice-grid,
.account-create-compact [data-account-mode].account-mode-choice-grid {

    grid-auto-flow: row !important;
    width: 100% !important;
    min-width: 0 !important;

}
.operation-modal-page .account-create-compact [data-account-mode].account-mode-choice-grid > .account-mode-choice,
.account-create-compact [data-account-mode].account-mode-choice-grid > .account-mode-choice {
    width: 100% !important;
    min-width: 0 !important;
    max-width: none !important;
}
@media (max-width: 480px) {
    .operation-modal-page .account-create-compact [data-account-mode].account-mode-choice-grid,
    .account-create-compact [data-account-mode].account-mode-choice-grid {
        grid-template-columns: repeat(2, minmax(0, 1fr)) !important;
        gap: 7px !important;
    }
}

.operation-modal-page .account-create-compact [data-account-mode].account-mode-choice-grid,
.account-create-compact [data-account-mode].account-mode-choice-grid {
    display: grid !important;
    grid-template-columns: repeat(2, minmax(0, 1fr)) !important;
    gap: 8px !important;
}
.operation-modal-page .account-create-compact [data-account-mode] .account-mode-choice,
.account-create-compact [data-account-mode] .account-mode-choice {
    display: block !important;
    min-width: 0 !important;
    min-height: 0 !important;
    padding: 0 !important;
    overflow: visible !important;
    text-align: left !important;
}
.operation-modal-page .account-create-compact [data-account-mode] .account-mode-choice .expiry-premium-control,
.account-create-compact [data-account-mode] .account-mode-choice .expiry-premium-control {
    width: 100% !important;
    min-height: 46px !important;
    padding: 10px 13px !important;
    justify-content: flex-start !important;
    text-align: left !important;
}
.operation-modal-page .account-create-compact [data-account-mode] .account-mode-choice .expiry-premium-control strong,
.account-create-compact [data-account-mode] .account-mode-choice .expiry-premium-control strong {
    width: auto !important;
    white-space: nowrap !important;
    font-size: 13.5px !important;
}
@media (max-width:1024px) {
    .operation-modal-page .account-create-compact [data-account-mode] .account-mode-choice .expiry-premium-control,
    .account-create-compact [data-account-mode] .account-mode-choice .expiry-premium-control {
        min-height: 44px !important;
        padding: 9px 11px !important;
    }
}

/* A coluna Limite das contas nunca deve desaparecer no mobile; a tabela continua rolável. */
@media (max-width: 640px) {
    .account-table:not(.online-account-table) th:nth-child(3),
    .account-table:not(.online-account-table) td:nth-child(3) {
        display: table-cell !important;
    }
}

/* Consumo atual: remove o selo "Atual" da linha inferior e transfere a linguagem visual verde
   para o valor em GB no cabeçalho, sem alterar o tamanho tipográfico do valor. */
.account-usage-head-value.account-usage-head-current {
    padding: 4px 9px;
    border: 1px solid rgba(72,219,167,.18);
    border-radius: 999px;
    background: rgba(45,194,142,.07);
    color: #7ee1bd !important;
}
.account-usage-history-row.is-current-row {
    grid-template-columns: minmax(0,1fr) auto;
}
@media (max-width: 640px) {
    .account-usage-head-value.account-usage-head-current {
        font-size: .84rem !important;
    }
    .account-usage-history-row.is-current-row {
        grid-template-columns: minmax(0,1fr) auto;
    }
}

/* Scroll vertical e horizontal visíveis, com cores integradas ao tema Titan. */
:root {
    --titan-scroll-track: rgba(5, 14, 27, .88);
    --titan-scroll-thumb: rgba(91, 120, 233, .72);
    --titan-scroll-thumb-hover: rgba(111, 143, 255, .92);
}
html,
body,
.sidebar,
.nav,
.page-content,
.table-wrap,
.ui-modal-body,
.settings-tabs,
textarea,
pre,
code {
    scrollbar-width: thin;
    scrollbar-color: var(--titan-scroll-thumb) var(--titan-scroll-track);
}
html::-webkit-scrollbar,
body::-webkit-scrollbar,
.sidebar::-webkit-scrollbar,
.nav::-webkit-scrollbar,
.page-content::-webkit-scrollbar,
.table-wrap::-webkit-scrollbar,
.ui-modal-body::-webkit-scrollbar,
.settings-tabs::-webkit-scrollbar,
textarea::-webkit-scrollbar,
pre::-webkit-scrollbar,
code::-webkit-scrollbar {
    width: 9px;
    height: 9px;
}
html::-webkit-scrollbar-track,
body::-webkit-scrollbar-track,
.sidebar::-webkit-scrollbar-track,
.nav::-webkit-scrollbar-track,
.page-content::-webkit-scrollbar-track,
.table-wrap::-webkit-scrollbar-track,
.ui-modal-body::-webkit-scrollbar-track,
.settings-tabs::-webkit-scrollbar-track,
textarea::-webkit-scrollbar-track,
pre::-webkit-scrollbar-track,
code::-webkit-scrollbar-track {
    background: var(--titan-scroll-track);
    border-radius: 999px;
}
html::-webkit-scrollbar-thumb,
body::-webkit-scrollbar-thumb,
.sidebar::-webkit-scrollbar-thumb,
.nav::-webkit-scrollbar-thumb,
.page-content::-webkit-scrollbar-thumb,
.table-wrap::-webkit-scrollbar-thumb,
.ui-modal-body::-webkit-scrollbar-thumb,
.settings-tabs::-webkit-scrollbar-thumb,
textarea::-webkit-scrollbar-thumb,
pre::-webkit-scrollbar-thumb,
code::-webkit-scrollbar-thumb {
    min-height: 34px;
    border: 2px solid var(--titan-scroll-track);
    border-radius: 999px;
    background: var(--titan-scroll-thumb);
}
html::-webkit-scrollbar-thumb:hover,
body::-webkit-scrollbar-thumb:hover,
.sidebar::-webkit-scrollbar-thumb:hover,
.nav::-webkit-scrollbar-thumb:hover,
.page-content::-webkit-scrollbar-thumb:hover,
.table-wrap::-webkit-scrollbar-thumb:hover,
.ui-modal-body::-webkit-scrollbar-thumb:hover,
.settings-tabs::-webkit-scrollbar-thumb:hover,
textarea::-webkit-scrollbar-thumb:hover,
pre::-webkit-scrollbar-thumb:hover,
code::-webkit-scrollbar-thumb:hover {
    background: var(--titan-scroll-thumb-hover);
}
.table-wrap,
.settings-tabs,
.ui-modal-body {
    scrollbar-gutter: stable;
}

.ui-modal.modal-variant-settings-permissions{width:min(760px,calc(100vw - 28px))!important}
.settings-permission-sections{display:grid;gap:16px}
.settings-permission-section{display:grid;gap:8px;min-width:0}
.settings-permission-section h4{margin:0;color:#9fb1ce;font-size:10.5px;font-weight:900;letter-spacing:.08em;text-transform:uppercase}
.settings-permission-modal-grid{grid-template-columns:repeat(2,minmax(0,1fr))!important;gap:8px!important}
.settings-permission-choice{min-height:50px!important;padding:10px 12px!important;border-radius:12px!important}
.settings-permission-choice span{font-size:11.5px!important;font-weight:800!important;white-space:normal;overflow-wrap:normal;word-break:normal}
.settings-permission-choice:has(input:checked){border-color:rgba(99,132,255,.76)!important;background:linear-gradient(145deg,rgba(83,116,226,.19),rgba(16,34,61,.76))!important;box-shadow:inset 0 0 0 1px rgba(109,140,255,.16),0 0 0 2px rgba(76,110,224,.06)!important}

.reseller-individual-permissions{display:grid;grid-template-columns:minmax(0,1fr) auto;align-items:center;gap:10px;margin-top:12px;padding:11px 12px;border:1px solid rgba(116,145,194,.18);border-radius:13px;background:rgba(8,20,35,.62)}
.reseller-individual-permissions-copy{display:grid;gap:2px;min-width:0}
.reseller-individual-permissions-copy strong{font-size:12.5px;color:#e8effc}
.reseller-individual-permissions-copy small{font-size:9.5px;color:#8295b3}
.reseller-individual-permissions .button{min-height:38px;padding:8px 12px;white-space:nowrap}
.compact-individual-permission-modal{display:grid;gap:14px}
.individual-permission-sections{gap:13px}
.compact-individual-permission-actions{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:8px;margin-top:2px}
.compact-individual-permission-actions .button{width:100%}

@media(max-width:640px){
  .ui-modal.modal-variant-settings-permissions{width:calc(100vw - 16px)!important}
  .settings-permission-sections{gap:13px}
  .settings-permission-section{gap:7px}
  .settings-permission-section h4{font-size:9.5px}
  .settings-permission-modal-grid{grid-template-columns:repeat(2,minmax(0,1fr))!important;gap:7px!important}
  .settings-permission-choice{min-height:48px!important;padding:8px 9px!important}
  .settings-permission-choice span{font-size:10.3px!important;line-height:1.25!important}
  .reseller-individual-permissions{grid-template-columns:minmax(0,1fr) auto;gap:8px;padding:10px}
  .reseller-individual-permissions-copy strong{font-size:11.5px}
  .reseller-individual-permissions .button{min-height:36px;padding:7px 10px;font-size:10.5px}
}

:is(
  .settings-toggle-card,
  .toggle-row,
  .toggle-field,
  .app-theme-toggle-row,
  .store-premium-toggle,
  .notice-permission-item
) {
  position: relative;
  border: 1px solid rgba(117,151,201,.18) !important;
  border-radius: 14px !important;
  background: linear-gradient(145deg,rgba(11,25,43,.78),rgba(7,18,32,.68)) !important;
  box-shadow: inset 0 1px rgba(255,255,255,.018) !important;
  transition: border-color .18s ease, background .18s ease, box-shadow .18s ease !important;
  cursor: pointer;
}

:is(
  .settings-toggle-card,
  .toggle-row,
  .toggle-field,
  .app-theme-toggle-row,
  .store-premium-toggle,
  .notice-permission-item
):hover {
  border-color: rgba(104,137,235,.34) !important;
  background: linear-gradient(145deg,rgba(14,31,53,.88),rgba(8,21,37,.76)) !important;
}

:is(
  .settings-toggle-card,
  .toggle-row,
  .toggle-field,
  .app-theme-toggle-row,
  .store-premium-toggle,
  .notice-permission-item
):has(input[type="checkbox"]:checked) {
  border-color: rgba(98,128,244,.64) !important;
  background: linear-gradient(145deg,rgba(63,87,168,.24),rgba(10,24,43,.82)) !important;
  box-shadow: inset 0 0 0 1px rgba(95,124,255,.10),0 8px 22px rgba(20,46,115,.10) !important;
}

:is(
  .settings-toggle-card,
  .toggle-row,
  .toggle-field,
  .app-theme-toggle-row,
  .store-premium-toggle,
  .notice-permission-item
):has(input[type="checkbox"]:focus-visible) {
  outline: 3px solid rgba(99,129,245,.28) !important;
  outline-offset: 2px !important;
}

:is(
  .settings-toggle-card,
  .toggle-row,
  .toggle-field,
  .app-theme-toggle-row,
  .store-premium-toggle,
  .notice-permission-item
) input[type="checkbox"]:not([hidden]) {
  appearance: none !important;
  -webkit-appearance: none !important;
  position: static !important;
  inset: auto !important;
  order: 99;
  flex: 0 0 22px !important;
  width: 22px !important;
  min-width: 22px !important;
  max-width: 22px !important;
  height: 22px !important;
  min-height: 22px !important;
  max-height: 22px !important;
  margin: 0 0 0 auto !important;
  padding: 0 !important;
  transform: none !important;
  border: 2px solid rgba(137,158,190,.58) !important;
  border-radius: 50% !important;
  outline: none !important;
  background: rgba(8,19,33,.92) !important;
  background-image: none !important;
  box-shadow: inset 0 0 0 1px rgba(0,0,0,.18) !important;
  cursor: pointer;
  transition: border-color .16s ease, background .16s ease, box-shadow .16s ease, opacity .16s ease !important;
}

:is(
  .settings-toggle-card,
  .toggle-row,
  .toggle-field,
  .app-theme-toggle-row,
  .store-premium-toggle,
  .notice-permission-item
) input[type="checkbox"]:not([hidden])::before,
:is(
  .settings-toggle-card,
  .toggle-row,
  .toggle-field,
  .app-theme-toggle-row,
  .store-premium-toggle,
  .notice-permission-item
) input[type="checkbox"]:not([hidden])::after {
  content: none !important;
  display: none !important;
}

:is(
  .settings-toggle-card,
  .toggle-row,
  .toggle-field,
  .app-theme-toggle-row,
  .store-premium-toggle,
  .notice-permission-item
) input[type="checkbox"]:not([hidden]):checked {
  border-color: #718cff !important;
  background-color: rgba(9,20,36,.96) !important;
  background-image: radial-gradient(circle at 50% 50%,#7d96ff 0 5px,transparent 6px) !important;
  box-shadow: 0 0 0 3px rgba(92,122,243,.10),inset 0 0 0 1px rgba(113,140,255,.10) !important;
}

:is(
  .settings-toggle-card,
  .toggle-row,
  .toggle-field,
  .app-theme-toggle-row,
  .store-premium-toggle,
  .notice-permission-item
) input[type="checkbox"]:not([hidden]):focus-visible {
  outline: 3px solid rgba(102,133,255,.34) !important;
  outline-offset: 3px !important;
}

:is(
  .settings-toggle-card,
  .toggle-row,
  .toggle-field,
  .app-theme-toggle-row,
  .store-premium-toggle,
  .notice-permission-item
):has(input[type="checkbox"]:disabled) {
  cursor: not-allowed;
  opacity: .58;
}

/* Remove os trilhos/switches decorativos antigos dos componentes que usam <i>. */
.app-theme-toggle-row > i,
.store-premium-toggle > i {

}

/* Neutraliza paddings reservados para switches deslizantes antigos. */
.settings-toggle-card,
.toggle-field {
  padding: 15px 16px !important;
  gap: 12px !important;
  align-items: center !important;
}

/* Mantém textos flexíveis e o círculo sempre visível em telas estreitas. */
:is(.settings-toggle-card,.toggle-row,.toggle-field,.app-theme-toggle-row,.store-premium-toggle,.notice-permission-item) > span,
:is(.settings-toggle-card,.toggle-row,.toggle-field,.app-theme-toggle-row,.store-premium-toggle,.notice-permission-item) .settings-option-copy,
:is(.settings-toggle-card,.toggle-row,.toggle-field,.app-theme-toggle-row,.store-premium-toggle,.notice-permission-item) .store-toggle-copy {
  min-width: 0;
}

@media (max-width:1024px) {
  .settings-toggle-card,
  .toggle-field {
    min-height: 74px !important;
    padding: 13px 14px !important;
  }
}

.settings-permission-choice {
  position: relative !important;
  padding-left: 43px !important;
  overflow: visible !important;
}
.settings-permission-choice::before {
  content: "";
  position: absolute;
  left: 13px;
  top: 50%;
  width: 20px;
  height: 20px;
  transform: translateY(-50%);
  border: 2px solid rgba(137,158,190,.62);
  border-radius: 50%;
  background: rgba(8,19,33,.96);
  box-shadow: inset 0 0 0 1px rgba(0,0,0,.18);
  pointer-events: none;
  transition: border-color .16s ease, background .16s ease, box-shadow .16s ease;
}
.settings-permission-choice::after {
  content: "";
  position: absolute;
  left: 19px;
  top: 50%;
  width: 8px;
  height: 8px;
  transform: translateY(-50%) scale(.55);
  border-radius: 50%;
  background: #7d96ff;
  opacity: 0;
  pointer-events: none;
  transition: opacity .16s ease, transform .16s ease;
}
.settings-permission-choice:has(input:checked)::before {
  border-color: #718cff;
  background: rgba(9,20,36,.98);
  box-shadow: 0 0 0 3px rgba(92,122,243,.10), inset 0 0 0 1px rgba(113,140,255,.10);
}
.settings-permission-choice:has(input:checked)::after {
  opacity: 1;
  transform: translateY(-50%) scale(1);
}
.settings-permission-choice:has(input:checked) {
  border-color: rgba(99,132,255,.78) !important;
  background: linear-gradient(145deg,rgba(83,116,226,.20),rgba(16,34,61,.78)) !important;
  box-shadow: inset 0 0 0 1px rgba(109,140,255,.18),0 0 0 2px rgba(76,110,224,.07) !important;
}
.settings-permission-choice:has(input:focus-visible) {
  outline: 3px solid rgba(102,133,255,.38) !important;
  outline-offset: 3px !important;
}
.settings-permission-choice:has(input:disabled) {
  cursor: not-allowed !important;
  opacity: .56;
}

@media (max-width: 640px) {
  .settings-permission-choice {
    padding-left: 36px !important;
  }
  .settings-permission-choice::before {
    left: 10px;
    width: 18px;
    height: 18px;
  }
  .settings-permission-choice::after {
    left: 15px;
    width: 8px;
    height: 8px;
  }
}

:is(
  .settings-toggle-card,
  .toggle-row,
  .toggle-field,
  .app-theme-toggle-row,
  .store-premium-toggle,
  .notice-permission-item,
  .settings-permission-choice,
  .permission-option,
  .permission-group-toggle
) {
  position: relative !important;
  display: flex !important;
  align-items: center !important;
  justify-content: flex-start !important;
  gap: 10px !important;
  cursor: pointer;
}

/* A seleção de permissões da 030 deixa de desenhar círculos por pseudo-elementos. */
.settings-permission-choice::before,
.settings-permission-choice::after {
  content: none !important;
  display: none !important;
}
.settings-permission-choice {
  padding-left: 12px !important;
}

/* Remove trilhos/switches decorativos antigos; o próprio checkbox vira o seletor circular. */
.app-theme-toggle-row > i,
.store-premium-toggle > i {
  display: none !important;
}

:is(
  .settings-toggle-card,
  .toggle-row,
  .toggle-field,
  .app-theme-toggle-row,
  .store-premium-toggle,
  .notice-permission-item,
  .settings-permission-choice,
  .permission-option,
  .permission-group-toggle
) > input[type="checkbox"]:not([hidden]) {
  appearance: none !important;
  -webkit-appearance: none !important;
  position: static !important;
  inset: auto !important;
  order: -10 !important;
  flex: 0 0 20px !important;
  width: 20px !important;
  min-width: 20px !important;
  max-width: 20px !important;
  height: 20px !important;
  min-height: 20px !important;
  max-height: 20px !important;
  margin: 0 !important;
  padding: 0 !important;
  transform: none !important;
  opacity: 1 !important;
  pointer-events: auto !important;
  border: 2px solid #64748b !important;
  border-radius: 999px !important;
  outline: none !important;
  background: rgba(5,15,28,.90) !important;
  background-image: none !important;
  box-shadow: inset 0 0 0 4px rgba(5,15,28,.90) !important;
  cursor: pointer !important;
  transition: border-color .16s ease, background .16s ease, box-shadow .16s ease, opacity .16s ease !important;
}

:is(
  .settings-toggle-card,
  .toggle-row,
  .toggle-field,
  .app-theme-toggle-row,
  .store-premium-toggle,
  .notice-permission-item,
  .settings-permission-choice,
  .permission-option,
  .permission-group-toggle
) > input[type="checkbox"]:not([hidden])::before,
:is(
  .settings-toggle-card,
  .toggle-row,
  .toggle-field,
  .app-theme-toggle-row,
  .store-premium-toggle,
  .notice-permission-item,
  .settings-permission-choice,
  .permission-option,
  .permission-group-toggle
) > input[type="checkbox"]:not([hidden])::after {
  content: none !important;
  display: none !important;
}

/* Mesmo círculo selecionado usado pelo fluxo premium de Criar conta. */
:is(
  .settings-toggle-card,
  .toggle-row,
  .toggle-field,
  .app-theme-toggle-row,
  .store-premium-toggle,
  .notice-permission-item,
  .settings-permission-choice,
  .permission-option,
  .permission-group-toggle
) > input[type="checkbox"]:not([hidden]):checked,
.permission-group-toggle > input[type="checkbox"]:indeterminate {
  border-color: #7d96ff !important;
  background: #7d96ff !important;
  background-image: none !important;
  box-shadow: inset 0 0 0 4px rgba(5,15,28,.90) !important;
}

:is(
  .settings-toggle-card,
  .toggle-row,
  .toggle-field,
  .app-theme-toggle-row,
  .store-premium-toggle,
  .notice-permission-item,
  .settings-permission-choice,
  .permission-option,
  .permission-group-toggle
) > input[type="checkbox"]:not([hidden]):focus-visible {
  outline: 2px solid rgba(125,150,255,.58) !important;
  outline-offset: 2px !important;
}

/* O card ativo acompanha o mesmo destaque do seletor de Criar conta, sem contorno extra. */
:is(
  .settings-toggle-card,
  .toggle-row,
  .toggle-field,
  .app-theme-toggle-row,
  .store-premium-toggle,
  .notice-permission-item,
  .settings-permission-choice,
  .permission-option,
  .permission-group-toggle
):has(> input[type="checkbox"]:checked) {
  border-color: rgba(96,130,246,.62) !important;
  background: linear-gradient(145deg,rgba(91,119,235,.17),rgba(25,58,116,.11)) !important;
  box-shadow: inset 0 0 0 1px rgba(96,130,246,.08),0 8px 24px rgba(2,8,23,.14) !important;
}

:is(
  .settings-toggle-card,
  .toggle-row,
  .toggle-field,
  .app-theme-toggle-row,
  .store-premium-toggle,
  .notice-permission-item,
  .settings-permission-choice,
  .permission-option,
  .permission-group-toggle
):has(> input[type="checkbox"]:focus-visible) {
  outline: 2px solid rgba(105,139,255,.56) !important;
  outline-offset: 2px !important;
}

:is(
  .settings-toggle-card,
  .toggle-row,
  .toggle-field,
  .app-theme-toggle-row,
  .store-premium-toggle,
  .notice-permission-item,
  .settings-permission-choice,
  .permission-option,
  .permission-group-toggle
):has(> input[type="checkbox"]:disabled) {
  cursor: not-allowed !important;
  opacity: .56;
}

/* Mantém texto logo depois do círculo e evita deslocamentos dos layouts antigos. */
:is(.settings-toggle-card,.toggle-row,.toggle-field,.app-theme-toggle-row,.store-premium-toggle,.notice-permission-item,.settings-permission-choice,.permission-option) > span,
:is(.settings-toggle-card,.toggle-row,.toggle-field,.app-theme-toggle-row,.store-premium-toggle,.notice-permission-item,.settings-permission-choice,.permission-option) .settings-option-copy,
:is(.settings-toggle-card,.toggle-row,.toggle-field,.app-theme-toggle-row,.store-premium-toggle,.notice-permission-item,.settings-permission-choice,.permission-option) .store-toggle-copy {
  min-width: 0;
}

/* As permissões usam exatamente o mesmo fluxo círculo + texto, inclusive no mobile. */
.settings-permission-choice,
.permission-option {
  grid-template-columns: none !important;
}
.settings-permission-choice span,
.permission-option span {
  min-width: 0;
}

@media (max-width:1024px) {
  :is(
    .settings-toggle-card,
    .toggle-row,
    .toggle-field,
    .app-theme-toggle-row,
    .store-premium-toggle,
    .notice-permission-item,
    .settings-permission-choice,
    .permission-option
  ) {
    gap: 9px !important;
  }
  .settings-permission-choice {
    padding-left: 9px !important;
  }
}

.whatsapp-ticket-row.titan-support-reason-row{grid-template-columns:minmax(0,1fr);gap:0;align-items:center;min-height:62px}
.whatsapp-ticket-row.titan-support-reason-row .whatsapp-ticket-copy{gap:5px}
.whatsapp-ticket-row.titan-support-reason-row .whatsapp-ticket-copy strong{font-size:.98rem}
.whatsapp-ticket-row.titan-support-reason-row .whatsapp-ticket-copy small{font-size:.76rem;color:#8da0ba}

.whatsapp-support-quick-actions{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:8px;min-width:280px}.whatsapp-support-quick-actions>.button{width:100%;min-width:0;min-height:40px;white-space:nowrap}.whatsapp-availability-action.is-available{border-color:rgba(57,202,146,.28);color:#dfffee;background:rgba(31,145,105,.075)}.whatsapp-availability-action.is-unavailable{border-color:rgba(148,163,184,.2);color:#b7c4d8;background:rgba(148,163,184,.045)}.whatsapp-support-commandbar{grid-template-columns:minmax(280px,.8fr) minmax(0,1.2fr)}
.whatsapp-availability-times{gap:10px!important}.whatsapp-availability-times>label{min-width:0}.whatsapp-availability-help{margin:0;padding:11px 13px;border:1px solid rgba(91,164,234,.12);border-radius:13px;background:rgba(91,164,234,.045);color:#93a6c0;font-size:.78rem;line-height:1.5}
.whatsapp-floating-composer{position:sticky!important;bottom:14px!important;z-index:6;width:calc(100% - 28px)!important;margin:0 14px 14px!important;padding:11px 12px!important;border:1px solid rgba(78,164,234,.18)!important;border-radius:18px!important;background:rgba(7,17,31,.96)!important;box-shadow:0 16px 38px rgba(0,0,0,.34),0 0 0 1px rgba(255,255,255,.018) inset!important;backdrop-filter:blur(14px)}.whatsapp-floating-composer[hidden]{display:none!important}.whatsapp-owned-actions{display:grid;gap:8px}.whatsapp-owned-actions[hidden],.whatsapp-waiting-actions[hidden]{display:none!important}.whatsapp-waiting-actions form,.whatsapp-waiting-actions .button{width:100%;margin:0}.whatsapp-reply-form{grid-template-columns:minmax(0,1fr) auto!important;margin:0}.whatsapp-reply-form textarea{min-height:46px!important;max-height:110px;border-radius:14px!important}.whatsapp-reply-form .button{width:auto!important;min-width:82px!important}.whatsapp-owned-actions>[data-whatsapp-close-form]{display:flex;justify-content:flex-end;margin:0}.whatsapp-owned-actions>[data-whatsapp-close-form] .button{min-height:34px;padding:0 12px}.whatsapp-attendant-lock{margin:0!important}.whatsapp-ticket-row.is-long-pressing{border-color:rgba(78,164,234,.34)!important;box-shadow:0 0 0 3px rgba(78,164,234,.055)!important;transform:none!important}
.whatsapp-single-session-action{grid-template-columns:1fr!important}.whatsapp-single-session-action .button{width:100%}
@media(max-width:1024px){.whatsapp-support-commandbar{grid-template-columns:1fr!important}.whatsapp-support-quick-actions{grid-template-columns:repeat(2,minmax(0,1fr))!important;width:100%;min-width:0}.whatsapp-support-quick-actions>.button{width:100%!important;padding-left:7px!important;padding-right:7px!important;font-size:.69rem!important}.whatsapp-ticket-filters-top{grid-column:1/-1}.whatsapp-floating-composer{position:sticky!important;bottom:10px!important;width:calc(100% - 20px)!important;margin:0 10px 10px!important;padding:9px!important;border-radius:16px!important;box-shadow:0 14px 30px rgba(0,0,0,.38)!important}.whatsapp-reply-form{grid-template-columns:minmax(0,1fr) 78px!important}.whatsapp-reply-form .button{width:78px!important;min-width:0!important;padding:0 7px!important}.whatsapp-availability-times{grid-template-columns:repeat(2,minmax(0,1fr))!important}}
@media(max-width:390px){.whatsapp-support-quick-actions{gap:6px}.whatsapp-support-quick-actions>.button{font-size:.64rem!important}.whatsapp-availability-times{gap:7px!important}.whatsapp-reply-form{grid-template-columns:minmax(0,1fr) 70px!important}.whatsapp-reply-form .button{width:70px!important;font-size:.69rem!important}}

.table-user > .row-actions-anchor {
    position: relative;
    width: auto;
    height: auto;
    display: inline-flex;
    flex: 0 0 auto;
    border: 0;
    border-radius: 0;
    background: transparent;
    color: inherit;
    font-size: inherit;
    font-weight: inherit;
}
.row-actions-account {
    gap: 12px;
}
.row-action-gear {
    position: relative;
    width: 36px;
    height: 36px;
    min-width: 36px;
    display: inline-grid;
    place-items: center;
    padding: 0;
    border: 1px solid rgba(102, 137, 211, .28);
    border-radius: 11px;
    background: linear-gradient(145deg, rgba(22, 38, 65, .98), rgba(13, 27, 48, .98));
    color: #91a9f7;
    cursor: pointer;
    box-shadow: inset 0 1px 0 rgba(255,255,255,.025);
    transition: border-color .16s ease, background .16s ease, color .16s ease, transform .16s ease;
}
.row-action-gear:hover,
.row-action-gear[aria-expanded="true"] {
    border-color: rgba(94, 133, 238, .52);
    background: linear-gradient(145deg, rgba(27, 47, 80, .98), rgba(15, 33, 58, .98));
    color: #b7c6ff;
}
.row-action-gear:active { transform: scale(.96); }
.row-action-gear:focus-visible { outline: 2px solid rgba(83, 130, 246, .72); outline-offset: 2px; }
.row-action-gear svg { width: 18px; height: 18px; display: block; fill: currentColor; }
.row-action-gear.is-online::after {
    content: "";
    position: absolute;
    right: -2px;
    bottom: -2px;
    width: 9px;
    height: 9px;
    border: 2px solid #0d1727;
    border-radius: 50%;
    background: var(--success);
    box-shadow: 0 0 0 3px rgba(51, 212, 155, .08);
}
.row-action-menu {
    position: fixed;
    z-index: 12050;
    width: 205px;
    max-width: calc(100vw - 16px);
    padding: 6px;
    border: 1px solid rgba(111, 142, 197, .2);
    border-radius: 13px;
    background: rgba(9, 22, 39, .985);
    box-shadow: 0 18px 48px rgba(0, 0, 0, .42), inset 0 1px 0 rgba(255,255,255,.025);
    backdrop-filter: blur(14px);
}
.row-action-menu[hidden] { display: none !important; }
.row-action-menu a,
.row-action-menu > button,
.row-action-menu form > button {
    width: 100%;
    min-height: 39px;
    display: flex;
    align-items: center;
    justify-content: flex-start;
    margin: 0;
    padding: 9px 11px;
    border: 0;
    border-radius: 9px;
    background: transparent;
    color: #d4deed;
    font: inherit;
    font-size: 12px;
    font-weight: 700;
    text-align: left;
    text-decoration: none;
    cursor: pointer;
    transition: background .14s ease, color .14s ease;
}
.row-action-menu a:hover,
.row-action-menu > button:hover,
.row-action-menu form > button:hover {
    background: rgba(83, 130, 246, .1);
    color: #f4f7ff;
}
.row-action-menu form { margin: 0; }
.row-action-menu form > button.warning { color: #f1c46f; }
.row-action-menu form > button.warning:hover { background: rgba(232, 170, 61, .10); color: #ffd78b; }
.row-action-menu form > button.danger { color: #ff8f9c; }
.row-action-menu form > button.danger:hover { background: rgba(242, 89, 108, .11); color: #ffb1bb; }
.row-actions-table:not(.online-account-table) th:last-child,
.row-actions-table:not(.online-account-table) td:last-child {
    width: auto;
    min-width: 140px;
    text-align: left;
}
.online-account-table.row-actions-table { min-width: 650px; }
.online-account-table.row-actions-table th:last-child,
.online-account-table.row-actions-table td:last-child { min-width: 150px; text-align: left; }
@media (max-width: 640px) {
    .row-action-gear { width: 34px; height: 34px; min-width: 34px; border-radius: 10px; }
    .row-action-menu { width: min(210px, calc(100vw - 16px)); }
    .online-account-table.row-actions-table { min-width: 690px; }
}

.row-action-menu { display: none !important; }
.row-actions-modal-layer {
    position: fixed;
    inset: 0;
    z-index: 12550;
    display: grid;
    place-items: center;
    padding: 18px;
}
.row-actions-modal-layer[hidden] { display: none !important; }
.row-actions-modal-backdrop {
    position: absolute;
    inset: 0;
    width: 100%;
    height: 100%;
    padding: 0;
    border: 0;
    border-radius: 0;
    background: rgba(2, 8, 18, .72);
    backdrop-filter: blur(5px);
    cursor: default;
}
.row-actions-modal-card {
    position: relative;
    z-index: 1;
    width: min(420px, calc(100vw - 30px));
    max-height: min(620px, calc(100dvh - 36px));
    overflow: hidden;
    border: 1px solid rgba(104, 139, 205, .22);
    border-radius: 20px;
    background: linear-gradient(165deg, rgba(13, 29, 51, .995), rgba(7, 19, 34, .995));
    box-shadow: 0 28px 80px rgba(0, 0, 0, .55), inset 0 1px 0 rgba(255,255,255,.03);
}
.row-actions-modal-header {
    min-height: 68px;
    display: flex;
    align-items: center;
    justify-content: space-between;
    gap: 14px;
    padding: 17px 18px 15px 20px;
    border-bottom: 1px solid rgba(101, 135, 196, .14);
}
.row-actions-modal-header h2 {
    min-width: 0;
    margin: 0;
    color: #f3f7ff;
    font-size: 1.08rem;
    font-weight: 800;
    line-height: 1.25;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
}
.row-actions-modal-close {
    width: 36px;
    height: 36px;
    min-width: 36px;
    display: grid;
    place-items: center;
    padding: 0;
    border: 1px solid rgba(116, 145, 199, .18);
    border-radius: 11px;
    background: rgba(88, 118, 175, .055);
    color: #9badc6;
    cursor: pointer;
}
.row-actions-modal-close:hover { color: #f1f5ff; background: rgba(88, 118, 175, .12); }
.row-actions-modal-close svg { width: 18px; height: 18px; fill: currentColor; }
.row-actions-modal-actions {
    display: grid;
    gap: 9px;
    max-height: calc(min(620px, 100dvh - 36px) - 68px);
    overflow-y: auto;
    padding: 16px;
    overscroll-behavior: contain;
}
.row-actions-modal-actions > a,
.row-actions-modal-actions > button,
.row-actions-modal-actions > form > button {
    width: 100%;
    min-height: 48px;
    display: flex;
    align-items: center;
    justify-content: flex-start;
    margin: 0;
    padding: 12px 14px;
    border: 1px solid rgba(103, 137, 198, .16);
    border-radius: 13px;
    background: rgba(51, 79, 126, .055);
    color: #dbe5f3;
    font: inherit;
    font-size: .88rem;
    font-weight: 750;
    line-height: 1.2;
    text-align: left;
    text-decoration: none;
    cursor: pointer;
    transition: background .14s ease, border-color .14s ease, color .14s ease, transform .14s ease;
}
.row-actions-modal-actions > a:hover,
.row-actions-modal-actions > button:hover,
.row-actions-modal-actions > form > button:hover {
    border-color: rgba(89, 132, 225, .32);
    background: rgba(70, 111, 194, .11);
    color: #f6f8ff;
}
.row-actions-modal-actions > a:active,
.row-actions-modal-actions > button:active,
.row-actions-modal-actions > form > button:active { transform: scale(.985); }
.row-actions-modal-actions > form { margin: 0; }
.row-actions-modal-actions > form > button.warning {
    border-color: rgba(230, 171, 67, .18);
    color: #f0c875;
    background: rgba(213, 151, 40, .055);
}
.row-actions-modal-actions > form > button.warning:hover {
    border-color: rgba(230, 171, 67, .30);
    background: rgba(213, 151, 40, .11);
    color: #ffda8e;
}
.row-actions-modal-actions > form > button.danger,
.row-actions-modal-actions button[data-confirm-delete] {
    border-color: rgba(244, 91, 111, .20);
    color: #ff93a1;
    background: rgba(226, 61, 83, .055);
}
.row-actions-modal-actions > form > button.danger:hover,
.row-actions-modal-actions button[data-confirm-delete]:hover {
    border-color: rgba(244, 91, 111, .32);
    background: rgba(226, 61, 83, .115);
    color: #ffb2bc;
}
html.row-actions-modal-open,
body.row-actions-modal-open { overflow: hidden !important; }
@media (max-width: 640px) {
    .row-actions-modal-layer { padding: 14px; }
    .row-actions-modal-card { width: min(390px, calc(100vw - 28px)); border-radius: 18px; }
    .row-actions-modal-header { min-height: 64px; padding: 15px 15px 13px 17px; }
    .row-actions-modal-header h2 { font-size: 1rem; }
    .row-actions-modal-actions { padding: 14px; gap: 8px; }
    .row-actions-modal-actions > a,
    .row-actions-modal-actions > button,
    .row-actions-modal-actions > form > button { min-height: 46px; font-size: .84rem; }
}

.row-actions-modal-backdrop{background:radial-gradient(circle at 50% 42%,rgba(41,72,139,.15),transparent 38%),rgba(2,8,18,.80)!important;backdrop-filter:blur(8px)!important}
.row-actions-modal-card{width:min(560px,calc(100vw - 30px))!important;max-height:min(700px,calc(100dvh - 34px))!important;border-color:rgba(112,146,224,.28)!important;border-radius:24px!important;background:radial-gradient(circle at 88% 0,rgba(78,114,225,.13),transparent 34%),linear-gradient(155deg,rgba(14,31,55,.997),rgba(6,17,31,.997))!important;box-shadow:0 34px 100px rgba(0,0,0,.64),0 0 0 1px rgba(255,255,255,.018) inset!important}
.row-actions-modal-header{min-height:96px!important;padding:20px 20px 18px 22px!important;align-items:flex-start!important;background:linear-gradient(180deg,rgba(71,105,202,.055),transparent)!important}
.row-actions-modal-heading{display:grid;gap:4px;min-width:0}.row-actions-modal-heading>span{color:#7193ee;font-size:.62rem;font-weight:900;letter-spacing:.15em}.row-actions-modal-heading h2{font-size:1.25rem!important;letter-spacing:-.02em}.row-actions-modal-heading small{color:#8194b1;font-size:.72rem;line-height:1.4}
.row-actions-modal-close{margin-top:2px;border-radius:12px!important;background:rgba(99,130,199,.07)!important}.row-actions-modal-close:hover{border-color:rgba(119,151,229,.32)!important;background:rgba(99,130,199,.15)!important}
.row-actions-modal-actions{grid-template-columns:repeat(2,minmax(0,1fr))!important;gap:10px!important;max-height:calc(min(700px,100dvh - 34px) - 132px)!important;padding:16px 18px 18px!important}
.row-actions-modal-actions>*,.row-actions-modal-actions>form{min-width:0;margin:0!important}
.row-actions-modal-actions>:last-child:nth-child(odd){grid-column:1/-1}
.row-actions-modal-actions>a,.row-actions-modal-actions>button,.row-actions-modal-actions>form{position:relative;min-height:92px!important;display:block!important;padding:0!important;overflow:hidden;border:1px solid rgba(105,140,215,.16)!important;border-radius:16px!important;background:linear-gradient(145deg,rgba(33,57,94,.52),rgba(13,29,50,.60))!important;box-shadow:inset 0 1px rgba(255,255,255,.022)!important;transition:transform .16s ease,border-color .16s ease,background .16s ease,box-shadow .16s ease!important}
.row-actions-modal-actions>a:hover,.row-actions-modal-actions>button:hover,.row-actions-modal-actions>form:hover{transform:translateY(-1px)!important;border-color:rgba(101,142,244,.38)!important;background:linear-gradient(145deg,rgba(42,70,116,.62),rgba(15,34,58,.72))!important;box-shadow:0 12px 26px rgba(0,0,0,.14),inset 0 1px rgba(255,255,255,.03)!important}
.row-actions-modal-actions>form>button,.row-actions-modal-actions>.row-actions-premium-control{width:100%!important;height:100%!important;min-height:90px!important;display:grid!important;grid-template-columns:42px minmax(0,1fr) 20px!important;align-items:center!important;gap:11px!important;margin:0!important;padding:14px!important;border:0!important;border-radius:0!important;background:transparent!important;color:#e2eaf7!important;text-align:left!important;text-decoration:none!important;cursor:pointer!important}
.row-action-premium-icon{width:42px;height:42px;display:grid;place-items:center;border:1px solid rgba(106,143,230,.22);border-radius:13px;background:linear-gradient(145deg,rgba(79,113,220,.18),rgba(39,70,139,.08));color:#8ba8ff;box-shadow:inset 0 1px rgba(255,255,255,.025)}.row-action-premium-icon svg{width:20px;height:20px;fill:currentColor}.row-action-premium-copy{display:grid;gap:4px;min-width:0}.row-action-premium-copy strong{color:#eef3ff;font-size:.84rem;font-weight:850;line-height:1.2}.row-action-premium-copy small{color:#7f93af;font-size:.66rem;font-weight:600;line-height:1.35}.row-action-premium-arrow{display:grid;place-items:center;color:#526988}.row-action-premium-arrow svg{width:17px;height:17px;fill:currentColor}
.row-actions-modal-actions>[data-row-action-kind="renovar"] .row-action-premium-icon{border-color:rgba(58,205,157,.22);background:rgba(36,181,132,.09);color:#5ce0b3}.row-actions-modal-actions>[data-row-action-kind="consumo"] .row-action-premium-icon{border-color:rgba(76,181,227,.22);background:rgba(47,159,211,.09);color:#68c9f2}.row-actions-modal-actions>[data-row-action-kind="suspender"]{border-color:rgba(231,175,73,.20)!important;background:linear-gradient(145deg,rgba(102,73,25,.18),rgba(30,30,38,.58))!important}.row-actions-modal-actions>[data-row-action-kind="suspender"] .row-action-premium-icon{border-color:rgba(231,175,73,.26);background:rgba(211,151,43,.10);color:#f0c36d}.row-actions-modal-actions>[data-row-action-kind="suspender"] .row-action-premium-copy strong{color:#f4cc7c}.row-actions-modal-actions>[data-row-action-kind="remover"]{border-color:rgba(243,92,113,.20)!important;background:linear-gradient(145deg,rgba(103,34,47,.16),rgba(31,22,31,.58))!important}.row-actions-modal-actions>[data-row-action-kind="remover"] .row-action-premium-icon{border-color:rgba(243,92,113,.25);background:rgba(226,61,83,.09);color:#ff8797}.row-actions-modal-actions>[data-row-action-kind="remover"] .row-action-premium-copy strong{color:#ff9eaa}
.row-actions-modal-footer{padding:10px 18px 12px;border-top:1px solid rgba(105,137,195,.10);color:#586c88;font-size:.58rem;font-weight:700;text-align:center;letter-spacing:.04em;background:rgba(4,13,25,.35)}

@media(max-width:1024px){
  .operation-card{overflow:visible!important;border-radius:17px!important}.operation-toolbar{padding:11px!important;gap:10px!important}.operation-toolbar .search-field{max-width:none!important}.operation-summary{align-self:flex-end!important}.online-live-summary{width:100%!important;display:flex!important;flex-wrap:wrap!important;gap:6px 8px!important;align-items:center!important}.online-live-summary small{width:100%!important;margin-top:0!important}
  .table-wrap{width:100%!important;max-width:none!important;overflow:visible!important;padding:9px!important;scrollbar-gutter:auto!important}.row-actions-table,.account-table,.online-account-table.row-actions-table{display:block!important;width:100%!important;min-width:0!important;max-width:none!important}.row-actions-table thead{display:none!important}.row-actions-table tbody{display:grid!important;gap:9px!important;width:100%!important}.row-actions-table tbody tr{display:grid!important;grid-template-columns:repeat(2,minmax(0,1fr))!important;min-width:0!important;overflow:hidden!important;border:1px solid rgba(100,132,191,.15)!important;background:linear-gradient(145deg,rgba(13,29,49,.82),rgba(7,19,34,.80))!important;box-shadow:inset 0 1px rgba(255,255,255,.015)!important}.row-actions-table tbody tr[hidden]{display:none!important}.row-actions-table tbody td{display:grid!important;align-content:center!important;width:auto!important;padding:9px 10px!important;border:0!important;border-top:1px solid rgba(99,130,183,.075)!important;text-align:left!important;white-space:normal!important}.row-actions-table tbody td:first-child{grid-column:1/-1!important;display:block!important;padding:10px 11px!important;border-top:0!important;border-bottom:1px solid rgba(100,132,191,.11)!important;background:linear-gradient(90deg,rgba(70,102,188,.055),transparent)!important}.row-actions-table tbody td:not(:first-child)::before{content:attr(data-mobile-label);display:block;margin-bottom:3px;color:#617898;font-size:.54rem;font-weight:900;letter-spacing:.08em;text-transform:uppercase}.row-actions-table tbody td>strong{font-size:.77rem!important;line-height:1.25!important}.row-actions-table tbody td>.table-action{margin-top:2px!important;font-size:.60rem!important;line-height:1.25!important}.row-actions-table .table-user{width:100%!important;gap:10px!important}.row-actions-table .table-user>div:last-child{min-width:0!important}.row-actions-table .table-user strong{font-size:.83rem!important;white-space:nowrap!important;overflow:hidden!important;text-overflow:ellipsis!important}.row-action-gear{width:36px!important;height:36px!important;min-width:36px!important}.online-account-table tbody td:last-child,.row-actions-table:not(.online-account-table) tbody tr td:last-child:nth-child(4){grid-column:1/-1!important}.permission-mini{justify-content:flex-start!important;flex-wrap:wrap!important}
  .row-actions-modal-layer{padding:10px!important;align-items:center!important}.row-actions-modal-card{width:calc(100vw - 20px)!important;max-height:calc(100dvh - 20px)!important;border-radius:21px!important}.row-actions-modal-header{min-height:88px!important;padding:17px 16px 15px 17px!important}.row-actions-modal-heading h2{font-size:1.08rem!important}.row-actions-modal-heading small{font-size:.67rem!important}.row-actions-modal-actions{gap:8px!important;padding:12px!important;max-height:calc(100dvh - 136px)!important}.row-actions-modal-actions>a,.row-actions-modal-actions>button,.row-actions-modal-actions>form{min-height:86px!important;border-radius:14px!important}.row-actions-modal-actions>form>button,.row-actions-modal-actions>.row-actions-premium-control{min-height:84px!important;grid-template-columns:36px minmax(0,1fr) 15px!important;gap:8px!important;padding:11px!important}.row-action-premium-icon{width:36px;height:36px;border-radius:11px}.row-action-premium-icon svg{width:18px;height:18px}.row-action-premium-copy strong{font-size:.75rem}.row-action-premium-copy small{font-size:.58rem}.row-action-premium-arrow svg{width:14px;height:14px}.row-actions-modal-footer{padding:8px 12px 10px;font-size:.53rem}
}
@media(max-width:390px){.table-wrap{padding:7px!important}.row-actions-table tbody{gap:7px!important}.row-actions-table tbody td{padding:8px 8px!important}.row-actions-table tbody td:first-child{padding:9px!important}.row-actions-modal-actions{gap:7px!important;padding:10px!important}.row-actions-modal-actions>form>button,.row-actions-modal-actions>.row-actions-premium-control{grid-template-columns:34px minmax(0,1fr)!important;padding:10px!important}.row-action-premium-arrow{display:none!important}.row-action-premium-icon{width:34px;height:34px}.row-action-premium-copy small{font-size:.56rem}}

.premium-count-summary{display:inline-flex;align-items:baseline;gap:8px;min-height:44px;padding:8px 13px;border:1px solid rgba(105,139,205,.14);border-radius:13px;background:linear-gradient(145deg,rgba(31,54,91,.42),rgba(12,27,47,.48));box-shadow:inset 0 1px rgba(255,255,255,.018)}
.premium-count-summary strong{font-size:1.18rem!important;line-height:1;color:#f2f6ff}.premium-count-summary span{color:#8295b1;font-size:.72rem;font-weight:700}
.premium-list-summary{display:grid!important;grid-template-columns:repeat(2,minmax(0,1fr));gap:8px!important;min-width:230px}
.premium-list-metric{display:grid;gap:3px;min-width:0;padding:9px 12px;border:1px solid rgba(102,139,211,.15);border-radius:13px;background:linear-gradient(145deg,rgba(32,57,96,.46),rgba(11,27,47,.52));box-shadow:inset 0 1px rgba(255,255,255,.018)}
.premium-list-metric span{order:2;color:#7187a7;font-size:.60rem;font-weight:800;letter-spacing:.06em;text-transform:uppercase}.premium-list-metric strong{order:1;color:#eef4ff;font-size:1.18rem;line-height:1.05;font-weight:900}
.row-actions-modal-actions>[data-row-action-kind="editar"]{order:99}
.row-actions-modal-actions>[data-row-action-kind="remover"]{order:90}
@media(max-width:1024px){.operation-card{width:calc(100% - 16px)!important}.operation-toolbar{grid-template-columns:1fr!important;align-items:stretch!important;padding:10px!important;background:linear-gradient(155deg,rgba(14,30,52,.56),rgba(8,20,36,.48))!important}.operation-toolbar .search-field{min-height:46px!important;border-radius:14px!important}.premium-count-summary{width:100%!important;min-height:48px!important;justify-content:flex-start!important;padding:9px 12px!important;border-radius:14px!important}.premium-count-summary strong{font-size:1.28rem!important}.premium-count-summary span{font-size:.72rem!important}.premium-list-summary{width:100%!important;grid-template-columns:repeat(2,minmax(0,1fr))!important;gap:7px!important}.premium-list-metric{min-height:58px;padding:10px 11px;border-radius:14px}.premium-list-metric strong{font-size:1.30rem}.premium-list-metric span{font-size:.56rem}.table-wrap{padding:7px!important}.row-actions-table tbody{gap:7px!important}.row-actions-table tbody tr{border-radius:14px!important}.row-actions-table tbody td{padding:8px 9px!important}.row-actions-table tbody td:first-child{padding:9px 10px!important}.row-actions-modal-actions{align-items:stretch!important}.row-actions-modal-actions>[data-row-action-kind="editar"]{grid-column:1/-1!important}}

.compact-action-icon{display:none}
.row-actions-modal-actions>:last-child:nth-child(odd),
.row-actions-modal-actions>[data-row-action-kind="editar"]{grid-column:auto!important}
.row-actions-modal-layer[data-action-count="3"] .row-actions-modal-card{width:min(700px,calc(100vw - 30px))!important}
.row-actions-modal-layer[data-action-count="3"] .row-actions-modal-actions{grid-template-columns:repeat(3,minmax(0,1fr))!important}
.row-actions-modal-layer[data-action-count="4"] .row-actions-modal-actions{grid-template-columns:repeat(2,minmax(0,1fr))!important}
.row-actions-modal-layer[data-action-count="2"] .row-actions-modal-actions{grid-template-columns:repeat(2,minmax(0,1fr))!important}

@media(max-width:1024px){
  /* Busca à esquerda e resumo à direita, sem bloco vertical desperdiçando espaço. */
  .operation-toolbar{display:grid!important;gap:8px!important;padding:9px!important}
  .operation-toolbar .search-field{width:100%!important;min-width:0!important;max-width:none!important;border-radius:13px!important}
  .operation-toolbar .search-field input{min-width:0!important;font-size:.73rem!important}
  .premium-count-summary{width:auto!important;min-width:82px!important;min-height:44px!important;justify-content:center!important;padding:7px 10px!important;border-radius:13px!important;white-space:nowrap!important}
  .premium-count-summary strong{font-size:1.13rem!important}.premium-count-summary span{font-size:.62rem!important}
  .premium-list-summary{width:auto!important;min-width:0!important;grid-template-columns:repeat(2,minmax(48px,58px))!important;gap:6px!important}
  .premium-list-metric{min-height:44px!important;padding:7px 8px!important;border-radius:12px!important;text-align:center!important}
  .premium-list-metric strong{font-size:1.08rem!important}.premium-list-metric span{font-size:.48rem!important;letter-spacing:.04em!important}

  /* Ações superiores viram atalhos por ícone no mobile; desktop mantém texto normal. */
  .compact-list-actions{display:flex!important;width:auto!important;justify-content:flex-start!important;align-items:center!important;flex-wrap:wrap!important;gap:8px!important}
  .compact-list-actions>*{width:auto!important;min-width:0!important;flex:0 0 auto!important}
  .compact-list-actions form{display:flex!important;width:auto!important}
  .compact-list-actions .compact-icon-button{width:46px!important;height:46px!important;min-width:46px!important;max-width:46px!important;min-height:46px!important;padding:0!important;display:grid!important;place-items:center!important;border-radius:13px!important}
  .compact-list-actions .compact-action-label{display:none!important}
  .compact-list-actions .compact-action-icon{display:grid!important;place-items:center!important;width:22px!important;height:22px!important;color:currentColor!important}
  .compact-list-actions .compact-action-icon svg{width:22px!important;height:22px!important;fill:currentColor!important}

  /* No mobile o modal vira uma grade de atalhos por ícone, todos lado a lado. */
  .row-actions-modal-layer[data-action-count="4"] .row-actions-modal-actions{grid-template-columns:repeat(4,minmax(0,1fr))!important}
  .row-actions-modal-layer[data-action-count="3"] .row-actions-modal-actions{grid-template-columns:repeat(3,minmax(0,1fr))!important}
  .row-actions-modal-layer[data-action-count="2"] .row-actions-modal-actions{grid-template-columns:repeat(2,minmax(0,1fr))!important}
  .row-actions-modal-card{width:calc(100vw - 18px)!important;border-radius:20px!important}
  .row-actions-modal-header{min-height:82px!important;padding:15px 15px 13px!important}
  .row-actions-modal-heading small{display:none!important}
  .row-actions-modal-actions{gap:7px!important;padding:10px!important;align-items:stretch!important}
  .row-actions-modal-actions>a,.row-actions-modal-actions>button,.row-actions-modal-actions>form{min-height:82px!important;border-radius:14px!important}
  .row-actions-modal-actions>form>button,.row-actions-modal-actions>.row-actions-premium-control{min-height:80px!important;grid-template-columns:1fr!important;grid-template-rows:auto auto!important;justify-items:center!important;gap:7px!important;padding:9px 5px!important;text-align:center!important}
  .row-action-premium-icon{width:40px!important;height:40px!important;border-radius:12px!important}
  .row-action-premium-icon svg{width:20px!important;height:20px!important}
  .row-action-premium-copy{text-align:center!important}
  .row-action-premium-copy strong{font-size:.60rem!important;line-height:1.12!important;overflow-wrap:anywhere!important}
  .row-action-premium-copy small,.row-action-premium-arrow{display:none!important}
  .row-actions-modal-footer{display:none!important}
}

@media(max-width:390px){
  .operation-toolbar{grid-template-columns:minmax(0,1fr) auto!important;gap:6px!important;padding:7px!important}
  .premium-count-summary{min-width:74px!important;padding-inline:8px!important}.premium-count-summary span{font-size:.57rem!important}
  .premium-list-summary{grid-template-columns:repeat(2,50px)!important;gap:5px!important}
  .premium-list-metric{padding-inline:5px!important}
  .row-actions-modal-actions{gap:6px!important;padding:8px!important}
  .row-action-premium-icon{height:36px!important}
  .row-action-premium-copy strong{font-size:.56rem!important}
}

.list-primary-actions,
.page-primary-actions.list-primary-actions{
  justify-content:flex-start!important;
  align-items:center!important;
  width:100%!important;
  gap:9px!important;
}
.list-primary-actions>*{margin:0!important;flex:0 0 auto!important;width:auto!important;min-width:0!important}
.list-primary-actions form{display:flex!important;width:auto!important;flex:0 0 auto!important}
.list-primary-actions .button,
.list-primary-actions button{width:auto!important;min-width:132px!important;min-height:44px!important;padding:10px 16px!important}

/* Busca principal + quantidade: uma linha limpa, sem card grande no contador. */
.operation-toolbar{display:grid!important;grid-template-columns:minmax(0,1fr) auto!important;align-items:center!important;gap:14px!important}
.operation-toolbar .search-field{width:100%!important;min-width:0!important;max-width:none!important}
.premium-count-summary{
  width:auto!important;min-width:auto!important;min-height:0!important;
  padding:4px 2px!important;border:0!important;border-radius:0!important;
  background:transparent!important;box-shadow:none!important;white-space:nowrap!important;
  justify-content:flex-end!important;gap:7px!important;
}
.premium-count-summary strong{font-size:1.24rem!important;line-height:1!important}
.premium-count-summary span{font-size:.72rem!important;color:#8496b1!important}
.premium-list-summary{
  width:auto!important;min-width:auto!important;display:flex!important;grid-template-columns:none!important;
  align-items:center!important;justify-content:flex-end!important;gap:14px!important;
}
.premium-list-metric{
  min-height:0!important;padding:3px 0!important;border:0!important;border-radius:0!important;
  background:transparent!important;box-shadow:none!important;text-align:right!important;
  display:flex!important;flex-direction:row-reverse!important;align-items:baseline!important;gap:6px!important;
}
.premium-list-metric strong{font-size:1.18rem!important;line-height:1!important}
.premium-list-metric span{font-size:.59rem!important;color:#8395b0!important;letter-spacing:.06em!important}
.premium-list-metric + .premium-list-metric{position:relative;padding-left:14px!important}
.premium-list-metric + .premium-list-metric::before{content:"";position:absolute;left:0;top:50%;width:3px;height:3px;border-radius:50%;background:#4c6484;transform:translateY(-50%)}

/* Todos os cards de Ações Rápidas mantêm conteúdo completo e a mesma largura. */
.row-actions-modal-layer[data-action-count="2"] .row-actions-modal-actions,
.row-actions-modal-layer[data-action-count="3"] .row-actions-modal-actions,
.row-actions-modal-layer[data-action-count="4"] .row-actions-modal-actions{
  grid-template-columns:repeat(2,minmax(0,1fr))!important;
}
.row-actions-modal-actions>:last-child:nth-child(odd),
.row-actions-modal-actions>[data-row-action-kind="editar"]{grid-column:auto!important}

@media(max-width:1024px){
  .page-primary-actions.list-primary-actions{margin:0 8px 12px!important;gap:7px!important;justify-content:flex-start!important}
  .list-primary-actions>*{width:auto!important}
  .list-primary-actions form{flex:0 0 auto!important}
  .list-primary-actions .button,.list-primary-actions button{
    width:auto!important;min-width:0!important;min-height:42px!important;padding:9px 12px!important;
    border-radius:12px!important;font-size:.72rem!important;white-space:nowrap!important;
  }
  .compact-action-icon{display:none!important}.compact-action-label{display:inline!important}

  .operation-card{margin-inline:8px!important;width:calc(100% - 16px)!important}
  .operation-toolbar{
    grid-template-columns:minmax(0,1fr) auto!important;gap:9px!important;padding:9px 10px!important;
    align-items:center!important;background:linear-gradient(155deg,rgba(14,30,52,.56),rgba(8,20,36,.48))!important;
  }
  .operation-toolbar .search-field{min-height:44px!important;border-radius:13px!important}
  .operation-toolbar .search-field input{font-size:.73rem!important;min-width:0!important}
  .premium-count-summary{padding:2px 1px!important;gap:5px!important}
  .premium-count-summary strong{font-size:1.08rem!important}.premium-count-summary span{font-size:.60rem!important}
  .premium-list-summary{gap:9px!important}
  .premium-list-metric{padding:2px 0!important;gap:4px!important}
  .premium-list-metric strong{font-size:1.02rem!important}.premium-list-metric span{font-size:.48rem!important}
  .premium-list-metric + .premium-list-metric{padding-left:9px!important}

  .row-actions-modal-card{width:calc(100vw - 22px)!important;border-radius:21px!important}
  .row-actions-modal-header{min-height:88px!important;padding:17px 16px 15px 17px!important}
  .row-actions-modal-heading small{display:block!important}
  .row-actions-modal-actions{grid-template-columns:repeat(2,minmax(0,1fr))!important;gap:8px!important;padding:12px!important;align-items:stretch!important}
  .row-actions-modal-actions>a,.row-actions-modal-actions>button,.row-actions-modal-actions>form{min-height:84px!important;border-radius:14px!important}
  .row-actions-modal-actions>form>button,.row-actions-modal-actions>.row-actions-premium-control{
    min-height:82px!important;display:grid!important;grid-template-columns:36px minmax(0,1fr) 15px!important;
    grid-template-rows:1fr!important;justify-items:stretch!important;align-items:center!important;align-content:center!important;
    gap:8px!important;padding:11px!important;text-align:left!important;
  }
  .row-action-premium-icon{width:36px!important;height:36px!important;border-radius:11px!important}
  .row-action-premium-icon svg{height:18px!important}
  .row-action-premium-copy{display:block!important;min-width:0!important;text-align:left!important}
  .row-action-premium-copy strong{display:block!important;font-size:.73rem!important;line-height:1.16!important;white-space:normal!important;overflow-wrap:normal!important}
  .row-action-premium-copy small{display:block!important;font-size:.56rem!important;line-height:1.25!important;margin-top:3px!important}
  .row-action-premium-arrow{display:flex!important}.row-action-premium-arrow svg{width:13px!important;height:13px!important}
  .row-actions-modal-footer{display:block!important;padding:8px 12px 10px!important;font-size:.52rem!important}
}

@media(max-width:410px){
  .operation-toolbar{gap:7px!important;padding:8px!important}
  .premium-count-summary strong{font-size:1rem!important}.premium-count-summary span{font-size:.55rem!important}
  .premium-list-summary{gap:7px!important}.premium-list-metric strong{font-size:.94rem!important}.premium-list-metric span{font-size:.44rem!important}
  .list-primary-actions .button,.list-primary-actions button{padding-inline:10px!important;font-size:.68rem!important}
  .row-actions-modal-actions{gap:7px!important;padding:10px!important}
  .row-actions-modal-actions>form>button,.row-actions-modal-actions>.row-actions-premium-control{grid-template-columns:34px minmax(0,1fr)!important;padding:10px!important;gap:7px!important}
  .row-action-premium-arrow{display:none!important}.row-action-premium-copy strong{font-size:.70rem!important}.row-action-premium-copy small{font-size:.53rem!important}
}

.row-actions-modal-actions>[data-row-action-kind="consumo"]{
  border-color:rgba(70,181,239,.32)!important;
  background:linear-gradient(145deg,rgba(26,91,132,.34),rgba(12,38,64,.74))!important;
  box-shadow:inset 0 1px rgba(255,255,255,.035),0 10px 28px rgba(3,18,34,.16)!important;
}
.row-actions-modal-actions>[data-row-action-kind="renovar"]{
  border-color:rgba(67,217,167,.30)!important;
  background:linear-gradient(145deg,rgba(23,103,79,.34),rgba(10,46,42,.72))!important;
  box-shadow:inset 0 1px rgba(255,255,255,.035),0 10px 28px rgba(4,28,25,.16)!important;
}
.row-actions-modal-actions>[data-row-action-kind="editar"]{
  border-color:rgba(106,139,255,.30)!important;
  background:linear-gradient(145deg,rgba(49,72,145,.34),rgba(17,31,72,.72))!important;
  box-shadow:inset 0 1px rgba(255,255,255,.035),0 10px 28px rgba(7,15,44,.16)!important;
}
.row-actions-modal-actions>[data-row-action-kind="remover"]{
  border-color:rgba(246,96,119,.34)!important;
  background:linear-gradient(145deg,rgba(112,34,51,.34),rgba(48,19,34,.74))!important;
  box-shadow:inset 0 1px rgba(255,255,255,.03),0 10px 28px rgba(43,8,18,.16)!important;
}
.row-actions-modal-layer[data-action-count="3"] .row-actions-modal-actions{
  grid-template-columns:repeat(2,minmax(0,1fr))!important;
}
.row-actions-modal-layer[data-action-count="3"] .row-actions-modal-actions>:last-child{
  grid-column:1/-1!important;
}

.list-action-icon{display:none;align-items:center;justify-content:center;font-size:1.1rem;line-height:1}
@media(max-width:1024px){
  .page-primary-actions.list-primary-actions{

    margin:0 8px 10px!important;

  }
  .list-primary-actions .list-action-button{
    width:46px!important;min-width:46px!important;max-width:46px!important;height:46px!important;min-height:46px!important;
border-radius:14px!important;
  }
  .list-primary-actions .list-action-text{display:none!important}
  .list-primary-actions .list-action-icon{display:inline-flex!important;width:24px;height:24px;font-size:1.15rem;font-weight:900}
  .list-primary-actions form{flex:0 0 auto!important}
}

.ui-modal.modal-variant-created-result{
  width:min(470px,calc(100vw - 24px))!important;
  max-width:470px!important;
  border-radius:22px!important;
  overflow:visible!important;
  background:linear-gradient(160deg,rgba(11,29,52,.995),rgba(5,17,31,.995))!important;
}
.ui-modal.modal-variant-created-result .ui-modal-header{
  position:absolute!important;z-index:5!important;top:12px!important;right:12px!important;
  min-height:0!important;padding:0!important;border:0!important;background:transparent!important;
}
.ui-modal.modal-variant-created-result .ui-modal-header>div{display:none!important}
.ui-modal.modal-variant-created-result .ui-modal-close{border-radius:12px!important}
.ui-modal.modal-variant-created-result .ui-modal-body{padding:18px!important;overflow:visible!important}
.ui-modal.modal-variant-created-result .ui-modal-actions{display:none!important}
.created-result-summary{display:grid!important;gap:12px!important;padding:0!important;margin:0!important;border:0!important;background:transparent!important;box-shadow:none!important}
.created-summary-card{
  display:grid;gap:9px;padding:18px 16px;border:1px solid rgba(99,139,214,.24);border-radius:17px;
  background:linear-gradient(150deg,rgba(26,49,84,.56),rgba(9,26,46,.70));box-shadow:inset 0 1px rgba(255,255,255,.025)
}
.created-summary-line{display:grid;grid-template-columns:24px auto minmax(0,1fr);align-items:center;gap:7px;min-width:0;color:#8799b5;font-size:.78rem}
.created-summary-line>span{font-size:1rem;line-height:1}
.created-summary-line b{font-weight:750;color:#9aacca}
.created-summary-line strong{min-width:0;color:#f2f6ff;font-size:.86rem;font-weight:900;overflow-wrap:anywhere}
.created-summary-separator{height:1px;margin:3px 0;background:linear-gradient(90deg,transparent,rgba(101,137,198,.20) 12%,rgba(101,137,198,.20) 88%,transparent)}
.created-summary-uuid{align-items:start}
.created-result-actions{display:grid;grid-template-columns:1fr 1fr;gap:9px}
.created-result-actions .button{min-height:44px!important;border-radius:13px!important;font-size:.75rem!important;font-weight:850!important}
.created-whatsapp-button{border:1px solid rgba(52,211,153,.34)!important;background:linear-gradient(145deg,rgba(21,150,103,.88),rgba(15,109,82,.92))!important;color:#f3fff9!important}
.created-copy-button{border-color:rgba(103,139,207,.24)!important;background:rgba(22,42,70,.72)!important;color:#e8effb!important}
@media(max-width:420px){
  .ui-modal.modal-variant-created-result{width:calc(100vw - 18px)!important}
  .ui-modal.modal-variant-created-result .ui-modal-body{padding:14px!important}
  .created-summary-card{padding:15px 13px!important}
  .created-result-actions{grid-template-columns:1fr!important}
}

.row-actions-modal-actions>a,
.row-actions-modal-actions>button,
.row-actions-modal-actions>form{
  border-radius:18px!important;
  overflow:hidden!important;
}
.row-actions-modal-actions>form>button,
.row-actions-modal-actions>.row-actions-premium-control{
  border-radius:18px!important;
}
@media(max-width:1024px){
  .row-actions-modal-actions>a,
  .row-actions-modal-actions>button,
  .row-actions-modal-actions>form,
  .row-actions-modal-actions>form>button,
  .row-actions-modal-actions>.row-actions-premium-control{border-radius:16px!important}
}

.ui-modal.modal-variant-created-result{
  overflow:hidden!important;
}
.ui-modal.modal-variant-created-result .ui-modal-header{
  position:relative!important;
  z-index:2!important;
  top:auto!important;right:auto!important;
  min-height:68px!important;
  display:flex!important;
  align-items:center!important;
  justify-content:space-between!important;
  gap:12px!important;
  padding:16px 16px 14px 18px!important;
  border-bottom:1px solid rgba(103,139,207,.16)!important;
  background:linear-gradient(180deg,rgba(53,86,153,.08),transparent)!important;
}
.ui-modal.modal-variant-created-result .ui-modal-header>div{display:block!important;min-width:0!important}
.ui-modal.modal-variant-created-result .ui-modal-header .eyebrow{display:none!important}
.ui-modal.modal-variant-created-result .ui-modal-header h2{
  margin:0!important;color:#f1f5ff!important;font-size:1.08rem!important;font-weight:900!important;line-height:1.2!important;
}
.ui-modal.modal-variant-created-result .ui-modal-close{
  flex:0 0 auto!important;width:38px!important;height:38px!important;border-radius:12px!important;
}
.ui-modal.modal-variant-created-result .ui-modal-body{padding:14px 16px 16px!important}
.created-summary-card{border-radius:18px!important;background:linear-gradient(150deg,rgba(29,55,94,.62),rgba(9,26,46,.78))!important}
.created-result-actions{display:grid!important;grid-template-columns:repeat(2,minmax(0,1fr))!important;gap:9px!important}
.created-result-actions.copy-only{grid-template-columns:1fr!important}
.created-result-actions .button{display:inline-flex!important;align-items:center!important;justify-content:center!important;gap:8px!important;min-width:0!important}
.created-whatsapp-button svg{width:18px;height:18px;fill:currentColor;flex:0 0 auto}
.created-whatsapp-button.is-sending{opacity:.72}
.created-whatsapp-button.is-sent{border-color:rgba(74,222,128,.42)!important;background:linear-gradient(145deg,rgba(22,163,104,.92),rgba(16,126,86,.94))!important}
.created-whatsapp-button.is-error{border-color:rgba(248,113,113,.38)!important}
@media(max-width:420px){
  .ui-modal.modal-variant-created-result .ui-modal-header{padding:14px 13px 12px 14px!important;min-height:62px!important}
  .ui-modal.modal-variant-created-result .ui-modal-body{padding:12px!important}
  .created-result-actions{grid-template-columns:repeat(2,minmax(0,1fr))!important;gap:8px!important}
  .created-result-actions.copy-only{grid-template-columns:1fr!important}
  .created-result-actions .button{min-height:43px!important;font-size:.72rem!important;padding-inline:9px!important}
}

.panel-icon-setting {
    margin-top: 16px;
    padding: 16px 18px;
    display: grid;
    gap: 13px;
    border: 1px solid rgba(125, 154, 211, .16);
    border-radius: 18px;
    background: linear-gradient(145deg, rgba(18, 34, 58, .82), rgba(9, 20, 36, .76));
}
.panel-icon-setting-heading { min-width: 0; }
.panel-icon-setting-heading > strong { display: block; color: #edf4ff; font-size: 15px; font-weight: 800; }
.panel-icon-setting-heading > small {
    display: flex;
    flex-wrap: wrap;
    gap: 5px;
    margin-top: 5px;
    color: #8095b4;
    font-size: 10px;
    line-height: 1.35;
}
.panel-icon-setting-heading > small span { color: #536a8d; }
.panel-icon-setting-row { display: flex; align-items: center; gap: 12px; min-width: 0; }
.panel-icon-setting-preview {
    position: relative;
    flex: 0 0 auto;
    width: 68px;
    height: 68px;
    padding: 4px;
    border: 1px solid rgba(120, 151, 220, .22);
    border-radius: 17px;
    background: rgba(4, 12, 24, .62);
    box-shadow: inset 0 1px rgba(255,255,255,.04), 0 10px 25px rgba(0,0,0,.16);
}
.panel-icon-setting-preview img { width: 100%; height: 100%; display: block; object-fit: cover; border-radius: 13px; }
.panel-icon-remove-button {
    position: absolute;
    top: -8px;
    right: -8px;
    z-index: 2;
    width: 25px;
    height: 25px;
    display: inline-flex;
    align-items: center;
    justify-content: center;
    padding: 0;
    border: 1px solid rgba(255, 123, 135, .55);
    border-radius: 50%;
    background: linear-gradient(145deg, #ef5365, #c82f43);
    color: #fff;
    box-shadow: 0 7px 18px rgba(190, 38, 60, .34), inset 0 1px rgba(255,255,255,.2);
    font-size: 17px;
    font-weight: 900;
    line-height: 1;
    cursor: pointer;
    transition: transform .16s ease, filter .16s ease, opacity .16s ease;
}
.panel-icon-remove-button:hover { transform: scale(1.06); filter: brightness(1.06); }
.panel-icon-remove-button:active { transform: scale(.96); }
.panel-icon-remove-button:disabled { opacity: .5; cursor: wait; }
.panel-icon-upload-button {
    min-width: 128px;
    width: fit-content;
    min-height: 42px;
    justify-content: center;
    cursor: pointer;
}
.panel-icon-upload-button input { position: absolute; width: 1px; height: 1px; opacity: 0; pointer-events: none; }
@media (max-width: 640px) {
    .panel-icon-setting { padding: 14px; gap: 12px; border-radius: 16px; }
    .panel-icon-setting-heading > strong { font-size: 14px; }
    .panel-icon-setting-heading > small { font-size: 9.5px; }
    .panel-icon-setting-row { gap: 11px; }
    .panel-icon-setting-preview { width: 58px; height: 58px; padding: 4px; border-radius: 15px; }
    .panel-icon-setting-preview img { border-radius: 11px; }
    .panel-icon-remove-button { top: -7px; right: -7px; width: 23px; height: 23px; font-size: 15px; }
    .panel-icon-upload-button { min-width: 112px; min-height: 39px; padding-inline: 18px; }
}

.row-actions-modal-card{
  width:min(500px,calc(100vw - 30px))!important;
  border-radius:22px!important;
}
.row-actions-modal-header{
  min-height:74px!important;
  align-items:center!important;
  padding:16px 17px 15px 20px!important;
}
.row-actions-modal-heading{gap:3px!important}
.row-actions-modal-heading>span{font-size:.60rem!important;letter-spacing:.14em!important}
.row-actions-modal-heading h2{font-size:1.16rem!important}
.row-actions-modal-actions{
  display:flex!important;
  flex-direction:column!important;
  align-items:center!important;
  gap:12px!important;
  padding:18px 18px 21px!important;
  max-height:calc(min(660px,100dvh - 30px) - 74px)!important;
}
.row-actions-modal-actions>*,
.row-actions-modal-actions>form{
  flex:0 0 auto!important;
  width:calc(100% - 18px)!important;
  max-width:430px!important;
  min-height:64px!important;
  margin:0 auto!important;
  border-radius:15px!important;
  background:rgba(9,22,39,.68)!important;
  box-shadow:inset 0 1px rgba(255,255,255,.018)!important;
}
.row-actions-modal-actions>form>button,
.row-actions-modal-actions>.row-actions-premium-control{
  min-height:62px!important;
  display:grid!important;
  grid-template-columns:40px minmax(0,1fr) 18px!important;
  align-items:center!important;
  gap:12px!important;
  padding:11px 13px!important;
  border-radius:15px!important;
  background:transparent!important;
  text-align:left!important;
}
.row-action-premium-icon{
  width:40px!important;
  height:40px!important;
  border-radius:12px!important;
  background:rgba(19,37,62,.62)!important;
}
.row-action-premium-copy{gap:2px!important}
.row-action-premium-copy strong{font-size:.81rem!important}
.row-action-premium-copy small{font-size:.61rem!important;color:#7387a5!important}
.row-action-premium-arrow{color:#4d6383!important}

/* Sem fundos coloridos por ação: a identidade fica somente na borda e no ícone. */
.row-actions-modal-actions>[data-row-action-kind="renovar"]{
  order:10!important;
  border-color:rgba(75,218,170,.34)!important;
  background:rgba(9,22,39,.68)!important;
}
.row-actions-modal-actions>[data-row-action-kind="renovar"] .row-action-premium-icon{
  border-color:rgba(75,218,170,.34)!important;
  background:rgba(20,55,51,.40)!important;
  color:#5ce0b3!important;
}
.row-actions-modal-actions>[data-row-action-kind="consumo"]{
  order:20!important;
  border-color:rgba(83,190,239,.34)!important;
  background:rgba(9,22,39,.68)!important;
}
.row-actions-modal-actions>[data-row-action-kind="consumo"] .row-action-premium-icon{
  border-color:rgba(83,190,239,.34)!important;
  background:rgba(21,48,66,.42)!important;
  color:#68c9f2!important;
}
.row-actions-modal-actions>[data-row-action-kind="editar"]{
  order:30!important;
  border-color:rgba(113,144,247,.34)!important;
  background:rgba(9,22,39,.68)!important;
}
.row-actions-modal-actions>[data-row-action-kind="editar"] .row-action-premium-icon{
  border-color:rgba(113,144,247,.34)!important;
  background:rgba(31,42,78,.42)!important;
  color:#8ba8ff!important;
}
.row-actions-modal-actions>[data-row-action-kind="remover"]{
  order:40!important;
  border-color:rgba(245,101,121,.36)!important;
  background:rgba(9,22,39,.68)!important;
}
.row-actions-modal-actions>[data-row-action-kind="remover"] .row-action-premium-icon{
  border-color:rgba(245,101,121,.36)!important;
  background:rgba(66,27,38,.42)!important;
  color:#ff8797!important;
}
.row-actions-modal-actions>[data-row-action-kind="remover"] .row-action-premium-copy strong{color:#ff9eaa!important}
.row-actions-modal-footer{display:none!important}

@media(max-width:1024px){
  /* O painel externo define a largura; cada registro usa toda a área interna disponível. */
  .operation-card{overflow:hidden!important}
  .operation-card .table-wrap{padding:0!important;margin:0!important}
  .row-actions-table tbody{gap:8px!important;padding:0!important}
  .row-actions-table tbody tr{margin:0!important;border-radius:14px!important}

  .row-actions-modal-layer{padding:12px!important}
  .row-actions-modal-card{width:min(440px,calc(100vw - 24px))!important;border-radius:20px!important}
  .row-actions-modal-header{min-height:70px!important;padding:14px 14px 13px 17px!important}
  .row-actions-modal-heading>span{font-size:.56rem!important}
  .row-actions-modal-heading h2{font-size:1.05rem!important}
  .row-actions-modal-actions{gap:10px!important;padding:15px 13px 18px!important}
  .row-actions-modal-actions>*,
  .row-actions-modal-actions>form{width:calc(100% - 14px)!important;max-width:none!important;min-height:61px!important;border-radius:14px!important}
  .row-actions-modal-actions>form>button,
  .row-actions-modal-actions>.row-actions-premium-control{
    min-height:59px!important;
    grid-template-columns:38px minmax(0,1fr) 16px!important;
    gap:10px!important;
    padding:10px 12px!important;
    border-radius:14px!important;
  }
  .row-action-premium-icon{width:38px!important;height:38px!important;border-radius:11px!important}
  .row-action-premium-icon svg{width:18px!important;height:18px!important}
  .row-action-premium-copy strong{font-size:.76rem!important}
  .row-action-premium-copy small{font-size:.57rem!important;margin-top:2px!important}
  .row-action-premium-arrow{display:flex!important}
}

@media(max-width:390px){
  .row-actions-modal-actions{gap:9px!important;padding:13px 10px 16px!important}
  .row-actions-modal-actions>*,
  .row-actions-modal-actions>form{width:calc(100% - 10px)!important}
  .row-actions-modal-actions>form>button,
  .row-actions-modal-actions>.row-actions-premium-control{grid-template-columns:36px minmax(0,1fr) 14px!important;padding:9px 10px!important}
  .row-action-premium-icon{width:36px!important;height:36px!important}
  .row-action-premium-copy strong{font-size:.72rem!important}
  .row-action-premium-copy small{font-size:.54rem!important}
}

@media (max-width:1024px) {
  /* Cabeçalho das listagens: mais legível, sem voltar ao layout alto. */
  .operation-toolbar{
    gap:10px!important;
    padding:11px 12px!important;
  }
  .operation-toolbar .search-field{
    min-height:48px!important;
    border-radius:14px!important;
  }
  .operation-toolbar .search-field input{
    font-size:.82rem!important;
    line-height:1.25!important;
  }
  .premium-count-summary{
    min-height:46px!important;
    min-width:88px!important;
    padding:8px 11px!important;
    gap:6px!important;
  }
  .premium-count-summary strong{font-size:1.20rem!important}
  .premium-count-summary span{font-size:.66rem!important}
  .premium-list-summary{gap:8px!important}
  .premium-list-metric{
    min-height:46px!important;
    padding:7px 9px!important;
    gap:4px!important;
  }
  .premium-list-metric strong{font-size:1.14rem!important}
  .premium-list-metric span{font-size:.53rem!important}

  /* Cards das listas: ~10% mais presentes, mantendo 2 colunas de dados. */
  .row-actions-table tbody{gap:10px!important}
  .row-actions-table tbody tr{
    border-radius:15px!important;
  }
  .row-actions-table tbody td{
    padding:10px 11px!important;
  }
  .row-actions-table tbody td:first-child{
    padding:11px 12px!important;
  }
  .row-actions-table tbody td:not(:first-child)::before{
    margin-bottom:4px!important;
    font-size:.60rem!important;
    letter-spacing:.075em!important;
  }
  .row-actions-table tbody td>strong{
    font-size:.84rem!important;
    line-height:1.28!important;
  }
  .row-actions-table tbody td>.table-action{
    margin-top:3px!important;
    font-size:.66rem!important;
    line-height:1.3!important;
  }
  .row-actions-table .table-user{gap:11px!important}
  .row-actions-table .table-user strong{
    font-size:.92rem!important;
    line-height:1.2!important;
  }
  .row-action-gear{
    width:40px!important;
    height:40px!important;
    min-width:40px!important;
    border-radius:12px!important;
  }
  .row-action-gear svg{width:20px!important;height:20px!important}
  .row-action-gear.is-online::after{width:10px!important;height:10px!important}

  .row-actions-modal-card{
    width:min(455px,calc(100vw - 22px))!important;
    border-radius:21px!important;
  }
  .row-actions-modal-header{
    min-height:74px!important;
    padding:15px 15px 14px 18px!important;
  }
  .row-actions-modal-heading>span{font-size:.60rem!important}
  .row-actions-modal-heading h2{font-size:1.13rem!important}
  .row-actions-modal-close{
    width:38px!important;
    height:38px!important;
    min-width:38px!important;
  }
  .row-actions-modal-actions{
    gap:11px!important;
    padding:16px 13px 19px!important;
  }
  .row-actions-modal-actions>*,
  .row-actions-modal-actions>form{
    width:calc(100% - 12px)!important;
    min-height:66px!important;
    border-radius:15px!important;
  }
  .row-actions-modal-actions>form>button,
  .row-actions-modal-actions>.row-actions-premium-control{
    min-height:64px!important;
    grid-template-columns:41px minmax(0,1fr) 17px!important;
    gap:11px!important;
    padding:11px 13px!important;
    border-radius:15px!important;
  }
  .row-action-premium-icon{
    width:41px!important;
    height:41px!important;
    border-radius:12px!important;
  }
  .row-action-premium-icon svg{width:20px!important;height:20px!important}
  .row-action-premium-copy strong{
    font-size:.83rem!important;
    line-height:1.18!important;
  }
  .row-action-premium-copy small{
    margin-top:3px!important;
    font-size:.62rem!important;
    line-height:1.3!important;
  }
  .row-action-premium-arrow svg{width:15px!important;height:15px!important}

  /* Criar/Editar: refinamento mínimo; não reduz a legibilidade que já funciona bem. */
  .ui-modal.modal-variant-operation.is-account-create .ui-modal-body{
    padding:13px 14px 14px!important;
  }
  .operation-modal-page .account-create-compact,
  .account-create-compact{gap:11.5px!important}
  .operation-modal-page .account-create-compact .flow-step-head h3,
  .account-create-compact .flow-step-head h3{font-size:13.5px!important}
  .operation-modal-page .account-create-compact label>span,
  .account-create-compact label>span,
  .operation-modal-page .account-create-compact .field-title,
  .account-create-compact .field-title{font-size:11.5px!important}
  .operation-modal-page .account-create-compact input,
  .operation-modal-page .account-create-compact select,
  .account-create-compact input,
  .account-create-compact select{min-height:44px!important}

  .operation-modal-page .account-edit-premium,
  .account-edit-premium{gap:10.5px!important}
  .operation-modal-page .account-edit-premium>.flow-step,
  .account-edit-premium>.flow-step,
  .operation-modal-page .account-edit-premium .account-edit-paired-cards>.flow-step,
  .account-edit-premium .account-edit-paired-cards>.flow-step{
    padding:14.5px!important;
  }

  /* Pequenos textos de apoio comuns não devem parecer miniatura no mobile. */
  .app-page .field-help{font-size:10.5px!important}
  .app-page .form-section-heading p{font-size:11px!important}
}

@media (max-width: 390px) {
  .operation-toolbar{padding:10px!important;gap:8px!important}
  .operation-toolbar .search-field input{font-size:.79rem!important}
  .premium-count-summary strong{font-size:1.15rem!important}
  .premium-count-summary span{font-size:.63rem!important}
  .row-actions-table tbody{gap:9px!important}
  .row-actions-table tbody td{padding:9px 10px!important}
  .row-actions-table tbody td:first-child{padding:10px 11px!important}
  .row-actions-table tbody td>strong{font-size:.81rem!important}
  .row-actions-table .table-user strong{font-size:.89rem!important}
  .row-action-gear{width:39px!important;height:39px!important;min-width:39px!important}

  .row-actions-modal-actions{gap:10px!important;padding:14px 10px 17px!important}
  .row-actions-modal-actions>*,
  .row-actions-modal-actions>form{width:calc(100% - 8px)!important;min-height:64px!important}
  .row-actions-modal-actions>form>button,
  .row-actions-modal-actions>.row-actions-premium-control{
    min-height:62px!important;
    grid-template-columns:39px minmax(0,1fr) 15px!important;
    padding:10px 11px!important;
  }
  .row-action-premium-icon{width:39px!important;height:39px!important}
  .row-action-premium-copy strong{font-size:.80rem!important}
  .row-action-premium-copy small{font-size:.60rem!important}
}

@media (max-width:1024px) {
  /* Lupa: substitui o glifo textual no mobile por desenho vetorial CSS centralizado. */
  .operation-toolbar .search-field > span{

    width:19px!important;
    height:19px!important;

  }
  .operation-toolbar .search-field > span::before{
    content:"";
    position:absolute;
    left:1px;
    top:1px;
    width:11px;
    height:11px;
    border:1.8px solid #7186a6;
    border-radius:50%;
    box-sizing:border-box;
  }
  .operation-toolbar .search-field > span::after{
    content:"";
    position:absolute;
    width:7px;
    height:1.8px;
    left:11px;
    top:13px;
    border-radius:999px;
    background:#7186a6;
    transform:rotate(45deg);
    transform-origin:left center;
  }
  .operation-toolbar .search-field input{
    padding-left:44px!important;
  }

  /* Atalhos superiores: grupo compacto, premium e alinhado à direita. */
  .page-primary-actions.list-primary-actions{
    justify-content:flex-end!important;
    align-items:center!important;
    gap:8px!important;
    margin:0 8px 11px!important;
    width:calc(100% - 16px)!important;
    min-height:46px!important;
  }
  .list-primary-actions>*{
    flex:0 0 auto!important;
    width:auto!important;
    min-width:0!important;
    margin:0!important;
  }
  .list-primary-actions form{
    display:flex!important;
    width:auto!important;
    flex:0 0 auto!important;
  }
  .list-primary-actions .list-action-button{
    position:relative!important;
    width:44px!important;
    min-width:44px!important;
    max-width:44px!important;
    height:44px!important;
    min-height:44px!important;
    padding:0!important;
    display:inline-flex!important;
    align-items:center!important;
    justify-content:center!important;
    border-radius:13px!important;
    border:1px solid rgba(111,145,201,.22)!important;
    background:linear-gradient(155deg,rgba(18,39,66,.96),rgba(8,23,41,.96))!important;
    box-shadow:inset 0 1px rgba(255,255,255,.035),0 8px 22px rgba(2,10,21,.18)!important;
    color:#b9c9e2!important;
    overflow:hidden!important;
    -webkit-tap-highlight-color:transparent;
    transition:transform .15s ease,border-color .15s ease,background .15s ease,box-shadow .15s ease!important;
  }
  .list-primary-actions .list-action-button.primary{
    border-color:rgba(73,124,255,.46)!important;
    background:linear-gradient(150deg,rgba(48,94,214,.96),rgba(31,65,164,.96))!important;
    color:#fff!important;
    box-shadow:inset 0 1px rgba(255,255,255,.11),0 9px 22px rgba(30,73,178,.22)!important;
  }
  .list-primary-actions .list-action-button.danger{
    border-color:rgba(239,91,115,.32)!important;
    background:linear-gradient(155deg,rgba(67,28,41,.92),rgba(35,18,29,.96))!important;
    color:#ff9aaa!important;
  }
  .list-primary-actions .list-action-button:active{
    transform:scale(.96)!important;
  }
  .list-primary-actions .list-action-text{display:none!important}
  .list-primary-actions .list-action-icon{
    position:relative!important;
    width:22px!important;
    height:22px!important;
    display:block!important;
    flex:0 0 22px!important;
    font-size:0!important;
    line-height:0!important;
    color:currentColor!important;
  }
  .list-primary-actions .list-action-icon::before{
    content:"";
    position:absolute;
    inset:0;
    display:block;
    background-repeat:no-repeat;
    background-position:center;
    background-size:21px 21px;
  }

  /* Criar conta/revenda */
  .list-primary-actions [data-list-action="create"] .list-action-icon::before{
    background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='%23ffffff' stroke-width='2.15' stroke-linecap='round'%3E%3Cpath d='M12 5v14M5 12h14'/%3E%3C/svg%3E");
  }
  /* Criar administrador */
  .list-primary-actions [data-list-action="admin"] .list-action-icon::before{
    background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='%23b8c9e3' stroke-width='1.85' stroke-linecap='round' stroke-linejoin='round'%3E%3Ccircle cx='9' cy='8' r='3.2'/%3E%3Cpath d='M3.8 19c.5-3.2 2.4-5 5.2-5s4.7 1.8 5.2 5'/%3E%3Cpath d='M18 8v6M15 11h6'/%3E%3C/svg%3E");
  }
  /* Adicionar dias */
  .list-primary-actions [data-list-action="days"] .list-action-icon::before{
    background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='%23b8c9e3' stroke-width='1.9' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='M7 3h10M7 21h10M8 3c0 4 1.6 5.5 4 7 2.4-1.5 4-3 4-7M8 21c0-4 1.6-5.5 4-7 2.4 1.5 4 3 4 7'/%3E%3C/svg%3E");
  }
  /* Limpar aparelhos */
  .list-primary-actions [data-list-action="devices"] .list-action-icon::before{
    background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='%23b8c9e3' stroke-width='1.8' stroke-linecap='round' stroke-linejoin='round'%3E%3Crect x='7.2' y='2.5' width='9.6' height='19' rx='2.2'/%3E%3Cpath d='M10 18.2h4M18.7 7.2l2.1 2.1M20.8 7.2l-2.1 2.1'/%3E%3C/svg%3E");
  }
  /* Limpar expirados */
  .list-primary-actions [data-list-action="expired"] .list-action-icon::before{
    background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='%23ff9aaa' stroke-width='1.85' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='M4 7h16M9 7V4h6v3M7 7l1 13h8l1-13M10 11v5M14 11v5'/%3E%3C/svg%3E");
  }
}

@media (max-width: 390px) {
  .page-primary-actions.list-primary-actions{gap:7px!important}
  .list-primary-actions .list-action-button{
    width:42px!important;min-width:42px!important;max-width:42px!important;height:42px!important;min-height:42px!important;
    border-radius:12px!important;
  }
  .list-primary-actions .list-action-icon{width:21px!important;height:21px!important;flex-basis:21px!important}
  .list-primary-actions .list-action-icon::before{background-size:20px 20px!important}
}

@media (max-width:1024px) {
  .operation-toolbar .search-field > span{
    top:50%!important;
    left:15px!important;
    width:16px!important;
    height:16px!important;
    display:block!important;
    margin:0!important;
    padding:0!important;
    font-size:0!important;
    line-height:0!important;
    transform:translateY(-50%)!important;
    color:transparent!important;
    pointer-events:none!important;
  }
  .operation-toolbar .search-field > span::before{
    content:""!important;
    position:absolute!important;
    inset:0!important;
    width:16px!important;
    height:16px!important;
    border:0!important;
    border-radius:0!important;
    box-sizing:border-box!important;
    background-color:transparent!important;
    background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none'%3E%3Ccircle cx='10.5' cy='10.5' r='6.25' stroke='%23758AAA' stroke-width='1.8'/%3E%3Cpath d='M15.15 15.15L20.2 20.2' stroke='%23758AAA' stroke-width='1.8' stroke-linecap='round'/%3E%3C/svg%3E")!important;
    background-position:center!important;
    background-repeat:no-repeat!important;
    background-size:16px 16px!important;
    transform:none!important;
  }
  .operation-toolbar .search-field > span::after{
    content:none!important;
    display:none!important;
  }
  .operation-toolbar .search-field input{
    padding-left:42px!important;
  }
}

@media (max-width:1024px) {
  .operation-toolbar .search-field > span{
    top:calc(50% - 3px)!important;
  }
}

.app-file-trigger svg{width:18px;height:18px;fill:none;stroke:currentColor;stroke-width:1.8;stroke-linecap:round;stroke-linejoin:round}
.app-file-field{display:grid;gap:7px}
.app-file-picker{position:relative;display:grid;grid-template-columns:auto minmax(0,1fr);align-items:center;gap:10px;min-height:54px;padding:8px;border:1px solid rgba(127,151,190,.18);border-radius:13px;background:rgba(7,17,31,.58);transition:border-color .18s ease,background .18s ease,box-shadow .18s ease}
.app-file-picker:focus-within,.app-file-picker.has-file{border-color:rgba(95,124,255,.5);background:rgba(9,23,42,.78);box-shadow:0 0 0 3px rgba(95,124,255,.07)}
.app-file-input{position:absolute!important;width:1px!important;height:1px!important;opacity:0!important;pointer-events:none!important;inset:auto!important;padding:0!important;border:0!important}
.app-file-trigger{min-height:38px;display:inline-flex;align-items:center;justify-content:center;gap:7px;padding:0 12px;border:1px solid rgba(96,129,235,.28);border-radius:10px;background:rgba(70,104,205,.12);color:#cbd9ff;font:inherit;font-size:.75rem;font-weight:800;cursor:pointer;white-space:nowrap}
.app-file-trigger:hover{border-color:rgba(96,129,235,.5);background:rgba(70,104,205,.18)}
.app-file-copy{min-width:0;display:grid;gap:2px}
.app-file-copy strong{overflow:hidden;text-overflow:ellipsis;white-space:nowrap;color:#eaf1fb;font-size:.76rem;font-weight:760}
.app-file-copy small{margin:0!important;color:#7f93ad!important;font-size:.66rem!important;line-height:1.35}
.app-news-editor .store-feature-remove{border-radius:10px;background:rgba(255,255,255,.025);border-color:rgba(141,181,217,.14);color:#a9b9cd}
.app-news-editor .store-feature-remove:hover{border-color:rgba(241,92,112,.34);background:rgba(241,92,112,.07);color:#ff9aaa}

@media(max-width:1024px){
  .apps-premium-page{gap:11px}
  .apps-premium-page .premium-form-panel{padding:14px;border-radius:15px}
  .app-publish-fields{gap:10px}
  .app-publish-fields>label>span{font-size:.74rem}
  .app-publish-fields input[type="text"]{min-height:44px}
  .app-file-picker{grid-template-columns:minmax(0,1fr);gap:7px;padding:7px;min-height:0}
  .app-file-trigger{width:100%;min-height:41px}
  .app-file-copy{padding:1px 4px 3px;text-align:left}
  .app-file-copy strong{font-size:.74rem}
  .app-file-copy small{font-size:.64rem!important}
  .app-news-editor{margin-top:11px;padding:13px;border-radius:14px}
  .app-news-editor>header{gap:9px;margin-bottom:10px}
  .app-news-editor>header .copy-plan-icon{width:33px;height:33px;border-radius:10px}
  .app-news-editor>header strong{font-size:.8rem}
  .app-news-editor>header small{font-size:.66rem;line-height:1.35}
  .app-news-editor .store-feature-list{gap:8px}
  .app-news-editor .store-feature-row{grid-template-columns:minmax(0,1fr) 34px;gap:7px}
  .app-news-editor .store-feature-row input{min-height:43px;padding-inline:11px;font-size:.76rem}
  .app-news-editor .store-feature-remove{width:34px;height:43px;min-height:43px}
  .app-news-editor .store-feature-add{margin-top:9px;min-height:39px;font-size:.75rem}
  .app-publish-actions{margin-top:2px}
  .app-publish-actions .button{width:100%;min-height:44px}
}

.server-process-minimize-icon{flex:0 0 auto;display:grid;place-items:center;width:34px;height:34px;margin-left:auto;padding:0;border:1px solid rgba(113,143,218,.28);border-radius:10px;background:#101f34;color:#b8c8df;cursor:pointer;transition:border-color .18s ease,background .18s ease,color .18s ease}
.server-process-minimize-icon:hover{border-color:rgba(111,139,255,.52);background:#132642;color:#fff}
.server-process-minimize-icon:focus-visible{outline:2px solid rgba(111,139,255,.72);outline-offset:2px}
.server-process-minimize-icon svg{width:18px;height:18px;fill:none;stroke:currentColor;stroke-width:2;stroke-linecap:round}
.ui-modal.modal-variant-server .ui-modal-header{align-items:center}
.server-job-floater{position:fixed;right:max(18px,env(safe-area-inset-right));bottom:max(18px,env(safe-area-inset-bottom));z-index:880;width:min(390px,calc(100vw - 36px));border:1px solid rgba(94,129,220,.26);border-radius:16px;background:rgba(8,18,33,.96);box-shadow:0 20px 48px rgba(0,0,0,.42);backdrop-filter:blur(18px);-webkit-backdrop-filter:blur(18px);overflow:hidden}
.server-job-floater[hidden]{display:none!important}
.server-job-floater-main{display:grid;grid-template-columns:auto minmax(0,1fr) auto;align-items:center;gap:11px;width:100%;padding:13px 14px;border:0;background:transparent;color:inherit;text-align:left;cursor:pointer}
.server-job-floater-main:hover{background:rgba(95,128,213,.08)}
.server-job-floater-icon{width:11px;height:11px;border-radius:999px;background:#6f8bff;box-shadow:0 0 0 5px rgba(111,139,255,.11);animation:primecel-server-pulse 1.35s ease-in-out infinite}
.server-job-floater-copy{display:grid;gap:3px;min-width:0}
.server-job-floater-copy strong{overflow:hidden;color:#edf4ff;font-size:12.5px;line-height:1.25;text-overflow:ellipsis;white-space:nowrap}
.server-job-floater-copy small{overflow:hidden;color:var(--muted);font-size:11px;line-height:1.35;text-overflow:ellipsis;white-space:nowrap}
.server-job-floater-percent{min-width:42px;color:#b9c9f7;font-size:12px;font-weight:900;text-align:right;font-variant-numeric:tabular-nums}
.server-job-floater.is-complete{border-color:rgba(72,211,156,.28)}
.server-job-floater.is-complete .server-job-floater-icon{background:#55d7a1;box-shadow:0 0 0 5px rgba(85,215,161,.11);animation:none}
.server-job-floater.is-complete .server-job-floater-percent{color:#83e7bd}
.server-job-floater.is-failed{border-color:rgba(242,111,111,.3)}
.server-job-floater.is-failed .server-job-floater-icon{background:#ef7f7f;box-shadow:0 0 0 5px rgba(239,127,127,.1);animation:none}
.server-job-floater.is-failed .server-job-floater-percent{color:#ffaaaa}
@keyframes primecel-server-pulse{0%,100%{opacity:.7;transform:scale(.92)}50%{opacity:1;transform:scale(1.08)}}
@media(max-width:640px){.server-process-minimize-icon{width:32px;height:32px;border-radius:9px}.server-job-floater{right:max(12px,env(safe-area-inset-right));bottom:max(12px,env(safe-area-inset-bottom));width:calc(100vw - 24px)}.server-job-floater-main{padding:12px}}

@media (min-width:1025px){
  .page-primary-actions.list-primary-actions{
    justify-content:flex-end!important;
  }
}

.bulk-release-days-form{gap:16px!important}
.bulk-release-account-picker{position:relative;display:grid;gap:8px}
.bulk-release-account-picker label{margin:0}
.bulk-release-account-picker label>span{display:flex;align-items:baseline;gap:6px}
.bulk-release-account-picker label>span small{font-size:.72rem;font-weight:600;color:var(--muted,#91a2ba)}
.bulk-release-account-picker input[type="text"]{width:100%}
.bulk-release-account-suggestions{
  position:relative;z-index:2;margin-top:-2px;
  max-height:240px;overflow:auto;padding:7px;
  border:1px solid rgba(111,145,201,.24);border-radius:13px;
  background:linear-gradient(160deg,rgba(10,26,47,.995),rgba(5,16,30,.995));
  box-shadow:0 18px 40px rgba(1,8,18,.38);
}
.bulk-release-account-option{
  width:100%;min-height:50px;padding:9px 11px;border:0;border-radius:10px;
  display:flex;align-items:center;justify-content:space-between;gap:12px;
  background:transparent;color:#e8f0ff;text-align:left;cursor:pointer;
}
.bulk-release-account-option:hover,.bulk-release-account-option:focus-visible{background:rgba(76,126,222,.14);outline:none}
.bulk-release-account-option strong{min-width:0;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;font-size:.88rem}
.bulk-release-account-option span{flex:0 0 auto;color:#8498b7;font-size:.74rem}
.bulk-release-account-empty{padding:12px 10px;color:#8498b7;font-size:.8rem;text-align:center}
.bulk-release-account-hint{display:block;color:var(--muted,#91a2ba);font-size:.75rem;line-height:1.45}
@media(max-width:1024px){
  .bulk-release-account-suggestions{max-height:210px}
  .bulk-release-account-option{min-height:48px;padding:9px 10px}
  .bulk-release-account-option strong{font-size:.82rem}
  .bulk-release-account-option span{font-size:.69rem}
}

.bulk-release-days-form{gap:11px!important}
.bulk-release-days-form>label{gap:5px!important}
.bulk-release-days-form>label input{min-height:44px}
.bulk-release-account-picker{gap:5px!important}
.bulk-release-account-picker label{gap:5px!important}
.bulk-release-account-hint{margin-top:1px;font-size:.72rem!important;line-height:1.35!important}
.bulk-release-days-form>.button{margin-top:3px}

@media (min-width:1025px){
  /* Todas as listagens tabulares usam a largura disponível com espaçamento consistente. */
  .panel-card:has(> .table-wrap),
  .panel-card:has(.responsive-table),
  .operation-card:has(.table-wrap),
  .premium-table-card{
    width:100%!important;
    max-width:none!important;
  }
  .table-wrap,
  .responsive-table{
    width:100%!important;
    max-width:none!important;
  }
  .professional-table:not(.online-account-table),
  .responsive-table>table,
  .responsive-table table{
    width:100%!important;
    max-width:none!important;
    table-layout:fixed!important;
  }
  .professional-table:not(.online-account-table) th,
  .professional-table:not(.online-account-table) td,
  .responsive-table th,
  .responsive-table td{
    padding-left:16px!important;
    padding-right:16px!important;
  }
  .professional-table:not(.online-account-table) td,
  .responsive-table td{
    min-width:0;
    overflow-wrap:anywhere;
  }
  .professional-table:not(.online-account-table) td>strong,
  .professional-table:not(.online-account-table) td>small,
  .responsive-table td>strong,
  .responsive-table td>small{
    max-width:100%;
  }

  /* Contas: colunas equilibradas e uso integral da linha. */
  .account-table:not(.online-account-table):has(thead th:nth-child(5)) th:nth-child(1),
  .account-table:not(.online-account-table):has(thead th:nth-child(5)) td:nth-child(1){width:22%}
  .account-table:not(.online-account-table):has(thead th:nth-child(5)) th:nth-child(2),
  .account-table:not(.online-account-table):has(thead th:nth-child(5)) td:nth-child(2){width:22%}
  .account-table:not(.online-account-table):has(thead th:nth-child(5)) th:nth-child(3),
  .account-table:not(.online-account-table):has(thead th:nth-child(5)) td:nth-child(3){width:13%}
  .account-table:not(.online-account-table):has(thead th:nth-child(5)) th:nth-child(4),
  .account-table:not(.online-account-table):has(thead th:nth-child(5)) td:nth-child(4){width:19%}
  .account-table:not(.online-account-table):has(thead th:nth-child(5)) th:nth-child(5),
  .account-table:not(.online-account-table):has(thead th:nth-child(5)) td:nth-child(5){width:24%}

  /* Revendas/subrevendas: quatro áreas proporcionais. */
  .account-table:not(.online-account-table):not(:has(thead th:nth-child(5))) th:nth-child(1),
  .account-table:not(.online-account-table):not(:has(thead th:nth-child(5))) td:nth-child(1){width:30%}
  .account-table:not(.online-account-table):not(:has(thead th:nth-child(5))) th:nth-child(2),
  .account-table:not(.online-account-table):not(:has(thead th:nth-child(5))) td:nth-child(2){width:20%}
  .account-table:not(.online-account-table):not(:has(thead th:nth-child(5))) th:nth-child(3),
  .account-table:not(.online-account-table):not(:has(thead th:nth-child(5))) td:nth-child(3){width:25%}
  .account-table:not(.online-account-table):not(:has(thead th:nth-child(5))) th:nth-child(4),
  .account-table:not(.online-account-table):not(:has(thead th:nth-child(5))) td:nth-child(4){width:25%}

  /* Servidores: host ganha espaço; status/ações ficam compactos. */
  .server-list-card .responsive-table>table,
  .server-list-card .responsive-table table{min-width:0!important}
  .server-list-card:not(.whatsapp-server-list-card) .responsive-table th:nth-child(1),.server-list-card:not(.whatsapp-server-list-card) .responsive-table td:nth-child(1){width:22%}
  .server-list-card:not(.whatsapp-server-list-card) .responsive-table th:nth-child(2),.server-list-card:not(.whatsapp-server-list-card) .responsive-table td:nth-child(2){width:28%}
  .server-list-card:not(.whatsapp-server-list-card) .responsive-table th:nth-child(3),.server-list-card:not(.whatsapp-server-list-card) .responsive-table td:nth-child(3){width:18%}
  .server-list-card:not(.whatsapp-server-list-card) .responsive-table th:nth-child(4),.server-list-card:not(.whatsapp-server-list-card) .responsive-table td:nth-child(4){width:14%}
  .server-list-card:not(.whatsapp-server-list-card) .responsive-table th:nth-child(5),.server-list-card:not(.whatsapp-server-list-card) .responsive-table td:nth-child(5){width:18%}
  .whatsapp-server-list-card .responsive-table th:nth-child(1),.whatsapp-server-list-card .responsive-table td:nth-child(1){width:20%}
  .whatsapp-server-list-card .responsive-table th:nth-child(2),.whatsapp-server-list-card .responsive-table td:nth-child(2){width:24%}
  .whatsapp-server-list-card .responsive-table th:nth-child(3),.whatsapp-server-list-card .responsive-table td:nth-child(3){width:15%}
  .whatsapp-server-list-card .responsive-table th:nth-child(4),.whatsapp-server-list-card .responsive-table td:nth-child(4){width:13%}
  .whatsapp-server-list-card .responsive-table th:nth-child(5),.whatsapp-server-list-card .responsive-table td:nth-child(5){width:16%}
  .whatsapp-server-list-card .responsive-table th:nth-child(6),.whatsapp-server-list-card .responsive-table td:nth-child(6){width:12%}

  /* Listas administrativas/financeiras: colunas ocupam toda a largura sem grandes vazios. */
  .admin-tenants-table th:first-child,.admin-tenants-table td:first-child{width:24%}
  .admin-tenants-table th:last-child,.admin-tenants-table td:last-child{width:14%}
  .professional-table:not(.online-account-table) th:last-child,
  .professional-table:not(.online-account-table) td:last-child{
    padding-right:18px!important;
  }
}

.app-site-editor-toolbar{display:flex;align-items:center;justify-content:space-between;gap:12px}

.app-site-editor-title-copy{min-width:0}
.app-site-editor-title-copy small{color:var(--muted);font-size:.75rem}

.app-site-public-address{display:grid;gap:4px;min-width:0}
.app-site-public-address>span{font-size:.61rem;color:#8398ad;text-transform:uppercase;letter-spacing:.09em;font-weight:850}
.app-site-public-address>strong{overflow:hidden;color:#dbe8f8;font-size:.78rem;font-weight:760;white-space:nowrap;text-overflow:ellipsis}
.app-site-public-actions{display:flex;align-items:center;gap:8px;flex:0 0 auto}
.app-site-public-actions .button{min-width:108px}

.app-site-editor-address-card{grid-column:1;grid-row:1;padding:15px 16px!important}
.app-site-editor-icon-card{grid-column:1;grid-row:2;padding:15px 16px!important}
.app-site-editor-gallery-card{grid-column:2;grid-row:1 / span 2;align-self:stretch;padding:16px!important}
.app-site-editor-actions{grid-column:1/-1}

.app-site-address-value{overflow:hidden;padding:11px 12px;border:1px solid rgba(141,181,217,.13);border-radius:11px;background:rgba(5,15,27,.44);color:#b9cce0;font-size:.72rem;white-space:nowrap;text-overflow:ellipsis}

@media(max-width:1024px){

  .app-site-editor-address-card,.app-site-editor-icon-card,.app-site-editor-gallery-card,.app-site-editor-actions{grid-column:1;grid-row:auto}

}
@media(max-width:1024px){

  .app-site-public-actions{display:grid;grid-template-columns:1fr 1fr;width:100%}
  .app-site-public-actions .button{width:100%;min-width:0}

  .app-site-editor-actions{width:100%!important;max-width:none!important;bottom:8px!important}
  .app-site-editor-actions .button{flex:1}
}
@media(max-width:430px){

  .app-site-editor-toolbar{align-items:center}
  .app-site-public-actions{grid-template-columns:1fr}

}

.app-site-public-copy-field{display:grid;gap:6px}
.app-site-public-copy-field>span{font-size:.61rem;color:#8398ad;text-transform:uppercase;letter-spacing:.09em;font-weight:850}
.app-site-public-copy-field input{height:42px;padding:0 13px;border-radius:12px;background:rgba(5,15,27,.72);border:1px solid rgba(141,181,217,.13);color:#dbe8f8;font-size:.82rem;cursor:copy}
.app-site-public-copy-field input:focus{outline:none;border-color:rgba(100,166,255,.45);box-shadow:0 0 0 3px rgba(88,145,255,.12)}

.app-site-icon-setting-preview{position:relative;display:grid;place-items:center;overflow:visible}
.app-site-icon-setting-preview img{display:block;width:100%;height:100%;object-fit:cover;border-radius:13px}
.app-site-icon-setting-preview [data-site-icon-fallback]{display:grid;place-items:center;width:100%;height:100%;border-radius:13px;background:rgba(255,255,255,.04);color:#8ea6c0;font-size:.8rem;font-weight:800}
.app-site-icon-upload-wrap{display:flex;align-items:center;gap:10px;flex-wrap:wrap}
.app-site-icon-upload-button{min-width:160px}
.app-site-icon-remove-button{top:-8px;right:-8px}

@media(max-width:1024px){

}
@media(max-width:1024px){

}
@media(max-width:430px){

}

.app-site-public-copy-field.is-copied input{border-color:rgba(77,213,169,.55)!important;box-shadow:0 0 0 3px rgba(77,213,169,.12)!important}

@media(max-width:430px){}

.store-area-page{width:min(100%,1280px);margin-inline:auto;display:grid;gap:16px}
.store-area-nav{display:flex;align-items:center;justify-content:space-between;gap:16px;padding:11px 13px;border-radius:16px}
.store-area-nav-copy{display:grid;gap:1px;min-width:max-content}
.store-area-nav-copy .eyebrow{margin:0;font-size:.58rem}
.store-area-nav-copy strong{font-size:.82rem;color:#eaf2ff}
.store-area-tabs{display:flex;align-items:center;gap:7px;min-width:0;overflow-x:auto;scrollbar-width:none}
.store-area-tabs::-webkit-scrollbar{display:none}
.store-area-tabs a{flex:0 0 auto;display:inline-flex;align-items:center;justify-content:center;min-height:38px;padding:0 14px;border:1px solid rgba(126,156,214,.15);border-radius:11px;background:rgba(8,20,35,.45);color:#9eb1c8;font-size:.72rem;font-weight:800;text-decoration:none;white-space:nowrap;transition:.16s ease}
.store-area-tabs a:hover{border-color:rgba(88,145,255,.35);color:#edf4ff}
.store-area-tabs a.active{border-color:rgba(88,145,255,.48);background:linear-gradient(145deg,rgba(68,102,222,.32),rgba(38,111,207,.26));color:#fff;box-shadow:inset 0 1px rgba(255,255,255,.04)}

.store-payment-hero{display:grid;grid-template-columns:minmax(0,1fr) auto;align-items:center;gap:18px;padding:18px 20px}
.store-payment-hero .payment-operation-main{min-width:0}
.store-payment-hero .payment-operation-actions{display:grid;grid-template-columns:auto auto auto;align-items:center;gap:8px;min-width:360px}
.store-payment-hero .payment-operation-actions>.status-badge{grid-column:1/-1;justify-self:end}
.store-payment-hero .payment-operation-actions>[data-payment-create]{min-width:150px}
.store-payment-hero .payment-operation-actions>form,.store-payment-hero .payment-operation-actions>form .button{width:100%}
.store-finance-metrics{grid-template-columns:repeat(3,minmax(0,1fr));gap:12px}
.store-finance-metrics .metric-card{min-height:112px;padding:16px 18px}
.store-finance-metrics .metric-copy strong{font-size:1.55rem}
.store-finance-webhook{display:grid;grid-template-columns:auto minmax(0,1fr) auto;align-items:center;gap:14px;padding:16px 18px}
.store-finance-webhook h3{margin:0;font-size:.95rem}
.store-finance-webhook code{display:block;min-width:0;overflow:hidden;padding:11px 13px;border:1px solid rgba(126,156,214,.13);border-radius:11px;background:rgba(4,13,24,.48);color:#b9cdf0;text-overflow:ellipsis;white-space:nowrap}
.store-finance-orders,.store-billing-card{overflow:hidden}
.store-section-heading>div>p:last-child{margin:4px 0 0;color:var(--muted);font-size:.72rem}

.store-plan-toolbar{display:flex;align-items:center;justify-content:space-between;gap:16px;padding:4px 2px}
.store-plan-toolbar>div{display:grid;gap:2px}
.store-plan-toolbar>div>.eyebrow{margin:0}
.store-plan-toolbar>div>strong{font-size:1.05rem;color:#edf4ff}
.store-plan-toolbar>div>small{color:var(--muted);font-size:.72rem}
.store-plan-catalog{grid-template-columns:repeat(2,minmax(0,1fr));gap:14px}
.store-plan-catalog .plan-category-card{min-width:0;padding:16px}
.store-plan-catalog .plan-management-row{grid-template-columns:minmax(0,1fr) auto auto;gap:12px;padding:12px 0}

.store-config-ui{gap:16px}
.store-config-ui .store-config-hero{margin:0}
.store-config-ui .store-config-layout{gap:16px}
.store-config-ui .store-config-section{border-radius:18px}
.store-config-ui .store-config-sidebar{gap:14px}
.store-config-ui .store-publish-card,.store-config-ui .store-health-card{border-radius:18px}

@media(max-width:1024px){
  .store-area-nav{align-items:stretch;flex-direction:column;gap:9px}
  .store-area-nav-copy{display:none}
  .store-area-tabs{width:100%}
  .store-area-tabs a{flex:1 0 auto;min-width:max-content}
  .store-payment-hero{grid-template-columns:1fr;gap:14px}
  .store-payment-hero .payment-operation-actions{grid-template-columns:1fr 1fr;min-width:0;width:100%}
  .store-payment-hero .payment-operation-actions>.status-badge{grid-column:1/-1;justify-self:stretch;text-align:center;justify-content:center}
  .store-payment-hero .payment-operation-actions>[data-payment-create]{grid-column:1/-1;width:100%}
  .store-payment-hero .payment-operation-actions>a,.store-payment-hero .payment-operation-actions>form{width:100%}
  .store-payment-hero .payment-operation-actions .button{width:100%}
  .store-finance-metrics{grid-template-columns:1fr 1fr}
  .store-finance-metrics .metric-card:last-child{grid-column:1/-1}
  .store-finance-webhook{grid-template-columns:1fr;gap:10px}
  .store-finance-webhook .button-row{width:100%;display:grid;grid-template-columns:1fr 1fr}
  .store-finance-webhook .button{width:100%}
  .store-plan-catalog{grid-template-columns:1fr}
  .store-config-ui .store-config-layout{grid-template-columns:1fr!important}
}

@media(max-width:1024px){
  .store-area-page{gap:12px}
  .store-area-nav{margin-inline:0;padding:8px;border-radius:14px}
  .store-area-tabs{gap:6px;padding-bottom:1px}
  .store-area-tabs a{min-height:36px;padding:0 12px;font-size:.68rem}
  .store-payment-hero{padding:14px}
  .store-payment-hero .payment-provider-logo{width:58px;height:58px}
  .store-finance-metrics{gap:9px}
  .store-finance-metrics .metric-card{min-height:92px;padding:13px 14px}
  .store-finance-metrics .metric-copy small{font-size:.68rem}
  .store-finance-metrics .metric-copy strong{font-size:1.2rem}
  .store-finance-webhook{padding:14px}
  .store-plan-toolbar{align-items:stretch;flex-direction:column;padding:0}
  .store-plan-toolbar .button{width:100%}
  .store-plan-catalog .plan-category-card{padding:14px}
  .store-plan-catalog .plan-management-row{grid-template-columns:minmax(0,1fr) auto;gap:9px}
  .store-plan-catalog .plan-management-actions{grid-column:1/-1;display:grid;grid-template-columns:1fr 1fr;width:100%}
  .store-plan-catalog .plan-management-actions .button,.store-plan-catalog .plan-management-actions form,.store-plan-catalog .plan-management-actions form .button{width:100%}

  .store-responsive-table{overflow:visible}
  .store-responsive-table table,.store-responsive-table tbody{display:block;width:100%}
  .store-responsive-table thead{display:none}
  .store-responsive-table tbody{display:grid;gap:10px}
  .store-responsive-table tr{display:grid!important;grid-template-columns:1fr 1fr;gap:0;padding:9px 12px;border:1px solid rgba(126,156,214,.13);border-radius:14px;background:rgba(7,18,32,.48)}
  .store-responsive-table tr>td{display:grid!important;grid-template-columns:minmax(76px,.42fr) minmax(0,1fr);align-items:center;gap:10px;min-height:40px;padding:8px 0!important;border:0!important;border-bottom:1px solid rgba(126,156,214,.08)!important;font-size:.73rem;text-align:right}
  .store-responsive-table tr>td:nth-last-child(1){border-bottom:0!important}
  .store-responsive-table tr>td::before{content:attr(data-label);color:#738aa7;font-size:.58rem;font-weight:850;letter-spacing:.08em;text-align:left;text-transform:uppercase}
  .store-responsive-table tr>td strong,.store-responsive-table tr>td small,.store-responsive-table tr>td code,.store-responsive-table tr>td span{justify-self:end;max-width:100%}
  .store-responsive-table tr>td small{display:block;color:var(--muted)}
  .store-responsive-table tr>td.table-actions form{justify-self:end}
  .store-responsive-table tr>td[colspan]{grid-column:1/-1;display:block!important;text-align:center}
  .store-responsive-table tr>td[colspan]::before{display:none}

  .store-config-ui .store-config-hero{padding:16px}
  .store-config-ui .store-config-hero-copy h2{font-size:1.42rem}
  .store-config-ui .store-config-status{grid-column:1/-1;width:max-content}
  .store-config-ui .store-config-section{padding:15px}
  .store-config-ui .store-config-savebar{padding:13px}
}

@media(max-width:430px){
  .store-finance-metrics{grid-template-columns:1fr 1fr}
  .store-finance-metrics .metric-card:last-child{grid-column:1/-1}
  .store-finance-webhook .button-row{grid-template-columns:1fr}
  .store-responsive-table tr{grid-template-columns:1fr}
  .store-responsive-table tr>td{grid-template-columns:80px minmax(0,1fr)}
}

.store-config-ui{display:grid;gap:16px}
.store-config-ui .store-config-layout{gap:16px}
.store-config-ui .store-config-section{border-radius:18px}
.store-config-ui .store-config-section-heading{margin-bottom:14px}
.store-config-ui .store-config-toggles{grid-template-columns:repeat(3,minmax(0,1fr))}
.store-config-ui .store-premium-toggle{min-height:104px}
.store-config-ui .store-health-card .premium-readiness article:last-child{border-bottom:0}
.store-referral-entry{display:flex;align-items:center;justify-content:space-between;gap:12px;width:100%;margin-top:13px;padding:13px 14px;border:1px solid rgba(126,156,214,.15);border-radius:13px;background:rgba(5,15,27,.42);color:#dce8f8;text-align:left;cursor:pointer;transition:.16s ease}
.store-referral-entry:hover{border-color:rgba(88,145,255,.38);background:rgba(36,75,145,.14)}
.store-referral-entry>span{display:grid;gap:2px}.store-referral-entry strong{font-size:.78rem}.store-referral-entry small{color:var(--muted);font-size:.64rem}.store-referral-entry>b{color:#86a8ff;font-size:1.15rem}

.store-referral-modal[hidden]{display:none!important}
.store-referral-modal{position:fixed;inset:0;z-index:10060;display:grid;place-items:center;padding:18px}
.store-referral-backdrop{position:absolute;inset:0;background:rgba(2,7,14,.74);backdrop-filter:blur(8px)}
.store-referral-dialog{position:relative;z-index:1;width:min(100%,650px);max-height:min(86vh,760px);overflow:auto;padding:18px;border-radius:20px;box-shadow:0 30px 80px rgba(0,0,0,.48)}
.store-referral-dialog-head{display:flex;align-items:flex-start;justify-content:space-between;gap:16px;padding-bottom:14px;border-bottom:1px solid rgba(126,156,214,.12)}
.store-referral-dialog-head h3{margin:2px 0 4px;font-size:1.2rem}.store-referral-dialog-head p:last-child{margin:0;color:var(--muted);font-size:.72rem}
.store-referral-dialog>.store-config-toggles{margin-top:14px}.store-referral-fields{margin-top:14px}.store-referral-summary{display:grid;grid-template-columns:repeat(3,1fr);gap:9px;margin-top:14px}.store-referral-summary>span{display:grid;gap:2px;padding:11px;border:1px solid rgba(126,156,214,.12);border-radius:12px;background:rgba(5,15,27,.42);text-align:center}.store-referral-summary strong{font-size:1rem;color:#f2f6ff}.store-referral-summary small{color:var(--muted);font-size:.62rem}.store-referral-dialog-actions{display:flex;justify-content:flex-end;margin-top:15px}.store-referral-dialog-actions .button{min-width:150px}
html.store-referral-modal-open,body.store-referral-modal-open{overflow:hidden}

.store-plans-ui{gap:14px}.store-plans-overview{display:flex;align-items:center;justify-content:space-between;gap:18px;padding:18px 20px}.store-plans-overview-copy{display:grid;gap:3px}.store-plans-overview-copy h2{margin:0;font-size:1.25rem}.store-plans-overview-copy p:last-child{margin:0;color:var(--muted);font-size:.72rem}.store-plans-overview-actions{display:flex;align-items:center;gap:10px}.store-plans-total{display:inline-flex;align-items:center;min-height:38px;padding:0 12px;border:1px solid rgba(126,156,214,.13);border-radius:11px;background:rgba(5,15,27,.42);color:#9fb3ca;font-size:.68rem;font-weight:800}
.store-plans-groups{display:grid;gap:13px}.store-plan-group-card{padding:0;overflow:hidden}.store-plan-group-head{display:flex;align-items:center;justify-content:space-between;gap:14px;padding:15px 17px;border-bottom:1px solid rgba(126,156,214,.1)}.store-plan-group-head>div{display:grid;gap:2px}.store-plan-group-head h3{margin:0;font-size:.98rem}.store-plan-group-head>span{display:grid;place-items:center;min-width:34px;height:30px;padding:0 9px;border:1px solid rgba(88,145,255,.22);border-radius:10px;background:rgba(56,92,185,.14);color:#a8c2ff;font-size:.7rem;font-weight:900}
.store-plan-rows{display:grid}.store-plan-row{display:grid;grid-template-columns:minmax(0,1fr) auto auto;align-items:center;gap:14px;padding:13px 16px;border-bottom:1px solid rgba(126,156,214,.08)}.store-plan-row:last-child{border-bottom:0}.store-plan-row-main{display:flex;align-items:center;gap:12px;min-width:0}.store-plan-row-mark{display:grid;place-items:center;flex:0 0 auto;width:38px;height:38px;border:1px solid rgba(88,145,255,.22);border-radius:11px;background:rgba(49,78,157,.13);color:#9ab7ff;font-size:.85rem;font-weight:900}.store-plan-row-main>div{display:grid;gap:2px;min-width:0}.store-plan-row-main strong{overflow:hidden;text-overflow:ellipsis;white-space:nowrap;font-size:.84rem}.store-plan-row-main small{color:var(--muted);font-size:.65rem}.store-plan-row-main p{margin:2px 0 0;color:#8298b0;font-size:.62rem}.store-plan-row-value{display:flex;align-items:center;justify-content:flex-end;gap:7px;flex-wrap:wrap}.store-plan-row-value>strong{font-size:.86rem;color:#f0f5ff;white-space:nowrap}.store-plan-row-actions{display:grid;grid-template-columns:1fr 1fr;gap:7px;min-width:180px}.store-plan-row-actions form,.store-plan-row-actions form .button,.store-plan-row-actions>.button{width:100%}.store-plans-empty{display:grid;gap:5px;padding:24px;text-align:center}.store-plans-empty span{color:var(--muted);font-size:.72rem}

@media(max-width:1024px){
  .store-config-ui .store-config-toggles{grid-template-columns:1fr 1fr}
  .store-plan-row{grid-template-columns:minmax(0,1fr) auto}.store-plan-row-actions{grid-column:1/-1;min-width:0;width:100%}
}
@media(max-width:1024px){
  .store-config-ui .store-config-toggles{grid-template-columns:1fr}
  .store-config-ui .store-premium-toggle{min-height:0}
  .store-referral-modal{padding:10px}.store-referral-dialog{padding:15px;border-radius:17px;max-height:90vh}.store-referral-summary{grid-template-columns:repeat(3,1fr);gap:6px}.store-referral-dialog-actions .button{width:100%}
  .store-plans-overview{align-items:stretch;flex-direction:column;padding:15px}.store-plans-overview-actions{display:grid;grid-template-columns:auto 1fr;width:100%}.store-plans-overview-actions .button{width:100%}
  .store-plan-group-head{padding:13px 14px}.store-plan-row{grid-template-columns:minmax(0,1fr);gap:10px;padding:13px 14px}.store-plan-row-value{justify-content:flex-start;padding-left:50px}.store-plan-row-actions{grid-column:auto;grid-template-columns:1fr 1fr}.store-plan-row-actions .button{min-height:40px}
}
@media(max-width:430px){
  .store-referral-summary{grid-template-columns:1fr 1fr}.store-referral-summary>span:last-child{grid-column:1/-1}
  .store-plans-overview-actions{grid-template-columns:1fr}.store-plans-total{justify-content:center}
  .store-plan-row-value{padding-left:0}.store-plan-row-actions{grid-template-columns:1fr 1fr}
}

.store-billing-mobile-list{display:none}
.store-billing-mobile-card{border:1px solid rgba(126,156,214,.14);border-radius:16px;background:linear-gradient(145deg,rgba(10,24,42,.8),rgba(5,15,27,.88));overflow:hidden}
.store-billing-mobile-card>header{display:flex;align-items:flex-start;justify-content:space-between;gap:14px;padding:14px;border-bottom:1px solid rgba(126,156,214,.1)}
.store-billing-mobile-card>header>div{display:grid;gap:3px}
.store-billing-mobile-card small{color:#748aa5;font-size:.59rem;font-weight:850;letter-spacing:.08em;text-transform:uppercase}
.store-billing-mobile-card strong{color:#eef4ff;font-size:.79rem}
.store-billing-mobile-amount{text-align:right}
.store-billing-mobile-amount strong{font-size:.92rem}
.store-billing-mobile-grid{display:grid;grid-template-columns:1fr 1fr;gap:0;padding:2px 14px}
.store-billing-mobile-grid>span{display:grid;gap:3px;min-width:0;padding:11px 0;border-bottom:1px solid rgba(126,156,214,.08)}
.store-billing-mobile-grid>span:nth-child(odd){padding-right:12px}
.store-billing-mobile-grid>span:nth-child(even){padding-left:12px;border-left:1px solid rgba(126,156,214,.08)}
.store-billing-mobile-grid em{overflow:hidden;color:#8ea2b9;font-size:.67rem;font-style:normal;text-overflow:ellipsis;white-space:nowrap}
.store-billing-mobile-grid code{overflow:hidden;color:#a7bad0;font-size:.65rem;text-overflow:ellipsis;white-space:nowrap}
.store-billing-mobile-status{font-size:1rem!important}
.store-billing-mobile-action{padding:12px 14px 14px}
.store-billing-mobile-action .button{width:100%}
@media(max-width:1024px){
  .store-billing-card{padding:14px!important}
  .store-billing-card .store-section-heading{margin-bottom:12px}
  .store-billing-desktop-table{display:none!important}
  .store-billing-mobile-list{display:grid;gap:10px}
}
@media(max-width:430px){
  .store-billing-mobile-grid{grid-template-columns:1fr}
  .store-billing-mobile-grid>span:nth-child(odd),.store-billing-mobile-grid>span:nth-child(even){padding-left:0;padding-right:0;border-left:0}
}

@media(max-width:1024px){
  .store-billing-card{padding:14px!important}
  .store-billing-card .store-section-heading{margin-bottom:12px!important}
  .store-billing-desktop-table{display:none!important}
  .store-billing-mobile-list{display:grid!important;gap:10px!important}
}
@media(max-width:390px){

}

@media(max-width:1024px){
  .store-billing-mobile-list-ui{display:grid!important;gap:10px!important}
  .store-billing-mobile-list-ui .store-billing-mobile-card{display:none!important}
  .store-billing-compact-card-ui{overflow:hidden;border:1px solid rgba(126,156,214,.16);border-radius:16px;background:linear-gradient(145deg,rgba(10,24,42,.9),rgba(5,15,27,.96));box-shadow:inset 0 1px rgba(255,255,255,.025)}
  .store-billing-compact-head-ui{display:flex;align-items:center;gap:10px;padding:12px 13px;border-bottom:1px solid rgba(126,156,214,.09)}
  .store-billing-compact-head-ui form{flex:0 0 auto;margin:0}
  .store-billing-trash-ui{display:grid;place-items:center;width:42px;height:42px;padding:0;border:1px solid rgba(255,95,118,.32);border-radius:12px;background:linear-gradient(145deg,rgba(107,24,40,.34),rgba(63,15,28,.5));color:#ff8297;cursor:pointer;box-shadow:inset 0 1px rgba(255,255,255,.04)}
  .store-billing-trash-ui svg{width:19px;height:19px;fill:none;stroke:currentColor;stroke-width:1.8;stroke-linecap:round;stroke-linejoin:round}
  .store-billing-trash-ui:active{transform:scale(.97)}
  .store-billing-compact-account-ui{display:grid;gap:2px;min-width:0}
  .store-billing-compact-account-ui strong{overflow:hidden;color:#eef4ff;font-size:.92rem;font-weight:800;text-overflow:ellipsis;white-space:nowrap}
  .store-billing-compact-account-ui small{overflow:hidden;color:#7f94aa;font-size:.68rem;text-overflow:ellipsis;white-space:nowrap}
  .store-billing-compact-grid-ui{display:grid;grid-template-columns:1fr 1fr}
  .store-billing-compact-grid-ui>div{display:grid;gap:4px;min-width:0;padding:11px 13px;border-bottom:1px solid rgba(126,156,214,.08)}
  .store-billing-compact-grid-ui>div:nth-child(odd){border-right:1px solid rgba(126,156,214,.08)}
  .store-billing-compact-grid-ui>div:nth-last-child(-n/**/+2){border-bottom:0}
  .store-billing-compact-grid-ui span{color:#7187a2;font-size:.59rem;font-weight:850;letter-spacing:.08em;text-transform:uppercase}
  .store-billing-compact-grid-ui strong{overflow:hidden;color:#eef4ff;font-size:.78rem;font-weight:760;text-overflow:ellipsis;white-space:nowrap}
  .store-billing-compact-grid-ui code{overflow:hidden;color:#9bb0c8;font-size:.63rem;text-overflow:ellipsis;white-space:nowrap}
  .store-billing-compact-status-ui{font-size:.96rem!important}
}
@media(max-width:390px){
  .store-billing-compact-grid-ui>div{padding:10px 11px}
  .store-billing-compact-grid-ui strong{font-size:.74rem}
  .store-billing-compact-grid-ui code{font-size:.59rem}
}

.store-plans-ui .store-plan-rows{display:grid!important;gap:0!important}
.store-plans-ui .store-plan-list-row{display:grid;grid-template-columns:minmax(0,1fr) auto;align-items:center;gap:14px;padding:12px 15px;border-bottom:1px solid rgba(126,156,214,.09);background:transparent}
.store-plans-ui .store-plan-list-row:last-child{border-bottom:0}
.store-plans-ui .store-plan-list-main{display:flex;align-items:center;gap:11px;min-width:0}
.store-plans-ui .store-plan-actions-anchor{flex:0 0 auto}
.store-plans-ui .store-plan-action-gear{width:38px!important;height:38px!important;min-width:38px!important;border-radius:11px!important}
.store-plans-ui .store-plan-list-copy{display:grid;gap:2px;min-width:0}
.store-plans-ui .store-plan-list-copy>strong{overflow:hidden;text-overflow:ellipsis;white-space:nowrap;color:#edf4ff;font-size:.85rem;font-weight:820}
.store-plans-ui .store-plan-list-copy>small{color:var(--muted);font-size:.64rem}
.store-plans-ui .store-plan-list-copy>p{margin:2px 0 0;overflow:hidden;color:#8298b0;font-size:.61rem;line-height:1.35;text-overflow:ellipsis;white-space:nowrap}
.store-plans-ui .store-plan-list-value{display:flex;align-items:center;justify-content:flex-end;gap:9px;min-width:0}
.store-plans-ui .store-plan-list-value>strong{color:#f2f6ff;font-size:.84rem;white-space:nowrap}
.store-plans-ui .store-plan-list-badges{display:flex;align-items:center;gap:6px;flex-wrap:wrap;justify-content:flex-end}
.store-plans-ui .store-plan-group-card{overflow:visible}
@media(max-width:1024px){
  .store-plans-ui .store-plan-group-card{border-radius:16px}
  .store-plans-ui .store-plan-group-head{padding:12px 13px}
  .store-plans-ui .store-plan-list-row{grid-template-columns:minmax(0,1fr);gap:8px;padding:11px 12px}
  .store-plans-ui .store-plan-list-main{gap:10px}
  .store-plans-ui .store-plan-action-gear{width:37px!important;height:37px!important;min-width:37px!important}
  .store-plans-ui .store-plan-list-copy>strong{font-size:.82rem}
  .store-plans-ui .store-plan-list-value{justify-content:space-between;padding-left:47px}
  .store-plans-ui .store-plan-list-badges{justify-content:flex-end}
}
@media(max-width:430px){
  .store-plans-ui .store-plan-list-value{padding-left:47px;gap:7px}
  .store-plans-ui .store-plan-list-value>strong{font-size:.79rem}
  .store-plans-ui .store-plan-list-badges .status-badge{font-size:.58rem}
}

@media(max-width:1024px){
  .store-plans-ui .store-plan-list-row{padding:12px 13px}
  .store-plans-ui .store-plan-list-value{display:flex;padding-left:0}
  .store-plans-ui .store-plan-list-value>strong{font-size:.82rem;line-height:1.15}
  .store-plans-ui .store-plan-list-badges{justify-content:flex-end;gap:4px}
}
@media(max-width:430px){
  .store-plans-ui .store-plan-list-row{gap:8px;padding:11px 12px}
  .store-plans-ui .store-plan-list-main{gap:9px}
  .store-plans-ui .store-plan-list-value{padding-left:0;gap:4px}
  .store-plans-ui .store-plan-list-value>strong{font-size:.78rem}
}

.app-role-customer .page-content{width:100%}
.app-role-customer .topbar-title h1{font-size:22px}
.customer-hero-card,.customer-commerce-head,.customer-profile-summary{display:flex;align-items:center;justify-content:space-between;gap:18px}
.customer-hero-main{display:flex;align-items:center;gap:14px;min-width:0}
.customer-hero-main h2,.customer-commerce-head h2,.customer-app-copy h2{margin:3px 0 2px;font-size:22px;line-height:1.2}
.customer-hero-main p,.customer-commerce-head p,.customer-app-copy p{margin:0;color:var(--muted);font-size:12px}
.customer-usage-card{gap:15px}
.customer-usage-total{letter-spacing:-.04em}
.customer-cycle-track{overflow:hidden}
.customer-cycle-track span{background:linear-gradient(90deg,rgba(83,116,255,.78),rgba(54,161,255,.78))}
.customer-cycle-meta{gap:18px}
.customer-cycle-meta span{gap:3px}.customer-cycle-meta span:last-child{text-align:right}
.customer-cycle-meta small,.customer-stat-card small,.customer-commerce-current small,.customer-profile-meta small{font-weight:800}
.customer-cycle-meta strong{font-size:12px}
.customer-stat-grid{grid-template-columns:repeat(5,minmax(0,1fr));gap:12px}
.customer-stat-card{min-height:112px;align-content:center}
.customer-stat-card strong{font-size:19px;line-height:1.15}.customer-stat-card span{font-size:11px}
.customer-quick-actions{display:grid;gap:16px}
.customer-action-grid{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:10px}
.customer-action{display:grid;gap:4px;padding:15px;border:1px solid rgba(91,126,185,.3);border-radius:14px;background:rgba(12,29,51,.66);text-decoration:none;color:var(--text);transition:.18s}
.customer-action:hover{transform:translateY(-1px);border-color:rgba(100,132,255,.68);background:rgba(18,39,69,.82)}
.customer-action strong{font-size:13px}.customer-action small{color:var(--muted);font-size:10.5px}
.customer-history-list,.customer-order-list{display:grid;gap:0}
.customer-history-list article,.customer-order-list article{display:flex;align-items:center;justify-content:space-between;gap:14px;padding:12px 2px;border-bottom:1px solid var(--line)}
.customer-history-list article:last-child,.customer-order-list article:last-child{border-bottom:0}
.customer-history-list span,.customer-order-list small{color:var(--muted);font-size:11px}.customer-history-list strong,.customer-order-list strong{font-size:12.5px}
.customer-order-list article>div{display:grid;gap:3px}.customer-order-list article>div:last-child{text-align:right}
.customer-commerce-head>div:first-child{max-width:680px}.customer-commerce-current{display:grid;gap:4px;min-width:110px;padding:13px 16px;border:1px solid var(--line);border-radius:13px;text-align:center}.customer-commerce-current strong{font-size:24px}
.customer-plan-panel{display:grid;gap:16px}.customer-plan-list{display:grid;gap:8px}
.customer-plan-row{display:grid;grid-template-columns:minmax(0,1fr) auto auto;align-items:center;gap:14px;padding:14px;border:1px solid rgba(88,120,174,.24);border-radius:14px;background:rgba(8,23,41,.55)}
.customer-plan-copy{display:grid;gap:3px}.customer-plan-copy strong{font-size:13.5px}.customer-plan-copy small{color:var(--muted);font-size:11px}.customer-plan-copy em{color:#7f98bd;font-size:10.5px;font-style:normal}
.customer-plan-price{display:grid;gap:3px;text-align:right}.customer-plan-price strong{font-size:15px}.customer-plan-price small{color:var(--muted);font-size:10px}
.customer-profile-summary{align-items:flex-start}.customer-profile-meta{display:flex;gap:8px}.customer-profile-meta span{display:grid;gap:4px;padding:11px 13px;border:1px solid var(--line);border-radius:12px;min-width:126px}.customer-profile-meta strong{font-size:12px}
.customer-password-card{max-width:760px}.customer-password-form>small{color:var(--muted);font-size:11px}
.customer-app-card{max-width:690px;display:grid;grid-template-columns:auto 1fr;gap:16px;align-items:center}.customer-app-icon{width:72px;height:72px;border-radius:18px;overflow:hidden;border:1px solid var(--line);background:#091627}.customer-app-icon img{width:100%;height:100%;object-fit:cover}.customer-app-actions{grid-column:1/-1;display:flex;gap:10px}.customer-app-actions>*{flex:1}
@media(max-width:1024px){.customer-stat-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.customer-stat-card:last-child{grid-column:1/-1}.customer-action-grid{grid-template-columns:repeat(2,minmax(0,1fr))}}
@media(max-width:640px){
 .app-role-customer .page-content{padding-right:12px}
 .customer-hero-card,.customer-commerce-head,.customer-profile-summary{align-items:flex-start;flex-direction:column}
 .customer-hero-main h2,.customer-commerce-head h2,.customer-app-copy h2{font-size:19px}
 .customer-hero-card>.status-badge{align-self:flex-start}
 .customer-usage-total{font-size:22px}
 .customer-stat-grid{gap:8px}.customer-stat-card{padding:14px}.customer-stat-card strong{font-size:17px}
 .customer-action-grid{gap:8px}.customer-action{padding:13px}
 .customer-commerce-current{width:100%;display:flex;align-items:center;justify-content:space-between;text-align:left;min-width:0}
 .customer-plan-row{grid-template-columns:minmax(0,1fr) auto;gap:10px;padding:13px}
 .customer-plan-row form{grid-column:1/-1}.customer-plan-row form .button{width:100%}
 .customer-plan-price strong{font-size:14px}
 .customer-profile-meta{width:100%;display:grid;grid-template-columns:1fr 1fr}.customer-profile-meta span{min-width:0}
 .customer-password-form .two-columns{grid-template-columns:1fr}
 .customer-app-card{grid-template-columns:58px 1fr}.customer-app-icon{width:58px;height:58px;border-radius:15px}.customer-app-actions{display:grid;grid-template-columns:1fr}
}

.customer-monthly-card{gap:14px}
.customer-monthly-list{background:rgba(7,18,32,.48)}
.customer-monthly-row{border-bottom:1px solid rgba(88,120,174,.14)}
.customer-monthly-row:last-child{border-bottom:0}
.customer-monthly-row.is-current{background:rgba(31,63,106,.22)}
.customer-monthly-period,.customer-monthly-value{min-width:0}
.customer-monthly-period strong{color:var(--text)}
.customer-monthly-period small,.customer-monthly-value small{font-size:10.5px}
.customer-monthly-value{min-width:110px}
.customer-monthly-value strong{line-height:1.2}
.customer-monthly-empty{font-size:12px}
@media(max-width:1024px){
 .customer-monthly-row{gap:12px}
 .customer-monthly-period strong{font-size:12.5px}
 .customer-monthly-value{min-width:96px}
 .customer-monthly-value strong{font-size:14px}
}

.app-role-customer .page-content{max-width:1120px;margin:0 auto;width:100%}
.app-role-customer .topbar-title h1{font-size:22px}
.customer-overview-card{padding:22px 30px 30px}
.customer-overview-intro{gap:8px}
.customer-overview-title{text-transform:uppercase}
.customer-overview-dot{box-shadow:0 0 0 7px rgba(141,161,185,.09)}
.customer-overview-intro h2{letter-spacing:-.035em}
.customer-overview-intro p{max-width:680px}
.customer-expiry-box{background:rgba(7,20,36,.56)}
.customer-expiry-copy{min-width:0}
.customer-expiry-copy small{font-weight:700}
.customer-expiry-copy strong{letter-spacing:-.03em}
.customer-expiry-copy span{font-size:12px}
.customer-renew-button{min-width:150px;text-align:center;text-decoration:none}
.customer-usage-card{display:grid;gap:15px}
.customer-usage-card .card-heading{align-items:end}
.customer-usage-total{font-size:27px;letter-spacing:-.04em}
.customer-cycle-track{height:8px;border-radius:999px;background:rgba(83,118,174,.18);overflow:hidden}
.customer-cycle-track span{display:block;width:100%;height:100%;border-radius:inherit;background:linear-gradient(90deg,rgba(83,116,255,.78),rgba(54,161,255,.78))}
.customer-cycle-meta{display:flex;align-items:center;justify-content:space-between;gap:18px}
.customer-cycle-meta span{display:grid;gap:3px}.customer-cycle-meta span:last-child{text-align:right}
.customer-cycle-meta small,.customer-stat-card small,.customer-commerce-current small,.customer-profile-meta small{color:var(--muted);font-size:10px;text-transform:uppercase;letter-spacing:.08em;font-weight:800}
.customer-cycle-meta strong{font-size:12px}
.customer-stat-grid{grid-template-columns:repeat(4,minmax(0,1fr));gap:12px}
.customer-stat-card{align-content:center}
.customer-stat-card strong{font-size:20px;letter-spacing:-.02em}.customer-stat-card span{font-size:11px}
.customer-monthly-card{gap:14px}
.customer-monthly-list{background:rgba(7,18,32,.48)}
.customer-monthly-row{border-bottom:1px solid rgba(88,120,174,.14)}
.customer-monthly-row:last-child{border-bottom:0}
.customer-monthly-period,.customer-monthly-value{min-width:0}
.customer-monthly-period strong{color:var(--text)}
.customer-monthly-period small,.customer-monthly-value small{font-size:10.5px}
.customer-monthly-value{min-width:110px}.customer-monthly-value strong{line-height:1.2}
.customer-monthly-empty{font-size:12px}
@media(max-width:1024px){
 .customer-stat-grid{grid-template-columns:repeat(2,minmax(0,1fr))}
 .customer-stat-card{min-height:104px}
}
@media(max-width:640px){
 .app-role-customer .page-content{padding-left:12px;padding-right:12px}
 .customer-overview-card{padding:20px 18px 18px;gap:16px}
 .customer-overview-intro h2{font-size:27px;margin-top:12px}
 .customer-overview-intro p{font-size:13px}
 .customer-expiry-box{align-items:stretch;flex-direction:column;gap:14px;padding:15px}
 .customer-expiry-copy strong{font-size:23px}
 .customer-renew-button{width:100%;min-width:0}
 .customer-usage-total{font-size:22px}
 .customer-stat-grid{gap:8px}
 .customer-stat-card{min-height:94px;padding:14px}
 .customer-stat-card strong{font-size:17px}
 .customer-monthly-row{padding:13px 14px;gap:12px}
 .customer-monthly-period strong{font-size:12.5px}
 .customer-monthly-value{min-width:96px}.customer-monthly-value strong{font-size:14px}
}

.customer-overview-card{display:grid;gap:18px;padding:22px 30px 30px}
.customer-overview-intro{display:grid;gap:8px;min-width:0}
.customer-overview-title{display:flex;align-items:center;gap:8px;color:#7fe0c2;font-size:11px;font-weight:800;letter-spacing:.11em;text-transform:uppercase}
.customer-overview-dot{width:10px;height:10px;border-radius:50%;background:#8da1b9;box-shadow:0 0 0 7px rgba(141,161,185,.09);flex:0 0 auto}
.customer-overview-intro h2{margin:16px 0 0;font-size:30px;line-height:1.12;letter-spacing:-.035em}
.customer-overview-intro p{margin:0;color:var(--muted);font-size:14px;line-height:1.55;max-width:680px}
.customer-expiry-box{display:flex;align-items:center;justify-content:space-between;gap:18px;padding:18px 20px;border:1px solid rgba(91,126,185,.34);border-radius:16px;background:rgba(7,20,36,.56)}
.customer-expiry-copy{display:grid;gap:3px;min-width:0}
.customer-expiry-copy small{color:var(--muted);font-size:11px;font-weight:700}
.customer-expiry-copy strong{font-size:27px;line-height:1.1;letter-spacing:-.03em}
.customer-expiry-copy span{color:var(--muted);font-size:12px}
.customer-renew-button{min-width:148px;min-height:46px;padding-inline:22px;border-radius:15px;white-space:nowrap}
.customer-stat-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:12px}
.customer-stat-card{display:grid;gap:5px;min-height:116px;padding:17px 18px;align-content:center}
.customer-stat-card small{color:var(--muted);font-size:10px;text-transform:uppercase;letter-spacing:.08em;font-weight:800}
.customer-stat-card strong{font-size:22px;line-height:1.15;letter-spacing:-.02em}
.customer-stat-card span{color:var(--muted);font-size:11px}
.customer-monthly-card{display:grid;gap:14px}
.customer-monthly-list{display:grid;gap:0;border:1px solid rgba(88,120,174,.22);border-radius:15px;overflow:hidden;background:rgba(7,18,32,.48)}
.customer-monthly-row{display:grid;grid-template-columns:minmax(0,1fr) auto;align-items:center;gap:16px;padding:14px 16px;border-bottom:1px solid rgba(88,120,174,.14)}
.customer-monthly-row:last-child{border-bottom:0}
.customer-monthly-row.is-current{background:rgba(31,63,106,.22)}
.customer-monthly-period,.customer-monthly-value{display:grid;gap:4px;min-width:0}
.customer-monthly-period strong{font-size:13px;line-height:1.25;color:var(--text)}
.customer-monthly-period small,.customer-monthly-value small{color:var(--muted);font-size:10.5px}
.customer-monthly-value{text-align:right;min-width:110px}
.customer-monthly-value strong{font-size:15px;line-height:1.2}
.customer-monthly-empty{padding:18px 16px;color:var(--muted);font-size:12px}
@media(max-width:1024px){
 .customer-overview-card{padding:20px 18px 18px;gap:16px}
 .customer-overview-intro h2{font-size:27px;margin-top:12px}
 .customer-overview-intro p{font-size:13px}
 .customer-expiry-box{align-items:stretch;flex-direction:column;gap:14px;padding:15px}
 .customer-expiry-copy strong{font-size:23px}
 .customer-renew-button{width:100%;min-height:44px}
 .customer-stat-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:8px}
 .customer-stat-card{min-height:94px;padding:14px}
 .customer-stat-card strong{font-size:18px}
 .customer-monthly-row{gap:12px}
 .customer-monthly-period strong{font-size:12.5px}
 .customer-monthly-value{min-width:96px}
 .customer-monthly-value strong{font-size:14px}
}
@media(max-width:420px){
 .customer-overview-card{padding:18px 14px 16px}
 .customer-overview-intro h2{font-size:25px}
 .customer-stat-grid{gap:7px}
 .customer-stat-card{padding:13px 12px;min-height:90px}
 .customer-stat-card strong{font-size:17px}
 .customer-stat-card span{font-size:10.5px}
 .customer-monthly-row{grid-template-columns:minmax(0,1fr) auto;padding:12px}
 .customer-monthly-value{min-width:84px}
}

.customer-dashboard-top{margin-bottom:14px}
.customer-dashboard-hero{margin-bottom:0}
.customer-dashboard-hero .hero-expiry-card{min-width:245px}
.customer-dashboard-hero .hero-expiry-card strong{font-size:clamp(24px,2vw,31px)}
.customer-stat-grid-final .customer-stat-card-final{cursor:default}
.customer-stat-grid-final .customer-stat-card-final:hover{transform:none}
.customer-stat-grid-final .customer-stat-copy span{display:block;margin-top:4px;color:#8297b8;font-size:11px}
.customer-monthly-card-final{gap:14px}
@media(max-width:1024px){
 .customer-dashboard-top{margin-bottom:11px}
 .customer-dashboard-hero{padding:17px}
 .customer-dashboard-hero .hero-expiry-card{min-width:0}
 .customer-stat-grid-final{grid-template-columns:repeat(2,minmax(0,1fr));gap:9px}
 .customer-stat-grid-final .customer-stat-card-final{min-height:88px;gap:9px}
 .customer-stat-grid-final .dashboard-stat-copy small{font-size:10.5px}
 .customer-stat-grid-final .dashboard-stat-copy strong{font-size:20px}
 .customer-stat-grid-final .customer-stat-copy span{font-size:10px}
 .customer-monthly-card-final{margin-top:11px}
}
@media(max-width:440px){
 .customer-dashboard-hero{padding:16px}
 .customer-stat-grid-final{gap:8px}
 .customer-stat-grid-final .customer-stat-card-final{gap:8px}
 .customer-stat-grid-final .dashboard-stat-icon{height:32px}
 .customer-stat-grid-final .dashboard-stat-copy strong{font-size:19px}
}

.customer-dashboard-hero{display:flex;align-items:stretch;justify-content:space-between;gap:22px;padding:22px 30px 30px;}
.customer-dashboard-hero .dashboard-hero-copy{display:grid;align-content:start;gap:0;min-width:0;}
.customer-dashboard-hero .dashboard-hero-copy h2{margin:16px 0 8px;font-size:clamp(28px,2.3vw,35px);line-height:1.1;letter-spacing:-.035em;}
.customer-dashboard-hero .dashboard-hero-copy p{margin:0;color:var(--muted);font-size:14px;line-height:1.55;max-width:680px;}
.customer-dashboard-hero .hero-renewal-block{display:grid;gap:12px;align-content:center;min-width:300px;}
.customer-dashboard-hero .hero-expiry-card{min-width:0;width:100%;}
.customer-dashboard-hero .hero-expiry-card strong{font-size:clamp(25px,2.2vw,31px);line-height:1.08;letter-spacing:-.03em;}
.customer-dashboard-hero .hero-expiry-card span{font-size:12.5px;}
.customer-dashboard-hero .hero-renew-button{width:100%;min-height:48px;border-radius:15px;text-align:center;}
.customer-stat-grid-final{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:11px;}
.customer-stat-grid-final .customer-stat-card-final{min-height:88px;cursor:default;}
.customer-stat-grid-final .customer-stat-card-final:hover{transform:none;}
.customer-stat-grid-final .dashboard-stat-arrow{margin-left:auto;color:#607594;font-size:25px;line-height:1;}
.customer-monthly-card-final{margin-top:14px;display:grid;gap:14px;}

/* Cliente Final — aplicativo e novidades. */
.customer-app-download-card{display:grid;grid-template-columns:auto minmax(0,1fr);align-items:center;gap:14px;padding:22px 24px;}
.customer-app-download-card .customer-app-icon{width:72px;height:72px;flex:0 0 auto;border-radius:18px;overflow:hidden;border:1px solid var(--line);background:rgba(20,35,58,.65);}
.customer-app-download-card .customer-app-icon img{display:block;width:100%;height:100%;object-fit:cover;}
.customer-app-download-card .customer-app-copy{min-width:0;}
.customer-app-download-card .customer-app-copy h2{margin:3px 0 2px;font-size:24px;line-height:1.1;letter-spacing:-.025em;}
.customer-app-download-card .customer-app-copy p:last-child{margin:0;color:var(--muted);font-size:13px;}
.customer-app-download-card .customer-app-actions{grid-column:1 / -1;display:grid;grid-template-columns:minmax(0,1fr);}
.customer-app-download-card .customer-app-actions .button{width:100%;}
.customer-app-news-card{margin-top:14px;display:grid;gap:14px;}
.customer-app-news-content{padding:15px 16px;border:1px solid rgba(88,120,174,.22);border-radius:15px;background:rgba(7,18,32,.48);color:var(--muted);font-size:13px;line-height:1.65;white-space:normal;}

/* Cliente Final — suporte seguindo o mesmo fluxo de atendimento do WhatsApp. */
.customer-support-page{display:grid;gap:14px;}
.customer-support-intro{display:flex;align-items:center;justify-content:space-between;gap:18px;padding:22px 24px;}
.customer-support-intro h2{margin:3px 0 5px;font-size:25px;line-height:1.12;letter-spacing:-.025em;}
.customer-support-intro p{margin:0;color:var(--muted);font-size:13px;line-height:1.5;}
.customer-support-reasons{display:grid;gap:14px;}
.customer-support-reason-grid{display:grid;gap:10px;}
.customer-support-reason-form{min-width:0;}
.customer-support-reason-card{position:relative;width:100%;min-height:78px;padding:16px 42px 16px 16px;display:grid;gap:4px;text-align:left;border:1px solid rgba(88,120,174,.25);border-radius:14px;background:linear-gradient(145deg,rgba(17,29,48,.96),rgba(10,21,36,.96));color:var(--text);cursor:pointer;}
.customer-support-reason-card:hover{border-color:rgba(104,136,230,.38);}
.customer-support-reason-card strong{font-size:14px;line-height:1.2;}
.customer-support-reason-card span{color:var(--muted);font-size:11px;}
.customer-support-reason-card b{position:absolute;right:16px;top:50%;transform:translateY(-50%);color:#607594;font-size:25px;font-weight:400;}
.customer-support-chat{display:grid;grid-template-rows:auto minmax(340px,1fr) auto;min-height:calc(100dvh - 155px);overflow:hidden;}
.customer-support-chat-header{display:flex;align-items:center;gap:13px;padding:18px 20px;border-bottom:1px solid var(--line);}
.customer-support-avatar{width:42px;height:42px;display:grid;place-items:center;border:1px solid rgba(101,129,226,.28);border-radius:13px;background:rgba(49,75,154,.16);color:#91a7ff;font-weight:800;}
.customer-support-chat-title{min-width:0;flex:1;}
.customer-support-chat-title h2{margin:2px 0 2px;font-size:18px;line-height:1.15;}
.customer-support-chat-title span{color:var(--muted);font-size:11px;}
.customer-support-status{padding:7px 10px;border-radius:999px;background:rgba(49,75,154,.14);color:#9aafff;font-size:10.5px;font-weight:700;white-space:nowrap;}
.customer-support-messages{display:flex;flex-direction:column;gap:9px;padding:18px;overflow:auto;background:rgba(5,13,24,.18);}
.customer-support-message{display:grid;gap:4px;align-self:flex-start;}
.customer-support-message.is-out{align-self:flex-end;}
.customer-support-message>div{padding:11px 13px;border:1px solid rgba(88,120,174,.22);border-radius:15px;background:rgba(17,29,48,.9);font-size:13px;line-height:1.5;white-space:pre-wrap;overflow-wrap:anywhere;}
.customer-support-message.is-out>div{background:rgba(49,75,154,.18);border-color:rgba(101,129,226,.28);}
.customer-support-message small{color:var(--muted);font-size:9.5px;padding:0 3px;}
.customer-support-message.is-out small{text-align:right;}
.customer-support-composer{display:grid;grid-template-columns:minmax(0,1fr) auto;gap:9px;padding:13px 16px;border-top:1px solid var(--line);background:rgba(10,20,34,.82);}
.customer-support-composer textarea{min-height:46px;max-height:140px;resize:vertical;}
.customer-support-composer .button{min-width:100px;}
.customer-support-closed{padding:14px 16px;color:var(--muted);font-size:12px;}

/* Cliente Final — senha compacta. */
.customer-password-form{max-width:620px;}
.customer-password-form .form-actions{justify-content:flex-start;}

@media (max-width:1024px){
 .customer-dashboard-hero{padding:20px 18px 18px;gap:16px;}
 .customer-dashboard-hero .hero-renewal-block{min-width:0;}
 .customer-dashboard-hero .dashboard-hero-copy h2{font-size:27px;margin-top:12px;}
 .customer-dashboard-hero .dashboard-hero-copy p{font-size:13px;}
 .customer-stat-grid-final{gap:9px;}
 .customer-stat-grid-final .customer-stat-card-final{min-height:92px;padding:13px 14px;}
 .customer-stat-grid-final .dashboard-stat-copy small{font-size:10.5px;}
 .customer-stat-grid-final .dashboard-stat-copy strong{font-size:20px;}
 .customer-monthly-card-final{margin-top:11px;}
 .customer-app-download-card{padding:18px;}
 .customer-support-intro{align-items:stretch;flex-direction:column;padding:18px;}
 .customer-support-intro .button{width:100%;}
}
@media (max-width:1024px){
 .customer-dashboard-hero{display:grid;grid-template-columns:minmax(0,1fr);box-sizing:border-box;}
 .customer-dashboard-hero > .dashboard-hero-copy,
 .customer-dashboard-hero > .hero-renewal-block{grid-column:1 / -1;width:100%;min-width:0;box-sizing:border-box;}
 .customer-dashboard-hero .hero-renewal-block{display:grid;gap:12px;}
 .customer-dashboard-hero .hero-expiry-card{padding:16px 18px;}
 .customer-dashboard-hero .hero-expiry-card strong{font-size:25px;}
 .customer-stat-grid-final{grid-template-columns:repeat(2,minmax(0,1fr));}
 .customer-stat-grid-final .customer-stat-card-final{min-height:86px;padding:12px;gap:9px;}
 .customer-stat-grid-final .dashboard-stat-icon{width:34px;height:34px;}
 .customer-stat-grid-final .dashboard-stat-copy strong{font-size:19px;}
 .customer-stat-grid-final .dashboard-stat-arrow{font-size:22px;}
 .customer-monthly-row{padding:13px 14px;gap:12px;}
 .customer-monthly-period strong{font-size:12.5px;}
 .customer-monthly-value{min-width:96px;}
 .customer-monthly-value strong{font-size:14px;}
 .customer-app-download-card{grid-template-columns:56px minmax(0,1fr);gap:12px;padding:16px;}
 .customer-app-download-card .customer-app-icon{width:56px;height:56px;border-radius:15px;}
 .customer-app-download-card .customer-app-copy h2{font-size:20px;}
 .customer-app-download-card .customer-app-actions{margin-top:2px;}
 .customer-app-news-card{margin-top:11px;}
 .customer-support-chat{min-height:calc(100dvh - 145px);}
 .customer-support-chat-header{padding:14px;gap:10px;}
 .customer-support-avatar{width:38px;height:38px;border-radius:11px;}
 .customer-support-chat-title h2{font-size:16px;}
 .customer-support-status{font-size:9.5px;padding:6px 8px;}
 .customer-support-messages{padding:13px;min-height:300px;}
 .customer-support-message{max-width:86%;}
 .customer-support-composer{grid-template-columns:minmax(0,1fr);padding:10px;}
 .customer-support-composer .button{width:100%;}
}
@media (max-width:440px){
 .customer-dashboard-hero{padding:18px 14px 16px;}
 .customer-dashboard-hero .dashboard-hero-copy h2{font-size:25px;}
 .customer-dashboard-hero .dashboard-hero-copy p{font-size:12.5px;}
 .customer-dashboard-hero .hero-expiry-card{padding:15px;}
 .customer-dashboard-hero .hero-expiry-card strong{font-size:23px;}
 .customer-stat-grid-final{gap:8px;}
 .customer-stat-grid-final .customer-stat-card-final{padding:11px 10px;min-height:84px;}
 .customer-stat-grid-final .dashboard-stat-icon{width:32px;height:32px;}
 .customer-stat-grid-final .dashboard-stat-copy small{font-size:10px;}
 .customer-stat-grid-final .dashboard-stat-copy strong{font-size:18px;}
 .customer-app-download-card{grid-template-columns:48px minmax(0,1fr);padding:14px;}
 .customer-app-download-card .customer-app-icon{width:48px;height:48px;border-radius:13px;}
 .customer-app-download-card .customer-app-copy h2{font-size:18px;}
 .customer-app-download-card .customer-app-copy p:last-child{font-size:11px;}
 .customer-support-reason-grid{grid-template-columns:1fr;}
 .customer-support-chat-header{padding:12px;}
 .customer-support-status{display:none;}
 .customer-support-message{max-width:92%;}
}
.customer-support-chat-tools{display:flex;align-items:center;gap:8px;margin-left:auto;}
.customer-support-chat-tools .button{min-height:36px;padding:0 12px;font-size:11px;}
@media(max-width:440px){.customer-support-chat-tools .button{font-size:0;width:34px;min-width:34px;padding:0}.customer-support-chat-tools .button::after{content:"🔔";font-size:13px}.customer-support-chat-tools{gap:5px}}
/* Compras do Cliente Final: seleção compacta no mesmo fluxo de planos do WhatsApp. */
.customer-plan-row{grid-template-columns:minmax(0,1fr) auto;}
.customer-plan-row form{grid-column:1/-1;width:100%;}
.customer-plan-row form .button{width:100%;}
.customer-plan-copy strong{font-size:14px;line-height:1.25;}
.customer-plan-copy small{font-size:11px;line-height:1.45;}
@media(max-width:1024px){.customer-plan-row{padding:13px;gap:9px}.customer-plan-copy strong{font-size:13.5px}.customer-plan-copy small{font-size:10.5px}.customer-plan-price strong{font-size:15px}}

.app-role-customer .topbar-title .eyebrow{letter-spacing:.16em;}
.customer-support-page{gap:16px;}
.customer-support-hero-card{position:relative;display:flex;align-items:center;justify-content:space-between;gap:20px;padding:24px 26px;overflow:hidden;background:linear-gradient(115deg,rgba(20,36,61,.97),rgba(10,22,39,.96));}
.customer-support-hero-card::after{content:"";position:absolute;width:220px;height:220px;right:-90px;top:-120px;border-radius:50%;background:radial-gradient(circle,rgba(79,121,255,.18),transparent 68%);pointer-events:none;}
.customer-support-hero-copy{display:flex;align-items:center;gap:15px;min-width:0;position:relative;z-index:1;}
.customer-support-hero-icon{display:grid;place-items:center;width:46px;height:46px;flex:0 0 auto;border:1px solid rgba(96,128,230,.3);border-radius:14px;background:rgba(49,75,154,.16);color:#9db0ff;font-size:20px;font-weight:800;box-shadow:0 10px 28px rgba(4,12,27,.24);}
.customer-support-hero-card h2{margin:4px 0 5px;font-size:clamp(23px,2vw,29px);line-height:1.1;letter-spacing:-.03em;}
.customer-support-hero-card p:not(.eyebrow){margin:0;max-width:650px;color:var(--muted);font-size:13px;line-height:1.55;}
.customer-support-hero-card .button{position:relative;z-index:1;min-width:170px;}
.customer-support-reasons{padding:22px 24px;}
.customer-support-reasons .card-heading p:not(.eyebrow){margin:5px 0 0;color:var(--muted);font-size:12px;}
.customer-support-reason-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:11px;}
.customer-support-reason-card{min-height:74px;padding:13px 42px 13px 13px;display:flex;align-items:center;gap:11px;border-radius:15px;background:linear-gradient(145deg,rgba(15,29,49,.98),rgba(8,20,35,.98));box-shadow:0 8px 20px rgba(2,8,20,.12);}
.customer-support-reason-card:hover{transform:translateY(-1px);box-shadow:0 12px 24px rgba(2,8,20,.18);}
.customer-support-reason-icon{display:grid;place-items:center;width:36px;height:36px;flex:0 0 auto;border:1px solid rgba(78,128,255,.22);border-radius:11px;background:rgba(56,91,190,.13);color:#89a5ff;font-size:18px;}
.customer-support-reason-copy{min-width:0;display:grid;gap:3px;}
.customer-support-reason-copy strong{font-size:13px;line-height:1.25;overflow-wrap:anywhere;}
.customer-support-reason-copy small{color:var(--muted);font-size:10.5px;line-height:1.2;}
.customer-support-news-card{margin-top:0;}
.customer-support-news-card .customer-app-news-content{font-size:13px;line-height:1.65;}
.customer-support-chat{border-radius:20px;box-shadow:var(--shadow);}

@media(max-width:1024px){
 .customer-support-hero-card{align-items:stretch;flex-direction:column;padding:19px 18px;}
 .customer-support-hero-copy{align-items:flex-start;}
 .customer-support-hero-card .button{width:100%;}
 .customer-support-reasons{padding:18px;}
 .customer-support-reason-grid{gap:9px;}
 .customer-dashboard-hero .hero-renewal-block{width:100%;min-width:0;}
 .customer-dashboard-hero .hero-expiry-card{width:100%;min-width:0;}
 .customer-dashboard-hero .hero-renew-button{width:100%;}
}
@media(max-width:1024px){
 .customer-support-page{gap:12px;}
 .customer-support-hero-card{padding:17px 16px;gap:14px;}
 .customer-support-hero-copy{gap:11px;}
 .customer-support-hero-icon{width:40px;height:40px;border-radius:12px;font-size:17px;}
 .customer-support-hero-card h2{font-size:22px;}
 .customer-support-hero-card p:not(.eyebrow){font-size:12px;}
 .customer-support-reasons{padding:16px;}
 .customer-support-reason-grid{grid-template-columns:1fr;}
 .customer-support-reason-card{min-height:66px;padding:11px 40px 11px 11px;}
 .customer-support-reason-icon{width:34px;height:34px;}
 .customer-support-news-card{margin-top:0;}
 .customer-dashboard-hero{width:100%;box-sizing:border-box;}
 .customer-dashboard-hero .hero-renewal-block{width:100%;}
}
@media(max-width:440px){
 .customer-support-hero-card{padding:15px;}
 .customer-support-hero-copy{gap:9px;}
 .customer-support-hero-icon{width:36px;height:36px;border-radius:10px;font-size:15px;}
 .customer-support-hero-card h2{font-size:20px;}
 .customer-support-reasons{padding:14px;}
 .customer-support-reason-card{min-height:62px;}
}
.customer-support-hero-icon svg,.customer-support-reason-icon svg{width:19px;height:19px;fill:none;stroke:currentColor;stroke-width:1.8;stroke-linecap:round;stroke-linejoin:round;}
.customer-support-reason-icon svg{width:17px;height:17px;}

@media (max-width:1024px){
  .customer-dashboard-top,
  .customer-dashboard-top > .customer-dashboard-hero,
  .customer-dashboard-hero > .hero-renewal-block,
  .customer-dashboard-hero > .hero-renewal-block > .hero-expiry-card,
  .customer-dashboard-hero > .hero-renewal-block > .hero-renew-button{
    width:100% !important;
    max-width:none !important;
    min-width:0 !important;
    box-sizing:border-box;
  }
}

@media (min-width:1025px) {
  .row-actions-modal-actions > *,
  .row-actions-modal-actions > form { width:100%!important; max-width:none!important; }
}

.row-actions-modal-actions>[data-row-action-kind="suspender"]{
  order:35!important;
  border-color:rgba(105,140,215,.16)!important;
  background:rgba(9,22,39,.68)!important;
  box-shadow:inset 0 1px rgba(255,255,255,.022)!important;
}
.row-actions-modal-actions>[data-row-action-kind="suspender"] .row-action-premium-copy strong{
  color:#eef3ff!important;
}

.row-actions-modal-actions>[data-row-action-kind="suspender"],
.row-actions-modal-actions>[data-row-action-kind="suspender"]:hover{
  border-color:transparent!important;
  background:rgba(9,22,39,.68)!important;
  box-shadow:inset 0 1px rgba(255,255,255,.018)!important;
}
.row-actions-modal-actions>[data-row-action-kind="suspender"] .row-action-premium-copy strong{color:#eef3ff!important}

.store-config-ui .store-publication-section{gap:16px}
.store-config-ui .store-config-publish-fields{grid-template-columns:minmax(0,1.1fr) minmax(300px,.9fr);align-items:start;gap:14px}
.store-config-ui .store-public-address-field,
.store-config-ui .store-app-delivery-field{min-width:0;padding:15px;border:1px solid rgba(126,156,214,.13);border-radius:14px;background:rgba(5,15,27,.34)}
.store-config-ui .store-public-address-field>span,
.store-config-ui .store-app-delivery-field>span{margin-bottom:2px}
.store-config-ui .store-public-slug-control{display:grid;grid-template-columns:auto minmax(120px,1fr);align-items:center;min-width:0;min-height:45px;margin-top:2px;overflow:hidden;border:1px solid rgba(127,151,190,.22);border-radius:11px;background:rgba(7,17,31,.76);transition:border-color .18s ease,box-shadow .18s ease,background .18s ease}
.store-config-ui .store-public-slug-control:focus-within{border-color:rgba(95,124,255,.68);background:#0a1728;box-shadow:0 0 0 3px rgba(95,124,255,.1)}
.store-config-ui .store-public-slug-prefix{display:block;max-width:340px;padding:0 3px 0 13px;overflow:hidden;color:#8095ae;font-size:.68rem;font-weight:750;white-space:nowrap;text-overflow:ellipsis}
.store-config-ui .store-public-slug-control input{min-width:0;min-height:43px;padding:0 13px 0 0!important;border:0!important;border-radius:0!important;background:transparent!important;box-shadow:none!important;font-weight:800}
.store-config-ui .store-public-address-field>small b{color:#a9bad0;font-weight:800}
.store-config-ui .store-public-link-preview{display:flex;align-items:center;gap:8px;min-width:0;margin-top:3px;padding:9px 10px;border:1px solid rgba(126,156,214,.10);border-radius:10px;background:rgba(4,13,24,.45)}
.store-config-ui .store-public-link-preview b{flex:0 0 auto;color:#6f88a7;font-size:.57rem;letter-spacing:.08em;text-transform:uppercase}
.store-config-ui .store-public-link-preview span{min-width:0;overflow:hidden;color:#b8c8da;font-size:.65rem;white-space:nowrap;text-overflow:ellipsis}
.store-config-ui .store-app-delivery-field select{margin-top:2px}
.store-config-ui .store-config-toggles{margin-top:1px}
.store-config-ui .store-link-warning b{color:#aabbd0}

@media(max-width:1080px){
  .store-config-ui .store-config-publish-fields{grid-template-columns:1fr}
  .store-config-ui .store-public-slug-prefix{max-width:420px}
}
@media(max-width:1024px){
  .store-config-ui .store-public-address-field,
  .store-config-ui .store-app-delivery-field{padding:13px;border-radius:13px}
  .store-config-ui .store-public-slug-control{grid-template-columns:1fr}
  .store-config-ui .store-public-slug-prefix{max-width:none;padding:9px 12px 5px;font-size:.61rem;border-bottom:1px solid rgba(126,156,214,.08)}
  .store-config-ui .store-public-slug-control input{min-height:40px;padding:0 12px!important;font-size:.78rem}
  .store-config-ui .store-public-link-preview{align-items:flex-start;flex-direction:column;gap:4px}
  .store-config-ui .store-public-link-preview span{width:100%;white-space:normal;overflow-wrap:anywhere}
}
@media(max-width:430px){
  .store-config-ui .store-config-section-heading p{font-size:.67rem}
  .store-config-ui .store-public-address-field,
  .store-config-ui .store-app-delivery-field{padding:12px}
  .store-config-ui .store-public-slug-prefix{font-size:.58rem}
}

.store-config-ui [data-store-slug-availability-feedback]{display:block;min-height:1.25em;transition:color .18s ease}
.store-config-ui [data-store-slug-availability-feedback].is-checking{color:#8fa6c1!important}
.store-config-ui [data-store-slug-availability-feedback].is-ok{color:#62d9bd!important}
.store-config-ui [data-store-slug-availability-feedback].is-error{color:#ff9aae!important}
.store-config-ui .store-public-slug-control:has(+[data-store-slug-availability-feedback].is-error){border-color:rgba(255,91,116,.5)}

@media(max-width:1024px){

}

@media(max-width:1024px){

}

@media(max-width:430px){

}

@media(max-width:360px){

}

@media(max-width:1024px){

}

@media(max-width:1024px){

}

@media(max-width:430px){

}

.store-payments-ui{gap:14px}
.store-payment-hero-ui{position:relative;display:grid;grid-template-columns:minmax(0,1fr) auto;align-items:end;gap:16px;padding:20px;padding-top:54px}
.store-payment-hero-ui .store-online-status{position:absolute;top:18px;right:20px;min-width:72px;justify-content:center}
.store-payment-hero-ui .payment-operation-main-ui{display:grid;grid-template-columns:50px minmax(0,1fr);align-items:center;gap:13px;min-width:0}
.store-payment-hero-ui .payment-provider-logo-ui{width:50px;height:50px;border-radius:15px;font-size:.88rem;letter-spacing:.05em}
.store-payment-hero-ui .payment-operation-copy-ui{min-width:0}
.store-payment-hero-ui .payment-operation-copy-ui .eyebrow{margin:0 0 4px}
.store-payment-hero-ui .payment-operation-copy-ui h3{margin:0;font-size:1.65rem;line-height:1.05;color:#f4f8ff}
.store-payment-hero-ui .payment-operation-copy-ui p:last-child{margin:7px 0 0;max-width:48ch;color:#9fb4ce;font-size:.76rem;line-height:1.45}
.store-payment-hero-ui .payment-operation-actions-ui{display:grid;grid-template-columns:repeat(2,minmax(120px,1fr));gap:9px;min-width:280px}
.store-payment-hero-ui .payment-operation-actions-ui .button,
.store-payment-hero-ui .payment-operation-actions-ui form,
.store-payment-hero-ui .payment-operation-actions-ui form .button{width:100%;min-width:0}
.store-payment-hero-ui .payment-operation-actions-ui>a:only-child{grid-column:1/-1}

.payment-config-ui{grid-template-columns:minmax(0,1fr)!important;gap:16px}
.payment-config-main-card-ui{padding:20px!important}
.payment-config-ui .payment-config-heading{align-items:flex-start;gap:14px}
.payment-config-ui .payment-config-heading p{max-width:56ch}
.payment-config-ui .payment-config-fieldset-ui{border:0!important;padding:0!important;margin:0!important;min-width:0!important;display:grid;gap:16px}
.payment-config-ui .payment-provider-select,
.payment-config-ui .payment-provider-step{border:1px solid rgba(126,156,214,.14);border-radius:17px;background:linear-gradient(145deg,rgba(10,24,42,.82),rgba(6,17,30,.92));box-shadow:inset 0 1px rgba(255,255,255,.03)}
.payment-config-ui .payment-provider-select{padding:15px}
.payment-config-ui .payment-provider-select>span{display:block;margin-bottom:9px;color:#edf4ff;font-size:.8rem;font-weight:850}
.payment-config-ui .payment-provider-step{padding:15px}
.payment-config-ui .payment-provider-fields{margin-top:14px}
.payment-config-ui .payment-provider-fields>label>span{display:block;margin-bottom:7px}
.payment-config-ui .payment-provider-fields p{margin:8px 0 0;color:#8ea4bf;font-size:.69rem;line-height:1.45}
.payment-config-ui .payment-config-actions-ui{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:10px}
.payment-config-ui .payment-config-actions-ui .button{width:100%;min-width:0}

.store-referrals-ui{gap:14px}
.store-referrals-ui .store-referral-hero-ui{display:flex;align-items:flex-start;justify-content:space-between;gap:16px;padding:18px 20px}
.store-referrals-ui .store-referral-hero-ui h2{margin:4px 0 5px}
.store-referrals-ui .store-referral-hero-ui p:last-child{margin:0;color:#9bb0ca;font-size:.76rem;line-height:1.45}
.store-referrals-ui .store-referral-config-card-ui{padding:18px 20px}
.store-referrals-ui .store-referral-heading-ui{margin-bottom:14px}
.store-referrals-ui .store-referral-fieldset-ui{border:0!important;padding:0!important;margin:0!important;min-width:0!important;display:grid;gap:14px}
.store-referrals-ui .store-referral-notification-toggle-ui{min-height:78px!important}
.store-referrals-ui .store-referral-fields-ui{margin:0;gap:12px}
.store-referrals-ui .store-referral-fields-ui label{display:grid;gap:7px;padding:14px 15px;border:1px solid rgba(126,156,214,.14);border-radius:15px;background:linear-gradient(145deg,rgba(10,24,42,.82),rgba(6,17,30,.92));box-shadow:inset 0 1px rgba(255,255,255,.03)}
.store-referrals-ui .store-referral-fields-ui label span{font-weight:850;color:#eef4ff}
.store-referrals-ui .store-referral-fields-ui label small{color:#8ea4bf;font-size:.69rem;line-height:1.4}
.store-referrals-ui .store-referral-actions-ui{margin:0;padding:0}
.store-referrals-ui .store-referral-actions-ui .button{width:100%;min-width:0}
.store-referrals-ui .store-referral-summary-ui{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:11px}
.store-referrals-ui .store-referral-summary-ui>span{display:grid;gap:4px;padding:14px;border:1px solid rgba(126,156,214,.14);border-radius:15px;background:linear-gradient(145deg,rgba(16,35,61,.8),rgba(7,19,34,.94));text-align:center;box-shadow:inset 0 1px rgba(255,255,255,.03)}
.store-referrals-ui .store-referral-summary-ui small{color:#7f95b0;font-size:.64rem;font-weight:850;letter-spacing:.055em;text-transform:uppercase}
.store-referrals-ui .store-referral-summary-ui strong{font-size:1.35rem;color:#f6f9ff;line-height:1}
.store-referrals-ui .store-referral-activity-ui{padding:18px 20px}
.store-referrals-ui .store-referral-activity-ui .card-heading{margin-bottom:12px}
.store-referrals-ui .store-referral-desktop-table-ui td small{display:block;margin-top:3px;color:#849ab5}
.store-referrals-ui .store-referral-mobile-list-ui{margin-top:0}
.store-referrals-ui .store-referral-compact-card-ui .status-badge{margin-left:auto;flex:0 0 auto}
.store-referrals-ui .store-referral-compact-card-ui .store-billing-compact-grid-ui>div{min-width:0}
.store-referrals-ui .store-referral-compact-card-ui small{color:#8399b3}

@media(max-width:1024px){
  .store-payment-hero-ui{grid-template-columns:1fr;align-items:stretch}
  .store-payment-hero-ui .payment-operation-actions-ui{min-width:0;width:100%}
  .store-referrals-ui .store-referral-hero-ui{align-items:flex-start}
}
@media(max-width:1024px){
  .store-payment-hero-ui{padding:16px;padding-top:50px;gap:14px}
  .store-payment-hero-ui .store-online-status{top:14px;right:15px;min-width:66px;font-size:.67rem}
  .store-payment-hero-ui .payment-operation-main-ui{grid-template-columns:44px minmax(0,1fr);gap:11px}
  .store-payment-hero-ui .payment-provider-logo-ui{width:44px;height:44px;border-radius:13px;font-size:.76rem}
  .store-payment-hero-ui .payment-operation-copy-ui h3{font-size:1.2rem}
  .store-payment-hero-ui .payment-operation-copy-ui p:last-child{font-size:.69rem;line-height:1.4}
  .store-payment-hero-ui .payment-operation-actions-ui{grid-template-columns:repeat(2,minmax(0,1fr));gap:8px}
  .store-payment-hero-ui .payment-operation-actions-ui .button{min-height:40px;padding-inline:8px;font-size:.72rem}
  .payment-config-main-card-ui{padding:15px!important}
  .payment-config-ui .payment-provider-select,.payment-config-ui .payment-provider-step{padding:13px}
  .payment-config-ui .payment-config-actions-ui{grid-template-columns:repeat(2,minmax(0,1fr));gap:8px}
  .payment-config-ui .payment-config-actions-ui .button{min-height:41px;padding-inline:7px;font-size:.7rem}
  .store-referrals-ui .store-referral-hero-ui{padding:15px}
  .store-referrals-ui .store-referral-config-card-ui,
  .store-referrals-ui .store-referral-activity-ui{padding:15px!important}
  .store-referrals-ui .store-referral-notification-toggle-ui{min-height:74px!important}
  .store-referrals-ui .store-referral-fields-ui{grid-template-columns:1fr!important}
  .store-referrals-ui .store-referral-fields-ui .field-wide{grid-column:auto}
  .store-referrals-ui .store-referral-summary-ui{grid-template-columns:repeat(3,minmax(0,1fr));gap:7px}
  .store-referrals-ui .store-referral-summary-ui>span{padding:11px 7px;border-radius:13px}
  .store-referrals-ui .store-referral-summary-ui small{font-size:.53rem;letter-spacing:.03em}
  .store-referrals-ui .store-referral-summary-ui strong{font-size:1.2rem}
}
@media(max-width:430px){
  .store-payment-hero-ui .payment-operation-actions-ui{grid-template-columns:repeat(2,minmax(0,1fr))}
  .store-referrals-ui .store-referral-hero-ui{gap:10px}
  .store-referrals-ui .store-referral-hero-ui h2{font-size:1.25rem}
  .store-referrals-ui .store-referral-summary-ui{grid-template-columns:repeat(3,minmax(0,1fr))}
}

.store-payments-ui .store-online-status,
.store-referrals-ui .store-referral-hero-ui > .status-badge{
  width:auto!important;
  min-width:0!important;
  max-width:max-content!important;
  min-height:30px;
  display:inline-flex!important;
  align-items:center!important;
  justify-content:center!important;
  padding:5px 10px!important;
  border:1px solid rgba(54,214,161,.24)!important;
  border-radius:999px!important;
  background:rgba(38,183,137,.10)!important;
  color:#62e7b9!important;
  font-size:.72rem!important;
  font-weight:850!important;
  line-height:1!important;
  box-shadow:inset 0 1px rgba(255,255,255,.025)!important;
}
.store-payments-ui .store-online-status.status-blocked,
.store-referrals-ui .store-referral-hero-ui > .status-badge.status-blocked{
  border-color:rgba(255,102,124,.22)!important;
  background:rgba(232,70,94,.09)!important;
  color:#ff96a5!important;
}
.store-payments-ui .store-online-status{left:auto!important;right:18px!important;top:17px!important;justify-self:auto!important}

.admin-tenants-table.row-actions-table th:first-child{min-width:230px}
.admin-tenants-table .admin-tenant-identity{gap:11px}
.admin-tenants-table .row-action-gear.is-expired{
  border-color:rgba(244,91,111,.28)!important;
  background:linear-gradient(145deg,rgba(91,31,45,.34),rgba(24,24,35,.72))!important;
  color:#ff8d9c!important;
}
.admin-tenants-table tr.is-expired-admin td{
  background:linear-gradient(90deg,rgba(118,32,48,.075),rgba(22,31,48,.02))!important;
  border-color:rgba(238,82,104,.12)!important;
}
.admin-tenants-table tr.is-expired-admin .admin-tenant-identity strong{color:#ff8f9f!important}
.admin-tenants-table tr.is-expired-admin .admin-tenant-identity small{color:#b6818c!important}
.admin-tenants-table tr.is-expired-admin .status-badge{color:#ff93a2!important;border-color:rgba(244,91,111,.24)!important;background:rgba(226,61,83,.08)!important}

@media(max-width:1024px){
  .store-payments-ui .store-online-status{right:16px!important}
}
@media(max-width:1024px){
  .store-payments-ui .store-online-status{top:13px!important;right:14px!important;min-height:28px!important;padding:5px 9px!important;font-size:.68rem!important}
  .store-referrals-ui .store-referral-hero-ui > .status-badge{min-height:28px!important;padding:5px 9px!important;font-size:.68rem!important;margin-left:auto!important}
  .admin-tenants-table.row-actions-table tbody tr{position:relative}
  .admin-tenants-table.row-actions-table tbody tr.is-expired-admin{border-color:rgba(244,91,111,.24)!important;box-shadow:inset 3px 0 0 rgba(244,91,111,.58)!important}
  .admin-tenants-table.row-actions-table tbody td:first-child{background:linear-gradient(90deg,rgba(83,104,175,.07),transparent)!important}
  .admin-tenants-table.row-actions-table tbody tr.is-expired-admin td:first-child{background:linear-gradient(90deg,rgba(126,35,51,.16),transparent)!important}
}

.admin-tenants-table .admin-tenant-primary{display:flex;align-items:center;justify-content:space-between;gap:14px;min-width:0}
.admin-tenants-table .admin-tenant-identity{min-width:0;flex:1}
.admin-tenants-table .admin-tenant-copy{display:grid;gap:3px;min-width:0}
.admin-tenants-table .admin-tenant-copy strong{overflow:hidden;text-overflow:ellipsis;white-space:nowrap}
.admin-tenants-table .admin-tenant-status{flex:0 0 auto;min-height:27px;padding:5px 9px;border-radius:999px;font-size:.67rem;line-height:1}
.admin-tenants-table .admin-ceo-avatar{display:grid;place-items:center;width:38px;height:38px;min-width:38px;border:1px solid rgba(88,126,237,.22);border-radius:12px;background:rgba(58,92,180,.12);color:#91abff;font-weight:900}
.admin-tenants-table th:first-child{width:32%}
.admin-tenants-table th:nth-child(2){width:14%}
.admin-tenants-table th:nth-child(3){width:20%}
.admin-tenants-table th:nth-child(4),.admin-tenants-table th:nth-child(5){width:17%}
.admin-tenants-table td{padding-block:15px}
.admin-tenants-table .tag{white-space:nowrap}
.admin-tenants-table tr.is-expired-admin .admin-tenant-status{color:#ff93a2!important;border-color:rgba(244,91,111,.24)!important;background:rgba(226,61,83,.08)!important}

.admin-editor-section-heading{align-items:flex-start;margin-bottom:2px}
.admin-editor-section-heading>div{display:grid;gap:4px}
.admin-editor-section-heading small{color:#7293c8;font-size:.65rem;font-weight:900;letter-spacing:.13em;text-transform:uppercase}
.admin-editor-section-heading h3{margin:0;font-size:1.04rem}
.admin-editor-section-heading p{margin:0;color:var(--muted);font-size:.72rem;line-height:1.45}
.admin-editor-fields{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:13px}
.admin-editor-fields label,.admin-editor-infra-card>label{display:grid;align-content:start;gap:7px;min-width:0}
.admin-editor-fields input,.admin-editor-infra-card select{width:100%;min-width:0}
.admin-editor-infra-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:15px;align-items:stretch}
.admin-editor-infra-card{height:100%;align-content:start}

.admin-system-token-toggle{min-height:68px!important}

.admin-editor-savebar{position:sticky!important;bottom:0;z-index:6;margin-top:0!important;padding:11px 0 0!important;border:0!important;border-radius:0!important;background:linear-gradient(180deg,rgba(6,16,29,0),rgba(6,16,29,.98) 34%)!important;backdrop-filter:none!important}
.admin-editor-savebar .button{min-width:240px}

.role-permissions-ui .role-permission-launch-grid{grid-template-columns:repeat(4,minmax(0,1fr));gap:12px}
.role-permissions-ui .role-permission-launch-card{min-height:82px}
.permission-profile-note-ui{display:flex;align-items:center;justify-content:space-between;gap:16px;padding:12px 14px;border:1px solid rgba(84,128,242,.18);border-radius:14px;background:linear-gradient(135deg,rgba(51,91,190,.14),rgba(7,18,32,.6))}
.permission-profile-note-ui strong{font-size:.93rem}.permission-profile-note-ui span{color:var(--muted);font-size:.72rem;line-height:1.4;text-align:right}
.full-permission-form-ui{display:grid;gap:13px}
.full-permission-form-ui .settings-permission-sections{display:grid;gap:12px;max-height:min(65vh,680px);overflow:auto;padding-right:4px;scrollbar-width:thin}
.full-permission-section-ui{display:grid;gap:11px;padding:13px;border:1px solid rgba(91,126,225,.14);border-radius:15px;background:rgba(8,19,34,.55)}
.full-permission-section-head-ui{display:flex;align-items:flex-start;justify-content:space-between;gap:14px}
.full-permission-section-head-ui>div{display:grid;gap:4px;min-width:0}
.full-permission-section-head-ui h4{margin:0;color:#a8bde0;font-size:.71rem;font-weight:900;letter-spacing:.1em;text-transform:uppercase}
.full-permission-section-head-ui p{margin:0;color:var(--muted);font-size:.67rem;line-height:1.4}
.full-permission-grid-ui{display:grid!important;grid-template-columns:repeat(2,minmax(0,1fr))!important;gap:9px!important}
.full-permission-choice-ui{display:grid!important;grid-template-columns:18px minmax(0,1fr);align-items:start;gap:9px;min-height:82px;padding:11px 12px!important;border:1px solid rgba(100,132,191,.13)!important;border-radius:13px!important;background:rgba(4,13,25,.48)!important}
.full-permission-choice-ui>span{display:grid;gap:3px;min-width:0}
.full-permission-choice-ui strong{font-size:.78rem;line-height:1.3}.full-permission-choice-ui small{display:block;color:var(--muted);font-size:.64rem;line-height:1.42}.full-permission-choice-ui em{color:#7895c0;font-size:.59rem;font-style:normal;font-weight:800;line-height:1.35}
.full-permission-choice-ui:has(input:checked){border-color:rgba(86,126,255,.32)!important;background:linear-gradient(145deg,rgba(53,88,176,.17),rgba(7,18,32,.58))!important}

@media(max-width:1050px){
  .role-permissions-ui .role-permission-launch-grid{grid-template-columns:repeat(2,minmax(0,1fr))}
  .admin-editor-infra-grid{grid-template-columns:1fr}
}
@media(max-width:1024px){

  .admin-editor-fields{grid-template-columns:1fr;gap:11px}

  .full-permission-grid-ui{grid-template-columns:1fr!important}
  .permission-profile-note-ui{align-items:flex-start;flex-direction:column;gap:4px}.permission-profile-note-ui span{text-align:left}
}
@media(max-width:1024px){
  .admin-tenants-card{padding:12px!important}
  .admin-tenants-heading{gap:11px}
  .admin-tenants-table-wrap{overflow:visible!important;margin-top:10px}
  .admin-tenants-table{min-width:0!important;width:100%!important;display:block!important}
  .admin-tenants-table thead{display:none!important}
  .admin-tenants-table tbody{display:grid!important;gap:10px!important}
  .admin-tenants-table.row-actions-table tbody tr{display:grid!important;grid-template-columns:repeat(2,minmax(0,1fr))!important;overflow:hidden!important;margin:0!important;border:1px solid rgba(91,122,173,.18)!important;border-radius:16px!important;background:rgba(8,20,35,.66)!important}
  .admin-tenants-table.row-actions-table tbody td{display:block!important;min-width:0!important;padding:11px 13px!important;border:0!important;border-top:1px solid rgba(100,132,191,.08)!important;background:transparent!important;white-space:normal!important}
  .admin-tenants-table.row-actions-table tbody td:first-child{grid-column:1/-1!important;padding:12px 13px!important;border-top:0!important;border-bottom:1px solid rgba(100,132,191,.11)!important;background:linear-gradient(90deg,rgba(70,102,188,.06),transparent)!important}
  .admin-tenants-table.row-actions-table tbody td:not(:first-child)::before{margin-bottom:4px!important;font-size:.56rem!important}
  .admin-tenants-table .admin-tenant-primary{gap:9px}
  .admin-tenants-table .admin-tenant-status{font-size:.63rem;min-height:25px;padding:5px 8px}
  .admin-tenants-table .admin-tenant-copy strong{font-size:.83rem!important}
  .admin-tenants-table .admin-tenant-copy small{font-size:.62rem!important}
  .admin-tenants-table .tag{display:inline-flex;max-width:100%;overflow:hidden;text-overflow:ellipsis}

  .admin-editor-section-heading h3{font-size:.96rem}.admin-editor-section-heading p{font-size:.67rem}
  .admin-editor-infra-grid{gap:10px}
  .admin-system-token-toggle{padding:11px!important}
  .admin-editor-savebar{padding-top:8px!important}.admin-editor-savebar .button{width:100%;min-width:0}
  .full-permission-form-ui .settings-permission-sections{max-height:58vh;padding-right:2px}
  .full-permission-section-ui{padding:10px;border-radius:13px}
  .role-permission-group-head,.full-permission-section-head-ui{align-items:stretch!important;flex-direction:column!important;gap:8px!important}
  .permission-group-toggle{align-self:flex-start}
  .role-permissions-ui .role-permission-launch-grid{grid-template-columns:1fr;gap:9px}
  .role-permissions-ui .role-permission-launch-card{min-height:70px;padding:12px!important}
  .full-permission-choice-ui{min-height:0;padding:10px!important}
}
@media(max-width:430px){
  .admin-tenants-table.row-actions-table tbody tr{grid-template-columns:1fr 1fr!important;border-radius:14px!important}
  .admin-tenants-table .admin-tenant-status{max-width:88px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}
  .admin-editor-fields input,.admin-editor-infra-card select{min-height:44px}
}

.admin-tenant-form-ui{display:grid;gap:18px}
.admin-editor-section-ui{padding:18px;border:1px solid rgba(89,118,176,.18);border-radius:20px;background:linear-gradient(180deg,rgba(10,21,37,.92),rgba(7,16,29,.98));box-shadow:inset 0 1px 0 rgba(255,255,255,.02)}
.admin-editor-heading-ui small{letter-spacing:.12em}
.admin-editor-heading-ui h3{margin:4px 0 6px;font-size:21px}
.admin-editor-heading-ui p{margin:0;max-width:720px;color:var(--muted);font-size:12px;line-height:1.55}
.admin-editor-grid-ui{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:14px}
.admin-editor-grid-ui .field-wide{grid-column:1/-1}
.admin-editor-grid-ui label,.admin-editor-inline-stack label{display:grid;gap:8px}
.admin-editor-grid-ui input,.admin-editor-inline-stack select,.admin-cloudflare-grid-ui input{min-height:46px}
.admin-editor-grid-ui small,.admin-editor-inline-stack small,.admin-cloudflare-grid-ui small{color:#8ea3bf;font-size:11px;line-height:1.45}
.admin-editor-infra-grid-ui{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:16px}
.admin-editor-inline-stack{display:grid;gap:12px}
.admin-cloudflare-grid-ui{display:grid;grid-template-columns:minmax(0,1fr);gap:12px;align-items:stretch}
.admin-system-token-toggle-ui{margin:0;min-height:0;padding:14px 16px;border:1px solid rgba(92,123,185,.22);border-radius:16px;background:linear-gradient(180deg,rgba(18,34,59,.62),rgba(9,19,34,.95))}
.admin-system-token-toggle-ui>span{gap:5px}
.admin-permission-launch-ui{display:grid;grid-template-columns:minmax(0,1fr) auto;align-items:center;gap:14px;padding:15px 16px;border-radius:18px;border:1px solid rgba(92,123,185,.2);background:linear-gradient(180deg,rgba(17,31,52,.68),rgba(9,19,34,.94))}
.admin-permission-launch-copy-block{display:grid;grid-template-columns:auto minmax(0,1fr);gap:12px;align-items:center;min-width:0}
.admin-permission-launch-copy-block strong{display:block;font-size:15px}
.admin-permission-launch-copy-block small{display:block;margin-top:2px;color:var(--muted);font-size:11px;line-height:1.45}
.role-permission-editor-intro-ui{display:grid;grid-template-columns:auto minmax(0,1fr);align-items:center;gap:12px;padding:0 0 4px}
.role-permission-editor-intro-ui small{display:block;margin-top:3px;color:var(--muted);font-size:11px;line-height:1.45}
.role-permission-group-ui{padding:14px 0;border-top:1px solid rgba(92,123,185,.14)}
.role-permission-group-ui:first-child{padding-top:0;border-top:0}
.role-permission-group-head-ui{display:flex;align-items:flex-start;justify-content:space-between;gap:12px;margin-bottom:12px}
.role-permission-group-head-ui>div{display:grid;gap:4px}
.role-permission-group-head-ui>div>span{color:#dfe9f6;font-size:13px;font-weight:800;letter-spacing:.04em;text-transform:none}
.role-permission-group-head-ui>div>small{color:var(--muted);font-size:10.5px;line-height:1.45;max-width:720px}
.role-permission-grid-ui{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:10px}
.role-permission-option-ui{min-height:84px;padding:12px 12px 11px;border-radius:15px}
.role-permission-option-ui strong{font-size:13px}
.role-permission-option-ui small{font-size:10px;line-height:1.4}
.role-permission-option-ui em{font-size:8.8px;letter-spacing:.04em}
.role-permission-editor-actions-ui{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:10px;padding-top:6px}
.role-permission-editor-actions-ui .button{width:100%;min-width:0}
.admin-editor-savebar-ui{position:sticky;bottom:0;z-index:2;padding:12px;border:1px solid rgba(92,123,185,.18);border-radius:16px;background:rgba(7,16,29,.94);backdrop-filter:blur(14px)}
.admin-editor-savebar-ui .button{width:100%;min-height:48px}
@media(max-width:1080px){.admin-editor-infra-grid-ui{grid-template-columns:1fr}.admin-permission-launch-ui{grid-template-columns:1fr}.admin-permission-launch-ui .button{width:100%}}
@media(max-width:1024px){.admin-tenant-form-ui{gap:14px}.admin-editor-section-ui{padding:14px;border-radius:18px}.admin-editor-heading-ui h3{font-size:18px}.admin-editor-grid-ui{grid-template-columns:1fr;gap:12px}.role-permission-grid-ui{grid-template-columns:1fr}.role-permission-group-head-ui{display:grid;gap:8px}.permission-group-toggle{justify-self:start}.role-permission-editor-actions-ui{grid-template-columns:repeat(2,minmax(0,1fr))}.admin-system-token-toggle-ui{padding:13px 14px}}
@media(max-width:430px){.admin-permission-launch-copy-block{grid-template-columns:1fr}.admin-permission-launch-copy-block .role-permission-launch-icon{display:none}.role-permission-editor-actions-ui{grid-template-columns:1fr 1fr;gap:8px}.role-permission-editor-actions-ui .button{padding-inline:10px;font-size:12px}}

.reseller-individual-permissions-ui{
  margin-top:14px;padding:14px 15px;border:1px solid rgba(92,126,210,.22);border-radius:16px;
  background:linear-gradient(145deg,rgba(18,36,62,.78),rgba(7,18,32,.92));
  box-shadow:inset 0 1px 0 rgba(255,255,255,.025)
}
.reseller-individual-permissions-ui .reseller-individual-permissions-copy{gap:4px}
.reseller-individual-permissions-ui .reseller-individual-permissions-copy strong{font-size:13px;color:#eef4ff}
.reseller-individual-permissions-ui .reseller-individual-permissions-copy small{font-size:10.5px;line-height:1.4;color:#8ea2c0}
.reseller-individual-permissions-ui .button{min-width:180px}
.individual-permission-editor-ui{gap:12px;min-width:0}
.individual-permission-intro-ui{padding:13px 14px;border:1px solid rgba(92,126,210,.2);border-radius:15px;background:rgba(10,22,39,.7)}
.individual-permission-intro-ui>div{min-width:0}
.individual-permission-intro-ui strong{font-size:14px;color:#edf3ff}
.individual-permission-intro-ui small{display:block;margin-top:3px;color:#8fa3c1;font-size:10.5px;line-height:1.45}
.individual-permission-groups-ui{display:grid;gap:10px;max-height:min(62vh,640px);overflow:auto;padding-right:4px;scrollbar-width:thin}
.individual-permission-group-ui{padding:13px!important;border:1px solid rgba(92,126,210,.16)!important;border-radius:15px!important;background:rgba(7,17,30,.62)!important}
.individual-permission-grid-ui{grid-template-columns:repeat(2,minmax(0,1fr))!important;gap:9px!important}
.individual-permission-option-ui{min-height:86px!important;padding:11px 12px!important;border-radius:14px!important}
.individual-permission-option-ui strong{font-size:12.5px!important;line-height:1.3!important}
.individual-permission-option-ui small{font-size:9.8px!important;line-height:1.38!important}
.individual-permission-option-ui em{display:block;margin-top:4px;color:#7187aa;font-size:8.6px!important;line-height:1.25!important;font-style:normal!important;overflow-wrap:anywhere}
.individual-permission-actions-ui{position:sticky;bottom:0;z-index:4;grid-template-columns:repeat(2,minmax(0,1fr))!important;padding:10px!important;border:1px solid rgba(92,126,210,.18);border-radius:14px;background:rgba(7,16,29,.96);backdrop-filter:blur(14px)}
.individual-permission-actions-ui .button{min-width:0;width:100%}
@media(max-width:1024px){
  .individual-permission-grid-ui{grid-template-columns:1fr!important}
}
@media(max-width:700px){
  .reseller-individual-permissions-ui{grid-template-columns:1fr!important;gap:10px;padding:12px;border-radius:14px}
  .reseller-individual-permissions-ui .button{width:100%;min-width:0}
  .individual-permission-intro-ui{align-items:flex-start;padding:11px 12px}
  .individual-permission-intro-ui .role-permission-launch-icon{width:34px;height:34px;border-radius:10px}
  .individual-permission-groups-ui{max-height:56vh;gap:8px;padding-right:1px}
  .individual-permission-group-ui{padding:10px!important;border-radius:13px!important}
  .individual-permission-group-ui .role-permission-group-head{display:grid!important;gap:8px!important;margin-bottom:9px!important}
  .individual-permission-group-ui .permission-group-toggle{justify-self:start;width:auto}
  .individual-permission-option-ui{min-height:72px!important;padding:10px!important}
  .individual-permission-option-ui strong{font-size:11.5px!important}
  .individual-permission-option-ui small{font-size:9.4px!important}
  .individual-permission-option-ui em{font-size:8px!important}
  .individual-permission-actions-ui{grid-template-columns:1fr 1fr!important;gap:8px!important;padding:8px!important}
  .individual-permission-actions-ui .button{padding-inline:8px;font-size:11px}
}
@media(max-width:390px){
  .individual-permission-actions-ui{grid-template-columns:1fr!important}
}

.customer-dashboard-top-ui{grid-template-columns:minmax(0,1fr);}
.customer-dashboard-top-ui>*{min-width:0;margin-bottom:0;}
.customer-dashboard-hero-ui{margin-bottom:0;min-height:152px;padding:22px 24px;align-items:center;gap:22px;}
.customer-dashboard-hero-ui .hero-status.is-warning{background:rgba(255,166,77,.16);color:#ffd497;}
.customer-dashboard-hero-ui .dashboard-hero-copy{min-width:0;}
.customer-dashboard-hero-ui .dashboard-hero-copy h2{margin:9px 0 7px;font-size:clamp(26px,2.2vw,34px);}
.customer-dashboard-hero-ui .dashboard-hero-copy p{max-width:720px;font-size:13.5px;}
.customer-dashboard-hero-ui .hero-renewal-block{min-width:min(100%,390px);display:flex;align-items:stretch;justify-content:flex-end;gap:12px;}
.customer-dashboard-hero-ui .hero-expiry-card{min-width:245px;width:auto;}
.customer-dashboard-hero-ui .hero-renew-button{width:auto;min-width:118px;}
.customer-stat-grid-ui{margin-top:0;grid-template-columns:repeat(3,minmax(0,1fr));}
.customer-stat-grid-ui .customer-stat-card-final{cursor:default;}
.customer-stat-grid-ui .customer-stat-card-final:hover{transform:none;}
.customer-referral-card-ui{display:grid;gap:16px;margin-top:14px;padding:22px 22px 20px;}
.customer-referral-card-head-ui{display:block;}
.customer-referral-card-head-ui h3{margin:4px 0 6px;font-size:21px;line-height:1.15;letter-spacing:-.03em;}
.customer-referral-card-head-ui p{margin:0;color:var(--muted);font-size:12.5px;line-height:1.6;max-width:720px;}
.customer-referral-link-ui{margin:0;min-width:0;}
.customer-referral-link-ui input{width:100%;min-width:0;font-size:12px;text-overflow:clip;}
.customer-referral-highlight-ui{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:10px;}
.customer-referral-highlight-ui>div{display:grid;gap:5px;padding:14px 15px;border-radius:16px;background:rgba(10,22,39,.52);border:1px solid rgba(91,128,189,.18);}
.customer-referral-highlight-ui small,.customer-referral-stats-ui small{font-size:10px;color:var(--muted);text-transform:uppercase;letter-spacing:.08em;font-weight:800;}
.customer-referral-highlight-ui strong{font-size:24px;line-height:1.05;letter-spacing:-.03em;}
.customer-referral-highlight-ui span{color:#91a7c8;font-size:12px;line-height:1.5;}
.customer-referral-stats-ui{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:10px;}
.customer-referral-stats-ui article{display:grid;gap:5px;min-width:0;padding:13px 14px;border-radius:15px;background:rgba(8,18,33,.46);border:1px solid rgba(91,128,189,.14);}
.customer-referral-stats-ui strong{font-size:19px;line-height:1.1;letter-spacing:-.02em;}
.customer-referral-unavailable-ui{padding:15px 16px;border-radius:15px;background:rgba(9,19,34,.42);border:1px dashed rgba(91,128,189,.22);color:var(--muted);font-size:12.5px;line-height:1.6;}
.customer-referral-unavailable-ui strong{display:block;margin-bottom:6px;color:var(--text);font-size:14px;}
@media(max-width:1120px){
  .customer-stat-grid-ui{grid-template-columns:repeat(2,minmax(0,1fr));}
  .customer-stat-grid-ui .customer-stat-card-final:last-child{grid-column:1/-1;}
}
@media(max-width:1024px){
  .customer-dashboard-hero-ui{padding:20px 18px 18px;gap:16px;}
  .customer-dashboard-hero-ui .hero-renewal-block{min-width:0;width:100%;}
  .customer-dashboard-hero-ui .hero-expiry-card{min-width:0;width:100%;}
  .customer-dashboard-hero-ui .hero-renew-button{width:100%;}
  .customer-referral-card-ui{padding:19px 18px 18px;}
  .customer-referral-stats-ui{grid-template-columns:repeat(2,minmax(0,1fr));}
}
@media(max-width:1024px){
  .customer-dashboard-top-ui{gap:11px;margin-bottom:11px;}
  .customer-dashboard-hero-ui{min-height:0;padding:17px;align-items:stretch;gap:15px;}
  .customer-dashboard-hero-ui .dashboard-hero-copy h2{margin-top:7px;font-size:24px;}
  .customer-dashboard-hero-ui .dashboard-hero-copy p{font-size:12.5px;line-height:1.5;}
  .customer-dashboard-hero-ui .hero-renewal-block{display:flex;flex-direction:column;gap:10px;}
  .customer-dashboard-hero-ui .hero-expiry-card,.customer-dashboard-hero-ui .hero-renew-button{width:100%;max-width:none;min-width:0;box-sizing:border-box;}
  .customer-stat-grid-ui{grid-template-columns:repeat(2,minmax(0,1fr));gap:9px;}
  .customer-stat-grid-ui .customer-stat-card-final:last-child{grid-column:auto;}
  .customer-stat-grid-ui .customer-stat-card-final{min-height:88px;padding:12px;gap:9px;}
  .customer-stat-grid-ui .dashboard-stat-copy small{font-size:10.5px;}
  .customer-stat-grid-ui .dashboard-stat-copy strong{font-size:20px;}
  .customer-referral-card-ui{margin-top:11px;padding:17px 14px 16px;gap:14px;}
  .customer-referral-highlight-ui{grid-template-columns:repeat(2,minmax(0,1fr));gap:8px;}
  .customer-referral-stats-ui{grid-template-columns:repeat(2,minmax(0,1fr));gap:8px;}
  .customer-referral-highlight-ui>div,.customer-referral-stats-ui article{padding:12px;}
  .customer-referral-highlight-ui strong{font-size:20px;}
  .customer-referral-highlight-ui span{font-size:10.5px;line-height:1.4;}
  .customer-referral-stats-ui strong{font-size:18px;}
  .customer-referral-link-ui input{font-size:10.5px;}
}
@media(max-width:440px){
  .customer-dashboard-hero-ui{padding:16px 14px;}
  .customer-stat-grid-ui{gap:8px;}
  .customer-stat-grid-ui .customer-stat-card-final{padding:11px 10px;gap:8px;min-height:84px;}
  .customer-stat-grid-ui .dashboard-stat-icon{width:32px;height:32px;}
  .customer-stat-grid-ui .dashboard-stat-copy small{font-size:10px;}
  .customer-stat-grid-ui .dashboard-stat-copy strong{font-size:18px;}
  .customer-referral-card-ui{padding:15px 12px 14px;}
  .customer-referral-card-head-ui h3{font-size:19px;}
  .customer-referral-highlight-ui>div,.customer-referral-stats-ui article{padding:11px 10px;border-radius:13px;}
  .customer-referral-highlight-ui small,.customer-referral-stats-ui small{font-size:8.8px;letter-spacing:.06em;}
  .customer-referral-highlight-ui strong{font-size:18px;}
  .customer-referral-stats-ui strong{font-size:17px;}
  .customer-referral-link-ui input{font-size:9.5px;padding-inline:10px;}
}

.app-role-customer .customer-stat-grid-ui{
  grid-template-columns:repeat(2,minmax(0,1fr))!important;
}
.customer-profile-page-ui{gap:16px;max-width:980px;margin:0 auto}

.customer-profile-edit-card-ui,.customer-password-card-ui{padding:22px}
.customer-profile-edit-card-ui .card-heading,.customer-password-card-ui .card-heading{margin-bottom:16px}
.customer-whatsapp-profile-form-ui .phone-input-with-action{align-items:stretch}
.customer-whatsapp-profile-form-ui .form-actions,.customer-password-card-ui .form-actions{margin-top:4px}
.customer-whatsapp-profile-form-ui .form-actions .button,.customer-password-card-ui .form-actions .button{min-width:210px}

.customer-notification-permission-icon{width:34px;height:34px;border-radius:12px;display:grid;place-items:center;background:rgba(77,126,245,.13);color:#67e7be;font-size:11px;box-shadow:0 0 0 1px rgba(77,126,245,.2) inset}
.customer-notification-permission-copy{display:grid;gap:2px;min-width:0}
.customer-notification-permission-copy strong{font-size:14px;line-height:1.2}
.customer-notification-permission-copy small{color:#91a9c8;font-size:11.5px;line-height:1.35}
.customer-notification-permission-button{min-height:38px!important;padding:0 15px!important;white-space:nowrap}

@media (max-width:1024px){
  .customer-profile-page-ui{gap:13px}
  .customer-profile-edit-card-ui,.customer-password-card-ui{padding:18px}
}
@media (max-width:1024px){

  .customer-profile-edit-card-ui,.customer-password-card-ui{padding:16px 14px}
  .customer-whatsapp-profile-form-ui .phone-input-with-action{display:grid;grid-template-columns:minmax(0,1fr) auto;gap:8px}
  .customer-whatsapp-profile-form-ui .phone-input-grid{grid-template-columns:58px 62px minmax(0,1fr)!important;gap:6px}
  .customer-whatsapp-profile-form-ui .compact-paste-button{min-width:62px;padding-inline:9px}
  .customer-whatsapp-profile-form-ui .form-actions .button,.customer-password-card-ui .form-actions .button{width:100%;min-width:0}
.customer-notification-permission-button{grid-column:1/-1;width:100%;min-height:40px!important}
}
@media (max-width:420px){
  .app-role-customer .customer-stat-grid-ui{gap:8px!important}
  .customer-whatsapp-profile-form-ui .phone-input-with-action{grid-template-columns:1fr}
  .customer-whatsapp-profile-form-ui .compact-paste-button{width:100%}
  .customer-notification-permission-copy strong{font-size:13.5px}
  .customer-notification-permission-copy small{font-size:10.8px}
}

.customer-support-message-bubble{padding:11px 13px;border:1px solid rgba(88,120,174,.22);border-radius:15px;background:rgba(17,29,48,.9);font-size:13px;line-height:1.5;white-space:pre-wrap;overflow-wrap:anywhere;min-width:0}
.customer-support-message.is-out .customer-support-message-bubble{background:rgba(49,75,154,.18);border-color:rgba(101,129,226,.28)}
.customer-support-message.has-media .customer-support-message-bubble{padding:6px;overflow:hidden}
.customer-support-image-button{display:block;max-width:min(320px,72vw);padding:0;border:0;border-radius:11px;overflow:hidden;background:transparent;cursor:zoom-in;line-height:0}
.customer-support-image-button img{display:block;width:100%;height:auto;max-height:360px;object-fit:contain;border-radius:10px;background:rgba(3,10,20,.35)}
.customer-support-image-error{display:block;padding:8px 10px;color:#ff9baa;font-size:11px;line-height:1.4}
.customer-support-compose-wrap{border-top:1px solid var(--line);background:rgba(10,20,34,.82)}
.customer-support-compose-wrap .customer-support-composer{border-top:0;background:transparent}
.customer-support-input-shell{position:relative;min-width:0}
.customer-support-input-shell textarea{width:100%;padding-right:54px;box-sizing:border-box}
.customer-support-upload-trigger{position:absolute;right:8px;top:50%;transform:translateY(-50%);width:38px;height:38px;display:grid;place-items:center;border:1px solid rgba(101,129,226,.28);border-radius:11px;background:rgba(49,75,154,.16);color:#9db0ff;cursor:pointer;transition:.18s ease}
.customer-support-upload-trigger:hover{background:rgba(72,105,210,.22);border-color:rgba(123,149,238,.45)}
.customer-support-upload-trigger:disabled{opacity:.55;cursor:wait}
.customer-support-upload-trigger svg{width:19px;height:19px;fill:none;stroke:currentColor;stroke-width:1.8;stroke-linecap:round;stroke-linejoin:round}
.customer-support-upload-trigger.is-uploading svg{animation:customer-support-upload-pulse .85s ease-in-out infinite alternate}
@keyframes customer-support-upload-pulse{from{opacity:.35;transform:translateY(2px)}to{opacity:1;transform:translateY(-1px)}}
.customer-support-image-form[hidden]{display:none!important}
.customer-support-lightbox[hidden]{display:none!important}
.customer-support-lightbox{position:fixed;inset:0;z-index:10060;display:grid;place-items:center;padding:24px;background:rgba(2,8,18,.88);backdrop-filter:blur(8px)}
.customer-support-lightbox-stage{display:grid;place-items:center;max-width:min(1120px,94vw);max-height:88vh;padding:10px;border:1px solid rgba(111,142,232,.28);border-radius:18px;background:rgba(7,17,31,.96);box-shadow:0 28px 80px rgba(0,0,0,.48)}
.customer-support-lightbox-stage img{display:block;max-width:100%;max-height:calc(88vh - 20px);width:auto;height:auto;border-radius:12px;object-fit:contain}
.customer-support-lightbox-close{position:fixed;top:max(14px,env(safe-area-inset-top));right:max(14px,env(safe-area-inset-right));z-index:1;width:44px;height:44px;border:1px solid rgba(124,149,220,.32);border-radius:13px;background:rgba(13,27,47,.95);color:#d9e3ff;font-size:27px;line-height:1;cursor:pointer}
.customer-support-lightbox-open{overflow:hidden}
@media(max-width:1024px){
 .customer-support-message-bubble{font-size:12px}
 .customer-support-image-button{max-width:min(300px,76vw)}
 .customer-support-compose-wrap .customer-support-composer{grid-template-columns:minmax(0,1fr);gap:8px;padding:10px}
 .customer-support-send{width:100%}
 .customer-support-input-shell textarea{min-height:52px;max-height:124px;padding-right:50px}
 .customer-support-upload-trigger{width:36px;height:36px;right:7px}
 .customer-support-lightbox{padding:12px}
 .customer-support-lightbox-stage{max-width:96vw;max-height:84vh;padding:7px;border-radius:15px}
 .customer-support-lightbox-stage img{max-height:calc(84vh - 14px);border-radius:10px}
 .customer-support-lightbox-close{width:40px;height:40px;border-radius:12px;font-size:24px}
}
@media(min-width:1025px) and (max-width:1100px){
 .customer-support-image-button{max-width:min(360px,52vw)}
 .customer-support-composer{grid-template-columns:minmax(0,1fr) 120px}
}

.customer-support-queue-card{
  align-self:stretch;
  display:grid;
  grid-template-columns:auto minmax(0,1fr) auto;
  align-items:center;
  gap:13px 15px;
  margin:0 0 7px;
  padding:14px 15px;
  border:1px solid rgba(86,128,202,.24);
  border-radius:17px;
  background:linear-gradient(145deg,rgba(18,37,65,.92),rgba(10,25,45,.94));
  box-shadow:0 12px 30px rgba(0,0,0,.12);
}
.customer-support-queue-card[hidden]{display:none!important}
.customer-support-queue-icon{
  display:grid;
  place-items:center;
  width:42px;
  height:42px;
  border:1px solid rgba(93,132,232,.34);
  border-radius:13px;
  background:rgba(61,91,184,.16);
  color:#9bb1ff;
}
.customer-support-queue-icon svg{width:20px;height:20px;fill:none;stroke:currentColor;stroke-width:1.8;stroke-linecap:round;stroke-linejoin:round}
.customer-support-queue-copy{display:grid;gap:3px;min-width:0}
.customer-support-queue-copy small,.customer-support-queue-position small{color:#7896bd;font-size:9px;font-weight:850;letter-spacing:.09em;text-transform:uppercase}
.customer-support-queue-copy strong{font-size:14px;line-height:1.25;color:#f2f6ff}
.customer-support-queue-copy span{color:#91a9c8;font-size:11px;line-height:1.35;overflow-wrap:anywhere}
.customer-support-queue-position{display:grid;justify-items:end;gap:2px;min-width:96px;padding:8px 10px;border:1px solid rgba(86,128,202,.2);border-radius:12px;background:rgba(6,17,32,.42)}
.customer-support-queue-position strong{font-size:19px;line-height:1;color:#fff}
.customer-support-queue-card>p{grid-column:2/-1;margin:0;color:#718daf;font-size:10px;line-height:1.35}

.customer-support-message.is-system{
  align-self:stretch!important;
  width:100%;
  max-width:none!important;
  justify-items:center;
  margin:3px 0;
}
.customer-support-message.is-system>small{width:100%;padding:0;color:#667e9d;font-size:9px}
.customer-support-system-bubble{
  width:min(100%,560px);
  display:grid;
  grid-template-columns:auto minmax(0,1fr);
  gap:10px;
  align-items:start;
  padding:11px 12px;
  border:1px solid rgba(94,126,187,.18);
  border-radius:14px;
  background:rgba(12,27,48,.74);
}
.customer-support-system-icon{
  display:grid;
  place-items:center;
  width:28px;
  height:28px;
  border-radius:9px;
  background:rgba(58,197,163,.11);
  color:#64e5bd;
  font-size:13px;
  font-weight:900;
}
.customer-support-system-bubble>div{display:grid;gap:4px;min-width:0}
.customer-support-system-bubble strong{font-size:11.5px;line-height:1.25;color:#dce7f8}
.customer-support-system-bubble span{color:#91a7c4;font-size:10.5px;line-height:1.5;white-space:pre-wrap;overflow-wrap:anywhere}

.customer-support-input-shell{overflow:visible}
.customer-support-image-input{
  position:absolute!important;
  width:1px!important;
  height:1px!important;
  margin:0!important;
  padding:0!important;
  opacity:0!important;
  overflow:hidden!important;
  clip:rect(0 0 0 0)!important;
  white-space:nowrap!important;
  border:0!important;
  pointer-events:none!important;
}
.customer-support-upload-trigger{
  transform:translateY(-50%)!important;
  transition:background .16s ease,border-color .16s ease,color .16s ease,opacity .16s ease!important;
}
.customer-support-upload-trigger:active,.customer-support-upload-trigger:focus,.customer-support-upload-trigger:focus-visible{transform:translateY(-50%)!important}
.customer-support-upload-trigger.is-busy{opacity:.58;cursor:wait}
.customer-support-upload-trigger.is-busy svg,.customer-support-upload-trigger.is-uploading svg{animation:none!important;transform:none!important;opacity:1!important}

@media(max-width:1024px){
  .customer-support-queue-card{grid-template-columns:auto minmax(0,1fr);gap:10px 11px;padding:12px;border-radius:15px}
  .customer-support-queue-icon{width:38px;height:38px;border-radius:12px}
  .customer-support-queue-position{grid-column:1/-1;grid-row:auto;display:flex;align-items:center;justify-content:space-between;width:100%;min-width:0;padding:9px 11px}
  .customer-support-queue-position strong{font-size:17px}
  .customer-support-queue-card>p{grid-column:1/-1;font-size:9.5px}
  .customer-support-system-bubble{width:100%;padding:10px;border-radius:13px}
  .customer-support-system-bubble span{font-size:10px}
}
@media(min-width:1025px) and (max-width:1100px){
  .customer-support-queue-card{padding:13px 14px}
}

.topbar-notification-zone{flex:0 0 auto}
.customer-support-availability-card{align-self:stretch;display:grid;grid-template-columns:auto minmax(0,1fr);align-items:center;gap:11px 13px;margin:0 0 7px;padding:14px 15px;border:1px solid rgba(226,166,69,.24);border-radius:17px;background:linear-gradient(145deg,rgba(53,38,17,.36),rgba(13,27,46,.94));box-shadow:0 12px 30px rgba(0,0,0,.1)}
.customer-support-availability-card[hidden]{display:none!important}
.customer-support-availability-icon{display:grid;place-items:center;width:42px;height:42px;border:1px solid rgba(228,171,76,.28);border-radius:13px;background:rgba(224,155,47,.1);color:#efbd68}
.customer-support-availability-icon svg{width:20px;height:20px;fill:none;stroke:currentColor;stroke-width:1.8;stroke-linecap:round;stroke-linejoin:round}
.customer-support-availability-copy{display:grid;gap:3px;min-width:0}
.customer-support-availability-copy small{color:#b79155;font-size:9px;font-weight:850;letter-spacing:.09em;text-transform:uppercase}
.customer-support-availability-copy strong{font-size:14px;line-height:1.25;color:#f5ead7}
.customer-support-availability-copy span{color:#c8aa78;font-size:11px;line-height:1.45;overflow-wrap:anywhere}
.customer-support-availability-card>p{grid-column:2/-1;margin:0;color:#8ea1bc;font-size:10px;line-height:1.45}

.customer-support-waiting-lock{display:flex;align-items:center;gap:11px;padding:13px 16px;border-top:1px solid var(--line);background:rgba(8,18,32,.88)}
.customer-support-waiting-lock[hidden]{display:none!important}
.customer-support-waiting-lock>span{width:34px;height:34px;display:grid;place-items:center;flex:0 0 auto;border-radius:11px;background:rgba(82,111,185,.12);color:#92a8ed;box-shadow:0 0 0 1px rgba(92,121,197,.18) inset}
.customer-support-waiting-lock>span svg{width:17px;height:17px;fill:none;stroke:currentColor;stroke-width:1.8;stroke-linecap:round;stroke-linejoin:round}
.customer-support-waiting-lock>div{display:grid;gap:2px;min-width:0}
.customer-support-waiting-lock strong{font-size:11.5px;color:#dce7f7}
.customer-support-waiting-lock small{font-size:10px;line-height:1.4;color:#7f96b4}

.customer-support-message{max-width:min(78%,620px);gap:5px}
.customer-support-message-bubble{padding:11px 13px!important;border-radius:17px!important;background:rgba(145,163,190,.1)!important;border:1px solid rgba(145,163,190,.11)!important;box-shadow:0 9px 22px rgba(2,8,20,.1)}
.customer-support-message.is-in .customer-support-message-bubble{border-bottom-left-radius:6px!important}
.customer-support-message.is-out .customer-support-message-bubble{background:linear-gradient(135deg,rgba(48,92,196,.72),rgba(43,75,156,.78))!important;border-color:rgba(112,139,225,.18)!important;border-bottom-right-radius:6px!important}
.customer-support-message>small{padding:0 6px!important;color:#7187a3!important;font-size:9.5px!important}
.customer-support-message.is-system{max-width:none!important}

@media(max-width:1024px){
  .topbar{gap:9px!important}
  .topbar-title{min-width:0;flex:1 1 auto}
  .topbar-notification-zone{margin-left:auto}

.customer-support-availability-card{grid-template-columns:auto minmax(0,1fr);gap:9px 10px;padding:12px;border-radius:15px}
  .customer-support-availability-icon{width:38px;height:38px;border-radius:12px}
  .customer-support-availability-card>p{grid-column:1/-1;font-size:9.5px}
  .customer-support-message{max-width:90%}
  .customer-support-waiting-lock{padding:11px 12px}
}
@media(max-width:430px){

.customer-support-message{max-width:94%}
}

.topbar-notification-zone{margin-left:auto;display:flex;align-items:center;justify-content:flex-end;flex:0 0 auto}

/* Conversa do cliente: mesmas proporções e balões do módulo Atendimento. */
.customer-support-messages{gap:7px!important;padding:16px 18px!important;background:radial-gradient(circle at 15% 0,rgba(64,122,255,.08),transparent 36%),linear-gradient(180deg,rgba(5,11,20,.96),rgba(5,13,24,.92))!important}
.customer-support-message:not(.is-system){
  display:flex!important;flex:0 0 auto!important;flex-direction:column!important;align-items:flex-start!important;
  width:max-content!important;max-width:min(72%,620px)!important;min-width:0!important;min-height:0!important;height:auto!important;gap:3px!important
}
.customer-support-message:not(.is-system).is-out{align-self:flex-end!important;align-items:flex-end!important}
.customer-support-message:not(.is-system).is-in{align-self:flex-start!important;align-items:flex-start!important}
.customer-support-message:not(.is-system)>.customer-support-message-bubble{
  display:block!important;width:fit-content!important;max-width:100%!important;min-width:0!important;min-height:0!important;height:auto!important;
  margin:0!important;padding:8px 11px!important;border-radius:14px!important;line-height:1.38!important;font-size:.9rem!important;
  white-space:normal!important;overflow-wrap:anywhere!important;word-break:break-word!important;box-sizing:border-box!important;
  box-shadow:0 10px 22px rgba(2,8,20,.12)!important
}
.customer-support-message:not(.is-system).is-in>.customer-support-message-bubble{
  background:rgba(148,163,184,.11)!important;border:1px solid rgba(148,163,184,.11)!important;border-bottom-left-radius:5px!important
}
.customer-support-message:not(.is-system).is-out>.customer-support-message-bubble{
  background:linear-gradient(135deg,rgba(49,112,235,.92),rgba(44,91,191,.96))!important;border:0!important;border-bottom-right-radius:5px!important
}
.customer-support-message:not(.is-system)>.customer-support-message-bubble>span{
  display:block!important;white-space:pre-wrap!important;line-height:1.38!important;overflow-wrap:anywhere!important;word-break:break-word!important
}
.customer-support-message:not(.is-system)>small{
  display:block!important;min-height:0!important;height:auto!important;margin:0!important;padding:0 4px!important;
  color:#74859d!important;font-size:.66rem!important;line-height:1.25!important
}
.customer-support-message:not(.is-system).is-out>small{text-align:right!important}
.customer-support-message:not(.is-system).has-media{max-width:min(74%,440px)!important}
.customer-support-message:not(.is-system).has-media>.customer-support-message-bubble{width:auto!important;max-width:100%!important;padding:5px!important;overflow:hidden!important}
.customer-support-image-button.whatsapp-message-image{
  display:block!important;max-width:min(390px,66vw)!important;padding:0!important;border:0!important;border-radius:10px!important;
  overflow:hidden!important;background:rgba(0,0,0,.18)!important;line-height:0!important;cursor:zoom-in!important
}
.customer-support-image-button.whatsapp-message-image img{display:block!important;width:100%!important;height:auto!important;max-height:440px!important;object-fit:contain!important;border-radius:10px!important}

/* Mensagens automáticas ficam compactas, sem cards estendidos. */
.customer-support-message.is-system{
  align-self:center!important;display:flex!important;flex-direction:column!important;align-items:center!important;
  width:auto!important;max-width:min(82%,520px)!important;margin:5px auto!important;gap:4px!important
}
.customer-support-system-bubble{
  width:fit-content!important;max-width:100%!important;display:flex!important;align-items:flex-start!important;gap:8px!important;
  padding:8px 10px!important;border:1px solid rgba(94,126,187,.16)!important;border-radius:12px!important;
  background:rgba(12,27,48,.68)!important;box-shadow:none!important
}
.customer-support-system-icon{width:24px!important;height:24px!important;flex:0 0 24px!important;border-radius:8px!important;font-size:11px!important}
.customer-support-system-bubble>div{display:grid!important;gap:2px!important;min-width:0!important}
.customer-support-system-bubble strong{font-size:10.5px!important;line-height:1.25!important;color:#dce7f8!important}
.customer-support-system-bubble span{font-size:10px!important;line-height:1.42!important;color:#91a7c4!important;white-space:pre-wrap!important;overflow-wrap:anywhere!important}
.customer-support-message.is-system>small{width:auto!important;padding:0 4px!important;text-align:center!important;color:#667e9d!important;font-size:.64rem!important;line-height:1.2!important}

@media(max-width:1024px){
  .customer-support-messages{gap:6px!important;padding:12px!important}
  .customer-support-message:not(.is-system){max-width:86%!important}
  .customer-support-message:not(.is-system)>.customer-support-message-bubble{padding:7px 10px!important;font-size:.88rem!important}
  .customer-support-message:not(.is-system).has-media{max-width:90%!important}
  .customer-support-image-button.whatsapp-message-image{max-width:78vw!important}
  .customer-support-image-button.whatsapp-message-image img{max-height:52vh!important}
  .customer-support-message.is-system{max-width:92%!important}
}
@media(max-width:430px){

.customer-support-message:not(.is-system){max-width:88%!important}
}

.customer-support-chat{
  height:clamp(560px,calc(100dvh - 148px),840px)!important;

  max-height:calc(100dvh - 112px)!important;
  grid-template-rows:auto minmax(0,1fr) auto!important;

}
.customer-support-messages{

  overflow-x:hidden!important;

  -webkit-overflow-scrolling:touch!important;
  scrollbar-gutter:stable!important;
}
.customer-support-compose-wrap,
.customer-support-waiting-lock,
.customer-support-closed{
  position:relative!important;
  z-index:3!important;
  flex:0 0 auto!important;
}
.customer-support-compose-wrap{
  box-shadow:0 -12px 26px rgba(2,8,20,.18)!important;
}
@media(max-width:1024px){
  .customer-support-chat{
    height:calc(100dvh - 112px)!important;
    min-height:500px!important;
    max-height:calc(100dvh - 96px)!important;
    border-radius:16px!important;
  }
}
@media(max-width:560px){
  .customer-support-chat{
    height:calc(100dvh - 96px)!important;
    min-height:460px!important;
    max-height:calc(100dvh - 82px)!important;
  }
  .customer-support-messages{scrollbar-gutter:auto!important}
}

.customer-profile-page-ui{
  width:100%;
  max-width:960px;
  margin:0 auto;
  display:grid;
  gap:14px;
}
.customer-profile-page-ui .panel-card{
  border-radius:20px;
  overflow:hidden;
}

.customer-profile-edit-card-ui,
.customer-password-card-ui{
  padding:20px!important;
}
.customer-profile-edit-card-ui .card-heading,
.customer-password-card-ui .card-heading{
  margin-bottom:14px!important;
}
.customer-profile-edit-card-ui .card-heading h3,
.customer-password-card-ui .card-heading h3{
  margin-bottom:5px!important;
}
.customer-profile-edit-card-ui .card-heading p:last-child,
.customer-password-card-ui .card-heading p:last-child{
  max-width:680px;
  margin-bottom:0!important;
}
.customer-whatsapp-profile-form-ui{
  display:grid!important;
  gap:12px!important;
}
.customer-whatsapp-profile-form-ui .field-wide{
  display:grid!important;
  gap:8px!important;
  margin:0!important;
}
.customer-whatsapp-profile-form-ui .field-wide>span{
  font-size:12px!important;
  font-weight:700!important;
  color:#dbe7f8!important;
}
.customer-whatsapp-profile-form-ui .phone-input-with-action{
  display:grid!important;
  grid-template-columns:minmax(0,1fr) 86px!important;
  gap:8px!important;
  align-items:stretch!important;
  width:100%!important;
}
.customer-whatsapp-profile-form-ui .phone-input-grid{
  display:grid!important;
  grid-template-columns:72px 82px minmax(150px,1fr)!important;
  gap:8px!important;
  width:100%!important;
  max-width:none!important;
}
.customer-whatsapp-profile-form-ui .phone-input-grid input{
  grid-column:auto!important;
  min-width:0!important;
  width:100%!important;
  min-height:46px!important;
  padding-inline:12px!important;
}
.customer-whatsapp-profile-form-ui .compact-paste-button{
  width:86px!important;
  min-width:86px!important;
  min-height:46px!important;
  padding:0 10px!important;
  align-self:stretch!important;
}
.customer-whatsapp-profile-form-ui .form-actions,
.customer-password-card-ui .form-actions{
  margin-top:2px!important;
}
.customer-whatsapp-profile-form-ui .form-actions .button,
.customer-password-card-ui .form-actions .button{
  width:100%!important;
  min-width:0!important;
  min-height:48px!important;
}
.customer-password-form{
  max-width:none!important;
  display:grid!important;
  gap:12px!important;
}
.customer-password-form label{
  display:grid!important;
  gap:8px!important;
}
.customer-password-form input{
  min-height:46px!important;
}

@media(max-width:1024px){
  .customer-profile-page-ui{max-width:880px;gap:12px}

  .customer-profile-edit-card-ui,.customer-password-card-ui{padding:18px!important}
  .customer-whatsapp-profile-form-ui .phone-input-grid{grid-template-columns:66px 76px minmax(130px,1fr)!important;gap:7px!important}
  .customer-whatsapp-profile-form-ui .phone-input-with-action{grid-template-columns:minmax(0,1fr) 78px!important;gap:7px!important}
  .customer-whatsapp-profile-form-ui .compact-paste-button{width:78px!important;min-width:78px!important}
}

@media(max-width:1024px){
  .customer-profile-page-ui{gap:10px!important}

  .customer-profile-edit-card-ui,.customer-password-card-ui{padding:15px!important;border-radius:17px!important}
  .customer-profile-edit-card-ui .card-heading,.customer-password-card-ui .card-heading{margin-bottom:12px!important}
  .customer-profile-edit-card-ui .card-heading h3,.customer-password-card-ui .card-heading h3{font-size:18px!important}
  .customer-profile-edit-card-ui .card-heading p:last-child,.customer-password-card-ui .card-heading p:last-child{font-size:12px!important;line-height:1.45!important}
  .customer-whatsapp-profile-form-ui .phone-input-with-action{
    grid-template-columns:minmax(0,1fr) 68px!important;
    gap:6px!important;
  }
  .customer-whatsapp-profile-form-ui .phone-input-grid{
    grid-template-columns:55px 62px minmax(0,1fr)!important;
    gap:6px!important;
  }
  .customer-whatsapp-profile-form-ui .phone-input-grid input{
    grid-column:auto!important;
    min-height:44px!important;
    padding-inline:9px!important;
    font-size:13px!important;
  }
  .customer-whatsapp-profile-form-ui .compact-paste-button{
    width:68px!important;
    min-width:68px!important;
    min-height:44px!important;
    font-size:12px!important;
    padding:0 7px!important;
  }
  .customer-whatsapp-profile-form-ui .form-actions .button,
  .customer-password-card-ui .form-actions .button{min-height:46px!important}
}

@media(max-width:430px){

  .customer-profile-edit-card-ui,.customer-password-card-ui{padding:13px!important}
  .customer-whatsapp-profile-form-ui .phone-input-with-action{
    grid-template-columns:minmax(0,1fr) 62px!important;
    gap:5px!important;
  }
  .customer-whatsapp-profile-form-ui .phone-input-grid{
    grid-template-columns:50px 58px minmax(0,1fr)!important;
    gap:5px!important;
  }
  .customer-whatsapp-profile-form-ui .phone-input-grid input{padding-inline:7px!important;font-size:12px!important}
  .customer-whatsapp-profile-form-ui .compact-paste-button{width:62px!important;min-width:62px!important;font-size:11px!important}
}

.subaccount-plan-card fieldset{border:0;margin:0;padding:0}.account-model-card select{width:100%}.subaccount-summary-grid{grid-template-columns:repeat(4,minmax(0,1fr))}.subaccount-actions-card{display:grid;gap:16px}.subaccount-action-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:12px}.subaccount-action-box{display:grid;gap:12px;padding:16px;border:1px solid var(--line);border-radius:14px;background:rgba(5,15,27,.28)}.subaccount-action-box>div{display:grid;gap:4px}.subaccount-action-box>div small{color:var(--muted);font-size:11px;line-height:1.45}.subaccount-list .subaccount-row{display:flex;align-items:center;justify-content:space-between;gap:14px}.subaccount-row-copy{display:grid;gap:3px;min-width:0}.subaccount-row-copy strong{overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.subaccount-row-copy small{color:var(--muted);font-size:11px}.subaccount-row-actions{display:flex;align-items:center;gap:8px;flex-wrap:wrap}.subaccount-row-actions form{margin:0}.subaccount-action-box .inline-password{display:grid;grid-template-columns:minmax(0,1fr) auto;gap:8px}.subaccount-action-box .stack-form{gap:10px}
@media(max-width:1024px){.subaccount-summary-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.subaccount-action-grid{grid-template-columns:1fr}}
@media(max-width:620px){.subaccount-summary-grid{grid-template-columns:1fr 1fr}.subaccount-list .subaccount-row{align-items:stretch;flex-direction:column}.subaccount-row-actions{display:grid;grid-template-columns:1fr 1fr}.subaccount-row-actions form,.subaccount-row-actions .button{width:100%}}

.customer-stat-grid-ui{grid-template-columns:repeat(2,minmax(0,1fr));}
.customer-stat-grid-ui .customer-stat-card-final:last-child{grid-column:auto;}

.account-edit-paired-cards.account-edit-value-only{grid-template-columns:minmax(0,1fr)}
.account-edit-paired-cards.account-edit-value-only>.account-edit-half-card{width:100%;max-width:none}
.account-edit-paired-cards>.account-edit-half-card:only-child{grid-column:1/-1;width:100%;max-width:none}

.subaccount-page-head{display:flex;align-items:center;justify-content:space-between;gap:18px}
.subaccount-page-head>div:first-child{max-width:720px}
.subaccount-inline-feedback,.subaccount-entitlement-alert{display:flex;align-items:center;justify-content:space-between;gap:12px}
.subaccount-inline-feedback .button,.subaccount-entitlement-alert .button{flex:0 0 auto}
.subaccount-control-card{display:grid;gap:16px}
.subaccount-control-summary{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:10px}
.subaccount-control-summary article{display:grid;gap:4px;padding:13px 15px;border:1px solid var(--line);border-radius:13px;background:rgba(8,23,41,.46)}
.subaccount-control-summary small{color:var(--muted);font-size:10px;text-transform:uppercase;letter-spacing:.06em;font-weight:800}
.subaccount-control-summary strong{font-size:18px;line-height:1.2}
.subaccount-control-actions{display:flex;gap:10px;flex-wrap:wrap;padding-top:2px}
.subaccount-control-actions .button{min-width:155px}

.subaccount-simple-list{display:grid;gap:8px}
.subaccount-simple-row{display:flex;align-items:center;justify-content:space-between;gap:14px;padding:13px 14px;border:1px solid rgba(88,120,174,.22);border-radius:14px;background:rgba(8,23,41,.5)}
.subaccount-simple-main{display:flex;align-items:center;gap:11px;min-width:0}
.subaccount-simple-avatar{display:grid;place-items:center;width:39px;height:39px;flex:0 0 39px;border:1px solid rgba(95,124,255,.24);border-radius:12px;background:rgba(95,124,255,.1);color:#aebcff;font-size:14px;font-weight:850}
.subaccount-simple-copy{display:grid;gap:3px;min-width:0}
.subaccount-simple-copy strong{font-size:13.5px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}
.subaccount-simple-copy small{color:var(--muted);font-size:10.5px;line-height:1.35}
.subaccount-simple-actions{display:flex;align-items:center;gap:9px;flex:0 0 auto}

.subaccount-modal-simple{display:grid;gap:16px}
.subaccount-modal-summary{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:8px}
.subaccount-modal-summary.three{grid-template-columns:repeat(3,minmax(0,1fr))}
.subaccount-modal-summary>div{display:grid;gap:4px;padding:12px 13px;border:1px solid var(--line);border-radius:12px;background:rgba(8,23,41,.46)}
.subaccount-modal-summary small{color:var(--muted);font-size:9.5px;text-transform:uppercase;letter-spacing:.055em;font-weight:800}
.subaccount-modal-summary strong{font-size:13px;overflow-wrap:anywhere}
.subaccount-modal-note{margin:0;padding:12px 13px;border:1px solid rgba(88,120,174,.2);border-radius:12px;background:rgba(8,23,41,.38);color:var(--muted);font-size:11.5px;line-height:1.55}

.subaccount-create-form-ui{gap:14px}
.subaccount-create-form-ui .inline-password{display:grid;grid-template-columns:minmax(0,1fr) auto;gap:8px}
.subaccount-modal-section{display:flex;align-items:center;justify-content:space-between;gap:14px;padding:13px;border:1px solid var(--line);border-radius:13px;background:rgba(8,23,41,.4)}
.subaccount-modal-section>div{display:grid;gap:3px;min-width:0}
.subaccount-modal-section strong{font-size:12.5px}.subaccount-modal-section p{margin:0;color:var(--muted);font-size:10.5px;line-height:1.45}
.subaccount-modal-section form{flex:0 0 auto}.subaccount-modal-section.danger-zone{border-color:rgba(255,91,113,.2)}

@media(max-width:1024px){
 .subaccount-control-actions{display:grid;grid-template-columns:repeat(3,minmax(0,1fr))}
 .subaccount-control-actions .button{width:100%;min-width:0}
}
@media(max-width:640px){
 .subaccount-page-head{align-items:flex-start;flex-direction:column}
 .subaccount-page-head .customer-commerce-current{width:100%}
 .subaccount-inline-feedback,.subaccount-entitlement-alert{align-items:stretch;flex-direction:column}
 .subaccount-inline-feedback .button,.subaccount-entitlement-alert .button{width:100%}
 .subaccount-control-summary{grid-template-columns:repeat(2,minmax(0,1fr));gap:8px}
 .subaccount-control-summary article:first-child{grid-column:1/-1}
 .subaccount-control-actions{grid-template-columns:1fr 1fr;gap:8px}
 .subaccount-control-actions .button:first-child{grid-column:1/-1}
 .subaccount-simple-row{align-items:stretch;flex-direction:column;padding:12px}
 .subaccount-simple-actions{justify-content:space-between;width:100%;padding-top:2px}
 .subaccount-simple-actions .button{min-width:112px}
 .subaccount-modal-summary,.subaccount-modal-summary.three{grid-template-columns:1fr 1fr}
 .subaccount-modal-summary.three>div:first-child{grid-column:1/-1}

 .subaccount-modal-section{align-items:stretch;flex-direction:column}
 .subaccount-modal-section form,.subaccount-modal-section .button{width:100%}
 .subaccount-create-form-ui .button[type="submit"]{width:100%}
}

.subaccount-list-primary-actions form{margin:0}
.subaccount-use-summary{margin-left:auto}
.subaccount-account-table .status-pill{min-width:72px;justify-content:center}
@media(max-width:700px){
  .subaccount-list-primary-actions{display:grid;grid-template-columns:1fr 1fr;width:100%}
  .subaccount-list-primary-actions form,.subaccount-list-primary-actions .list-action-button{width:100%}
  .subaccount-list-primary-actions form .list-action-button{width:100%}
  .subaccount-use-summary{margin-left:0}
}

.ui-modal.is-subaccount-flow .ui-modal-close.is-text-close{
  width:auto;
  min-width:72px;
  height:34px;
  flex:0 0 auto;
  padding:0 12px;
  border-radius:10px;
  font-size:11.5px;
  line-height:1;
  font-weight:850;
  letter-spacing:.01em;
  white-space:nowrap;
}
.subaccount-payment-action{
  display:flex;
  align-items:center;
  justify-content:flex-end;
  gap:10px;
  padding-top:4px;
}
.subaccount-payment-action .button{
  min-width:190px;
  min-height:44px;
  justify-content:center;
}
@media(max-width:1024px){
  .subaccount-payment-action{width:100%;}
  .subaccount-payment-action .button{width:100%;min-width:0;}
}
@media(max-width:640px){
  .ui-modal.is-subaccount-flow .ui-modal-header{align-items:center;}
  .ui-modal.is-subaccount-flow .ui-modal-close.is-text-close{min-width:66px;height:32px;padding-inline:10px;font-size:11px;}
  .subaccount-payment-action{padding-top:2px;}
  .subaccount-payment-action .button{min-height:46px;}
}

.subaccount-account-table tr.is-expired-subaccount td{
  background:linear-gradient(90deg,rgba(118,32,48,.075),rgba(22,31,48,.02))!important;
  border-color:rgba(238,82,104,.12)!important;
}
.subaccount-account-table tr.is-expired-subaccount .table-user strong,
.subaccount-account-table tr.is-expired-subaccount td[data-mobile-label="Validade"] strong{
  color:#ff8f9f!important;
}
.subaccount-account-table .row-action-gear.is-expired{
  border-color:rgba(244,91,111,.28)!important;
  background:linear-gradient(145deg,rgba(91,31,45,.34),rgba(24,24,35,.72))!important;
  color:#ff8d9c!important;
}
@media(max-width:1024px){
  .subaccount-account-table.row-actions-table tbody tr.is-expired-subaccount{
    border-color:rgba(244,91,111,.24)!important;
    box-shadow:inset 3px 0 0 rgba(244,91,111,.58)!important;
  }
  .subaccount-account-table.row-actions-table tbody tr.is-expired-subaccount td:first-child{
    background:linear-gradient(90deg,rgba(126,35,51,.16),transparent)!important;
  }
}

.subaccount-account-table .subaccount-account-title{
  display:flex;

  justify-content:space-between;
  gap:12px;
  min-width:0;
  width:100%;
  flex:1 1 auto;
}
.subaccount-account-table .subaccount-account-title>strong{
  min-width:0;
  overflow:hidden;
  text-overflow:ellipsis;
  white-space:nowrap;
}
.subaccount-account-table .subaccount-title-status{
  flex:0 0 auto;
  margin-left:auto;
}
@media(max-width:1024px){
  .subaccount-account-table .subaccount-account-title{gap:9px;}
  .subaccount-account-table .subaccount-title-status{font-size:.60rem;min-height:25px;padding:4px 8px;}
}

.subaccount-account-table .status-pill{
  min-width:auto;
  display:inline-flex;
  align-items:center;
  justify-content:center;
  padding:5px 10px;
  border-radius:999px;
  border:1px solid rgba(118,144,178,.18);
  font-size:.66rem;
  font-weight:850;
  letter-spacing:.02em;
  line-height:1;
  box-shadow:none;
}
.subaccount-account-table .status-pill.online{
  background:rgba(34,197,94,.10);
  border-color:rgba(34,197,94,.22);
  color:#66e29a;
}
.subaccount-account-table .status-pill.offline,
.subaccount-account-table .status-pill.error{
  background:rgba(239,68,68,.10);
  border-color:rgba(239,68,68,.22);
  color:#ff9aa5;
}
.subaccount-account-table .subaccount-account-title{
  align-items:center;
}
.subaccount-account-table td[data-mobile-label="Validade"] small{
  letter-spacing:.01em;
}
@media(max-width:1024px){
  .subaccount-list-primary-actions [data-list-action="trial"] .list-action-icon{font-size:1.25rem;}
  .subaccount-account-table .subaccount-title-status{font-size:.59rem;min-height:24px;padding:4px 8px;}
}

.subaccount-list-primary-actions .subaccount-trial-time-icon{
  display:inline-grid!important;
  place-items:center!important;
}
.subaccount-list-primary-actions .subaccount-trial-time-icon svg{
  width:22px;height:22px;display:block;fill:none;stroke:currentColor;stroke-width:1.9;stroke-linecap:round;stroke-linejoin:round;
}
.subaccount-list-primary-actions [data-list-action="trial"] .list-action-icon::before{display:none!important;background-image:none!important}
.ui-modal.is-subaccount-flow .ui-modal-close{
  width:38px!important;min-width:38px!important;height:38px!important;padding:0!important;border-radius:12px!important;font-size:22px!important;line-height:1!important;
}
.subaccount-password-card{padding-top:18px}
.subaccount-password-card .stack-form{gap:14px}
[data-username-availability-feedback]:empty{display:none!important}
[data-username-availability-feedback].is-error,[data-username-availability-feedback].is-ok{display:block!important;margin-top:6px}
.servers-page .server-name-cell{display:flex;align-items:center;gap:10px}
.servers-page .server-name-cell>.row-actions-anchor{flex:0 0 auto}
.servers-page .server-name-cell>strong{min-width:0}
.server-history-only{display:grid;gap:0}
.server-history-only .server-modal-history{margin:0}
.server-history-only .server-modal-history h3{display:none}
.server-history-only .server-modal-history ul{gap:0}
.server-history-only .server-modal-history li{border:0;border-bottom:1px solid var(--line);border-radius:0;background:transparent;padding:13px 2px}
.server-history-only .server-modal-history li:last-child{border-bottom:0}
@media(max-width:1024px){
  .subaccount-list-primary-actions .subaccount-trial-time-icon svg{width:21px;height:21px}
  .servers-page .server-name-cell{gap:8px}
}

.subaccount-list-primary-actions .subaccount-trial-time-icon{color:var(--text,#e8f1ff)!important}
.subaccount-list-primary-actions .subaccount-trial-time-icon svg{overflow:visible!important;pointer-events:none}
[data-subaccount-username] + [data-username-availability-feedback]{min-height:0}
[data-username-availability-feedback].is-ok{color:#66e29a!important}
[data-username-availability-feedback].is-error{color:#ff9aa5!important}
.server-modal-direct{display:grid;gap:16px}
.server-history-only .status-dot.pending{background:#f3b64b;box-shadow:0 0 0 4px rgba(243,182,75,.10)}
.server-history-only .status-dot.success{background:#55d7a1;box-shadow:0 0 0 4px rgba(85,215,161,.10)}
.server-history-only .status-dot.error{background:#ff7185;box-shadow:0 0 0 4px rgba(255,113,133,.10)}
@media(max-width:1024px){
  .servers-page .server-name-cell{align-items:center}
  .server-history-only .server-modal-history li{padding:12px 0}
}

.store-plans-ui .store-plans-groups{gap:14px}
.store-plans-ui .store-plan-group-head{align-items:flex-start;gap:16px}
.store-plans-ui .store-plan-group-head>div{min-width:0;gap:5px}
.store-plans-ui .store-plan-group-description{margin:0;color:var(--muted);font-size:.78rem;line-height:1.45;max-width:760px}
.store-plans-ui .store-plan-group-add{display:grid;place-items:center;flex:0 0 auto;width:44px;height:44px;border:1px solid rgba(78,137,255,.42);border-radius:14px;background:linear-gradient(145deg,rgba(69,102,233,.95),rgba(53,139,244,.95));color:#fff;font-size:1.7rem;line-height:1;cursor:pointer;box-shadow:0 10px 25px rgba(33,91,214,.18)}
.store-plans-ui .store-plan-group-add:hover{filter:brightness(1.06)}
.store-plans-ui .store-plan-group-add:disabled{cursor:not-allowed;opacity:.42;filter:none;box-shadow:none}
.store-plans-ui .store-plan-empty-row{display:grid;gap:4px;padding:18px 16px;border:1px dashed var(--line);border-radius:14px;background:rgba(5,15,27,.2)}
.store-plans-ui .store-plan-empty-row strong{font-size:.86rem}
.store-plans-ui .store-plan-empty-row small{color:var(--muted);font-size:.7rem;line-height:1.45}
.store-plans-ui .store-plan-list-copy>p{max-width:780px}
.plan-modal-content-ui .plan-store-feature-editor{padding:0;border:0;background:transparent;box-shadow:none}
.plan-modal-content-ui .plan-store-feature-editor .store-feature-list{display:grid;gap:9px}
.plan-modal-content-ui .store-variable-note{margin-bottom:12px}
@media (max-width:1024px){
  .store-plans-ui .store-plan-group-head{gap:10px}
  .store-plans-ui .store-plan-group-add{width:42px;height:42px;border-radius:13px;font-size:1.55rem}
  .store-plans-ui .store-plan-group-description{font-size:.7rem}
  .store-plans-ui .store-plan-list-row{gap:12px}
}

.servers-page .server-page-actions.list-primary-actions{
  width:100%;
  margin-bottom:14px;
  justify-content:flex-end!important;
}
.servers-page .server-list-card{width:100%;max-width:none}

/* Modais de servidor seguem o mesmo cabeçalho do restante do Titan. */
.ui-modal.modal-variant-server .ui-modal-close:not([hidden]),
.ui-modal.modal-variant-server-history .ui-modal-close:not([hidden]),
.ui-modal.modal-variant-server-history-confirm .ui-modal-close:not([hidden]),
.ui-modal.modal-variant-server-result .ui-modal-close:not([hidden]){
  display:grid!important;
}
.ui-modal.modal-variant-server .ui-modal-header,
.ui-modal.modal-variant-server-history .ui-modal-header,
.ui-modal.modal-variant-server-history-confirm .ui-modal-header,
.ui-modal.modal-variant-server-result .ui-modal-header{
  justify-content:space-between!important;
  align-items:center!important;
}
.ui-modal.modal-variant-server .ui-modal-close,
.ui-modal.modal-variant-server-history .ui-modal-close,
.ui-modal.modal-variant-server-history-confirm .ui-modal-close,
.ui-modal.modal-variant-server-result .ui-modal-close{
  margin-left:auto!important;
}
.ui-modal.modal-variant-server-history{
  width:min(560px,calc(100vw - 32px))!important;
  max-width:560px!important;
  max-height:min(680px,calc(100dvh - 40px))!important;
}
.ui-modal.modal-variant-server-history .ui-modal-body{
  padding-top:8px!important;
}
.server-history-clear-button{
  width:38px;height:38px;flex:0 0 38px;margin-left:auto;margin-right:8px;
  display:grid;place-items:center;border:1px solid rgba(239,92,111,.24);border-radius:11px;
  background:rgba(120,34,49,.12);color:#ff8998;cursor:pointer;
}
.server-history-clear-button:hover{border-color:rgba(239,92,111,.42);background:rgba(150,43,61,.2);color:#ffabb5}
.server-history-clear-button svg{width:18px;height:18px;display:block;fill:currentColor}
.server-history-only .server-modal-history{max-height:470px;overflow:auto;padding-right:4px}
.server-history-only .server-modal-history li{padding:11px 2px}
.server-history-only .server-modal-history li strong{font-size:.86rem;line-height:1.35}
.server-history-only .server-modal-history li small{font-size:.68rem}
.ui-modal.modal-variant-server-result{width:min(500px,calc(100vw - 32px))!important}
.ui-modal.modal-variant-server-result .ui-modal-header>div{min-width:0}

/* Botão Adicionar servidor: texto no desktop, ação compacta no tablet/mobile. */
@media(max-width:1024px){
  .servers-page .server-page-actions.list-primary-actions{
    margin:0 8px 12px!important;
    width:calc(100% - 16px)!important;
    justify-content:flex-end!important;
  }
  .servers-page .server-page-actions .list-action-button{
    width:48px!important;min-width:48px!important;max-width:48px!important;height:48px!important;min-height:48px!important;
    padding:0!important;border-radius:14px!important;display:inline-flex!important;align-items:center!important;justify-content:center!important;
  }
  .servers-page .server-page-actions .list-action-text{display:none!important}
  .servers-page .server-page-actions .list-action-icon{display:inline-flex!important;width:24px;height:24px;align-items:center;justify-content:center;font-size:1.4rem;font-weight:900}
  .ui-modal.modal-variant-server-history{width:min(520px,calc(100vw - 24px))!important;max-height:calc(100dvh - 24px)!important}
  .server-history-only .server-modal-history{max-height:calc(100dvh - 180px)}
}

/* Listagens: cards e campos internos sempre usam toda a área disponível. */
.operation-card,
.operation-card .table-wrap,
.row-actions-table,
.row-actions-table tbody,
.row-actions-table tbody tr{max-width:none!important}
@media(max-width:1024px){
  .operation-card{width:100%!important;box-sizing:border-box!important}
  .operation-card .table-wrap{width:100%!important;max-width:none!important;box-sizing:border-box!important}
  .row-actions-table tbody{width:100%!important;max-width:none!important}
  .row-actions-table tbody tr{width:100%!important;max-width:none!important;box-sizing:border-box!important}
  .row-actions-table tbody td{min-width:0!important;max-width:none!important;box-sizing:border-box!important}
  .subaccount-account-table td[data-mobile-label="Tipo"],
  .subaccount-account-table td[data-mobile-label="Validade"],
  .account-table td[data-mobile-label="Tipo"],
  .account-table td[data-mobile-label="Validade"]{width:100%!important;max-width:none!important}
}
@media(max-width:1024px){
  .operation-card{width:calc(100% - 16px)!important}
  .row-actions-table tbody tr{grid-template-columns:repeat(2,minmax(0,1fr))!important}
  .row-actions-table tbody td:not(:first-child){max-width:none!important;justify-self:stretch!important}
  .subaccount-account-table tbody td[data-mobile-label="Tipo"],
  .subaccount-account-table tbody td[data-mobile-label="Validade"]{align-self:stretch!important}
}

/* Renovação/compra da conta: composição premium e compacta. */
.customer-commerce-page-ui{display:grid;gap:14px;width:100%;max-width:1080px;margin-inline:auto}
.customer-commerce-hero-ui{
  position:relative;overflow:hidden;padding:22px 23px!important;
  border-color:rgba(100,139,217,.2)!important;
  background:radial-gradient(circle at 92% 0,rgba(67,113,238,.16),transparent 38%),linear-gradient(150deg,rgba(14,31,54,.98),rgba(7,18,32,.98))!important;
}
.customer-commerce-hero-ui::after{content:"";position:absolute;right:-70px;bottom:-85px;width:220px;height:220px;border-radius:50%;background:rgba(52,111,231,.055);pointer-events:none}
.customer-commerce-hero-ui>div{position:relative;z-index:1}
.customer-commerce-hero-ui h2{font-size:1.5rem!important;letter-spacing:-.035em}
.customer-commerce-hero-ui p{max-width:720px;line-height:1.55}
.customer-commerce-hero-ui .customer-commerce-current{
  position:relative;z-index:1;min-width:118px;padding:12px 15px;border-color:rgba(96,137,222,.2);background:rgba(8,20,36,.6);box-shadow:inset 0 1px rgba(255,255,255,.02)
}
.customer-commerce-hero-ui .customer-commerce-current small{text-transform:uppercase;letter-spacing:.08em;font-size:.58rem;font-weight:850}
.customer-commerce-hero-ui .customer-commerce-current strong{font-size:1.65rem}
.customer-plan-panel-ui,.customer-orders-card-ui{padding:20px!important;border-color:rgba(99,134,199,.16)!important}
.customer-plan-panel-ui .card-heading,.customer-orders-card-ui .card-heading{padding-bottom:3px}
.customer-plan-row-ui{
  padding:15px 16px!important;border-color:rgba(95,133,205,.2)!important;border-radius:16px!important;
  background:linear-gradient(145deg,rgba(12,28,48,.76),rgba(7,19,34,.72))!important;
  box-shadow:inset 0 1px rgba(255,255,255,.018)
}
.customer-plan-row-ui .customer-plan-copy strong{font-size:.95rem}
.customer-plan-row-ui .customer-plan-copy small{margin-top:4px;color:#8398b7;line-height:1.45}
.customer-plan-row-ui .customer-plan-price{padding-left:12px;text-align:right;white-space:nowrap}
.customer-plan-row-ui .customer-plan-price strong{font-size:1.08rem}
.customer-plan-row-ui form .button{min-height:44px;border-radius:12px;font-weight:850}
.customer-orders-card-ui .customer-order-list{border-radius:15px;overflow:hidden}
.customer-orders-card-ui .customer-order-list article{padding:13px 14px}
@media(max-width:1024px){
  .customer-commerce-page-ui{max-width:none;gap:12px}
  .customer-commerce-hero-ui{padding:19px!important}
  .customer-plan-panel-ui,.customer-orders-card-ui{padding:17px!important}
}
@media(max-width:1024px){
  .customer-commerce-page-ui{gap:10px}
  .customer-commerce-hero-ui{
    display:grid!important;grid-template-columns:minmax(0,1fr) auto!important;align-items:center!important;gap:12px!important;padding:16px!important
  }
  .customer-commerce-hero-ui h2{font-size:1.24rem!important}
  .customer-commerce-hero-ui p{font-size:.68rem!important;line-height:1.45}
  .customer-commerce-hero-ui .customer-commerce-current{width:auto!important;min-width:82px;padding:9px 10px;border-radius:12px}
  .customer-commerce-hero-ui .customer-commerce-current strong{font-size:1.4rem}
  .customer-plan-panel-ui,.customer-orders-card-ui{padding:14px!important;border-radius:17px!important}
  .customer-plan-row-ui{grid-template-columns:minmax(0,1fr) auto!important;gap:9px!important;padding:13px!important}
  .customer-plan-row-ui form{grid-column:1/-1!important;width:100%}
  .customer-plan-row-ui form .button{width:100%;min-height:46px}
  .customer-orders-card-ui .customer-order-list article{padding:11px 10px;gap:10px}
}
@media(max-width:430px){
  .customer-commerce-hero-ui{grid-template-columns:minmax(0,1fr) 74px!important;padding:14px 13px!important}
  .customer-commerce-hero-ui p{font-size:.64rem!important}
  .customer-commerce-hero-ui .customer-commerce-current{min-width:74px;padding:8px}
  .customer-commerce-hero-ui .customer-commerce-current small{font-size:.5rem}
  .customer-commerce-hero-ui .customer-commerce-current strong{font-size:1.28rem}
  .customer-plan-panel-ui,.customer-orders-card-ui{padding:12px!important}
}

/* Consumo mensal: ciclo atual fica no cabeçalho; lista inferior mostra só ciclos encerrados. */
.customer-monthly-heading-ui{display:flex!important;justify-content:space-between!important;gap:16px}
.customer-monthly-current-ui{display:grid;justify-items:end;gap:2px;flex:0 0 auto;text-align:right}
.customer-monthly-current-ui strong{color:#f3f7ff;font-size:1.22rem;line-height:1.1;letter-spacing:-.025em;white-space:nowrap}
.customer-monthly-current-ui small{color:#7f94b3;font-size:.58rem;font-weight:800;letter-spacing:.06em;text-transform:uppercase}
.customer-monthly-card-ui .customer-monthly-list{margin-top:2px}
.customer-monthly-card-ui .customer-monthly-row{background:transparent!important}
@media(max-width:1024px){
  .customer-monthly-heading-ui{gap:10px}
  .customer-monthly-current-ui strong{font-size:1.06rem}
  .customer-monthly-current-ui small{font-size:.52rem}
}

/* Indique e Ganhe: somente Testes e Resgatado no resumo inferior. */
.customer-referral-stats-ui{grid-template-columns:repeat(2,minmax(0,1fr))!important}
.customer-referral-stats-ui article{min-height:76px;align-content:center}
@media(max-width:520px){.customer-referral-stats-ui{grid-template-columns:repeat(2,minmax(0,1fr))!important}}

.store-plans-ui{gap:14px}
.store-plans-ui .store-plans-groups{display:grid;gap:14px}
.store-plans-ui .store-plan-group-card{overflow:visible}
.store-plans-ui .store-plan-group-head{align-items:center;padding:14px 16px;gap:14px}
.store-plans-ui .store-plan-group-head>div{display:grid;gap:3px;min-width:0}
.store-plans-ui .store-plan-group-head h3{font-size:.98rem}
.store-plans-ui .store-plan-group-description{max-width:none;font-size:.7rem;line-height:1.35}
.store-plans-ui .store-plan-group-add{width:40px;height:40px;border-radius:12px;font-size:1.45rem;box-shadow:0 8px 18px rgba(33,91,214,.16)}
.store-plans-ui .store-plan-empty-row{padding:14px 16px;border:0;border-radius:0;background:transparent}
.store-plans-ui .store-plan-empty-row strong{font-size:.8rem}
.store-plans-ui .store-plan-empty-row small{font-size:.65rem}
.store-plans-ui .store-plan-list-row{min-height:66px}
.store-plans-ui .store-plan-list-copy{gap:3px}
.store-plans-ui .store-plan-list-copy>strong{font-size:.86rem}
.store-plans-ui .store-plan-list-copy>small{font-size:.66rem}
.store-plans-ui .store-plan-list-value{gap:8px}
.store-plans-ui .store-plan-list-value>strong{font-size:.86rem}
.store-plans-ui .plan-description-field{display:none!important}

@media(max-width:1024px){
  .store-plans-ui .store-plan-group-head{padding:13px 14px;gap:10px}
  .store-plans-ui .store-plan-group-add{width:38px;height:38px;border-radius:11px;font-size:1.35rem}
  .store-plans-ui .store-plan-group-description{font-size:.66rem}
  .store-plans-ui .store-plan-list-row{grid-template-columns:minmax(0,1fr) auto;align-items:center;gap:10px;padding:12px 13px}
  .store-plans-ui .store-plan-list-main{gap:10px}
  .store-plans-ui .store-plan-list-value{flex-direction:column;align-items:flex-end;justify-content:center;gap:5px;padding-left:0}
  .store-plans-ui .store-plan-empty-row{padding:13px 14px}
}

@media(max-width:430px){
  .store-plans-ui .store-plan-group-head h3{font-size:.92rem}
  .store-plans-ui .store-plan-group-description{font-size:.63rem}
  .store-plans-ui .store-plan-list-row{padding:11px 12px;gap:8px}
  .store-plans-ui .store-plan-list-copy>strong{font-size:.81rem}
  .store-plans-ui .store-plan-list-copy>small{font-size:.61rem}
  .store-plans-ui .store-plan-list-value>strong{font-size:.79rem}
}

.ui-modal.modal-variant-server-history .ui-modal-header>div{flex:1 1 auto;min-width:0}
.ui-modal.modal-variant-server-history .server-history-clear-button{margin-left:0!important;margin-right:8px!important}
.ui-modal.modal-variant-server-history .server-history-clear-button:disabled{opacity:.5;cursor:wait}

/* O consumo atual fica sempre na mesma linha do título, inclusive em tablet/mobile. */
.customer-monthly-heading-ui{

  grid-template-columns:minmax(0,1fr) auto!important;

  gap:12px!important;
  flex-direction:row!important;
}
.customer-monthly-heading-ui>div:first-child{min-width:0}
.customer-monthly-current-ui{justify-self:end!important;align-self:center!important;margin:0!important}
@media(max-width:1024px){
  .customer-monthly-heading-ui{grid-template-columns:minmax(0,1fr) auto!important;gap:10px!important}
  .customer-monthly-heading-ui h3{font-size:1rem!important}
  .customer-monthly-current-ui strong{font-size:1rem!important}
}

/* Renovação não exibe limite atual; o hero fica limpo quando é só renovação. */
.customer-commerce-page-ui.is-renew .customer-commerce-hero-ui{display:block!important}
.customer-commerce-page-ui.is-renew .customer-commerce-hero-ui>div:first-child{max-width:820px}
@media(max-width:1024px){
  .customer-commerce-page-ui.is-renew .customer-commerce-hero-ui{padding:18px!important}
}
@media(max-width:1024px){
  .customer-commerce-page-ui.is-renew .customer-commerce-hero-ui{display:block!important;padding:15px!important}
  .customer-commerce-page-ui.is-renew .customer-commerce-hero-ui p{max-width:none!important}
}

/* Lista de atendimentos: lixeira individual nos encerrados. */
.whatsapp-ticket-list-item{display:grid;grid-template-columns:minmax(0,1fr);align-items:center;gap:7px;margin-bottom:7px;width:100%;min-width:0}
.whatsapp-ticket-list-item.is-closed{grid-template-columns:minmax(0,1fr) 42px}
.whatsapp-ticket-list-item .whatsapp-ticket-row{margin:0!important;width:100%;min-width:0;box-sizing:border-box}
.whatsapp-ticket-delete{
  width:42px;height:42px;display:grid;place-items:center;padding:0;border:1px solid rgba(239,92,111,.24);border-radius:12px;
  background:rgba(120,34,49,.12);color:#ff8998;cursor:pointer
}
.whatsapp-ticket-delete:hover{border-color:rgba(239,92,111,.42);background:rgba(150,43,61,.2);color:#ffabb5}
.whatsapp-ticket-delete:disabled{opacity:.45;cursor:wait}
.whatsapp-ticket-delete svg{width:18px;height:18px;fill:currentColor}

/* Chat do atendimento usa toda a largura e encerra pelo cabeçalho. */
.whatsapp-conversation-header{
  display:grid!important;
  grid-template-columns:auto auto minmax(0,1fr) auto!important;
  align-items:center!important;
  width:100%!important;
  box-sizing:border-box!important;
  gap:10px!important;
}
.whatsapp-conversation-heading{min-width:0;width:100%}
.whatsapp-conversation-heading strong,.whatsapp-conversation-heading small{max-width:100%;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}
.whatsapp-header-close-form{margin:0;justify-self:end}
.whatsapp-header-close-form[hidden]{display:none!important}
.whatsapp-header-close-button{
  min-height:38px;display:inline-flex;align-items:center;justify-content:center;gap:7px;padding:0 11px;border:1px solid rgba(242,83,104,.32);
  border-radius:11px;background:rgba(128,29,46,.15);color:#ff8495;font-size:.72rem;font-weight:850;cursor:pointer;white-space:nowrap
}
.whatsapp-header-close-button:hover{background:rgba(161,39,58,.22);border-color:rgba(242,83,104,.48);color:#ffadba}
.whatsapp-header-close-button svg{width:16px;height:16px;fill:none;stroke:currentColor;stroke-width:2.2;stroke-linecap:round}
.whatsapp-floating-composer{
bottom:0!important;padding:10px 12px!important;border-left:0!important;border-right:0!important;border-bottom:0!important;
  border-radius:0 0 18px 18px!important;box-sizing:border-box!important
}
.whatsapp-owned-actions{display:block!important}
.whatsapp-owned-actions[hidden]{display:none!important}
.whatsapp-reply-form{
grid-template-columns:minmax(0,1fr) 46px!important;margin:0!important
}
.whatsapp-reply-form textarea{
min-height:48px!important;max-height:120px!important;padding:12px 13px!important;
  border-radius:14px!important;resize:vertical!important;box-sizing:border-box!important
}
.whatsapp-send-icon{
  width:46px;height:46px;display:grid;place-items:center;padding:0;border:1px solid rgba(84,137,247,.46);border-radius:13px;
  background:linear-gradient(145deg,#5575ef,#3d8ced);color:#fff;cursor:pointer;box-shadow:0 8px 18px rgba(47,97,209,.2)
}
.whatsapp-send-icon:hover{filter:brightness(1.06)}
.whatsapp-send-icon svg{width:20px;height:20px;fill:none;stroke:currentColor;stroke-width:1.9;stroke-linejoin:round;stroke-linecap:round}

/* Modal de disponibilidade compacto e responsivo. */
.ui-modal.modal-variant-whatsapp-availability{width:min(600px,calc(100vw - 28px))!important;max-width:600px!important}
.ui-modal.modal-variant-whatsapp-availability .ui-modal-body{padding:16px!important}
.whatsapp-availability-modal,.whatsapp-availability-form{display:grid;gap:13px!important;width:100%}
.whatsapp-availability-times{display:grid!important;grid-template-columns:repeat(2,minmax(0,1fr))!important;gap:10px!important}
.whatsapp-availability-times label{min-width:0!important;margin:0!important}
.whatsapp-availability-times input{width:100%!important;min-width:0!important}
.whatsapp-weekdays.field-wide{display:grid!important;gap:9px!important;width:100%;min-width:0}
.whatsapp-weekdays.field-wide legend{margin:0!important}
.whatsapp-weekday-grid{display:grid!important;grid-template-columns:repeat(7,minmax(0,1fr));gap:7px!important;width:100%}
.whatsapp-weekday-grid label{min-width:0!important;width:100%!important}
.whatsapp-weekday-grid span{width:100%!important;min-width:0!important;padding:9px 4px!important;box-sizing:border-box!important}
.whatsapp-availability-help{margin:0!important;padding:10px 12px!important;font-size:.72rem!important;line-height:1.45!important}
.whatsapp-availability-form .form-actions{margin:0!important;padding-top:1px!important}
.whatsapp-availability-form .form-actions .button{width:100%!important;min-height:46px!important}
@media(max-width:1024px){
  .whatsapp-conversation-header{grid-template-columns:auto auto minmax(0,1fr) auto!important;gap:8px!important}
  .whatsapp-header-close-button{width:38px;height:38px;min-height:38px;padding:0!important;border-radius:11px}
  .whatsapp-header-close-button span{display:none!important}
  .whatsapp-header-close-button svg{width:17px;height:17px}
  .whatsapp-floating-composer{padding:9px 10px!important;border-radius:0 0 14px 14px!important}
  .whatsapp-reply-form{grid-template-columns:minmax(0,1fr) 44px!important;gap:7px!important}
  .whatsapp-send-icon{width:44px;height:44px;border-radius:12px}
  .whatsapp-weekday-grid{grid-template-columns:repeat(4,minmax(0,1fr))!important}
}
@media(max-width:520px){
  .whatsapp-availability-times{grid-template-columns:1fr!important}
  .ui-modal.modal-variant-whatsapp-availability .ui-modal-body{padding:13px!important}
  .whatsapp-weekday-grid{grid-template-columns:repeat(4,minmax(0,1fr))!important;gap:6px!important}
  .whatsapp-weekday-grid span{padding:8px 3px!important;font-size:.72rem!important}
}

.whatsapp-support-commandbar{
  display:grid!important;
  grid-template-columns:minmax(0,1fr) auto!important;
  align-items:center!important;
  gap:10px 12px!important;
}
.whatsapp-support-quick-actions{
  grid-column:2!important;
  justify-self:end!important;
  display:flex!important;
  min-width:0!important;
  width:auto!important;
}
.whatsapp-support-quick-actions>.button{
  width:auto!important;
  min-width:132px!important;
  min-height:38px!important;
  padding:0 14px!important;
}
.whatsapp-ticket-filters-top{width:100%!important}
.whatsapp-availability-action{white-space:nowrap}

/* Encerrados: a lixeira faz parte visual do próprio item e não reduz a largura da opção. */
.whatsapp-ticket-list-item{width:100%!important;min-width:0!important;box-sizing:border-box!important}
.whatsapp-ticket-list-item.is-closed{
  position:relative!important;
  display:block!important;
  width:100%!important;
}
.whatsapp-ticket-list-item.is-closed .whatsapp-ticket-row{
  width:100%!important;
  padding-right:52px!important;
  box-sizing:border-box!important;
}
.whatsapp-ticket-delete{
  position:absolute!important;
  right:10px!important;
  top:50%!important;
  transform:translateY(-50%)!important;
  width:30px!important;
  height:30px!important;
  border-radius:9px!important;
  z-index:2!important;
}
.whatsapp-ticket-delete svg{width:14px!important;height:14px!important}

/* Compositor do atendimento: input ocupa a largura, upload dentro e envio ao lado. */
.whatsapp-floating-composer{
  width:100%!important;
  padding:8px!important;
  margin:0!important;
  box-sizing:border-box!important;
}
.whatsapp-owned-actions{width:100%!important;min-width:0!important}
.whatsapp-reply-form{
  width:100%!important;
  display:grid!important;
  grid-template-columns:minmax(0,1fr) 50px!important;
  align-items:end!important;
  gap:8px!important;
  margin:0!important;
  padding:0!important;
}
.whatsapp-compose-input-shell{position:relative!important;width:100%!important;min-width:0!important}
.whatsapp-reply-form textarea{
  display:block!important;
  width:100%!important;
  min-width:0!important;
  min-height:50px!important;
  max-height:156px!important;
  margin:0!important;
  padding:13px 50px 13px 14px!important;
  border-radius:15px!important;
  resize:none!important;
  overflow-y:hidden;
  box-sizing:border-box!important;
  line-height:1.45!important;
  transition:height .12s ease,border-color .16s ease,box-shadow .16s ease!important;
}
.whatsapp-reply-form textarea::placeholder{color:#7890b5!important;opacity:1!important}
.whatsapp-support-image-input{position:absolute!important;width:1px!important;height:1px!important;opacity:0!important;pointer-events:none!important}
.whatsapp-support-upload-trigger{
  position:absolute!important;
  right:7px!important;
  bottom:6px!important;
  width:38px!important;
  height:38px!important;
  display:grid!important;
  place-items:center!important;
  padding:0!important;
  border:1px solid rgba(101,129,226,.28)!important;
  border-radius:11px!important;
  background:rgba(49,75,154,.16)!important;
  color:#9db0ff!important;
  cursor:pointer!important;
}
.whatsapp-support-upload-trigger:hover{background:rgba(72,105,210,.22)!important;border-color:rgba(123,149,238,.45)!important}
.whatsapp-support-upload-trigger:disabled{opacity:.55!important;cursor:wait!important}
.whatsapp-support-upload-trigger svg{width:18px!important;height:18px!important;fill:none!important;stroke:currentColor!important;stroke-width:1.8!important;stroke-linecap:round!important;stroke-linejoin:round!important}
.whatsapp-support-upload-trigger.is-uploading svg{animation:customer-support-upload-pulse .85s ease-in-out infinite alternate}
.whatsapp-send-icon{
  width:50px!important;
  height:50px!important;
  min-width:50px!important;
  align-self:end!important;
  border-radius:14px!important;
}
.whatsapp-send-icon svg{width:22px!important;height:22px!important}

/* Suporte do cliente usa o mesmo padrão do Atendimento. */
.customer-support-compose-wrap{
  width:100%!important;
  padding:8px!important;
  box-sizing:border-box!important;
}
.customer-support-compose-wrap .customer-support-composer{
  width:100%!important;
  display:grid!important;
  grid-template-columns:minmax(0,1fr) 50px!important;
  align-items:end!important;
  gap:8px!important;
  margin:0!important;
  padding:0!important;
  box-sizing:border-box!important;
}
.customer-support-input-shell{width:100%!important;min-width:0!important;position:relative!important}
.customer-support-input-shell textarea{
  display:block!important;
  width:100%!important;
  min-width:0!important;
  min-height:50px!important;
  max-height:156px!important;
  padding:13px 50px 13px 14px!important;
  margin:0!important;
  border-radius:15px!important;
  resize:none!important;
  overflow-y:hidden;
  box-sizing:border-box!important;
  line-height:1.45!important;
  transition:height .12s ease,border-color .16s ease,box-shadow .16s ease!important;
}
.customer-support-input-shell textarea::placeholder{color:#7890b5!important;opacity:1!important}
.customer-support-upload-trigger{right:7px!important;bottom:6px!important;top:auto!important;transform:none!important}
.customer-support-send-icon{
  width:50px!important;
  height:50px!important;
  min-width:50px!important;
  display:grid!important;
  place-items:center!important;
  align-self:end!important;
  padding:0!important;
  border:1px solid rgba(84,137,247,.46)!important;
  border-radius:14px!important;
  background:linear-gradient(145deg,#5575ef,#3d8ced)!important;
  color:#fff!important;
  cursor:pointer!important;
  box-shadow:0 8px 18px rgba(47,97,209,.2)!important;
}
.customer-support-send-icon:hover{filter:brightness(1.06)}
.customer-support-send-icon svg{width:22px;height:22px;fill:none;stroke:currentColor;stroke-width:1.9;stroke-linejoin:round;stroke-linecap:round}

@media(max-width:1024px){
  .whatsapp-support-commandbar{grid-template-columns:minmax(0,1fr) auto!important}
  .whatsapp-support-quick-actions{grid-column:2!important;justify-self:end!important;width:auto!important}
  .whatsapp-support-quick-actions>.button{width:auto!important;min-width:126px!important;font-size:.7rem!important}
  .whatsapp-ticket-filters-top{grid-column:1/-1!important}
  .whatsapp-floating-composer,.customer-support-compose-wrap{padding:7px!important}
  .whatsapp-reply-form,.customer-support-compose-wrap .customer-support-composer{grid-template-columns:minmax(0,1fr) 46px!important;gap:7px!important}
  .whatsapp-reply-form textarea,.customer-support-input-shell textarea{min-height:50px!important;max-height:132px!important}
  .whatsapp-send-icon,.customer-support-send-icon{width:46px!important;height:46px!important;min-width:46px!important;border-radius:13px!important}
}
@media(max-width:520px){
  .whatsapp-support-quick-actions>.button{min-width:118px!important;padding:0 11px!important}
  .whatsapp-ticket-list-item.is-closed .whatsapp-ticket-row{padding-right:48px!important}
  .whatsapp-ticket-delete{right:9px!important;width:28px!important;height:28px!important;border-radius:8px!important}
  .whatsapp-floating-composer,.customer-support-compose-wrap{padding:6px!important}
  .whatsapp-reply-form,.customer-support-compose-wrap .customer-support-composer{grid-template-columns:minmax(0,1fr) 44px!important;gap:6px!important}
  .whatsapp-reply-form textarea,.customer-support-input-shell textarea{padding:12px 47px 12px 12px!important;border-radius:14px!important}
  .whatsapp-support-upload-trigger,.customer-support-upload-trigger{width:35px!important;height:35px!important;right:6px!important;bottom:7px!important;border-radius:10px!important}
  .whatsapp-send-icon,.customer-support-send-icon{width:44px!important;height:44px!important;min-width:44px!important;border-radius:12px!important}
  .whatsapp-send-icon svg,.customer-support-send-icon svg{width:20px!important;height:20px!important}
}

.customer-monthly-heading-ui{
grid-template-columns:1fr!important;gap:7px!important;align-items:stretch!important
}
.customer-monthly-heading-ui>.eyebrow{margin:0!important}
.customer-monthly-title-line-ui{
  display:flex;align-items:center;justify-content:space-between;gap:14px;min-width:0;width:100%
}
.customer-monthly-title-line-ui h3{min-width:0}
.customer-monthly-title-line-ui .customer-monthly-current-ui{margin-left:auto!important;justify-self:auto!important;align-self:auto!important}
@media(max-width:1024px){
  .customer-monthly-card-ui{padding:14px!important}
  .customer-monthly-heading-ui{gap:5px!important}
  .customer-monthly-title-line-ui{gap:10px!important;align-items:flex-start!important}
  .customer-monthly-title-line-ui h3{font-size:.92rem!important;line-height:1.2!important;padding-top:1px}
  .customer-monthly-title-line-ui .customer-monthly-current-ui{display:grid!important;justify-items:end!important;gap:1px!important;flex:0 0 auto!important}
  .customer-monthly-title-line-ui .customer-monthly-current-ui strong{font-size:.96rem!important;line-height:1.05!important}
  .customer-monthly-title-line-ui .customer-monthly-current-ui small{font-size:.48rem!important;line-height:1.05!important}
  .customer-monthly-card-ui .customer-monthly-list{margin-top:9px!important}
}

/* Contas, expirados, onlines, revendas/subrevendas e subcontas mantêm o card até o fim da área visível. */
.operation-card{
  min-height:max(340px,calc(100dvh - 225px));
  display:flex;flex-direction:column
}
.operation-card>.table-wrap{flex:1 1 auto}
.operation-card>.operation-empty{flex:1 1 auto;display:grid;place-items:center;align-content:center}
.admin-tenants-card{
  min-height:max(360px,calc(100dvh - 180px));
  display:flex;flex-direction:column
}
.admin-tenants-card>.admin-tenants-table-wrap{flex:1 1 auto}
@media(max-width:1024px){
  .operation-card{min-height:max(360px,calc(100dvh - 190px))}
  .admin-tenants-card{min-height:max(390px,calc(100dvh - 150px))}
}
@media(max-width:1024px){
  .operation-card{min-height:max(390px,calc(100dvh - 170px))}
  .admin-tenants-card{min-height:max(420px,calc(100dvh - 132px))}
}

@media(max-width:1024px){
}

[data-whatsapp-notifications-action].is-installing{
  border-color:rgba(245,158,11,.46)!important;
  background:rgba(245,158,11,.12)!important;
  color:#f7b84b!important;
}
@keyframes titan-notification-installing-pulse{
  0%,100%{transform:scale(1);opacity:.78}
  50%{transform:scale(1.08);opacity:1}
}

.topbar-notification-zone{gap:8px}
.panel-webapp-install-card[hidden]{display:none!important}
.panel-webapp-install-card{height:42px;min-height:42px;padding:0 13px;display:flex;align-items:center;gap:8px;border:1px solid rgba(89,136,214,.24);border-radius:14px;background:linear-gradient(180deg,rgba(10,22,40,.96),rgba(7,17,31,.96));color:#dff1ff;cursor:pointer;box-shadow:0 12px 28px rgba(1,7,17,.16);transition:border-color .16s ease,background .16s ease,opacity .16s ease,color .16s ease}
.panel-webapp-install-card:hover{border-color:rgba(99,183,226,.42);background:linear-gradient(180deg,rgba(13,27,47,.98),rgba(8,19,34,.98));color:#fff}
.panel-webapp-install-card:disabled{opacity:.62;cursor:default}
.panel-webapp-install-icon{width:18px;height:18px;display:grid;place-items:center;flex:0 0 auto;border-radius:0;background:transparent;box-shadow:none}
.panel-webapp-install-icon svg{width:18px;height:18px;fill:none;stroke:currentColor;stroke-width:1.9;stroke-linecap:round;stroke-linejoin:round}
.panel-webapp-install-label{font-size:10px;font-weight:850;white-space:nowrap}
@media(max-width:1024px){.panel-webapp-install-card{width:42px;min-width:42px;padding:0;justify-content:center}.panel-webapp-install-label{position:absolute;width:1px;height:1px;overflow:hidden;clip:rect(0,0,0,0);white-space:nowrap}}

.whatsapp-toast-host{
  position:fixed;
  z-index:3200;
  top:calc(88px + env(safe-area-inset-top,0px));
  right:20px;
  width:min(390px,calc(100vw - 28px));
  display:grid;
  gap:10px;
  pointer-events:none;
}
.whatsapp-browser-toast{
  appearance:none;
  -webkit-appearance:none;
  width:100%;
  min-height:62px;
  margin:0;
  padding:11px 13px;
  display:grid;
  grid-template-columns:36px minmax(0,1fr);
  align-items:center;
  gap:11px;
  border:1px solid rgba(86,225,183,.30);
  border-radius:15px;
  background:rgba(8,20,35,.97);
  box-shadow:0 16px 42px rgba(0,0,0,.42),0 0 0 1px rgba(255,255,255,.018) inset;
  color:#edf6ff;
  font:inherit;
  text-align:left;

  transform:translateY(-12px) scale(.985);
  transition:opacity .18s ease,transform .18s ease,border-color .18s ease;
  pointer-events:auto;
  overflow:hidden;
}
button.whatsapp-browser-toast{cursor:pointer}
.whatsapp-browser-toast.is-visible{opacity:1;transform:translateY(0) scale(1)}
.whatsapp-browser-toast.is-error{border-color:rgba(255,102,122,.42);background:rgba(32,13,22,.97)}
.whatsapp-browser-toast-badge{
  width:36px;
  height:36px;
  display:grid;
  place-items:center;
  border-radius:11px;
  background:rgba(58,207,162,.14);
  color:#65e6ba;
  font-size:17px;
  font-weight:900;
  line-height:1;
}
.whatsapp-browser-toast.is-error .whatsapp-browser-toast-badge{background:rgba(255,91,116,.14);color:#ff8b9a}
.whatsapp-browser-toast-copy{min-width:0;display:grid;gap:3px}
.whatsapp-browser-toast-copy strong{display:block;color:#f4f8ff;font-size:12.5px;font-weight:850;line-height:1.25}
.whatsapp-browser-toast-copy small{display:block;color:#8da0ba;font-size:10.5px;font-weight:600;line-height:1.42;overflow-wrap:anywhere}
@media(max-width:1024px){
  .whatsapp-toast-host{top:calc(70px + env(safe-area-inset-top,0px));left:12px;right:12px;width:auto}
  .whatsapp-browser-toast{min-height:58px;padding:10px 11px;grid-template-columns:34px minmax(0,1fr);border-radius:14px}
  .whatsapp-browser-toast-badge{width:34px;height:34px;border-radius:10px}
}
.whatsapp-browser-toast-copy small{white-space:pre-line}
.notification-center-page{width:min(100%,1040px);margin:0 auto}
.notification-center-hero{display:flex;align-items:center;justify-content:space-between;gap:24px;padding:22px 24px;overflow:hidden;background:linear-gradient(145deg,rgba(14,31,53,.96),rgba(7,19,34,.92))}
.notification-center-hero-copy{min-width:0}.notification-center-hero-copy h2{margin:3px 0 7px;font-size:1.45rem}.notification-center-hero-copy>p:last-child{max-width:720px;margin:0;color:var(--muted);line-height:1.55}
.notification-center-hero-status{display:flex;align-items:center;gap:8px;flex:0 0 auto;padding:9px 12px;border:1px solid rgba(65,211,158,.22);border-radius:999px;background:rgba(31,145,105,.075);color:#cffff0;font-size:.72rem;font-weight:850}.notification-center-live-dot{width:8px;height:8px;border-radius:50%;background:#55dda9;box-shadow:0 0 0 4px rgba(85,221,169,.1)}
.notification-center-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:14px}.notification-center-card{display:grid;grid-template-rows:auto 1fr auto;gap:16px;padding:18px;min-height:230px}.notification-center-card-top{display:flex;align-items:center;justify-content:space-between;gap:12px}.notification-center-card-icon{width:42px;height:42px;display:grid;place-items:center;border:1px solid rgba(107,139,207,.18);border-radius:13px;background:rgba(71,105,180,.09);font-size:19px}.notification-center-card-copy h3{margin:0 0 7px;font-size:1rem}.notification-center-card-copy p{margin:0;color:var(--muted);font-size:.78rem;line-height:1.55;overflow-wrap:anywhere}.notification-center-card>.button{justify-self:start;min-width:170px}
.notification-channel-panel{padding:18px}.notification-channel-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:11px;margin-top:14px}.notification-channel-card{display:grid;gap:5px;padding:14px;border:1px solid rgba(100,132,191,.14);border-radius:14px;background:rgba(7,19,34,.5)}.notification-channel-card strong{font-size:.8rem}.notification-channel-card span{color:var(--muted);font-size:.69rem;line-height:1.45}
.notification-center-modal{display:grid;gap:14px;min-width:0}.notification-modal-summary{display:grid;grid-template-columns:auto minmax(0,1fr);align-items:center;gap:12px;padding:14px;border:1px solid rgba(102,137,206,.18);border-radius:15px;background:rgba(7,19,34,.58)}.notification-modal-symbol{width:42px;height:42px;display:grid;place-items:center;border-radius:13px;background:rgba(75,115,212,.11);font-size:18px}.notification-modal-summary strong{display:block;margin-bottom:4px}.notification-modal-summary p,.notification-modal-info p{margin:0;color:var(--muted);font-size:.76rem;line-height:1.5;white-space:pre-line}.notification-modal-info{display:grid;gap:8px}.notification-modal-note{padding:10px 12px;border:1px solid rgba(255,188,81,.15);border-radius:12px;background:rgba(255,177,61,.055)}.notification-modal-actions{display:flex;justify-content:flex-end}.notification-config-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:11px}.notification-config-wide{grid-column:1/-1}.notification-delivery-form textarea{min-height:150px;resize:vertical}.notification-credential-state{display:flex;align-items:center;gap:10px;margin-bottom:10px}.notification-credential-state small{color:var(--muted);font-size:.7rem}.status-chip.warning{border-color:rgba(255,190,76,.2);background:rgba(255,178,47,.07);color:#ffd18a}.status-chip.danger{border-color:rgba(255,98,122,.2);background:rgba(255,79,108,.07);color:#ff9aaa}
@media(max-width:1024px){.notification-center-hero{align-items:flex-start;flex-direction:column;padding:18px}.notification-center-grid{grid-template-columns:1fr}.notification-channel-grid{grid-template-columns:1fr}.notification-center-card{min-height:0}.notification-config-grid{grid-template-columns:1fr}.notification-config-wide{grid-column:auto}.notification-center-card>.button{width:100%;justify-self:stretch}.notification-center-hero-status{align-self:flex-start}}
@media(max-width:520px){.notification-center-hero{padding:15px}.notification-center-hero-copy h2{font-size:1.18rem}.notification-center-card,.notification-channel-panel{padding:14px}.notification-center-card-top{align-items:flex-start}.notification-modal-actions{display:grid}.notification-modal-actions>.button{width:100%}.notification-credential-state{align-items:flex-start;flex-direction:column}.notification-center-modal .settings-option-card{padding:12px!important}}

.notification-settings-page{max-width:980px}
.notification-settings-actions{align-items:stretch}
.notification-settings-action-card{display:grid;grid-template-rows:1fr auto;gap:16px;min-width:0}
.notification-settings-card-head{display:flex;align-items:flex-start;justify-content:space-between;gap:14px;min-width:0}
.notification-settings-card-head .settings-option-copy{min-width:0}
.notification-settings-card-head .settings-option-copy small{white-space:normal;overflow-wrap:anywhere}
.notification-settings-action-card>.button{justify-self:start;min-width:170px}
.notification-settings-action-wide{grid-template-columns:minmax(0,1fr) auto;grid-template-rows:auto;align-items:center}
.notification-settings-action-wide>.button{justify-self:end}
@media(max-width:1024px){
  .notification-settings-page{max-width:none}
  .notification-settings-action-card>.button{width:100%;justify-self:stretch}
  .notification-settings-action-wide{grid-template-columns:1fr;grid-template-rows:auto auto}
  .notification-settings-action-wide>.button{justify-self:stretch}
}
@media(max-width:520px){
  .notification-settings-card-head{display:grid;grid-template-columns:1fr;gap:10px}
  .notification-settings-card-head .status-chip{justify-self:start}
  .notification-settings-action-card{padding:13px!important}
}

@media (max-width:1024px) {
  .row-actions-table tbody tr {
    align-items: stretch !important;
  }

  /* Mantém usuário/engrenagem no cabeçalho e centraliza somente os dados abaixo. */
  .row-actions-table tbody td:not(:first-child) {
    min-height: 66px !important;

  }
  .row-actions-table tbody td:not(:first-child)::before,
  .row-actions-table tbody td:not(:first-child) > strong,
  .row-actions-table tbody td:not(:first-child) > .table-action,
  .row-actions-table tbody td:not(:first-child) > small {
    width: 100% !important;
    text-align: center !important;
  }
  .row-actions-table tbody td:not(:first-child) .permission-mini {

  }

  /* Linhas com um último bloco ocupando a largura inteira ficam visualmente centralizadas. */
  .online-account-table tbody td:last-child,
  .row-actions-table:not(.online-account-table) tbody tr td:last-child:nth-child(4) {
    justify-items: center !important;
    text-align: center !important;
  }
}

@media (min-width: 521px) and (max-width:1024px) {
  /* Em celulares largos/tablets compactos, os dados de contas online usam toda a largura em 3 colunas. */
  .online-account-table tbody tr {
    grid-template-columns: repeat(3, minmax(0, 1fr)) !important;
  }
  .online-account-table tbody td:first-child {
    grid-column: 1 / -1 !important;
  }
  .online-account-table tbody td:last-child {
    grid-column: auto !important;
  }
}

@media (max-width:1024px) {
  /* Cabeçalho: engrenagem e usuário deixam de parecer um único bloco colado. */
  .row-actions-table .table-user,
  .admin-tenants-table.row-actions-table .table-user {
    gap: 17px !important;

  }
  .row-actions-table .table-user > .row-actions-anchor,
  .admin-tenants-table.row-actions-table .table-user > .row-actions-anchor {
    flex: 0 0 auto !important;
    margin-right: 1px !important;
  }
  .row-actions-table .table-user > div:last-child,
  .admin-tenants-table.row-actions-table .table-user > div:last-child {
    min-width: 0 !important;
  }

  /* Corpo: duas colunas equilibradas, seguindo o mesmo fluxo visual em todas as listas. */
  .row-actions-table tbody tr,
  .online-account-table.row-actions-table tbody tr,
  .admin-tenants-table.row-actions-table tbody tr,
  .subaccount-account-table.row-actions-table tbody tr {
    grid-template-columns: repeat(2, minmax(0, 1fr)) !important;
  }
  .row-actions-table tbody td:first-child {
    grid-column: 1 / -1 !important;
    padding: 12px 13px !important;
  }
  .row-actions-table tbody td:not(:first-child) {
    width: 100% !important;
    min-width: 0 !important;
    min-height: 72px !important;
    padding: 11px 10px !important;
    align-content: center !important;
    justify-items: center !important;
    text-align: center !important;
  }
  .row-actions-table tbody td:not(:first-child)::before {
    width: 100% !important;
    margin-bottom: 5px !important;
    text-align: center !important;
  }
  .row-actions-table tbody td:not(:first-child) > strong,
  .row-actions-table tbody td:not(:first-child) > small,
  .row-actions-table tbody td:not(:first-child) > .table-action,
  .row-actions-table tbody td:not(:first-child) > .tag,
  .row-actions-table tbody td:not(:first-child) > .status-pill,
  .row-actions-table tbody td:not(:first-child) > .status-badge {
    width: 100% !important;
    max-width: 100% !important;
    text-align: center !important;
    justify-content: center !important;
  }
  .row-actions-table tbody td:not(:first-child) .permission-mini {
    width: 100% !important;
    justify-content: center !important;
  }

  /* Listas com quantidade ímpar de blocos: o último usa toda a largura e fica centralizado. */
  .online-account-table.row-actions-table tbody td:last-child,
  .row-actions-table:not(.online-account-table):not(.subaccount-account-table) tbody tr td:last-child:nth-child(4) {
    grid-column: 1 / -1 !important;
    min-height: 68px !important;
  }
}

@media (min-width: 521px) and (max-width:1024px) {
  .online-account-table.row-actions-table tbody tr {
    grid-template-columns: repeat(2, minmax(0, 1fr)) !important;
  }
  .online-account-table.row-actions-table tbody td:first-child,
  .online-account-table.row-actions-table tbody td:last-child {
    grid-column: 1 / -1 !important;
  }
}

.mobile-card-validity,
.mobile-only-card-field{display:none}

@media (max-width:1024px) {
  /* Cabeçalho compacto: [engrenagem] usuário à esquerda e validade no canto direito. */
  .row-actions-table tbody td:first-child,
  .admin-tenants-table.row-actions-table tbody td:first-child,
  .subaccount-account-table.row-actions-table tbody td:first-child{
    position:relative!important;
  }
  .row-actions-table .table-user,
  .admin-tenants-table.row-actions-table .table-user{
    gap:9px!important;
    padding-right:112px!important;
    align-items:center!important;
  }
  .row-actions-table .table-user > .row-actions-anchor,
  .admin-tenants-table.row-actions-table .table-user > .row-actions-anchor{
    margin-right:0!important;
  }
  .mobile-card-validity{
    position:absolute!important;
    z-index:2;
    top:50%;
    right:12px;
    display:grid!important;
    justify-items:end;
    align-content:center;
    gap:2px;
    max-width:104px;
    min-width:72px;
    transform:translateY(-50%);
    text-align:right;
    pointer-events:none;
  }
  .mobile-card-validity strong{
    max-width:100%;

    color:#dce8ff;
    font-size:.72rem!important;
    font-weight:900;
    line-height:1.12!important;

  }
  .mobile-card-validity strong.is-expired{color:#ff8f9f!important}
  .mobile-card-validity small{
    max-width:100%;
    overflow:hidden;
    color:#657d9f;
    font-size:.53rem!important;
    font-weight:700;
    line-height:1.1;
    text-overflow:ellipsis;
    white-space:nowrap;
  }

  /* A validade deixa de ocupar um bloco inferior porque já está no cabeçalho. */
  .row-actions-table tbody td.mobile-card-validity-source,
  .admin-tenants-table.row-actions-table tbody td.mobile-card-validity-source,
  .subaccount-account-table.row-actions-table tbody td.mobile-card-validity-source{
    display:none!important;
  }

  /* Contas: mantém o fluxo do desenho em quatro blocos — mensalidade, limite, WhatsApp e responsável. */
  .account-table.row-actions-table tbody td.mobile-only-card-field{
    display:grid!important;
  }
  .account-table.row-actions-table tbody td.account-monthly-cell .account-desktop-contact{
    display:none!important;
  }
  .account-table.row-actions-table tbody td.account-monthly-cell{order:10}
  .account-table.row-actions-table tbody td[data-mobile-label="Limite"]{order:20}
  .account-table.row-actions-table tbody td.account-mobile-whatsapp{order:30}
  .account-table.row-actions-table tbody td[data-mobile-label="Responsável"]{order:40;grid-column:auto!important}
  .account-table.row-actions-table tbody td:first-child{order:0}
  .account-table.row-actions-table tbody td.mobile-card-validity-source{order:50}

  /* Revendas/subrevendas: a validade sobe; o bloco antigo passa a mostrar somente a mensalidade. */
  .account-table.row-actions-table tbody td.reseller-validity-cell .desktop-validity-value{display:none!important}
  .account-table.row-actions-table tbody td.reseller-validity-cell .table-action{
    margin-top:0!important;
    color:#eef4ff!important;
    font-size:.84rem!important;
    font-weight:850!important;
  }
  .account-table.row-actions-table tbody td.reseller-validity-cell::before{content:"Mensalidade"!important}

  /* Onlines: conexões e consumo dividem a linha; responsável ocupa a linha seguinte. */
  .online-account-table.row-actions-table tbody td[data-mobile-label="Responsável"]{
    grid-column:1 / -1!important;
  }

  /* Subcontas: como a validade foi para o cabeçalho, Tipo usa toda a largura disponível. */
  .subaccount-account-table.row-actions-table tbody td[data-mobile-label="Tipo"]{
    grid-column:1 / -1!important;
  }
  .subaccount-account-table .subaccount-account-title{
    justify-content:flex-start!important;
    gap:7px!important;
  }
  .subaccount-account-table .subaccount-title-status{
    margin-left:0!important;
  }

  /* Administradores: status fica com a identidade; validade ocupa exclusivamente o canto direito. */
  .admin-tenants-table .admin-tenant-primary{
    justify-content:flex-start!important;
    padding-right:112px!important;
  }
  .admin-tenants-table .admin-tenant-status{
    flex:0 0 auto!important;
    margin-left:7px!important;
  }
  .admin-tenants-table.row-actions-table tbody td[data-mobile-label="Cloudflare"]{
    grid-column:1 / -1!important;
  }
}

@media (max-width: 390px) {
  .row-actions-table .table-user,
  .admin-tenants-table.row-actions-table .table-user,
  .admin-tenants-table .admin-tenant-primary{
    padding-right:96px!important;
  }
  .mobile-card-validity{right:10px;max-width:90px;min-width:64px}
  .mobile-card-validity strong{font-size:.68rem!important}
  .mobile-card-validity small{font-size:.49rem!important}
}

@media (max-width:1024px) {
  .mobile-card-validity{
    display:inline-flex!important;
    align-items:center!important;
    justify-content:center!important;
    justify-items:initial!important;
    align-content:initial!important;
    min-width:0!important;
    max-width:110px!important;
    padding:6px 10px!important;
    gap:0!important;
    border:1px solid rgba(113,145,214,.22)!important;
    border-radius:10px!important;
    background:linear-gradient(145deg,rgba(19,39,67,.92),rgba(11,27,48,.90))!important;
    box-shadow:inset 0 1px rgba(255,255,255,.025)!important;
    text-align:center!important;
  }
  .mobile-card-validity strong{
    width:auto!important;
    max-width:100%!important;
    color:#dce8ff!important;
    font-size:.70rem!important;
    font-weight:900!important;
    line-height:1.1!important;
    letter-spacing:.01em;
    text-align:center!important;
    overflow:hidden;
    text-overflow:ellipsis;
    white-space:nowrap;
  }
  .mobile-card-validity strong.is-expired{color:#ff8f9f!important}
  .mobile-card-validity small{display:none!important}
}
@media (max-width:390px){
  .mobile-card-validity{max-width:96px!important;padding:6px 8px!important}
  .mobile-card-validity strong{font-size:.66rem!important}
}

@media (max-width:1024px) {
  /* Engrenagem e usuário próximos, mas com um respiro visual real. */
  .row-actions-table .table-user,
  .admin-tenants-table.row-actions-table .table-user{
    gap:13px!important;
  }
  .row-actions-table .table-user > .row-actions-anchor,
  .admin-tenants-table.row-actions-table .table-user > .row-actions-anchor{
    margin-right:1px!important;
  }

  /* Remove as linhas secundárias abaixo dos valores nos cards responsivos. */
  .row-actions-table tbody td:not(:first-child) small.table-action,
  .row-actions-table .table-user small,
  .admin-tenants-table .admin-tenant-copy small{
    display:none!important;
  }

  /* Contas online: somente Consumo e Responsável, lado a lado. */
  .online-account-table.row-actions-table tbody tr{
    grid-template-columns:repeat(2,minmax(0,1fr))!important;
  }
  .online-account-table.row-actions-table tbody td:first-child{
    grid-column:1 / -1!important;
  }
  .online-account-table.row-actions-table tbody td[data-mobile-label="Consumo"],
  .online-account-table.row-actions-table tbody td[data-mobile-label="Responsável"],
  .online-account-table.row-actions-table tbody td:last-child{
    grid-column:auto!important;
    min-height:72px!important;
  }
}

.operation-card > .operation-empty[hidden],
.online-operation-card > [data-online-empty][hidden] {
  display: none !important;
}

@media (max-width:1024px) {
  /* Reduz somente a caixa do botão; o desenho da engrenagem mantém 20x20. */
  .row-actions-table .row-action-gear,
  .admin-tenants-table.row-actions-table .row-action-gear,
  .subaccount-account-table.row-actions-table .row-action-gear{
    width:34px!important;
    height:34px!important;
    min-width:34px!important;
    border-radius:10px!important;
  }
  .row-actions-table .row-action-gear svg,
  .admin-tenants-table.row-actions-table .row-action-gear svg,
  .subaccount-account-table.row-actions-table .row-action-gear svg{
    width:20px!important;
    height:20px!important;
  }
  /* Pequeno respiro entre o botão e o usuário, sem afastamento exagerado. */
  .row-actions-table .table-user,
  .admin-tenants-table.row-actions-table .table-user,
  .subaccount-account-table.row-actions-table .table-user{
    gap:8px!important;
  }
  .row-actions-table .table-user > .row-actions-anchor,
  .admin-tenants-table.row-actions-table .table-user > .row-actions-anchor,
  .subaccount-account-table.row-actions-table .table-user > .row-actions-anchor{
    margin-right:0!important;
  }
}

.mobile-reseller-monthly-value{display:none}
@media (max-width:1024px){
  .account-table.row-actions-table tbody td.reseller-validity-cell .mobile-reseller-monthly-value{
    display:block!important;
    color:#eef4ff!important;
    font-size:.84rem!important;
    font-weight:850!important;
    line-height:1.25!important;
  }
  .account-table.row-actions-table tbody td.reseller-mobile-whatsapp{
    display:grid!important;
  }
}

.is-pagination-hidden {
    display: none !important;
}
.list-pagination {
    display: flex;
    align-items: center;
    justify-content: center;
    gap: 8px;
    flex-wrap: wrap;
    width: 100%;
    padding: 18px 12px 4px;
}
.list-pagination[hidden] {
    display: none !important;
}
.list-pagination-pages {
    display: flex;
    align-items: center;
    justify-content: center;
    gap: 6px;
}
.list-pagination-arrow,
.list-pagination-page {
    appearance: none;
    border: 1px solid rgba(105, 159, 232, .24);
    background: rgba(14, 34, 59, .76);
    color: var(--text, #eef6ff);
    min-width: 36px;
    height: 36px;
    padding: 0 10px;
    border-radius: 10px;
    font: inherit;
    font-weight: 800;
    cursor: pointer;
    transition: border-color .16s ease, background .16s ease, opacity .16s ease, transform .16s ease;
}
.list-pagination-arrow:hover:not(:disabled),
.list-pagination-page:hover:not(.is-active) {
    border-color: rgba(65, 218, 193, .58);
    transform: translateY(-1px);
}
.list-pagination-page.is-active {
    border-color: rgba(65, 218, 193, .72);
    background: rgba(25, 126, 122, .28);
    color: #72f0d6;
}
.list-pagination-arrow:disabled {
    opacity: .34;
    cursor: default;
}
.list-pagination-ellipsis {
    min-width: 20px;
    text-align: center;
    color: var(--muted, #7f9fc7);
    font-weight: 800;
}
.list-pagination-summary {
    margin-left: 4px;
    color: var(--muted, #7f9fc7);
    font-size: .78rem;
    font-weight: 700;
    white-space: nowrap;
}
@media (max-width: 1024px) {
    .list-pagination {
        padding: 14px 6px 2px;
        gap: 6px;
    }
    .list-pagination-arrow,
    .list-pagination-page {
        min-width: 34px;
        height: 34px;
        border-radius: 9px;
        padding: 0 8px;
        font-size: .82rem;
    }
    .list-pagination-summary {
        width: 100%;
        margin-left: 0;
        text-align: center;
        font-size: .72rem;
    }
}

.online-account-count-only {
    grid-template-columns: minmax(72px, 108px) !important;
    min-width: 0 !important;
}
@media (max-width: 1024px) {
    .online-account-count-only {
        width: auto !important;
        justify-self: end;
        grid-template-columns: minmax(72px, 96px) !important;
    }
}

.list-pagination-summary {
    display: none !important;
}

@media (max-width:1024px) {
  .subaccount-account-table.row-actions-table tbody td[data-mobile-label="Consumo"],
  .subaccount-account-table.row-actions-table tbody td[data-mobile-label="Tipo"] {
    grid-column:auto!important;
    min-height:72px!important;
  }
  .subaccount-account-table .subaccount-account-title {
    display:block!important;
  }
}

@media (max-width:1024px) {
  /* Mantém o usuário verticalmente centralizado com a engrenagem no cabeçalho. */
  .subaccount-account-table .subaccount-account-title {
    display:flex!important;
    align-items:center!important;
    align-self:stretch!important;
    min-width:0!important;
    min-height:34px!important;
    line-height:1!important;
  }
  .subaccount-account-table .subaccount-account-title > strong {
    display:block!important;
    width:100%!important;
    min-width:0!important;
    line-height:1.12!important;
  }

  /* A identidade sempre respeita o espaço reservado para o badge da direita. */
  .row-actions-table .table-user > div:last-child,
  .admin-tenants-table.row-actions-table .admin-tenant-copy {
    flex:1 1 auto!important;
    min-width:0!important;
    max-width:100%!important;
    overflow:hidden!important;
  }
}

/* Fallback final caso um nome excepcionalmente longo ainda atinja o tamanho mínimo. */
.row-actions-table .table-user strong[data-titan-auto-fit-name],
.admin-tenants-table .admin-tenant-copy > strong[data-titan-auto-fit-name] {
  display:block!important;
  min-width:0!important;
  max-width:100%!important;
  overflow:hidden!important;
  text-overflow:ellipsis!important;
  white-space:nowrap!important;
}

@media(max-width:1024px){
  .account-table.row-actions-table tbody tr.is-expired-operation{border-color:rgba(244,91,111,.22)!important;box-shadow:inset 3px 0 0 rgba(244,91,111,.5)!important}
  .account-table.row-actions-table tbody tr.is-expired-operation .mobile-card-validity strong{color:#ff8f9f!important}
}
.account-table .row-action-gear.is-expired{border-color:rgba(244,91,111,.24)!important;background:rgba(226,61,83,.08)!important;color:#ff93a2!important}

.backup-job-floater{z-index:885}
body:has(.server-job-floater:not(.backup-job-floater):not([hidden])) .backup-job-floater:not([hidden]){bottom:max(92px,calc(env(safe-area-inset-bottom) + 92px))}
@media(max-width:640px){body:has(.server-job-floater:not(.backup-job-floater):not([hidden])) .backup-job-floater:not([hidden]){bottom:max(86px,calc(env(safe-area-inset-bottom) + 86px))}}

.whatsapp-browser-toast.is-description-only{
  min-height:48px;
  padding:12px 14px;
  grid-template-columns:minmax(0,1fr);
  gap:0;
}
.whatsapp-browser-toast.is-description-only .whatsapp-browser-toast-copy{gap:0}
.whatsapp-browser-toast.is-description-only .whatsapp-browser-toast-copy small{
  color:#eef5ff;

}
@media(max-width:1024px){
  .whatsapp-browser-toast.is-description-only{min-height:46px;padding:11px 13px;grid-template-columns:minmax(0,1fr)}
}
/* Flash messages deixam o fluxo do layout desde o primeiro frame; o JS as converte em toast. */
.app-shell .alert.success,.app-shell .alert.error{
  position:absolute!important;
  width:1px!important;
  height:1px!important;
  margin:0!important;
  padding:0!important;
  border:0!important;
  overflow:hidden!important;
  clip:rect(0 0 0 0)!important;
  clip-path:inset(50%)!important;
  white-space:nowrap!important;
}

.app-page .sidebar-session-card {
  position: relative;
  padding: 13px 14px !important;
  gap: 7px !important;
  border-radius: 15px !important;
  border-color: rgba(112,143,207,.22) !important;
  background: linear-gradient(145deg,rgba(17,34,58,.88),rgba(12,25,44,.84)) !important;
  box-shadow: inset 0 1px 0 rgba(255,255,255,.02);
}
.app-page .sidebar-session-card:hover {
  border-color: rgba(104,139,234,.34) !important;
  background: linear-gradient(145deg,rgba(21,42,71,.94),rgba(14,30,52,.90)) !important;
}
.app-page .sidebar-session-card:focus-visible {
  outline: 2px solid rgba(105,139,255,.82);
  outline-offset: 2px;
}
.app-page .sidebar-session-label {
  color: #7e91ae !important;
  font-size: 9.5px !important;
  font-weight: 800 !important;
  letter-spacing: .11em;
  line-height: 1.1;
  text-transform: uppercase;
}
.app-page .sidebar-session-identity {
  min-width: 0;
  width: 100%;

}
.app-page .sidebar-session-identity strong {
  display: block;
  flex: 1 1 auto;
  width: auto;
  min-width: 0;
  max-width: 100%;
  overflow: hidden;

  font-size: 15.5px;
  font-weight: 760 !important;
  line-height: 1.16;
  letter-spacing: -.015em;
  text-overflow: ellipsis;
  white-space: nowrap;
}
.app-page .sidebar-session-identity small {
  display: inline-flex;
  flex: 0 0 auto;
  max-width: 42%;
  padding: 3px 7px;
  overflow: hidden;
  border: 1px solid rgba(111,143,207,.18);
  border-radius: 999px;
  background: rgba(92,126,255,.07);

  line-height: 1.15;
  text-overflow: ellipsis;
  white-space: nowrap;
}

.app-page .topbar-title h1{font-size:18px!important;line-height:1.15!important;letter-spacing:-.025em!important}
.app-page .topbar-title .eyebrow{font-size:9px!important;line-height:1.2!important;margin-bottom:4px!important}
.profile-password-card-ui{padding:20px!important}
.profile-password-card-ui .card-heading{margin-bottom:14px!important}
.profile-password-card-ui .card-heading h3{margin-bottom:5px!important}
.profile-password-card-ui .card-heading p:last-child{max-width:680px;margin-bottom:0!important}
.profile-password-form-ui{max-width:none!important;display:grid!important;gap:12px!important}
.profile-password-form-ui label{display:grid!important;gap:8px!important}
.profile-password-form-ui input{min-height:46px!important}
.profile-password-form-ui .form-actions{margin-top:2px!important}
.profile-password-form-ui .form-actions .button{width:100%!important;min-width:0!important;min-height:48px!important}
@media(max-width:700px){
  .app-page .topbar-title h1{font-size:18px!important}
  .profile-password-card-ui{padding:15px!important;border-radius:17px!important}
}

.app-page .sidebar-session-card{
  min-height:72px;
}
.app-page .sidebar-session-identity{
  padding-right:min(44%,120px);
}
.app-page .sidebar-session-identity small{
  position:absolute!important;
  top:50%!important;
  right:14px!important;
  transform:translateY(-50%)!important;
  margin:0!important;
}

/* Histórico de consumo: as duas colunas compartilham as mesmas duas linhas. */
.customer-monthly-card-ui{
  gap:10px!important;
  padding-bottom:12px!important;
}
.customer-monthly-heading-ui{
  display:grid!important;
  grid-template-columns:minmax(0,1fr) auto!important;
  grid-template-rows:auto auto!important;
  column-gap:14px!important;
  row-gap:4px!important;
  align-items:center!important;
}
.customer-monthly-heading-ui>.eyebrow{
  grid-column:1!important;
  grid-row:1!important;
  align-self:end!important;
  margin:0!important;
}
.customer-monthly-title-line-ui{
  display:contents!important;
}
.customer-monthly-title-line-ui h3{
  grid-column:1!important;
  grid-row:2!important;
  align-self:start!important;
  margin:0!important;
  padding:0!important;
}
.customer-monthly-title-line-ui .customer-monthly-current-ui{
  display:contents!important;
}
.customer-monthly-title-line-ui .customer-monthly-current-ui small{
  grid-column:2!important;
  grid-row:1!important;
  align-self:end!important;
  justify-self:end!important;
  line-height:1!important;
}
.customer-monthly-title-line-ui .customer-monthly-current-ui strong{
  grid-column:2!important;
  grid-row:2!important;
  align-self:start!important;
  justify-self:end!important;
  line-height:1.08!important;
}
.customer-monthly-card-ui .customer-monthly-list{
  margin-top:5px!important;
}
@media(max-width:1024px){
  .app-page .sidebar-session-card{min-height:70px}
  .app-page .sidebar-session-identity{padding-right:min(46%,112px)}
  .app-page .sidebar-session-identity small{right:13px!important}
  .customer-monthly-card-ui{padding-bottom:10px!important}
  .customer-monthly-heading-ui{column-gap:10px!important;row-gap:3px!important}
  .customer-monthly-card-ui .customer-monthly-list{margin-top:4px!important}
}

.app-page .sidebar-session-identity{
  padding-right:0!important;

}
.app-page .sidebar-session-identity strong{

}
.app-page .sidebar-session-identity small{

}
@media(max-width:1024px){
  .app-page .sidebar-session-identity{padding-right:0!important}
  .app-page .sidebar-session-identity small{right:auto!important}
}

.app-page .sidebar-session-card{
  min-height:0!important;
  padding:9px 11px!important;
  gap:4px!important;

}
.app-page .sidebar-session-label{

}
.app-page .sidebar-session-identity{

  min-height:0!important;

}
.app-page .sidebar-session-identity strong{

  font-size:13px!important;
  line-height:1.16!important;

}
/* O badge mantém exatamente o visual original; só participa do alinhamento flex da linha. */
.app-page .sidebar-session-identity small{

  height:auto!important;
  min-height:0!important;

  padding:3px 7px!important;

  line-height:1.15!important;

  box-sizing:content-box!important;
}
@media(max-width:1024px){
  .app-page .sidebar-session-card{min-height:0!important;padding:8px 10px!important;gap:4px!important}
  .app-page .sidebar-session-identity{min-height:0!important;gap:7px!important}
  .app-page .sidebar-session-identity strong{font-size:12.5px!important;line-height:1.16!important}
  .app-page .sidebar-session-identity small{height:auto!important;min-height:0!important;padding:3px 7px!important}
}

.app-page .sidebar-session-card{
  padding:8px 10px!important;
  gap:5px!important;
  border-radius:13px!important;
  border-color:rgba(112,143,207,.24)!important;
  background:linear-gradient(145deg,rgba(17,34,58,.92),rgba(10,23,41,.88))!important;
  box-shadow:inset 0 1px 0 rgba(255,255,255,.025),0 6px 18px rgba(1,8,18,.08)!important;
}
.app-page .sidebar-session-card:hover{
  border-color:rgba(111,146,238,.34)!important;
  background:linear-gradient(145deg,rgba(20,40,68,.96),rgba(12,28,49,.92))!important;
}
.app-page .sidebar-session-label{
  margin:0!important;
  font-size:8.5px!important;
  line-height:1!important;
  letter-spacing:.105em!important;
}
.app-page .sidebar-session-identity{
  display:flex!important;
  align-items:center!important;
  width:100%!important;
  min-width:0!important;
  min-height:26px!important;
  gap:7px!important;
  padding:0!important;
  margin:0!important;
}
.app-page .sidebar-session-user-icon{
  width:25px!important;
  height:25px!important;
  flex:0 0 25px!important;
  display:inline-flex!important;
  align-items:center!important;
  justify-content:center!important;
  border:1px solid rgba(105,137,224,.24)!important;
  border-radius:9px!important;
  background:linear-gradient(145deg,rgba(76,111,222,.16),rgba(42,73,158,.08))!important;
  color:#8fa8da!important;
  box-shadow:inset 0 1px 0 rgba(255,255,255,.025)!important;
}
.app-page .sidebar-session-user-svg{
  width:13px!important;
  height:13px!important;
  fill:none!important;
  stroke:currentColor!important;
  stroke-width:1.8!important;
  stroke-linecap:round!important;
  stroke-linejoin:round!important;
}
.app-page .sidebar-session-identity strong{
  display:block!important;
  flex:1 1 auto!important;
  min-width:0!important;
  margin:0!important;
  padding:0!important;
  align-self:center!important;
  color:#edf3ff!important;
  font-size:12.5px!important;
  font-weight:740!important;
  line-height:1!important;
  text-overflow:ellipsis!important;
  white-space:nowrap!important;
}
.app-page .sidebar-session-identity small{
  position:static!important;
  flex:0 0 auto!important;
  display:inline-flex!important;
  align-items:center!important;
  justify-content:center!important;
  align-self:center!important;
  height:20px!important;
  min-height:20px!important;
  max-width:42%!important;
  margin:0 0 0 auto!important;
  padding:0 8px!important;
  box-sizing:border-box!important;
  border:1px solid rgba(111,143,207,.18)!important;
  border-radius:999px!important;
  background:rgba(92,126,255,.07)!important;
  color:#8397b7!important;
  font-size:9.5px!important;
  font-weight:700!important;
  line-height:18px!important;
  text-overflow:ellipsis!important;
  white-space:nowrap!important;
  overflow:hidden!important;
  top:auto!important;
  right:auto!important;
  transform:none!important;
}
@media(max-width:1024px){
  .app-page .sidebar-session-card{padding:8px 9px!important;gap:5px!important}
  .app-page .sidebar-session-identity{min-height:25px!important;gap:6px!important}
  .app-page .sidebar-session-user-icon{width:24px!important;height:24px!important;flex-basis:24px!important;border-radius:8px!important}
  .app-page .sidebar-session-user-svg{width:12.5px!important;height:12.5px!important}
  .app-page .sidebar-session-identity strong{font-size:12px!important;line-height:1!important}
  .app-page .sidebar-session-identity small{height:20px!important;min-height:20px!important;padding:0 8px!important;font-size:9.5px!important;line-height:18px!important}
}

.app-page .sidebar-session-card{
  position:relative!important;
}
.app-page .sidebar-session-identity{
  padding-right:76px!important;
}
.app-page .sidebar-session-identity small{
  position:absolute!important;
  top:50%!important;
  right:10px!important;
  transform:translateY(-50%)!important;
  z-index:2!important;
  margin:0!important;
  align-self:auto!important;
  box-shadow:0 5px 14px rgba(2,9,20,.16),inset 0 1px 0 rgba(255,255,255,.025)!important;
}
@media(max-width:1024px){
  .app-page .sidebar-session-identity{padding-right:72px!important}
  .app-page .sidebar-session-identity small{right:9px!important}
}

.app-page .sidebar-footer .sidebar-logout-button{
  min-height:44px!important;
  padding:6px 10px!important;
  gap:8px!important;
}
.app-page .sidebar-logout-icon{
  width:25px;
  height:25px;
  flex:0 0 25px;
  display:inline-flex;
  align-items:center;
  justify-content:center;
  border:1px solid rgba(105,137,224,.24);
  border-radius:9px;
  background:linear-gradient(145deg,rgba(76,111,222,.14),rgba(42,73,158,.07));
  color:#8fa8da;
  box-shadow:inset 0 1px 0 rgba(255,255,255,.025);
}
.app-page .sidebar-logout-svg{
  width:13px;
  height:13px;
  fill:none;
  stroke:currentColor;
  stroke-width:1.8;
  stroke-linecap:round;
  stroke-linejoin:round;
}
.app-page .sidebar-logout-button:hover .sidebar-logout-icon{
  border-color:rgba(255,112,128,.28);
  background:rgba(255,94,112,.08);
  color:#f0a2ad;
}
.impersonation-return-form{margin:0;display:flex;align-items:center}
.impersonation-return-button{
  min-height:38px;
  padding:0 12px;
  display:inline-flex;
  align-items:center;
  justify-content:center;
  gap:7px;
  border:1px solid rgba(95,130,235,.30);
  border-radius:11px;
  background:linear-gradient(145deg,rgba(69,101,208,.16),rgba(27,55,119,.12));
  color:#a9bdf1;
  font-size:11px;
  font-weight:800;
  white-space:nowrap;
  cursor:pointer;
  transition:border-color .16s ease,background .16s ease,color .16s ease,transform .16s ease;
}
.impersonation-return-button:hover{
  border-color:rgba(105,142,255,.48);
  background:linear-gradient(145deg,rgba(77,112,230,.22),rgba(31,63,139,.18));
  color:#d9e4ff;
  transform:translateY(-1px);
}
.impersonation-return-button .button-svg{width:15px;height:15px}
@media(max-width:640px){
  .impersonation-return-button{width:38px;min-width:38px;padding:0;border-radius:10px}
  .impersonation-return-button span{display:none}
}

.whatsapp-browser-toast.is-description-only{
  min-height:0;
  padding:11px 10px 11px 13px;
  grid-template-columns:minmax(0,1fr) 28px;
  align-items:center;
  gap:8px;
  border-color:rgba(51,212,155,.28);
  border-radius:12px;
  background:rgba(11,31,38,.97);
  box-shadow:0 16px 42px rgba(0,0,0,.34),0 0 0 1px rgba(255,255,255,.018) inset;
}
.whatsapp-browser-toast.is-description-only.is-error{
  border-color:rgba(255,107,123,.30);
  background:rgba(39,16,25,.97);
}
.whatsapp-browser-toast.is-description-only .whatsapp-browser-toast-copy small{
  color:#a9efd4;
  font-size:12px;
  font-weight:700;
  line-height:1.45;
}
.whatsapp-browser-toast.is-description-only.is-error .whatsapp-browser-toast-copy small{color:#ffc0c8}
.panel-flash-toast-close{
  appearance:none;
  -webkit-appearance:none;
  width:28px;
  height:28px;
  display:grid;
  place-items:center;
  padding:0;
  border:0;
  border-radius:8px;
  background:transparent;
  color:#8ba0b9;
  font:700 19px/1 system-ui,sans-serif;
  cursor:pointer;
  transition:background .16s ease,color .16s ease;
}
.panel-flash-toast-close:hover,.panel-flash-toast-close:focus-visible{background:rgba(255,255,255,.07);color:#eef6ff;outline:0}
@media(max-width:1024px){
  .whatsapp-browser-toast.is-description-only{padding:10px 9px 10px 12px;grid-template-columns:minmax(0,1fr) 28px;border-radius:12px}
}

@media(max-width:560px){

}

.row-actions-modal-actions{
  gap:8px!important;
  padding:13px 14px 16px!important;
}
.row-actions-modal-actions>*,
.row-actions-modal-actions>form{
  min-height:54px!important;
  border-radius:14px!important;
}
.row-actions-modal-actions>form>button,
.row-actions-modal-actions>.row-actions-premium-control{
  grid-template-columns:40px minmax(0,1fr) 16px!important;
  min-height:54px!important;
  padding:7px 12px!important;
  gap:10px!important;
}
.row-action-premium-icon{
  width:38px!important;
  height:38px!important;
  border-radius:11px!important;
}
.row-action-premium-icon svg{width:18px!important;height:18px!important}
.row-action-premium-copy{align-self:center!important}
.row-action-premium-copy strong{font-size:.79rem!important;line-height:1.18!important}
.row-action-premium-copy small{display:none!important}
.row-action-premium-arrow svg{width:14px!important;height:14px!important}

.panel-app-file-field{grid-column:1/-1!important}

.app-download-unified-page{
  width:min(100%,760px);
  margin-inline:auto;
}
.app-download-unified-shell{
  padding:16px!important;
  overflow:hidden;
}
.app-download-unified-heading{
  margin:0!important;
  padding:0 0 12px!important;
  border-bottom:1px solid rgba(141,181,217,.12);
}
.app-download-unified-heading h3{
  margin-top:3px!important;
  font-size:1.15rem!important;
}
.app-download-unified-list{
  display:grid;
  gap:12px;
  margin-top:12px;
}
.app-download-unified-card{
  display:grid;
  gap:11px;
  min-width:0;
  padding:13px;
  border:1px solid rgba(123,154,218,.18);
  border-radius:16px;
  background:rgba(7,18,32,.58);
}
.app-download-unified-identity{
  display:flex;
  align-items:center;
  gap:11px;
  min-width:0;
}
.app-download-unified-icon{
  display:grid;
  place-items:center;
  flex:0 0 auto;
  width:50px!important;
  height:50px!important;
  border-radius:14px!important;
  overflow:hidden;
  border:1px solid rgba(123,154,218,.18);
  background:linear-gradient(145deg,rgba(9,22,36,.96),rgba(5,13,24,.98));
  color:#eef4ff;
  font-size:1rem!important;
  font-weight:900;
}
.app-download-unified-icon img{
  display:block;
  width:100%;
  height:100%;
  object-fit:cover;
  border-radius:inherit;
}
.app-download-unified-identity .app-copy{min-width:0}
.app-download-unified-identity .app-copy strong{
  display:block;
  overflow:hidden;
  text-overflow:ellipsis;
  white-space:nowrap;
  font-size:.98rem!important;
}
.app-download-unified-metrics{
  display:grid;
  grid-template-columns:repeat(2,minmax(0,1fr));
  gap:8px;
}
.app-download-unified-metric{
  display:grid;
  gap:4px;
  min-width:0;
  padding:10px 12px;
  border:1px solid rgba(123,154,218,.16);
  border-radius:12px;
  background:rgba(6,17,31,.44);
}
.app-download-unified-metric span{
  font-size:.62rem;
  font-weight:850;
  letter-spacing:.07em;
  text-transform:uppercase;
  color:#82a1cf;
}
.app-download-unified-metric strong{
  font-size:.88rem;
  color:#f4f8ff;
  overflow-wrap:anywhere;
}
.app-download-unified-news{
  display:grid;
  gap:7px;
  padding:10px 12px;
  border:1px solid rgba(123,154,218,.14);
  border-radius:12px;
  background:rgba(6,17,31,.34);
}
.app-download-unified-news>.eyebrow{margin:0!important}
.app-download-unified-news ul{
  display:grid;
  gap:5px;
  margin:0;
  padding-left:17px;
  color:#c9d6e8;
  font-size:.72rem;
  line-height:1.38;
}
.app-download-no-news{
  margin:0;
  color:#849ab8;
  font-size:.7rem;
  line-height:1.4;
}
.app-download-unified-actions{
  display:grid;
  grid-template-columns:repeat(2,minmax(0,1fr));
  gap:8px;
}
.app-download-unified-actions .button{
  width:100%;
  min-width:0;
  min-height:42px!important;
}
.app-download-unified-actions .app-copy-link svg{
  width:15px;
  height:15px;
  fill:none;
  stroke:currentColor;
  stroke-width:1.8;
  stroke-linecap:round;
  stroke-linejoin:round;
}

@media (max-width:680px){
  .row-actions-modal-actions{padding:11px 10px 14px!important;gap:7px!important}
  .row-actions-modal-actions>*,
  .row-actions-modal-actions>form{min-height:50px!important}
  .row-actions-modal-actions>form>button,
  .row-actions-modal-actions>.row-actions-premium-control{
    grid-template-columns:36px minmax(0,1fr) 14px!important;
    min-height:50px!important;
    padding:6px 10px!important;
    gap:9px!important;
  }
  .row-action-premium-icon{width:34px!important;height:34px!important}
  .row-action-premium-icon svg{width:16px!important;height:16px!important}
  .row-action-premium-copy strong{font-size:.73rem!important}
  .panel-app-publish-fields{grid-template-columns:1fr!important}
  .panel-app-file-field{grid-column:auto!important}
  .app-download-unified-shell{padding:13px!important}
  .app-download-unified-card{padding:11px;gap:9px;border-radius:14px}
  .app-download-unified-icon{width:46px!important;height:46px!important;border-radius:13px!important}
  .app-download-unified-metric{padding:9px 10px}
  .app-download-unified-actions{grid-template-columns:1fr 1fr!important}
}

.app-download-unified-heading{padding-bottom:9px!important}
.app-download-unified-heading .eyebrow{margin:0!important}
.app-download-unified-actions-single{grid-template-columns:1fr!important}
.customer-app-unified-page{width:min(100%,760px);margin-inline:auto}
@media (max-width:680px){
  .app-download-unified-actions-single{grid-template-columns:1fr!important}
}

.apps-premium-page .app-upload-panel{padding-top:16px}
.apps-premium-page .app-upload-panel>.stack-form{margin-top:0}
@media(max-width:1024px){.apps-premium-page .app-upload-panel{padding-top:14px}}

.panel-app-icon-card{
  grid-column:1/-1;
  width:min(100%,390px);
  padding:10px 12px;
  border:1px solid rgba(123,165,222,.18);
  border-radius:16px;
  background:rgba(7,19,34,.34);
}
.panel-app-icon-setting{gap:7px}
.panel-app-icon-setting .panel-icon-setting-heading{margin:0 0 5px}
.panel-app-icon-setting .panel-icon-setting-heading small{font-size:.66rem;color:#7897c3;letter-spacing:.01em}
.panel-app-icon-setting .panel-icon-setting-row{display:flex;align-items:center;gap:10px}
.panel-app-icon-preview{width:54px!important;height:54px!important;min-width:54px;border-radius:14px!important}
.panel-app-icon-preview img{width:100%;height:100%;object-fit:cover;border-radius:inherit}
.panel-app-icon-preview [data-site-icon-fallback]{font-size:1.15rem;font-weight:900;color:#dfeaff}
.panel-app-icon-upload-wrap{display:flex;align-items:center;min-width:0}
.panel-app-icon-upload-button{min-height:42px;padding:0 18px!important;font-size:.78rem}
@media(max-width:680px){
  .panel-app-icon-card{width:100%;padding:9px 10px}
  .panel-app-icon-preview{width:50px!important;height:50px!important;min-width:50px}
  .panel-app-icon-upload-button{min-height:40px;padding:0 14px!important}
}
.access-denied-premium{
  width:min(100%,620px);
  margin:28px auto;
  padding:28px;
  display:grid;
  grid-template-columns:auto minmax(0,1fr);
  gap:18px 20px;
  align-items:center;
  border:1px solid rgba(105,151,223,.24);
  background:linear-gradient(145deg,rgba(17,35,61,.94),rgba(8,21,38,.97));
  box-shadow:0 18px 44px rgba(0,0,0,.22);
}
.access-denied-icon{
  width:58px;height:58px;display:grid;place-items:center;border-radius:17px;
  color:#86adff;background:rgba(54,102,196,.16);border:1px solid rgba(96,145,239,.26)
}
.access-denied-icon svg{width:28px;height:28px;fill:none;stroke:currentColor;stroke-width:1.8;stroke-linecap:round;stroke-linejoin:round}
.access-denied-copy{min-width:0}
.access-denied-copy .eyebrow{margin:0 0 5px;color:#7da2d8;font-size:.67rem;font-weight:900;letter-spacing:.16em;text-transform:uppercase}
.access-denied-copy h2{margin:0;color:#f4f8ff;font-size:1.45rem;line-height:1.15}
.access-denied-copy p:not(.eyebrow){margin:9px 0 0;color:#a9bdd8;font-size:.88rem;line-height:1.5}
.access-denied-actions{grid-column:1/-1;padding-top:3px}
.access-denied-actions .button{min-width:150px}
.error-card-premium{width:min(100%,620px);margin:28px auto;padding:28px;display:grid;gap:20px}
.error-card-premium h2{margin:0 0 8px}.error-card-premium p{margin:0;color:#a9bdd8;line-height:1.5}
@media(max-width:620px){
  .access-denied-premium{margin:18px auto;padding:22px;grid-template-columns:1fr;gap:14px}
  .access-denied-icon{width:52px;height:52px}
  .access-denied-actions{grid-column:1}.access-denied-actions .button{width:100%}
}

.topbar-support-availability{
  position:relative;width:42px;min-width:42px;height:42px;padding:0;display:grid;place-items:center;
  border:1px solid rgba(78,151,230,.26);border-radius:12px;background:rgba(30,79,135,.10);color:#8ebaff;
  cursor:pointer;box-shadow:0 10px 24px rgba(1,7,17,.10);transition:border-color .16s ease,background .16s ease,color .16s ease
}
.topbar-support-availability:hover{border-color:rgba(92,158,236,.48);background:rgba(44,101,164,.16)}
.topbar-support-availability .button-svg{width:19px;height:19px;fill:none;stroke:currentColor;stroke-width:1.8;stroke-linecap:round;stroke-linejoin:round}
.topbar-support-availability-dot{position:absolute;right:7px;bottom:7px;width:7px;height:7px;border-radius:50%;border:2px solid #0a1525;background:#8290a4;box-sizing:content-box}
.topbar-support-availability.is-available{color:#7ce7bd;border-color:rgba(54,202,145,.30);background:rgba(24,139,100,.09)}
.topbar-support-availability.is-available .topbar-support-availability-dot{background:#39ca92}
.topbar-support-availability.is-unavailable{color:#a8b6c9;border-color:rgba(148,163,184,.20);background:rgba(148,163,184,.05)}
.topbar-support-availability.is-unavailable .topbar-support-availability-dot{background:#7f8da2}

.whatsapp-support-commandbar{grid-template-columns:minmax(0,1fr)!important;padding:10px!important}
.whatsapp-ticket-filters-top{grid-column:1/-1!important;width:100%!important;margin:0!important}
.whatsapp-ticket-filters-top a{position:relative;overflow:hidden}
@keyframes titan-support-new-message{
  0%,100%{box-shadow:0 0 0 0 rgba(72,132,255,0);border-color:rgba(98,141,216,.16)}
  50%{box-shadow:0 0 0 3px rgba(72,132,255,.14),0 0 22px rgba(72,132,255,.20);border-color:rgba(92,147,255,.58)}
}
.whatsapp-ticket-filters-top a.has-new-message{animation:titan-support-new-message 2.6s ease-in-out infinite}
.whatsapp-ticket-filters-top a.has-new-message .whatsapp-filter-badge{background:rgba(74,126,235,.28);color:#e8f0ff;border-color:rgba(104,155,255,.34)}
@media(prefers-reduced-motion:reduce){.whatsapp-ticket-filters-top a.has-new-message{animation:none;box-shadow:0 0 0 2px rgba(72,132,255,.15)}}

/* Imagens no Atendimento/Suporte: sem moldura externa e um pouco menores. */
.whatsapp-message.has-media>div,
.customer-support-message:not(.is-system).has-media>.customer-support-message-bubble{
  padding:0!important;border:0!important;background:transparent!important;box-shadow:none!important;overflow:visible!important
}
.whatsapp-message.has-media{max-width:min(310px,66%)!important}
.whatsapp-message-image,
.customer-support-image-button.whatsapp-message-image{
  display:block!important;width:auto!important;max-width:min(290px,58vw)!important;padding:0!important;margin:0!important;
  border:0!important;outline:0!important;border-radius:9px!important;background:transparent!important;box-shadow:none!important;overflow:hidden!important
}
.whatsapp-message-image img,
.customer-support-image-button.whatsapp-message-image img{
  display:block!important;width:auto!important;max-width:100%!important;height:auto!important;max-height:350px!important;
  object-fit:contain!important;border:0!important;outline:0!important;border-radius:9px!important;background:transparent!important;box-shadow:none!important
}

@media(max-width:1024px){
  /* Um atendimento aberto vira uma experiência de chat em tela cheia. */
  body.titan-attendance-chat-fullscreen,
  body.titan-customer-support-chat-fullscreen{overflow:hidden!important;height:100dvh!important;min-height:100dvh!important}
  body.titan-attendance-chat-fullscreen .sidebar,
  body.titan-attendance-chat-fullscreen .sidebar-overlay,
  body.titan-attendance-chat-fullscreen .topbar,
  body.titan-customer-support-chat-fullscreen .sidebar,
  body.titan-customer-support-chat-fullscreen .sidebar-overlay,
  body.titan-customer-support-chat-fullscreen .topbar{display:none!important}
  body.titan-attendance-chat-fullscreen .app-shell,
  body.titan-customer-support-chat-fullscreen .app-shell{display:block!important;width:100%!important;height:100dvh!important;min-height:100dvh!important;overflow:hidden!important}
  body.titan-attendance-chat-fullscreen .main-content,
  body.titan-customer-support-chat-fullscreen .main-content{width:100%!important;height:100dvh!important;min-height:100dvh!important;overflow:hidden!important;margin:0!important}
  body.titan-attendance-chat-fullscreen .page-content,
  body.titan-customer-support-chat-fullscreen .page-content{width:100%!important;height:100dvh!important;min-height:100dvh!important;padding:0!important;margin:0!important;overflow:hidden!important}

  body.titan-attendance-chat-fullscreen .whatsapp-support-page.has-selected{width:100%!important;height:100dvh!important;min-height:100dvh!important;max-height:100dvh!important;margin:0!important;padding:0!important;gap:0!important;overflow:hidden!important}
  body.titan-attendance-chat-fullscreen .whatsapp-support-page.has-selected .whatsapp-support-commandbar{display:none!important}
  body.titan-attendance-chat-fullscreen .whatsapp-support-page.has-selected .whatsapp-support-layout{display:block!important;width:100%!important;height:100%!important;min-height:0!important;margin:0!important;padding:0!important;gap:0!important}
  body.titan-attendance-chat-fullscreen .whatsapp-support-page.has-selected .whatsapp-ticket-sidebar{display:none!important}
  body.titan-attendance-chat-fullscreen .whatsapp-support-page.has-selected .whatsapp-conversation-panel{
    display:flex!important;flex-direction:column!important;width:100%!important;height:100dvh!important;min-height:0!important;max-height:100dvh!important;
    margin:0!important;border:0!important;border-radius:0!important;box-shadow:none!important;overflow:hidden!important
  }
  body.titan-attendance-chat-fullscreen .whatsapp-conversation-header{flex:0 0 auto!important;padding:10px 12px!important}
  body.titan-attendance-chat-fullscreen .whatsapp-customer-context{flex:0 0 auto!important}
  body.titan-attendance-chat-fullscreen .whatsapp-conversation-messages{flex:1 1 auto!important;min-height:0!important;height:auto!important;padding:10px 12px!important;overflow-y:auto!important}
  body.titan-attendance-chat-fullscreen .whatsapp-conversation-actions{position:relative!important;bottom:auto!important;flex:0 0 auto!important;width:100%!important;margin:0!important;padding:8px 10px calc(8px + env(safe-area-inset-bottom))!important;border-radius:0!important;box-shadow:0 -10px 26px rgba(2,8,20,.26)!important}

  body.titan-customer-support-chat-fullscreen .customer-support-page{display:block!important;width:100%!important;height:100dvh!important;min-height:100dvh!important;margin:0!important;padding:0!important;overflow:hidden!important}
  body.titan-customer-support-chat-fullscreen .customer-support-chat{
    display:flex!important;flex-direction:column!important;width:100%!important;height:100dvh!important;min-height:0!important;max-height:100dvh!important;
    margin:0!important;border:0!important;border-radius:0!important;box-shadow:none!important;overflow:hidden!important
  }
  body.titan-customer-support-chat-fullscreen .customer-support-chat-header{flex:0 0 auto!important;padding:11px 12px!important}
  body.titan-customer-support-chat-fullscreen .customer-support-messages{flex:1 1 auto!important;min-height:0!important;height:auto!important;padding:10px 12px!important;overflow-y:auto!important}
  body.titan-customer-support-chat-fullscreen .customer-support-compose-wrap,
  body.titan-customer-support-chat-fullscreen .customer-support-waiting-lock,
  body.titan-customer-support-chat-fullscreen .customer-support-closed{position:relative!important;bottom:auto!important;flex:0 0 auto!important;width:100%!important;margin:0!important;border-radius:0!important;padding-bottom:calc(8px + env(safe-area-inset-bottom))!important}

  .whatsapp-message.has-media{max-width:min(270px,76%)!important}
  .whatsapp-message-image,.customer-support-image-button.whatsapp-message-image{max-width:min(255px,64vw)!important}
  .whatsapp-message-image img,.customer-support-image-button.whatsapp-message-image img{max-height:315px!important}
}
@media(max-width:520px){
  .topbar-support-availability{width:40px;min-width:40px;height:40px;border-radius:11px}
  .whatsapp-message.has-media{max-width:min(245px,82%)!important}
  .whatsapp-message-image,.customer-support-image-button.whatsapp-message-image{max-width:min(230px,68vw)!important}
  .whatsapp-message-image img,.customer-support-image-button.whatsapp-message-image img{max-height:285px!important}
}

.topbar-support-availability,
.topbar-support-availability.is-available,
.topbar-support-availability.is-unavailable{
  color:#8ebaff!important;
  border-color:rgba(78,151,230,.26)!important;
  background:rgba(30,79,135,.10)!important;
}
.topbar-support-availability:hover,
.topbar-support-availability.is-available:hover,
.topbar-support-availability.is-unavailable:hover{
  color:#a9c9ff!important;
  border-color:rgba(92,158,236,.48)!important;
  background:rgba(44,101,164,.16)!important;
}
.topbar-support-availability-dot{display:none!important}

.whatsapp-ticket-row.titan-support-reason-row{
  grid-template-columns:40px minmax(0,1fr)!important;
  gap:11px!important;
  align-items:center!important;
}
.whatsapp-ticket-user-icon{
  width:40px;height:40px;display:grid;place-items:center;align-self:center;
  border:1px solid rgba(99,145,224,.22);border-radius:12px;
  background:linear-gradient(145deg,rgba(39,77,145,.18),rgba(18,42,80,.22));
  color:#89adf4;box-shadow:inset 0 0 0 1px rgba(255,255,255,.015)
}
.whatsapp-ticket-user-icon svg{width:19px;height:19px;fill:none;stroke:currentColor;stroke-width:1.8;stroke-linecap:round;stroke-linejoin:round}
.whatsapp-ticket-row.titan-support-reason-row .whatsapp-ticket-copy{gap:5px!important;align-self:center}

.panel-app-icon-card.panel-app-icon-card-single{
  order:-1;
  width:100%!important;
  max-width:none!important;
  display:grid;
  gap:12px;
  padding:14px 16px!important;
  border:1px solid rgba(123,165,222,.18);
  border-radius:16px;
  background:rgba(7,19,34,.34);
}
.panel-app-icon-card-title{display:flex;align-items:center;min-height:20px}
.panel-app-icon-card-title strong{font-size:.82rem;color:#eef5ff;font-weight:850}
.panel-app-icon-row{display:flex;align-items:center;gap:12px;min-width:0}
.panel-app-icon-card-single .panel-app-icon-preview{width:54px!important;height:54px!important;min-width:54px!important;margin:0!important}
.panel-app-icon-card-single .panel-app-icon-upload-wrap{display:flex;align-items:center;min-width:0}
.panel-app-icon-card-single .panel-app-icon-upload-button{min-height:42px!important;padding:0 18px!important;font-size:.78rem!important}
.panel-app-publish-fields{
  grid-template-columns:repeat(2,minmax(0,1fr))!important;
  gap:12px!important;
}
.panel-app-publish-fields>label{min-width:0}
.panel-app-file-field{grid-column:1/-1!important}

@media(max-width:680px){
  .whatsapp-ticket-row.titan-support-reason-row{grid-template-columns:38px minmax(0,1fr)!important;gap:10px!important}
  .whatsapp-ticket-user-icon{width:38px;height:38px;border-radius:11px}
  .whatsapp-ticket-user-icon svg{width:18px;height:18px}
  .panel-app-icon-card.panel-app-icon-card-single{padding:12px 13px!important;gap:10px}
  .panel-app-icon-row{gap:10px}
  .panel-app-icon-card-single .panel-app-icon-preview{width:50px!important;height:50px!important;min-width:50px!important}
  .panel-app-icon-card-single .panel-app-icon-upload-button{min-height:40px!important;padding:0 14px!important}
  .panel-app-publish-fields{grid-template-columns:repeat(2,minmax(0,1fr))!important;gap:8px!important}
  .panel-app-file-field{grid-column:1/-1!important}
}

.app-publish-unified-page{max-width:1040px}
.app-publish-unified-panel>.stack-form{gap:16px}
.app-publish-unified-panel .app-publish-unified-fields{grid-template-columns:repeat(2,minmax(0,1fr))!important;gap:12px!important}
.app-publish-unified-panel .panel-app-file-field{grid-column:1/-1!important}
@media(max-width:680px){
  .app-publish-unified-panel .app-publish-unified-fields{grid-template-columns:repeat(2,minmax(0,1fr))!important;gap:8px!important}
}

.row-actions-modal-actions > *,
.row-actions-modal-actions > form {
  width:100%!important;
  max-width:none!important;
  min-width:0!important;
  align-self:stretch!important;
  box-sizing:border-box!important;
  margin:0!important;
}
.row-actions-modal-actions > form > button,
.row-actions-modal-actions > .row-actions-premium-control {
  width:100%!important;
  box-sizing:border-box!important;
  grid-template-columns:40px minmax(0,1fr) 18px!important;
  align-items:center!important;
}
.row-actions-modal-actions .row-action-premium-icon {
  width:40px!important;
  height:40px!important;
  min-width:40px!important;
  justify-self:start!important;
}
.row-actions-modal-actions .row-action-premium-copy {
  min-width:0!important;
  justify-self:stretch!important;
  text-align:left!important;
}
.row-actions-modal-actions .row-action-premium-arrow {
  width:18px!important;
  justify-self:end!important;
}
.row-actions-modal-actions>[data-row-action-kind="entrar-no-painel"]{order:5!important}
.row-actions-modal-actions>[data-row-action-kind="editar"]{order:10!important}
.row-actions-modal-actions>[data-row-action-kind="renovar"]{order:20!important}
.row-actions-modal-actions>[data-row-action-kind="suspender"]{order:40!important}
.row-actions-modal-actions>[data-row-action-kind="consumo"]{order:50!important}
.row-actions-modal-actions>[data-row-action-kind="remover"]{order:60!important}
.row-actions-modal-actions>[data-row-action-kind="entrar-no-painel"] .row-action-premium-icon{
  border-color:rgba(105,140,215,.28)!important;
  background:rgba(36,55,93,.42)!important;
  color:#9db4ff!important;
}
@media(max-width:680px){
  .row-actions-modal-actions > form > button,
  .row-actions-modal-actions > .row-actions-premium-control{
    grid-template-columns:36px minmax(0,1fr) 16px!important;
  }
  .row-actions-modal-actions .row-action-premium-icon{
    width:36px!important;height:36px!important;min-width:36px!important;
  }
}

.app-theme-editor-head{padding:16px 18px!important}
.app-theme-editor-head .premium-panel-heading{margin-top:8px!important}
.app-theme-editor-head .premium-panel-heading h3{margin:2px 0 0!important}
.app-theme-editor-preview{gap:12px!important;padding:16px!important}
.app-theme-preview-label{min-height:28px!important}
.app-theme-config-form{padding:16px!important;gap:14px!important}
.app-theme-field-group{grid-template-columns:minmax(0,1fr)!important;gap:10px!important;padding:14px!important}
.app-theme-field-group .form-grid{margin:0!important}
.app-theme-toggle-section-head{align-items:center!important}
.theme-management-modal .theme-modal-grid{gap:12px!important}
.row-actions-modal-actions>.row-actions-premium-control,.row-actions-modal-actions>form>.row-actions-premium-control{align-items:center!important}
.row-action-premium-copy{align-self:center!important}
@media(max-width:1024px){
  .app-theme-editor-head{padding:14px!important}
  .app-theme-config-form,.app-theme-editor-preview{padding:14px!important}
}

.sidebar .nav-tree {
    gap: 2px;
}
.sidebar .nav-tree .nav-section {
    margin: 0 0 2px;
}
.sidebar .nav-tree .nav-link,
.sidebar .nav-tree .nav-group-toggle {
    min-height: 54px;
    padding: 0 12px;
    gap: 12px;
    border: 1px solid transparent !important;
    border-radius: 14px;
    background: transparent !important;
    box-shadow: none !important;
    transition: background .18s ease, border-color .18s ease, color .18s ease, transform .18s ease;
}
.sidebar .nav-tree .nav-group-main {
    gap: 12px;
}
.sidebar .nav-tree .nav-icon {
    width: 34px;
    height: 34px;
    border: 1px solid rgba(132, 153, 191, .06) !important;
    border-radius: 10px;
    background: rgba(112, 135, 176, .025) !important;
    color: #8999b1 !important;
    box-shadow: none !important;
    transition: background .18s ease, border-color .18s ease, color .18s ease;
}
.sidebar .nav-tree .nav-copy strong {
    font-size: 15px;
    font-weight: 670;
    line-height: 1.15;
    letter-spacing: -.012em;
}
.sidebar .nav-tree .nav-chevron {
    width: 30px;
    height: 30px;
    margin-left: auto;
    border-radius: 9px;
    color: #8393aa;
    transition: transform .2s ease, color .18s ease, background .18s ease;
}
.sidebar .nav-tree .nav-link.active,
.sidebar .nav-tree .nav-group-toggle.active {
    border-color: rgba(91, 123, 239, .16) !important;
    background: linear-gradient(90deg, rgba(78, 109, 222, .16), rgba(65, 91, 162, .055)) !important;
    color: #f1f5fb !important;
    box-shadow: inset 0 1px 0 rgba(255, 255, 255, .025) !important;
}
.sidebar .nav-tree .nav-link.active::before,
.sidebar .nav-tree .nav-group-toggle.active::before {
    display: block !important;
    position: absolute;
    top: 11px;
    bottom: 11px;
    left: 2px;
    width: 3px;
    border-radius: 999px;
    background: linear-gradient(180deg, #7897ff, #4d73ef);
    box-shadow: 0 0 10px rgba(79, 112, 238, .34);
    content: "";
}
.sidebar .nav-tree .nav-link.active .nav-icon,
.sidebar .nav-tree .nav-group-toggle.active .nav-icon {
    border-color: rgba(100, 132, 243, .13) !important;
    background: rgba(76, 108, 219, .075) !important;
    color: #aab9ff !important;
}
.sidebar .nav-tree .nav-group.open > .nav-group-toggle {
    border-color: rgba(128, 150, 190, .08) !important;
    background: rgba(102, 124, 163, .055) !important;
    color: #e8edf5 !important;
    box-shadow: none !important;
}
.sidebar .nav-tree .nav-group.open > .nav-group-toggle .nav-icon {
    border-color: rgba(118, 143, 190, .08) !important;
    background: rgba(97, 121, 166, .045) !important;
    color: #b7c3d6 !important;
}
.sidebar .nav-tree .nav-group.open > .nav-group-toggle .nav-chevron {
    color: #aebdff;
    background: rgba(91, 122, 231, .065);
}
.sidebar .nav-tree .nav-submenu {
    position: relative;
    margin: 4px 0 7px 19px;
    padding: 4px 0 4px 17px;
    gap: 3px;
    border: 0;
    border-left: 1px solid rgba(124, 147, 187, .17);
    border-radius: 0;
    background: transparent;
}
.sidebar .nav-tree .nav-sublink {
    position: relative;
    min-height: 44px;
    padding: 0 11px;
    gap: 10px;
    border: 1px solid transparent !important;
    border-radius: 11px;
    background: transparent !important;
    color: #9aa9bd !important;
    font-size: 13.5px;
    font-weight: 590;
    box-shadow: none !important;
}
.sidebar .nav-tree .nav-sublink-icon {
    width: 27px;
    height: 27px;
    border: 0 !important;
    border-radius: 8px;
    background: rgba(105, 128, 170, .025) !important;
    color: #8293ab !important;
}
.sidebar .nav-tree .nav-sublink.active {
    border-color: rgba(91, 123, 239, .10) !important;
    background: rgba(78, 108, 211, .105) !important;
    color: #eef3fb !important;
}
.sidebar .nav-tree .nav-sublink.active::before {
    display: block !important;
    position: absolute;
    top: 50%;
    left: -20px;
    width: 5px;
    height: 5px;
    border-radius: 50%;
    background: #7897ff;
    box-shadow: 0 0 8px rgba(91, 123, 239, .45);
    transform: translateY(-50%);
    content: "";
}
.sidebar .nav-tree .nav-sublink.active .nav-sublink-icon {
    background: rgba(77, 109, 221, .07) !important;
    color: #a8b7ff !important;
}
.sidebar .nav-tree .nav-divider {
    height: 1px;
    margin: 10px 7px 9px;
    background: linear-gradient(90deg, transparent, rgba(132, 153, 190, .18) 14%, rgba(132, 153, 190, .18) 86%, transparent);
}

@media (hover: hover) and (pointer: fine) {
    .sidebar .nav-tree .nav-link:hover,
    .sidebar .nav-tree .nav-group-toggle:hover {
        border-color: rgba(124, 148, 191, .08) !important;
        background: rgba(95, 117, 157, .06) !important;
        color: #e8edf5 !important;
        transform: translateX(1px);
    }
    .sidebar .nav-tree .nav-link:hover .nav-icon,
    .sidebar .nav-tree .nav-group-toggle:hover .nav-icon {
        border-color: rgba(130, 153, 194, .09) !important;
        background: rgba(112, 136, 177, .045) !important;
        color: #b2bfd2 !important;
    }
    .sidebar .nav-tree .nav-sublink:hover {
        border-color: rgba(124, 148, 191, .07) !important;
        background: rgba(95, 117, 157, .055) !important;
        color: #e4eaf3 !important;
    }
}

/* A barra fica discreta em repouso e reaparece ao rolar ou passar o mouse. */
.sidebar .nav {
    scrollbar-width: thin;
    scrollbar-color: transparent transparent;
}
.sidebar .nav::-webkit-scrollbar {
    width: 5px;
}
.sidebar .nav::-webkit-scrollbar-track {
    background: transparent;
}
.sidebar .nav::-webkit-scrollbar-thumb {
    border-radius: 999px;
    background: transparent;
}
.sidebar .nav:hover,
.sidebar .nav.is-scrolling {
    scrollbar-color: rgba(83, 116, 231, .62) transparent;
}
.sidebar .nav:hover::-webkit-scrollbar-thumb,
.sidebar .nav.is-scrolling::-webkit-scrollbar-thumb {
    background: linear-gradient(180deg, rgba(92, 126, 242, .72), rgba(67, 98, 202, .58));
}

@media (max-width: 1024px) {
    .sidebar .nav-tree .nav-link,
    .sidebar .nav-tree .nav-group-toggle {
        min-height: 56px;
        padding: 0 12px;
    }
    .sidebar .nav-tree .nav-copy strong {
        font-size: 15px;
    }
    .sidebar .nav-tree .nav-sublink {
        min-height: 46px;
        font-size: 14px;
    }
}

.sidebar .nav-tree .nav-single-option{
    cursor:pointer;
}

/* O chat ocupa exatamente o espaço restante da tela no desktop, sem empurrar o compositor para fora. */
.whatsapp-support-layout{
    height:var(--titan-support-layout-height,clamp(460px,calc(100dvh - 215px),780px))!important;
    min-height:0!important;
    max-height:none!important;
}
.whatsapp-ticket-sidebar,
.whatsapp-conversation-panel{
    height:100%!important;
    min-height:0!important;
    max-height:100%!important;
}
.whatsapp-ticket-list,
.whatsapp-conversation-messages{
    min-height:0!important;
    overflow-y:auto!important;
    overscroll-behavior:contain!important;
}
.whatsapp-conversation-panel{
    overflow:hidden!important;
}
.customer-support-chat{
    height:var(--titan-customer-support-chat-height,calc(100dvh - 148px))!important;
    min-height:0!important;
    max-height:none!important;
    overflow:hidden!important;
}
.customer-support-messages{
    min-height:0!important;
    overflow-y:auto!important;
    overscroll-behavior:contain!important;
}

/* Em telas mais baixas, cabeçalho/contexto cedem espaço à conversa sem alterar a área de toque. */
@media (min-width:1025px) and (max-height:760px){
    .whatsapp-support-commandbar{padding:8px 10px!important}
    .whatsapp-ticket-filters-top a{padding:8px 9px!important}
    .whatsapp-conversation-header{padding:10px 12px!important}
    .whatsapp-customer-context>div{padding:8px 10px!important}
    .whatsapp-conversation-messages{padding:11px 13px!important}
    .whatsapp-conversation-actions{padding:9px 11px!important}
    .customer-support-chat-header{padding:10px 12px!important}
    .customer-support-messages{padding:10px 12px!important}
}

@media (max-width:1024px){
    body.titan-attendance-chat-fullscreen,
    body.titan-customer-support-chat-fullscreen{
        height:var(--titan-support-visual-height,100dvh)!important;
        min-height:var(--titan-support-visual-height,100dvh)!important;
        max-height:var(--titan-support-visual-height,100dvh)!important;
        overflow:hidden!important;
    }
    body.titan-attendance-chat-fullscreen .app-shell,
    body.titan-customer-support-chat-fullscreen .app-shell,
    body.titan-attendance-chat-fullscreen .main-content,
    body.titan-customer-support-chat-fullscreen .main-content,
    body.titan-attendance-chat-fullscreen .page-content,
    body.titan-customer-support-chat-fullscreen .page-content{
        height:var(--titan-support-visual-height,100dvh)!important;
        min-height:var(--titan-support-visual-height,100dvh)!important;
        max-height:var(--titan-support-visual-height,100dvh)!important;
    }
    body.titan-attendance-chat-fullscreen .whatsapp-support-page.has-selected,
    body.titan-attendance-chat-fullscreen .whatsapp-support-page.has-selected .whatsapp-support-layout,
    body.titan-attendance-chat-fullscreen .whatsapp-support-page.has-selected .whatsapp-conversation-panel,
    body.titan-customer-support-chat-fullscreen .customer-support-page,
    body.titan-customer-support-chat-fullscreen .customer-support-chat{
        height:var(--titan-support-visual-height,100dvh)!important;
        min-height:0!important;
        max-height:var(--titan-support-visual-height,100dvh)!important;
    }
    .whatsapp-support-layout:not(.has-selected){
        height:var(--titan-support-layout-height,calc(100dvh - 225px))!important;
        min-height:0!important;
    }
    .whatsapp-support-layout:not(.has-selected) .whatsapp-ticket-sidebar{
        height:100%!important;
        min-height:0!important;
    }
}

.my-reseller-page-ui{
    display:grid;
    gap:18px;
    width:100%;
}
.my-reseller-page-ui>.panel-card{
    margin:0;
}
.my-reseller-overview-ui{
    display:grid;
    gap:20px;
    overflow:hidden;
}
.my-reseller-identity-ui{
    display:grid;
    grid-template-columns:auto minmax(0,1fr) minmax(220px,auto);
    align-items:center;
    gap:16px;
}
.my-reseller-avatar-ui{
    width:58px;
    height:58px;
    min-width:58px;
    display:grid;
    place-items:center;
    font-size:20px;
}
.my-reseller-identity-copy-ui{
    min-width:0;
}
.my-reseller-identity-copy-ui h2{
    margin:2px 0 4px;
    overflow-wrap:anywhere;
}
.my-reseller-identity-copy-ui>p:not(.eyebrow){
    margin:0;
    color:var(--muted,#8ea0b8);
    overflow-wrap:anywhere;
}
.my-reseller-tags-ui{
    display:flex;
    flex-wrap:wrap;
    gap:8px;
    margin-top:10px;
}
.my-reseller-renewal-value-ui{
    display:grid;
    gap:3px;
    min-width:220px;
    padding:14px 16px;
    border:1px solid rgba(92,126,242,.28);
    border-radius:16px;
    background:linear-gradient(135deg,rgba(68,93,180,.16),rgba(22,39,66,.34));
}
.my-reseller-renewal-value-ui small,
.my-reseller-summary-grid-ui small{
    color:var(--muted,#8ea0b8);
}
.my-reseller-renewal-value-ui strong{
    font-size:24px;
    line-height:1.15;
    letter-spacing:-.025em;
}
.my-reseller-renewal-value-ui span{
    color:var(--muted,#8ea0b8);
    font-size:12px;
    line-height:1.4;
}
.my-reseller-summary-grid-ui{
    display:grid;
    grid-template-columns:repeat(5,minmax(0,1fr));
    gap:10px;
}
.my-reseller-summary-grid-ui article{
    display:grid;
    gap:7px;
    align-content:start;
    min-width:0;
    min-height:78px;
    padding:13px 14px;
    border:1px solid var(--border,#203149);
    border-radius:14px;
    background:rgba(5,18,34,.34);
}
.my-reseller-summary-grid-ui strong{
    overflow-wrap:anywhere;
}
.my-reseller-actions-grid-ui{
    display:grid;
    grid-template-columns:repeat(2,minmax(0,1fr));
    align-items:start;
    gap:18px;
}
.my-reseller-actions-grid-ui.renewal-only-layout{
    grid-template-columns:minmax(0,1fr);
}
.my-reseller-action-card-ui{
    display:grid;
    gap:16px;
    margin:0;
    min-width:0;
}
.my-reseller-card-heading-ui{
    margin:0;
}
.my-reseller-card-heading-ui h3{
    margin-bottom:4px;
}
.my-reseller-card-heading-ui p:last-child{
    margin-bottom:0;
}
.my-reseller-price-breakdown-ui{
    display:grid;
    grid-template-columns:repeat(3,minmax(0,1fr));
    gap:9px;
}
.my-reseller-price-breakdown-ui article{
    display:grid;
    gap:6px;
    min-width:0;
    padding:12px 13px;
    border:1px solid var(--border,#203149);
    border-radius:13px;
    background:rgba(5,18,34,.34);
}
.my-reseller-price-breakdown-ui article span{
    color:var(--muted,#8ea0b8);
    font-size:12px;
}
.my-reseller-price-breakdown-ui .renewal-total{
    border-color:rgba(92,126,242,.35);
    background:rgba(68,93,180,.12);
}
.my-reseller-price-breakdown-ui .renewal-total strong{
    font-size:18px;
}
.my-reseller-action-card-ui .renewal-primary-form .button{
    min-height:48px;
    width:100%;
}
.my-reseller-plan-list-ui{
    margin:0;
}
.my-reseller-plan-row-ui{
    min-width:0;
}
.my-reseller-plan-row-ui .plan-row-main{
    min-width:0;
}
.my-reseller-plan-row-ui .button{
    min-height:44px;
}
.my-reseller-history-ui{
    min-width:0;
}
.my-reseller-table-wrap-ui{
    width:100%;
    overflow-x:auto;
    overscroll-behavior-x:contain;
}

@media (max-width:1180px){
    .my-reseller-summary-grid-ui{
        grid-template-columns:repeat(3,minmax(0,1fr));
    }
}

@media (max-width:860px){
    .my-reseller-identity-ui{
        grid-template-columns:auto minmax(0,1fr);
    }
    .my-reseller-renewal-value-ui{
        grid-column:1/-1;
        min-width:0;
    }
    .my-reseller-actions-grid-ui{
        grid-template-columns:minmax(0,1fr);
    }
    .my-reseller-summary-grid-ui{
        grid-template-columns:repeat(2,minmax(0,1fr));
    }
}

@media (max-width:600px){
    .my-reseller-page-ui{
        gap:14px;
    }
    .my-reseller-overview-ui,
    .my-reseller-action-card-ui,
    .my-reseller-history-ui{
        padding:16px;
    }
    .my-reseller-identity-ui{
        gap:12px;
    }
    .my-reseller-avatar-ui{
        width:52px;
        height:52px;
        min-width:52px;
    }
    .my-reseller-renewal-value-ui{
        padding:13px 14px;
    }
    .my-reseller-renewal-value-ui strong{
        font-size:22px;
    }
    .my-reseller-summary-grid-ui{
        grid-template-columns:repeat(2,minmax(0,1fr));
        gap:8px;
    }
    .my-reseller-summary-grid-ui article{
        min-height:74px;
        padding:11px 12px;
    }
    .my-reseller-price-breakdown-ui{
        grid-template-columns:minmax(0,1fr);
    }
    .my-reseller-plan-row-ui{
        align-items:stretch;
    }
    .my-reseller-plan-row-ui form,
    .my-reseller-plan-row-ui .button{
        width:100%;
    }
    .my-reseller-plan-row-ui .button{
        min-height:48px;
    }
}

@media (max-width:410px){
    .my-reseller-summary-grid-ui{
        grid-template-columns:minmax(0,1fr);
    }
}

.phone-input-with-action.phone-input-with-action.phone-input-with-action{
  display:grid!important;
  grid-template-columns:82px 96px minmax(0,1fr) 88px!important;
  grid-template-rows:auto auto!important;
  align-items:stretch!important;
  gap:8px!important;
  width:100%!important;
  max-width:none!important;
}
.phone-input-with-action.phone-input-with-action.phone-input-with-action .phone-input-grid{
  display:contents!important;
  width:auto!important;
  max-width:none!important;
}
.phone-input-with-action.phone-input-with-action.phone-input-with-action .phone-input-grid input{
  width:100%!important;
  min-width:0!important;
  grid-row:1!important;
  min-height:48px!important;
}
.phone-input-with-action.phone-input-with-action.phone-input-with-action .phone-input-grid input:nth-child(1){grid-column:1!important}
.phone-input-with-action.phone-input-with-action.phone-input-with-action .phone-input-grid input:nth-child(2){grid-column:2!important}
.phone-input-with-action.phone-input-with-action.phone-input-with-action .phone-input-grid input:nth-child(3){
  grid-column:1 / -1!important;
  grid-row:2!important;
}
.phone-input-with-action.phone-input-with-action.phone-input-with-action .compact-paste-button{
  grid-column:4!important;
  grid-row:1!important;
  width:88px!important;
  min-width:88px!important;
  min-height:48px!important;
  align-self:stretch!important;
  margin:0!important;
}
@media(max-width:1024px){
  .phone-input-with-action.phone-input-with-action.phone-input-with-action{
    grid-template-columns:72px 84px minmax(0,1fr) 78px!important;
    gap:7px!important;
  }
  .phone-input-with-action.phone-input-with-action.phone-input-with-action .compact-paste-button{
    width:78px!important;
    min-width:78px!important;
  }
}
@media(max-width:560px){
  .phone-input-with-action.phone-input-with-action.phone-input-with-action{
    grid-template-columns:62px 72px minmax(0,1fr) 68px!important;
    gap:6px!important;
  }
  .phone-input-with-action.phone-input-with-action.phone-input-with-action .phone-input-grid input{
    min-height:46px!important;
    padding-inline:9px!important;
    font-size:13px!important;
  }
  .phone-input-with-action.phone-input-with-action.phone-input-with-action .compact-paste-button{
    width:68px!important;
    min-width:68px!important;
    min-height:46px!important;
    padding-inline:8px!important;
    font-size:12px!important;
  }
}
@media(max-width:380px){
  .phone-input-with-action.phone-input-with-action.phone-input-with-action{
    grid-template-columns:56px 64px minmax(0,1fr) 64px!important;
    gap:5px!important;
  }
  .phone-input-with-action.phone-input-with-action.phone-input-with-action .compact-paste-button{
    width:64px!important;
    min-width:64px!important;
    padding-inline:6px!important;
  }
}

.account-customer-form {
    --account-form-gap: 14px;
    --account-field-gap: 10px;
}
.account-customer-form.account-create-compact,
.operation-modal-page .account-customer-form.account-create-compact {
    gap: var(--account-form-gap);
}
.account-customer-form .flow-step {
    min-width: 0;
}
.account-customer-form .form-grid,
.account-customer-form .compact-fields {
    min-width: 0;
    gap: var(--account-field-gap);
}
.account-customer-form .form-grid > label,
.account-customer-form .compact-fields > label,
.account-customer-form .standalone-field-card > label {
    min-width: 0;
}
.account-customer-form .inline-password {

    display: grid;
    grid-template-columns: minmax(0, 1fr) auto;
    gap: 8px;
    align-items: stretch;
}
.account-customer-form .inline-password > input {

}
.account-customer-form .inline-password > .button {
    min-width: 82px;
    margin: 0;
}
.account-customer-form .account-edit-paired-cards {
    display: grid;
    grid-template-columns: repeat(2, minmax(0, 1fr));
    gap: 12px;
    min-width: 0;
}
.account-customer-form .account-edit-paired-cards.account-edit-value-only {
    grid-template-columns: minmax(0, 1fr);
}
.account-customer-form .account-edit-paired-cards .flow-step,
.account-customer-form .account-edit-paired-cards .compact-money-field {
    width: 100%;
    max-width: none;
    min-width: 0;
}
.account-customer-form .account-expiry-premium,
.account-customer-form .account-trial-duration {
    max-width: 100%;
}
.account-customer-form .trial-hours-row {
    width: min(100%, 240px);
}

@media (max-width: 1024px) {
    .ui-modal.modal-variant-operation.is-account-customer {
        width: min(720px, calc(100vw - 28px));
        max-height: calc(100dvh - 24px);
    }
    .ui-modal.modal-variant-operation.is-account-customer .ui-modal-body {
        padding: 14px 15px 16px;
        overflow-y: auto;
        overscroll-behavior: contain;
    }
    .account-customer-form {
        --account-form-gap: 12px;
        --account-field-gap: 9px;
    }
    .account-customer-form .flow-step-head {
        margin-bottom: 9px !important;
    }
    .account-customer-form .form-grid.two-columns,
    .account-customer-form .compact-fields.two-columns {
        grid-template-columns: repeat(2, minmax(0, 1fr));
    }
    .account-customer-form .choice-cards,
    .account-customer-form [data-account-mode],
    .account-customer-form .expiry-premium-main {
        gap: 8px;
    }
    .account-customer-form .account-edit-paired-cards {
        gap: 9px;
    }
    .account-customer-form .account-edit-paired-cards .flow-step {
        padding: 13px !important;
    }
    .account-customer-form .operation-form-actions {
        gap: 8px;
    }
}

@media (max-width: 680px) {
    .ui-modal.modal-variant-operation.is-account-customer {
        width: calc(100vw - 18px);
        max-height: calc(100dvh - 16px);
        border-radius: 15px;
    }
    .ui-modal.modal-variant-operation.is-account-customer .ui-modal-header {
        padding-inline: 14px;
    }
    .ui-modal.modal-variant-operation.is-account-customer .ui-modal-body {
        padding: 12px 12px 14px;
    }
    .account-customer-form {
        --account-form-gap: 11px;
        --account-field-gap: 8px;
    }
    .account-customer-form .form-grid.two-columns,
    .account-customer-form .compact-fields.two-columns {
        grid-template-columns: minmax(0, 1fr);
    }
    .account-customer-form .flow-step,
    .operation-modal-page .account-customer-form .flow-step {
        min-width: 0;
    }
    .account-customer-form .flow-step-head h3 {
        font-size: 14px;
    }
    .account-customer-form input,
    .account-customer-form select,
    .account-customer-form .button {
        max-width: 100%;
    }
    .account-customer-form .inline-password {
        grid-template-columns: minmax(0, 1fr) 76px;
        gap: 7px;
    }
    .account-customer-form .inline-password > .button {
        width: 76px;
        min-width: 76px;
        padding-inline: 8px;
    }
    .account-customer-form .account-edit-paired-cards,
    .account-customer-form .account-edit-paired-cards.account-edit-value-only {
        grid-template-columns: minmax(0, 1fr);
        gap: 10px;
    }
    .account-customer-form .account-edit-paired-cards .flow-step,
    .account-customer-form .finance-flow-card,
    .account-customer-form .standalone-field-card {
        min-width: 0;
    }
    .account-customer-form .compact-money-field,
    .account-customer-form .account-edit-paired-cards .compact-money-field {
        width: 100%;
        max-width: none;
    }
    .account-customer-form .account-expiry-premium,
    .account-customer-form .account-trial-duration,
    .account-customer-form .trial-hours-row {
        width: 100%;
    }
    .account-customer-form .operation-form-actions,
    .operation-modal-page .account-customer-form .operation-form-actions {
        padding-top: 10px !important;
    }
    .account-customer-form .operation-form-actions .button,
    .operation-modal-page .account-customer-form .operation-form-actions .button {
        width: 100%;
        min-width: 0;
    }
}

@media (max-width: 430px) {
    .ui-modal.modal-variant-operation.is-account-customer {
        width: calc(100vw - 12px);
        max-height: calc(100dvh - 10px);
        border-radius: 13px;
    }
    .ui-modal.modal-variant-operation.is-account-customer .ui-modal-body {
        padding: 10px 10px 12px;
    }
    .account-customer-form {
        --account-form-gap: 10px;
        --account-field-gap: 7px;
    }
    .account-customer-form [data-account-mode],
    .account-customer-form .expiry-premium-main {
        grid-template-columns: repeat(2, minmax(0, 1fr)) !important;
    }
    .account-customer-form .choice-card,
    .account-customer-form .expiry-premium-control {
        min-width: 0;
    }
    .account-customer-form .inline-password {
        grid-template-columns: minmax(0, 1fr) 70px;
    }
    .account-customer-form .inline-password > .button {
        width: 70px;
        min-width: 70px;
        font-size: 12px;
    }
    .account-customer-form .expiry-premium-custom-row {
        width: 100%;
        grid-template-columns: 24px minmax(78px, 112px) auto;
        gap: 7px;
    }
    .account-customer-form .trial-hours-row {
        grid-template-columns: minmax(0, 1fr) auto;
    }
}

@media (min-width: 431px) and (max-width: 680px) {
    .account-customer-form .form-grid.two-columns,
    .account-customer-form .compact-fields.two-columns {
        grid-template-columns: repeat(2, minmax(0, 1fr));
        align-items: start;
    }
}

.account-customer-form .inline-password {
    position: relative;
    display: block;
    min-width: 0;
}
.account-customer-form .inline-password > input {
    width: 100%;
    min-width: 0;
    padding-right: 82px !important;
}
.account-customer-form .inline-password > .button[data-generate-password] {
    position: absolute;
    z-index: 2;
    top: 50%;
    right: 7px;
    transform: translateY(-50%);
    width: auto;
    min-width: 66px;
    min-height: 0;
    height: calc(100% - 12px);
    max-height: 40px;
    margin: 0;
    padding: 0 11px;
    border-radius: 10px;
    font-size: 12px;
    line-height: 1;
    white-space: nowrap;
}
@media (max-width: 430px) {
    .account-customer-form .inline-password > input {
        padding-right: 78px !important;
    }
    .account-customer-form .inline-password > .button[data-generate-password] {
        right: 6px;
        min-width: 62px;
        padding-inline: 9px;
    }
}

.account-customer-form .form-grid.two-columns,
.account-customer-form .compact-fields.two-columns {
    width: min(94%, 700px) !important;
    max-width: 700px !important;
    grid-template-columns: minmax(0, 1.45fr) minmax(168px, .72fr) !important;
    align-items: start !important;
    justify-content: start !important;
}
.account-customer-form .inline-password > input[data-generated-password] {
    font-weight: 400 !important;
    letter-spacing: normal !important;
    font-family: inherit !important;
}
.account-customer-form .standalone-field-card > label.field-wide,
.account-customer-form .standalone-field-card > label.phone-field {
    width: min(94%, 620px) !important;
    max-width: 620px !important;
    justify-self: start !important;
}
.account-customer-form .account-expiry-premium,
.account-customer-form .duration-panel.account-expiry-premium {
    width: min(94%, 620px) !important;
    max-width: 620px !important;
}
.account-customer-form .account-edit-paired-cards {
    width: min(94%, 700px) !important;
    max-width: 700px !important;
}
.account-customer-form .account-edit-paired-cards .compact-money-field,
.account-customer-form .finance-flow-card > .compact-money-field {
    width: min(94%, 300px) !important;
    max-width: 300px !important;
}
@media (max-width: 1024px) {
    .account-customer-form .form-grid.two-columns,
    .account-customer-form .compact-fields.two-columns {
        width: min(94%, 640px) !important;
        max-width: 640px !important;
        grid-template-columns: minmax(0, 1.4fr) minmax(154px, .7fr) !important;
    }
    .account-customer-form .standalone-field-card > label.field-wide,
    .account-customer-form .standalone-field-card > label.phone-field,
    .account-customer-form .account-expiry-premium,
    .account-customer-form .duration-panel.account-expiry-premium {
        width: min(94%, 560px) !important;
        max-width: 560px !important;
    }
}
@media (max-width: 680px) {
    .account-customer-form .form-grid.two-columns,
    .account-customer-form .compact-fields.two-columns {

        max-width: none !important;
        grid-template-columns: minmax(0, 1.38fr) minmax(138px, .68fr) !important;
        gap: 7px !important;
    }
    .account-customer-form .standalone-field-card > label.field-wide,
    .account-customer-form .standalone-field-card > label.phone-field,
    .account-customer-form .account-expiry-premium,
    .account-customer-form .duration-panel.account-expiry-premium,
    .account-customer-form .account-edit-paired-cards {
        width: 96% !important;
        max-width: none !important;
    }
}
@media (max-width: 430px) {
    .account-customer-form .form-grid.two-columns,
    .account-customer-form .compact-fields.two-columns {
        grid-template-columns: minmax(0, 1.42fr) minmax(126px, .62fr) !important;
        gap: 6px !important;
    }
    .account-customer-form .inline-password > input[data-generated-password] {
        padding-left: 10px !important;
        padding-right: 74px !important;
    }
    .account-customer-form .inline-password > .button[data-generate-password] {
        min-width: 58px !important;
        padding-inline: 8px !important;
    }
}
@media (max-width: 360px) {
    .account-customer-form .form-grid.two-columns,
    .account-customer-form .compact-fields.two-columns {
        width: 97% !important;
        grid-template-columns: minmax(0, 1.45fr) minmax(120px, .6fr) !important;
        gap: 5px !important;
    }
    .account-customer-form .inline-password > input[data-generated-password] {
        padding-right: 70px !important;
    }
    .account-customer-form .inline-password > .button[data-generate-password] {
        right: 5px !important;
        min-width: 55px !important;
        padding-inline: 6px !important;
        font-size: 11px !important;
    }
}

.account-customer-form .form-grid.two-columns,
.account-customer-form .compact-fields.two-columns {
    grid-template-columns: minmax(0, 1.25fr) minmax(220px, .90fr) !important;
    gap: 10px !important;
}
@media (max-width: 1024px) {
    .account-customer-form .form-grid.two-columns,
    .account-customer-form .compact-fields.two-columns {
        grid-template-columns: minmax(0, 1.20fr) minmax(205px, .90fr) !important;
        gap: 9px !important;
    }
}
@media (max-width: 680px) {
    .account-customer-form .form-grid.two-columns,
    .account-customer-form .compact-fields.two-columns {
        width: 96% !important;
        grid-template-columns: minmax(0, 1.15fr) minmax(175px, .90fr) !important;
        gap: 8px !important;
    }
}
@media (max-width: 430px) {
    .account-customer-form .form-grid.two-columns,
    .account-customer-form .compact-fields.two-columns {
        width: 97% !important;
        grid-template-columns: minmax(0, 1.12fr) minmax(160px, .92fr) !important;
        gap: 7px !important;
    }
}
@media (max-width: 360px) {
    .account-customer-form .form-grid.two-columns,
    .account-customer-form .compact-fields.two-columns {
        width: 98% !important;
        grid-template-columns: minmax(0, 1.08fr) minmax(150px, .95fr) !important;
        gap: 6px !important;
    }
}

.account-customer-form .form-grid.two-columns > .account-credentials-feedback,
.account-customer-form .compact-fields.two-columns > .account-credentials-feedback {
    grid-column: 1 / -1 !important;
    width: 100% !important;
    max-width: none !important;
    margin: -2px 0 0 !important;
    padding: 0 4px !important;
    box-sizing: border-box;
    line-height: 1.35;
}
.account-customer-form .account-credentials-feedback:empty {
    display: none !important;
}

.account-customer-form .expiry-premium-main {
    grid-template-columns: minmax(0, 1fr) minmax(112px, .74fr) !important;
}

.expiry-premium-days-card {
    min-width: 0;
    min-height: 46px;
    padding: 0 13px;
    display: grid;
    grid-template-columns: 24px clamp(50px, 10vw, 62px) minmax(36px, 1fr);
    align-items: center;
    gap: 9px;
    border: 1px solid var(--line);
    border-radius: 13px;
    background: rgba(8, 20, 35, .72);
    overflow: hidden;
}
.account-expiry-premium.is-custom .expiry-premium-days-card {
    border-color: rgba(96, 130, 246, .62);
    background: linear-gradient(145deg, rgba(91, 119, 235, .17), rgba(25, 58, 116, .11));
    box-shadow: inset 0 0 0 1px rgba(96, 130, 246, .08), 0 8px 24px rgba(2, 8, 23, .14);
}
.expiry-premium-days-card .expiry-premium-days-input {
    width: 100% !important;
    min-width: 0 !important;
    min-height: 38px !important;
    padding-inline: 7px !important;
    box-sizing: border-box;
    text-align: center;
}
.expiry-premium-days-card > strong {
    min-width: 0;
    width: 100%;
    text-align: center;
    white-space: nowrap;
}
.expiry-premium-custom:has(.expiry-premium-lifetime) {
    gap: 8px;
}
.expiry-premium-custom .expiry-premium-lifetime {
    width: min(100%, calc((560px - 10px) / 2));
}
@media (max-width: 1024px) {
    .expiry-premium-days-card {
        min-height: 44px;
        padding-inline: 10px;
        grid-template-columns: 24px clamp(48px, 11vw, 58px) minmax(34px, 1fr);
        gap: 8px;
    }
    .expiry-premium-custom .expiry-premium-lifetime {
        width: calc((100% - 8px) / 2);
    }
}
@media (max-width: 460px) {
    .account-customer-form .expiry-premium-main {
        grid-template-columns: minmax(0, 1fr) clamp(106px, 34vw, 128px) !important;
        gap: 7px;
    }
    .expiry-premium-days-card {
        grid-template-columns: 22px clamp(44px, 14vw, 54px) minmax(32px, 1fr);
        padding-inline: 8px;
        gap: 6px;
    }
    .expiry-premium-days-card .expiry-premium-radio {
        width: 22px;
    }
    .expiry-premium-days-card .expiry-premium-days-input {
        padding-inline: 5px !important;
    }
    .expiry-premium-main > .expiry-premium-option .expiry-premium-control {
        justify-content: center;
        padding-inline: 8px;
    }
}
@media (max-width: 350px) {
    .account-customer-form .expiry-premium-main {
        grid-template-columns: minmax(0, 1fr) 102px !important;
        gap: 6px;
    }
    .expiry-premium-days-card {
        grid-template-columns: 20px 42px minmax(30px, 1fr);
        padding-inline: 7px;
        gap: 5px;
    }
}

/* Gerenciamento de temas do aplicativo */
.theme-manager-actions{display:flex;align-items:center;justify-content:space-between;gap:10px;width:100%}
.button.danger-outline{border-color:rgba(255,96,112,.34);color:#ff9aa5;background:rgba(255,96,112,.06)}
.button.danger-outline:hover{border-color:rgba(255,96,112,.58);background:rgba(255,96,112,.11);color:#ffd0d5}
.button.danger-outline:disabled{opacity:.42;cursor:not-allowed}
@media(max-width:620px){.theme-manager-actions{display:grid;grid-template-columns:1fr 1fr}.theme-manager-actions .button{width:100%}}

.app-theme-screen{
  position:absolute;
  display:grid;
  place-items:center;
  min-width:0;
  min-height:0;
  overflow:hidden;
  background:#050811;
  isolation:isolate;
}
.app-theme-card-screen{
  inset:6px;
  border-radius:17px;
}
.app-theme-card .app-theme-screen .app-theme-preview-image,
.app-theme-card .app-theme-screen iframe{
  position:static!important;
  display:block!important;
  width:100%!important;
  height:100%!important;
  max-width:100%!important;
  max-height:100%!important;
  margin:0!important;
  border:0!important;
  border-radius:0!important;
  transform:none!important;
  transform-origin:center center!important;
  background:#050811;
}
.app-theme-card .app-theme-screen .app-theme-preview-image{
  object-fit:contain!important;
  object-position:50% 50%!important;
}
.app-theme-card .app-theme-screen iframe{
  overflow:hidden!important;
  pointer-events:none!important;
}

.app-theme-editor-page{

  max-width:1220px;
}
.app-theme-editor-head{
  padding:17px 19px!important;
  overflow:hidden;
}
.app-theme-editor-head .premium-panel-heading{
  margin-top:9px!important;
}
.app-theme-editor-title-row h3{
  margin:2px 0 4px!important;
}
.app-theme-editor-subtitle{
  max-width:680px;
  margin:0;
  color:var(--muted);
  font-size:12px;
  line-height:1.55;
}
.app-theme-editor-grid{
  grid-template-columns:minmax(300px,350px) minmax(0,1fr)!important;
  gap:16px!important;
  align-items:start;
}
.app-theme-editor-preview{
  position:sticky;
  top:18px;
  display:grid;
  justify-items:center;
  gap:14px!important;
  padding:17px!important;
  overflow:hidden;
}
.app-theme-preview-label{
  align-items:center;
  min-height:38px!important;
}
.app-theme-preview-label>div{
  display:grid;
  gap:3px;
}
.app-theme-preview-label strong{
  font-size:14px;
  color:#eef5ff;
}
.app-theme-section-kicker{
  display:block;
  color:#7890ad;
  font-size:9px;
  font-weight:850;
  letter-spacing:.1em;
  line-height:1.2;
  text-transform:uppercase;
}
.app-theme-preview-badge{
  display:inline-flex;
  align-items:center;
  min-height:24px;
  padding:0 9px;
  border:1px solid rgba(76,201,188,.18);
  border-radius:999px;
  background:rgba(49,170,157,.08);
  color:#73d8ce;
  font-size:9px;
  font-weight:800;
  letter-spacing:.02em;
}
.app-theme-phone-live-preview{

  width:244px!important;
  max-width:100%;

  aspect-ratio:9 / 17.45;
  padding:0!important;
  border-radius:31px!important;

}
.app-theme-phone-live-preview:before{
  inset:6px!important;
  border-radius:25px!important;
  z-index:7!important;
}
.app-theme-editor-screen{
  inset:8px;
  border-radius:24px;
}
.app-theme-phone-live-preview .app-theme-editor-screen iframe{
  position:static!important;
  display:block!important;
  width:100%!important;
  height:100%!important;
  min-width:0!important;
  min-height:0!important;
  margin:0!important;
  border:0!important;
  border-radius:0!important;
  transform:none!important;
  transform-origin:center center!important;
  background:#050811!important;
  overflow:hidden!important;
  pointer-events:none!important;
}
.app-theme-phone-live-preview .app-theme-device-status{
  top:8px!important;
  left:8px!important;
  right:8px!important;

  border-radius:22px 22px 0 0;
}
.app-theme-phone-live-preview .app-theme-device-navigation{
  left:8px!important;
  right:8px!important;
  bottom:8px!important;

  border-radius:0 0 22px 22px;
}
.app-theme-preview-help{
  max-width:280px;
  font-size:10px;
  line-height:1.55;
}

.app-theme-config-form{
  gap:15px!important;
  padding:17px!important;

}
.app-theme-config-heading{
  padding:1px 2px 14px;
  border-bottom:1px solid rgba(141,181,217,.11);
}
.app-theme-config-heading h3{
  margin:2px 0 4px;
}
.app-theme-config-heading p:last-child{
  max-width:680px;
  margin:0;
  color:var(--muted);
  font-size:11px;
  line-height:1.55;
}
.app-theme-settings-section{
  overflow:hidden;
  border:1px solid rgba(141,181,217,.12);
  border-radius:18px;
  background:linear-gradient(180deg,rgba(255,255,255,.022),rgba(255,255,255,.012));
}
.app-theme-settings-section-head{
  display:flex;
  align-items:center;
  gap:12px;
  padding:14px 15px;
  border-bottom:1px solid rgba(141,181,217,.09);
  background:rgba(6,17,30,.22);
}
.app-theme-settings-section-head>div{
  min-width:0;
}
.app-theme-settings-section-head h4{
  margin:2px 0 3px;
  color:#edf5ff;
  font-size:14px;
  line-height:1.25;
}
.app-theme-settings-section-head p{
  margin:0;
  color:var(--muted);
  font-size:10px;
  line-height:1.45;
}
.app-theme-settings-icon{
  display:grid;
  flex:0 0 36px;
  width:36px;
  height:36px;
  place-items:center;
  border:1px solid rgba(74,139,255,.18);
  border-radius:11px;
  background:linear-gradient(145deg,rgba(47,94,183,.18),rgba(30,66,126,.08));
  color:#9abaff;
  font-size:16px;
  font-weight:900;
  box-shadow:inset 0 1px 0 rgba(255,255,255,.035);
}
.app-theme-settings-section-body{
  padding:14px 15px 15px;
}
.app-theme-settings-section .app-theme-field-group{
  display:block!important;
  padding:0!important;
  border:0!important;
  border-radius:0!important;
  background:transparent!important;
}
.app-theme-settings-section .app-theme-field-group label>span,
.app-theme-settings-section-body label>span{
  display:block;
  margin-bottom:7px;
  color:#dfe9f6;
  font-size:11px;
  font-weight:800;
}
.app-theme-settings-section-body label small,
.app-theme-settings-section .app-theme-field-group small{
  display:block;
  margin-top:7px;
  color:#7f93ab;
  font-size:9.5px;
  line-height:1.48;
}
.app-theme-access-grid{
  gap:11px!important;

}
.app-theme-access-grid>label{
  min-width:0;
  margin:0;
  padding:12px;
  border:1px solid rgba(141,181,217,.09);
  border-radius:13px;
  background:rgba(255,255,255,.016);
}
.app-theme-readonly-field input[readonly]{
  color:#9eb1c7;
  background:rgba(4,13,24,.5)!important;
}
.app-theme-toggle-groups{
  display:grid;
  gap:12px;
  padding:14px 15px 15px;
}
.app-theme-toggle-group{
  overflow:hidden;
  border:1px solid rgba(141,181,217,.09);
  border-radius:14px;
  background:rgba(4,13,24,.28);
}
.app-theme-toggle-group-title{
  display:grid;
  gap:2px;
  padding:10px 12px;
  border-bottom:1px solid rgba(141,181,217,.07);
}
.app-theme-toggle-group-title strong{
  color:#dfe9f6;
  font-size:11px;
}
.app-theme-toggle-group-title small{
  color:#748aa4;
  font-size:9px;
  line-height:1.4;
}
.app-theme-toggle-grid{
  display:grid;
  grid-template-columns:repeat(2,minmax(0,1fr));
  gap:0;
}
.app-theme-toggle-grid .app-theme-toggle-row{
  min-height:60px;
  padding:10px 12px!important;

  border-right:1px solid rgba(141,181,217,.065)!important;

  background:transparent;
}
.app-theme-toggle-grid .app-theme-toggle-row:nth-child(2n){
  border-right:0!important;
}
.app-theme-toggle-grid .app-theme-toggle-row>span{
  min-width:0;
}
.app-theme-toggle-grid .app-theme-toggle-row>span strong{
  font-size:11px;
}
.app-theme-toggle-grid .app-theme-toggle-row>span small{
  max-width:none!important;
  overflow:visible!important;
  color:#748aa4!important;
  font-size:8.5px!important;
  white-space:normal!important;
  text-overflow:clip!important;
}
.app-theme-toggle-grid .app-theme-toggle-row>i{
  width:36px;
  height:21px;
}
.app-theme-toggle-grid .app-theme-toggle-row>i:after{
  top:3px;
  left:3px;
  width:13px;
  height:13px;
}
.app-theme-toggle-grid .app-theme-toggle-row input:checked+i:after{
  left:18px;
}
.app-theme-editor-actions{
  position:relative;

  justify-content:flex-end;
  gap:9px!important;
  padding-top:1px!important;
}
.app-theme-editor-actions .button{
  min-width:132px!important;
}

@media(max-width:1024px){
  .app-theme-editor-grid{
    grid-template-columns:1fr!important;
  }
  .app-theme-editor-preview{
    position:relative!important;
    top:auto!important;
  }
  .app-theme-phone-live-preview{
    width:230px!important;
  }
}

@media(max-width:680px){
  .app-theme-editor-page{
    gap:11px!important;
  }
  .app-theme-editor-head{
    padding:13px!important;
    border-radius:16px!important;
  }
  .app-theme-editor-subtitle{
    font-size:10.5px;
  }
  .app-theme-editor-grid{
    gap:11px!important;
  }
  .app-theme-editor-preview{
    gap:11px!important;
    padding:13px!important;
    border-radius:16px!important;
  }
  .app-theme-preview-label{
    min-height:32px!important;
  }
  .app-theme-preview-badge{
    min-height:22px;
    padding-inline:8px;
    font-size:8px;
  }
  .app-theme-phone-live-preview{
    width:min(62vw,218px)!important;
    min-width:188px;
  }
  .app-theme-editor-screen{
    inset:7px;
    border-radius:21px;
  }
  .app-theme-phone-live-preview:before{
    inset:5px!important;
    border-radius:23px!important;
  }
  .app-theme-phone-live-preview .app-theme-device-status{
    left:7px!important;
    right:7px!important;
    top:7px!important;
    padding-inline:10px;
    font-size:7px;
  }
  .app-theme-phone-live-preview .app-theme-device-navigation{
    left:7px!important;
    right:7px!important;
    bottom:7px!important;
  }
  .app-theme-preview-help{
    max-width:250px;
    font-size:9px;
  }
  .app-theme-config-form{
    gap:11px!important;
    padding:12px!important;
    border-radius:16px!important;
  }
  .app-theme-config-heading{
    padding:1px 1px 11px;
  }
  .app-theme-config-heading p:last-child{
    font-size:10px;
  }
  .app-theme-settings-section{
    border-radius:15px;
  }
  .app-theme-settings-section-head{
    gap:10px;
    padding:12px;
  }
  .app-theme-settings-icon{
    flex-basis:32px;
    width:32px;
    height:32px;
    border-radius:10px;
    font-size:14px;
  }
  .app-theme-settings-section-head h4{
    font-size:13px;
  }
  .app-theme-settings-section-head p{
    font-size:9px;
  }
  .app-theme-settings-section-body,
  .app-theme-toggle-groups{
    padding:11px;
  }
  .app-theme-access-grid{
    grid-template-columns:1fr!important;
    gap:9px!important;
  }
  .app-theme-access-grid>label{
    padding:10px;
  }
  .app-theme-toggle-groups{
    gap:10px;
  }
  .app-theme-toggle-group{
    border-radius:12px;
  }
  .app-theme-toggle-group-title{
    padding:9px 10px;
  }
  .app-theme-toggle-grid{
    grid-template-columns:1fr;
  }
  .app-theme-toggle-grid .app-theme-toggle-row,
  .app-theme-toggle-grid .app-theme-toggle-row:nth-child(2n){
    min-height:55px;
    padding:9px 10px!important;
    border-right:0!important;
    border-bottom:1px solid rgba(141,181,217,.065)!important;
  }
  .app-theme-toggle-grid .app-theme-toggle-row:last-child{
    border-bottom:0!important;
  }
  .app-theme-toggle-grid .app-theme-toggle-row>span strong{
    font-size:10.5px;
  }
  .app-theme-toggle-grid .app-theme-toggle-row>span small{
    font-size:8px!important;
  }
  .app-theme-editor-actions{
    display:grid!important;
    grid-template-columns:1fr 1fr!important;
    gap:8px!important;
  }
  .app-theme-editor-actions .button{
    width:100%!important;
    min-width:0!important;
  }
  .app-theme-card-screen{
    inset:5px;
    border-radius:15px;
  }
}

@media(max-width:390px){
  .app-theme-phone-live-preview{
    width:min(60vw,205px)!important;
    min-width:180px;
  }
  .app-theme-editor-actions{
    grid-template-columns:1fr!important;
  }
}

/* Layout do personalizador de temas: ações compactas e preview proporcional. */
.app-theme-editor-page {
  width:100%; max-width:1160px; min-width:0;
  container:theme-editor / inline-size;
  gap:12px!important;
}
.app-theme-editor-head {
  padding:11px 15px!important; min-height:63px;
  border-radius:16px!important;
}
.app-theme-editor-headline {
  display:flex; align-items:center; gap:16px; min-width:0;
}
.app-theme-editor-head .back-link {
  display:inline-flex; align-items:center; flex:0 0 auto;
  padding:7px 10px; border-radius:9px; text-decoration:none;
  background:rgba(24,45,71,.3); font-size:12px; line-height:1.4;
}
.app-theme-editor-title-row {min-width:0; display:flex; align-items:center; flex-wrap:wrap; gap:6px 12px;}
.app-theme-editor-title-row h3 {
  margin:0!important; font-size:18px!important; line-height:1.25!important;
  overflow-wrap:anywhere;
}
.app-theme-editor-context {font-size:11px; color:#819ab4;}
.app-theme-editor-grid {
  display:grid!important; grid-template-columns:minmax(218px,252px) minmax(0,1fr)!important;
  align-items:start!important; gap:12px!important; min-width:0;
}
.app-theme-editor-preview {
  position:sticky!important; top:14px!important;
  display:flex!important; flex-direction:column!important;
  align-items:center!important; justify-content:flex-start!important;
  gap:12px!important; min-width:0!important;
  padding:13px!important; overflow:hidden!important; border-radius:16px!important;
}
.app-theme-preview-label {
  display:flex!important; align-items:center!important; justify-content:space-between!important;
  gap:8px!important; width:100%!important; min-height:26px!important; margin:0!important;
}
.app-theme-preview-label strong {font-size:12px!important; line-height:1.3!important; font-weight:750!important;}
.app-theme-preview-badge {
  min-height:21px!important; padding:3px 7px!important;
  font-size:9px!important; line-height:1.2!important;
}
.app-theme-phone-live-preview {
  position:relative!important; flex:0 0 auto!important;
  width:182px!important; max-width:100%!important;
  height:auto!important; min-width:0!important;
  aspect-ratio:244 / 472!important; overflow:hidden!important;
  border-radius:29px!important;
  background:linear-gradient(155deg,#1a2b3c,#07111d 55%,#02070d)!important;
}
.app-theme-phone-live-preview:before {inset:5px!important; border-radius:24px!important;z-index:7!important;}
.app-theme-screen[data-theme-preview-surface] {
  position:absolute!important; display:block!important; overflow:hidden!important;
  min-width:0!important;min-height:0!important; background:#050811!important;
}
.app-theme-editor-screen {inset:7px!important;border-radius:22px!important;}
.app-theme-preview-canvas {
  position:absolute!important; top:0;left:0;
  width:360px!important;height:720px!important;
  min-width:360px!important;min-height:720px!important;
  transform:scale(var(--theme-preview-scale,.5));transform-origin:top left!important;
  overflow:hidden!important;background:#050811!important;
}
.app-theme-preview-canvas iframe {
  position:absolute!important;inset:0!important;display:block!important;
  width:360px!important;height:720px!important;
  min-width:360px!important;min-height:720px!important;
  max-width:none!important;max-height:none!important;
  margin:0!important;padding:0!important;border:0!important;
  border-radius:0!important;transform:none!important;
  pointer-events:none!important;background:#050811!important;
}
.app-theme-phone-live-preview .app-theme-device-status {
  top:7px!important;left:7px!important;right:7px!important;
  z-index:8!important;font-size:7px!important;
  border-radius:21px 21px 0 0!important;
}
.app-theme-phone-live-preview .app-theme-device-navigation {
  left:7px!important;right:7px!important;bottom:7px!important;
  z-index:8!important;border-radius:0 0 21px 21px!important;
}
.app-theme-config-form {
  display:flex!important;flex-direction:column!important; gap:11px!important;
  min-width:0!important;padding:12px!important;overflow:visible!important;
  border-radius:16px!important;
}
.app-theme-editor-workspace {display:flex!important;flex-direction:column!important;gap:11px!important;min-width:0!important;}
.app-theme-editor-tabs {
  display:grid!important;grid-template-columns:repeat(3,minmax(0,1fr))!important;
  gap:4px!important;padding:4px!important;
  border:1px solid rgba(141,181,217,.11)!important;
  border-radius:12px!important;background:rgba(4,14,27,.48)!important;
}
.app-theme-editor-tab {
  display:flex!important;align-items:center!important;justify-content:center!important;
  gap:7px!important;width:100%!important;min-height:42px!important;
  padding:7px 9px!important;min-width:0!important;
  border:1px solid transparent!important;border-radius:9px!important;
  background:transparent!important;color:#96acc2!important;
  text-align:center!important;cursor:pointer!important;
  transition:background .15s,color .15s,border-color .15s!important;
}
.app-theme-editor-tab:hover {color:#eaf4ff!important;background:rgba(54,105,187,.10)!important;}
.app-theme-editor-tab.is-active {
  color:#fff!important;border-color:rgba(90,152,255,.24)!important;
  background:rgba(60,114,206,.22)!important;
  box-shadow:inset 0 -2px 0 rgba(99,160,255,.85)!important;
}
.app-theme-editor-tab-icon {
  display:grid!important;place-items:center!important;
  width:23px!important;height:23px!important;flex:0 0 23px!important;
  border:0!important;border-radius:6px!important;
  background:rgba(87,144,245,.10)!important;color:#a1c0ff!important;font-size:12px!important;
}
.app-theme-editor-tab>span:last-child {display:block!important;min-width:0!important;}
.app-theme-editor-tab strong {font-size:12px!important;line-height:1.2!important;}
.app-theme-editor-tab small {display:none!important;}
.app-theme-editor-panels {min-width:0!important;}
.app-theme-editor-panel {
  overflow:hidden!important; border:1px solid rgba(141,181,217,.10)!important;
  border-radius:12px!important;
  background:rgba(7,19,32,.34)!important;
}
.app-theme-editor-panel[hidden] {display:none!important;}
.app-theme-panel-head {
  display:flex!important;align-items:center!important;
  min-height:43px!important;padding:9px 13px!important;
  border-bottom:1px solid rgba(141,181,217,.08)!important;
  background:rgba(20,35,54,.16)!important;
}
.app-theme-panel-head h4 {
  margin:0!important;color:#e7f1ff!important;
  font-size:13px!important;line-height:1.3!important;
}
.app-theme-panel-head p,.app-theme-panel-head .app-theme-section-kicker {display:none!important;}
.app-theme-panel-body {padding:12px!important;}
.app-theme-panel-body .app-theme-field-group {
  display:block!important;padding:0!important;margin:0!important;
  border:0!important;border-radius:0!important;background:transparent!important;
}
.app-theme-panel-body label>span {
  display:block!important;margin-bottom:6px!important;
  color:#dfe9f6!important;font-size:12px!important;font-weight:700!important;
}
.app-theme-panel-body label small {display:none!important;}
.app-theme-panel-body :is(input,select) {
  max-width:100%!important;min-width:0!important;
}
.app-theme-access-grid {
  display:grid!important;grid-template-columns:repeat(2,minmax(0,1fr))!important;
  gap:9px!important;margin:0!important;
}
.app-theme-access-grid>label {
  min-width:0!important;margin:0!important;padding:9px!important;
  border:1px solid rgba(141,181,217,.07)!important;
  border-radius:10px!important;background:rgba(255,255,255,.012)!important;
}
.app-theme-access-grid>.field-wide {grid-column:1/-1!important;}
.app-theme-toggle-groups {display:grid!important;gap:9px!important;padding:10px!important;}
.app-theme-toggle-group {
  overflow:hidden!important;border:1px solid rgba(141,181,217,.085)!important;
  border-radius:11px!important;background:rgba(4,13,24,.25)!important;
}
.app-theme-toggle-group-title {
  padding:9px 12px!important;border-bottom:1px solid rgba(141,181,217,.07)!important;
}
.app-theme-toggle-group-title strong {color:#dfe9f6!important;font-size:11.5px!important;}
.app-theme-toggle-group-title small {display:none!important;}
.app-theme-toggle-grid {display:grid!important;grid-template-columns:repeat(2,minmax(0,1fr))!important;}
.app-theme-toggle-grid .app-theme-toggle-row {
  min-height:49px!important;padding:10px 11px!important;
  border:0!important;border-bottom:1px solid rgba(141,181,217,.065)!important;
  background:transparent!important;
}
.app-theme-toggle-grid .app-theme-toggle-row:nth-child(2n+1) {border-right:1px solid rgba(141,181,217,.065)!important;}
.app-theme-toggle-grid .app-theme-toggle-row>span {min-width:0!important;}
.app-theme-toggle-grid .app-theme-toggle-row>span strong {font-size:11.5px!important;}
.app-theme-toggle-grid .app-theme-toggle-row>span small {
  max-width:100%!important;overflow:hidden!important;
  font-size:9px!important;line-height:1.3!important;
  white-space:nowrap!important;text-overflow:ellipsis!important;
}
.app-theme-editor-actions {
  position:sticky!important;bottom:8px!important;z-index:12!important;
  display:flex!important;align-items:center!important;
  gap:8px!important;margin:0!important;padding:8px!important;
  border:1px solid rgba(141,181,217,.12)!important;border-radius:12px!important;
  background:rgba(5,15,27,.95)!important;backdrop-filter:blur(16px)!important;
  box-shadow:0 10px 26px rgba(0,0,0,.23)!important;
}
.app-theme-editor-actions .button {min-width:122px!important;margin:0!important;}
/* A largura real do modal também define o modo compacto, mesmo em monitores grandes. */
@container theme-editor (max-width:780px) {
  .app-theme-editor-grid {grid-template-columns:182px minmax(0,1fr)!important;gap:10px!important;}
  .app-theme-editor-preview {
    position:sticky!important;top:12px!important;
    display:flex!important;flex-direction:column!important;
    align-items:center!important;gap:10px!important;padding:11px!important;
  }
  .app-theme-phone-live-preview {width:144px!important;max-width:144px!important;}
  .app-theme-preview-label {
    display:flex!important;flex-wrap:wrap!important;
    align-items:center!important;justify-content:center!important;
    width:100%!important;min-height:0!important;gap:6px!important;
  }
  .app-theme-preview-label strong {font-size:11px!important;}
  .app-theme-config-form {padding:10px!important;}
}
@container theme-editor (max-width:560px) {
  .app-theme-editor-grid {grid-template-columns:minmax(0,1fr)!important;gap:10px!important;}
  .app-theme-editor-preview {
    position:relative!important;top:auto!important;display:grid!important;
    grid-template-columns:116px minmax(0,1fr)!important;
    grid-template-areas:"device label"!important;
    align-items:center!important;justify-items:start!important;
    gap:13px!important;padding:11px 13px!important;
  }
  .app-theme-phone-live-preview {grid-area:device!important;width:116px!important;max-width:116px!important;justify-self:center!important;}
  .app-theme-preview-label {
    grid-area:label!important;display:flex!important;flex-direction:column!important;
    align-items:flex-start!important;justify-content:center!important;
    gap:7px!important;width:auto!important;min-height:0!important;
  }
  .app-theme-preview-label strong {font-size:13px!important;}
}
@container theme-editor (max-width:520px) {
  .app-theme-editor-head {padding:10px 11px!important;min-height:52px!important;}
  .app-theme-editor-headline {gap:10px!important;}
  .app-theme-editor-head .back-link {padding:6px 8px!important;font-size:11px!important;}
  .app-theme-editor-title-row {gap:2px 8px!important;}
  .app-theme-editor-title-row h3 {font-size:15px!important;}
  .app-theme-editor-context {font-size:10px!important;}
  .app-theme-editor-preview {grid-template-columns:103px minmax(0,1fr)!important;gap:11px!important;padding:10px!important;}
  .app-theme-phone-live-preview {width:103px!important;max-width:103px!important;}
  .app-theme-editor-tabs {gap:3px!important;padding:3px!important;}
  .app-theme-editor-tab {min-height:41px!important;gap:5px!important;padding:6px 5px!important;}
  .app-theme-editor-tab-icon {width:21px!important;height:21px!important;flex-basis:21px!important;font-size:11px!important;}
  .app-theme-editor-tab strong {font-size:11px!important;}
  .app-theme-access-grid {grid-template-columns:1fr!important;gap:8px!important;}
  .app-theme-access-grid>.field-wide {grid-column:auto!important;}
  .app-theme-access-grid>label {padding:8px!important;}
  .app-theme-toggle-grid .app-theme-toggle-row>span small {display:none!important;}
  .app-theme-editor-actions {bottom:6px!important;display:grid!important;grid-template-columns:minmax(0,1fr) minmax(0,1.4fr)!important;gap:7px!important;padding:6px!important;}
  .app-theme-editor-actions .button {width:100%!important;min-width:0!important;}
}
@container theme-editor (max-width:360px) {
  .app-theme-editor-headline {flex-wrap:wrap!important;}
  .app-theme-preview-label strong {font-size:11px!important;}
  .app-theme-toggle-grid {grid-template-columns:1fr!important;}
  .app-theme-toggle-grid .app-theme-toggle-row:nth-child(2n+1) {border-right:0!important;}
  .app-theme-editor-tab-icon {display:none!important;}
}

/* Personalizador sem prévia e Hotspot compacto. */
.app-theme-editor-grid {
  display:block!important;
  width:100%!important;
  min-width:0!important;
}
.app-theme-config-form {
  width:100%!important;
  max-width:none!important;
  margin:0!important;
}
.app-theme-access-grid {
  grid-template-columns:minmax(0,1fr)!important;
}
.app-theme-hotspot-row {
  cursor:default!important;

  justify-content:space-between!important;
  gap:10px!important;
}
.app-theme-hotspot-row>span {

}
.app-theme-hotspot-controls {
  display:flex!important;
  align-items:center!important;
  justify-content:flex-end!important;
  gap:9px!important;
  flex:0 0 auto!important;
}
.app-theme-toggle-row input.app-theme-hotspot-port {

  width:68px!important;
  min-width:68px!important;
  max-width:68px!important;
  height:32px!important;
  min-height:32px!important;
  margin:0!important;
  padding:0 9px!important;
  border:1px solid rgba(112,151,205,.22)!important;

  background:rgba(8,20,35,.72)!important;

  font-size:11px!important;

  line-height:32px!important;

}
.app-theme-toggle-row input.app-theme-hotspot-port::placeholder {
  color:#7288a3!important;

  font-weight:650!important;
}
.app-theme-toggle-row input.app-theme-hotspot-port:focus {

}
.app-theme-inline-switch {
  position:relative!important;
  display:block!important;
  flex:0 0 38px!important;
  width:38px!important;
  height:22px!important;
  margin:0!important;
  padding:0!important;
  cursor:pointer!important;
}
.app-theme-inline-switch input {
  position:absolute!important;
  width:1px!important;
  height:1px!important;
  opacity:0!important;
  pointer-events:none!important;
}
.app-theme-inline-switch>i {
  position:absolute!important;
  inset:0!important;
  display:block!important;
  border:1px solid rgba(139,164,193,.24)!important;
  border-radius:999px!important;
  background:rgba(75,92,116,.28)!important;
  transition:.18s ease!important;
}
.app-theme-inline-switch>i:after {
  content:"";
  position:absolute!important;
  top:3px!important;
  left:3px!important;
  width:14px!important;
  height:14px!important;
  border-radius:50%!important;
  background:#91a2b8!important;
  box-shadow:0 2px 8px rgba(0,0,0,.25)!important;
  transition:.18s ease!important;
}
.app-theme-inline-switch input:checked+i {
  border-color:rgba(59,203,190,.45)!important;
  background:rgba(38,168,153,.28)!important;
}
.app-theme-inline-switch input:checked+i:after {
  left:19px!important;
  background:#6ce7da!important;
}
@container theme-editor (max-width:520px) {
  .app-theme-editor-grid {display:block!important;}
  .app-theme-config-form {padding:9px!important;}
  .app-theme-toggle-grid {grid-template-columns:1fr!important;}
  .app-theme-toggle-grid .app-theme-toggle-row:nth-child(2n+1) {border-right:0!important;}
  .app-theme-hotspot-row {min-height:52px!important;padding:9px 10px!important;}
  .app-theme-hotspot-controls {gap:7px!important;}
  .app-theme-toggle-row input.app-theme-hotspot-port {
    width:64px!important;min-width:64px!important;max-width:64px!important;
    height:30px!important;min-height:30px!important;padding:0 7px!important;font-size:10.5px!important;
  }
}

/* Editor de temas: grade compacta no mobile e Hotspot integrado ao seletor. */
.app-theme-hotspot-row {
  cursor:pointer!important;
  display:flex!important;
  align-items:center!important;
  justify-content:flex-start!important;
  gap:9px!important;
}
.app-theme-hotspot-row>span {
  display:flex!important;
  align-items:center!important;
  min-width:0!important;
  flex:1 1 auto!important;
}
.app-theme-toggle-row input.app-theme-hotspot-port {
  order:20!important;
  position:static!important;
  display:block!important;
  flex:0 0 58px!important;
  width:58px!important;
  min-width:58px!important;
  max-width:58px!important;
  height:30px!important;
  min-height:30px!important;
  margin-left:auto!important;
  padding:0 7px!important;
  border:1px solid rgba(112,151,205,.24)!important;
  border-radius:9px!important;
  background:rgba(8,20,35,.78)!important;
  color:#edf5ff!important;
  opacity:1!important;
  pointer-events:auto!important;
  text-align:center!important;
  font-size:10.5px!important;
  font-weight:750!important;
  line-height:30px!important;
  box-shadow:inset 0 1px 0 rgba(255,255,255,.025)!important;
}
.app-theme-toggle-row input.app-theme-hotspot-port::placeholder {
  color:#7d90a8!important;
  opacity:1!important;
  font-weight:700!important;
}
.app-theme-toggle-row input.app-theme-hotspot-port:focus {
  outline:0!important;
  border-color:rgba(73,138,255,.72)!important;
  box-shadow:0 0 0 2px rgba(64,122,230,.14)!important;
}
@container theme-editor (max-width:520px) {
  .app-theme-toggle-grid {
    grid-template-columns:repeat(2,minmax(0,1fr))!important;
  }
  .app-theme-toggle-grid .app-theme-toggle-row,
  .app-theme-toggle-grid .app-theme-toggle-row:nth-child(2n),
  .app-theme-toggle-grid .app-theme-toggle-row:nth-child(2n+1) {
    min-height:52px!important;
    padding:8px 9px!important;
    border-bottom:1px solid rgba(141,181,217,.065)!important;
  }
  .app-theme-toggle-grid .app-theme-toggle-row:nth-child(2n+1) {
    border-right:1px solid rgba(141,181,217,.065)!important;
  }
  .app-theme-toggle-grid .app-theme-toggle-row:nth-child(2n) {
    border-right:0!important;
  }
  .app-theme-toggle-grid .app-theme-toggle-row>span strong {
    font-size:10.5px!important;
    line-height:1.15!important;
  }
  .app-theme-toggle-grid .app-theme-toggle-row>span small {
    display:none!important;
  }
  .app-theme-hotspot-row {
    gap:7px!important;
  }
  .app-theme-toggle-row input.app-theme-hotspot-port {
    flex-basis:52px!important;
    width:52px!important;
    min-width:52px!important;
    max-width:52px!important;
    height:28px!important;
    min-height:28px!important;
    padding:0 5px!important;
    font-size:10px!important;
    line-height:28px!important;
  }
}
@container theme-editor (max-width:360px) {
  .app-theme-toggle-grid {
    grid-template-columns:repeat(2,minmax(0,1fr))!important;
  }
  .app-theme-toggle-grid .app-theme-toggle-row:nth-child(2n+1) {
    border-right:1px solid rgba(141,181,217,.065)!important;
  }
  .app-theme-toggle-grid .app-theme-toggle-row {
    gap:6px!important;
    padding:7px!important;
  }
  .app-theme-toggle-grid .app-theme-toggle-row>span strong {
    font-size:9.8px!important;
  }
  .app-theme-toggle-row input.app-theme-hotspot-port {
    flex-basis:48px!important;
    width:48px!important;
    min-width:48px!important;
    max-width:48px!important;
    padding:0 4px!important;
    font-size:9.5px!important;
  }
}

/* Prévia compacta da imagem selecionada no editor de temas. */
.app-theme-banner-preview {
  position:relative!important;
  display:grid!important;
  place-items:center!important;
  width:100%!important;
  min-height:92px!important;
  max-height:150px!important;
  margin-top:9px!important;
  overflow:hidden!important;
  border:1px solid rgba(112,151,205,.16)!important;
  border-radius:11px!important;
  background:linear-gradient(145deg,rgba(8,22,38,.82),rgba(5,14,25,.94))!important;
  box-shadow:inset 0 1px 0 rgba(255,255,255,.025)!important;
}
.app-theme-banner-preview[hidden] {display:none!important;}
.app-theme-banner-preview img {
  display:block!important;
  width:100%!important;
  height:100%!important;
  max-height:150px!important;
  object-fit:contain!important;
  object-position:center!important;
  margin:0!important;
  padding:7px!important;
  border:0!important;
  background:transparent!important;
}
.app-theme-banner-preview.is-error {
  min-height:54px!important;
  border-style:dashed!important;
}
.app-theme-banner-preview.is-error:after {
  content:"Prévia indisponível";
  color:#8295aa!important;
  font-size:10.5px!important;
  font-weight:650!important;
}
.app-theme-banner-preview.is-error img {display:none!important;}
@container theme-editor (max-width:520px) {
  .app-theme-banner-preview {min-height:76px!important;max-height:112px!important;margin-top:7px!important;}
  .app-theme-banner-preview img {max-height:112px!important;padding:6px!important;}
}

/* Editor de temas: respiro uniforme entre as opções. */
.app-theme-toggle-grid {
  gap:9px!important;
  padding:9px!important;
}
.app-theme-toggle-grid .app-theme-toggle-row,
.app-theme-toggle-grid .app-theme-toggle-row:nth-child(2n),
.app-theme-toggle-grid .app-theme-toggle-row:nth-child(2n+1) {
  min-width:0!important;
  border:1px solid rgba(114,154,218,.18)!important;
  border-radius:11px!important;
  background:rgba(20,40,70,.24)!important;
  box-shadow:inset 0 1px 0 rgba(255,255,255,.018)!important;
}
@container theme-editor (max-width:520px) {
  .app-theme-toggle-grid {
    gap:8px!important;
    padding:8px!important;
  }
  .app-theme-toggle-grid .app-theme-toggle-row,
  .app-theme-toggle-grid .app-theme-toggle-row:nth-child(2n),
  .app-theme-toggle-grid .app-theme-toggle-row:nth-child(2n+1) {
    border:1px solid rgba(114,154,218,.18)!important;
    border-radius:10px!important;
  }
}
@container theme-editor (max-width:360px) {
  .app-theme-toggle-grid {
    gap:7px!important;
    padding:7px!important;
  }
}

/* Editor de temas: título compacto e ações menores. */
.app-theme-editor-name {
  display:flex!important;
  align-items:center!important;
  min-width:0!important;
  padding:1px 2px 0!important;
}
.app-theme-editor-name h3 {
  margin:0!important;
  color:#f2f6ff!important;
  font-size:18px!important;
  font-weight:800!important;
  line-height:1.25!important;
  letter-spacing:-.015em!important;
  overflow-wrap:anywhere!important;
}
.app-theme-editor-actions {
  justify-content:flex-end!important;
}
.app-theme-editor-actions .button {
  flex:0 0 clamp(108px,22vw,132px)!important;
  width:clamp(108px,22vw,132px)!important;

  max-width:132px!important;
}
@container theme-editor (max-width:520px) {
  .app-theme-editor-name {padding:0 2px!important;}
  .app-theme-editor-name h3 {font-size:16px!important;}
  .app-theme-editor-actions {

    justify-content:flex-end!important;
    gap:8px!important;
  }
  .app-theme-editor-actions .button {
    flex:0 0 clamp(104px,31vw,124px)!important;
    width:clamp(104px,31vw,124px)!important;

    max-width:124px!important;
  }
}

/* Editor de temas: ações centralizadas e proporcionais. */
.app-theme-editor-actions {
  justify-content:center!important;
}
.app-theme-editor-actions .button {
  flex:0 0 clamp(132px,28vw,154px)!important;
  width:clamp(132px,28vw,154px)!important;
  min-width:0!important;
  max-width:154px!important;
}
@container theme-editor (max-width:520px) {
  .app-theme-editor-actions {
    display:flex!important;
    grid-template-columns:none!important;
    justify-content:center!important;
    gap:10px!important;
  }
  .app-theme-editor-actions .button {
    flex:0 0 clamp(128px,38vw,150px)!important;
    width:clamp(128px,38vw,150px)!important;
    min-width:0!important;
    max-width:150px!important;
  }
}

/* Tema #2 — editor específico */
.app-theme2-editor .app-theme-config-form{max-width:980px;margin:0 auto;width:100%}
.app-theme2-editor .app-theme2-tabs{grid-template-columns:repeat(4,minmax(0,1fr))}
.app-theme2-editor .app-theme2-note{display:flex;align-items:flex-start;gap:10px;padding:11px 12px;border:1px solid var(--border-color);border-radius:12px;background:var(--panel-soft);font-size:.82rem;line-height:1.4}
.app-theme2-editor .app-theme2-note strong{flex:0 0 auto;color:var(--text-primary)}
.app-theme2-editor .app-theme2-note span{color:var(--text-secondary)}
.app-theme2-editor .app-theme2-fixed-nav{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:8px;margin-bottom:10px}
.app-theme2-editor .app-theme2-fixed-nav>span{display:flex;align-items:center;justify-content:space-between;gap:8px;padding:11px 12px;border:1px solid var(--border-color);border-radius:12px;background:var(--panel-soft)}
.app-theme2-editor .app-theme2-fixed-nav small{font-size:.68rem;text-transform:uppercase;letter-spacing:.05em;color:var(--text-muted)}
.app-theme2-editor .app-theme2-free-credentials,.app-theme2-editor .app-theme2-account-options{margin-top:12px}
.app-theme2-editor .app-theme2-editor-actions{justify-content:center;gap:10px}
.app-theme2-editor .app-theme2-editor-actions .button{min-width:112px;max-width:150px}
@media (max-width:640px){
  .app-theme2-editor .app-theme2-tabs{grid-template-columns:repeat(4,minmax(0,1fr));gap:5px}
  .app-theme2-editor .app-theme-editor-tab{padding:8px 4px;min-width:0}
  .app-theme2-editor .app-theme-editor-tab-icon{display:none}
  .app-theme2-editor .app-theme-editor-tab strong{font-size:.76rem}
  .app-theme2-editor .app-theme-toggle-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:8px}
  .app-theme2-editor .app-theme-toggle-row{min-width:0}
  .app-theme2-editor .app-theme-toggle-row>span strong{font-size:.78rem}
  .app-theme2-editor .app-theme-toggle-row>span small{font-size:.66rem;line-height:1.25}
  .app-theme2-editor .app-theme2-note{font-size:.76rem;padding:9px 10px}
  .app-theme2-editor .premium-field-grid.two-columns,.app-theme2-editor .form-grid.two-columns{grid-template-columns:1fr}
}
@media (max-width:360px){
  .app-theme2-editor .app-theme-toggle-grid{gap:6px}
  .app-theme2-editor .app-theme-editor-tab strong{font-size:.71rem}
}
/* Upload nativo do banner do editor: o input real cobre o botão visual. */
.app-theme-banner-input-wrap .app-theme-banner-file-input{
  position:absolute!important;
  top:50%!important;
  right:6px!important;
  z-index:4!important;
  display:block!important;
  width:36px!important;
  min-width:36px!important;
  max-width:36px!important;
  height:36px!important;
  min-height:36px!important;
  max-height:36px!important;
  margin:-18px 0 0!important;
  padding:0!important;
  border:0!important;
  border-radius:11px!important;
  opacity:0!important;
  cursor:pointer!important;
}
.app-theme-banner-input-wrap .app-theme-banner-import{z-index:3!important;pointer-events:none!important}
@media(max-width:680px){
  .app-theme-banner-input-wrap .app-theme-banner-file-input{
    width:34px!important;min-width:34px!important;max-width:34px!important;
    height:34px!important;min-height:34px!important;max-height:34px!important;
    margin-top:-17px!important;
  }
}

/* Publicação de apps: confirmação enxuta no modal padrão do Titan. */
.app-publish-confirm{display:grid;gap:12px;min-width:0}
.app-publish-confirm-text{margin:0;color:#aebdd2;font-size:.82rem;line-height:1.5}
.app-publish-confirm-summary{display:grid;gap:8px}
.app-publish-confirm-summary>div{display:grid;grid-template-columns:minmax(72px,.55fr) minmax(0,1.45fr);align-items:center;gap:12px;padding:10px 12px;border:1px solid rgba(123,154,218,.15);border-radius:11px;background:rgba(6,17,31,.38)}
.app-publish-confirm-summary span{font-size:.66rem;font-weight:850;letter-spacing:.06em;text-transform:uppercase;color:#8198ba}
.app-publish-confirm-summary strong{min-width:0;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;font-size:.82rem;color:#f3f7ff;text-align:right}

/* Aplicativo oficial: novidades mais legíveis no mobile sem alterar os demais cards. */
@media(max-width:680px){
  .app-download-unified-news ul{font-size:.80rem!important;line-height:1.48!important;gap:6px!important;padding-left:19px!important}
  .app-download-unified-news li{padding-left:1px}
  .app-download-no-news{font-size:.78rem!important;line-height:1.45!important}
  .app-publish-confirm-summary>div{grid-template-columns:66px minmax(0,1fr);gap:9px;padding:9px 10px}
  .app-publish-confirm-summary strong{font-size:.78rem}
}

/* Toasts globais do painel: premium, centralizados no topo e descartáveis em 3 s. */
.whatsapp-toast-host{
  position:fixed!important;
  top:max(16px,calc(env(safe-area-inset-top,0px) + 12px))!important;
  left:50%!important;
  right:auto!important;
  bottom:auto!important;
  width:min(460px,calc(100vw - 32px))!important;
  max-width:none!important;
  transform:translateX(-50%)!important;
  display:grid!important;
  gap:8px!important;
  z-index:12050!important;
  pointer-events:none!important;
}
.whatsapp-browser-toast{
  width:100%!important;
  min-height:56px!important;
  display:grid!important;
  grid-template-columns:34px minmax(0,1fr) 28px!important;
  align-items:center!important;
  gap:10px!important;
  padding:10px 10px 10px 11px!important;
  border:1px solid rgba(105,145,225,.24)!important;
  border-radius:15px!important;
  background:linear-gradient(145deg,rgba(12,28,49,.98),rgba(7,18,33,.98))!important;
  box-shadow:0 16px 44px rgba(0,0,0,.38),0 0 0 1px rgba(255,255,255,.02) inset!important;
  backdrop-filter:blur(18px)!important;
  -webkit-backdrop-filter:blur(18px)!important;
  opacity:0;
  pointer-events:auto!important;
  transform:translateY(-10px) scale(.985)!important;
  transition:opacity .18s ease,transform .18s ease,border-color .18s ease!important;
}
.whatsapp-browser-toast.is-visible{opacity:1!important;transform:translateY(0) scale(1)!important}
.whatsapp-browser-toast.is-clickable{cursor:pointer}
.whatsapp-browser-toast.is-clickable:hover{border-color:rgba(105,145,225,.42)!important}
.whatsapp-browser-toast.is-error{
  border-color:rgba(255,101,125,.34)!important;
  background:linear-gradient(145deg,rgba(37,17,28,.98),rgba(22,12,22,.98))!important;
}
.whatsapp-browser-toast-badge{
  width:34px!important;height:34px!important;border-radius:11px!important;
  display:grid!important;place-items:center!important;
  background:rgba(73,219,169,.12)!important;color:#6ce8b7!important;
  font-size:13px!important;font-weight:900!important;
  border:1px solid rgba(81,224,174,.12)!important;
}
.whatsapp-browser-toast.is-error .whatsapp-browser-toast-badge{
  background:rgba(255,91,116,.12)!important;color:#ff91a1!important;border-color:rgba(255,91,116,.14)!important;
}
.whatsapp-browser-toast-copy{min-width:0!important;display:grid!important;gap:2px!important}
.whatsapp-browser-toast-copy strong{color:#f3f7ff!important;font-size:12.5px!important;font-weight:850!important;line-height:1.25!important}
.whatsapp-browser-toast-copy small{color:#9aacbf!important;font-size:10.8px!important;font-weight:620!important;line-height:1.38!important;white-space:pre-line!important;overflow-wrap:anywhere!important}
.whatsapp-browser-toast.is-error .whatsapp-browser-toast-copy small{color:#ffc2cb!important}
.whatsapp-browser-toast.is-description-only{grid-template-columns:minmax(0,1fr) 28px!important;min-height:48px!important;padding-left:13px!important}
.whatsapp-browser-toast.is-description-only .whatsapp-browser-toast-copy small{color:#d8e4f5!important;font-size:11.5px!important;font-weight:700!important}
.panel-flash-toast-close{
  width:28px!important;height:28px!important;display:grid!important;place-items:center!important;
  padding:0!important;margin:0!important;border:0!important;border-radius:9px!important;
  background:rgba(255,255,255,.045)!important;color:#8da0ba!important;
  font-size:19px!important;font-weight:500!important;line-height:1!important;cursor:pointer!important;
  transition:background .16s ease,color .16s ease,transform .16s ease!important;
}
.panel-flash-toast-close:hover,.panel-flash-toast-close:focus-visible{background:rgba(255,255,255,.09)!important;color:#fff!important;outline:0!important}
.panel-flash-toast-close:active{transform:scale(.94)}
@media(max-width:680px){
  .whatsapp-toast-host{top:max(14px,calc(env(safe-area-inset-top,0px) + 10px))!important;width:calc(100vw - 28px)!important}
  .whatsapp-browser-toast{min-height:54px!important;border-radius:14px!important;padding:9px 9px 9px 10px!important;grid-template-columns:32px minmax(0,1fr) 28px!important;gap:9px!important}
  .whatsapp-browser-toast-badge{width:32px!important;height:32px!important;border-radius:10px!important}
  .whatsapp-browser-toast.is-description-only{grid-template-columns:minmax(0,1fr) 28px!important;padding-left:12px!important}
}

/* Navegação: o grupo da página atual permanece selecionado e aberto. */
.sidebar .nav-tree .nav-group[data-nav-current="1"] > .nav-group-toggle{
  color:#eef4ff!important;
  border-color:rgba(85,127,226,.26)!important;
  background:linear-gradient(135deg,rgba(47,83,166,.18),rgba(25,48,96,.12))!important;
}
.sidebar .nav-tree .nav-group[data-nav-current="1"] > .nav-group-toggle .nav-icon{color:#8da7ff!important}
.sidebar .nav-tree .nav-group[data-nav-current="1"] > .nav-group-toggle .nav-chevron{color:#8da7ff!important;transform:rotate(180deg)!important}

/* Segurança compacta */
.security-settings-board{max-width:1040px;margin-inline:auto;padding:18px;gap:16px}
.security-board-heading{display:flex;align-items:flex-end;justify-content:space-between;gap:16px;padding-bottom:4px}
.security-board-heading h2{margin:2px 0 0;font-size:20px;letter-spacing:-.025em}
.security-board-heading>p{margin:0;color:#7f91ad;font-size:11px;text-align:right}
.security-compact-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:10px}
.security-control-card{position:relative;display:grid;gap:10px;min-width:0;padding:13px 14px;border:1px solid rgba(117,151,201,.16);border-radius:14px;background:linear-gradient(145deg,rgba(11,25,43,.78),rgba(7,18,32,.72));box-shadow:inset 0 1px rgba(255,255,255,.018);transition:border-color .18s ease,background .18s ease,transform .18s ease}
.security-control-card:hover{border-color:rgba(93,126,235,.31);background:linear-gradient(145deg,rgba(16,33,56,.88),rgba(8,21,37,.79))}
.security-control-copy{display:grid;gap:3px;min-width:0}
.security-control-copy strong{color:#eef3fc;font-size:12px;line-height:1.25}
.security-control-copy small{color:#788ba7;font-size:9.8px;line-height:1.35}
.security-number-card>input,.security-number-card>.input-suffix{width:100%;margin:0}
.security-number-card input{min-height:38px!important;height:38px!important;padding-top:7px!important;padding-bottom:7px!important;font-size:12px!important}
.security-toggle-card{grid-template-columns:minmax(0,1fr) auto;align-items:center;min-height:76px;cursor:pointer}
.security-toggle-card input[type="checkbox"]{appearance:none;-webkit-appearance:none;position:relative;width:44px!important;min-width:44px!important;height:25px!important;min-height:25px!important;margin:0!important;border:1px solid rgba(131,153,184,.30);border-radius:999px;background:#0a1524;cursor:pointer;transition:.2s ease}
.security-toggle-card input[type="checkbox"]::before{content:"";position:absolute;top:3px;left:3px;width:17px;height:17px;border-radius:50%;background:#8393aa;box-shadow:0 2px 7px rgba(0,0,0,.3);transition:transform .2s ease,background .2s ease}
.security-toggle-card input[type="checkbox"]:checked{border-color:rgba(90,126,244,.72);background:linear-gradient(115deg,#536fdf,#438ff1)}
.security-toggle-card input[type="checkbox"]:checked::before{transform:translateX(19px);background:#fff}
.security-toggle-card:has(input:checked){border-color:rgba(88,122,235,.31);background:linear-gradient(145deg,rgba(42,66,135,.18),rgba(8,21,37,.78))}
.security-save-actions{display:flex;justify-content:center;margin-top:1px;padding-top:13px;border-top:1px solid rgba(117,151,201,.10)}
.security-save-actions .button{min-width:180px}

/* Proteção de seleção/toque prolongado sem interferir nos campos editáveis. */
html.content-selection-protected body,
html.content-selection-protected body *{-webkit-user-select:none;user-select:none;-webkit-touch-callout:none}
html.content-selection-protected input,
html.content-selection-protected textarea,
html.content-selection-protected select,
html.content-selection-protected [contenteditable="true"],
html.content-selection-protected [contenteditable=""]{-webkit-user-select:text;user-select:text;-webkit-touch-callout:default}

/* Sessões ficam no perfil do operador. */
.profile-sessions-card{grid-column:1/-1}
.profile-sessions-heading{align-items:center}
.profile-sessions-heading>form{margin-left:auto}
.profile-session-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:10px}
.profile-session-item{display:flex;align-items:center;justify-content:space-between;gap:12px;min-width:0;padding:13px 14px;border:1px solid rgba(117,151,201,.16);border-radius:14px;background:linear-gradient(145deg,rgba(11,25,43,.78),rgba(7,18,32,.72))}
.profile-session-item.is-current{border-color:rgba(45,201,160,.28);background:linear-gradient(145deg,rgba(25,78,70,.20),rgba(7,22,34,.76))}
.profile-session-copy{display:grid;gap:4px;min-width:0}
.profile-session-copy strong{overflow:hidden;text-overflow:ellipsis;white-space:nowrap;font-size:12px;color:#edf3fc}
.profile-session-copy small{font-size:10px;color:#7e90ab}
.profile-session-item form{margin:0;flex:0 0 auto}
.profile-session-empty{grid-column:1/-1;justify-content:center;color:#8193ad;font-size:11px;min-height:64px}

/* Opção do login para memorizar a senha. */
.login-remember-option{display:flex!important;align-items:center!important;gap:9px!important;width:max-content!important;margin:-1px 0 3px!important;color:#9aabc2!important;font-size:11px!important;font-weight:600!important;cursor:pointer}
.login-remember-option input{appearance:none;-webkit-appearance:none;width:18px!important;min-width:18px!important;height:18px!important;min-height:18px!important;margin:0!important;padding:0!important;border:1px solid rgba(123,148,183,.38)!important;border-radius:6px!important;background:#091525!important;box-shadow:none!important}
.login-remember-option input:checked{border-color:#5c82ff!important;background:linear-gradient(135deg,#5572e7,#448ff2)!important;box-shadow:0 0 0 3px rgba(78,112,235,.10)!important}
.login-remember-option input:checked::after{content:"✓";display:grid;place-items:center;height:100%;color:#fff;font-size:12px;font-weight:800}

/* Download de APK no painel em duas etapas, igual ao site público. */
.ui-modal.modal-variant-app-download{width:min(430px,calc(100vw - 30px))!important}
.ui-modal.modal-variant-app-download .ui-modal-header{padding-bottom:8px!important}
.ui-modal.modal-variant-app-download .ui-modal-body{padding:12px 20px 21px!important;overflow:visible!important}
.ui-modal.modal-variant-app-download .ui-modal-actions{display:none!important}
.panel-apk-download-state,.panel-apk-install-state{display:grid;justify-items:center;text-align:center;gap:11px}
.panel-apk-download-state>p,.panel-apk-install-state>p{margin:0;max-width:330px;color:#8497b2;font-size:11px;line-height:1.5}
.panel-apk-download-icon{display:grid;place-items:center;width:48px;height:48px;border:1px solid rgba(74,135,255,.32);border-radius:15px;background:linear-gradient(145deg,rgba(39,78,155,.24),rgba(7,21,38,.76));color:#74a9ff;font-size:24px;font-weight:800;box-shadow:0 12px 30px rgba(2,10,24,.22)}
.panel-apk-download-icon.is-complete{border-color:rgba(45,201,160,.34);background:linear-gradient(145deg,rgba(25,115,90,.24),rgba(7,30,33,.75));color:#45d6ad}
.panel-apk-download-meter{width:100%;display:grid;gap:7px;margin-top:2px}
.panel-apk-download-meter>div{display:flex;align-items:center;justify-content:space-between;color:#8092ad;font-size:10px}
.panel-apk-download-meter progress{appearance:none;-webkit-appearance:none;width:100%;height:7px;border:0;border-radius:999px;overflow:hidden;background:#071220}
.panel-apk-download-meter progress::-webkit-progress-bar{background:#071220;border-radius:999px}
.panel-apk-download-meter progress::-webkit-progress-value{background:linear-gradient(90deg,#526ee0,#4896f6);border-radius:999px}
.panel-apk-download-meter progress::-moz-progress-bar{background:linear-gradient(90deg,#526ee0,#4896f6);border-radius:999px}
.panel-apk-install-tutorial{width:100%;margin-top:2px;padding:13px 14px;border:1px solid rgba(117,151,201,.14);border-radius:13px;background:rgba(7,18,32,.66);text-align:left}
.panel-apk-install-tutorial>strong{display:block;margin-bottom:8px;color:#eef4ff;font-size:11px}
.panel-apk-install-tutorial ol{display:grid;gap:7px;margin:0;padding-left:19px;color:#9aacbf;font-size:10.5px;line-height:1.42}
.panel-apk-install-tutorial small{display:block;margin-top:10px;padding-top:9px;border-top:1px solid rgba(117,151,201,.12);color:#71849f;font-size:9.5px;line-height:1.45}
.panel-apk-install-tutorial small b{color:#dce6f7;font-size:12px}

@media(max-width:680px){
  .security-settings-board{padding:12px;gap:13px}
  .security-board-heading{align-items:flex-start}
  .security-board-heading>p{display:none}
  .security-compact-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:8px}
  .security-control-card{padding:11px;border-radius:13px;gap:8px;min-height:0}
  .security-control-copy strong{font-size:10.8px}
  .security-control-copy small{font-size:8.9px;line-height:1.3}
  .security-number-card input{height:36px!important;min-height:36px!important;font-size:11px!important}
  .security-toggle-card{grid-template-columns:1fr;align-content:space-between;min-height:105px}
  .security-toggle-card input[type="checkbox"]{justify-self:end;width:42px!important;min-width:42px!important;height:24px!important;min-height:24px!important}
  .security-toggle-card input[type="checkbox"]::before{width:16px;height:16px}
  .security-toggle-card input[type="checkbox"]:checked::before{transform:translateX(18px)}
  .security-save-actions .button{min-width:150px}
  .profile-session-grid{grid-template-columns:1fr}
  .profile-sessions-heading{align-items:flex-start;gap:10px}
  .profile-sessions-heading>form{margin-left:0}
  .profile-session-item{padding:12px}
  .ui-modal.modal-variant-app-download .ui-modal-body{padding:10px 14px 17px!important}
}
@media(max-width:340px){
  .security-compact-grid{grid-template-columns:1fr}
}

/* Layouts compactos de configurações */
.notification-hub-page{max-width:980px;padding:18px!important}
.notification-hub-heading{display:flex;align-items:flex-end;justify-content:space-between;gap:16px;margin-bottom:14px}
.notification-hub-heading>div{display:grid;gap:2px}.notification-hub-heading .settings-clean-page-title{margin:0}
.notification-hub-heading>p{max-width:520px;margin:0;color:var(--muted);font-size:11px;line-height:1.4;text-align:right}
.notification-hub-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:10px}
.notification-hub-card{display:grid;grid-template-rows:1fr auto;gap:13px;min-height:150px;padding:14px!important}
.notification-hub-card>.button{justify-self:start;min-width:148px}
.notification-hub-readonly{align-self:end;color:var(--muted);font-size:10px;font-weight:750}
.fcm-setup-modal{display:grid;gap:12px;min-width:0}
.fcm-setup-modal .notification-delivery-form{gap:12px}
.fcm-setup-head{display:flex;align-items:center;justify-content:space-between;gap:14px;padding:13px 14px;border:1px solid rgba(92,126,210,.18);border-radius:15px;background:rgba(8,19,34,.66)}
.fcm-setup-head>div{display:grid;gap:2px;min-width:0}.fcm-setup-head strong{font-size:14px}.fcm-setup-head small{color:var(--muted);font-size:10px;line-height:1.35}
.fcm-setup-kicker{color:#86a6ff;font-size:9px;font-weight:900;letter-spacing:.14em}
.fcm-enable-switch{display:flex;align-items:center;gap:9px;color:#aebfda;font-size:10.5px;font-weight:850;white-space:nowrap}
.fcm-enable-switch input{width:18px;height:18px;accent-color:#6688ff}
.fcm-config-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:8px}
.fcm-field-card{display:grid!important;gap:6px;padding:10px 11px!important;border:1px solid rgba(92,126,210,.16)!important;border-radius:13px!important;background:rgba(6,16,29,.56)!important}
.fcm-field-card>span{color:#aabbd5;font-size:10px;font-weight:800}
.fcm-field-card input{min-width:0;height:40px;padding:0 11px;font-size:11px}
.fcm-field-wide{grid-column:1/-1}
.fcm-json-import{position:relative;display:grid;grid-template-columns:minmax(0,1fr) auto;align-items:center;gap:12px;padding:12px 13px;border:1px dashed rgba(107,143,239,.35);border-radius:14px;background:rgba(7,18,32,.7);cursor:pointer;transition:border-color .18s ease,background .18s ease}
.fcm-json-import:hover,.fcm-json-import.has-file{border-color:rgba(95,141,255,.68);background:rgba(18,38,72,.65)}
.fcm-json-import.is-configured:not(.has-file){border-style:solid;border-color:rgba(72,202,154,.25)}
.fcm-json-import input{position:absolute;inset:0;width:100%;height:100%;opacity:0;cursor:pointer}
.fcm-json-import-copy{display:grid;gap:2px;min-width:0}.fcm-json-import-copy strong{font-size:12.5px}.fcm-json-import-copy small{color:var(--muted);font-size:9.8px;line-height:1.35;overflow-wrap:anywhere}
.fcm-json-import-action{padding:8px 10px;border:1px solid rgba(98,139,240,.28);border-radius:10px;background:rgba(55,92,182,.18);color:#c6d5ff;font-size:10px;font-weight:850;white-space:nowrap}
.fcm-import-note{margin:0;color:#7185a5;font-size:9.5px;line-height:1.4}
.fcm-modal-actions{margin-top:0!important}.fcm-modal-actions .button{min-width:150px}

/* Avisos e permissões em grade compacta também no celular */
@media(max-width:700px){
  .notice-whatsapp-settings-modal .settings-card-grid-two{grid-template-columns:repeat(2,minmax(0,1fr))!important;gap:8px!important}
  .notice-whatsapp-settings-modal .settings-option-card{min-height:92px!important;padding:10px!important}
  .notice-whatsapp-settings-modal .settings-option-copy strong{font-size:11.2px!important;line-height:1.25}
  .notice-whatsapp-settings-modal .settings-option-copy small{font-size:9.2px!important;line-height:1.32}
  .settings-permission-modal-grid,.full-permission-grid-ui,.role-permission-editor-modal .role-permission-grid,.role-permission-grid-ui,.individual-permission-grid-ui{grid-template-columns:repeat(2,minmax(0,1fr))!important;gap:8px!important}
  .full-permission-choice-ui,.individual-permission-option-ui,.role-permission-editor-modal .permission-option,.role-permission-grid-ui .permission-option{min-height:74px!important;padding:9px!important;gap:7px!important}
  .full-permission-choice-ui strong,.individual-permission-option-ui strong,.role-permission-editor-modal .permission-option strong,.role-permission-grid-ui .permission-option strong{font-size:10.8px!important;line-height:1.25!important}
  .full-permission-choice-ui small,.individual-permission-option-ui small,.role-permission-editor-modal .permission-option small,.role-permission-grid-ui .permission-option small{font-size:8.7px!important;line-height:1.3!important}
  .full-permission-choice-ui em,.individual-permission-option-ui em,.role-permission-editor-modal .permission-option em{font-size:7.8px!important;line-height:1.2!important}
  .role-permissions-ui .role-permission-launch-grid{grid-template-columns:repeat(2,minmax(0,1fr))!important;gap:8px!important}
  .role-permission-launch-card{min-width:0!important;padding:10px!important;gap:8px!important}.role-permission-launch-copy strong{font-size:11.5px!important}.role-permission-launch-copy small,.role-permission-launch-meta{font-size:8.8px!important}
}

/* Notificações no mobile */
@media(max-width:700px){
  .notification-hub-page{padding:13px!important;border-radius:17px!important}
  .notification-hub-heading{align-items:flex-start;margin-bottom:11px}.notification-hub-heading>p{display:none}
  .notification-hub-heading .eyebrow{font-size:8px}.notification-hub-heading .settings-clean-page-title{font-size:20px!important}
  .notification-hub-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:8px}
  .notification-hub-card{min-height:136px;padding:11px!important;gap:10px;border-radius:14px!important}
  .notification-hub-card .notification-settings-card-head{display:grid!important;grid-template-columns:1fr!important;gap:7px!important}
  .notification-hub-card .settings-option-copy strong{font-size:11.4px!important;line-height:1.25}.notification-hub-card .settings-option-copy small{font-size:9px!important;line-height:1.35}
  .notification-hub-card .status-chip{justify-self:start;font-size:8.5px;padding:4px 7px}
  .notification-hub-card>.button{width:100%;min-width:0;min-height:38px;padding:7px 8px;font-size:10.5px}
  .fcm-setup-head{padding:11px 12px}.fcm-setup-head small{display:none}.fcm-config-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:7px}.fcm-field-card{padding:8px!important}.fcm-field-card input{height:38px;padding:0 9px;font-size:10px}.fcm-field-wide{grid-column:1/-1}
  .fcm-json-import{padding:10px;gap:8px}.fcm-json-import-action{padding:7px 8px;font-size:9px}.fcm-json-import-copy strong{font-size:11px}.fcm-json-import-copy small{font-size:8.7px}
}
@media(max-width:340px){.notification-hub-grid{gap:6px}.notification-hub-card{padding:9px!important}.notification-hub-card .settings-option-copy small{display:none}}

/* Sistema compacto */
.system-control-page{display:grid;gap:14px;max-width:980px;padding:18px!important}
.system-premium-heading{display:flex;align-items:center;justify-content:space-between;gap:12px}.system-premium-heading>div{display:grid;gap:2px}.system-premium-heading .settings-clean-page-title{margin:0}.system-premium-heading>p{margin:0;color:#79dcaf;font-size:11px;font-weight:800}
.system-control-grid,.system-tools-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:9px}
.system-control-card{min-height:118px;padding:13px!important}
.system-status-section{display:grid;gap:9px}.system-section-title{display:flex;align-items:baseline;justify-content:space-between;gap:10px;padding-inline:2px}.system-section-title strong{font-size:13px}.system-section-title small{color:var(--muted);font-size:9.5px}
.system-status-grid-premium{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:9px}
.system-status-grid-premium .system-status-card{min-height:106px;padding:13px!important}.system-status-grid-premium .system-status-card>span{font-size:9px}.system-status-grid-premium .system-status-card>strong{font-size:21px}.system-status-grid-premium .system-status-card>small{font-size:9.5px;line-height:1.35}
.system-primary-actions{margin-top:0!important}.system-primary-actions .button{min-width:130px}
.system-tools-panel{display:grid;gap:11px;max-width:980px;padding:16px!important}.system-tools-grid .system-action-card{display:grid;grid-template-rows:1fr auto;gap:11px;min-height:126px;padding:13px!important}.system-tools-grid .system-action-card form{margin:0}.system-tools-grid .system-action-card .button{min-width:112px}
@media(max-width:700px){
  .system-control-page,.system-tools-panel{padding:12px!important;border-radius:16px!important;gap:11px}
  .system-premium-heading .settings-clean-page-title{font-size:20px!important}.system-premium-heading .eyebrow{font-size:8px}.system-premium-heading>p{font-size:9px}
  .system-control-grid,.system-tools-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:8px}
  .system-control-card,.system-tools-grid .system-action-card{min-height:104px;padding:10px!important;border-radius:13px!important}
  .system-control-card .settings-option-copy strong,.system-tools-grid .settings-option-copy strong{font-size:11px!important}.system-control-card .settings-option-copy small,.system-tools-grid .settings-option-copy small{font-size:8.8px!important;line-height:1.3}
  .system-status-grid-premium{grid-template-columns:repeat(2,minmax(0,1fr));gap:8px}.system-status-grid-premium .system-status-card{min-height:92px;padding:10px!important}.system-status-grid-premium .system-status-card:last-child{grid-column:1/-1}
  .system-status-grid-premium .system-status-card>strong{font-size:18px}.system-status-grid-premium .system-status-card>small{font-size:8.7px}
  .system-primary-actions{display:grid!important;grid-template-columns:repeat(2,minmax(0,1fr));gap:8px!important}.system-primary-actions .button{width:100%;min-width:0}
  .system-tools-grid .system-action-card .button{width:100%;min-width:0;min-height:36px;padding:7px;font-size:10px}
}

/* Catálogo de APIs compacto e copiável pelo próprio campo */
.superadmin-api-hero{padding:16px!important;gap:14px!important}.superadmin-api-hero h2{font-size:21px!important}.superadmin-api-hero>div>p:last-child{font-size:11px!important;line-height:1.4}
.superadmin-api-toolbar{grid-template-columns:minmax(220px,460px)!important;padding:12px 14px!important}.api-search-field{gap:5px}.api-search-field>span{font-size:10.5px!important}
.superadmin-api-list{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:8px!important}
.superadmin-api-row{display:grid!important;grid-template-columns:1fr!important;align-content:start;gap:8px!important;min-width:0;padding:10px!important;border-radius:13px!important}
.api-row-meta{grid-template-columns:auto minmax(0,1fr)!important;gap:8px!important}.api-row-meta strong{font-size:11.5px!important}.api-row-meta small{font-size:8.8px!important}.api-method{min-width:48px!important;padding:5px 6px!important;font-size:8.8px!important}
.api-copy-input-wrap input{height:39px!important;min-height:39px!important;padding:0 10px!important;font-size:9.5px!important;text-overflow:ellipsis!important;cursor:copy!important}.api-copy-input-wrap span{display:none!important}
@media(max-width:700px){
  .superadmin-api-hero,.superadmin-api-group{padding:11px!important;border-radius:15px!important}.superadmin-api-hero{gap:10px!important}.superadmin-api-hero h2{font-size:19px!important}.superadmin-api-hero>div>p:last-child{font-size:9.5px!important}
  .superadmin-api-summary{grid-template-columns:repeat(2,minmax(0,1fr))!important;gap:7px!important}.superadmin-api-summary span{padding:9px!important;border-radius:11px!important}.superadmin-api-summary small{font-size:8.5px!important}.superadmin-api-summary strong{font-size:10.5px!important;white-space:nowrap!important;overflow:hidden!important;text-overflow:ellipsis!important}
  .superadmin-api-toolbar{grid-template-columns:1fr!important;padding:10px!important}.api-search-field input{min-height:40px;font-size:11px}
  .api-group-heading{margin-bottom:9px!important}.api-group-heading h3{font-size:13px!important}.api-group-heading p{font-size:9px!important;line-height:1.35}.api-group-heading .tag{font-size:8px;padding:4px 6px}
  .superadmin-api-list{grid-template-columns:repeat(2,minmax(0,1fr))!important;gap:7px!important}.superadmin-api-row{padding:8px!important;gap:7px!important}.api-row-meta{grid-template-columns:42px minmax(0,1fr)!important;gap:6px!important}.api-method{min-width:42px!important;font-size:7.8px!important;padding:4px!important}.api-row-meta strong{font-size:10px!important;line-height:1.2}.api-row-meta small{font-size:7.8px!important;line-height:1.2}.api-copy-input-wrap input{height:36px!important;min-height:36px!important;padding:0 8px!important;font-size:8px!important}
}

/* Centralização consistente da paginação em listas, tabelas e grids. */
.list-pagination{
  grid-column:1 / -1!important;
  justify-self:stretch!important;
  align-self:stretch!important;
  width:100%!important;
  max-width:none!important;
  margin-left:auto!important;
  margin-right:auto!important;
  justify-content:center!important;
  box-sizing:border-box!important;
}
.list-pagination-pages{
  flex:0 0 auto!important;
  justify-content:center!important;
}

/* Admin editor — compact mobile workspace */
.modal-variant-admin-editor{
  width:min(820px,calc(100vw - 24px))!important;
  max-width:820px!important;
  max-height:calc(100dvh - 24px)!important;
}
.modal-variant-admin-editor .ui-modal-body{padding:14px!important}
.modal-variant-admin-editor .admin-tenant-form-ui{gap:12px!important}
.modal-variant-admin-editor .admin-editor-section-ui{padding:14px!important;border-radius:17px!important}
.modal-variant-admin-editor .admin-editor-heading-ui{margin-bottom:10px!important}
.modal-variant-admin-editor .admin-editor-heading-ui h3{font-size:17px!important;margin:2px 0 0!important}
.modal-variant-admin-editor .admin-editor-heading-ui p{font-size:10.5px!important;line-height:1.4!important;margin-top:4px!important}
.modal-variant-admin-editor .admin-editor-grid-ui{gap:10px!important}
.modal-variant-admin-editor .admin-editor-grid-ui label,
.modal-variant-admin-editor .admin-editor-inline-stack label{gap:6px!important}
.modal-variant-admin-editor .admin-editor-grid-ui input,
.modal-variant-admin-editor .admin-editor-inline-stack select,
.modal-variant-admin-editor .admin-cloudflare-grid-ui input{min-height:43px!important}
.modal-variant-admin-editor .admin-editor-grid-ui small,
.modal-variant-admin-editor .admin-editor-inline-stack small,
.modal-variant-admin-editor .admin-cloudflare-grid-ui small{font-size:9.5px!important;line-height:1.35!important}
.modal-variant-admin-editor .admin-editor-infra-grid-ui{gap:10px!important}
.modal-variant-admin-editor .admin-system-token-toggle-ui{padding:11px 12px!important;border-radius:13px!important}
.modal-variant-admin-editor .admin-permission-launch-ui{padding:12px!important;border-radius:14px!important;gap:10px!important}
.modal-variant-admin-editor .admin-permission-launch-copy-block strong{font-size:13px!important}
.modal-variant-admin-editor .admin-permission-launch-copy-block small{font-size:9.5px!important}
.modal-variant-admin-editor .admin-editor-savebar-ui{padding:9px!important;border-radius:14px!important}
.modal-variant-admin-editor .admin-editor-savebar-ui .button{min-height:44px!important}

@media(max-width:700px){
  .modal-variant-admin-editor{width:calc(100vw - 12px)!important;max-height:calc(100dvh - 12px)!important;border-radius:18px!important}
  .modal-variant-admin-editor .ui-modal-header{min-height:52px!important;padding:10px 12px!important}
  .modal-variant-admin-editor .ui-modal-body{padding:9px!important}
  .modal-variant-admin-editor .admin-tenant-form-ui{gap:9px!important}
  .modal-variant-admin-editor .admin-editor-section-ui{padding:11px!important;border-radius:14px!important}
  .modal-variant-admin-editor .admin-editor-heading-ui{margin-bottom:8px!important}
  .modal-variant-admin-editor .admin-editor-heading-ui small{font-size:8.5px!important}
  .modal-variant-admin-editor .admin-editor-heading-ui h3{font-size:14px!important}
  .modal-variant-admin-editor .admin-editor-heading-ui p{display:none!important}
  .modal-variant-admin-editor .admin-editor-grid-ui{grid-template-columns:repeat(2,minmax(0,1fr))!important;gap:8px!important}
  .modal-variant-admin-editor .admin-field-user,
  .modal-variant-admin-editor .admin-field-password{grid-column:auto!important;min-width:0!important}
  .modal-variant-admin-editor .admin-field-price{grid-column:1/-1!important;min-width:0!important}
  .modal-variant-admin-editor .admin-editor-grid-ui label>span{font-size:10.5px!important}
  .modal-variant-admin-editor .admin-editor-grid-ui input,
  .modal-variant-admin-editor .admin-editor-inline-stack select,
  .modal-variant-admin-editor .admin-cloudflare-grid-ui input{min-height:41px!important;padding-inline:10px!important;font-size:12px!important}
  .modal-variant-admin-editor .admin-editor-grid-ui small,
  .modal-variant-admin-editor .admin-editor-inline-stack small,
  .modal-variant-admin-editor .admin-cloudflare-grid-ui small{font-size:8.8px!important}
  .modal-variant-admin-editor .admin-editor-infra-grid-ui{grid-template-columns:1fr!important;gap:8px!important}
  .modal-variant-admin-editor .admin-permission-launch-ui{grid-template-columns:minmax(0,1fr) auto!important;gap:8px!important;padding:10px!important}
  .modal-variant-admin-editor .admin-permission-launch-copy-block{grid-template-columns:auto minmax(0,1fr)!important;gap:8px!important}
  .modal-variant-admin-editor .admin-permission-launch-copy-block .role-permission-launch-icon{display:grid!important}
  .modal-variant-admin-editor .admin-permission-launch-copy-block small{display:none!important}
  .modal-variant-admin-editor .admin-permission-launch-ui .button{width:auto!important;min-width:0!important;padding:9px 11px!important;font-size:10.5px!important}
  .modal-variant-admin-editor .admin-editor-savebar-ui{position:sticky!important;bottom:0!important;padding:7px!important}
}
@media(max-width:390px){
  .modal-variant-admin-editor .admin-editor-grid-ui{gap:7px!important}
  .modal-variant-admin-editor .admin-field-password small,
  .modal-variant-admin-editor .admin-field-price small{display:none!important}
  .modal-variant-admin-editor .admin-permission-launch-copy-block .role-permission-launch-icon{display:none!important}
  .modal-variant-admin-editor .admin-permission-launch-copy-block{grid-template-columns:1fr!important}
}

/* Senha gerada no editor de administrador. */
.modal-variant-admin-editor .admin-generated-password{display:grid;grid-template-columns:minmax(0,1fr) auto;gap:8px;align-items:stretch}
.modal-variant-admin-editor .admin-generated-password input[readonly]{min-width:0;cursor:default;background:rgba(7,15,28,.82);color:#e8efff;font-weight:800;letter-spacing:.12em}
.modal-variant-admin-editor .admin-generated-password .button{min-width:86px;padding-inline:14px}
@media(max-width:700px){
  .modal-variant-admin-editor .admin-generated-password{gap:6px}
  .modal-variant-admin-editor .admin-generated-password .button{min-width:64px;padding-inline:9px;font-size:10px}
}

[data-theme-account-url-field][hidden]{display:none!important}

/* Login: acomodação vertical responsiva sem ocultar campos nem rodapé. */
@media (max-width: 640px) {
  .auth-page {
    min-height: 100vh;
    min-height: 100dvh;
    padding: max(10px, env(safe-area-inset-top)) 10px max(10px, env(safe-area-inset-bottom));
  }
  .login-page { margin: auto 0; }
}
@media (max-width: 640px) and (max-height: 720px) {
  .auth-page { padding-top: max(8px, env(safe-area-inset-top)); padding-bottom: max(8px, env(safe-area-inset-bottom)); }
  .login-panel { padding: 16px; }
  .login-mobile-brand { margin-bottom: 16px; }
  .login-header { margin-bottom: 15px; }
  .login-kicker { margin-bottom: 5px; }
  .login-header p { margin-top: 6px; line-height: 1.4; }
  .login-form { gap: 7px; }
  .login-form label { margin-top: 5px; }
  .login-submit { min-height: 46px; margin-top: 8px; }
  .login-footer { margin-top: 10px; }
}
@media (max-width: 640px) and (max-height: 560px) {
  .login-panel { padding: 12px 14px; }
  .login-mobile-brand { margin-bottom: 10px; }
  .login-header { margin-bottom: 10px; }
  .login-header h2 { font-size: 23px; }
  .login-header p { margin-top: 5px; }
  .login-form { gap: 5px; }
  .login-form label { margin-top: 3px; }
  .input-control input { height: 44px; }
  .login-submit { min-height: 44px; margin-top: 4px; }
  .login-footer { margin-top: 7px; }
}

/* Aviso de perfil incompatível: mensagem e acesso correto em um único alerta. */
.auth-alert.has-login-switch {
    display: flex;
    align-items: center;
    justify-content: space-between;
    flex-wrap: wrap;
    gap: 10px;
}
.auth-alert.has-login-switch .login-error-message {
    flex: 1 1 175px;
    min-width: 0;
}
.auth-alert .login-error-link {
    display: inline-flex;
    align-items: center;
    justify-content: center;
    gap: 6px;
    min-height: 32px;
    padding: 6px 12px;
    border: 1px solid rgba(255, 107, 123, .35);
    border-radius: 8px;
    background: rgba(255, 107, 123, .10);
    color: #ffd2d7;
    font-size: 12px;
    line-height: 1.2;
    font-weight: 800;
    text-decoration: none;
    white-space: nowrap;
    transition: background .15s ease, border-color .15s ease;
}
.auth-alert .login-error-link:hover,
.auth-alert .login-error-link:focus-visible {
    background: rgba(255, 107, 123, .19);
    border-color: rgba(255, 107, 123, .65);
    color: #fff;
}
.auth-alert .login-error-link:focus-visible {
    outline: 2px solid #ffd2d7;
    outline-offset: 2px;
}

/* Dashboard: controles inspirados na apresentação do Rewards, comportamento Titan. */
.titan-dashboard-bell {
    width:42px;height:42px;min-width:42px;min-height:42px;
    display:inline-flex;align-items:center;justify-content:center;
    position:relative;border:1px solid rgba(89,136,214,.24);
    border-radius:14px;background:linear-gradient(180deg,rgba(10,22,40,.96),rgba(7,17,31,.96));color:#dff1ff;
    padding:0;cursor:pointer;transition:background .16s,border-color .16s,color .16s;
}
.titan-dashboard-bell:hover,.titan-dashboard-bell[aria-expanded="true"] {background:linear-gradient(180deg,rgba(13,27,47,.98),rgba(8,19,34,.98));border-color:rgba(99,183,226,.42);color:#fff}
.titan-dashboard-bell svg {width:20px;height:20px;fill:none;stroke:currentColor;stroke-width:1.8;stroke-linecap:round;stroke-linejoin:round}
.titan-dashboard-bell-badge {position:absolute;top:3px;right:3px;display:block;width:11px;height:11px;border:2px solid #08182c;border-radius:50%;background:#52d9e6;box-shadow:0 0 0 2px rgba(82,217,230,.16);pointer-events:none}
.titan-dashboard-bell-badge[hidden] {display:none!important}
.topbar-notification-zone{position:relative}
.titan-expiry-summary strong {font-size:clamp(24px,2vw,31px);line-height:1.1}
.titan-expiry-summary span {font-size:12px}
.titan-notification-popover{position:absolute;top:calc(100% + 12px);right:0;z-index:55;width:min(460px,calc(100vw - 24px));padding:0;border:1px solid rgba(105,141,204,.22);border-radius:22px;background:linear-gradient(180deg,rgba(8,19,34,.985),rgba(5,13,25,.985));box-shadow:0 26px 60px rgba(0,0,0,.42);overflow:hidden;opacity:0;transform:translateY(-8px) scale(.985);pointer-events:none;transition:opacity .18s ease,transform .18s ease}
.titan-notification-popover.is-open{opacity:1;transform:translateY(0) scale(1);pointer-events:auto}
.titan-notification-customer-popover{position:fixed;z-index:1000;right:auto;top:auto;overflow-y:auto;overscroll-behavior:contain}
.titan-notification-popover-head{display:flex;align-items:center;justify-content:space-between;gap:12px;padding:17px 18px;border-bottom:1px solid rgba(102,129,170,.16)}
.titan-notification-popover-head strong{font-size:15px;color:#f2f6fd}
.titan-notification-popover-close{width:34px;height:34px;display:grid;place-items:center;border:0;border-radius:10px;background:transparent;color:#9fb1c8;font-size:26px;line-height:1;cursor:pointer}
.titan-notification-popover-close:hover{background:rgba(255,255,255,.04);color:#fff}
.titan-notification-popover-body{padding:16px}
.titan-dashboard-notifications {display:grid;gap:14px;width:100%;min-width:0}
.titan-notification-config {padding:13px;border-radius:15px;border:1px solid rgba(132,159,208,.16);background:rgba(11,25,43,.8);display:grid;gap:10px}
.titan-notification-config p {margin:0;color:#96aeca;font-size:11px;line-height:1.5}
.titan-notification-config button {width:100%;min-height:42px}
.titan-notification-history-title {display:flex;align-items:center;justify-content:space-between;gap:10px}
.titan-notification-history-title strong {font-size:13px;color:#eef4ff}
.titan-notification-history-title button {border:0;background:none;color:#91a9e6;font-size:10px;font-weight:750;cursor:pointer}
.titan-notification-items {display:grid;gap:9px;max-height:min(42vh,390px);overflow-y:auto;overscroll-behavior:contain}
.titan-notification-empty {margin:0;padding:22px 10px;text-align:center;color:#8298b6;font-size:12px}
.titan-notification-entry {display:grid;gap:6px;padding:13px;border:1px solid rgba(142,166,207,.13);background:rgba(10,22,39,.86);border-radius:15px;text-decoration:none}
.titan-notification-entry.is-unread {border-color:rgba(78,178,223,.34);background:rgba(14,32,52,.94)}
.titan-notification-entry.is-clickable{cursor:pointer;transition:border-color .16s ease,background .16s ease,transform .16s ease}
button.titan-notification-entry{width:100%;font:inherit;color:inherit;text-align:left;appearance:none;-webkit-appearance:none}
.titan-notification-entry.is-clickable:focus-visible{outline:2px solid #52d9e6;outline-offset:2px}
.titan-notification-entry[aria-busy="true"]{opacity:.65;pointer-events:none}
.titan-notification-entry.is-clickable:hover{border-color:rgba(105,192,230,.44);background:rgba(15,35,57,.98);transform:translateY(-1px)}
.titan-notification-entry-head {display:flex;justify-content:space-between;align-items:flex-start;gap:8px}
.titan-notification-entry-head strong {font-size:12px;color:#e6efff}
.titan-notification-entry-head time {font-size:10px;color:#8298b6;white-space:nowrap}
.titan-notification-entry p {margin:0;color:#a8b8d0;font-size:11px;line-height:1.5;white-space:pre-line;overflow-wrap:anywhere}
@media(max-width:680px) {
 .titan-dashboard-bell {width:38px;min-width:38px;height:38px;min-height:38px}
 .titan-dashboard-bell svg {width:19px;height:19px}
 .titan-notification-popover{top:calc(100% + 10px);right:0;width:min(420px,calc(100vw - 16px));border-radius:19px}
 .titan-notification-popover-head{padding:15px 15px 13px}
 .titan-notification-popover-body{padding:13px}
 .titan-notification-items {max-height:36vh}
}

/* Biblioteca de temas em grade, duas linhas por página. O JS ajusta as
   colunas pela largura efetiva (não apenas pela resolução da tela). */
.app-themes-page .app-theme-grid-browser{display:block;width:100%;max-width:1220px;margin:0 auto}
.app-themes-page .app-theme-grid-browser .app-theme-carousel-viewport{width:100%;overflow:visible;padding:0;scroll-behavior:auto}
.app-themes-page .app-theme-grid-browser .app-theme-selector{width:100%;display:grid;grid-template-columns:repeat(var(--theme-grid-columns,4),minmax(0,1fr));gap:14px;justify-items:stretch}
.app-themes-page .app-theme-grid-browser .app-theme-card{width:100%;min-width:0;max-width:none;flex-basis:auto;padding:14px}
.app-themes-page .app-theme-card[hidden]{display:none!important}
.app-theme-pagination[hidden]{display:none!important}
.app-theme-pagination{display:flex;align-items:center;justify-content:center;gap:10px;margin-top:22px}
.app-theme-pagination-pages{display:flex;align-items:center;justify-content:center;gap:7px;flex-wrap:wrap}
.app-theme-page-number,.app-theme-page-arrow{display:grid;place-items:center;min-width:36px;height:36px;padding:0 8px;border:1px solid rgba(141,181,217,.22);border-radius:11px;background:rgba(13,29,49,.86);color:var(--text,#e7f0ff);font-family:inherit;font-size:12px;font-weight:800;line-height:1;cursor:pointer;transition:background .16s,border-color .16s,color .16s}
.app-theme-page-arrow{font-size:22px}
.app-theme-page-number:hover,.app-theme-page-arrow:hover{border-color:rgba(73,191,216,.55)}
.app-theme-page-number.is-active{color:#07111f;border-color:var(--primary,#44cdd6);background:var(--primary,#44cdd6)}
.app-theme-page-arrow:disabled{opacity:.28;cursor:default}
.app-theme-page-ellipsis{padding:0 3px;color:var(--muted,#92a8c5)}
@media(max-width:760px){
 .app-themes-page .app-theme-grid-browser .app-theme-selector{gap:11px}
 .app-themes-page .app-theme-grid-browser .app-theme-card{padding:11px;border-radius:16px}
 .app-themes-page .app-theme-grid-browser .app-theme-phone{width:clamp(100px,38vw,140px);height:clamp(196px,74vw,272px);padding:7px 5px 9px;border-radius:20px}
 .app-themes-page .app-theme-grid-browser .app-theme-phone iframe{transform:scale(.234)}
 .app-theme-pagination{margin-top:16px}
}
@media(max-width:420px){
 .app-themes-page .app-theme-grid-browser .app-theme-selector{gap:8px}
 .app-themes-page .app-theme-grid-browser .app-theme-card{padding:8px;border-radius:13px;gap:8px}
 .app-themes-page .app-theme-grid-browser .app-theme-phone{width:min(100%,120px);height:233px}
 .app-themes-page .app-theme-grid-browser .app-theme-phone iframe{transform:scale(.219)}
 .app-themes-page .app-theme-grid-browser .app-theme-card-title h3{font-size:12px}
 .app-themes-page .app-theme-grid-browser .app-theme-actions{grid-template-columns:1fr;gap:6px}
 .app-theme-page-number,.app-theme-page-arrow{min-width:32px;height:32px}
}
/* Valores iniciais antes da detecção da largura efetiva pelo JavaScript. */
@media(max-width:1080px){.app-themes-page .app-theme-grid-browser .app-theme-selector{--theme-grid-columns:3}}
@media(max-width:780px){.app-themes-page .app-theme-grid-browser .app-theme-selector{--theme-grid-columns:2}}
@media(max-width:360px){.app-themes-page .app-theme-grid-browser .app-theme-selector{--theme-grid-columns:1}}

.titan-notification-popover.titan-notification-customer-popover{position:fixed;right:auto;top:auto}

/* Renovação do Painel de Contas: plano compacto e refinado sem interferir em compras de limite. */
.customer-commerce-page-ui.is-renew .customer-plan-panel-ui{gap:12px}
.customer-commerce-page-ui.is-renew .customer-plan-panel-ui>.customer-plan-heading-ui{margin:0!important;padding:0!important;min-height:0}
.customer-commerce-page-ui.is-renew .customer-plan-panel-ui>.customer-plan-heading-ui .eyebrow{margin:0}
.customer-commerce-page-ui.is-renew .customer-plan-list{gap:10px}
.customer-commerce-page-ui.is-renew .customer-plan-row-ui{
  position:relative;overflow:hidden;isolation:isolate;
  border:1px solid rgba(95,143,232,.32)!important;
  background:linear-gradient(118deg,rgba(18,43,76,.94),rgba(9,24,45,.96) 58%,rgba(8,21,39,.98))!important;
  box-shadow:inset 0 1px 0 rgba(255,255,255,.055),0 10px 25px rgba(0,7,21,.17);
}
.customer-commerce-page-ui.is-renew .customer-plan-row-ui::before{
  content:"";position:absolute;inset:0 0 auto;height:2px;pointer-events:none;
  background:linear-gradient(90deg,rgba(71,111,235,.9),rgba(52,164,248,.82),rgba(71,111,235,0));
}
.customer-commerce-page-ui.is-renew .customer-plan-copy{min-width:0;gap:7px}
.customer-commerce-page-ui.is-renew .customer-plan-copy strong{color:#f2f7ff;font-size:1rem;font-weight:850;letter-spacing:-.025em;line-height:1.3}
.customer-commerce-page-ui.is-renew .customer-plan-copy small{
  display:inline-flex;align-items:center;justify-self:start;width:max-content;max-width:100%;margin:0;
  padding:4px 9px;border:1px solid rgba(98,145,234,.23);border-radius:999px;
  background:rgba(65,112,201,.11);color:#adc6ed;font-size:.69rem;font-weight:750;line-height:1.2;
}
.customer-commerce-page-ui.is-renew .customer-plan-price{min-width:0;align-self:start;text-align:right}
.customer-commerce-page-ui.is-renew .customer-plan-price strong{color:#f8fbff;font-size:1.2rem;font-weight:850;line-height:1.3;letter-spacing:-.035em}
.customer-commerce-page-ui.is-renew .customer-plan-row-ui form{min-width:0}
.customer-commerce-page-ui.is-renew .customer-plan-row-ui form .button{
  min-height:44px;border:1px solid rgba(117,174,255,.2);border-radius:12px;
  background:linear-gradient(110deg,#4c6fe6 0%,#428af1 100%);color:#fff;
  box-shadow:0 7px 17px rgba(41,100,223,.18);font-weight:850;letter-spacing:.01em;
}
.customer-commerce-page-ui.is-renew .customer-plan-row-ui form .button:hover{filter:brightness(1.06)}
@media(max-width:640px){
  .customer-commerce-page-ui.is-renew .customer-plan-panel-ui{gap:10px;padding:14px!important}
  .customer-commerce-page-ui.is-renew .customer-plan-row-ui{
    grid-template-columns:minmax(0,1fr) auto!important;align-items:start!important;
    gap:12px 8px!important;padding:14px!important;border-radius:17px!important;
  }
  .customer-commerce-page-ui.is-renew .customer-plan-row-ui .customer-plan-copy strong{font-size:.96rem}
  .customer-commerce-page-ui.is-renew .customer-plan-row-ui .customer-plan-price{padding-left:5px}
  .customer-commerce-page-ui.is-renew .customer-plan-row-ui .customer-plan-price strong{font-size:1.14rem;white-space:nowrap}
  .customer-commerce-page-ui.is-renew .customer-plan-row-ui form{grid-column:1/-1!important;margin-top:1px;width:100%}
  .customer-commerce-page-ui.is-renew .customer-plan-row-ui form .button{width:100%;min-height:44px;font-size:.84rem}
}
@media(max-width:360px){
  .customer-commerce-page-ui.is-renew .customer-plan-panel-ui{padding:12px!important}
  .customer-commerce-page-ui.is-renew .customer-plan-row-ui{padding:12px!important}
  .customer-commerce-page-ui.is-renew .customer-plan-row-ui .customer-plan-price strong{font-size:1.04rem}
}

/* Renovação de conta: checkout compacto, sem plano quadrado ou card aninhado. */
.customer-commerce-page-ui.is-renew{
  width:100%;max-width:720px;min-width:0;display:grid;gap:13px;margin-inline:auto;
}
.customer-commerce-page-ui.is-renew .customer-commerce-hero-ui{
  min-width:0;display:block!important;padding:5px 2px 4px!important;
  background:transparent!important;border:0!important;box-shadow:none!important;
  border-radius:0!important;
}
.customer-commerce-page-ui.is-renew .customer-commerce-hero-ui::after{display:none!important}
.customer-commerce-page-ui.is-renew .customer-commerce-hero-ui .eyebrow{
  color:#7da9e3;font-size:.64rem;letter-spacing:.14em;font-weight:800;margin:0 0 7px;
}
.customer-commerce-page-ui.is-renew .customer-commerce-hero-ui h2{
  font-size:1.5rem!important;line-height:1.18;letter-spacing:-.038em;margin:0 0 6px!important;
  color:#f5f8ff;
}
.customer-commerce-page-ui.is-renew .customer-commerce-hero-ui p{
  font-size:.77rem!important;line-height:1.5;color:#99acca;margin:0!important;
}
.customer-commerce-page-ui.is-renew .customer-renew-checkout-ui{
  min-width:0;position:relative;overflow:hidden;padding:22px!important;border-radius:20px!important;
  border:1px solid rgba(99,153,235,.27)!important;
  background:radial-gradient(ellipse at 100% 0,rgba(50,110,208,.14),transparent 58%),
    linear-gradient(145deg,#0d203b 0%,#0a192e 100%)!important;
  box-shadow:inset 0 1px 0 rgba(173,206,251,.065),0 8px 26px rgba(0,5,16,.16);
  display:flex;flex-direction:column;gap:0;
}
.customer-commerce-page-ui.is-renew .customer-renew-checkout-ui::before{
  content:"";position:absolute;top:0;left:22px;right:22px;height:2px;
  background:linear-gradient(90deg,#3565d1,#23a5fa 48%,transparent 100%);opacity:.95;
}
.customer-commerce-page-ui.is-renew .customer-renew-checkout-heading-ui{
  display:flex;align-items:center;justify-content:space-between;gap:10px;min-width:0;
}
.customer-commerce-page-ui.is-renew .customer-renew-checkout-eyebrow-ui{
  color:#93afd6;font-size:.69rem;letter-spacing:.065em;font-weight:800;
}
.customer-commerce-page-ui.is-renew .customer-renew-checkout-indicator-ui{
  display:inline-flex;gap:6px;align-items:center;flex-shrink:0;color:#97b5dd;
  font-size:.66rem;font-weight:650;
}
.customer-commerce-page-ui.is-renew .customer-renew-checkout-indicator-ui>span{
  width:6px;height:6px;border-radius:50%;background:#4fc2ca;box-shadow:0 0 0 3px rgba(79,194,202,.1);
}
.customer-commerce-page-ui.is-renew .customer-renew-checkout-summary-ui{
  display:flex;align-items:flex-end;justify-content:space-between;gap:12px;min-width:0;
  margin:19px 0 17px;padding:0 0 17px;border-bottom:1px solid rgba(116,155,219,.16);
}
.customer-commerce-page-ui.is-renew .customer-renew-checkout-period-ui,
.customer-commerce-page-ui.is-renew .customer-renew-checkout-amount-ui{
  display:flex;flex-direction:column;gap:6px;min-width:0;
}
.customer-commerce-page-ui.is-renew .customer-renew-checkout-amount-ui{text-align:right}
.customer-commerce-page-ui.is-renew .customer-renew-checkout-summary-ui small{
  color:#7e9bbf;font-size:.68rem;font-weight:550;
}
.customer-commerce-page-ui.is-renew .customer-renew-checkout-summary-ui strong{
  font-size:1.5rem;line-height:1.1;color:#f5f9ff;letter-spacing:-.04em;font-weight:820;white-space:nowrap;
}
.customer-commerce-page-ui.is-renew .customer-renew-checkout-amount-ui strong{font-size:1.59rem}
.customer-commerce-page-ui.is-renew .customer-renew-checkout-form-ui{display:block;margin:0;width:100%;min-width:0}
.customer-commerce-page-ui.is-renew .customer-renew-checkout-form-ui .button,
.customer-commerce-page-ui.is-renew .customer-renew-checkout-contact-ui{
  display:flex;align-items:center;justify-content:center;min-height:47px;width:100%;
  margin:0;padding:11px 14px;border-radius:12px;
  background:linear-gradient(110deg,#4168df 0%,#398cf3 100%);border:1px solid rgba(131,182,251,.26);
  font-size:.86rem;font-weight:800;color:#fff;box-shadow:0 5px 15px rgba(38,99,214,.16);
}
.customer-commerce-page-ui.is-renew .customer-renew-checkout-form-ui .button:hover,
.customer-commerce-page-ui.is-renew .customer-renew-checkout-contact-ui:hover{filter:brightness(1.07)}
.customer-commerce-page-ui.is-renew .customer-renew-checkout-caption-ui{
  color:#8198b9;font-size:.68rem;line-height:1.45;text-align:center;margin:12px 0 0!important;
}
.customer-commerce-page-ui.is-renew .customer-orders-card-ui{
  padding:17px 19px!important;border-radius:18px!important;
  border:1px solid rgba(99,134,199,.17)!important;
  background:linear-gradient(135deg,rgba(13,27,46,.94),rgba(10,23,40,.96))!important;
}
.customer-commerce-page-ui.is-renew .customer-orders-card-ui .card-heading{padding:0 0 4px}
.customer-commerce-page-ui.is-renew .customer-orders-card-ui .card-heading .eyebrow{
  color:#7897c2;font-size:.62rem;letter-spacing:.11em;margin-bottom:5px;
}
.customer-commerce-page-ui.is-renew .customer-orders-card-ui .card-heading h3{font-size:1rem;letter-spacing:-.025em}
.customer-commerce-page-ui.is-renew .customer-orders-card-ui .empty-state.compact{
  min-height:0!important;padding:17px 8px 5px!important;color:#7491bc;font-size:.76rem;
}
@media(max-width:640px){
  .customer-commerce-page-ui.is-renew{gap:12px}
  .customer-commerce-page-ui.is-renew .customer-commerce-hero-ui{padding:6px 2px 1px!important}
  .customer-commerce-page-ui.is-renew .customer-commerce-hero-ui h2{font-size:1.33rem!important}
  .customer-commerce-page-ui.is-renew .customer-commerce-hero-ui p{font-size:.71rem!important}
  .customer-commerce-page-ui.is-renew .customer-renew-checkout-ui{padding:19px 16px 17px!important;border-radius:17px!important}
  .customer-commerce-page-ui.is-renew .customer-renew-checkout-ui::before{left:16px;right:16px}
  .customer-commerce-page-ui.is-renew .customer-renew-checkout-summary-ui{margin:18px 0 16px;padding-bottom:17px}
  .customer-commerce-page-ui.is-renew .customer-renew-checkout-summary-ui strong{font-size:1.35rem}
  .customer-commerce-page-ui.is-renew .customer-renew-checkout-amount-ui strong{font-size:1.48rem}
  .customer-commerce-page-ui.is-renew .customer-renew-checkout-form-ui .button{min-height:46px}
  .customer-commerce-page-ui.is-renew .customer-orders-card-ui{padding:16px!important}
}
@media(max-width:355px){
  .customer-commerce-page-ui.is-renew .customer-renew-checkout-summary-ui{gap:9px}
  .customer-commerce-page-ui.is-renew .customer-renew-checkout-amount-ui strong{font-size:1.28rem}
  .customer-commerce-page-ui.is-renew .customer-renew-checkout-summary-ui strong{font-size:1.2rem}
  .customer-commerce-page-ui.is-renew .customer-renew-checkout-ui{padding:16px 13px!important}
  .customer-commerce-page-ui.is-renew .customer-renew-checkout-ui::before{left:13px;right:13px}
}

/* Notificações de Gestão e Contas: popover ancorado ao viewport, livre de sobreposição da topbar. */
.titan-notification-popover.titan-notification-viewport-popover{position:fixed;z-index:1000;right:auto;top:auto;overflow-y:auto;overscroll-behavior:contain}

/* Caixa de notificações: cabeçalho simples e ação de leitura em lote. */
.titan-notification-mark-all{justify-self:end;padding:0;border:0;background:none;color:#91b5eb;font-size:11px;font-weight:750;cursor:pointer}
.titan-notification-mark-all:hover{color:#d6e8ff}
.titan-notification-mark-all[hidden]{display:none!important}
@media(max-width:420px){
 .titan-notification-popover-head{gap:8px}
 .titan-notification-popover-close{flex-shrink:0}
}

/* Sem status manual: o sino indica apenas pendências não lidas. */
.titan-notification-popover-title{display:inline-flex;align-items:center;flex:1;min-width:0}
.titan-notification-popover-title strong{font-size:15px;color:#f2f6fd}
.titan-notification-popover-body{padding-top:14px}

/* Faturamento anual e biblioteca de aplicativos. */
.titan-annual-billing-total{display:flex;flex-direction:column;align-items:flex-end;gap:5px;max-width:100%;color:#a6bdd7;font-size:12px;font-weight:700}
.titan-annual-billing-total strong{color:#f2f9ff;font-size:clamp(19px,2.6vw,29px);letter-spacing:-.04em;white-space:nowrap}
.titan-annual-billing-pages{display:flex;justify-content:center;gap:12px;margin-top:18px}
.titan-published-app-delete{position:absolute;right:10px;top:10px}.titan-app-trash{width:32px;height:32px;display:grid;place-items:center;border:1px solid rgba(250,120,125,.35);border-radius:9px;background:rgba(190,53,67,.12);color:#ffafb2;cursor:pointer}
.titan-app-trash:hover{background:rgba(190,53,67,.3)}.titan-app-trash svg{width:17px;height:17px;fill:none;stroke:currentColor;stroke-width:1.8;stroke-linecap:round;stroke-linejoin:round}
.titan-official-app-label{display:inline-flex;align-self:flex-start;font-size:11px;color:#58dec7;border:1px solid rgba(88,222,199,.45);padding:4px 8px;border-radius:99px}
.titan-app-published-toast{position:fixed;z-index:20000;top:max(16px,env(safe-area-inset-top,0px));left:50%;transform:translate(-50%,-15px);opacity:0;transition:transform .22s ease,opacity .22s ease;display:flex;align-items:center;gap:11px;padding:13px 16px;border-radius:14px;border:1px solid rgba(60,186,160,.38);background:#091b2a;box-shadow:0 15px 45px #0009;max-width:calc(100vw - 24px);min-width:240px;color:#f2f9ff}
.titan-app-published-toast.is-visible{transform:translate(-50%,0);opacity:1}.titan-app-published-toast-icon{display:grid;place-items:center;flex:0 0 30px;width:30px;height:30px;border-radius:10px;background:rgba(38,170,117,.18);color:#54ddab;font-size:19px;font-weight:800}.titan-app-published-toast strong{font-size:12.5px;font-weight:800;line-height:1.35}
@media(max-width:600px){.titan-annual-billing-total{align-items:flex-start}.titan-app-published-toast{width:max-content;max-width:calc(100vw - 24px)}}

/* Editor de temas — opção Atualizar app na aba Inicial. */
.app-theme-editor-page .app-theme-update-options,
.app-theme2-editor .app-theme-update-options {
  margin-top: 12px;
  border: 1px solid rgba(119,163,218,.16)!important;
  border-radius: 12px!important;
  background: rgba(12,27,47,.56)!important;
}
.app-theme-editor-page .app-theme-update-options .app-theme-toggle-grid,
.app-theme2-editor .app-theme-update-options .app-theme-toggle-grid {
  grid-template-columns:minmax(0,1fr)!important;
}
.app-theme-editor-page .app-theme-update-options .app-theme-toggle-row,
.app-theme2-editor .app-theme-update-options .app-theme-toggle-row {
  border-right:0!important;
}
.app-theme-editor-page .app-theme-update-url-field,
.app-theme2-editor .app-theme-update-url-field {
  display:flex!important;
  flex-direction:column!important;
  gap:7px!important;
  margin:0!important;
  padding:12px!important;
  border-top:1px solid rgba(141,181,217,.10)!important;
}
.app-theme-editor-page .app-theme-update-url-field>span,
.app-theme2-editor .app-theme-update-url-field>span {
  margin:0!important;
  font-weight:700!important;
  color:#dfe9f6!important;
  font-size:11px!important;
}
.app-theme-editor-page .app-theme-update-url-field input,
.app-theme2-editor .app-theme-update-url-field input {
  width:100%!important;
  max-width:100%!important;
  min-height:40px!important;
}
.app-theme-editor-page .app-theme-update-url-field>small,
.app-theme2-editor .app-theme-update-url-field>small {
  display:block!important;
  margin:0!important;
  color:#899eb8!important;
  font-size:10px!important;
  line-height:1.4!important;
}
/* Apenas Atualizar app usa um toggle deslizante, conforme a opção solicitada. */
.app-theme-update-options .app-theme-toggle-row>input[type="checkbox"] {
  position:absolute!important;
  width:1px!important;height:1px!important;min-width:1px!important;min-height:1px!important;
  margin:0!important;padding:0!important;
  opacity:0!important;pointer-events:none!important;
  order:0!important;
}
.app-theme-update-options .app-theme-toggle-row>i {
  display:block!important;
  position:relative!important;
  width:42px!important;height:24px!important;flex:0 0 42px!important;
  margin-left:auto!important;
  border-radius:20px!important;
  border:1px solid rgba(132,161,201,.38)!important;
  background:#293b51!important;
  transition:background .2s,border-color .2s!important;
}
.app-theme-update-options .app-theme-toggle-row>i::after {
  content:""!important;position:absolute!important;
  top:3px!important;left:3px!important;width:16px!important;height:16px!important;
  border-radius:50%!important;background:#c6d4e7!important;
  transition:transform .2s!important;
}
.app-theme-update-options .app-theme-toggle-row>input:checked+i {
  background:#116b74!important;border-color:#44c8d0!important;
}
.app-theme-update-options .app-theme-toggle-row>input:checked+i::after {
  left:3px!important;transform:translateX(18px)!important;background:#e9ffff!important;
}
.app-theme-update-options .app-theme-toggle-row:has(input:focus-visible)>i {
  outline:2px solid #a2c6ff!important;outline-offset:3px!important;
}
/* Preserva as quatro abas do Tema #2 em uma única linha. */
.app-theme2-editor .app-theme-editor-tabs.app-theme2-tabs {
  grid-template-columns:repeat(4,minmax(0,1fr))!important;
}

/* Publicar aplicativo: ícone e toggle nativo do Titan na mesma linha, inclusive mobile. */
.app-publish-unified-panel .app-publish-top-controls{display:grid;grid-template-columns:minmax(0,1fr);gap:12px;min-width:0;align-items:stretch}
.app-publish-unified-panel .app-publish-top-controls.has-official-control{grid-template-columns:minmax(0,1fr) minmax(0,1fr)}
.app-publish-unified-panel .app-publish-icon-card{order:initial!important;min-width:0;width:100%!important;display:flex!important;align-items:center!important;margin:0!important;min-height:82px;padding:12px!important;grid-column:auto!important}
.app-publish-unified-panel .app-publish-icon-card .panel-app-icon-row{width:100%;min-width:0;gap:10px}
.app-publish-unified-panel .titan-official-app-toggle{min-width:0;min-height:82px;padding:12px 14px;align-items:center;margin:0!important;grid-column:auto!important}
.app-publish-unified-panel .titan-official-app-toggle>span{min-width:0}
.app-publish-unified-panel .titan-official-app-toggle>span>strong{font-size:13px}
.app-download-unified-card.titan-app-download-main{position:relative}
.app-download-unified-card.titan-app-download-main>.titan-published-app-delete{z-index:2}
.app-download-unified-card.titan-app-download-main:has(>.titan-published-app-delete) .app-download-unified-identity{padding-right:42px}
@media(max-width:680px){
 .app-publish-unified-panel .app-publish-top-controls.has-official-control{gap:8px}
 .app-publish-unified-panel .app-publish-icon-card{padding:8px!important;min-height:92px}
 .app-publish-unified-panel .app-publish-icon-card .panel-app-icon-row{flex-direction:column;align-items:center;justify-content:center;gap:6px}
 .app-publish-unified-panel .app-publish-icon-card .panel-app-icon-preview{width:42px!important;min-width:42px!important;height:42px!important}
 .app-publish-unified-panel .app-publish-icon-card .panel-app-icon-upload-wrap{width:100%;justify-content:center}
 .app-publish-unified-panel .app-publish-icon-card .panel-app-icon-upload-button{width:100%;min-height:34px!important;height:34px!important;padding:0 5px!important;font-size:11px!important;white-space:nowrap}
 .app-publish-unified-panel .titan-official-app-toggle{padding:10px 11px;min-height:92px;grid-template-columns:minmax(0,1fr) auto}
 .app-publish-unified-panel .titan-official-app-toggle>input[type="checkbox"]{width:42px!important;min-width:42px!important;height:24px!important;justify-self:end}
 .app-publish-unified-panel .titan-official-app-toggle>span>strong{font-size:12px}
}

/* O alinhamento mobile não empilha o controle interno "Oficial". */
@media(max-width:600px){.app-publish-unified-panel .titan-official-app-toggle.security-toggle-card{grid-template-columns:minmax(0,1fr) auto;align-content:center;align-items:center;gap:4px}}

/* Publicar aplicativo: imagem e permissão oficial compactas, lado a lado sem cartões individuais. */
.app-publish-unified-panel .app-publish-top-controls.has-official-control{
  display:flex!important;flex-wrap:nowrap!important;align-items:center!important;justify-content:space-between!important;
  gap:10px!important;min-width:0;padding:9px 12px;border:1px solid rgba(98,134,190,.25);
  border-radius:16px;background:rgba(8,21,37,.55);
}
.app-publish-unified-panel .app-publish-top-controls .app-publish-icon-card{
  flex:1 1 auto;display:block!important;width:auto!important;min-width:0!important;max-width:100%!important;
  border:0!important;background:none!important;box-shadow:none!important;min-height:0!important;padding:0!important;
}
.app-publish-unified-panel .app-publish-top-controls .panel-app-icon-row{
  display:flex!important;flex-direction:row!important;flex-wrap:nowrap!important;align-items:center!important;
  justify-content:flex-start!important;gap:9px!important;
}
.app-publish-unified-panel .app-publish-top-controls .panel-app-icon-preview{
  width:43px!important;min-width:43px!important;height:43px!important;border-radius:12px!important;
}
.app-publish-unified-panel .app-publish-top-controls .panel-app-icon-upload-wrap{
  display:flex!important;width:auto!important;min-width:0!important;flex:0 1 auto;justify-content:flex-start!important;
}
.app-publish-unified-panel .app-publish-top-controls .panel-app-icon-upload-button{
  width:auto!important;max-width:100%!important;min-width:0!important;min-height:35px!important;height:35px!important;
  padding:0 11px!important;font-size:11px!important;white-space:nowrap!important;
}
.app-publish-unified-panel .app-publish-top-controls .titan-official-permission-choice{
  position:relative;display:inline-flex;align-items:center;gap:7px;flex:0 0 auto;min-width:0;
  padding:6px 7px 6px 8px;margin:0;color:#eaf3ff;font-size:12px;font-weight:750;cursor:pointer;
}
.app-publish-unified-panel .titan-official-permission-choice input[type="checkbox"]{
  appearance:none!important;-webkit-appearance:none!important;display:block!important;flex:0 0 20px;
  width:20px!important;min-width:20px!important;max-width:20px!important;height:20px!important;min-height:20px!important;
  margin:0!important;padding:0!important;border:2px solid rgba(137,158,190,.62)!important;border-radius:50%!important;
  background:#081321!important;box-shadow:none!important;cursor:pointer;position:relative;
}
.app-publish-unified-panel .titan-official-permission-choice input[type="checkbox"]:checked{
  border-color:#718cff!important;background:radial-gradient(circle at center,#7d96ff 0 5px,#081321 5.5px)!important;
}
.app-publish-unified-panel .titan-official-permission-choice input[type="checkbox"]:focus-visible{
  outline:2px solid #a2c6ff!important;outline-offset:3px!important;
}
.app-publish-unified-panel .titan-official-permission-choice span{white-space:nowrap}
@media(max-width:390px){
  .app-publish-unified-panel .app-publish-top-controls.has-official-control{gap:6px!important;padding:8px!important}
  .app-publish-unified-panel .app-publish-top-controls .panel-app-icon-preview{width:37px!important;min-width:37px!important;height:37px!important}
  .app-publish-unified-panel .app-publish-top-controls .panel-app-icon-upload-button{padding:0 8px!important;font-size:10px!important}
  .app-publish-unified-panel .app-publish-top-controls .titan-official-permission-choice{gap:5px;font-size:11px;padding:4px 3px}
  .app-publish-unified-panel .titan-official-permission-choice input[type="checkbox"]{width:18px!important;min-width:18px!important;height:18px!important;min-height:18px!important;flex-basis:18px}
}

/* Editor Titan: seletores de aplicativo e Minha conta, aba Inicial. */
.app-theme-editor-page .app-theme-update-options .app-theme-toggle-row,
.app-theme2-editor .app-theme-update-options .app-theme-toggle-row,
.app-theme-editor-page .app-theme-account-options .app-theme-toggle-row,
.app-theme2-editor .app-theme-account-options .app-theme-toggle-row {min-height:51px!important;padding:10px 12px!important;}
.app-theme-editor-page .app-theme-account-options,
.app-theme2-editor .app-theme-account-options {margin-top:12px!important;border:1px solid rgba(119,163,218,.18)!important;border-radius:12px!important;background:rgba(12,27,47,.56)!important;overflow:hidden!important;}
.app-theme-editor-page .app-theme-update-app-field,
.app-theme2-editor .app-theme-update-app-field {display:flex!important;flex-direction:column!important;gap:8px!important;padding:12px!important;margin:0!important;border-top:1px solid rgba(141,181,217,.1)!important;}
.app-theme-editor-page .app-theme-update-app-field>span,
.app-theme2-editor .app-theme-update-app-field>span {font-size:11px!important;color:#dfe9f6!important;font-weight:750!important;}
.app-theme-editor-page .app-theme-update-app-field select,
.app-theme2-editor .app-theme-update-app-field select {width:100%!important;min-height:48px!important;background:#0b1c31!important;border:1px solid #4164bb!important;border-radius:14px!important;color:#f1f7ff!important;padding:0 15px!important;font-weight:700!important;}
.app-theme-account-choice-wrap {padding:12px!important;border-top:1px solid rgba(141,181,217,.1)!important;}
.app-theme-account-choice-grid {display:grid!important;grid-template-columns:minmax(0,1fr) minmax(0,1.55fr)!important;gap:8px!important;}
.app-theme-account-choice {display:flex!important;align-items:center!important;gap:9px!important;min-width:0!important;min-height:48px!important;padding:9px 11px!important;background:rgba(7,21,37,.8)!important;border:1px solid rgba(96,129,182,.3)!important;border-radius:12px!important;color:#eaf3ff!important;cursor:pointer!important;}
.app-theme-account-choice.is-selected {border-color:#6c91ef!important;background:rgba(45,67,112,.26)!important;box-shadow:0 0 0 1px rgba(92,128,214,.15) inset!important;}
.app-theme-account-choice>input[type="radio"] {appearance:none!important;-webkit-appearance:none!important;flex:0 0 18px!important;width:18px!important;height:18px!important;min-height:18px!important;min-width:18px!important;border-radius:50%!important;border:2px solid #7a98e5!important;background:transparent!important;padding:3px!important;margin:0!important;cursor:pointer!important;background-clip:content-box!important;}
.app-theme-account-choice>input[type="radio"]:checked {background-color:#7296fd!important;border-color:#9ab0f3!important;}
.app-theme-account-choice>span {flex:0 0 auto!important;font-size:12px!important;font-weight:750!important;}
.app-theme-account-whatsapp>input[type="url"] {display:block!important;flex:1 1 auto!important;min-width:0!important;width:100%!important;height:35px!important;min-height:35px!important;margin:0!important;border:1px solid rgba(116,149,204,.28)!important;border-radius:9px!important;padding:0 9px!important;background:#09182b!important;color:#dceaff!important;font-size:11px!important;overflow:hidden!important;}
.app-theme-editor-page .app-theme-account-options .app-theme-toggle-grid,
.app-theme2-editor .app-theme-account-options .app-theme-toggle-grid {grid-template-columns:1fr!important;}
.app-theme-editor-page .app-theme-account-options .app-theme-toggle-row,
.app-theme2-editor .app-theme-account-options .app-theme-toggle-row {border-right:0!important;}
.app-theme-account-options .app-theme-toggle-row>input[type="checkbox"] {position:absolute!important;width:1px!important;height:1px!important;min-width:1px!important;min-height:1px!important;opacity:0!important;pointer-events:none!important;}
.app-theme-account-options .app-theme-toggle-row>i {display:block!important;position:relative!important;width:42px!important;height:24px!important;flex:0 0 42px!important;margin-left:auto!important;border-radius:20px!important;border:1px solid rgba(132,161,201,.38)!important;background:#293b51!important;}
.app-theme-account-options .app-theme-toggle-row>i:after {content:""!important;position:absolute!important;left:3px!important;top:3px!important;width:16px!important;height:16px!important;border-radius:50%!important;background:#c6d4e7!important;transition:transform .2s!important;}
.app-theme-account-options .app-theme-toggle-row>input:checked+i {background:#116b74!important;border-color:#44c8d0!important;}
.app-theme-account-options .app-theme-toggle-row>input:checked+i:after {transform:translateX(18px)!important;background:#e9ffff!important;}
.app-theme-editor-page [data-theme-reveal][hidden], .app-theme2-editor [data-theme-reveal][hidden] {display:none!important;}
@media(max-width:420px){
 .app-theme-account-choice-grid {grid-template-columns:minmax(0,1fr) minmax(0,1.8fr)!important;gap:6px!important;}
 .app-theme-account-choice {padding:8px 7px!important;gap:5px!important;}
 .app-theme-account-choice>span {font-size:10.5px!important;}
 .app-theme-account-choice>input[type="radio"] {flex-basis:15px!important;width:15px!important;height:15px!important;min-height:15px!important;min-width:15px!important;}
 .app-theme-account-whatsapp>input[type="url"] {font-size:10px!important;padding:0 6px!important;}
}

/* Seleção circular padrão Titan (igual ao seletor de servidor), não switch. */
.app-theme-editor-page .app-theme-update-options .app-theme-toggle-row,
.app-theme2-editor .app-theme-update-options .app-theme-toggle-row,
.app-theme-editor-page .app-theme-account-options .app-theme-toggle-row,
.app-theme2-editor .app-theme-account-options .app-theme-toggle-row {display:flex!important;justify-content:flex-start!important;gap:11px!important;cursor:pointer!important;}
.app-theme-update-options .app-theme-toggle-row>input[type="checkbox"],
.app-theme-account-options .app-theme-toggle-row>input[type="checkbox"] {
 appearance:none!important;-webkit-appearance:none!important;position:static!important;opacity:1!important;pointer-events:auto!important;
 order:-1!important;display:block!important;flex:0 0 22px!important;width:22px!important;height:22px!important;
 min-width:22px!important;min-height:22px!important;margin:0!important;padding:4px!important;
 border:2px solid #839ced!important;border-radius:50%!important;background:transparent!important;
 box-shadow:none!important;background-clip:content-box!important;
}
.app-theme-update-options .app-theme-toggle-row>input[type="checkbox"]:checked,
.app-theme-account-options .app-theme-toggle-row>input[type="checkbox"]:checked {background-color:#789afa!important;border-color:#91a7fa!important;}
.app-theme-update-options .app-theme-toggle-row>i,
.app-theme-account-options .app-theme-toggle-row>i {display:none!important;}


/* Aplicativo: ação no topo, listagem única e modal de publicação. */
.titan-app-publish-topbar{
  display:inline-flex;align-items:center;justify-content:center;gap:7px;white-space:nowrap;
  min-height:42px;padding:0 13px;border:1px solid rgba(87,137,231,.52);
  border-radius:13px;background:linear-gradient(105deg,#405fd9,#3888f0);
  color:#fff;font:inherit;font-size:12px;font-weight:800;cursor:pointer;
  box-shadow:0 7px 18px rgba(37,82,180,.16);
}
.titan-app-publish-topbar:hover{filter:brightness(1.07)}
.titan-app-publish-topbar:focus-visible{outline:2px solid #b7d3ff;outline-offset:3px}
.titan-app-publish-topbar .button-svg{width:17px;height:17px;stroke:currentColor;stroke-width:2;fill:none}
.app-official-page .app-download-unified-identity .app-copy{
  display:flex;flex-direction:row;align-items:center;flex-wrap:nowrap;gap:9px;min-width:0;max-width:100%;
}
.app-official-page .app-download-unified-identity .app-copy strong{display:block;min-width:0;max-width:100%;flex:0 1 auto;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}
.app-official-page .app-download-unified-identity .titan-official-app-label{flex:0 0 auto;align-self:center;margin:0}
.app-official-page .app-download-unified-metric{justify-items:center;text-align:center;align-content:center}
.titan-app-publish-dialog{
  position:fixed;inset:0;width:min(700px,calc(100% - 24px));max-width:700px;
  max-height:min(92dvh,900px);margin:auto;padding:0;overflow:auto;
  border:1px solid rgba(101,141,210,.38);border-radius:20px;
  color:#ecf4ff;background:linear-gradient(180deg,#0e1b2e,#071422);
  box-shadow:0 32px 85px rgba(0,0,0,.72);
}
.titan-app-publish-dialog:not([open]){display:none}
.titan-app-publish-dialog::backdrop{background:rgba(1,8,17,.84);backdrop-filter:blur(5px)}
.titan-app-publish-dialog-head{
  position:sticky;top:0;z-index:3;display:flex;align-items:center;justify-content:space-between;gap:12px;
  padding:15px 19px;border-bottom:1px solid rgba(114,150,207,.21);background:#0b192b;
}
.titan-app-publish-dialog-head h2{margin:0;font-size:17px;font-weight:850;color:#f2f7ff}
.titan-app-publish-dialog-close{
  display:grid;place-items:center;flex:0 0 auto;width:33px;height:33px;
  border:1px solid rgba(119,153,198,.28);border-radius:10px;background:#12243a;
  color:#d4e5fc;font-size:23px;line-height:1;cursor:pointer;
}
.titan-app-publish-dialog-close:hover{background:#203750}
.titan-app-publish-dialog-content{padding:16px;min-width:0}
.titan-app-publish-dialog-content .app-publish-unified-page{margin:0!important;max-width:none;width:100%}
.titan-app-publish-dialog-content .app-publish-unified-panel{margin:0!important}
.titan-app-publish-dialog-content .app-publish-unified-panel .app-publish-top-controls{min-width:0}
@media(max-width:560px){
  .titan-app-publish-topbar{min-height:38px;padding:0 10px;gap:5px;font-size:11px}
  .titan-app-publish-topbar .button-svg{width:15px;height:15px}
  .titan-app-publish-dialog{width:calc(100% - 12px);max-height:96dvh;border-radius:16px}
  .titan-app-publish-dialog-head{padding:11px 13px}
  .titan-app-publish-dialog-head h2{font-size:15px}
  .titan-app-publish-dialog-content{padding:9px}
  .titan-app-publish-dialog-content .app-publish-unified-panel{padding:12px!important}
  .app-official-page .app-download-unified-identity .app-copy{gap:6px}
  .app-official-page .app-download-unified-identity .titan-official-app-label{padding:3px 7px;font-size:10px}
}

/* Titan · publicação de aplicativo: progresso premium, compacto e adaptável. */
.ui-modal.modal-variant-app-upload{
  width:min(455px,calc(100vw - 26px))!important;
  border:1px solid rgba(105,146,226,.35)!important;
  border-radius:20px!important;
  background:linear-gradient(160deg,#111f35 0%,#081627 78%)!important;
  box-shadow:0 34px 85px rgba(0,0,0,.60),0 0 0 1px rgba(85,145,255,.05) inset!important;
}
.ui-modal.modal-variant-app-upload .ui-modal-header{
  padding:17px 20px 14px!important;
  background:rgba(10,23,40,.55)!important;
  border-bottom:1px solid rgba(115,149,211,.16)!important;
}
.ui-modal.modal-variant-app-upload .ui-modal-header .eyebrow{font-size:10px!important;letter-spacing:.16em!important;color:#809dcb!important}
.ui-modal.modal-variant-app-upload .ui-modal-header h2{font-size:18px!important;font-weight:850!important;color:#f4f8ff!important}
.ui-modal.modal-variant-app-upload .ui-modal-body{padding:18px 20px 20px!important;overflow:visible!important}
.ui-modal.modal-variant-app-upload .ui-modal-actions{display:none!important}
.titan-app-upload-progress{display:grid;gap:18px;min-width:0;color:#f0f6ff}
.titan-app-upload-identity{display:flex;align-items:center;gap:11px;min-width:0}
.titan-app-upload-symbol{flex:0 0 43px;width:43px;height:43px;display:grid;place-items:center;border:1px solid rgba(91,135,219,.36);border-radius:13px;background:linear-gradient(150deg,#1a3258,#0d1d35);color:#a7c5ff;box-shadow:0 5px 17px rgba(0,0,0,.2)}
.titan-app-upload-symbol svg{width:23px;height:23px}
.titan-app-upload-copy{display:grid;gap:2px;min-width:0;flex:1}
.titan-app-upload-copy strong{min-width:0;white-space:nowrap;text-overflow:ellipsis;overflow:hidden;font-size:13px;font-weight:850;color:#f4f8ff}
.titan-app-upload-copy>span{overflow:hidden;white-space:nowrap;text-overflow:ellipsis;color:#95abc9;font-size:11px}
.titan-app-upload-live{display:inline-flex;align-items:center;gap:6px;flex:0 0 auto;padding:6px 8px;font-size:9px;line-height:1;font-weight:750;color:#91b6ff;border:1px solid rgba(69,125,213,.29);background:rgba(44,92,167,.13);border-radius:999px}
.titan-app-upload-live i{width:6px;height:6px;border-radius:50%;background:#78adff;box-shadow:0 0 0 3px rgba(73,120,210,.13);animation:titan-app-upload-pulse 1.3s ease-in-out infinite}
.titan-app-upload-card{padding:19px 16px 17px;border:1px solid rgba(104,146,223,.26);border-radius:17px;background:linear-gradient(135deg,rgba(23,44,74,.83),rgba(10,27,49,.86));box-shadow:0 10px 32px rgba(0,0,0,.10)}
.titan-app-upload-meter-head{display:flex;align-items:flex-end;justify-content:space-between;gap:10px;margin-bottom:13px}
.titan-app-upload-meter-head>span{font-size:13px;font-weight:800;color:#ecf4ff}
.titan-app-upload-meter-head>strong{font-size:30px;line-height:1;font-weight:900;letter-spacing:-.045em;font-variant-numeric:tabular-nums;background:linear-gradient(140deg,#a5c1ff,#64a2ff);background-clip:text;-webkit-background-clip:text;color:transparent}
.titan-app-upload-track{width:100%;height:9px;overflow:hidden;background:#061324;border:1px solid rgba(127,157,209,.12);border-radius:99px}
.titan-app-upload-track>[data-upload-bar]{display:block;width:0;height:100%;border-radius:inherit;background:linear-gradient(90deg,#5274ec,#479bf7);box-shadow:0 0 13px rgba(83,141,252,.35);transition:width .19s ease}
.titan-app-upload-message{margin:12px 0 0;color:#a1b6d3;font-size:11.5px;line-height:1.5;min-height:17px}
.titan-app-upload-hint{display:flex;align-items:center;justify-content:center;gap:7px;color:#8297b5;font-size:11px;line-height:1.45;text-align:center}
.titan-app-upload-hint svg{width:15px;height:15px;flex:0 0 15px;color:#7f9cce}
.titan-app-upload-progress.is-processing .titan-app-upload-live i{animation:titan-app-upload-pulse .6s ease-in-out infinite}
.titan-app-upload-progress.is-processing .titan-app-upload-track>[data-upload-bar]{background:linear-gradient(90deg,#4b73e2,#66afff)}
.titan-app-upload-progress.is-complete .titan-app-upload-live{color:#8fe7c7;border-color:rgba(75,188,147,.3);background:rgba(33,122,98,.13)}
@keyframes titan-app-upload-pulse{50%{opacity:.4;transform:scale(.85)}}
@media(max-width:540px){
 .ui-modal.modal-variant-app-upload{width:calc(100vw - 24px)!important;max-height:calc(100dvh - 32px)!important;border-radius:18px!important}
 .ui-modal.modal-variant-app-upload .ui-modal-header{padding:15px 15px 12px!important}
 .ui-modal.modal-variant-app-upload .ui-modal-header h2{font-size:16px!important}
 .ui-modal.modal-variant-app-upload .ui-modal-body{padding:15px!important}
 .titan-app-upload-progress{gap:14px}
 .titan-app-upload-card{padding:17px 13px 15px;border-radius:15px}
 .titan-app-upload-meter-head>strong{font-size:29px}
 .titan-app-upload-copy strong{font-size:12px}
 .titan-app-upload-live{font-size:9px;padding:5px 7px}
 .titan-app-upload-hint{font-size:10.5px}
}
@media(max-width:350px){
 .titan-app-upload-live{font-size:0;gap:0;min-width:17px;min-height:20px;justify-content:center}
 .titan-app-upload-live i{display:block}
 .titan-app-upload-copy>span{font-size:10px}
}
@media(prefers-reduced-motion:reduce){.titan-app-upload-live i{animation:none}.titan-app-upload-track>[data-upload-bar]{transition:none}}

/* Aplicativo: colunas pelo espaço REAL disponível no painel, não pelo viewport. */
.app-official-page{width:100%;max-width:none;container-name:app-catalogue;container-type:inline-size}
.app-official-page .app-download-unified-list{grid-template-columns:minmax(0,1fr);align-items:stretch}
.app-official-page .app-download-unified-card{min-height:100%;grid-template-rows:auto auto minmax(0,1fr) auto;align-content:stretch}
.app-official-page .app-download-unified-news{min-height:0;align-content:start;overflow-wrap:anywhere}
.app-official-page .app-download-unified-metric{text-align:center;justify-items:center}
@container app-catalogue (min-width:565px){
 .app-official-page .app-download-unified-list{grid-template-columns:repeat(2,minmax(0,1fr))}
}
@container app-catalogue (min-width:850px){
 .app-official-page .app-download-unified-list{grid-template-columns:repeat(3,minmax(0,1fr))}
}
@container app-catalogue (min-width:1160px){
 .app-official-page .app-download-unified-list{grid-template-columns:repeat(4,minmax(0,1fr))}
}

/* Publicação: prévia de ícone ampliada, sem controle de remoção. */
.app-publish-unified-panel .app-publish-top-controls .panel-app-icon-preview{
  width:72px!important;min-width:72px!important;height:72px!important;
  border-radius:17px!important;overflow:hidden;
}
.app-publish-unified-panel .app-publish-top-controls .panel-app-icon-preview [data-site-icon-fallback]{font-size:1.6rem!important}
@media(max-width:390px){
  .app-publish-unified-panel .app-publish-top-controls .panel-app-icon-preview{
    width:58px!important;min-width:58px!important;height:58px!important;border-radius:14px!important;
  }
  .app-publish-unified-panel .app-publish-top-controls .panel-app-icon-preview [data-site-icon-fallback]{font-size:1.4rem!important}
}

/* Campo do webhook: estilo da seção de cobranças, com cópia do dashboard. */
.payment-config-ui .payment-webhook-copy-step{display:grid;gap:9px}
.payment-config-ui .payment-webhook-copy-step label{font-size:.83rem;color:#edf4ff}
.payment-config-ui .payment-webhook-copy-step input{width:100%;min-width:0;cursor:copy;min-height:48px}
.payment-config-ui .payment-webhook-copy-step small{color:#8ea4bf;font-size:.72rem}

/* Whatsapp sync: mobile layout. Scoped; keeps desktop and connection logic unchanged. */
@media (max-width: 760px) {
  .whatsapp-sync-page { min-width:0; width:100%; }
  .whatsapp-sync-page, .whatsapp-sync-page * { box-sizing:border-box; }
  .whatsapp-sync-page .whatsapp-settings-form { display:grid; gap:12px; min-width:0; }
  .whatsapp-sync-page .whatsapp-sync-main-card {
    padding:14px!important; border-radius:19px; min-width:0; overflow:hidden;
    border:1px solid rgba(133,166,217,.19); box-shadow:0 16px 34px rgba(1,7,17,.2);
  }
  .whatsapp-sync-page .whatsapp-sync-heading { display:block; margin:0 0 13px; }
  .whatsapp-sync-page .whatsapp-sync-heading .premium-panel-heading > div:first-child { min-width:0; }
  .whatsapp-sync-page .whatsapp-sync-heading h3 { font-size:1.22rem; line-height:1.25; margin:3px 0 0; }
  .whatsapp-sync-page .whatsapp-sync-heading p:not(.eyebrow) { display:none; }
  .whatsapp-sync-page .whatsapp-sync-heading-actions { display:none; }
  /* Status is already shown in the session summary: avoid duplicated badges. */
  .whatsapp-sync-page .whatsapp-sync-status-only { display:none!important; }
  .whatsapp-sync-page .whatsapp-own-connection {
    display:grid; gap:12px; padding:0; background:transparent; border:0; border-radius:0; min-width:0;
  }
  .whatsapp-sync-page .whatsapp-qr-console-compact {
    display:flex; flex-direction:column; gap:14px; padding:14px; min-width:0;
    border-radius:17px; background:linear-gradient(150deg,rgba(10,27,49,.96),rgba(8,20,37,.94));
    border:1px solid rgba(111,156,226,.19);
  }
  .whatsapp-sync-page .whatsapp-qr-console-compact .whatsapp-qr-frame {
    width:min(100%,242px); max-width:242px; aspect-ratio:1; height:auto; padding:11px;
    margin:0 auto; border-radius:17px; box-shadow:0 10px 25px rgba(0,0,0,.2);
  }
  .whatsapp-sync-page .whatsapp-qr-console-compact .whatsapp-qr-placeholder { border-radius:11px; padding:12px; }
  .whatsapp-sync-page .whatsapp-qr-copy { display:grid; gap:10px; width:100%; min-width:0; text-align:left; }
  .whatsapp-sync-page .whatsapp-session-summary { display:flex; flex-direction:column; align-items:flex-start; gap:8px; text-align:left; min-width:0; }
  .whatsapp-sync-page .whatsapp-session-summary > div { min-width:0; width:100%; }
  .whatsapp-sync-page .whatsapp-session-summary h4 { font-size:1.05rem; line-height:1.4; overflow-wrap:anywhere; }
  .whatsapp-sync-page .whatsapp-session-summary p { font-size:.83rem; overflow-wrap:anywhere; }
  .whatsapp-sync-page .whatsapp-session-summary .whatsapp-connection-state { margin:0; max-width:100%; white-space:normal; }
  .whatsapp-sync-page [data-whatsapp-connection-error]:empty { display:none; }
  .whatsapp-sync-page [data-whatsapp-connection-error] { min-height:0; font-size:.78rem; line-height:1.45; overflow-wrap:anywhere; }
  .whatsapp-sync-page .whatsapp-connection-actions-compact { display:grid; grid-template-columns:minmax(0,1fr); margin:3px 0 0; }
  .whatsapp-sync-page .whatsapp-connection-actions-compact .button { width:100%; min-height:45px; border-radius:12px; font-weight:750; }
  .whatsapp-sync-page .whatsapp-accounts-phone {
    display:block; min-width:0; margin:0; padding:13px; border-radius:15px;
    border:1px solid rgba(120,155,210,.2); background:rgba(14,29,52,.48);
  }
  .whatsapp-sync-page .whatsapp-accounts-phone > span { display:block; margin-bottom:9px; font-size:.9rem; font-weight:750; }
  .whatsapp-sync-page .phone-input-with-action { display:flex; gap:8px; align-items:stretch; min-width:0; }
  .whatsapp-sync-page .phone-input-grid { display:grid; grid-template-columns:minmax(0,55px) minmax(0,61px) minmax(0,1fr); gap:7px; min-width:0; flex:1; }
  .whatsapp-sync-page .phone-input-grid input { min-width:0; width:100%; height:43px; padding:8px 7px; font-size:14px; text-align:center; border-radius:10px; }
  .whatsapp-sync-page .phone-input-grid input:last-child { text-align:left; }
  .whatsapp-sync-page .compact-paste-button { min-width:0; width:auto; padding:0 10px; height:43px; align-self:start; border-radius:10px; font-size:.8rem; }
  .whatsapp-sync-page .whatsapp-accounts-phone small { display:block; margin-top:9px; font-size:.74rem; line-height:1.5; color:var(--muted,#96a9c5); }
  .whatsapp-sync-page .whatsapp-webhook-note { margin:0; padding:10px 12px; font-size:.76rem; line-height:1.5; border-radius:12px; }
  .whatsapp-sync-page .whatsapp-save-actions { margin:0; width:100%; }
  .whatsapp-sync-page .whatsapp-save-actions .button { width:100%; min-height:46px; border-radius:12px; }
}
@media (max-width: 360px) {
  .whatsapp-sync-page .whatsapp-sync-main-card { padding:10px!important; }
  .whatsapp-sync-page .whatsapp-qr-console-compact { padding:10px; }
  .whatsapp-sync-page .whatsapp-accounts-phone { padding:9px; }
  .whatsapp-sync-page .phone-input-grid { grid-template-columns:minmax(0,43px) minmax(0,48px) minmax(0,1fr); gap:5px; }
  .whatsapp-sync-page .compact-paste-button { padding-inline:7px; }
}

/* TITAN-RENEWAL-MOBILE-PREMIUM-START */
/* Titan: acabamento responsivo exclusivo da tela Meu Painel / Minha Revenda. */
.my-reseller-page-ui { --renew-accent:var(--primary,#6687f5); gap:clamp(12px,2vw,20px); max-width:1240px; margin-inline:auto; }
.my-reseller-page-ui .panel-card { min-width:0; border-radius:20px; box-shadow:0 10px 32px rgba(0,0,0,.075); }
.my-reseller-page-ui .my-reseller-overview-ui { gap:18px; border:1px solid var(--border,rgba(125,145,175,.2)); }
.my-reseller-page-ui .my-reseller-identity-copy-ui .eyebrow { font-size:11px; font-weight:800; letter-spacing:.1em; text-transform:uppercase; }
.my-reseller-page-ui .my-reseller-identity-copy-ui h2 { font-size:clamp(19px,2.4vw,27px); letter-spacing:-.035em; line-height:1.2; }
.my-reseller-page-ui .my-reseller-avatar-ui { border-radius:17px; box-shadow:0 8px 22px rgba(65,97,170,.19); }
.my-reseller-page-ui .my-reseller-renewal-value-ui { border-radius:17px; background:linear-gradient(145deg,rgba(97,116,240,.2),rgba(78,98,160,.06)); }
.my-reseller-page-ui .my-reseller-renewal-value-ui strong { font-size:clamp(22px,3vw,29px); font-variant-numeric:tabular-nums; }
.my-reseller-page-ui .my-reseller-summary-grid-ui { grid-template-columns:repeat(auto-fit,minmax(155px,1fr)); }
.my-reseller-page-ui .my-reseller-summary-grid-ui article { min-height:82px; border-radius:15px; background:var(--panel-inner,rgba(110,130,165,.055)); }
.my-reseller-page-ui .my-reseller-summary-grid-ui strong { font-size:14px; font-variant-numeric:tabular-nums; line-height:1.4; }
.my-reseller-page-ui .my-reseller-actions-grid-ui { gap:16px; }
.my-reseller-page-ui .my-reseller-action-card-ui { border:1px solid var(--border,rgba(125,145,175,.2)); padding:clamp(16px,2.3vw,24px); gap:18px; }
.my-reseller-page-ui .my-reseller-card-heading-ui .eyebrow { font-size:11px; text-transform:uppercase; letter-spacing:.1em; font-weight:800; }
.my-reseller-page-ui .my-reseller-card-heading-ui h3 { font-size:clamp(18px,2vw,23px); letter-spacing:-.035em; }
.my-reseller-page-ui .my-reseller-card-heading-ui p:last-child { font-size:13px; line-height:1.55; }
.my-reseller-page-ui .my-reseller-price-breakdown-ui { grid-template-columns:repeat(auto-fit,minmax(130px,1fr)); }
.my-reseller-page-ui .my-reseller-price-breakdown-ui article { background:var(--panel-inner,rgba(110,130,165,.055)); border-radius:14px; }
.my-reseller-page-ui .my-reseller-price-breakdown-ui .renewal-total { border-color:rgba(103,123,236,.4); background:linear-gradient(135deg,rgba(97,116,240,.17),rgba(97,116,240,.06)); }
.my-reseller-page-ui .my-reseller-price-breakdown-ui .renewal-total strong { font-size:clamp(19px,2vw,24px); font-variant-numeric:tabular-nums; }
.my-reseller-page-ui .renewal-plan-note { font-size:13px; line-height:1.55; margin:0; }
.my-reseller-page-ui .renewal-primary-form .button, .my-reseller-page-ui .my-reseller-action-card-ui > .button { min-height:50px; border-radius:13px; font-weight:750; width:100%; }
.my-reseller-page-ui .my-reseller-history-ui { border:1px solid var(--border,rgba(125,145,175,.2)); }
.my-reseller-page-ui .my-reseller-table-wrap-ui { border-radius:12px; }
.my-reseller-page-ui .payment-order-result { border:1px solid rgba(97,116,240,.27); }
.my-reseller-page-ui .payment-pix-field textarea { width:100%; max-width:100%; }
@media (max-width:680px) {
  .my-reseller-page-ui { gap:12px; width:100%; padding:0 0 12px; }
  .my-reseller-page-ui .panel-card { border-radius:18px; }
  .my-reseller-page-ui .my-reseller-overview-ui, .my-reseller-page-ui .my-reseller-action-card-ui, .my-reseller-page-ui .my-reseller-history-ui { padding:15px; }
  .my-reseller-page-ui .my-reseller-identity-ui { grid-template-columns:48px minmax(0,1fr); align-items:start; gap:11px; }
  .my-reseller-page-ui .my-reseller-avatar-ui { height:48px; width:48px; min-width:48px; border-radius:14px; font-size:19px; }
  .my-reseller-page-ui .my-reseller-identity-copy-ui h2 { font-size:19px; margin:2px 0; }
  .my-reseller-page-ui .my-reseller-tags-ui { gap:6px; margin-top:8px; }
  .my-reseller-page-ui .my-reseller-renewal-value-ui { grid-column:1/-1; min-width:0; padding:15px; margin-top:2px; }
  .my-reseller-page-ui .my-reseller-renewal-value-ui strong { font-size:27px; }
  .my-reseller-page-ui .my-reseller-summary-grid-ui { grid-template-columns:repeat(2,minmax(0,1fr)); gap:8px; }
  .my-reseller-page-ui .my-reseller-summary-grid-ui article { padding:12px; min-height:76px; }
  .my-reseller-page-ui .my-reseller-summary-grid-ui strong { font-size:13px; }
  .my-reseller-page-ui .my-reseller-actions-grid-ui { grid-template-columns:minmax(0,1fr); gap:12px; }
  .my-reseller-page-ui .my-reseller-price-breakdown-ui { grid-template-columns:repeat(2,minmax(0,1fr)); gap:8px; }
  .my-reseller-page-ui .my-reseller-price-breakdown-ui .renewal-total { grid-column:1/-1; display:flex; align-items:center; justify-content:space-between; gap:8px; min-height:68px; }
  .my-reseller-page-ui .my-reseller-price-breakdown-ui .renewal-total strong { font-size:23px; text-align:right; }
  .my-reseller-page-ui .my-reseller-card-heading-ui h3 { font-size:20px; }
  .my-reseller-page-ui .my-reseller-table-wrap-ui { overflow-x:visible; }
  .my-reseller-page-ui .my-reseller-history-ui .professional-table { display:block; width:100%; min-width:0; }
  .my-reseller-page-ui .my-reseller-history-ui .professional-table thead { display:none; }
  .my-reseller-page-ui .my-reseller-history-ui .professional-table tbody { display:grid; gap:9px; }
  .my-reseller-page-ui .my-reseller-history-ui .professional-table tr { display:grid; gap:8px; border:1px solid var(--border,rgba(125,145,175,.2)); padding:12px; border-radius:13px; background:var(--panel-inner,rgba(110,130,165,.045)); }
  .my-reseller-page-ui .my-reseller-history-ui .professional-table td { display:flex; justify-content:space-between; align-items:start; gap:12px; width:100%; padding:0; border:0; text-align:right; overflow-wrap:anywhere; font-size:12px; }
  .my-reseller-page-ui .my-reseller-history-ui .professional-table td[data-mobile-label]::before { content:attr(data-mobile-label); color:var(--muted,#8ea0b8); font-weight:600; white-space:nowrap; text-align:left; }
  .my-reseller-page-ui .my-reseller-history-ui .professional-table td[colspan] { text-align:center; display:block; }
  .my-reseller-page-ui .my-reseller-history-ui .professional-table td code { word-break:break-all; white-space:normal; }
  .my-reseller-page-ui .payment-result-summary { min-width:0; }
  .my-reseller-page-ui .payment-pix-field { min-width:0; }
  .my-reseller-page-ui .payment-pix-field textarea { font-size:12px; }
}
@media (max-width:360px) { .my-reseller-page-ui .my-reseller-summary-grid-ui { grid-template-columns:minmax(0,1fr); } }

/* TITAN-RENEWAL-MOBILE-PREMIUM-END */

/* TITAN-RENEW-PREMIUM-V3-START */
.my-reseller-page-ui.titan-renew-premium-v2{
    gap:16px;
    max-width:1100px;
    margin-inline:auto;
}
.my-reseller-page-ui.titan-renew-premium-v2 .panel-card{
    border-radius:20px;
}
.my-reseller-page-ui.titan-renew-premium-v2 .my-reseller-overview-ui,
.my-reseller-page-ui.titan-renew-premium-v2 .my-reseller-action-card-ui,
.my-reseller-page-ui.titan-renew-premium-v2 .my-reseller-history-ui{
    border:1px solid rgba(98,125,194,.16);
    background:linear-gradient(180deg,rgba(7,23,43,.96),rgba(5,16,31,.92));
    box-shadow:0 10px 30px rgba(0,0,0,.12);
}
.my-reseller-page-ui.titan-renew-premium-v2 .my-reseller-overview-ui{
    gap:18px;
}
.my-reseller-page-ui.titan-renew-premium-v2 .my-reseller-identity-ui{
    grid-template-columns:auto minmax(0,1fr) minmax(240px,280px);
    align-items:center;
    gap:18px;
}
.my-reseller-page-ui.titan-renew-premium-v2 .my-reseller-avatar-ui{
    width:60px;
    height:60px;
    min-width:60px;
    border-radius:18px;
    background:linear-gradient(145deg,rgba(87,113,242,.26),rgba(34,52,88,.78));
    box-shadow:0 10px 24px rgba(20,37,70,.22);
}
.my-reseller-page-ui.titan-renew-premium-v2 .my-reseller-identity-copy-ui .eyebrow,
.my-reseller-page-ui.titan-renew-premium-v2 .my-reseller-card-heading-ui .eyebrow{
    font-size:11px;
    font-weight:800;
    letter-spacing:.12em;
    text-transform:uppercase;
}
.my-reseller-page-ui.titan-renew-premium-v2 .my-reseller-identity-copy-ui h2{
    margin:3px 0 4px;
    font-size:clamp(24px,3vw,34px);
    line-height:1.05;
    letter-spacing:-.04em;
}
.my-reseller-page-ui.titan-renew-premium-v2 .my-reseller-subtitle-ui{
    margin:0;
    color:var(--muted,#93a5bc);
    font-size:14px;
}
.my-reseller-page-ui.titan-renew-premium-v2 .my-reseller-tags-ui{
    margin-top:10px;
}
.my-reseller-page-ui.titan-renew-premium-v2 .my-reseller-renewal-value-ui{
    min-width:0;
    padding:18px;
    border-radius:18px;
    border:1px solid rgba(104,130,242,.32);
    background:linear-gradient(145deg,rgba(88,114,242,.18),rgba(21,38,64,.42));
}
.my-reseller-page-ui.titan-renew-premium-v2 .my-reseller-renewal-value-ui strong{
    font-size:32px;
    line-height:1;
    letter-spacing:-.045em;
    font-variant-numeric:tabular-nums;
}
.my-reseller-page-ui.titan-renew-premium-v2 .my-reseller-renewal-value-ui span{
    font-size:12px;
}
.my-reseller-page-ui.titan-renew-premium-v2 .my-reseller-summary-grid-ui{
    grid-template-columns:repeat(auto-fit,minmax(180px,1fr));
    gap:10px;
}
.my-reseller-page-ui.titan-renew-premium-v2 .my-reseller-summary-grid-ui article{
    min-height:86px;
    padding:14px 15px;
    border-radius:16px;
    background:rgba(255,255,255,.02);
    border:1px solid rgba(98,125,194,.14);
}
.my-reseller-page-ui.titan-renew-premium-v2 .my-reseller-summary-grid-ui strong{
    font-size:15px;
    line-height:1.35;
}
.my-reseller-page-ui.titan-renew-premium-v2 .my-reseller-actions-grid-ui{
    gap:16px;
}
.my-reseller-page-ui.titan-renew-premium-v2 .my-reseller-actions-grid-ui.renewal-only-layout{
    grid-template-columns:minmax(0,1fr);
}
.my-reseller-page-ui.titan-renew-premium-v2 .my-reseller-action-card-ui{
    gap:18px;
    padding:22px;
}
.my-reseller-page-ui.titan-renew-premium-v2 .my-reseller-card-heading-ui h3{
    margin:2px 0 5px;
    font-size:clamp(22px,2.2vw,28px);
    letter-spacing:-.04em;
}
.my-reseller-page-ui.titan-renew-premium-v2 .my-reseller-card-heading-ui p:last-child{
    margin-bottom:0;
    color:var(--muted,#93a5bc);
    font-size:14px;
    line-height:1.55;
}
.my-reseller-page-ui.titan-renew-premium-v2 .my-reseller-price-breakdown-ui{
    gap:10px;
}
.my-reseller-page-ui.titan-renew-premium-v2 .my-reseller-price-breakdown-ui article{
    min-height:90px;
    padding:15px 16px;
    border-radius:16px;
    border:1px solid rgba(98,125,194,.14);
    background:rgba(255,255,255,.022);
}
.my-reseller-page-ui.titan-renew-premium-v2 .my-reseller-price-breakdown-ui.compact-total-only{
    grid-template-columns:minmax(0,1fr);
}
.my-reseller-page-ui.titan-renew-premium-v2 .my-reseller-price-breakdown-ui.compact-total-only .renewal-total{
    display:flex;
    align-items:center;
    justify-content:space-between;
    gap:12px;
}
.my-reseller-page-ui.titan-renew-premium-v2 .my-reseller-price-breakdown-ui.compact-total-only .renewal-total span{
    font-size:13px;
}
.my-reseller-page-ui.titan-renew-premium-v2 .my-reseller-price-breakdown-ui .renewal-total{
    border-color:rgba(104,130,242,.28);
    background:linear-gradient(145deg,rgba(88,114,242,.14),rgba(255,255,255,.03));
}
.my-reseller-page-ui.titan-renew-premium-v2 .my-reseller-price-breakdown-ui .renewal-total strong{
    font-size:28px;
    line-height:1;
    letter-spacing:-.04em;
    font-variant-numeric:tabular-nums;
}
.my-reseller-page-ui.titan-renew-premium-v2 .renewal-plan-note{
    margin:0;
    color:var(--muted,#93a5bc);
    font-size:14px;
    line-height:1.6;
}
.my-reseller-page-ui.titan-renew-premium-v2 .renewal-primary-form .button,
.my-reseller-page-ui.titan-renew-premium-v2 .my-reseller-action-card-ui > .button{
    width:100%;
    min-height:52px;
    border-radius:14px;
    font-size:15px;
    font-weight:800;
}
.my-reseller-page-ui.titan-renew-premium-v2 .my-reseller-history-ui{
    padding:22px;
}
.my-reseller-page-ui.titan-renew-premium-v2 .my-reseller-table-wrap-ui{
    border-radius:16px;
    overflow-x:auto;
}
.my-reseller-page-ui.titan-renew-premium-v2 .professional-table tbody tr td{
    vertical-align:middle;
}
@media (max-width:860px){
    .my-reseller-page-ui.titan-renew-premium-v2 .my-reseller-identity-ui{
        grid-template-columns:56px minmax(0,1fr);
        align-items:start;
        gap:14px;
    }
    .my-reseller-page-ui.titan-renew-premium-v2 .my-reseller-renewal-value-ui{
        grid-column:1/-1;
    }
}
@media (max-width:640px){
    .my-reseller-page-ui.titan-renew-premium-v2{
        gap:12px;
    }
    .my-reseller-page-ui.titan-renew-premium-v2 .my-reseller-overview-ui,
    .my-reseller-page-ui.titan-renew-premium-v2 .my-reseller-action-card-ui,
    .my-reseller-page-ui.titan-renew-premium-v2 .my-reseller-history-ui{
        padding:16px;
        border-radius:18px;
    }
    .my-reseller-page-ui.titan-renew-premium-v2 .my-reseller-avatar-ui{
        width:52px;
        height:52px;
        min-width:52px;
        border-radius:16px;
        font-size:18px;
    }
    .my-reseller-page-ui.titan-renew-premium-v2 .my-reseller-identity-copy-ui h2{
        font-size:28px;
    }
    .my-reseller-page-ui.titan-renew-premium-v2 .my-reseller-summary-grid-ui{
        grid-template-columns:repeat(2,minmax(0,1fr));
        gap:8px;
    }
    .my-reseller-page-ui.titan-renew-premium-v2 .my-reseller-summary-grid-ui article{
        min-height:78px;
        padding:12px;
    }
    .my-reseller-page-ui.titan-renew-premium-v2 .my-reseller-price-breakdown-ui{
        grid-template-columns:minmax(0,1fr);
    }
    .my-reseller-page-ui.titan-renew-premium-v2 .my-reseller-price-breakdown-ui .renewal-total,
    .my-reseller-page-ui.titan-renew-premium-v2 .my-reseller-price-breakdown-ui.compact-total-only .renewal-total{
        display:grid;
        justify-content:flex-start;
    }
    .my-reseller-page-ui.titan-renew-premium-v2 .my-reseller-price-breakdown-ui .renewal-total strong{
        font-size:26px;
    }
    .my-reseller-page-ui.titan-renew-premium-v2 .my-reseller-history-ui .professional-table{
        display:block;
        width:100%;
    }
    .my-reseller-page-ui.titan-renew-premium-v2 .my-reseller-history-ui .professional-table thead{
        display:none;
    }
    .my-reseller-page-ui.titan-renew-premium-v2 .my-reseller-history-ui .professional-table tbody{
        display:grid;
        gap:10px;
    }
    .my-reseller-page-ui.titan-renew-premium-v2 .my-reseller-history-ui .professional-table tr{
        display:grid;
        gap:8px;
        padding:12px;
        border-radius:14px;
        border:1px solid rgba(98,125,194,.14);
        background:rgba(255,255,255,.022);
    }
    .my-reseller-page-ui.titan-renew-premium-v2 .my-reseller-history-ui .professional-table td{
        display:flex;
        align-items:flex-start;
        justify-content:space-between;
        gap:12px;
        padding:0;
        border:0;
        text-align:right;
        font-size:12px;
    }
    .my-reseller-page-ui.titan-renew-premium-v2 .my-reseller-history-ui .professional-table td[data-mobile-label]::before{
        content:attr(data-mobile-label);
        color:var(--muted,#93a5bc);
        text-align:left;
        font-weight:700;
        white-space:nowrap;
    }
    .my-reseller-page-ui.titan-renew-premium-v2 .my-reseller-history-ui .professional-table td[colspan]{
        display:block;
        text-align:center;
    }
}
@media (max-width:400px){
    .my-reseller-page-ui.titan-renew-premium-v2 .my-reseller-summary-grid-ui{
        grid-template-columns:minmax(0,1fr);
    }
    .my-reseller-page-ui.titan-renew-premium-v2 .my-reseller-identity-copy-ui h2{
        font-size:24px;
    }
    .my-reseller-page-ui.titan-renew-premium-v2 .my-reseller-renewal-value-ui strong,
    .my-reseller-page-ui.titan-renew-premium-v2 .my-reseller-price-breakdown-ui .renewal-total strong{
        font-size:24px;
    }
}
/* TITAN-RENEW-PREMIUM-V3-END */
/* TITAN-RESELLER-RENEW-MOBILE-START */
/* Tela de renovação: Revenda/Subrevenda, sem segundo card de limites. */
.my-reseller-page-ui.titan-renew-premium-v2 .my-reseller-actions-grid-ui.renewal-only-layout{display:grid;grid-template-columns:minmax(0,1fr);width:100%}
.my-reseller-page-ui.titan-renew-premium-v2 .renewal-monthly-card{width:100%;min-width:0;max-width:none}
.my-reseller-page-ui.titan-renew-premium-v2 .renewal-monthly-card .my-reseller-price-breakdown-ui{grid-template-columns:repeat(auto-fit,minmax(190px,1fr));gap:12px}
.my-reseller-page-ui.titan-renew-premium-v2 .renewal-monthly-card .renewal-primary-form{margin:0}
.my-reseller-page-ui.titan-renew-premium-v2 .my-reseller-history-ui{min-width:0}
@media(max-width:680px){
 .my-reseller-page-ui.titan-renew-premium-v2{width:100%;max-width:100%;gap:12px}
 .my-reseller-page-ui.titan-renew-premium-v2 .renewal-monthly-card,.my-reseller-page-ui.titan-renew-premium-v2 .my-reseller-history-ui{width:100%;padding:16px;border-radius:18px;gap:16px}
 .my-reseller-page-ui.titan-renew-premium-v2 .renewal-monthly-card .my-reseller-card-heading-ui h3{font-size:clamp(21px,5.6vw,26px);line-height:1.2}
 .my-reseller-page-ui.titan-renew-premium-v2 .renewal-monthly-card .my-reseller-price-breakdown-ui{grid-template-columns:minmax(0,1fr);gap:9px}
 .my-reseller-page-ui.titan-renew-premium-v2 .renewal-monthly-card .my-reseller-price-breakdown-ui .renewal-total{min-height:82px;padding:15px 16px}
 .my-reseller-page-ui.titan-renew-premium-v2 .renewal-monthly-card .renewal-primary-form .button{min-height:52px;width:100%;border-radius:14px}
 .my-reseller-page-ui.titan-renew-premium-v2 .my-reseller-history-ui .my-reseller-table-wrap-ui{overflow-x:visible}
 .my-reseller-page-ui.titan-renew-premium-v2 .my-reseller-history-ui .professional-table td code{word-break:break-all;white-space:normal}
}
/* TITAN-RESELLER-RENEW-MOBILE-END */

/* TITAN-RENEW-LIMITS-CSS-V1 */
.titan-days-display{display:flex;align-items:center;justify-content:space-between;gap:12px;padding:16px 19px;border:1px solid var(--border,#253750);border-radius:16px;background:rgba(34,56,90,.22)}.titan-days-display span{color:var(--muted,#9cafc7);font-size:13px}.titan-days-display strong{font-size:18px}.titan-limits-section{max-width:100%;width:100%}.titan-limits-cards{display:grid;grid-template-columns:repeat(auto-fit,minmax(260px,1fr));gap:14px}.titan-limits-plan{display:grid;gap:16px;border:1px solid rgba(103,130,211,.24);border-radius:18px;padding:18px;background:rgba(17,34,58,.55)}.titan-limits-plan-top,.titan-limits-plan-prices{display:flex;align-items:center;justify-content:space-between;gap:14px}.titan-limits-plan small{display:block;color:var(--muted,#9cafc7);font-size:12px}.titan-limits-plan h4{font-size:19px;margin:4px 0}.titan-limits-count{border-radius:12px;background:rgba(80,114,224,.18);padding:9px 13px;text-align:center;min-width:74px}.titan-limits-count strong{font-size:21px}.titan-limits-plan-prices{border-top:1px solid rgba(103,130,211,.15);padding-top:14px}.titan-limits-plan-prices strong{display:block;font-size:18px;margin-top:5px}.titan-limits-plan form,.titan-limits-plan .button{width:100%}.titan-limits-plan .button{min-height:48px;border-radius:13px}@media(max-width:600px){.titan-limits-cards{grid-template-columns:minmax(0,1fr)}.titan-days-display{padding:13px 15px}.titan-days-display strong{font-size:16px}.titan-limits-plan{padding:15px}.titan-limits-plan-prices strong{font-size:16px}}