:root {
    --bg: #0b1018;
    --surface: #121a24;
    --surface2: #1a2433;
    --border: rgba(148, 163, 184, 0.14);
    --text: #e8edf5;
    --muted: #8b9cb3;
    --accent: #c8cdd6;
    --accent-hover: #e5e7eb;
    --green: #22c55e;
    --yellow: #eab308;
    --red: #ef4444;
    --blue: #3b82f6;
    --radius: 14px;
    --shadow: 0 12px 40px rgba(0, 0, 0, 0.4);
    --font-body: "DM Sans", "Segoe UI", system-ui, sans-serif;
    --font-display: "Outfit", "DM Sans", system-ui, sans-serif;
    font-family: var(--font-body);
}

* { box-sizing: border-box; }

html {
    scroll-behavior: smooth;
}

body {
    margin: 0;
    min-height: 100vh;
    background:
        radial-gradient(ellipse 90% 55% at 10% -10%, rgba(200, 205, 214, 0.12), transparent 55%),
        radial-gradient(ellipse 70% 45% at 100% 0%, rgba(148, 163, 184, 0.08), transparent 50%),
        linear-gradient(180deg, #12151a 0%, var(--bg) 42%, #050508 100%);
    color: var(--text);
    font-family: var(--font-body);
}

h1, h2, h3, .sidebar__name, .admin-topbar__greeting h1, .checkout-pro__title, .page-head__title, .metric-card__value {
    font-family: var(--font-display);
}

body.public {
    display: flex;
    flex-direction: column;
    align-items: center;
    justify-content: center;
    padding: 24px;
}

.topbar {
    display: flex;
    align-items: center;
    gap: 24px;
    padding: 14px 24px;
    background: rgba(26, 35, 50, 0.95);
    border-bottom: 1px solid var(--border);
    backdrop-filter: blur(8px);
    position: sticky;
    top: 0;
    z-index: 10;
}

.brand {
    font-weight: 700;
    font-size: 1.1rem;
    letter-spacing: 0.02em;
    display: flex;
    align-items: center;
    gap: 10px;
}

.topbar-logo {
    height: 32px;
    width: auto;
    max-width: 120px;
    object-fit: contain;
    border-radius: 6px;
}

.topbar nav {
    display: flex;
    gap: 8px;
    flex: 1;
}

.topbar nav a {
    color: var(--muted);
    text-decoration: none;
    padding: 8px 12px;
    border-radius: 8px;
    font-size: 0.92rem;
}

.topbar nav a:hover {
    color: var(--text);
    background: var(--surface2);
}

.user-menu {
    display: flex;
    align-items: center;
    gap: 12px;
    color: var(--muted);
    font-size: 0.9rem;
}

.container {
    width: min(1100px, 100%);
    margin: 0 auto;
    padding: 28px 20px 48px;
}

.card {
    position: relative;
    background: linear-gradient(180deg, rgba(255, 255, 255, 0.035) 0%, var(--surface) 45%);
    border: 1px solid rgba(255, 255, 255, 0.08);
    border-radius: 16px;
    padding: 24px;
    box-shadow: 0 12px 32px rgba(0, 0, 0, 0.28);
}

.card + .card { margin-top: 20px; }

.card h1, .card h2, .card h3 {
    margin: 0 0 16px;
    font-weight: 600;
}

.card h1 { font-size: 1.5rem; }
.card h2 { font-size: 1.15rem; color: var(--muted); font-weight: 500; }
.card-subtitle {
    font-size: 0.95rem;
    color: var(--text);
    font-weight: 600;
    margin: 8px 0 12px;
    padding-top: 4px;
    border-top: 1px solid var(--border);
}

/* ——— Cabeçalho de card com ícone em chip (reutilizável) ——— */

.card-head {
    display: flex;
    align-items: flex-start;
    justify-content: space-between;
    flex-wrap: wrap;
    gap: 12px;
    margin-bottom: 18px;
}

.card-head__main {
    display: flex;
    align-items: flex-start;
    gap: 12px;
    min-width: 0;
}

.card-head__icon {
    flex-shrink: 0;
    width: 38px;
    height: 38px;
    display: flex;
    align-items: center;
    justify-content: center;
    border-radius: 11px;
    font-size: 1.05rem;
    background: rgba(148, 163, 184, 0.1);
    border: 1px solid rgba(255, 255, 255, 0.08);
}

.card-head__text { min-width: 0; }

.card-head__title {
    margin: 0 0 2px;
    font-size: 1.1rem;
    font-weight: 600;
    color: var(--text);
}

.card-head__subtitle {
    margin: 0;
    font-size: 0.88rem;
    color: var(--muted);
    max-width: 560px;
}

.card-head__side {
    flex-shrink: 0;
    display: flex;
    align-items: center;
    gap: 8px;
}

.card-head--blue .card-head__icon { background: rgba(59, 130, 246, 0.16); color: #93c5fd; }
.card-head--amber .card-head__icon { background: rgba(245, 158, 11, 0.16); color: #fcd34d; }
.card-head--pink .card-head__icon { background: rgba(244, 63, 94, 0.16); color: #fda4af; }
.card-head--purple .card-head__icon { background: rgba(200, 205, 214, 0.16); color: #e5e7eb; }
.card-head--cyan .card-head__icon { background: rgba(34, 211, 238, 0.16); color: #67e8f9; }
.card-head--teal .card-head__icon { background: rgba(45, 212, 191, 0.16); color: #5eead4; }
.card-head--green .card-head__icon { background: rgba(34, 197, 94, 0.16); color: #86efac; }
.card-head--indigo .card-head__icon { background: rgba(99, 102, 241, 0.16); color: #a5b4fc; }
.card-head--red .card-head__icon { background: rgba(239, 68, 68, 0.16); color: #fca5a5; }

.empty-state {
    display: flex;
    flex-direction: column;
    align-items: center;
    gap: 8px;
    padding: 28px 16px;
    text-align: center;
    border-radius: 12px;
    background: rgba(255, 255, 255, 0.02);
    border: 1px dashed rgba(255, 255, 255, 0.1);
}

.empty-state__icon {
    font-size: 1.8rem;
    opacity: 0.7;
}

.empty-state p { margin: 0; }

.grid {
    display: grid;
    gap: 16px;
}

.grid-2 { grid-template-columns: repeat(auto-fit, minmax(220px, 1fr)); }
.grid-3 { grid-template-columns: repeat(auto-fit, minmax(180px, 1fr)); }
.grid-4 { grid-template-columns: repeat(auto-fit, minmax(160px, 1fr)); }

.kpi {
    background: var(--surface2);
    border-radius: var(--radius);
    padding: 18px;
    border: 1px solid var(--border);
}

.kpi .label {
    color: var(--muted);
    font-size: 0.85rem;
    margin-bottom: 6px;
}

.kpi .value {
    font-size: 1.6rem;
    font-weight: 700;
}

.form-group {
    margin-bottom: 16px;
}

.form-group label {
    display: block;
    margin-bottom: 6px;
    color: var(--muted);
    font-size: 0.9rem;
}

input, select, textarea {
    width: 100%;
    padding: 11px 14px;
    border-radius: 10px;
    border: 1px solid var(--border);
    background: rgba(5, 10, 18, 0.55);
    color: var(--text);
    font-size: 1rem;
    transition: border-color 0.15s ease, box-shadow 0.15s ease;
}

/* Native number spinners are bright white and clash with the dark panel */
input[type="number"] {
    -moz-appearance: textfield;
    appearance: textfield;
}

input[type="number"]::-webkit-outer-spin-button,
input[type="number"]::-webkit-inner-spin-button {
    -webkit-appearance: none;
    margin: 0;
}

input:focus, select:focus, textarea:focus {
    outline: none;
    border-color: rgba(200, 205, 214, 0.55);
    box-shadow: 0 0 0 3px rgba(200, 205, 214, 0.18);
}

.btn {
    display: inline-flex;
    align-items: center;
    justify-content: center;
    gap: 8px;
    padding: 11px 18px;
    border-radius: 10px;
    border: none;
    background: linear-gradient(135deg, #2563eb, #c8cdd6);
    color: white;
    font-weight: 600;
    cursor: pointer;
    text-decoration: none;
    font-size: 0.95rem;
    box-shadow: 0 6px 18px rgba(124, 58, 237, 0.28);
    transition: transform 0.15s ease, box-shadow 0.15s ease, filter 0.15s ease;
}

.btn:hover { filter: brightness(1.08); transform: translateY(-1px); box-shadow: 0 10px 24px rgba(124, 58, 237, 0.35); }
.btn:active { transform: translateY(0); }
.btn:disabled { opacity: 0.6; cursor: not-allowed; transform: none; box-shadow: none; }

.btn-sm { padding: 7px 12px; font-size: 0.85rem; }
.btn-lg { padding: 14px 22px; font-size: 1rem; border-radius: 10px; }
.btn-ghost { background: rgba(255, 255, 255, 0.04); border: 1px solid var(--border); color: var(--text); box-shadow: none; }
.btn-ghost:hover { background: var(--surface2); filter: none; box-shadow: none; }
.btn-danger { background: linear-gradient(135deg, #ef4444, #b91c1c); box-shadow: 0 6px 18px rgba(239, 68, 68, 0.25); }
.btn-success { background: linear-gradient(135deg, #22c55e, #15803d); color: #052e16; box-shadow: 0 6px 18px rgba(34, 197, 94, 0.25); }

.table-wrap { overflow-x: auto; border-radius: 12px; }

table {
    width: 100%;
    border-collapse: collapse;
    font-size: 0.92rem;
}

th, td {
    text-align: left;
    padding: 11px 12px;
    border-bottom: 1px solid var(--border);
}

th {
    color: var(--muted);
    font-weight: 600;
    font-size: 0.78rem;
    letter-spacing: 0.04em;
    text-transform: uppercase;
    background: rgba(255, 255, 255, 0.02);
}

tbody tr {
    transition: background 0.15s ease;
}

tbody tr:hover {
    background: rgba(255, 255, 255, 0.03);
}

.badge {
    display: inline-block;
    padding: 3px 10px;
    border-radius: 999px;
    font-size: 0.78rem;
    font-weight: 600;
    border: 1px solid transparent;
}

.badge-green { background: rgba(34, 197, 94, 0.15); color: #86efac; border-color: rgba(34, 197, 94, 0.3); }
.badge-yellow { background: rgba(234, 179, 8, 0.15); color: #fde047; border-color: rgba(234, 179, 8, 0.3); }
.badge-blue { background: rgba(59, 130, 246, 0.15); color: #93c5fd; border-color: rgba(59, 130, 246, 0.3); }
.badge-red { background: rgba(239, 68, 68, 0.15); color: #fca5a5; border-color: rgba(239, 68, 68, 0.3); }

.text-success { color: #86efac; font-weight: 600; }
.text-danger { color: #fca5a5; font-weight: 600; }

.log-context {
    margin-top: 6px;
}

.log-context summary {
    cursor: pointer;
    font-size: 0.75rem;
    color: #64748b;
}

.log-context pre {
    margin-top: 6px;
    padding: 10px 12px;
    border-radius: 8px;
    background: rgba(0, 0, 0, 0.35);
    color: #94a3b8;
    font-size: 0.75rem;
    overflow-x: auto;
    max-width: 100%;
    white-space: pre-wrap;
    word-break: break-word;
}
.badge-gray { background: rgba(139, 156, 179, 0.15); color: var(--muted); border-color: rgba(139, 156, 179, 0.25); }

.alert {
    padding: 12px 16px;
    border-radius: 8px;
    margin-bottom: 20px;
    font-size: 0.95rem;
}

.toast-stack {
    position: fixed;
    top: 18px;
    right: 18px;
    z-index: 999;
    display: flex;
    flex-direction: column;
    gap: 10px;
    width: min(380px, calc(100vw - 32px));
    max-height: calc(100vh - 32px);
    overflow-y: auto;
    pointer-events: none;
}

.toast-item {
    position: relative;
    margin-bottom: 0 !important;
    padding-right: 34px !important;
    box-shadow: 0 12px 28px rgba(0, 0, 0, 0.35);
    animation: toast-in 0.22s ease-out;
    pointer-events: auto;
}

.toast-item--leaving {
    animation: toast-out 0.2s ease-in forwards;
}

.toast-item__close {
    position: absolute;
    top: 8px;
    right: 8px;
    width: 22px;
    height: 22px;
    border-radius: 6px;
    border: none;
    background: rgba(255, 255, 255, 0.08);
    color: inherit;
    font-size: 15px;
    line-height: 1;
    cursor: pointer;
    display: flex;
    align-items: center;
    justify-content: center;
}

.toast-item__close:hover {
    background: rgba(255, 255, 255, 0.18);
}

@keyframes toast-in {
    from { opacity: 0; transform: translateX(24px); }
    to { opacity: 1; transform: translateX(0); }
}

@keyframes toast-out {
    from { opacity: 1; transform: translateX(0); }
    to { opacity: 0; transform: translateX(24px); }
}

@media (max-width: 640px) {
    .toast-stack {
        top: 10px;
        right: 10px;
        left: 10px;
        width: auto;
    }
}

.alert--with-action { display: flex; align-items: center; justify-content: space-between; gap: 12px; flex-wrap: wrap; }
.alert__action { flex-shrink: 0; font-weight: 700; text-decoration: underline; color: inherit; }
.alert__action:hover { opacity: 0.85; }

.alert-success { background: rgba(34, 197, 94, 0.12); border: 1px solid rgba(34, 197, 94, 0.35); color: #bbf7d0; }
.alert-error { background: rgba(239, 68, 68, 0.12); border: 1px solid rgba(239, 68, 68, 0.35); color: #fecaca; }
.alert-info { background: rgba(59, 130, 246, 0.12); border: 1px solid rgba(59, 130, 246, 0.35); color: #bfdbfe; }

.netflix-code__result {
    margin-top: 16px;
    padding: 16px;
    border-radius: 14px;
    text-align: center;
    font-size: 0.9rem;
    line-height: 1.55;
}

.netflix-code__result--pending {
    background: rgba(99, 102, 241, 0.08);
    border: 1px solid rgba(99, 102, 241, 0.3);
    color: #c7d2fe;
}

.netflix-code__result--success {
    background: rgba(34, 197, 94, 0.1);
    border: 1px solid rgba(34, 197, 94, 0.35);
    color: #bbf7d0;
}

.netflix-code__result--error {
    background: rgba(239, 68, 68, 0.1);
    border: 1px solid rgba(239, 68, 68, 0.35);
    color: #fecaca;
}

.netflix-code__label {
    font-size: 0.72rem;
    font-weight: 700;
    letter-spacing: 0.08em;
    text-transform: uppercase;
    opacity: 0.85;
    margin-bottom: 8px;
}

.netflix-code__value {
    font-size: 2.75rem;
    font-weight: 800;
    letter-spacing: 0.28em;
    font-family: ui-monospace, "Cascadia Code", "SF Mono", Consolas, monospace;
    color: #f1f5f9;
    animation: service-code-pop 0.45s cubic-bezier(0.22, 1, 0.36, 1);
}

.netflix-code__hint { margin-top: 4px; }

.netflix-code__spinner {
    display: inline-block;
    width: 14px;
    height: 14px;
    border-radius: 50%;
    border: 2px solid rgba(199, 210, 254, 0.35);
    border-top-color: #c7d2fe;
    animation: netflix-code-spin 0.8s linear infinite;
    vertical-align: middle;
    margin-right: 4px;
}

@keyframes netflix-code-spin {
    to { transform: rotate(360deg); }
}
.alert-warning { background: rgba(245, 158, 11, 0.14); border: 1px solid rgba(245, 158, 11, 0.45); color: #fde68a; }

.link-created-banner {
    margin-bottom: 20px;
    padding: 18px 20px;
    border-radius: 14px;
    border: 1px solid rgba(34, 197, 94, 0.35);
    background:
        radial-gradient(ellipse 70% 80% at 0% 0%, rgba(34, 197, 94, 0.14), transparent 55%),
        linear-gradient(180deg, rgba(34, 197, 94, 0.08) 0%, rgba(6, 11, 18, 0.95) 100%);
    box-shadow: 0 10px 32px rgba(0, 0, 0, 0.22);
}

.link-created-banner--error {
    border-color: rgba(239, 68, 68, 0.4);
    background:
        radial-gradient(ellipse 70% 80% at 0% 0%, rgba(239, 68, 68, 0.12), transparent 55%),
        linear-gradient(180deg, rgba(239, 68, 68, 0.08) 0%, rgba(6, 11, 18, 0.95) 100%);
}

.link-created-banner__head {
    display: flex;
    align-items: flex-start;
    gap: 14px;
    margin-bottom: 14px;
    flex-wrap: wrap;
}

.link-created-banner__intro {
    flex: 1;
    min-width: 200px;
}

.link-created-banner__btn--all {
    margin-left: auto;
    flex-shrink: 0;
    min-height: 40px;
}

.link-created-banner__list--scroll {
    max-height: min(420px, 55vh);
    overflow-y: auto;
    padding-right: 4px;
}

.link-created-banner__icon {
    flex-shrink: 0;
    width: 36px;
    height: 36px;
    display: flex;
    align-items: center;
    justify-content: center;
    border-radius: 50%;
    font-size: 1rem;
    font-weight: 800;
    color: #dcfce7;
    background: rgba(34, 197, 94, 0.25);
    border: 1px solid rgba(34, 197, 94, 0.45);
    box-shadow: 0 0 20px rgba(34, 197, 94, 0.2);
}

.link-created-banner--error .link-created-banner__icon {
    color: #fecaca;
    background: rgba(239, 68, 68, 0.22);
    border-color: rgba(239, 68, 68, 0.45);
    box-shadow: 0 0 20px rgba(239, 68, 68, 0.15);
}

.link-created-banner__title {
    display: block;
    margin: 0 0 4px;
    font-size: 1rem;
    font-weight: 700;
    color: #ecfdf5;
    letter-spacing: -0.01em;
}

.link-created-banner--error .link-created-banner__title {
    color: #fee2e2;
}

.link-created-banner__hint {
    margin: 0;
    font-size: 0.84rem;
    color: #86efac;
    line-height: 1.4;
}

.link-created-banner--error .link-created-banner__hint {
    color: #fca5a5;
}

.link-created-banner__list {
    display: flex;
    flex-direction: column;
    gap: 10px;
}

.link-created-banner__row {
    display: flex;
    align-items: center;
    gap: 12px;
    padding: 12px 14px;
    border-radius: 12px;
    background: rgba(6, 11, 18, 0.75);
    border: 1px solid rgba(255, 255, 255, 0.08);
}

.link-created-banner__url {
    flex: 1;
    min-width: 0;
    font-family: ui-monospace, "Cascadia Code", monospace;
    font-size: 0.82rem;
    line-height: 1.45;
    color: #e2e8f0;
    word-break: break-all;
}

.link-created-banner__actions {
    display: flex;
    align-items: center;
    gap: 8px;
    flex-shrink: 0;
}

.link-created-banner__btn {
    display: inline-flex;
    align-items: center;
    justify-content: center;
    min-height: 36px;
    padding: 8px 14px;
    border-radius: 10px;
    border: 1px solid rgba(34, 197, 94, 0.45);
    background: rgba(34, 197, 94, 0.15);
    color: #bbf7d0;
    font-size: 0.82rem;
    font-weight: 600;
    text-decoration: none;
    cursor: pointer;
    transition: background 0.15s, border-color 0.15s, color 0.15s;
    white-space: nowrap;
}

.link-created-banner__btn:hover {
    background: rgba(34, 197, 94, 0.25);
    border-color: rgba(34, 197, 94, 0.65);
    color: #ecfdf5;
}

.link-created-banner__btn.is-copied {
    background: rgba(34, 197, 94, 0.35);
    border-color: rgba(34, 197, 94, 0.75);
    color: #fff;
}

.link-created-banner__btn--ghost {
    background: transparent;
    border-color: rgba(255, 255, 255, 0.14);
    color: #94a3b8;
}

.link-created-banner__btn--ghost:hover {
    background: rgba(255, 255, 255, 0.05);
    border-color: rgba(255, 255, 255, 0.22);
    color: #e2e8f0;
}

@media (max-width: 720px) {
    .link-created-banner__head {
        flex-direction: column;
        align-items: stretch;
    }

    .link-created-banner__btn--all {
        margin-left: 0;
        width: 100%;
        min-height: 44px;
    }

    .link-created-banner__row {
        flex-direction: column;
        align-items: stretch;
    }

    .link-created-banner__actions {
        width: 100%;
    }

    .link-created-banner__btn {
        flex: 1;
    }
}

.smm-balance-alert { margin-bottom: 16px; line-height: 1.5; }
.smm-balance-alert strong { display: inline-flex; align-items: center; gap: 5px; vertical-align: middle; }
.smm-balance-alert__link { color: #fcd34d; font-weight: 600; margin-left: 6px; text-decoration: underline; }
.smm-balance-alert__link:hover { color: #fef08a; }

.login-box {
    width: min(420px, 100%);
}

.login-box .card { padding: 32px; }

.muted { color: var(--muted); font-size: 0.9rem; }

.link-url {
    font-family: ui-monospace, monospace;
    font-size: 0.85rem;
    word-break: break-all;
    background: var(--bg);
    padding: 8px 10px;
    border-radius: 6px;
    border: 1px solid var(--border);
}

.actions { display: flex; gap: 8px; flex-wrap: wrap; }
.actions--stack { flex-direction: column; align-items: flex-start; }
.ig-fix-order-form { display: flex; flex-wrap: wrap; gap: 6px; align-items: center; max-width: 220px; }
.ig-fix-order-form .input-sm { min-width: 0; flex: 1 1 120px; }

.ig-more-actions {
    margin-top: 4px;
}

.ig-more-actions > summary {
    cursor: pointer;
    color: var(--muted, #94a3b8);
    font-size: 0.78rem;
    list-style: none;
}

.ig-more-actions > summary::-webkit-details-marker {
    display: none;
}

.ig-more-actions__body {
    display: flex;
    flex-direction: column;
    align-items: flex-start;
    gap: 6px;
    margin-top: 8px;
}

.ig-actions-clean {
    gap: 6px;
}

.ig-account-cell {
    display: flex;
    align-items: center;
    gap: 10px;
    min-width: 0;
}

.ig-account-cell__text {
    min-width: 0;
}

.ig-account-avatar {
    width: 40px;
    height: 40px;
    border-radius: 50%;
    object-fit: cover;
    flex-shrink: 0;
    background: rgba(148, 163, 184, 0.18);
    border: 1px solid rgba(255, 255, 255, 0.12);
    display: block;
}

span.ig-account-avatar,
.ig-account-avatar--fallback {
    display: inline-flex;
    align-items: center;
    justify-content: center;
    font-size: 0.85rem;
    font-weight: 700;
    color: #e2e8f0;
    background: linear-gradient(135deg, rgba(200, 205, 214, 0.4), rgba(59, 130, 246, 0.3));
}

.ig-manual-count-form {
    display: flex;
    flex-wrap: wrap;
    gap: 6px;
    align-items: center;
    max-width: 220px;
}

.ig-manual-count-form .input-sm {
    min-width: 0;
    flex: 1 1 110px;
}

.ig-sold-form {
    display: flex;
    flex-wrap: wrap;
    gap: 6px;
    align-items: center;
    max-width: 280px;
}

.ig-sold-form .input-sm {
    min-width: 0;
    flex: 1 1 100px;
}

.footer {
    text-align: center;
    padding: 24px;
    color: var(--muted);
    font-size: 0.85rem;
}

.public-card {
    width: min(480px, 100%);
}

.public-card .logo {
    text-align: center;
    margin-bottom: 8px;
    font-size: 1.4rem;
    font-weight: 700;
}

.public-card .subtitle {
    text-align: center;
    color: var(--muted);
    margin-bottom: 24px;
}

.success-icon {
    text-align: center;
    font-size: 3rem;
    margin-bottom: 12px;
}

@media (max-width: 640px) {
    .topbar { flex-wrap: wrap; }
    .topbar nav { order: 3; width: 100%; overflow-x: auto; }
}

/* ——— Branding (login + checkout) ——— */

.brand-mark {
    display: flex;
    flex-direction: column;
    align-items: center;
    text-align: center;
    gap: 14px;
}

.brand-mark__logo {
    width: auto;
    height: 72px;
    max-width: 220px;
    object-fit: contain;
    border-radius: 20px;
    filter: drop-shadow(0 8px 24px rgba(0, 0, 0, 0.35));
}

.brand-mark__logo--full,
.brand-mark--image-only .brand-mark__logo {
    width: 92px;
    height: 92px;
    max-width: 92px;
    max-height: 92px;
    object-fit: cover;
    border-radius: 50%;
    border: 2px solid rgba(255, 255, 255, 0.12);
    box-shadow:
        0 8px 32px rgba(0, 0, 0, 0.4),
        0 0 0 1px rgba(255, 255, 255, 0.04) inset;
}

.brand-mark--image-only {
    gap: 0;
}

.brand-mark--hero.brand-mark--image-only {
    margin-bottom: 24px;
}

.brand-mark__icon {
    width: 72px;
    height: 72px;
    border-radius: 20px;
    display: flex;
    align-items: center;
    justify-content: center;
    font-size: 2rem;
    font-weight: 800;
    color: white;
    background: linear-gradient(135deg, var(--accent) 0%, #c8cdd6 100%);
    box-shadow: 0 12px 40px rgba(99, 102, 241, 0.45);
}

.brand-mark__text {
    display: flex;
    flex-direction: column;
    gap: 4px;
}

.brand-mark__name {
    font-size: 1.65rem;
    font-weight: 800;
    letter-spacing: -0.02em;
    line-height: 1.15;
}

.brand-mark__tagline {
    color: var(--muted);
    font-size: 0.95rem;
}

.brand-mark--hero {
    margin-bottom: 28px;
}

.brand-mark--auth {
    margin-bottom: 32px;
}

.brand-mark--auth .brand-mark__logo {
    width: 88px;
    height: 88px;
    max-width: 88px;
    max-height: 88px;
    object-fit: cover;
    border-radius: 50%;
    border: 2px solid rgba(255, 255, 255, 0.12);
    filter: drop-shadow(0 12px 32px rgba(0, 0, 0, 0.45));
    box-shadow:
        0 8px 28px rgba(0, 0, 0, 0.35),
        0 0 0 1px rgba(255, 255, 255, 0.04) inset;
}

.brand-mark--auth .brand-mark__name {
    font-size: 1.75rem;
    background: linear-gradient(135deg, #f8fafc 0%, #cbd5e1 100%);
    -webkit-background-clip: text;
    background-clip: text;
    color: transparent;
}

.brand-mark--checkout {
    margin-bottom: 0;
}

.brand-mark--checkout .brand-mark__logo {
    width: 56px;
    height: 56px;
    max-width: 56px;
    object-fit: cover;
    border-radius: 50%;
    border: 1px solid rgba(255, 255, 255, 0.1);
}

.brand-mark--checkout .brand-mark__icon {
    width: 56px;
    height: 56px;
    font-size: 1.5rem;
    border-radius: 16px;
}

.brand-mark--checkout .brand-mark__name {
    font-size: 1.35rem;
}

/* ——— Auth (login) ——— */

body.auth-page {
    min-height: 100vh;
    min-height: 100dvh;
    margin: 0;
    display: flex;
    align-items: center;
    justify-content: center;
    padding: 24px;
    background: #0a0e14;
    position: relative;
    overflow: hidden;
    font-family: "Inter", "Segoe UI", system-ui, -apple-system, sans-serif;
    -webkit-font-smoothing: antialiased;
}

.auth-page__glow {
    position: fixed;
    inset: 0;
    background:
        radial-gradient(circle at 18% 12%, rgba(var(--theme-primary-rgb, 99, 102, 241), 0.2) 0%, transparent 42%),
        radial-gradient(circle at 82% 88%, rgba(var(--theme-accent-rgb, 168, 85, 247), 0.16) 0%, transparent 40%),
        radial-gradient(ellipse at top, rgba(255, 255, 255, 0.04) 0%, transparent 55%),
        #0a0e14;
    pointer-events: none;
}

.auth-page__glow::after {
    content: "";
    position: absolute;
    inset: 0;
    background-image:
        linear-gradient(rgba(255, 255, 255, 0.025) 1px, transparent 1px),
        linear-gradient(90deg, rgba(255, 255, 255, 0.025) 1px, transparent 1px);
    background-size: 56px 56px;
    mask-image: radial-gradient(ellipse 80% 70% at 50% 42%, black 15%, transparent 78%);
    opacity: 0.4;
}

.auth-page__orbs {
    position: fixed;
    inset: 0;
    pointer-events: none;
    overflow: hidden;
}

.auth-page__orb {
    position: absolute;
    border-radius: 50%;
    filter: blur(60px);
    opacity: 0.45;
    animation: authOrbFloat 18s ease-in-out infinite;
}

.auth-page__orb--a {
    width: 320px;
    height: 320px;
    top: -80px;
    left: -60px;
    background: rgba(var(--theme-primary-rgb, 99, 102, 241), 0.35);
}

.auth-page__orb--b {
    width: 280px;
    height: 280px;
    bottom: -100px;
    right: -40px;
    background: rgba(var(--theme-accent-rgb, 168, 85, 247), 0.28);
    animation-delay: -6s;
}

.auth-page__orb--c {
    width: 180px;
    height: 180px;
    top: 42%;
    right: 18%;
    background: rgba(var(--theme-primary-rgb, 99, 102, 241), 0.18);
    animation-delay: -12s;
}

@keyframes authOrbFloat {
    0%, 100% { transform: translate(0, 0) scale(1); }
    33% { transform: translate(24px, -18px) scale(1.06); }
    66% { transform: translate(-16px, 14px) scale(0.94); }
}

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

.auth-page__shell {
    position: relative;
    z-index: 1;
    display: grid;
    grid-template-columns: minmax(0, 1fr);
    gap: 28px;
    width: min(420px, 100%);
    align-items: center;
}

.auth-page__hero {
    text-align: center;
}

.auth-page__hero-inner {
    animation: authFadeUp 0.65s ease-out both;
}

.auth-page__store-name {
    margin: -12px 0 14px;
    font-size: 1.35rem;
    font-weight: 800;
    letter-spacing: -0.03em;
    color: #f8fafc;
}

.auth-page__hero-text {
    margin: 0 0 20px;
    font-size: 0.95rem;
    line-height: 1.65;
    color: #94a3b8;
    max-width: 36ch;
    margin-inline: auto;
}

.auth-page__highlights {
    list-style: none;
    margin: 0;
    padding: 0;
    display: flex;
    flex-wrap: wrap;
    justify-content: center;
    gap: 8px;
}

.auth-page__highlights li {
    display: inline-flex;
    align-items: center;
    gap: 7px;
    padding: 8px 12px;
    border-radius: 999px;
    font-size: 0.72rem;
    font-weight: 600;
    letter-spacing: 0.02em;
    color: #cbd5e1;
    background: rgba(255, 255, 255, 0.04);
    border: 1px solid rgba(255, 255, 255, 0.08);
    backdrop-filter: blur(8px);
}

.auth-page__highlight-icon {
    display: inline-flex;
    align-items: center;
    color: rgba(var(--theme-primary-rgb, 129, 140, 248), 1);
    opacity: 0.9;
}

.auth-page__main {
    width: 100%;
    animation: authFadeUp 0.65s ease-out 0.08s both;
}

.auth-page__wrap {
    position: relative;
    width: min(420px, 100%);
    z-index: 1;
}

.auth-card {
    position: relative;
    padding: 0;
    border-radius: 22px;
    border: 1px solid rgba(255, 255, 255, 0.1);
    background: rgba(12, 14, 22, 0.78);
    backdrop-filter: blur(24px);
    -webkit-backdrop-filter: blur(24px);
    box-shadow:
        0 0 0 1px rgba(255, 255, 255, 0.04) inset,
        0 28px 72px rgba(0, 0, 0, 0.55),
        0 0 80px rgba(var(--theme-primary-rgb, 99, 102, 241), 0.08);
    overflow: hidden;
}

.auth-card__border {
    position: absolute;
    inset: 0;
    border-radius: inherit;
    padding: 1px;
    background: linear-gradient(
        145deg,
        rgba(var(--theme-primary-rgb, 99, 102, 241), 0.55) 0%,
        rgba(255, 255, 255, 0.08) 35%,
        rgba(var(--theme-accent-rgb, 168, 85, 247), 0.35) 100%
    );
    -webkit-mask:
        linear-gradient(#fff 0 0) content-box,
        linear-gradient(#fff 0 0);
    mask:
        linear-gradient(#fff 0 0) content-box,
        linear-gradient(#fff 0 0);
    -webkit-mask-composite: xor;
    mask-composite: exclude;
    pointer-events: none;
    opacity: 0.75;
}

.auth-card::before {
    content: "";
    position: absolute;
    top: 0;
    left: 12%;
    right: 12%;
    height: 1px;
    background: linear-gradient(
        90deg,
        transparent,
        rgba(255, 255, 255, 0.45),
        transparent
    );
    pointer-events: none;
}

.auth-card__header {
    padding: 30px 30px 0;
    text-align: center;
}

.auth-card__badge {
    display: inline-flex;
    align-items: center;
    gap: 8px;
    margin-bottom: 16px;
    padding: 6px 12px;
    border-radius: 999px;
    font-size: 0.68rem;
    font-weight: 700;
    letter-spacing: 0.06em;
    text-transform: uppercase;
    color: rgba(var(--theme-primary-rgb, 165, 180, 252), 1);
    background: rgba(var(--theme-primary-rgb, 99, 102, 241), 0.12);
    border: 1px solid rgba(var(--theme-primary-rgb, 99, 102, 241), 0.28);
}

.auth-card__badge-dot {
    width: 7px;
    height: 7px;
    border-radius: 50%;
    background: rgba(var(--theme-primary-rgb, 129, 140, 248), 1);
    box-shadow: 0 0 10px rgba(var(--theme-primary-rgb, 129, 140, 248), 0.85);
    animation: authPulse 2.4s ease-in-out infinite;
}

@keyframes authPulse {
    0%, 100% { opacity: 1; transform: scale(1); }
    50% { opacity: 0.65; transform: scale(0.88); }
}

.auth-card__title {
    margin: 0 0 8px;
    font-size: 1.65rem;
    font-weight: 800;
    letter-spacing: -0.03em;
    color: #f8fafc;
    line-height: 1.15;
}

.auth-card__subtitle {
    margin: 0;
    font-size: 0.9rem;
    line-height: 1.55;
    color: #94a3b8;
}

.auth-card__body {
    padding: 26px 30px 30px;
}

.auth-alert {
    margin-bottom: 18px;
    padding: 12px 14px;
    border-radius: 12px;
    font-size: 0.88rem;
    font-weight: 600;
    line-height: 1.45;
}

.auth-alert--error {
    color: #fecaca;
    background: rgba(239, 68, 68, 0.12);
    border: 1px solid rgba(239, 68, 68, 0.35);
}

.auth-form {
    display: flex;
    flex-direction: column;
    gap: 18px;
}

.auth-field label {
    display: block;
    margin-bottom: 8px;
    font-size: 0.82rem;
    font-weight: 600;
    color: #94a3b8;
    letter-spacing: 0.01em;
}

.auth-field__wrap {
    display: flex;
    align-items: center;
    gap: 10px;
    padding: 0 14px;
    min-height: 54px;
    border-radius: 14px;
    background: rgba(0, 0, 0, 0.32);
    border: 1px solid rgba(255, 255, 255, 0.08);
    transition: border-color 0.15s, box-shadow 0.15s, background 0.15s;
}

.auth-field__wrap:focus-within {
    background: rgba(0, 0, 0, 0.42);
    border-color: rgba(var(--theme-primary-rgb, 99, 102, 241), 0.55);
    box-shadow: 0 0 0 3px rgba(var(--theme-primary-rgb, 99, 102, 241), 0.16);
}

.auth-field__wrap--password {
    padding-right: 8px;
}

.auth-field__icon {
    flex-shrink: 0;
    display: flex;
    align-items: center;
    line-height: 1;
    color: #94a3b8;
}

.auth-field__input {
    flex: 1;
    min-width: 0;
    padding: 14px 0;
    border: none;
    background: transparent;
    color: #f1f5f9;
    font-size: 1rem;
    outline: none;
    box-shadow: none;
}

.auth-field__input::placeholder {
    color: #64748b;
}

.auth-field__input:-webkit-autofill,
.auth-field__input:-webkit-autofill:hover,
.auth-field__input:-webkit-autofill:focus {
    -webkit-box-shadow: 0 0 0 1000px rgba(10, 14, 22, 0.95) inset !important;
    -webkit-text-fill-color: #f1f5f9 !important;
    caret-color: #f1f5f9;
    transition: background-color 99999s ease-out 0s;
}

.auth-field__toggle {
    flex-shrink: 0;
    width: 40px;
    height: 40px;
    display: flex;
    align-items: center;
    justify-content: center;
    border: none;
    border-radius: 10px;
    background: rgba(255, 255, 255, 0.04);
    color: #94a3b8;
    font-size: 1rem;
    cursor: pointer;
    transition: background 0.15s, color 0.15s;
    -webkit-tap-highlight-color: transparent;
}

.auth-field__toggle:hover {
    background: rgba(255, 255, 255, 0.08);
    color: #e2e8f0;
}

.auth-field__toggle-icon {
    display: flex;
    align-items: center;
    justify-content: center;
}

.auth-form__submit {
    width: 100%;
    margin-top: 4px;
    padding: 15px 22px;
    border: none;
    border-radius: 14px;
    font-size: 1rem;
    font-weight: 700;
    letter-spacing: 0.01em;
    cursor: pointer;
    transition: transform 0.12s, filter 0.15s, box-shadow 0.15s, gap 0.15s;
    -webkit-tap-highlight-color: transparent;
    display: inline-flex;
    align-items: center;
    justify-content: center;
    gap: 10px;
}

.auth-form__submit svg {
    transition: transform 0.15s ease;
}

.auth-form__submit:hover {
    transform: translateY(-2px);
}

.auth-form__submit:hover svg {
    transform: translateX(3px);
}

.auth-form__submit:active {
    transform: translateY(0);
}

.auth-page__footer {
    display: flex;
    align-items: center;
    justify-content: center;
    gap: 7px;
    text-align: center;
    margin-top: 22px;
    color: #64748b;
    font-size: 0.78rem;
    letter-spacing: 0.02em;
}

.auth-page__footer-icon {
    display: inline-flex;
    opacity: 0.7;
}

@media (min-width: 960px) {
    body.auth-page {
        padding: 40px;
    }

    .auth-page__shell {
        width: min(980px, 100%);
        grid-template-columns: minmax(0, 1.05fr) minmax(340px, 420px);
        gap: 56px;
    }

    .auth-page__hero {
        text-align: left;
    }

    .auth-page__hero-inner {
        max-width: 480px;
    }

    .brand-mark--auth.brand-mark--hero {
        justify-content: flex-start;
        margin-bottom: 28px;
    }

    .auth-page__store-name {
        text-align: left;
        margin: -16px 0 18px;
        font-size: clamp(1.6rem, 2.4vw, 2rem);
    }

    .auth-page__hero-text {
        margin-inline: 0;
        font-size: 1.02rem;
        max-width: 42ch;
    }

    .auth-page__highlights {
        justify-content: flex-start;
        gap: 10px;
    }

    .auth-page__highlights li {
        font-size: 0.78rem;
        padding: 9px 14px;
    }

    .auth-card__header {
        padding-top: 32px;
    }
}

body.auth-page--clean-black .auth-page__glow {
    background: #000000;
}

body.auth-page--clean-black .auth-page__glow::after {
    opacity: 0.18;
}

body.auth-page--clean-black .auth-page__orb--a,
body.auth-page--clean-black .auth-page__orb--b,
body.auth-page--clean-black .auth-page__orb--c {
    background: rgba(255, 255, 255, 0.06);
    opacity: 0.35;
}

body.auth-page--clean-black .auth-card {
    background: rgba(10, 10, 10, 0.92);
    border-color: #1f1f1f;
    box-shadow:
        0 0 0 1px rgba(255, 255, 255, 0.03) inset,
        0 24px 64px rgba(0, 0, 0, 0.65);
}

body.auth-page--clean-black .auth-card__border {
    background: linear-gradient(145deg, rgba(255, 255, 255, 0.22) 0%, rgba(255, 255, 255, 0.04) 50%, rgba(255, 255, 255, 0.12) 100%);
}

body.auth-page--clean-black .auth-card__badge {
    color: #d4d4d4;
    background: #111111;
    border-color: #262626;
}

body.auth-page--clean-black .auth-card__badge-dot {
    background: #ffffff;
    box-shadow: 0 0 8px rgba(255, 255, 255, 0.45);
}

body.auth-page--clean-black .auth-page__highlights li {
    background: #0a0a0a;
    border-color: #1f1f1f;
    color: #a3a3a3;
}

body.auth-page--clean-black .auth-page__highlight-icon {
    color: #ffffff;
}

body.auth-page--clean-black .auth-field__wrap:focus-within {
    border-color: rgba(255, 255, 255, 0.35);
    box-shadow: 0 0 0 3px rgba(255, 255, 255, 0.08);
}

/* ——— Hub (escolher área: Seguidores / Netflix) ——— */

body.hub-page {
    min-height: 100vh;
    min-height: 100dvh;
    margin: 0;
    padding:
        max(24px, env(safe-area-inset-top, 0px))
        max(20px, env(safe-area-inset-right, 0px))
        max(28px, env(safe-area-inset-bottom, 0px))
        max(20px, env(safe-area-inset-left, 0px));
    background: #080b10;
    position: relative;
    overflow-x: hidden;
    font-family: "Inter", "Segoe UI", system-ui, -apple-system, sans-serif;
    -webkit-font-smoothing: antialiased;
}

.hub-page__glow {
    position: fixed;
    inset: 0;
    background:
        radial-gradient(ellipse 55% 45% at 18% 18%, rgba(124, 58, 237, 0.28) 0%, transparent 60%),
        radial-gradient(ellipse 50% 40% at 82% 78%, rgba(229, 9, 20, 0.22) 0%, transparent 58%),
        radial-gradient(ellipse at top, #151b28 0%, #080b10 68%);
    pointer-events: none;
}

.hub-page__glow::after {
    content: "";
    position: absolute;
    inset: 0;
    background-image:
        linear-gradient(rgba(255, 255, 255, 0.025) 1px, transparent 1px),
        linear-gradient(90deg, rgba(255, 255, 255, 0.025) 1px, transparent 1px);
    background-size: 56px 56px;
    mask-image: radial-gradient(ellipse 75% 65% at 50% 42%, black 15%, transparent 78%);
    opacity: 0.45;
}

.hub-page__wrap {
    position: relative;
    z-index: 1;
    width: min(1040px, 100%);
    min-height: calc(100dvh - 52px);
    margin: 0 auto;
    display: flex;
    flex-direction: column;
    justify-content: center;
    gap: 32px;
}

.hub-page__head {
    position: relative;
    text-align: center;
}

.hub-page__hero {
    display: flex;
    flex-direction: column;
    align-items: center;
    gap: 4px;
    padding-top: 8px;
}

.brand-mark--hub {
    margin: 0 0 10px;
}

.hub-page__eyebrow {
    display: inline-flex;
    align-items: center;
    gap: 6px;
    padding: 5px 12px;
    border-radius: 999px;
    border: 1px solid rgba(129, 140, 248, 0.28);
    background: rgba(99, 102, 241, 0.1);
    font-size: 0.68rem;
    font-weight: 700;
    letter-spacing: 0.12em;
    text-transform: uppercase;
    color: #a5b4fc;
    margin-bottom: 10px;
}

.hub-page__title {
    margin: 0 0 8px;
    font-size: clamp(1.6rem, 4vw, 2.15rem);
    font-weight: 800;
    color: #f8fafc;
    letter-spacing: -0.02em;
}

.hub-page__title strong {
    background: linear-gradient(135deg, #e9d5ff 0%, #c7d2fe 55%, #93c5fd 100%);
    -webkit-background-clip: text;
    -webkit-text-fill-color: transparent;
    background-clip: text;
}

.hub-page__subtitle {
    margin: 0;
    color: #94a3b8;
    font-size: 0.95rem;
    max-width: 420px;
}

.hub-page__logout {
    position: absolute;
    top: 0;
    right: 0;
    display: inline-flex;
    align-items: center;
    gap: 6px;
    padding: 8px 14px;
    border-radius: 10px;
    border: 1px solid rgba(255, 255, 255, 0.1);
    background: rgba(255, 255, 255, 0.04);
    color: #94a3b8;
    text-decoration: none;
    font-size: 0.82rem;
    white-space: nowrap;
    transition: background 0.15s, color 0.15s, border-color 0.15s;
}

.hub-page__logout:hover {
    color: #e2e8f0;
    background: rgba(255, 255, 255, 0.08);
    border-color: rgba(255, 255, 255, 0.16);
}

.hub-page__flash {
    margin: -12px 0 0;
}

.hub-grid {
    display: grid;
    grid-template-columns: repeat(4, minmax(0, 1fr));
    gap: 16px;
}

@media (max-width: 1100px) {
    .hub-grid {
        grid-template-columns: repeat(2, minmax(0, 1fr));
        gap: 18px;
    }
}

.hub-card {
    position: relative;
    display: flex;
    flex-direction: column;
    min-height: 340px;
    padding: 22px 18px 18px;
    border-radius: 22px;
    border: 1px solid rgba(255, 255, 255, 0.09);
    background: rgba(12, 14, 22, 0.72);
    backdrop-filter: blur(24px);
    -webkit-backdrop-filter: blur(24px);
    text-decoration: none;
    color: inherit;
    overflow: hidden;
    transition: transform 0.22s ease, border-color 0.22s ease, box-shadow 0.22s ease;
}

.hub-card__shine {
    position: absolute;
    inset: 0;
    background: linear-gradient(135deg, rgba(255, 255, 255, 0.06) 0%, transparent 42%, transparent 100%);
    pointer-events: none;
}

.hub-card__glow {
    position: absolute;
    inset: -1px;
    opacity: 0.55;
    pointer-events: none;
    transition: opacity 0.22s ease;
}

.hub-card--followers {
    border-color: rgba(200, 205, 214, 0.22);
    box-shadow: 0 20px 50px rgba(0, 0, 0, 0.35), inset 0 1px 0 rgba(255, 255, 255, 0.05);
}

.hub-card--followers .hub-card__glow {
    background:
        radial-gradient(circle at 100% 0%, rgba(200, 205, 214, 0.28) 0%, transparent 48%),
        radial-gradient(circle at 0% 100%, rgba(59, 130, 246, 0.12) 0%, transparent 40%);
}

.hub-card--netflix {
    border-color: rgba(229, 9, 20, 0.32);
    background: linear-gradient(160deg, rgba(20, 20, 20, 0.95) 0%, rgba(10, 10, 10, 0.88) 100%);
    box-shadow: 0 20px 50px rgba(0, 0, 0, 0.45), 0 0 60px rgba(229, 9, 20, 0.08), inset 0 1px 0 rgba(255, 255, 255, 0.04);
}

.hub-card--netflix .hub-card__glow {
    background:
        radial-gradient(circle at 100% 0%, rgba(229, 9, 20, 0.35) 0%, transparent 50%),
        radial-gradient(circle at 0% 100%, rgba(178, 7, 16, 0.15) 0%, transparent 42%);
}

.hub-card:hover {
    transform: translateY(-5px);
}

.hub-card--followers:hover {
    border-color: rgba(200, 205, 214, 0.45);
    box-shadow: 0 28px 64px rgba(0, 0, 0, 0.42), 0 0 48px rgba(200, 205, 214, 0.12);
}

.hub-card--netflix:hover {
    border-color: rgba(229, 9, 20, 0.55);
    box-shadow: 0 28px 64px rgba(0, 0, 0, 0.5), 0 0 56px rgba(229, 9, 20, 0.18);
}

.hub-card--chatgpt {
    border-color: rgba(16, 163, 127, 0.32);
    background: linear-gradient(160deg, rgba(13, 17, 23, 0.95) 0%, rgba(8, 12, 18, 0.88) 100%);
    box-shadow: 0 20px 50px rgba(0, 0, 0, 0.45), 0 0 60px rgba(16, 163, 127, 0.08), inset 0 1px 0 rgba(255, 255, 255, 0.04);
}

.hub-card--chatgpt .hub-card__glow {
    background:
        radial-gradient(circle at 100% 0%, rgba(16, 163, 127, 0.35) 0%, transparent 50%),
        radial-gradient(circle at 0% 100%, rgba(26, 127, 100, 0.15) 0%, transparent 42%);
}

.hub-card--chatgpt:hover {
    border-color: rgba(16, 163, 127, 0.55);
    box-shadow: 0 28px 64px rgba(0, 0, 0, 0.5), 0 0 56px rgba(16, 163, 127, 0.18);
}

.hub-card--contas {
    border-color: rgba(34, 211, 238, 0.32);
    background: linear-gradient(160deg, rgba(12, 20, 28, 0.95) 0%, rgba(8, 14, 22, 0.88) 100%);
    box-shadow: 0 20px 50px rgba(0, 0, 0, 0.45), 0 0 60px rgba(34, 211, 238, 0.08), inset 0 1px 0 rgba(255, 255, 255, 0.04);
}

.hub-card--contas .hub-card__glow {
    background:
        radial-gradient(circle at 100% 0%, rgba(34, 211, 238, 0.35) 0%, transparent 50%),
        radial-gradient(circle at 0% 100%, rgba(14, 165, 233, 0.15) 0%, transparent 42%);
}

.hub-card--contas:hover {
    border-color: rgba(34, 211, 238, 0.55);
    box-shadow: 0 28px 64px rgba(0, 0, 0, 0.5), 0 0 56px rgba(34, 211, 238, 0.18);
}

.hub-card:hover .hub-card__glow {
    opacity: 1;
}

.hub-card__top {
    display: flex;
    align-items: flex-start;
    justify-content: space-between;
    gap: 8px;
    margin-bottom: 18px;
    position: relative;
    z-index: 1;
    min-width: 0;
}

.hub-card__icon {
    display: inline-flex;
    align-items: center;
    justify-content: center;
    width: 48px;
    height: 48px;
    border-radius: 14px;
    flex-shrink: 0;
}

.hub-card__icon--purple {
    background: linear-gradient(135deg, rgba(200, 205, 214, 0.28) 0%, rgba(99, 102, 241, 0.18) 100%);
    color: #e9d5ff;
    box-shadow: 0 8px 24px rgba(200, 205, 214, 0.2);
}

.hub-card__icon--red {
    background: linear-gradient(135deg, rgba(229, 9, 20, 0.35) 0%, rgba(178, 7, 16, 0.22) 100%);
    color: #fecaca;
    box-shadow: 0 8px 24px rgba(229, 9, 20, 0.25);
}

.hub-card__icon--green {
    background: linear-gradient(135deg, rgba(16, 163, 127, 0.35) 0%, rgba(26, 127, 100, 0.22) 100%);
    color: #86efac;
    box-shadow: 0 8px 24px rgba(16, 163, 127, 0.25);
}

.hub-card__icon--cyan {
    background: linear-gradient(135deg, rgba(34, 211, 238, 0.35) 0%, rgba(14, 165, 233, 0.22) 100%);
    color: #67e8f9;
    box-shadow: 0 8px 24px rgba(34, 211, 238, 0.25);
}

.hub-card__badge {
    padding: 5px 8px;
    border-radius: 999px;
    font-size: 0.62rem;
    font-weight: 700;
    letter-spacing: 0.03em;
    text-transform: uppercase;
    white-space: normal;
    text-align: right;
    line-height: 1.25;
    min-width: 0;
    max-width: calc(100% - 56px);
    hyphens: none;
}

.hub-card__badge--purple {
    color: #e5e7eb;
    border: 1px solid rgba(200, 205, 214, 0.3);
    background: rgba(200, 205, 214, 0.1);
}

.hub-card__badge--red {
    color: #fca5a5;
    border: 1px solid rgba(229, 9, 20, 0.35);
    background: rgba(229, 9, 20, 0.12);
}

.hub-card__badge--green {
    color: #86efac;
    border: 1px solid rgba(16, 163, 127, 0.35);
    background: rgba(16, 163, 127, 0.12);
}

.hub-card__badge--cyan {
    color: #67e8f9;
    border: 1px solid rgba(34, 211, 238, 0.35);
    background: rgba(34, 211, 238, 0.12);
}

.hub-card__title {
    position: relative;
    z-index: 1;
    margin: 0 0 8px;
    font-size: 1.55rem;
    font-weight: 800;
    color: #f8fafc;
    letter-spacing: -0.02em;
}

.hub-card--netflix .hub-card__title {
    color: #fff;
}

.hub-card--chatgpt .hub-card__title {
    color: #fff;
}

.hub-card--contas .hub-card__title {
    color: #fff;
}

.hub-card__text {
    position: relative;
    z-index: 1;
    margin: 0;
    color: #94a3b8;
    font-size: 0.9rem;
    line-height: 1.6;
    flex: 1;
    max-width: 36ch;
}

.hub-card--netflix .hub-card__text {
    color: #a3a3a3;
}

.hub-card--chatgpt .hub-card__text {
    color: #94a3b8;
}

.hub-card__stats {
    position: relative;
    z-index: 1;
    display: grid;
    grid-template-columns: repeat(2, minmax(0, 1fr));
    gap: 12px;
    margin: 22px 0 20px;
}

.hub-card__stat {
    display: flex;
    flex-direction: column;
    gap: 4px;
    padding: 14px 16px;
    border-radius: 14px;
    border: 1px solid rgba(255, 255, 255, 0.07);
    background: rgba(0, 0, 0, 0.22);
}

.hub-card--followers .hub-card__stat {
    background: rgba(124, 58, 237, 0.08);
    border-color: rgba(200, 205, 214, 0.15);
}

.hub-card--netflix .hub-card__stat {
    background: rgba(229, 9, 20, 0.08);
    border-color: rgba(229, 9, 20, 0.18);
}

.hub-card--chatgpt .hub-card__stat {
    background: rgba(16, 163, 127, 0.08);
    border-color: rgba(16, 163, 127, 0.18);
}

.hub-card--contas .hub-card__stat {
    background: rgba(34, 211, 238, 0.08);
    border-color: rgba(34, 211, 238, 0.18);
}

.hub-card__stat strong {
    font-size: 1.5rem;
    font-weight: 800;
    color: #f8fafc;
    line-height: 1;
    letter-spacing: -0.02em;
}

.hub-card--followers .hub-card__stat strong {
    color: #ede9fe;
}

.hub-card--netflix .hub-card__stat strong {
    color: #fff;
}

.hub-card--chatgpt .hub-card__stat strong {
    color: #fff;
}

.hub-card--contas .hub-card__stat strong {
    color: #fff;
}

.hub-card__stat span {
    font-size: 0.7rem;
    font-weight: 600;
    color: #64748b;
    text-transform: uppercase;
    letter-spacing: 0.04em;
}

.hub-card--netflix .hub-card__stat span {
    color: #737373;
}

.hub-card--chatgpt .hub-card__stat span {
    color: #64748b;
}

.hub-card__btn {
    position: relative;
    z-index: 1;
    display: flex;
    align-items: center;
    justify-content: center;
    gap: 8px;
    width: 100%;
    margin-top: auto;
    padding: 14px 18px;
    border-radius: 14px;
    font-size: 0.92rem;
    font-weight: 700;
    transition: filter 0.15s ease, transform 0.15s ease;
}

.hub-card:hover .hub-card__btn {
    filter: brightness(1.06);
}

.hub-card__btn--purple {
    color: #fff;
    background: linear-gradient(90deg, #9ca3af 0%, #6366f1 50%, #3b82f6 100%);
    box-shadow: 0 10px 32px rgba(124, 58, 237, 0.35);
}

.hub-card__btn--red {
    color: #fff;
    background: linear-gradient(90deg, #e50914 0%, #b20710 100%);
    box-shadow: 0 10px 32px rgba(229, 9, 20, 0.35);
}

.hub-card__btn--green {
    color: #fff;
    background: linear-gradient(90deg, #10a37f 0%, #1a7f64 100%);
    box-shadow: 0 10px 32px rgba(16, 163, 127, 0.35);
}

.hub-card__btn--cyan {
    color: #fff;
    background: linear-gradient(90deg, #06b6d4 0%, #0284c7 100%);
    box-shadow: 0 10px 32px rgba(34, 211, 238, 0.35);
}

.hub-page__footer {
    text-align: center;
    margin-top: auto;
    padding-top: 8px;
    color: #475569;
    font-size: 0.76rem;
    letter-spacing: 0.02em;
}

/* ——— Checkout PRO (ativar / resgatar) ——— */

body.checkout-page {
    min-height: 100vh;
    min-height: 100dvh;
    margin: 0;
    background: #080b12;
    position: relative;
    overflow-x: hidden;
    -webkit-text-size-adjust: 100%;
    font-family: "Inter", "Segoe UI", system-ui, -apple-system, sans-serif;
}

.checkout-page__glow {
    position: fixed;
    inset: 0;
    background:
        radial-gradient(ellipse 80% 50% at 50% -20%, rgba(124, 58, 237, 0.35) 0%, transparent 55%),
        radial-gradient(circle at 80% 80%, rgba(59, 130, 246, 0.12) 0%, transparent 40%),
        #080b12;
    pointer-events: none;
}

.checkout-page__wrap {
    position: relative;
    z-index: 1;
    width: min(440px, 100%);
    margin: 0 auto;
    padding:
        max(28px, env(safe-area-inset-top, 0px))
        max(16px, env(safe-area-inset-right, 0px))
        max(36px, env(safe-area-inset-bottom, 0px))
        max(16px, env(safe-area-inset-left, 0px));
    min-height: 100vh;
    min-height: 100dvh;
    display: flex;
    align-items: center;
    justify-content: center;
}

.checkout-pro {
    width: 100%;
    padding: 22px 22px 18px;
    border-radius: 20px;
    border: 1px solid rgba(139, 92, 246, 0.35);
    background: linear-gradient(165deg, rgba(22, 18, 38, 0.97) 0%, rgba(12, 14, 24, 0.98) 100%);
    box-shadow:
        0 0 0 1px rgba(255, 255, 255, 0.04) inset,
        0 24px 80px rgba(0, 0, 0, 0.55),
        0 0 60px rgba(124, 58, 237, 0.12);
}

.checkout-pro__badge {
    display: inline-flex;
    align-items: center;
    gap: 8px;
    padding: 6px 14px;
    border-radius: 999px;
    font-size: 0.68rem;
    font-weight: 700;
    letter-spacing: 0.12em;
    color: #c4b5fd;
    background: rgba(124, 58, 237, 0.15);
    border: 1px solid rgba(167, 139, 250, 0.45);
    box-shadow: 0 0 20px rgba(124, 58, 237, 0.25);
    margin-bottom: 16px;
}

.checkout-pro__badge--success {
    color: #86efac;
    background: rgba(34, 197, 94, 0.12);
    border-color: rgba(34, 197, 94, 0.4);
    box-shadow: 0 0 20px rgba(34, 197, 94, 0.2);
}

.checkout-pro__badge--error {
    color: #fca5a5;
    background: rgba(239, 68, 68, 0.12);
    border-color: rgba(239, 68, 68, 0.35);
}

.checkout-pro__badge--pending {
    color: #bfdbfe;
    background: rgba(37, 99, 235, 0.15);
    border-color: rgba(96, 165, 250, 0.4);
    box-shadow: 0 0 20px rgba(59, 130, 246, 0.2);
}

.checkout-pro__badge-dot {
    width: 7px;
    height: 7px;
    border-radius: 50%;
    background: #a78bfa;
    box-shadow: 0 0 8px #a78bfa;
}

.checkout-pro__badge--success .checkout-pro__badge-dot { background: #4ade80; box-shadow: 0 0 8px #4ade80; }
.checkout-pro__badge--error .checkout-pro__badge-dot { background: #f87171; box-shadow: 0 0 8px #f87171; }
.checkout-pro__badge--pending .checkout-pro__badge-dot { background: #60a5fa; box-shadow: 0 0 8px #60a5fa; animation: checkout-pulse 1.6s ease-in-out infinite; }

@keyframes checkout-pulse {
    0%, 100% { opacity: 1; transform: scale(1); }
    50% { opacity: 0.55; transform: scale(0.92); }
}

.checkout-status {
    margin-top: 8px;
}

.checkout-status__title {
    margin: 0 0 8px;
    font-size: 1.25rem;
    color: #f8fafc;
    text-align: center;
}

.checkout-status__message {
    margin: 0 0 20px;
    font-size: 0.9rem;
    line-height: 1.55;
    color: #94a3b8;
    text-align: center;
}

.checkout-status__steps {
    list-style: none;
    margin: 0 0 22px;
    padding: 0;
    display: flex;
    flex-direction: column;
    gap: 12px;
}

.checkout-status__step {
    display: flex;
    align-items: center;
    gap: 12px;
    padding: 12px 14px;
    border-radius: 12px;
    background: rgba(15, 23, 42, 0.55);
    border: 1px solid rgba(100, 116, 139, 0.2);
    color: #64748b;
}

.checkout-status__step--done {
    color: #cbd5e1;
    border-color: rgba(34, 197, 94, 0.25);
}

.checkout-status__step--active {
    color: #e2e8f0;
    border-color: rgba(96, 165, 250, 0.45);
    background: rgba(30, 58, 138, 0.25);
}

.checkout-status__step--error {
    color: #fecaca;
    border-color: rgba(248, 113, 113, 0.35);
    background: rgba(127, 29, 29, 0.2);
}

.checkout-status__step-dot {
    width: 12px;
    height: 12px;
    border-radius: 50%;
    flex-shrink: 0;
    background: #475569;
}

.checkout-status__step--done .checkout-status__step-dot {
    background: #4ade80;
    box-shadow: 0 0 8px rgba(74, 222, 128, 0.45);
}

.checkout-status__step--active .checkout-status__step-dot {
    background: #60a5fa;
    box-shadow: 0 0 8px rgba(96, 165, 250, 0.5);
    animation: checkout-pulse 1.6s ease-in-out infinite;
}

.checkout-status__step--error .checkout-status__step-dot {
    background: #f87171;
}

.checkout-status__step-label {
    font-size: 0.92rem;
    font-weight: 600;
}

.checkout-status__meta {
    margin: 0 0 16px;
    padding: 14px 16px;
    border-radius: 12px;
    background: rgba(15, 23, 42, 0.45);
    border: 1px solid rgba(100, 116, 139, 0.18);
}

.checkout-status__meta-row {
    display: flex;
    justify-content: space-between;
    gap: 12px;
    padding: 6px 0;
    font-size: 0.86rem;
}

.checkout-status__meta-row:not(:last-child) {
    border-bottom: 1px solid rgba(100, 116, 139, 0.12);
}

.checkout-status__meta-row dt {
    margin: 0;
    color: #64748b;
    font-weight: 500;
}

.checkout-status__meta-row dd {
    margin: 0;
    color: #e2e8f0;
    font-weight: 600;
    text-align: right;
    word-break: break-word;
}

.checkout-status__refresh {
    margin: 0;
    text-align: center;
    font-size: 0.8rem;
}

.checkout-pro__brand {
    display: flex;
    align-items: center;
    justify-content: center;
    gap: 10px;
    margin-bottom: 14px;
}

.checkout-pro__brand-logo {
    height: 40px;
    width: 40px;
    max-width: 40px;
    object-fit: cover;
    border-radius: 50%;
    border: 1px solid rgba(255, 255, 255, 0.1);
}

.checkout-pro__brand-name {
    font-size: 0.95rem;
    font-weight: 700;
    color: #e2e8f0;
    letter-spacing: 0.02em;
}

.checkout-pro__title {
    display: flex;
    align-items: center;
    gap: 8px;
    margin: 0 0 16px;
    font-size: 1.05rem;
    font-weight: 600;
    color: #f1f5f9;
    line-height: 1.4;
}

.checkout-pro__title svg {
    flex-shrink: 0;
    color: #a5b4fc;
}

.checkout-pro__hero {
    text-align: center;
    padding: 20px 16px;
    margin-bottom: 16px;
    border-radius: 14px;
    background: rgba(15, 12, 28, 0.8);
    border: 1px solid rgba(139, 92, 246, 0.2);
}

.checkout-pro__hero-qty {
    font-size: 2.6rem;
    font-weight: 800;
    line-height: 1;
    letter-spacing: -0.03em;
    background: linear-gradient(135deg, #c084fc 0%, #818cf8 50%, #38bdf8 100%);
    -webkit-background-clip: text;
    -webkit-text-fill-color: transparent;
    background-clip: text;
    filter: drop-shadow(0 0 24px rgba(167, 139, 250, 0.45));
    margin-bottom: 6px;
}

.checkout-pro__hero-name {
    font-size: 0.95rem;
    font-weight: 600;
    color: #cbd5e1;
}

.checkout-pro__info {
    padding: 14px 16px;
    margin-bottom: 14px;
    border-radius: 12px;
    border: 1px solid rgba(139, 92, 246, 0.35);
    background: rgba(124, 58, 237, 0.06);
}

.checkout-pro__info-title {
    display: flex;
    align-items: center;
    gap: 6px;
    font-size: 0.72rem;
    font-weight: 700;
    letter-spacing: 0.06em;
    color: #c4b5fd;
    margin-bottom: 8px;
}

.checkout-pro__info p {
    margin: 0;
    font-size: 0.82rem;
    line-height: 1.55;
    color: #94a3b8;
}

.checkout-pro__info strong {
    color: #e2e8f0;
    font-weight: 600;
}

.checkout-pro__tips {
    list-style: none;
    margin: 0 0 18px;
    padding: 0;
    display: flex;
    flex-direction: column;
    gap: 8px;
}

.checkout-pro__tips li {
    display: flex;
    align-items: flex-start;
    gap: 8px;
    font-size: 0.8rem;
    line-height: 1.45;
    color: #64748b;
}

.checkout-pro__tips li span {
    flex-shrink: 0;
    display: flex;
    align-items: center;
    margin-top: 1px;
    color: #94a3b8;
}

.checkout-pro__tips strong {
    color: #cbd5e1;
}

.checkout-pro__alert {
    padding: 10px 14px;
    margin-bottom: 14px;
    border-radius: 10px;
    font-size: 0.85rem;
    color: #fecaca;
    background: rgba(239, 68, 68, 0.12);
    border: 1px solid rgba(239, 68, 68, 0.35);
}

.checkout-pro__form {
    display: flex;
    flex-direction: column;
    gap: 14px;
}

.checkout-pro__field label {
    display: flex;
    align-items: center;
    gap: 6px;
    margin-bottom: 8px;
    font-size: 0.82rem;
    font-weight: 600;
    color: #cbd5e1;
}

.checkout-pro__field label svg {
    flex-shrink: 0;
    color: #94a3b8;
}

.checkout-pro__input-wrap {
    display: flex;
    align-items: center;
    border-radius: 12px;
    background: rgba(8, 10, 18, 0.9);
    border: 1px solid rgba(100, 116, 139, 0.25);
    overflow: hidden;
}

.checkout-pro__input-wrap--glow {
    border-color: rgba(167, 139, 250, 0.55);
    box-shadow: 0 0 0 1px rgba(167, 139, 250, 0.15), 0 0 28px rgba(124, 58, 237, 0.2);
}

.checkout-pro__at {
    padding: 0 0 0 14px;
    color: #64748b;
    font-weight: 600;
    font-size: 1rem;
    flex-shrink: 0;
}

.checkout-pro__sep {
    padding: 0 10px 0 6px;
    color: #475569;
    font-weight: 400;
    font-size: 0.95rem;
    flex-shrink: 0;
    user-select: none;
}

.checkout-pro__input {
    width: 100%;
    min-width: 0;
    padding: 14px 14px 14px 0;
    border: none;
    background: transparent;
    color: #f1f5f9;
    font-size: 1rem;
    outline: none;
}

.checkout-pro__input--order {
    padding: 14px 16px;
    border-radius: 12px;
    background: rgba(8, 10, 18, 0.9);
    border: 1px solid rgba(100, 116, 139, 0.25);
    color: #f1f5f9;
    font-size: 1rem;
    letter-spacing: 0.04em;
}

.checkout-pro__input--order:focus {
    border-color: rgba(167, 139, 250, 0.45);
    outline: none;
}

.checkout-pro__input::placeholder {
    color: #475569;
}

.checkout-pro__submit {
    display: flex;
    align-items: center;
    justify-content: center;
    gap: 8px;
    width: 100%;
    margin-top: 4px;
    padding: 16px 20px;
    border: none;
    border-radius: 14px;
    font-size: 0.95rem;
    font-weight: 700;
    color: white;
    cursor: pointer;
    background: linear-gradient(90deg, #9ca3af 0%, #6366f1 45%, #3b82f6 100%);
    box-shadow:
        0 8px 32px rgba(124, 58, 237, 0.45),
        0 0 40px rgba(99, 102, 241, 0.25);
    transition: transform 0.15s ease, box-shadow 0.15s ease;
}

.checkout-pro__submit:hover {
    transform: translateY(-1px);
    box-shadow:
        0 12px 40px rgba(124, 58, 237, 0.55),
        0 0 50px rgba(99, 102, 241, 0.3);
}

.checkout-pro__submit:active {
    transform: translateY(0);
}

.checkout-pro__continue.is-loading {
    opacity: 0.85;
    cursor: wait;
}

.checkout-pro__confirm-title {
    margin: 0 0 12px;
    font-size: 0.92rem;
    font-weight: 600;
    color: #e2e8f0;
    text-align: center;
}

.checkout-pro__profile-card {
    display: flex;
    align-items: center;
    gap: 14px;
    padding: 16px;
    margin-bottom: 16px;
    border-radius: 14px;
    background: rgba(15, 12, 28, 0.85);
    border: 1px solid rgba(139, 92, 246, 0.35);
    box-shadow: 0 0 24px rgba(124, 58, 237, 0.12);
}

.checkout-pro__profile-avatar-wrap {
    flex-shrink: 0;
    width: 56px;
    height: 56px;
}

.checkout-pro__profile-avatar {
    display: block;
    width: 56px;
    height: 56px;
    max-width: none;
    border-radius: 50%;
    object-fit: cover;
    border: 2px solid rgba(167, 139, 250, 0.45);
    box-shadow: 0 4px 16px rgba(0, 0, 0, 0.35);
}

.checkout-pro__profile-avatar--fallback {
    display: flex;
    align-items: center;
    justify-content: center;
    font-size: 1.35rem;
    font-weight: 800;
    color: #e9d5ff;
    background: linear-gradient(135deg, rgba(124, 58, 237, 0.5), rgba(59, 130, 246, 0.4));
}

.checkout-pro__profile-body {
    min-width: 0;
    display: flex;
    flex-direction: column;
    gap: 4px;
}

.checkout-pro__profile-name {
    font-size: 0.95rem;
    font-weight: 700;
    color: #f8fafc;
    line-height: 1.3;
    word-break: break-word;
}

.checkout-pro__profile-handle {
    font-size: 0.85rem;
    font-weight: 600;
    color: #c4b5fd;
}

.checkout-pro__profile-stat {
    display: inline-flex;
    align-items: center;
    width: fit-content;
    padding: 4px 10px;
    border-radius: 999px;
    font-size: 0.72rem;
    font-weight: 600;
    color: #93c5fd;
    background: rgba(59, 130, 246, 0.12);
    border: 1px solid rgba(96, 165, 250, 0.18);
}

.checkout-pro__profile-link {
    font-size: 0.78rem;
    color: #93c5fd;
    text-decoration: none;
    margin-top: 2px;
}

.checkout-pro__profile-link:hover {
    color: #bfdbfe;
    text-decoration: underline;
}

.checkout-pro__profile-note {
    margin: 6px 0 0;
    font-size: 0.75rem;
    line-height: 1.4;
    color: #64748b;
}

.checkout-pro__preview-live {
    margin-bottom: 4px;
}

.checkout-pro__preview-live-label {
    margin: 0 0 10px;
    font-size: 0.78rem;
    font-weight: 700;
    letter-spacing: 0.06em;
    text-transform: uppercase;
    color: #94a3b8;
}

.checkout-pro__profile-card--live {
    margin: 0;
    animation: checkoutPreviewIn 0.35s ease-out both;
}

.checkout-pro__profile-card--loading {
    display: flex;
    align-items: center;
    gap: 14px;
    padding: 16px;
    border-radius: 16px;
    background: rgba(15, 23, 42, 0.55);
    border: 1px solid rgba(100, 116, 139, 0.22);
}

.checkout-pro__profile-card-inner {
    display: flex;
    align-items: center;
    gap: 16px;
    width: 100%;
}

.checkout-pro__profile-card-inner--compact {
    gap: 14px;
}

.checkout-pro__profile-avatar-wrap--lg .checkout-pro__profile-avatar {
    width: 64px;
    height: 64px;
}

.checkout-pro__profile-avatar-wrap--sm .checkout-pro__profile-avatar {
    width: 52px;
    height: 52px;
}

.checkout-pro__profile-stat-block {
    display: flex;
    flex-direction: column;
    gap: 2px;
    margin-top: 8px;
    padding: 8px 12px;
    border-radius: 10px;
    background: rgba(var(--theme-primary-rgb, 99, 102, 241), 0.1);
    border: 1px solid rgba(var(--theme-primary-rgb, 99, 102, 241), 0.18);
    width: fit-content;
}

.checkout-pro__profile-stat-value {
    font-size: 1rem;
    font-weight: 800;
    letter-spacing: -0.02em;
    color: #f1f5f9;
    line-height: 1.1;
}

.checkout-pro__profile-stat-label {
    font-size: 0.68rem;
    font-weight: 600;
    letter-spacing: 0.06em;
    text-transform: uppercase;
    color: #94a3b8;
}

.checkout-pro__profile-skeleton {
    border-radius: 999px;
    background: linear-gradient(90deg, rgba(255,255,255,0.04) 25%, rgba(255,255,255,0.1) 50%, rgba(255,255,255,0.04) 75%);
    background-size: 200% 100%;
    animation: checkoutSkeleton 1.2s ease-in-out infinite;
}

.checkout-pro__profile-skeleton--avatar {
    width: 52px;
    height: 52px;
    flex-shrink: 0;
}

.checkout-pro__profile-skeleton-lines {
    flex: 1;
    display: flex;
    flex-direction: column;
    gap: 8px;
}

.checkout-pro__profile-skeleton--line {
    height: 12px;
    border-radius: 999px;
    width: 72%;
}

.checkout-pro__profile-skeleton--line.short {
    width: 42%;
}

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

@keyframes checkoutSkeleton {
    0% { background-position: 200% 0; }
    100% { background-position: -200% 0; }
}

.checkout-success-burst {
    position: relative;
    width: 88px;
    height: 88px;
    margin: 0 auto 18px;
}

.checkout-success-burst--compact {
    width: 72px;
    height: 72px;
    margin-bottom: 14px;
}

.checkout-success-burst__ring {
    position: absolute;
    inset: 0;
    border-radius: 50%;
    border: 3px solid rgba(74, 222, 128, 0.35);
    animation: checkoutSuccessRing 0.7s cubic-bezier(0.34, 1.4, 0.64, 1) both;
}

.checkout-success-burst__check {
    position: absolute;
    inset: 0;
    display: flex;
    align-items: center;
    justify-content: center;
    color: #86efac;
    animation: checkoutSuccessPop 0.55s cubic-bezier(0.34, 1.56, 0.64, 1) 0.08s both;
}

.checkout-success-burst__particle {
    position: absolute;
    top: 50%;
    left: 50%;
    width: 6px;
    height: 6px;
    margin: -3px 0 0 -3px;
    border-radius: 50%;
    opacity: 0;
}

.checkout-status--celebrate .checkout-success-burst__particle {
    animation: checkoutConfetti 0.75s ease-out 0.15s both;
}

.checkout-success-burst__particle--1 { background: #4ade80; --tx: -34px; --ty: -28px; }
.checkout-success-burst__particle--2 { background: #86efac; --tx: 32px; --ty: -24px; animation-delay: 0.2s; }
.checkout-success-burst__particle--3 { background: #bbf7d0; --tx: -28px; --ty: 22px; animation-delay: 0.18s; }
.checkout-success-burst__particle--4 { background: #22c55e; --tx: 26px; --ty: 26px; animation-delay: 0.22s; }
.checkout-success-burst__particle--5 { background: #a7f3d0; --tx: 0px; --ty: -36px; animation-delay: 0.25s; }
.checkout-success-burst__particle--6 { background: #6ee7b7; --tx: -8px; --ty: 34px; animation-delay: 0.28s; }

@keyframes checkoutSuccessPop {
    0% { transform: scale(0); opacity: 0; }
    100% { transform: scale(1); opacity: 1; }
}

@keyframes checkoutSuccessRing {
    0% { transform: scale(0.6); opacity: 0; }
    100% { transform: scale(1); opacity: 1; }
}

@keyframes checkoutConfetti {
    0% {
        opacity: 1;
        transform: translate(0, 0) scale(1);
    }
    100% {
        opacity: 0;
        transform: translate(var(--tx), var(--ty)) scale(0.4);
    }
}

.checkout-status--celebrate .checkout-status__title {
    animation: checkoutPreviewIn 0.45s ease-out 0.2s both;
}

.checkout-state--animate .checkout-success-burst {
    animation: checkoutPreviewIn 0.4s ease-out both;
}

.checkout-pro__continue:disabled {
    opacity: 0.45;
    cursor: not-allowed;
    transform: none !important;
}

.checkout-pro__confirm-actions {
    display: flex;
    flex-direction: column;
    gap: 10px;
}

.checkout-pro__btn-back {
    width: 100%;
    padding: 12px 16px;
    border-radius: 12px;
    border: 1px solid rgba(100, 116, 139, 0.35);
    background: transparent;
    color: #94a3b8;
    font-size: 0.88rem;
    font-weight: 600;
    cursor: pointer;
    transition: border-color 0.15s, color 0.15s;
    -webkit-tap-highlight-color: transparent;
}

.checkout-pro__btn-back:hover {
    border-color: rgba(167, 139, 250, 0.45);
    color: #e2e8f0;
}

.checkout-pro__secure {
    margin-top: 16px;
    padding-top: 14px;
    border-top: 1px solid rgba(100, 116, 139, 0.15);
    text-align: center;
    font-size: 0.72rem;
    font-weight: 600;
    letter-spacing: 0.08em;
    color: #475569;
    display: flex;
    align-items: center;
    justify-content: center;
    gap: 6px;
    font-family: ui-monospace, monospace;
}

.checkout-state {
    text-align: center;
    padding: 16px 0 8px;
}

.checkout-state h2 {
    margin: 0 0 10px;
    font-size: 1.4rem;
    color: #f1f5f9;
}

.checkout-state__text {
    margin: 0;
    font-size: 0.9rem;
    color: #94a3b8;
    line-height: 1.5;
}

.checkout-state__icon {
    width: 64px;
    height: 64px;
    margin: 0 auto 16px;
    border-radius: 50%;
    display: flex;
    align-items: center;
    justify-content: center;
    font-size: 1.8rem;
    font-weight: 700;
    background: rgba(99, 102, 241, 0.15);
    color: #a5b4fc;
    border: 2px solid rgba(99, 102, 241, 0.35);
}

.checkout-state--success .checkout-state__icon {
    background: rgba(34, 197, 94, 0.15);
    color: #86efac;
    border-color: rgba(34, 197, 94, 0.4);
}

.checkout-state--error .checkout-state__icon {
    background: rgba(239, 68, 68, 0.12);
    color: #fca5a5;
    border-color: rgba(239, 68, 68, 0.35);
}

.checkout-ref {
    margin-top: 12px;
    font-size: 0.82rem;
    color: #64748b;
    font-family: ui-monospace, monospace;
}

@media (max-width: 480px) {
    .checkout-page__wrap {
        width: 100%;
        max-width: 100%;
        padding:
            max(14px, env(safe-area-inset-top, 0px))
            max(12px, env(safe-area-inset-right, 0px))
            max(18px, env(safe-area-inset-bottom, 0px))
            max(12px, env(safe-area-inset-left, 0px));
        align-items: center;
        justify-content: center;
    }

    .checkout-pro {
        width: 100%;
        max-width: 100%;
        padding: 20px 18px 16px;
        border-radius: 18px;
        border-width: 1px;
        box-shadow:
            0 0 0 1px rgba(255, 255, 255, 0.04) inset,
            0 16px 48px rgba(0, 0, 0, 0.5),
            0 0 48px rgba(124, 58, 237, 0.14);
    }

    .checkout-pro__badge {
        margin-bottom: 14px;
        font-size: 0.65rem;
        padding: 5px 12px;
    }

    .checkout-pro__brand {
        margin-bottom: 12px;
    }

    .checkout-pro__brand-name {
        font-size: 0.92rem;
    }

    .checkout-pro__title {
        font-size: 1rem;
        margin-bottom: 14px;
    }

    .checkout-pro__hero {
        padding: 18px 14px;
        margin-bottom: 14px;
        border-radius: 12px;
    }

    .checkout-pro__hero-qty {
        font-size: 2.35rem;
    }

    .checkout-pro__hero-name {
        font-size: 0.9rem;
    }

    .checkout-pro__info {
        padding: 12px 14px;
        margin-bottom: 12px;
    }

    .checkout-pro__info p {
        font-size: 0.8rem;
    }

    .checkout-pro__tips {
        margin-bottom: 16px;
        gap: 10px;
    }

    .checkout-pro__tips li {
        font-size: 0.78rem;
        line-height: 1.5;
    }

    .checkout-pro__field label {
        font-size: 0.8rem;
    }

    .checkout-pro__input-wrap,
    .checkout-pro__input,
    .checkout-pro__input--order {
        font-size: 16px;
    }

    .checkout-pro__input-wrap {
        min-height: 50px;
    }

    .checkout-pro__submit {
        padding: 15px 18px;
        font-size: 0.92rem;
        border-radius: 12px;
        min-height: 52px;
        -webkit-tap-highlight-color: transparent;
    }

    .checkout-pro__secure {
        margin-top: 14px;
        padding-top: 12px;
        font-size: 0.68rem;
        word-break: break-all;
    }

    .checkout-pro__profile-card {
        gap: 12px;
        padding: 14px;
    }

    .checkout-pro__profile-avatar-wrap {
        width: 56px;
        height: 56px;
    }

    .checkout-pro__profile-avatar {
        width: 56px;
        height: 56px;
    }

    .checkout-pro__confirm-title {
        font-size: 0.88rem;
    }

    .checkout-state h2 {
        font-size: 1.25rem;
    }
}

@media (max-width: 360px) {
    .checkout-pro {
        padding: 18px 14px 14px;
    }

    .checkout-pro__hero-qty {
        font-size: 2.1rem;
    }

    .checkout-pro__at {
        padding-left: 12px;
    }

    .checkout-pro__sep {
        padding: 0 8px 0 4px;
    }
}

.brand-preview {
    display: flex;
    align-items: center;
    gap: 16px;
    margin-bottom: 12px;
    padding: 12px;
    background: var(--bg);
    border-radius: 10px;
    border: 1px solid var(--border);
}

.brand-preview img {
    height: 48px;
    max-width: 160px;
    object-fit: contain;
}

body.admin {
    margin: 0;
    min-height: 100vh;
    background: #050a12;
    color: var(--text);
}

/* ——— Admin shell (estilo GameMarket) ——— */

.admin-shell {
    display: flex;
    min-height: 100vh;
    background: #050a12;
}

.sidebar {
    width: 240px;
    flex-shrink: 0;
    background: #0a1018;
    border-right: 1px solid rgba(59, 130, 246, 0.12);
    display: flex;
    flex-direction: column;
    position: sticky;
    top: 0;
    height: 100vh;
}

.sidebar__brand {
    display: flex;
    align-items: center;
    gap: 10px;
    padding: 20px 18px;
    border-bottom: 1px solid rgba(255, 255, 255, 0.06);
}

.sidebar__brand--logo {
    flex-direction: column;
    align-items: center;
    justify-content: center;
    gap: 0;
    padding: 18px 14px 16px;
}

.sidebar__logo {
    height: 36px;
    width: 36px;
    max-width: 36px;
    object-fit: cover;
    border-radius: 50%;
    border: 1px solid rgba(255, 255, 255, 0.08);
}

.sidebar__logo--full {
    width: 72px;
    height: 72px;
    max-height: 72px;
    max-width: 72px;
    object-fit: cover;
    border-radius: 50%;
    border: 2px solid rgba(255, 255, 255, 0.1);
    filter: drop-shadow(0 4px 16px rgba(200, 205, 214, 0.25));
    box-shadow: 0 0 0 1px rgba(255, 255, 255, 0.04) inset;
}

.sidebar__icon {
    width: 36px;
    height: 36px;
    border-radius: 10px;
    display: flex;
    align-items: center;
    justify-content: center;
    font-weight: 800;
    background: linear-gradient(135deg, #2563eb, #06b6d4);
    color: white;
    font-size: 1rem;
}

.sidebar__name {
    font-weight: 700;
    font-size: 0.95rem;
    letter-spacing: 0.01em;
}

.sidebar__module {
    display: flex;
    align-items: center;
    justify-content: space-between;
    gap: 8px;
    margin: 0 12px 12px;
    padding: 10px 12px;
    border-radius: 12px;
    border: 1px solid rgba(255, 255, 255, 0.08);
    background: rgba(255, 255, 255, 0.03);
}

.sidebar__module-badge {
    display: inline-flex;
    align-items: center;
    gap: 6px;
    font-size: 0.78rem;
    font-weight: 700;
    letter-spacing: 0.04em;
    text-transform: uppercase;
}

.sidebar__module-badge--followers {
    color: #c4b5fd;
}

.sidebar__module-badge--netflix {
    color: #fca5a5;
}

.sidebar__module-badge--chatgpt {
    color: #86efac;
}

.sidebar__module-badge--contas {
    color: #67e8f9;
}

.sidebar__module-switch {
    display: inline-flex;
    align-items: center;
    gap: 4px;
    font-size: 0.72rem;
    font-weight: 600;
    color: #94a3b8;
    text-decoration: none;
    white-space: nowrap;
}

.sidebar__module-switch:hover {
    color: #e2e8f0;
}

.sidebar__nav {
    flex: 1;
    padding: 16px 12px;
    overflow-y: auto;
    overflow-x: hidden;
    scrollbar-width: thin;
    scrollbar-color: rgba(148, 163, 184, 0.35) transparent;
}

.sidebar__nav::-webkit-scrollbar {
    width: 6px;
}

.sidebar__nav::-webkit-scrollbar-track {
    background: transparent;
    margin: 8px 0;
}

.sidebar__nav::-webkit-scrollbar-thumb {
    background: rgba(148, 163, 184, 0.28);
    border-radius: 999px;
}

.sidebar__nav::-webkit-scrollbar-thumb:hover {
    background: rgba(148, 163, 184, 0.5);
}

.sidebar__nav::-webkit-scrollbar-button {
    display: none;
    height: 0;
    width: 0;
}

.sidebar__label {
    font-size: 0.68rem;
    font-weight: 700;
    letter-spacing: 0.1em;
    color: #64748b;
    padding: 0 10px 10px;
    text-transform: uppercase;
}

.sidebar__label:not(:first-child) {
    margin-top: 18px;
    padding-top: 14px;
    border-top: 1px solid rgba(255, 255, 255, 0.06);
}

.sidebar__link {
    position: relative;
    display: flex;
    align-items: center;
    gap: 10px;
    padding: 9px 12px;
    margin-bottom: 4px;
    border-radius: 10px;
    color: #94a3b8;
    text-decoration: none;
    font-size: 0.92rem;
    transition: background 0.15s, color 0.15s;
}

.sidebar__link:hover {
    background: rgba(255, 255, 255, 0.04);
    color: #e2e8f0;
}

.sidebar__link.is-active {
    background: linear-gradient(135deg, rgba(59, 130, 246, 0.16), rgba(200, 205, 214, 0.1));
    color: #fff;
    box-shadow: inset 3px 0 0 0 #60a5fa, inset 0 0 0 1px rgba(255, 255, 255, 0.08);
}

.sidebar__link-icon {
    flex-shrink: 0;
    width: 30px;
    height: 30px;
    display: flex;
    align-items: center;
    justify-content: center;
    border-radius: 9px;
    font-size: 0.92rem;
    background: rgba(148, 163, 184, 0.08);
    transition: background 0.15s, transform 0.15s;
}

.sidebar__link:hover .sidebar__link-icon {
    transform: translateY(-1px);
}

.sidebar__link-icon--blue { background: rgba(59, 130, 246, 0.18); color: #93c5fd; }
.sidebar__link-icon--purple { background: rgba(200, 205, 214, 0.18); color: #e5e7eb; }
.sidebar__link-icon--pink { background: rgba(244, 63, 94, 0.18); color: #fda4af; }
.sidebar__link-icon--cyan { background: rgba(34, 211, 238, 0.18); color: #67e8f9; }
.sidebar__link-icon--green { background: rgba(34, 197, 94, 0.18); color: #86efac; }
.sidebar__link-icon--teal { background: rgba(45, 212, 191, 0.18); color: #5eead4; }
.sidebar__link-icon--indigo { background: rgba(99, 102, 241, 0.18); color: #a5b4fc; }
.sidebar__link-icon--amber { background: rgba(245, 158, 11, 0.18); color: #fcd34d; }
.sidebar__link-icon--red { background: rgba(239, 68, 68, 0.18); color: #fca5a5; }

.sidebar__link-badge {
    margin-left: auto;
    min-width: 20px;
    height: 20px;
    padding: 0 6px;
    border-radius: 999px;
    background: rgba(239, 68, 68, 0.85);
    color: #fff;
    font-size: 0.68rem;
    font-weight: 700;
    display: inline-flex;
    align-items: center;
    justify-content: center;
}

.sidebar__footer {
    padding: 14px 18px;
    border-top: 1px solid rgba(255, 255, 255, 0.06);
}

.sidebar__user-card {
    display: flex;
    align-items: center;
    gap: 10px;
    padding: 8px;
    border-radius: 12px;
    background: rgba(255, 255, 255, 0.03);
    border: 1px solid rgba(255, 255, 255, 0.06);
}

.sidebar__avatar {
    flex-shrink: 0;
    width: 34px;
    height: 34px;
    border-radius: 50%;
    display: flex;
    align-items: center;
    justify-content: center;
    font-weight: 700;
    font-size: 0.85rem;
    color: #fff;
    background: linear-gradient(135deg, #2563eb, #c8cdd6);
}

.sidebar__user-info {
    display: flex;
    flex-direction: column;
    min-width: 0;
    flex: 1;
    line-height: 1.3;
}

.sidebar__user-name {
    font-size: 0.85rem;
    font-weight: 600;
    color: #e2e8f0;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
}

.sidebar__user-role {
    font-size: 0.72rem;
    color: #64748b;
}

.sidebar__logout {
    flex-shrink: 0;
    display: flex;
    align-items: center;
    justify-content: center;
    width: 30px;
    height: 30px;
    border-radius: 8px;
    color: #64748b;
    text-decoration: none;
    transition: background 0.15s, color 0.15s;
}

.sidebar__logout:hover {
    background: rgba(239, 68, 68, 0.14);
    color: #f87171;
}

.sidebar__close {
    display: none;
}

.mobile-header {
    display: none;
}

.mobile-nav-overlay {
    display: none;
}

body.nav-locked {
    overflow: hidden;
}

.admin-main {
    flex: 1;
    min-width: 0;
    display: flex;
    flex-direction: column;
}

.admin-topbar {
    display: flex;
    align-items: center;
    justify-content: space-between;
    gap: 16px;
    padding: 22px 28px;
    border-bottom: 1px solid rgba(255, 255, 255, 0.06);
    background: rgba(10, 16, 24, 0.85);
}

.admin-topbar__greeting h1 {
    margin: 0 0 4px;
    font-size: 1.35rem;
    font-weight: 500;
}

.admin-topbar__greeting p {
    margin: 0;
    color: #64748b;
    font-size: 0.9rem;
}

.admin-topbar__actions {
    display: flex;
    align-items: center;
    gap: 10px;
}

.admin-topbar__gear {
    width: 38px;
    height: 38px;
    padding: 0;
    font-size: 1.1rem;
}

.admin-content {
    flex: 1;
    padding: 24px 28px 40px;
    width: 100%;
    max-width: 1200px;
}

.admin-footer {
    padding: 16px 28px 24px;
    color: #475569;
    font-size: 0.82rem;
}

/* Dashboard GameMarket */

.gm-section {
    margin-bottom: 22px;
}

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

.gm-section__title {
    margin: 0;
    font-size: 0.78rem;
    font-weight: 700;
    letter-spacing: 0.08em;
    text-transform: uppercase;
    color: #64748b;
}

.gm-fee-badge {
    font-size: 0.75rem;
    color: #93c5fd;
    background: rgba(37, 99, 235, 0.12);
    border: 1px solid rgba(59, 130, 246, 0.25);
    padding: 4px 10px;
    border-radius: 999px;
}

.gm-balances {
    display: grid;
    grid-template-columns: repeat(3, 1fr);
    gap: 14px;
}

.gm-balance-card {
    background: #0d1520;
    border: 1px solid rgba(255, 255, 255, 0.06);
    border-radius: 14px;
    padding: 18px 20px;
}

.gm-balance-card__label {
    font-size: 0.82rem;
    color: #94a3b8;
    margin-bottom: 8px;
}

.gm-balance-card__value {
    font-size: 1.55rem;
    font-weight: 700;
    letter-spacing: -0.02em;
}

.gm-balance-card--blocked .gm-balance-card__value { color: #fbbf24; }
.gm-balance-card--pending .gm-balance-card__value { color: #f8fafc; }
.gm-balance-card--available .gm-balance-card__value { color: #38bdf8; }

.gm-panel {
    background: #0b121c;
    border: 1px solid rgba(255, 255, 255, 0.06);
    border-radius: 16px;
    padding: 22px 24px;
    margin-bottom: 20px;
    box-shadow: 0 12px 40px rgba(0, 0, 0, 0.25);
}

.gm-panel--compact {
    margin-bottom: 0;
}

.gm-panel__head {
    display: flex;
    align-items: flex-start;
    justify-content: space-between;
    gap: 16px;
    margin-bottom: 18px;
    flex-wrap: wrap;
}

.gm-panel__title {
    margin: 0 0 4px;
    font-size: 1.1rem;
    font-weight: 600;
}

.gm-panel__subtitle {
    margin: 0;
    color: #64748b;
    font-size: 0.85rem;
}

.gm-period-tabs {
    display: flex;
    gap: 6px;
    background: #060b12;
    padding: 4px;
    border-radius: 10px;
    border: 1px solid rgba(255, 255, 255, 0.06);
}

.gm-period-tab {
    padding: 7px 14px;
    border-radius: 8px;
    font-size: 0.82rem;
    color: #94a3b8;
    text-decoration: none;
    font-weight: 600;
}

.gm-period-tab:hover {
    color: #e2e8f0;
}

.gm-period-tab.is-active {
    background: #1d4ed8;
    color: white;
}

.gm-sales-summary {
    margin-bottom: 20px;
}

.gm-sales-summary__total {
    font-size: 2rem;
    font-weight: 800;
    letter-spacing: -0.03em;
    color: #f8fafc;
}

.gm-sales-summary__meta {
    display: flex;
    flex-wrap: wrap;
    gap: 14px;
    margin-top: 6px;
    font-size: 0.88rem;
    color: #64748b;
}

.gm-sales-summary__fee { color: #fbbf24; }
.gm-sales-summary__net { color: #4ade80; }

.gm-chart {
    min-height: 200px;
    padding-top: 8px;
}

.gm-chart__empty {
    text-align: center;
    padding: 40px 0;
}

.gm-chart__bars {
    display: flex;
    align-items: flex-end;
    gap: 8px;
    height: 180px;
    padding: 0 4px 0;
    border-bottom: 1px solid rgba(255, 255, 255, 0.06);
}

.gm-chart__col {
    flex: 1;
    min-width: 0;
    display: flex;
    flex-direction: column;
    align-items: center;
    height: 100%;
    justify-content: flex-end;
    gap: 8px;
}

.gm-chart__bar {
    width: 100%;
    max-width: 36px;
    border-radius: 6px 6px 2px 2px;
    background: linear-gradient(180deg, #38bdf8 0%, #2563eb 100%);
    box-shadow: 0 0 20px rgba(37, 99, 235, 0.35);
    transition: opacity 0.15s;
}

.gm-chart__col:hover .gm-chart__bar {
    opacity: 0.85;
}

.gm-chart__day {
    font-size: 0.72rem;
    color: #64748b;
}

.gm-grid-2 {
    display: grid;
    grid-template-columns: repeat(2, 1fr);
    gap: 16px;
}

.gm-kpi-row {
    display: grid;
    grid-template-columns: repeat(3, 1fr);
    gap: 10px;
    margin-bottom: 16px;
}

.gm-mini-kpi {
    background: #060b12;
    border: 1px solid rgba(255, 255, 255, 0.05);
    border-radius: 10px;
    padding: 12px;
}

.gm-mini-kpi__label {
    display: block;
    font-size: 0.75rem;
    color: #64748b;
    margin-bottom: 4px;
}

.gm-mini-kpi strong {
    font-size: 1.2rem;
}

.gm-mini-kpi__small {
    font-size: 0.9rem !important;
}

.gm-actions {
    display: flex;
    flex-wrap: wrap;
    gap: 8px;
    margin-bottom: 14px;
}

.gm-status-list {
    list-style: none;
    margin: 0;
    padding: 0;
}

.gm-status-list li {
    display: flex;
    align-items: center;
    justify-content: space-between;
    padding: 8px 0;
    border-top: 1px solid rgba(255, 255, 255, 0.06);
    font-size: 0.9rem;
}

.gm-link-more {
    display: inline-block;
    margin-top: 12px;
    color: #60a5fa;
    font-size: 0.88rem;
    text-decoration: none;
}

.gm-table code {
    font-size: 0.8rem;
}

/* ——— Meus números (7 dias) ——— */

.numbers-panel {
    position: relative;
    padding: 32px;
    margin-bottom: 22px;
    border-radius: 30px;
    border: 1px solid rgba(148, 163, 184, 0.14);
    background:
        radial-gradient(circle at top left, rgba(200, 205, 214, 0.18), transparent 34%),
        radial-gradient(circle at top right, rgba(59, 130, 246, 0.14), transparent 28%),
        linear-gradient(180deg, rgba(15, 23, 42, 0.94) 0%, rgba(2, 6, 23, 0.98) 100%);
    box-shadow:
        0 24px 80px rgba(2, 6, 23, 0.5),
        inset 0 1px 0 rgba(255, 255, 255, 0.04);
    overflow: hidden;
}

.numbers-panel::before {
    content: '';
    position: absolute;
    inset: 0;
    background: linear-gradient(135deg, rgba(255, 255, 255, 0.03), transparent 42%);
    pointer-events: none;
}

.summary-hero {
    position: relative;
    z-index: 1;
    display: grid;
    grid-template-columns: minmax(0, 1.35fr) minmax(280px, 0.75fr);
    gap: 22px;
    align-items: stretch;
    margin-bottom: 22px;
}

.summary-hero__content {
    min-width: 0;
}

.summary-hero__eyebrow,
.numbers-chart-card__eyebrow,
.dash-panel__eyebrow {
    display: inline-flex;
    align-items: center;
    margin-bottom: 10px;
    font-size: 0.72rem;
    font-weight: 700;
    letter-spacing: 0.12em;
    text-transform: uppercase;
    color: #a5b4fc;
}

.summary-hero__title {
    margin: 0 0 10px;
    display: flex;
    align-items: center;
    gap: 12px;
    font-size: clamp(1.5rem, 2vw, 2rem);
    font-weight: 800;
    letter-spacing: -0.04em;
    color: #f8fafc;
}

.summary-hero__title-icon {
    display: inline-flex;
    align-items: center;
    justify-content: center;
    width: 42px;
    height: 42px;
    border-radius: 14px;
    background: linear-gradient(135deg, rgba(200, 205, 214, 0.28), rgba(59, 130, 246, 0.2));
    border: 1px solid rgba(200, 205, 214, 0.28);
    box-shadow: inset 0 1px 0 rgba(255, 255, 255, 0.08);
}

.summary-hero__text {
    margin: 0 0 16px;
    max-width: 720px;
    font-size: 0.96rem;
    line-height: 1.7;
    color: #94a3b8;
}

.numbers-panel__legend {
    display: flex;
    flex-wrap: wrap;
    gap: 10px;
}

.numbers-panel__chip {
    display: inline-flex;
    align-items: center;
    padding: 7px 12px;
    border-radius: 999px;
    font-size: 0.74rem;
    font-weight: 600;
    color: #cbd5e1;
    background: rgba(15, 23, 42, 0.76);
    border: 1px solid rgba(148, 163, 184, 0.16);
    box-shadow: inset 0 1px 0 rgba(255, 255, 255, 0.03);
}

.summary-hero__spotlight {
    display: flex;
    flex-direction: column;
    align-items: flex-end;
    gap: 12px;
}

.numbers-panel__period {
    display: inline-flex;
    align-items: center;
    justify-content: center;
    padding: 7px 14px;
    border-radius: 999px;
    font-size: 0.74rem;
    font-weight: 700;
    letter-spacing: 0.08em;
    text-transform: uppercase;
    color: #e9d5ff;
    background: rgba(91, 33, 182, 0.18);
    border: 1px solid rgba(200, 205, 214, 0.28);
}

.summary-hero__spotlight-card {
    width: min(100%, 340px);
    padding: 24px;
    border-radius: 24px;
    border: 1px solid rgba(34, 197, 94, 0.22);
    background:
        radial-gradient(circle at top right, rgba(34, 197, 94, 0.16), transparent 38%),
        linear-gradient(180deg, rgba(8, 17, 31, 0.96) 0%, rgba(5, 10, 22, 0.96) 100%);
    box-shadow:
        0 20px 50px rgba(2, 6, 23, 0.38),
        inset 0 1px 0 rgba(255, 255, 255, 0.04);
}

.summary-hero__spotlight-label {
    display: block;
    margin-bottom: 10px;
    font-size: 0.78rem;
    font-weight: 700;
    letter-spacing: 0.09em;
    text-transform: uppercase;
    color: #86efac;
}

.summary-hero__spotlight-value {
    display: block;
    font-size: clamp(1.8rem, 3vw, 2.45rem);
    font-weight: 800;
    letter-spacing: -0.05em;
    line-height: 1;
    color: #f0fdf4;
}

.summary-hero__spotlight-value--neg {
    color: #fca5a5;
}

.summary-hero__spotlight-meta {
    display: flex;
    flex-wrap: wrap;
    gap: 8px;
    margin-top: 14px;
}

.summary-hero__spotlight-meta span {
    display: inline-flex;
    align-items: center;
    padding: 6px 10px;
    border-radius: 999px;
    font-size: 0.74rem;
    font-weight: 600;
    color: #cbd5e1;
    background: rgba(15, 23, 42, 0.7);
    border: 1px solid rgba(148, 163, 184, 0.14);
}

.numbers-kpis {
    position: relative;
    z-index: 1;
    display: grid;
    grid-template-columns: repeat(4, minmax(0, 1fr));
    gap: 14px;
    margin-bottom: 26px;
}

.numbers-kpi {
    position: relative;
    min-height: 132px;
    padding: 20px;
    display: flex;
    flex-direction: column;
    justify-content: space-between;
    gap: 14px;
    border-radius: 22px;
    border: 1px solid rgba(148, 163, 184, 0.13);
    background:
        linear-gradient(180deg, rgba(15, 23, 42, 0.86) 0%, rgba(2, 6, 23, 0.96) 100%);
    box-shadow:
        0 14px 40px rgba(2, 6, 23, 0.26),
        inset 0 1px 0 rgba(255, 255, 255, 0.03);
    overflow: hidden;
    transition: transform 0.18s ease, border-color 0.18s ease, box-shadow 0.18s ease;
}

.numbers-kpi::before {
    content: '';
    position: absolute;
    inset: 0;
    background: linear-gradient(180deg, rgba(255, 255, 255, 0.03), transparent 42%);
    pointer-events: none;
}

.numbers-kpi::after {
    content: '';
    position: absolute;
    left: 18px;
    right: 18px;
    bottom: 0;
    height: 3px;
    border-radius: 999px;
    opacity: 0.9;
}

.numbers-kpi:hover {
    transform: translateY(-3px);
    box-shadow:
        0 20px 48px rgba(2, 6, 23, 0.34),
        inset 0 1px 0 rgba(255, 255, 255, 0.03);
}

.numbers-kpi__top {
    display: flex;
    align-items: flex-start;
    justify-content: space-between;
    gap: 10px;
}

.numbers-kpi__label {
    font-size: 0.7rem;
    font-weight: 700;
    letter-spacing: 0.11em;
    text-transform: uppercase;
    color: #94a3b8;
}

.numbers-kpi__icon-wrap {
    width: 36px;
    height: 36px;
    display: inline-flex;
    align-items: center;
    justify-content: center;
    border-radius: 12px;
    border: 1px solid rgba(148, 163, 184, 0.14);
    background: rgba(15, 23, 42, 0.78);
    font-size: 0.95rem;
    color: #e2e8f0;
    box-shadow: inset 0 1px 0 rgba(255, 255, 255, 0.03);
}

.numbers-kpi__value {
    font-size: clamp(1.6rem, 2vw, 2rem);
    font-weight: 800;
    letter-spacing: -0.05em;
    line-height: 1.02;
    color: #f8fafc;
}

.numbers-kpi__value--neg {
    color: #fca5a5;
}

.numbers-kpi__value--balance {
    font-size: clamp(1.3rem, 1.8vw, 1.6rem);
}

.numbers-kpi__sub {
    position: relative;
    z-index: 1;
    display: block;
    font-size: 0.77rem;
    line-height: 1.45;
    color: #94a3b8;
}

.numbers-kpi--profit {
    border-color: rgba(34, 197, 94, 0.22);
}

.numbers-kpi--profit::after {
    background: linear-gradient(90deg, #4ade80, #22c55e);
}

.numbers-kpi--profit .numbers-kpi__value {
    color: #86efac;
}

.numbers-kpi--profit .numbers-kpi__icon-wrap {
    border-color: rgba(34, 197, 94, 0.22);
    background: rgba(20, 83, 45, 0.26);
}

.numbers-kpi--profit-neg {
    border-color: rgba(248, 113, 113, 0.24);
}

.numbers-kpi--profit-neg::after {
    background: linear-gradient(90deg, #fb7185, #ef4444);
}

.numbers-kpi--profit-neg .numbers-kpi__icon-wrap {
    border-color: rgba(248, 113, 113, 0.22);
    background: rgba(127, 29, 29, 0.24);
}

.numbers-kpi--activations {
    border-color: rgba(200, 205, 214, 0.22);
}

.numbers-kpi--activations::after {
    background: linear-gradient(90deg, #c084fc, #8b5cf6);
}

.numbers-kpi--activations .numbers-kpi__value {
    color: #e9d5ff;
}

.numbers-kpi--activations .numbers-kpi__icon-wrap {
    border-color: rgba(200, 205, 214, 0.24);
    background: rgba(88, 28, 135, 0.24);
}

.numbers-kpi--spend {
    border-color: rgba(59, 130, 246, 0.22);
}

.numbers-kpi--spend::after {
    background: linear-gradient(90deg, #60a5fa, #2563eb);
}

.numbers-kpi--spend .numbers-kpi__value {
    color: #bfdbfe;
}

.numbers-kpi--spend .numbers-kpi__icon-wrap {
    border-color: rgba(59, 130, 246, 0.24);
    background: rgba(30, 64, 175, 0.24);
}

.numbers-kpi--balance {
    border-color: rgba(251, 191, 36, 0.22);
}

.numbers-kpi--balance::after {
    background: linear-gradient(90deg, #fbbf24, #f59e0b);
}

.numbers-kpi--balance .numbers-kpi__value--balance {
    color: #fde68a;
}

.numbers-kpi--balance .numbers-kpi__icon-wrap {
    border-color: rgba(251, 191, 36, 0.24);
    background: rgba(146, 64, 14, 0.24);
}

.numbers-kpi--balance-low {
    background:
        radial-gradient(circle at top right, rgba(245, 158, 11, 0.18), transparent 30%),
        linear-gradient(180deg, rgba(15, 23, 42, 0.86) 0%, rgba(2, 6, 23, 0.96) 100%);
    border-color: rgba(234, 179, 8, 0.34);
}

.numbers-kpi--links,
.numbers-kpi--links-used {
    min-height: 118px;
}

.numbers-kpi--links {
    border-color: rgba(96, 165, 250, 0.2);
}

.numbers-kpi--links::after {
    background: linear-gradient(90deg, #93c5fd, #60a5fa);
}

.numbers-kpi--links .numbers-kpi__value {
    color: #dbeafe;
}

.numbers-kpi--links .numbers-kpi__icon-wrap {
    border-color: rgba(96, 165, 250, 0.22);
    background: rgba(30, 64, 175, 0.24);
}

.numbers-kpi--links-used {
    border-color: rgba(74, 222, 128, 0.2);
}

.numbers-kpi--links-used::after {
    background: linear-gradient(90deg, #4ade80, #16a34a);
}

.numbers-kpi--links-used .numbers-kpi__value {
    color: #bbf7d0;
}

.numbers-kpi--links-used .numbers-kpi__icon-wrap {
    border-color: rgba(74, 222, 128, 0.22);
    background: rgba(20, 83, 45, 0.24);
}

.numbers-chart-block {
    position: relative;
    z-index: 1;
}

.numbers-chart-card {
    padding: 24px;
    border-radius: 26px;
    border: 1px solid rgba(148, 163, 184, 0.14);
    background:
        linear-gradient(180deg, rgba(15, 23, 42, 0.88) 0%, rgba(2, 6, 23, 0.96) 100%);
    box-shadow:
        0 18px 50px rgba(2, 6, 23, 0.28),
        inset 0 1px 0 rgba(255, 255, 255, 0.03);
}

.numbers-chart-card__head {
    display: flex;
    align-items: flex-start;
    justify-content: space-between;
    gap: 18px;
    margin-bottom: 18px;
}

.numbers-chart-card__title {
    margin: 0 0 6px;
    font-size: 1.15rem;
    font-weight: 700;
    letter-spacing: -0.03em;
    color: #f8fafc;
}

.numbers-chart-card__subtitle {
    margin: 0;
    max-width: 620px;
    font-size: 0.88rem;
    line-height: 1.6;
}

.numbers-chart-card__meta {
    display: flex;
    flex-direction: column;
    align-items: flex-end;
    gap: 8px;
    flex-shrink: 0;
}

.numbers-chart-card__meta-pill {
    display: inline-flex;
    align-items: center;
    justify-content: center;
    padding: 7px 12px;
    border-radius: 999px;
    font-size: 0.73rem;
    font-weight: 700;
    letter-spacing: 0.08em;
    text-transform: uppercase;
    color: #dbeafe;
    background: rgba(37, 99, 235, 0.18);
    border: 1px solid rgba(96, 165, 250, 0.22);
}

.numbers-chart-card__meta-note {
    font-size: 0.8rem;
    color: #64748b;
}

.numbers-chart-card__range {
    display: inline-flex;
    padding: 3px;
    border-radius: 999px;
    background: rgba(255, 255, 255, 0.04);
    border: 1px solid rgba(255, 255, 255, 0.08);
}

.numbers-chart-card__range-btn {
    padding: 6px 14px;
    border-radius: 999px;
    font-size: 0.75rem;
    font-weight: 600;
    color: #94a3b8;
    text-decoration: none;
    transition: background 0.15s, color 0.15s;
}

.numbers-chart-card__range-btn:hover {
    color: #e2e8f0;
}

.numbers-chart-card__range-btn.is-active {
    background: rgba(200, 205, 214, 0.22);
    color: #e9d5ff;
}

.numbers-chart-wrap {
    height: 330px;
    padding: 16px 10px 10px 2px;
    border-radius: 22px;
    border: 1px solid rgba(148, 163, 184, 0.12);
    background:
        linear-gradient(180deg, rgba(2, 6, 23, 0.84) 0%, rgba(15, 23, 42, 0.68) 100%);
    box-shadow: inset 0 1px 0 rgba(255, 255, 255, 0.03);
    overflow: hidden;
}

.numbers-chart-hint {
    display: inline-flex;
    align-items: center;
    gap: 8px;
    margin: 14px 0 0;
    font-size: 0.8rem;
    color: #94a3b8;
}

.numbers-chart-hint__dot {
    width: 8px;
    height: 8px;
    border-radius: 999px;
    flex-shrink: 0;
    background: #c8cdd6;
    box-shadow: 0 0 12px rgba(200, 205, 214, 0.6);
}

/* ——— Dashboard bottom panels ——— */

.dash-grid {
    display: grid;
    grid-template-columns: minmax(0, 1.05fr) minmax(0, 0.95fr);
    gap: 18px;
}

.dash-panel {
    position: relative;
    padding: 24px;
    border-radius: 28px;
    border: 1px solid rgba(148, 163, 184, 0.13);
    background:
        radial-gradient(circle at top right, rgba(59, 130, 246, 0.09), transparent 30%),
        linear-gradient(180deg, rgba(15, 23, 42, 0.88) 0%, rgba(2, 6, 23, 0.96) 100%);
    box-shadow:
        0 18px 50px rgba(2, 6, 23, 0.28),
        inset 0 1px 0 rgba(255, 255, 255, 0.03);
    overflow: hidden;
}

.dash-panel__head {
    display: flex;
    align-items: flex-start;
    justify-content: space-between;
    gap: 18px;
    margin-bottom: 20px;
    padding-bottom: 18px;
    border-bottom: 1px solid rgba(148, 163, 184, 0.12);
}

.dash-panel__title {
    margin: 0;
    display: flex;
    align-items: center;
    gap: 8px;
    font-size: 1.1rem;
    font-weight: 700;
    letter-spacing: -0.03em;
    color: #f8fafc;
}

.dash-panel__subtext {
    margin: 8px 0 0;
    max-width: 540px;
    font-size: 0.86rem;
    line-height: 1.6;
}

.dash-panel__badge {
    display: inline-flex;
    align-items: center;
    padding: 4px 10px;
    border-radius: 999px;
    font-size: 0.67rem;
    font-weight: 700;
    letter-spacing: 0.08em;
    text-transform: uppercase;
    color: #ddd6fe;
    background: rgba(91, 33, 182, 0.18);
    border: 1px solid rgba(200, 205, 214, 0.22);
}

.dash-panel__action {
    display: inline-flex;
    align-items: center;
    justify-content: center;
    padding: 9px 14px;
    border-radius: 12px;
    border: 1px solid rgba(96, 165, 250, 0.22);
    background: rgba(30, 64, 175, 0.14);
    color: #bfdbfe;
    text-decoration: none;
    font-size: 0.8rem;
    font-weight: 700;
    transition: transform 0.15s ease, border-color 0.15s ease, background 0.15s ease;
}

.dash-panel__action:hover {
    transform: translateY(-1px);
    background: rgba(30, 64, 175, 0.22);
    border-color: rgba(96, 165, 250, 0.3);
    color: #dbeafe;
}

.dash-quick-stats {
    display: grid;
    grid-template-columns: repeat(3, minmax(0, 1fr));
    gap: 12px;
    margin-bottom: 18px;
}

.dash-stat {
    min-height: 118px;
    padding: 18px;
    display: flex;
    flex-direction: column;
    justify-content: space-between;
    gap: 10px;
    border-radius: 18px;
    border: 1px solid rgba(148, 163, 184, 0.12);
    background: rgba(2, 6, 23, 0.6);
    box-shadow: inset 0 1px 0 rgba(255, 255, 255, 0.03);
}

.dash-stat__label {
    display: block;
    font-size: 0.7rem;
    font-weight: 700;
    letter-spacing: 0.1em;
    text-transform: uppercase;
    color: #94a3b8;
}

.dash-stat__value {
    font-size: clamp(1.3rem, 1.8vw, 1.6rem);
    font-weight: 800;
    letter-spacing: -0.04em;
    color: #f8fafc;
}

.dash-stat__value--sm {
    font-size: 1.05rem;
    line-height: 1.35;
}

.dash-stat--purple {
    border-color: rgba(200, 205, 214, 0.2);
}

.dash-stat--purple .dash-stat__value {
    color: #e9d5ff;
}

.dash-stat--green {
    border-color: rgba(34, 197, 94, 0.2);
}

.dash-stat--green .dash-stat__value {
    color: #bbf7d0;
}

.dash-stat--blue {
    border-color: rgba(59, 130, 246, 0.2);
}

.dash-stat--blue .dash-stat__value {
    color: #bfdbfe;
}

.dash-stat--amber {
    border-color: rgba(251, 191, 36, 0.2);
}

.dash-stat--amber .dash-stat__value {
    color: #fde68a;
}

.dash-stat--red {
    border-color: rgba(248, 113, 113, 0.2);
}

.dash-stat--red .dash-stat__value {
    color: #fecaca;
}

.dash-integrations {
    display: grid;
    gap: 10px;
}

.dash-integration {
    display: grid;
    grid-template-columns: auto 1fr auto auto;
    align-items: center;
    gap: 12px;
    padding: 14px 16px;
    border-radius: 16px;
    border: 1px solid rgba(148, 163, 184, 0.12);
    background: rgba(2, 6, 23, 0.56);
}

.dash-integration__dot {
    width: 10px;
    height: 10px;
    border-radius: 999px;
    flex-shrink: 0;
}

.dash-integration--ok .dash-integration__dot {
    background: #4ade80;
    box-shadow: 0 0 12px rgba(74, 222, 128, 0.5);
}

.dash-integration--pending .dash-integration__dot {
    background: #f87171;
    box-shadow: 0 0 12px rgba(248, 113, 113, 0.4);
}

.dash-integration__name {
    font-weight: 600;
    color: #e2e8f0;
}

.dash-integration__status {
    font-size: 0.78rem;
    font-weight: 700;
    text-transform: uppercase;
    letter-spacing: 0.08em;
    color: #64748b;
}

.dash-integration--ok .dash-integration__status {
    color: #86efac;
}

.dash-integration--pending .dash-integration__status {
    color: #fca5a5;
}

.dash-integration__link {
    font-size: 0.8rem;
    font-weight: 600;
    color: #bfdbfe;
    text-decoration: none;
}

.dash-links {
    display: flex;
    flex-direction: column;
    gap: 10px;
}

.dash-link {
    display: flex;
    align-items: flex-start;
    justify-content: space-between;
    gap: 14px;
    padding: 16px 18px;
    border-radius: 18px;
    border: 1px solid rgba(148, 163, 184, 0.12);
    background: rgba(2, 6, 23, 0.58);
    transition: transform 0.15s ease, border-color 0.15s ease, background 0.15s ease;
}

.dash-link:hover {
    transform: translateY(-2px);
    border-color: rgba(200, 205, 214, 0.24);
    background: rgba(24, 24, 38, 0.78);
}

.dash-link--available {
    border-left: 3px solid rgba(74, 222, 128, 0.65);
}

.dash-link--used {
    border-left: 3px solid rgba(96, 165, 250, 0.65);
}

.dash-link--error {
    border-left: 3px solid rgba(248, 113, 113, 0.65);
}

.dash-link__main {
    min-width: 0;
    display: flex;
    flex-direction: column;
    gap: 6px;
}

.dash-link__token {
    display: inline-flex;
    align-items: center;
    width: fit-content;
    padding: 4px 10px;
    border-radius: 999px;
    background: rgba(15, 23, 42, 0.82);
    border: 1px solid rgba(148, 163, 184, 0.14);
    font-size: 0.75rem;
    font-weight: 700;
    color: #e2e8f0;
}

.dash-link__service {
    font-size: 0.94rem;
    font-weight: 600;
    color: #f8fafc;
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis;
}

.dash-link__meta {
    display: flex;
    flex-wrap: wrap;
    gap: 8px;
}

.dash-link__meta span {
    display: inline-flex;
    align-items: center;
    padding: 5px 9px;
    border-radius: 999px;
    font-size: 0.72rem;
    font-weight: 600;
    color: #94a3b8;
    background: rgba(15, 23, 42, 0.7);
    border: 1px solid rgba(148, 163, 184, 0.12);
}

.dash-link__side {
    display: flex;
    flex-direction: column;
    align-items: flex-end;
    gap: 8px;
    min-width: 120px;
}

.dash-link__target {
    max-width: 220px;
    font-size: 0.74rem;
    line-height: 1.35;
    color: #64748b;
    text-align: right;
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis;
}

.dash-link-more {
    display: inline-flex;
    align-items: center;
    margin-top: 16px;
    color: #bfdbfe;
    font-size: 0.84rem;
    font-weight: 700;
    text-decoration: none;
}

.dash-link-more:hover {
    color: #e0f2fe;
}

.dash-empty {
    padding: 36px 18px;
    text-align: center;
}

.dash-empty__icon {
    display: block;
    margin-bottom: 10px;
    font-size: 2rem;
    opacity: 0.7;
}

@media (max-width: 1180px) {
    .summary-hero {
        grid-template-columns: 1fr;
    }

    .summary-hero__spotlight {
        align-items: flex-start;
    }

    .numbers-kpis {
        grid-template-columns: repeat(2, minmax(0, 1fr));
    }

    .dash-grid {
        grid-template-columns: 1fr;
    }
}

@media (max-width: 860px) {
    .numbers-panel {
        padding: 24px 20px;
        border-radius: 24px;
    }

    .numbers-chart-card,
    .dash-panel {
        padding: 20px;
        border-radius: 22px;
    }

    .dash-quick-stats {
        grid-template-columns: repeat(2, minmax(0, 1fr));
    }

    .dash-panel__head,
    .numbers-chart-card__head {
        flex-direction: column;
        align-items: flex-start;
    }

    .numbers-chart-card__meta,
    .summary-hero__spotlight {
        align-items: flex-start;
    }
}

@media (max-width: 640px) {
    .numbers-kpis,
    .dash-quick-stats {
        grid-template-columns: 1fr;
    }

    .numbers-kpi {
        min-height: auto;
    }

    .numbers-chart-wrap {
        height: 250px;
        padding: 12px 8px 6px 0;
    }

    .dash-link {
        flex-direction: column;
    }

    .dash-link__side {
        width: 100%;
        align-items: flex-start;
    }

    .dash-link__target {
        max-width: none;
        text-align: left;
    }

    .dash-integration {
        grid-template-columns: auto 1fr;
    }

    .dash-integration__status,
    .dash-integration__link {
        grid-column: 2;
    }
}

/* ——— Página de ativações ——— */

.act-list-empty {
    margin: 0;
    padding: 8px 0;
}

.act-nav {
    display: flex;
    gap: 8px;
    overflow-x: auto;
    padding-bottom: 4px;
    margin-bottom: 18px;
    scrollbar-width: thin;
}

.act-nav__pill {
    flex: 0 0 auto;
    display: flex;
    flex-direction: column;
    align-items: center;
    gap: 2px;
    min-width: 64px;
    padding: 10px 12px 8px;
    border-radius: 12px;
    border: 1px solid rgba(255, 255, 255, 0.08);
    background: #060b12;
    color: #94a3b8;
    text-decoration: none;
    position: relative;
    transition: border-color 0.15s, background 0.15s, color 0.15s;
}

.act-nav__pill:hover {
    border-color: rgba(200, 205, 214, 0.35);
    color: #e2e8f0;
}

.act-nav__pill.is-active {
    background: linear-gradient(180deg, rgba(200, 205, 214, 0.22), rgba(200, 205, 214, 0.08));
    border-color: rgba(200, 205, 214, 0.55);
    color: #f8fafc;
    box-shadow: 0 0 0 1px rgba(200, 205, 214, 0.15);
}

.act-nav__pill.is-empty:not(.is-active) {
    opacity: 0.55;
}

.act-nav__weekday {
    font-size: 0.65rem;
    font-weight: 700;
    letter-spacing: 0.05em;
    text-transform: uppercase;
}

.act-nav__date {
    font-size: 0.88rem;
    font-weight: 600;
}

.act-nav__count {
    position: absolute;
    top: -6px;
    right: -4px;
    min-width: 18px;
    height: 18px;
    padding: 0 5px;
    border-radius: 999px;
    background: #c8cdd6;
    color: #fff;
    font-size: 0.65rem;
    font-weight: 700;
    line-height: 18px;
    text-align: center;
    box-shadow: 0 2px 8px rgba(200, 205, 214, 0.45);
}

.act-kpis {
    grid-template-columns: repeat(3, 1fr);
    margin-bottom: 22px;
}

.act-range-filter {
    display: flex;
    flex-wrap: wrap;
    align-items: end;
    gap: 10px;
    margin-bottom: 16px;
    padding: 14px 16px;
    border-radius: 12px;
    background: rgba(255, 255, 255, 0.02);
    border: 1px solid rgba(255, 255, 255, 0.06);
}

.act-range-filter__field {
    display: flex;
    flex-direction: column;
    gap: 6px;
}

.act-range-filter__field label {
    font-size: 0.72rem;
    font-weight: 700;
    letter-spacing: 0.04em;
    text-transform: uppercase;
    color: #64748b;
}

.act-range-filter__field input[type="date"] {
    padding: 9px 12px;
    border-radius: 8px;
    border: 1px solid rgba(255, 255, 255, 0.1);
    background: #0a1018;
    color: #e2e8f0;
    font-size: 0.85rem;
}

.act-range-filter__export {
    margin-left: auto;
}

.act-search {
    margin-bottom: 16px;
}

.act-search__wrap {
    width: 100%;
    max-width: 420px;
}

.act-search__input {
    width: 100%;
}

.act-search__meta {
    margin: 8px 0 0;
    font-size: 0.82rem;
}

.act-list-empty--filter {
    margin-top: 8px;
}

.act-list {
    display: flex;
    flex-direction: column;
    gap: 10px;
}

.act-item {
    display: grid;
    grid-template-columns: auto 1fr auto;
    align-items: center;
    gap: 14px;
    padding: 16px 18px;
    background: #0b121c;
    border: 1px solid rgba(255, 255, 255, 0.06);
    border-radius: 14px;
    transition: border-color 0.15s, transform 0.15s;
}

.act-item:hover {
    border-color: rgba(200, 205, 214, 0.25);
    transform: translateY(-1px);
}

.act-item[hidden] {
    display: none;
}

.act-item__avatar {
    width: 44px;
    height: 44px;
    border-radius: 12px;
    display: flex;
    align-items: center;
    justify-content: center;
    font-weight: 700;
    font-size: 1rem;
    color: #f3e8ff;
    background: linear-gradient(135deg, rgba(200, 205, 214, 0.45), rgba(59, 130, 246, 0.35));
    border: 1px solid rgba(255, 255, 255, 0.1);
    flex-shrink: 0;
}

.act-item__main {
    min-width: 0;
}

.act-item__top {
    display: flex;
    align-items: center;
    flex-wrap: wrap;
    gap: 8px 12px;
    margin-bottom: 6px;
}

.act-item__profile {
    font-size: 1rem;
    font-weight: 600;
    color: #f8fafc;
    text-decoration: none;
}

a.act-item__profile:hover {
    color: #c4b5fd;
}

.act-item__qty {
    display: inline-flex;
    align-items: center;
    padding: 4px 10px;
    border-radius: 999px;
    font-size: 0.78rem;
    font-weight: 600;
    color: #86efac;
    background: rgba(34, 197, 94, 0.12);
    border: 1px solid rgba(34, 197, 94, 0.22);
}

.act-item__before-pill {
    display: inline-flex;
    align-items: center;
    padding: 4px 10px;
    border-radius: 999px;
    font-size: 0.78rem;
    font-weight: 600;
    color: #93c5fd;
    background: rgba(59, 130, 246, 0.12);
    border: 1px solid rgba(96, 165, 250, 0.22);
}

.act-item__meta {
    display: flex;
    align-items: center;
    flex-wrap: wrap;
    gap: 8px;
    font-size: 0.82rem;
    color: #64748b;
}

.act-item__service {
    color: #94a3b8;
}

.act-item__before-text {
    color: #93c5fd;
    font-weight: 600;
}

.act-item__dot {
    opacity: 0.5;
}

.act-item__time {
    text-align: right;
    flex-shrink: 0;
}

.act-item__date {
    display: block;
    font-size: 0.72rem;
    color: #64748b;
    margin-bottom: 2px;
}

.act-item__time time {
    display: block;
    font-size: 0.95rem;
    font-weight: 600;
    color: #cbd5e1;
    font-variant-numeric: tabular-nums;
}

@media (max-width: 720px) {
    .act-kpis {
        grid-template-columns: 1fr;
    }

    .act-item {
        grid-template-columns: auto 1fr;
        grid-template-rows: auto auto;
    }

    .act-item__time {
        grid-column: 2;
        text-align: left;
        padding-left: 58px;
    }

    .act-item__time time {
        display: inline;
    }

    .act-item__date {
        display: inline;
        margin-right: 6px;
    }

    .act-item__date::after {
        content: '·';
        margin-left: 6px;
        opacity: 0.5;
    }
}

/* ——— Links diretos (página) ——— */

.dl-page {
    display: flex;
    flex-direction: column;
    gap: 0;
}

.dl-intro {
    margin: 0 0 18px;
    font-size: 0.88rem;
    line-height: 1.5;
    max-width: 560px;
}

.dl-intro code {
    font-size: 0.82rem;
    padding: 2px 7px;
    border-radius: 6px;
    background: rgba(200, 205, 214, 0.12);
    border: 1px solid rgba(200, 205, 214, 0.2);
    color: #e9d5ff;
}

.dl-page .metric-cards {
    margin-bottom: 20px;
}

.dl-page .create-link-card {
    margin-bottom: 20px;
}

/* ——— Métricas (links diretos / pedidos) ——— */

.page-head {
    display: flex;
    align-items: flex-start;
    justify-content: space-between;
    gap: 16px;
    margin-bottom: 20px;
    flex-wrap: wrap;
}

.page-head__title {
    display: flex;
    align-items: center;
    gap: 12px;
    margin: 0 0 6px;
    font-size: 1.35rem;
    font-weight: 600;
}

.page-head__icon {
    flex-shrink: 0;
    width: 34px;
    height: 34px;
    display: flex;
    align-items: center;
    justify-content: center;
    border-radius: 10px;
    background: rgba(99, 102, 241, 0.16);
    color: #a5b4fc;
}

.page-head__icon--blue { background: rgba(59, 130, 246, 0.16); color: #93c5fd; }
.page-head__icon--purple { background: rgba(200, 205, 214, 0.16); color: #e5e7eb; }
.page-head__icon--pink { background: rgba(244, 63, 94, 0.16); color: #fda4af; }
.page-head__icon--cyan { background: rgba(34, 211, 238, 0.16); color: #67e8f9; }
.page-head__icon--green { background: rgba(34, 197, 94, 0.16); color: #86efac; }
.page-head__icon--teal { background: rgba(45, 212, 191, 0.16); color: #5eead4; }
.page-head__icon--indigo { background: rgba(99, 102, 241, 0.16); color: #a5b4fc; }
.page-head__icon--amber { background: rgba(245, 158, 11, 0.16); color: #fcd34d; }
.page-head__icon--red { background: rgba(239, 68, 68, 0.16); color: #fca5a5; }

.page-head__subtitle {
    margin: 0;
    max-width: 640px;
}

.platform-tabs {
    display: flex;
    flex-wrap: wrap;
    gap: 8px;
    margin-bottom: 18px;
}

.platform-tab {
    display: inline-flex;
    align-items: center;
    gap: 6px;
    padding: 8px 14px;
    border-radius: 999px;
    border: 1px solid rgba(255, 255, 255, 0.1);
    background: rgba(255, 255, 255, 0.03);
    color: #94a3b8;
    font-size: 0.82rem;
    font-weight: 600;
    text-decoration: none;
    transition: border-color 0.15s, background 0.15s, color 0.15s;
}

.platform-tab:hover {
    color: #e2e8f0;
    border-color: rgba(34, 211, 238, 0.35);
}

.platform-tab.is-active {
    color: #ecfeff;
    border-color: rgba(34, 211, 238, 0.45);
    background: rgba(34, 211, 238, 0.12);
}

.metric-cards {
    display: grid;
    grid-template-columns: repeat(5, 1fr);
    gap: 12px;
    margin-bottom: 22px;
}

.metric-card {
    position: relative;
    background: linear-gradient(180deg, rgba(255, 255, 255, 0.03) 0%, #060b12 100%);
    border-radius: 14px;
    padding: 16px 18px 18px;
    border: 1px solid rgba(255, 255, 255, 0.08);
    min-height: 96px;
    display: flex;
    flex-direction: column;
    justify-content: space-between;
    text-decoration: none;
    color: inherit;
    overflow: hidden;
    transition: transform 0.18s, border-color 0.18s, box-shadow 0.18s;
}

.metric-card::after {
    content: '';
    position: absolute;
    left: 0;
    right: 0;
    bottom: 0;
    height: 3px;
    border-radius: 0 0 14px 14px;
    opacity: 0.85;
}

.metric-card:hover {
    transform: translateY(-2px);
    box-shadow: 0 10px 28px rgba(0, 0, 0, 0.28);
}

.metric-card.is-active {
    transform: translateY(-1px);
    box-shadow: 0 0 0 1px rgba(255, 255, 255, 0.06), 0 12px 32px rgba(0, 0, 0, 0.32);
}

.metric-card__top {
    display: flex;
    align-items: center;
    justify-content: space-between;
    gap: 8px;
    margin-bottom: 10px;
}

.metric-card__label {
    font-size: 0.68rem;
    font-weight: 700;
    letter-spacing: 0.08em;
    text-transform: uppercase;
    color: #94a3b8;
}

.metric-card__icon-wrap {
    width: 32px;
    height: 32px;
    display: flex;
    align-items: center;
    justify-content: center;
    font-size: 0.95rem;
    border-radius: 10px;
    background: rgba(255, 255, 255, 0.05);
    border: 1px solid rgba(255, 255, 255, 0.08);
}

.metric-card__icon {
    font-size: 1rem;
    opacity: 0.9;
}

.metric-card__value {
    font-size: 2rem;
    font-weight: 800;
    color: #f8fafc;
    letter-spacing: -0.03em;
    line-height: 1;
}

.metric-card--total {
    border-color: rgba(200, 205, 214, 0.35);
    box-shadow: inset 0 0 0 1px rgba(200, 205, 214, 0.1);
}

.metric-card--total::after {
    background: linear-gradient(90deg, #c8cdd6, #9ca3af);
}

.metric-card--total .metric-card__value {
    color: #e9d5ff;
}

.metric-card--total .metric-card__icon-wrap {
    background: rgba(200, 205, 214, 0.15);
    border-color: rgba(200, 205, 214, 0.25);
}

.metric-card--total.is-active {
    border-color: rgba(200, 205, 214, 0.65);
    background: linear-gradient(180deg, rgba(200, 205, 214, 0.12) 0%, #060b12 100%);
}

.metric-card--available {
    border-color: rgba(59, 130, 246, 0.35);
    box-shadow: inset 0 0 0 1px rgba(59, 130, 246, 0.1);
}

.metric-card--available::after {
    background: linear-gradient(90deg, #3b82f6, #2563eb);
}

.metric-card--available .metric-card__value {
    color: #93c5fd;
}

.metric-card--available .metric-card__icon-wrap {
    background: rgba(59, 130, 246, 0.15);
    border-color: rgba(59, 130, 246, 0.25);
}

.metric-card--available.is-active {
    border-color: rgba(59, 130, 246, 0.65);
    background: linear-gradient(180deg, rgba(59, 130, 246, 0.1) 0%, #060b12 100%);
}

.metric-card--waiting {
    border-color: rgba(251, 191, 36, 0.35);
    box-shadow: inset 0 0 0 1px rgba(251, 191, 36, 0.1);
}

.metric-card--waiting::after {
    background: linear-gradient(90deg, #fbbf24, #f59e0b);
}

.metric-card--waiting .metric-card__value {
    color: #fde68a;
}

.metric-card--waiting .metric-card__icon-wrap {
    background: rgba(251, 191, 36, 0.12);
    border-color: rgba(251, 191, 36, 0.25);
}

.metric-card--waiting.is-active {
    border-color: rgba(251, 191, 36, 0.6);
    background: linear-gradient(180deg, rgba(251, 191, 36, 0.08) 0%, #060b12 100%);
}

.metric-card--used {
    border-color: rgba(34, 197, 94, 0.35);
    box-shadow: inset 0 0 0 1px rgba(34, 197, 94, 0.1);
}

.metric-card--used::after {
    background: linear-gradient(90deg, #22c55e, #16a34a);
}

.metric-card--used .metric-card__value {
    color: #86efac;
}

.metric-card--used .metric-card__icon-wrap {
    background: rgba(34, 197, 94, 0.12);
    border-color: rgba(34, 197, 94, 0.25);
}

.metric-card--used.is-active {
    border-color: rgba(34, 197, 94, 0.6);
    background: linear-gradient(180deg, rgba(34, 197, 94, 0.08) 0%, #060b12 100%);
}

.metric-card--error {
    border-color: rgba(239, 68, 68, 0.35);
    box-shadow: inset 0 0 0 1px rgba(239, 68, 68, 0.1);
}

.metric-card--error::after {
    background: linear-gradient(90deg, #ef4444, #dc2626);
}

.metric-card--error .metric-card__value {
    color: #fca5a5;
}

.metric-card--error .metric-card__icon-wrap {
    background: rgba(239, 68, 68, 0.12);
    border-color: rgba(239, 68, 68, 0.25);
}

.metric-card--error.is-active {
    border-color: rgba(239, 68, 68, 0.6);
    background: linear-gradient(180deg, rgba(239, 68, 68, 0.08) 0%, #060b12 100%);
}

@media (max-width: 1024px) and (min-width: 721px) {
    .metric-cards {
        grid-template-columns: repeat(3, minmax(0, 1fr));
    }
}

.links-toolbar {
    display: flex;
    align-items: center;
    justify-content: space-between;
    gap: 12px;
    margin-bottom: 18px;
    flex-wrap: wrap;
}

.links-toolbar__delete {
    margin: 0;
}

.links-toolbar__filters {
    display: flex;
    align-items: center;
    gap: 10px;
    margin: 0;
    margin-left: auto;
    flex: 1;
    justify-content: flex-end;
    min-width: 280px;
}

.links-toolbar__select {
    width: auto;
    min-width: 140px;
    padding: 10px 14px;
    border-radius: 10px;
    border: 1px solid rgba(255, 255, 255, 0.2);
    background: #060b12;
    color: #f1f5f9;
}

.links-toolbar__search {
    width: min(280px, 100%);
    padding: 10px 14px;
    border-radius: 10px;
    border: 1px solid rgba(255, 255, 255, 0.12);
    background: #060b12;
    color: #f1f5f9;
}

.btn-toolbar-danger {
    background: transparent;
    border: 1px solid rgba(239, 68, 68, 0.55);
    color: #f87171;
    padding: 10px 16px;
    border-radius: 10px;
    font-weight: 600;
    cursor: pointer;
}

.btn-toolbar-danger:hover:not(:disabled) {
    background: rgba(239, 68, 68, 0.1);
}

.btn-toolbar-danger:disabled {
    opacity: 0.45;
    cursor: not-allowed;
}

/* ——— Criar link (links diretos) ——— */

.create-link-card {
    background:
        radial-gradient(ellipse 80% 60% at 10% -10%, rgba(200, 205, 214, 0.18), transparent 55%),
        radial-gradient(ellipse 60% 50% at 95% 0%, rgba(59, 130, 246, 0.1), transparent 50%),
        linear-gradient(180deg, rgba(200, 205, 214, 0.04) 0%, #0b121c 140px);
    border: 1px solid rgba(200, 205, 214, 0.22);
    box-shadow: 0 16px 48px rgba(0, 0, 0, 0.28);
    overflow: hidden;
    scroll-margin-top: 24px;
}

.create-link-card__head {
    display: flex;
    align-items: flex-start;
    gap: 16px;
    margin-bottom: 24px;
    padding-bottom: 20px;
    border-bottom: 1px solid rgba(255, 255, 255, 0.06);
}

.create-link-card__icon {
    flex-shrink: 0;
    width: 52px;
    height: 52px;
    display: flex;
    align-items: center;
    justify-content: center;
    font-size: 1.4rem;
    border-radius: 14px;
    background: linear-gradient(135deg, rgba(200, 205, 214, 0.45), rgba(59, 130, 246, 0.3));
    border: 1px solid rgba(255, 255, 255, 0.12);
    box-shadow: 0 8px 24px rgba(200, 205, 214, 0.25);
}

.create-link-card__head-text {
    min-width: 0;
    flex: 1;
}

.create-link-card__title {
    margin: 0 0 4px;
    font-size: 1.25rem;
    font-weight: 700;
    color: #f8fafc;
    letter-spacing: -0.02em;
}

.create-link-card__subtitle {
    margin: 0;
    font-size: 0.86rem;
    line-height: 1.45;
}

.create-link-card__subtitle code {
    font-size: 0.8rem;
    padding: 2px 6px;
    border-radius: 4px;
    background: rgba(255, 255, 255, 0.06);
}

.create-link-block {
    margin-bottom: 18px;
}

.create-link-pack-hint {
    margin: 0 0 12px;
    font-size: 0.85rem;
}

.create-link-pack-grid {
    display: grid;
    grid-template-columns: repeat(auto-fill, minmax(132px, 1fr));
    gap: 8px;
}

.create-link-pack-btn {
    display: flex;
    flex-direction: column;
    align-items: flex-start;
    gap: 2px;
    padding: 12px 14px;
    border-radius: 12px;
    border: 1px solid rgba(148, 163, 184, 0.18);
    background: rgba(255, 255, 255, 0.03);
    color: #e2e8f0;
    cursor: pointer;
    text-align: left;
    transition: border-color 0.15s, background 0.15s, transform 0.15s;
}

.create-link-pack-btn:hover {
    border-color: rgba(200, 205, 214, 0.45);
    background: rgba(200, 205, 214, 0.1);
    transform: translateY(-1px);
}

.create-link-pack-btn__count {
    font-size: 0.7rem;
    font-weight: 700;
    letter-spacing: 0.04em;
    text-transform: uppercase;
    color: #94a3b8;
}

.create-link-pack-btn__qty {
    font-size: 1.15rem;
    font-weight: 700;
    line-height: 1.15;
    color: #f8fafc;
}

.create-link-pack-btn__label {
    font-size: 0.72rem;
    color: #94a3b8;
}

.create-link-block--notes {
    margin-bottom: 22px;
}

.create-link-block__label {
    display: block;
    margin-bottom: 10px;
    font-size: 0.68rem;
    font-weight: 700;
    letter-spacing: 0.08em;
    text-transform: uppercase;
    color: #64748b;
}

.create-link-block__panel {
    padding: 16px;
    border-radius: 12px;
    background: rgba(6, 11, 18, 0.65);
    border: 1px solid rgba(255, 255, 255, 0.06);
}

.create-link-block__panel--notes {
    padding: 14px 16px;
}

.create-link-field--full {
    grid-column: 1 / -1;
}

.create-link-grid {
    display: grid;
    grid-template-columns: repeat(2, 1fr);
    gap: 14px 16px;
}

.create-link-field {
    margin-bottom: 0;
}

.create-link-field label {
    font-size: 0.82rem;
    font-weight: 500;
    color: #94a3b8;
    margin-bottom: 8px;
}

.create-link-optional {
    font-weight: 400;
    color: #64748b;
}

.create-link-input-wrap,
.create-link-select-wrap {
    display: flex;
    align-items: center;
    gap: 0;
    border-radius: 10px;
    border: 1px solid rgba(255, 255, 255, 0.1);
    background: #0a1018;
    transition: border-color 0.15s, box-shadow 0.15s;
}

.create-link-input-wrap:focus-within,
.create-link-select-wrap:focus-within {
    border-color: rgba(200, 205, 214, 0.5);
    box-shadow: 0 0 0 3px rgba(200, 205, 214, 0.12);
}

.create-link-field__icon {
    flex-shrink: 0;
    width: 40px;
    display: inline-flex;
    align-items: center;
    justify-content: center;
    color: #64748b;
    user-select: none;
}

.create-link-input,
.create-link-select {
    flex: 1;
    width: auto;
    min-width: 0;
    padding: 12px 14px 12px 0;
    border: none;
    background: transparent;
    color: #f1f5f9;
    font-size: 0.95rem;
    border-radius: 0 10px 10px 0;
}

.create-link-input:focus,
.create-link-select:focus {
    outline: none;
    box-shadow: none;
}

.create-link-select {
    padding-left: 0;
    cursor: pointer;
}

.create-link-hint {
    display: block;
    margin-top: 6px;
    font-size: 0.75rem;
    line-height: 1.35;
}

.create-link-empty {
    margin: 0;
    padding: 12px 14px;
    border-radius: 10px;
    background: rgba(255, 255, 255, 0.03);
    border: 1px dashed rgba(255, 255, 255, 0.1);
}

.create-link-actions {
    padding-top: 6px;
    display: flex;
    flex-direction: column;
    gap: 12px;
}

.create-link-default-check {
    display: flex;
    align-items: center;
    gap: 10px;
    font-size: 0.88rem;
    color: #cbd5e1;
    cursor: pointer;
    user-select: none;
}

.create-link-default-check input {
    width: 16px;
    height: 16px;
    accent-color: var(--primary, #c8cdd6);
}

.create-link-submit {
    width: 100%;
    max-width: none;
    justify-content: center;
    gap: 10px;
    padding: 16px 24px;
    font-size: 1rem;
    font-weight: 700;
    letter-spacing: 0.01em;
    background: linear-gradient(135deg, var(--primary, #c8cdd6) 0%, var(--accent, #3b82f6) 100%);
    box-shadow: 0 6px 28px rgba(200, 205, 214, 0.4);
    transition: transform 0.15s, box-shadow 0.15s;
}

.create-link-submit__icon {
    font-size: 1.05rem;
}

.create-link-submit:hover {
    transform: translateY(-2px);
    box-shadow: 0 10px 32px rgba(200, 205, 214, 0.5);
}

.create-link-submit__arrow {
    font-size: 1.1rem;
    opacity: 0.9;
    transition: transform 0.15s;
}

.create-link-submit:hover .create-link-submit__arrow {
    transform: translateX(3px);
}

@media (max-width: 640px) {
    .create-link-grid {
        grid-template-columns: 1fr;
    }

    .create-link-block__panel {
        padding: 14px;
    }

    .create-link-submit {
        max-width: none;
        width: 100%;
    }
}

/* ——— Lista de links diretos ——— */

.direct-links-card {
    padding-bottom: 8px;
}

.direct-links-card__head {
    margin-bottom: 16px;
    padding-bottom: 16px;
    border-bottom: 1px solid rgba(255, 255, 255, 0.06);
}

.direct-links-card__title {
    margin: 0 0 4px;
    font-size: 1.15rem;
    font-weight: 600;
    display: flex;
    align-items: center;
    gap: 10px;
}

.direct-links-card__count {
    display: inline-flex;
    align-items: center;
    justify-content: center;
    min-width: 28px;
    height: 24px;
    padding: 0 8px;
    border-radius: 999px;
    font-size: 0.78rem;
    font-weight: 700;
    color: #c4b5fd;
    background: rgba(200, 205, 214, 0.15);
    border: 1px solid rgba(200, 205, 214, 0.25);
}

.direct-links-card__subtitle {
    margin: 0;
    font-size: 0.84rem;
}

.links-toolbar--styled {
    padding: 12px 14px;
    margin-bottom: 16px;
    border-radius: 12px;
    background: #060b12;
    border: 1px solid rgba(255, 255, 255, 0.06);
}

.links-toolbar__search-wrap {
    display: flex;
    align-items: center;
    flex: 1;
    max-width: 320px;
    border-radius: 10px;
    border: 1px solid rgba(255, 255, 255, 0.1);
    background: #0b121c;
    overflow: hidden;
}

.links-toolbar__search-wrap:focus-within {
    border-color: rgba(200, 205, 214, 0.4);
    box-shadow: 0 0 0 3px rgba(200, 205, 214, 0.1);
}

.links-toolbar__search-icon {
    padding: 0 10px 0 12px;
    font-size: 0.85rem;
    opacity: 0.6;
}

.links-toolbar__search-wrap .links-toolbar__search {
    border: none;
    background: transparent;
    padding-left: 0;
    flex: 1;
}

.links-toolbar__search-wrap .links-toolbar__search:focus {
    outline: none;
    box-shadow: none;
}

.direct-links-empty {
    text-align: center;
    padding: 36px 16px;
}

.direct-links-empty__icon {
    display: block;
    font-size: 2rem;
    margin-bottom: 10px;
    opacity: 0.7;
}

.direct-links-list {
    display: flex;
    flex-direction: column;
    gap: 8px;
}

.direct-links-list-head {
    display: grid;
    grid-template-columns: minmax(180px, 1.2fr) minmax(160px, 1fr) 64px minmax(100px, 0.82fr) minmax(132px, 0.9fr) minmax(110px, 0.85fr) auto;
    gap: 12px 16px;
    padding: 0 16px 8px;
    font-size: 0.68rem;
    font-weight: 700;
    letter-spacing: 0.04em;
    text-transform: uppercase;
    color: #64748b;
    align-items: center;
}

.direct-links-list-head span:nth-child(3),
.direct-links-list-head span:nth-child(5) {
    text-align: center;
}

.direct-links-list-head span:last-child {
    text-align: right;
}

@media (max-width: 1100px) {
    .direct-links-list-head {
        display: none;
    }
}

.direct-links-list-head--6col {
    grid-template-columns: minmax(180px, 1.2fr) minmax(160px, 1fr) 64px minmax(140px, 1fr) minmax(110px, 0.85fr) auto;
}

.direct-link-item {
    display: grid;
    grid-template-columns: minmax(180px, 1.2fr) minmax(160px, 1fr) 64px minmax(100px, 0.82fr) minmax(132px, 0.9fr) minmax(110px, 0.85fr) auto;
    align-items: center;
    gap: 12px 16px;
    padding: 14px 16px;
    border-radius: 12px;
    background: #060b12;
    border: 1px solid rgba(255, 255, 255, 0.06);
    transition: border-color 0.15s, background 0.15s;
}

.direct-link-item--6col {
    grid-template-columns: minmax(180px, 1.2fr) minmax(160px, 1fr) 64px minmax(140px, 1fr) minmax(110px, 0.85fr) auto;
}

.direct-link-item__qty[data-label],
.direct-link-item__profile[data-label],
.direct-link-item__before-count[data-label],
.direct-link-item__status[data-label] {
    display: flex;
    flex-direction: column;
    gap: 4px;
}

.direct-link-item__qty[data-label]::before,
.direct-link-item__profile[data-label]::before,
.direct-link-item__before-count[data-label]::before,
.direct-link-item__status[data-label]::before {
    content: attr(data-label);
    display: none;
    font-size: 0.65rem;
    font-weight: 700;
    letter-spacing: 0.04em;
    text-transform: uppercase;
    color: #64748b;
}

.direct-link-item:hover {
    border-color: rgba(200, 205, 214, 0.22);
    background: rgba(200, 205, 214, 0.04);
}

.direct-link-item--used {
    border-left: 3px solid rgba(59, 130, 246, 0.55);
}

.direct-link-item--available {
    border-left: 3px solid rgba(34, 197, 94, 0.45);
}

.direct-link-item--error {
    border-left: 3px solid rgba(239, 68, 68, 0.55);
}

.direct-link-item--processing {
    border-left: 3px solid rgba(234, 179, 8, 0.55);
}

.direct-link-item__link {
    min-width: 0;
}

.direct-link-item__token {
    display: inline-block;
    font-size: 0.82rem;
    font-weight: 600;
    color: #e2e8f0;
    background: rgba(255, 255, 255, 0.06);
    padding: 3px 8px;
    border-radius: 6px;
    margin-bottom: 4px;
}

.direct-link-item__url {
    display: block;
    font-size: 0.72rem;
    color: #64748b;
    font-family: ui-monospace, monospace;
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis;
}

.direct-link-item__service {
    display: flex;
    flex-direction: column;
    gap: 2px;
    min-width: 0;
}

.direct-link-item__service-name {
    font-size: 0.88rem;
    font-weight: 500;
    color: #cbd5e1;
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis;
}

.direct-link-item__service-id {
    font-size: 0.72rem;
}

.direct-link-item__qty {
    font-size: 0.95rem;
    font-weight: 600;
    color: #f1f5f9;
    font-variant-numeric: tabular-nums;
    text-align: center;
}

.direct-link-item__profile {
    font-size: 0.85rem;
    display: flex;
    flex-direction: column;
    gap: 2px;
    min-width: 0;
    overflow: hidden;
    text-overflow: ellipsis;
}

.direct-link-item__profile strong {
    color: #e2e8f0;
    font-weight: 600;
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis;
}

.direct-link-item__before-count {
    font-size: 0.9rem;
    font-weight: 600;
    color: #f1f5f9;
    font-variant-numeric: tabular-nums;
    text-align: center;
    white-space: nowrap;
}

.direct-link-item__status {
    display: flex;
    flex-direction: column;
    align-items: flex-start;
    gap: 4px;
}

.direct-link-item__error,
.direct-link-item__provider {
    font-size: 0.68rem;
    line-height: 1.3;
    max-width: 140px;
}

.direct-link-item__actions {
    display: flex;
    flex-wrap: wrap;
    gap: 6px;
    justify-content: flex-end;
}

.direct-link-action-form {
    display: inline;
    margin: 0;
}

.direct-link-action {
    display: inline-flex;
    align-items: center;
    padding: 6px 11px;
    border-radius: 8px;
    font-size: 0.78rem;
    font-weight: 600;
    cursor: pointer;
    text-decoration: none;
    border: 1px solid transparent;
    background: transparent;
    color: #94a3b8;
    transition: background 0.15s, color 0.15s, border-color 0.15s;
    font-family: inherit;
}

.direct-link-action--ghost {
    border-color: rgba(255, 255, 255, 0.12);
    background: rgba(255, 255, 255, 0.03);
}

.direct-link-action--ghost:hover {
    color: #f1f5f9;
    border-color: rgba(200, 205, 214, 0.35);
    background: rgba(200, 205, 214, 0.1);
}

.direct-link-action--danger {
    border-color: rgba(239, 68, 68, 0.4);
    color: #fca5a5;
    background: rgba(239, 68, 68, 0.08);
}

.direct-link-action--danger:hover {
    background: rgba(239, 68, 68, 0.18);
    color: #fecaca;
}

@media (max-width: 1100px) {
    .direct-link-item {
        grid-template-columns: 1fr 1fr;
        grid-template-rows: auto auto auto;
    }

    .direct-link-item__link {
        grid-column: 1 / -1;
    }

    .direct-link-item__actions {
        grid-column: 1 / -1;
        justify-content: flex-start;
        padding-top: 4px;
    }

    .direct-link-item__qty[data-label]::before,
    .direct-link-item__profile[data-label]::before,
    .direct-link-item__before-count[data-label]::before,
    .direct-link-item__status[data-label]::before {
        display: block;
    }
}

@media (max-width: 640px) {
    .links-toolbar__filters {
        flex-direction: column;
        align-items: stretch;
        min-width: 0;
    }

    .links-toolbar__search-wrap {
        max-width: none;
    }

    .direct-link-item {
        grid-template-columns: 1fr;
    }
}

.smm-panel__head {
    display: flex;
    align-items: flex-start;
    justify-content: space-between;
    gap: 12px;
    margin-bottom: 18px;
}

.smm-panel__head h2 {
    margin: 0 0 6px;
}

.smm-panel__balance {
    display: flex;
    align-items: center;
    gap: 16px;
    flex-wrap: wrap;
    padding: 16px 18px;
    margin-bottom: 20px;
    border-radius: 12px;
    background: #060b12;
    border: 1px solid rgba(34, 197, 94, 0.25);
}

.smm-panel__balance-label {
    font-size: 0.75rem;
    font-weight: 700;
    letter-spacing: 0.06em;
    text-transform: uppercase;
    color: #64748b;
    width: 100%;
}

.smm-panel__balance-value {
    font-size: 1.75rem;
    font-weight: 800;
    color: #4ade80;
    flex: 1;
    min-width: 120px;
}

@media (max-width: 960px) {
    body.admin {
        overflow-x: hidden;
    }

    .mobile-header {
        display: flex;
        align-items: center;
        gap: 12px;
        padding:
            max(10px, env(safe-area-inset-top, 0px))
            max(14px, env(safe-area-inset-right, 0px))
            10px
            max(14px, env(safe-area-inset-left, 0px));
        background: rgba(10, 16, 24, 0.96);
        border-bottom: 1px solid rgba(255, 255, 255, 0.06);
        position: sticky;
        top: 0;
        z-index: 120;
        backdrop-filter: blur(12px);
    }

    .mobile-header__menu {
        display: flex;
        flex-direction: column;
        justify-content: center;
        gap: 5px;
        width: 44px;
        height: 44px;
        padding: 0;
        border: 1px solid rgba(255, 255, 255, 0.1);
        border-radius: 12px;
        background: #060b12;
        cursor: pointer;
        flex-shrink: 0;
        -webkit-tap-highlight-color: transparent;
    }

    .mobile-header__menu-bar {
        display: block;
        width: 18px;
        height: 2px;
        margin: 0 auto;
        border-radius: 2px;
        background: #e2e8f0;
        transition: transform 0.2s, opacity 0.2s;
    }

    .nav-open .mobile-header__menu-bar:nth-child(1) {
        transform: translateY(7px) rotate(45deg);
    }

    .nav-open .mobile-header__menu-bar:nth-child(2) {
        opacity: 0;
    }

    .nav-open .mobile-header__menu-bar:nth-child(3) {
        transform: translateY(-7px) rotate(-45deg);
    }

    .mobile-header__brand {
        flex: 1;
        min-width: 0;
        display: flex;
        align-items: center;
        justify-content: center;
        text-decoration: none;
    }

    .mobile-header__logo {
        height: 36px;
        max-width: min(160px, 50vw);
        object-fit: contain;
    }

    .mobile-header__name {
        font-weight: 700;
        font-size: 0.95rem;
        color: #f1f5f9;
        white-space: nowrap;
        overflow: hidden;
        text-overflow: ellipsis;
    }

    .mobile-header__action {
        width: 44px;
        height: 44px;
        padding: 0 !important;
        display: inline-flex;
        align-items: center;
        justify-content: center;
        font-size: 1.35rem;
        font-weight: 700;
        border-radius: 12px;
        flex-shrink: 0;
    }

    .mobile-nav-overlay {
        display: block;
        position: fixed;
        inset: 0;
        z-index: 180;
        background: rgba(2, 6, 14, 0.65);
        backdrop-filter: blur(2px);
        opacity: 0;
        pointer-events: none;
        transition: opacity 0.25s ease;
    }

    .nav-open .mobile-nav-overlay {
        opacity: 1;
        pointer-events: auto;
    }

    .admin-shell {
        display: block;
    }

    .sidebar {
        position: fixed;
        top: 0;
        left: 0;
        bottom: 0;
        width: min(288px, 88vw);
        height: 100vh;
        height: 100dvh;
        z-index: 190;
        transform: translateX(-105%);
        transition: transform 0.28s cubic-bezier(0.4, 0, 0.2, 1);
        box-shadow: 8px 0 40px rgba(0, 0, 0, 0.45);
        padding-bottom: env(safe-area-inset-bottom, 0px);
    }

    .nav-open .sidebar {
        transform: translateX(0);
    }

    .sidebar__close {
        display: flex;
        align-items: center;
        justify-content: center;
        position: absolute;
        top: max(12px, env(safe-area-inset-top, 0px));
        right: 12px;
        width: 44px;
        height: 44px;
        padding: 0;
        border: 1px solid rgba(255, 255, 255, 0.1);
        border-radius: 10px;
        background: rgba(255, 255, 255, 0.04);
        color: #94a3b8;
        font-size: 1.5rem;
        line-height: 1;
        cursor: pointer;
        z-index: 2;
        -webkit-tap-highlight-color: transparent;
    }

    .sidebar__brand--logo {
        padding-top: max(18px, calc(env(safe-area-inset-top, 0px) + 8px));
    }

    .sidebar__nav {
        display: block;
        flex: 1;
        overflow-y: auto;
        -webkit-overflow-scrolling: touch;
        padding-bottom: 12px;
    }

    .sidebar__label {
        width: auto;
    }

    .sidebar__link {
        flex: none;
        min-width: 0;
        min-height: 46px;
        padding: 12px 14px;
    }

    .sidebar__footer {
        padding-bottom: max(16px, env(safe-area-inset-bottom, 0px));
    }

    .admin-main {
        width: 100%;
        min-height: 100vh;
        min-height: 100dvh;
    }

    .admin-topbar {
        flex-wrap: wrap;
        gap: 12px;
        padding: 16px;
    }

    .admin-topbar__greeting h1 {
        font-size: 1.15rem;
    }

    .admin-topbar__greeting p {
        font-size: 0.82rem;
        line-height: 1.45;
    }

    .admin-topbar__actions {
        width: 100%;
        justify-content: stretch;
    }

    .admin-topbar__actions .btn-success {
        flex: 1;
        justify-content: center;
        min-height: 44px;
    }

    .admin-topbar__gear {
        width: 44px;
        height: 44px;
        flex-shrink: 0;
    }

    .admin-content {
        padding:
            16px
            max(16px, env(safe-area-inset-right, 0px))
            24px
            max(16px, env(safe-area-inset-left, 0px));
        max-width: none;
    }

    .admin-footer {
        padding: 14px 16px 12px;
        font-size: 0.75rem;
        line-height: 1.45;
    }

    .gm-balances,
    .gm-grid-2,
    .dash-grid,
    .gm-kpi-row,
    .metric-cards {
        grid-template-columns: 1fr;
    }

    .dash-quick-stats {
        grid-template-columns: repeat(2, minmax(0, 1fr));
    }

    .page-head {
        flex-direction: column;
        align-items: stretch;
    }

    .page-head .btn {
        width: 100%;
        justify-content: center;
        min-height: 44px;
    }

    .links-toolbar {
        flex-direction: column;
        align-items: stretch;
    }

    .links-toolbar__filters {
        width: 100%;
        margin-left: 0;
        flex-direction: column;
        align-items: stretch;
    }

    .links-toolbar__search,
    .links-toolbar__search-wrap {
        width: 100%;
        max-width: none;
    }

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

    .card {
        padding: 18px 16px;
    }

    .grid-2,
    .grid-3 {
        grid-template-columns: 1fr;
    }

    .admin-content input[type="text"],
    .admin-content input[type="password"],
    .admin-content input[type="email"],
    .admin-content input[type="number"],
    .admin-content input[type="url"],
    .admin-content input[type="search"],
    .admin-content select,
    .admin-content textarea {
        font-size: 16px;
    }

    .direct-link-item__actions .btn {
        min-height: 44px;
        padding: 10px 14px;
    }

    .create-link-submit {
        min-height: 48px;
    }
}

@media (max-width: 520px) {
    .admin-topbar__greeting p {
        display: none;
    }

    .admin-topbar__actions {
        display: none;
    }

    .numbers-kpis {
        gap: 10px;
    }

    .numbers-kpi__label {
        font-size: 0.62rem;
    }

    .numbers-kpi__value {
        font-size: 1.2rem;
    }

    .numbers-kpi__value--balance {
        font-size: 1.05rem;
    }

    .numbers-chart-wrap {
        height: 200px;
    }

    .numbers-chart-hint {
        font-size: 0.75rem;
        padding: 0 4px;
    }

    .dash-quick-stats {
        grid-template-columns: 1fr;
    }

    .dash-stat__value {
        font-size: 1.15rem;
    }

    .dash-link__token {
        font-size: 0.75rem;
        word-break: break-all;
    }

    .metric-cards {
        grid-template-columns: 1fr;
    }

    .metric-card__value {
        font-size: 1.65rem;
    }

    .act-nav__pill {
        min-width: 56px;
        padding: 8px 10px 6px;
    }

    .page-head__title {
        font-size: 1.2rem;
    }

    .page-head__icon {
        width: 30px;
        height: 30px;
        border-radius: 9px;
    }
}

@media (max-width: 640px) {
    body.auth-page {
        padding:
            max(16px, env(safe-area-inset-top, 0px))
            max(16px, env(safe-area-inset-right, 0px))
            max(16px, env(safe-area-inset-bottom, 0px))
            max(16px, env(safe-area-inset-left, 0px));
        align-items: center;
    }

    .auth-page__shell {
        width: 100%;
        gap: 22px;
    }

    .auth-page__hero-text {
        font-size: 0.88rem;
        margin-bottom: 16px;
    }

    .auth-page__highlights li {
        font-size: 0.68rem;
        padding: 7px 10px;
    }

    .brand-mark--auth {
        margin-bottom: 20px;
    }

    .brand-mark--auth .brand-mark__logo,
    .brand-mark__logo--full,
    .brand-mark--image-only .brand-mark__logo {
        width: 80px;
        height: 80px;
        max-width: 80px;
        max-height: 80px;
    }

    .brand-mark--auth .brand-mark__name {
        font-size: 1.45rem;
    }

    .auth-card__header {
        padding: 22px 20px 0;
    }

    .auth-card__body {
        padding: 20px 20px 24px;
    }

    .auth-card__title {
        font-size: 1.35rem;
    }

    .auth-card__subtitle {
        font-size: 0.84rem;
    }

    .auth-field__input,
    .auth-form__submit {
        font-size: 16px;
    }

    .auth-field__wrap {
        min-height: 52px;
    }

    .auth-form__submit {
        min-height: 52px;
    }

    body.hub-page {
        padding:
            max(16px, env(safe-area-inset-top, 0px))
            max(16px, env(safe-area-inset-right, 0px))
            max(16px, env(safe-area-inset-bottom, 0px))
            max(16px, env(safe-area-inset-left, 0px));
    }

    .hub-page__wrap {
        min-height: auto;
        justify-content: flex-start;
        gap: 24px;
        padding-top: 48px;
    }

    .hub-page__head {
        padding-top: 0;
    }

    .hub-page__logout {
        top: 0;
        right: 0;
    }

    .hub-page__title {
        font-size: 1.45rem;
    }

    .hub-page__subtitle {
        font-size: 0.88rem;
    }

    .hub-grid {
        grid-template-columns: 1fr;
    }

    .hub-card {
        min-height: 0;
    }

    .hub-card__top {
        flex-wrap: wrap;
    }

    .hub-card__badge {
        font-size: 0.62rem;
    }
}

.brand-preview__remove {
    display: flex;
    align-items: center;
    gap: 6px;
    font-size: 0.88rem;
    color: var(--muted);
    cursor: pointer;
}

/* —— Personalização visual —— */
.card--theme {
    background: linear-gradient(180deg, rgba(var(--theme-primary-rgb, 99, 102, 241), 0.06) 0%, var(--surface) 40%);
    border-color: rgba(var(--theme-primary-rgb, 99, 102, 241), 0.2);
}

.theme-panel__head {
    display: flex;
    align-items: center;
    justify-content: space-between;
    gap: 12px;
    margin-bottom: 4px;
}

.theme-panel__head h2 {
    margin: 0;
    color: var(--text);
    font-weight: 600;
}

.theme-panel__icon {
    font-size: 1.35rem;
    opacity: 0.9;
}

.theme-panel__hint {
    margin: 0 0 20px;
    font-size: 0.88rem;
    line-height: 1.5;
}

.card--theme-netflix {
    border-color: rgba(229, 9, 20, 0.28);
    box-shadow: 0 0 40px rgba(229, 9, 20, 0.08);
}

.card--theme-netflix .theme-panel__head h2 {
    color: #fecaca;
}

.theme-preset--netflix.is-active {
    border-color: rgba(229, 9, 20, 0.55);
    box-shadow: 0 0 0 1px rgba(229, 9, 20, 0.35), 0 12px 32px rgba(229, 9, 20, 0.12);
}

.card--theme-chatgpt .theme-panel__head h2 {
    color: #86efac;
}

.theme-preset--chatgpt.is-active {
    border-color: rgba(16, 163, 127, 0.55);
    box-shadow: 0 0 0 1px rgba(16, 163, 127, 0.35), 0 12px 32px rgba(16, 163, 127, 0.12);
}

.theme-presets {
    display: grid;
    grid-template-columns: repeat(3, minmax(0, 1fr));
    gap: 12px;
    margin-bottom: 22px;
}

.theme-preset {
    display: flex;
    flex-direction: column;
    align-items: flex-start;
    gap: 10px;
    padding: 14px;
    border-radius: 14px;
    border: 1px solid var(--border);
    background: rgba(0, 0, 0, 0.22);
    cursor: pointer;
    text-align: left;
    color: var(--text);
    transition: border-color 0.15s, box-shadow 0.15s, transform 0.15s;
    font: inherit;
}

.theme-preset:hover {
    border-color: rgba(var(--theme-primary-rgb, 168, 85, 247), 0.45);
    transform: translateY(-1px);
}

.theme-preset.is-active {
    border-color: rgba(var(--theme-primary-rgb, 168, 85, 247), 0.65);
    box-shadow: 0 0 0 1px rgba(var(--theme-primary-rgb, 168, 85, 247), 0.35), 0 8px 24px rgba(0, 0, 0, 0.25);
    background: rgba(var(--theme-primary-rgb, 168, 85, 247), 0.08);
}

.theme-preset__swatch {
    width: 44px;
    height: 44px;
    border-radius: 50%;
    box-shadow: inset 0 0 0 2px rgba(255, 255, 255, 0.12);
}

.theme-preset__meta {
    display: flex;
    flex-direction: column;
    gap: 4px;
    min-width: 0;
}

.theme-preset__title {
    display: flex;
    align-items: center;
    gap: 6px;
    font-size: 0.88rem;
    font-weight: 600;
    line-height: 1.3;
}

.theme-preset__emoji {
    font-size: 1rem;
    line-height: 1;
}

.theme-preset__codes {
    font-size: 0.72rem;
    color: var(--muted);
    font-family: ui-monospace, "Cascadia Code", Consolas, monospace;
    word-break: break-all;
}

.theme-colors {
    margin-bottom: 8px;
}

.theme-color-field label {
    font-size: 0.82rem;
    color: var(--muted);
    margin-bottom: 8px;
}

.theme-color-input {
    display: flex;
    align-items: center;
    gap: 10px;
}

.theme-color-input input[type="color"] {
    width: 44px;
    height: 44px;
    padding: 2px;
    border: 1px solid var(--border);
    border-radius: 10px;
    background: var(--surface2);
    cursor: pointer;
    flex-shrink: 0;
}

.theme-color-input input[type="color"]::-webkit-color-swatch-wrapper {
    padding: 2px;
}

.theme-color-input input[type="color"]::-webkit-color-swatch {
    border: none;
    border-radius: 6px;
}

.theme-color-input input[type="text"] {
    flex: 1;
    min-width: 0;
    font-family: ui-monospace, "Cascadia Code", Consolas, monospace;
    font-size: 0.9rem;
}

.theme-actions {
    margin-top: 18px;
}

@media (max-width: 960px) {
    .theme-presets {
        grid-template-columns: repeat(2, minmax(0, 1fr));
    }
}

@media (max-width: 520px) {
    .theme-presets {
        grid-template-columns: 1fr;
    }
}

/* —— Histórico de saldo (links diretos) —— */
.balance-history-card {
    background: #060b12;
    border: 1px solid rgba(255, 255, 255, 0.06);
}

.balance-history-card__head {
    display: flex;
    align-items: center;
    justify-content: space-between;
    gap: 12px;
    margin-bottom: 14px;
}

.balance-history-card__title {
    margin: 0;
    font-size: 1rem;
    font-weight: 600;
    color: #f1f5f9;
}

.balance-history-card__icon {
    font-size: 1.1rem;
    opacity: 0.85;
}

.balance-history-card__empty {
    margin: 0;
    font-size: 0.9rem;
}

.balance-history-list {
    max-height: 280px;
    overflow-y: auto;
    padding-right: 4px;
    scrollbar-color: rgba(255, 255, 255, 0.35) rgba(255, 255, 255, 0.06);
    scrollbar-width: thin;
}

.balance-history-list::-webkit-scrollbar {
    width: 8px;
}

.balance-history-list::-webkit-scrollbar-track {
    background: rgba(255, 255, 255, 0.06);
    border-radius: 999px;
}

.balance-history-list::-webkit-scrollbar-thumb {
    background: rgba(255, 255, 255, 0.35);
    border-radius: 999px;
}

.balance-history-item {
    display: flex;
    align-items: flex-start;
    justify-content: space-between;
    gap: 16px;
    padding: 12px 0;
    border-bottom: 1px solid rgba(255, 255, 255, 0.06);
}

.balance-history-item:last-child {
    border-bottom: none;
    padding-bottom: 0;
}

.balance-history-item:first-child {
    padding-top: 0;
}

.balance-history-item__info {
    min-width: 0;
    flex: 1;
}

.balance-history-item__meta {
    display: block;
    font-size: 0.88rem;
    line-height: 1.45;
    color: #94a3b8;
    word-break: break-word;
}

.balance-history-item__amount {
    flex-shrink: 0;
    font-size: 0.95rem;
    font-weight: 700;
    color: #f87171;
    white-space: nowrap;
    padding-top: 1px;
}

/* ——— Fila de entrega ——— */

.queue-live {
    display: inline-flex;
    align-items: center;
    gap: 8px;
    padding: 8px 12px;
    border-radius: 999px;
    background: rgba(6, 11, 18, 0.75);
    border: 1px solid rgba(255, 255, 255, 0.08);
    font-size: 0.82rem;
    color: #94a3b8;
}

.queue-sound-toggle {
    display: inline-flex;
    align-items: center;
    justify-content: center;
    width: 32px;
    height: 32px;
    padding: 0;
    border: 1px solid rgba(255, 255, 255, 0.1);
    border-radius: 50%;
    background: rgba(255, 255, 255, 0.04);
    cursor: pointer;
    transition: border-color 0.15s, background 0.15s;
}

.queue-sound-toggle:hover {
    border-color: rgba(200, 205, 214, 0.4);
    background: rgba(200, 205, 214, 0.1);
}

.queue-sound-toggle__off {
    display: none;
}

.queue-sound-toggle.is-muted .queue-sound-toggle__on {
    display: none;
}

.queue-sound-toggle.is-muted .queue-sound-toggle__off {
    display: inline;
}

.queue-live__dot {
    width: 8px;
    height: 8px;
    border-radius: 50%;
    background: #22c55e;
    box-shadow: 0 0 10px rgba(34, 197, 94, 0.65);
    animation: queue-pulse 1.6s ease-in-out infinite;
}

.queue-live__dot.is-paused {
    background: #64748b;
    box-shadow: none;
    animation: none;
}

.queue-live__dot.is-alert {
    background: #fbbf24;
    box-shadow: 0 0 14px rgba(251, 191, 36, 0.75);
}

@keyframes queue-pulse {
    0%, 100% { opacity: 1; transform: scale(1); }
    50% { opacity: 0.55; transform: scale(0.92); }
}

.queue-search {
    margin-bottom: 16px;
}

.queue-search__wrap {
    width: 100%;
    max-width: 420px;
}

.queue-search__input {
    width: 100%;
}

.queue-search__meta {
    margin: 8px 0 0;
    font-size: 0.82rem;
}

.queue-board {
    display: grid;
    grid-template-columns: repeat(3, minmax(0, 1fr));
    gap: 14px;
    align-items: start;
}

.queue-col {
    min-height: 420px;
    padding: 16px;
    border-radius: 16px;
    background: #0b121c;
    border: 1px solid rgba(255, 255, 255, 0.06);
    box-shadow: 0 12px 36px rgba(0, 0, 0, 0.22);
}

.queue-col--waiting {
    border-color: rgba(251, 191, 36, 0.25);
    background: linear-gradient(180deg, rgba(251, 191, 36, 0.05) 0%, #0b121c 120px);
}

.queue-col--sending {
    border-color: rgba(59, 130, 246, 0.28);
    background: linear-gradient(180deg, rgba(59, 130, 246, 0.06) 0%, #0b121c 120px);
}

.queue-col--completed {
    border-color: rgba(34, 197, 94, 0.28);
    background: linear-gradient(180deg, rgba(34, 197, 94, 0.06) 0%, #0b121c 120px);
}

.queue-col__head {
    display: flex;
    align-items: center;
    justify-content: space-between;
    gap: 10px;
    margin-bottom: 6px;
}

.queue-col__title {
    margin: 0;
    font-size: 0.95rem;
    font-weight: 700;
    color: #f8fafc;
}

.queue-col__count {
    min-width: 28px;
    height: 24px;
    padding: 0 8px;
    border-radius: 999px;
    display: inline-flex;
    align-items: center;
    justify-content: center;
    font-size: 0.78rem;
    font-weight: 700;
    color: #e2e8f0;
    background: rgba(255, 255, 255, 0.06);
    border: 1px solid rgba(255, 255, 255, 0.1);
}

.queue-col--waiting .queue-col__count {
    color: #fde68a;
    background: rgba(251, 191, 36, 0.12);
    border-color: rgba(251, 191, 36, 0.25);
}

.queue-col--sending .queue-col__count {
    color: #93c5fd;
    background: rgba(59, 130, 246, 0.12);
    border-color: rgba(59, 130, 246, 0.25);
}

.queue-col--completed .queue-col__count {
    color: #86efac;
    background: rgba(34, 197, 94, 0.12);
    border-color: rgba(34, 197, 94, 0.25);
}

.queue-col__hint {
    margin: 0 0 14px;
    font-size: 0.78rem;
    line-height: 1.4;
}

.queue-col__list {
    display: flex;
    flex-direction: column;
    gap: 10px;
    max-height: 520px;
    overflow: auto;
    padding-right: 2px;
}

.queue-col__empty {
    margin: 0;
    padding: 28px 12px;
    text-align: center;
    font-size: 0.84rem;
    border-radius: 12px;
    border: 1px dashed rgba(255, 255, 255, 0.08);
    background: rgba(6, 11, 18, 0.45);
}

.queue-item {
    display: grid;
    grid-template-columns: auto 1fr;
    gap: 12px;
    padding: 12px;
    border-radius: 12px;
    background: rgba(6, 11, 18, 0.72);
    border: 1px solid rgba(255, 255, 255, 0.06);
    animation: queue-item-in 0.25s ease;
}

.queue-item--sending {
    border-color: rgba(59, 130, 246, 0.28);
    box-shadow: inset 0 0 0 1px rgba(59, 130, 246, 0.08);
}

.queue-item--waiting {
    border-color: rgba(251, 191, 36, 0.25);
}

.queue-item--stuck {
    border-color: rgba(239, 68, 68, 0.35);
    box-shadow: inset 0 0 0 1px rgba(239, 68, 68, 0.12);
}

.queue-item__stuck {
    margin: 6px 0 0;
    font-size: 0.72rem;
    font-weight: 600;
    line-height: 1.35;
    color: #fca5a5;
}

.queue-item__order {
    font-size: 0.72rem;
    font-weight: 600;
    color: #94a3b8;
}

.queue-item__actions {
    margin-top: 8px;
}

.queue-item--completed {
    border-color: rgba(34, 197, 94, 0.22);
}

@keyframes queue-item-in {
    from { opacity: 0; transform: translateY(4px); }
    to { opacity: 1; transform: translateY(0); }
}

.queue-item__avatar {
    width: 40px;
    height: 40px;
    border-radius: 11px;
    display: flex;
    align-items: center;
    justify-content: center;
    font-weight: 700;
    color: #f3e8ff;
    background: linear-gradient(135deg, rgba(200, 205, 214, 0.4), rgba(59, 130, 246, 0.28));
    border: 1px solid rgba(255, 255, 255, 0.08);
}

.queue-item__body {
    min-width: 0;
}

.queue-item__top {
    display: flex;
    align-items: center;
    flex-wrap: wrap;
    gap: 8px;
    margin-bottom: 6px;
}

.queue-item__profile {
    font-size: 0.92rem;
    font-weight: 600;
    color: #f8fafc;
    text-decoration: none;
}

a.queue-item__profile:hover {
    color: #c4b5fd;
}

.queue-item__qty {
    display: inline-flex;
    padding: 3px 8px;
    border-radius: 999px;
    font-size: 0.72rem;
    font-weight: 600;
    color: #86efac;
    background: rgba(34, 197, 94, 0.12);
    border: 1px solid rgba(34, 197, 94, 0.2);
}

.queue-item__meta {
    display: flex;
    align-items: center;
    flex-wrap: wrap;
    gap: 6px;
    font-size: 0.78rem;
    color: #64748b;
}

.queue-item__service {
    color: #94a3b8;
}

.queue-item__provider {
    font-family: ui-monospace, monospace;
    font-size: 0.72rem;
    color: #64748b;
}

.queue-item__before {
    font-size: 0.72rem;
    font-weight: 600;
    color: #93c5fd;
}

.queue-item__time {
    display: block;
    margin-top: 6px;
    font-size: 0.75rem;
    color: #64748b;
    font-variant-numeric: tabular-nums;
}

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

    .queue-col {
        min-height: 0;
    }

    .queue-col__list {
        max-height: 320px;
    }
}

@media (max-width: 720px) {
    .page-head {
        flex-direction: column;
        align-items: stretch;
    }

    .queue-live {
        align-self: flex-start;
    }
}

/* ——— Recarregar saldo (revendedores) ——— */

.recharge-grid {
    display: grid;
    grid-template-columns: 1.4fr 1fr;
    gap: 20px;
    max-width: 960px;
}

.recharge-card__title {
    margin: 0 0 8px;
    font-size: 1.05rem;
}

.recharge-card__lead {
    margin: 0 0 20px;
}

.recharge-pix-box {
    display: flex;
    flex-direction: column;
    align-items: flex-start;
    gap: 12px;
    padding: 18px 20px;
    margin-bottom: 20px;
    border-radius: 12px;
    background: #060b12;
    border: 1px solid rgba(200, 205, 214, 0.35);
}

.recharge-pix-box__label {
    font-size: 0.72rem;
    font-weight: 700;
    letter-spacing: 0.06em;
    text-transform: uppercase;
    color: #94a3b8;
}

.recharge-pix-box__key {
    font-size: 1.15rem;
    font-weight: 600;
    color: #f8fafc;
    word-break: break-all;
}

.recharge-qr-wrap {
    display: flex;
    flex-direction: column;
    align-items: center;
    gap: 10px;
    padding: 20px;
    margin-bottom: 20px;
    border-radius: 12px;
    background: #fff;
    border: 1px solid rgba(255, 255, 255, 0.08);
}

.recharge-qr-canvas {
    display: block;
    border-radius: 8px;
    object-fit: contain;
    max-width: 100%;
    height: auto;
}

.recharge-qr-amount {
    margin: 0;
    font-size: 0.95rem;
    color: #0f172a;
    text-align: center;
}

.recharge-qr-amount.muted {
    color: #64748b;
}

.recharge-amount-form {
    margin-bottom: 20px;
}

.recharge-amount-actions {
    display: flex;
    flex-wrap: wrap;
    gap: 8px;
}

.recharge-pix-box--copy {
    margin-bottom: 16px;
}

.recharge-pix-payload {
    width: 100%;
    min-height: 72px;
    padding: 10px 12px;
    border-radius: 8px;
    border: 1px solid rgba(255, 255, 255, 0.08);
    background: #0b121c;
    color: #cbd5e1;
    font-family: ui-monospace, SFMono-Regular, Menlo, Consolas, monospace;
    font-size: 0.72rem;
    line-height: 1.45;
    resize: vertical;
}

.recharge-steps {
    margin: 0;
    padding-left: 1.2rem;
    line-height: 1.65;
}

.recharge-steps li + li {
    margin-top: 8px;
}

.recharge-balance {
    margin: 0 0 8px;
    font-size: 1.75rem;
    font-weight: 700;
    color: #4ade80;
}

@media (max-width: 768px) {
    .recharge-grid {
        grid-template-columns: 1fr;
    }
}

/* —— Validade de links (Netflix / ChatGPT) —— */
.link-expiry {
    min-width: 160px;
}

.link-expiry__head {
    display: flex;
    flex-direction: column;
    gap: 2px;
    margin-bottom: 8px;
}

.link-expiry__label {
    font-size: 0.82rem;
    font-weight: 700;
    color: #e2e8f0;
}

.link-expiry__date {
    font-size: 0.72rem;
}

.link-expiry__track {
    height: 6px;
    border-radius: 999px;
    background: rgba(255, 255, 255, 0.08);
    overflow: hidden;
}

.link-expiry__fill {
    display: block;
    height: 100%;
    border-radius: inherit;
    transition: width 0.35s ease;
}

.link-expiry--ok .link-expiry__fill {
    background: linear-gradient(90deg, #22c55e 0%, #4ade80 100%);
}

.link-expiry--warn .link-expiry__fill {
    background: linear-gradient(90deg, #eab308 0%, #facc15 100%);
}

.link-expiry--danger .link-expiry__fill {
    background: linear-gradient(90deg, #ef4444 0%, #f87171 100%);
}

.link-expiry--warn .link-expiry__label {
    color: #fde047;
}

.link-expiry--danger .link-expiry__label {
    color: #fca5a5;
}

.table-row--warn {
    background: rgba(234, 179, 8, 0.04);
}

.table-row--warn td:first-child {
    box-shadow: inset 3px 0 0 rgba(234, 179, 8, 0.65);
}

.table-row--danger {
    background: rgba(239, 68, 68, 0.04);
}

.table-row--danger td:first-child {
    box-shadow: inset 3px 0 0 rgba(239, 68, 68, 0.65);
}

.checkout-pro__info--countdown.link-expiry--ok {
    border-color: rgba(34, 197, 94, 0.35);
    background: rgba(34, 197, 94, 0.06);
}

.checkout-pro__info--countdown.link-expiry--warn {
    border-color: rgba(234, 179, 8, 0.4);
    background: rgba(234, 179, 8, 0.07);
}

.checkout-pro__info--countdown.link-expiry--warn .checkout-pro__info-title {
    color: #fde047;
}

.access-countdown {
    font-size: 1.05rem;
    color: #f8fafc;
}

.access-countdown--ended {
    color: #fca5a5;
}

.access-countdown__until {
    margin-top: 6px;
    font-size: 0.82rem;
}

@keyframes service-code-pop {
    from {
        opacity: 0;
        transform: scale(0.92) translateY(6px);
    }
    to {
        opacity: 1;
        transform: scale(1) translateY(0);
    }
}

.numbers-chart-card__range-btn.is-active {
    box-shadow: 0 4px 14px rgba(200, 205, 214, 0.22);
}

.summary-hero__spotlight-card {
    transition: transform 0.2s ease, box-shadow 0.2s ease;
}

.summary-hero__spotlight-card:hover {
    transform: translateY(-2px);
}

@media (max-width: 768px) {
    .link-expiry {
        min-width: 0;
    }

    .table-row--warn td,
    .table-row--danger td {
        box-shadow: none;
    }
}

/* ——— Tema Preto Clean ——— */

body.admin--clean-black {
    background: #000000;
    color: #f5f5f5;
}

body.admin--clean-black .admin-shell {
    background: #000000;
}

body.admin--clean-black .sidebar {
    background: #000000;
    border-right-color: #1a1a1a;
}

body.admin--clean-black .sidebar__brand,
body.admin--clean-black .sidebar__module,
body.admin--clean-black .sidebar__footer {
    border-color: #1a1a1a;
}

body.admin--clean-black .sidebar__logo,
body.admin--clean-black .sidebar__logo--full {
    border-color: #262626;
    filter: none;
    box-shadow: none;
}

body.admin--clean-black .sidebar__link {
    color: #a3a3a3;
    border-radius: 8px;
}

body.admin--clean-black .sidebar__link:hover {
    color: #ffffff;
    background: rgba(255, 255, 255, 0.04);
}

body.admin--clean-black .sidebar__link.is-active {
    color: #ffffff;
}

body.admin--clean-black .sidebar__link-icon {
    opacity: 0.55;
}

body.admin--clean-black .sidebar__link.is-active .sidebar__link-icon {
    opacity: 1;
}

body.admin--clean-black .sidebar__label {
    color: #525252;
}

body.admin--clean-black .sidebar__module-badge {
    color: #a3a3a3;
    background: #0a0a0a;
    border-color: #1f1f1f;
}

body.admin--clean-black .sidebar__module-switch {
    color: #737373;
    border-color: #1f1f1f;
}

body.admin--clean-black .sidebar__module-switch:hover {
    color: #ffffff;
    background: #111111;
}

body.admin--clean-black .admin-main {
    background: #000000;
}

body.admin--clean-black .mobile-header {
    background: #000000;
    border-bottom-color: #1a1a1a;
}

body.admin--clean-black .admin-topbar {
    border-bottom-color: #1a1a1a;
}

body.admin--clean-black .card,
body.admin--clean-black .numbers-panel,
body.admin--clean-black .numbers-chart-card,
body.admin--clean-black .dash-panel,
body.admin--clean-black .summary-hero__spotlight-card {
    background: #0a0a0a;
    border-color: #1f1f1f;
    border-radius: 12px;
    box-shadow: none;
}

body.admin--clean-black .numbers-panel::before,
body.admin--clean-black .numbers-kpi::before {
    display: none;
}

body.admin--clean-black .numbers-kpi {
    background: #0a0a0a;
    border-color: #1f1f1f;
    border-radius: 12px;
    box-shadow: none;
}

body.admin--clean-black .numbers-kpi:hover {
    transform: none;
    border-color: #333333;
    box-shadow: none;
}

body.admin--clean-black .numbers-kpi::after {
    background: #333333;
    height: 2px;
    opacity: 0.6;
}

body.admin--clean-black .numbers-kpi--profit .numbers-kpi__value {
    color: #d4d4d4;
}

body.admin--clean-black .numbers-kpi--profit::after,
body.admin--clean-black .numbers-kpi--activations::after,
body.admin--clean-black .numbers-kpi--spend::after,
body.admin--clean-black .numbers-kpi--balance::after,
body.admin--clean-black .numbers-kpi--links::after,
body.admin--clean-black .numbers-kpi--links-used::after {
    background: #404040;
}

body.admin--clean-black .numbers-kpi--profit,
body.admin--clean-black .numbers-kpi--activations,
body.admin--clean-black .numbers-kpi--spend,
body.admin--clean-black .numbers-kpi--balance,
body.admin--clean-black .numbers-kpi--links,
body.admin--clean-black .numbers-kpi--links-used {
    border-color: #1f1f1f;
}

body.admin--clean-black .numbers-kpi--profit .numbers-kpi__value,
body.admin--clean-black .numbers-kpi--activations .numbers-kpi__value,
body.admin--clean-black .numbers-kpi--spend .numbers-kpi__value,
body.admin--clean-black .numbers-kpi--balance .numbers-kpi__value,
body.admin--clean-black .numbers-kpi--links .numbers-kpi__value,
body.admin--clean-black .numbers-kpi--links-used .numbers-kpi__value {
    color: #fafafa;
}

body.admin--clean-black .numbers-kpi__icon-wrap {
    background: #111111;
    border-color: #262626;
    color: #d4d4d4;
    box-shadow: none;
}

body.admin--clean-black .numbers-kpi--profit .numbers-kpi__icon-wrap,
body.admin--clean-black .numbers-kpi--activations .numbers-kpi__icon-wrap,
body.admin--clean-black .numbers-kpi--spend .numbers-kpi__icon-wrap,
body.admin--clean-black .numbers-kpi--balance .numbers-kpi__icon-wrap,
body.admin--clean-black .numbers-kpi--links .numbers-kpi__icon-wrap,
body.admin--clean-black .numbers-kpi--links-used .numbers-kpi__icon-wrap {
    background: #111111;
    border-color: #262626;
}

body.admin--clean-black .summary-hero__eyebrow,
body.admin--clean-black .numbers-chart-card__eyebrow,
body.admin--clean-black .dash-panel__eyebrow {
    color: #737373;
}

body.admin--clean-black .summary-hero__title-icon {
    background: #111111;
    border-color: #262626;
    box-shadow: none;
    color: #ffffff;
}

body.admin--clean-black .summary-hero__spotlight-card {
    background: #0a0a0a;
    border-color: #1f1f1f;
}

body.admin--clean-black .summary-hero__spotlight-value {
    color: #ffffff;
}

body.admin--clean-black .numbers-panel__chip {
    background: #111111;
    border-color: #262626;
    color: #a3a3a3;
}

body.admin--clean-black .numbers-panel__chip.is-active {
    background: #ffffff;
    border-color: #ffffff;
    color: #000000;
}

body.admin--clean-black .numbers-chart-card__range-btn.is-active {
    background: #ffffff;
    color: #000000;
    box-shadow: none;
}

body.admin--clean-black .numbers-chart-hint__dot {
    background: #737373;
    box-shadow: none;
}

body.admin--clean-black .dash-panel__badge {
    color: #a3a3a3;
    background: #111111;
    border-color: #262626;
}

body.admin--clean-black .dash-panel__action {
    background: #111111;
    border-color: #262626;
    color: #ffffff;
}

body.admin--clean-black .dash-panel__action:hover {
    background: #1a1a1a;
    border-color: #333333;
    color: #ffffff;
    transform: none;
}

body.admin--clean-black .dash-stat {
    background: #0a0a0a;
    border-color: #1f1f1f;
    box-shadow: none;
}

body.admin--clean-black .dash-stat--purple .dash-stat__value,
body.admin--clean-black .dash-stat--green .dash-stat__value,
body.admin--clean-black .dash-stat--blue .dash-stat__value,
body.admin--clean-black .dash-stat--amber .dash-stat__value {
    color: #fafafa;
}

body.admin--clean-black .dash-link {
    background: #0a0a0a;
    border-color: #1f1f1f;
    border-radius: 10px;
    box-shadow: none;
}

body.admin--clean-black .dash-link:hover {
    border-color: #333333;
    transform: none;
}

body.admin--clean-black .dash-link--used {
    border-left-color: #ffffff;
}

body.admin--clean-black .dash-link--available {
    border-left-color: #525252;
}

body.admin--clean-black .dash-link__meta span {
    background: #111111;
    border-color: #262626;
    color: #a3a3a3;
}

body.admin--clean-black .dash-integration {
    background: #0a0a0a;
    border-color: #1f1f1f;
}

body.admin--clean-black .metric-card {
    background: #0a0a0a;
    border-color: #1f1f1f;
    border-radius: 12px;
    box-shadow: none;
}

body.admin--clean-black .metric-card::after {
    display: none;
}

body.admin--clean-black .metric-card:hover {
    transform: none;
    border-color: #333333;
}

body.admin--clean-black .metric-card.is-active {
    border-color: #ffffff;
    background: #111111;
}

body.admin--clean-black .metric-card--total .metric-card__value,
body.admin--clean-black .metric-card--available .metric-card__value,
body.admin--clean-black .metric-card--waiting .metric-card__value,
body.admin--clean-black .metric-card--used .metric-card__value,
body.admin--clean-black .metric-card--error .metric-card__value {
    color: #fafafa;
}

body.admin--clean-black .metric-card__icon-wrap {
    background: #111111;
    border-color: #262626;
}

body.admin--clean-black .page-head__icon {
    background: #111111 !important;
    border: 1px solid #262626;
    color: #ffffff !important;
    box-shadow: none;
}

body.admin--clean-black .btn-ghost {
    border-color: #262626;
    color: #d4d4d4;
}

body.admin--clean-black .btn-ghost:hover {
    background: #111111;
    border-color: #404040;
    color: #ffffff;
}

body.admin--clean-black .table-wrap,
body.admin--clean-black .direct-link-item,
body.admin--clean-black .create-link-block {
    background: #0a0a0a;
    border-color: #1f1f1f;
}

body.admin--clean-black .hub-page__glow {
    background: #000000;
}

body.admin--clean-black .hub-card {
    background: #0a0a0a;
    border-color: #1f1f1f;
    box-shadow: none;
}

body.admin--clean-black .hub-card__glow,
body.admin--clean-black .hub-card__shine {
    display: none;
}

body.admin--clean-black .hub-card__icon {
    background: #111111 !important;
    border: 1px solid #262626;
}

body.admin--clean-black .hub-card__btn {
    background: #ffffff;
    color: #000000;
}

body.admin--clean-black .theme-preset--clean_black.is-active {
    border-color: #ffffff;
    background: rgba(255, 255, 255, 0.06);
    box-shadow: inset 0 0 0 1px rgba(255, 255, 255, 0.12);
}

body.checkout-page:not(.checkout-page--netflix):not(.checkout-page--chatgpt) .checkout-pro {
    background: #0a0a0a;
    border-color: #1f1f1f;
}

body.checkout-page.checkout-page--clean-black .checkout-pro__hero {
    background: #111111;
    border-color: #262626;
}

.card--theme-checkout {
    margin-top: 18px;
}

.theme-inherit-toggle {
    display: flex;
    align-items: center;
    gap: 10px;
    margin: 0 0 16px;
    padding: 14px 16px;
    border-radius: 12px;
    border: 1px solid var(--border);
    background: var(--surface);
    cursor: pointer;
    font-weight: 600;
    color: var(--text);
}

.theme-inherit-toggle input {
    width: 18px;
    height: 18px;
    accent-color: var(--accent);
}

.theme-inherit-note {
    margin: -6px 0 18px;
    font-size: 0.88rem;
}

.theme-custom-block.is-disabled {
    opacity: 0.45;
    pointer-events: none;
}

.theme-custom-block.is-disabled .theme-inherit-toggle {
    pointer-events: auto;
}

.ig-2fa-block {
    margin-top: 0;
    padding-top: 0;
    border-top: 0;
}

.ig-cred-cell {
    min-width: 160px;
    max-width: 220px;
}

.ig-cred-compact {
    display: flex;
    flex-direction: column;
    gap: 4px;
}

.ig-cost-cell {
    min-width: 160px;
}

.ig-cost-stack {
    display: flex;
    flex-direction: column;
    gap: 4px;
    font-size: 0.86rem;
}

.ig-cost-row {
    display: flex;
    justify-content: space-between;
    gap: 12px;
    align-items: baseline;
}

.ig-cost-row__label {
    color: #94a3b8;
}

.ig-cost-row__value {
    font-variant-numeric: tabular-nums;
    color: #e2e8f0;
    white-space: nowrap;
}

.ig-cost-row--total {
    margin-top: 2px;
    padding-top: 4px;
    border-top: 1px solid rgba(148, 163, 184, 0.16);
    font-weight: 700;
}

.ig-cost-row--total .ig-cost-row__label,
.ig-cost-row--total .ig-cost-row__value {
    color: #f8fafc;
}

.ig-cost-row--profit.is-profit .ig-cost-row__value {
    color: #86efac;
    font-weight: 700;
}

.ig-cost-row--profit.is-loss .ig-cost-row__value {
    color: #fca5a5;
    font-weight: 700;
}

.ig-cost-hint {
    display: block;
    margin-top: 4px;
    font-size: 0.75rem;
}

.ig-sale-inline {
    display: flex;
    flex-direction: column;
    gap: 4px;
    margin-top: 2px;
}

.ig-cost-row--sale {
    align-items: center;
}

.ig-sale-input {
    width: 88px;
    max-width: 100%;
    text-align: right;
    padding: 4px 8px !important;
    font-size: 0.86rem !important;
}

.ig-sale-save {
    align-self: flex-end;
    margin-top: 2px;
}

.ig-cred-compact__meta {
    font-size: 13px;
    line-height: 1.3;
    word-break: break-word;
}

.ig-cred-compact__2fa {
    display: flex;
    align-items: baseline;
    gap: 8px;
}

.ig-cred-compact__actions {
    display: flex;
    flex-wrap: wrap;
    gap: 6px;
}

.ig-cred-details {
    margin-top: 2px;
}

.ig-cred-details > summary {
    cursor: pointer;
    font-size: 12px;
    color: rgba(148, 163, 184, 0.95);
    user-select: none;
}

.ig-cred-details__body {
    margin-top: 8px;
    display: flex;
    flex-direction: column;
    gap: 8px;
    font-size: 12px;
}

.ig-cred-preview {
    margin: 0;
    padding: 8px;
    font-size: 11px;
    line-height: 1.4;
    white-space: pre-wrap;
    word-break: break-word;
    background: rgba(0, 0, 0, 0.2);
    border: 1px solid rgba(148, 163, 184, 0.15);
    border-radius: 6px;
    max-height: 140px;
    overflow: auto;
}

.ig-cred-2fa-form {
    display: flex;
    flex-direction: column;
    gap: 6px;
    margin-top: 6px;
}

.ig-cred-2fa-form label {
    font-size: 12px;
}

.ig-cred-2fa-input {
    width: 100%;
    font-family: ui-monospace, SFMono-Regular, Menlo, Consolas, monospace;
    font-size: 12px;
}

.ig-cred-patch textarea {
    display: block;
    width: 100%;
    min-width: 200px;
    margin: 6px 0;
    padding: 6px 8px;
    font-size: 11px;
    line-height: 1.35;
    border-radius: 6px;
    resize: vertical;
}

.ig-2fa-live {
    display: flex;
    align-items: baseline;
    gap: 8px;
    margin: 6px 0;
}

.ig-totp-live {
    display: inline-flex;
    align-items: center;
    gap: 6px;
    margin: 0;
    padding: 3px 8px;
    border-radius: 6px;
    background: rgba(34, 197, 94, 0.08);
    border: 1px solid rgba(34, 197, 94, 0.2);
    width: fit-content;
    max-width: 100%;
}

.ig-totp-live__label {
    font-size: 0.65rem;
    font-weight: 700;
    letter-spacing: 0.04em;
    text-transform: uppercase;
}

.ig-totp-live__code {
    font-size: 0.95rem;
    font-weight: 700;
    letter-spacing: 0.1em;
    color: #86efac;
}

.ig-totp-live__timer {
    margin-left: 2px;
    font-size: 0.72rem;
}

.ig-2fa-code {
    font-size: 1.1rem;
    letter-spacing: 0.12em;
    color: #fbbf24;
}

.ig-2fa-secret {
    display: block;
    word-break: break-all;
    margin: 4px 0 6px;
    font-size: 11px;
}

.ig-2fa-actions {
    display: flex;
    flex-wrap: wrap;
    gap: 6px;
}

.ig-buyer-delivery__text {
    display: none;
}

.ig-reserve-badge {
    display: flex;
    align-items: baseline;
    flex-wrap: wrap;
    gap: 6px;
    margin: 6px 0 2px;
    padding: 6px 10px;
    border-radius: 8px;
    background: rgba(34, 197, 94, 0.14);
    border: 1px solid rgba(34, 197, 94, 0.35);
    color: #bbf7d0;
    font-size: 0.92rem;
    line-height: 1.25;
}

.ig-reserve-badge__tag {
    font-size: 0.7rem;
    font-weight: 700;
    letter-spacing: 0.04em;
    text-transform: uppercase;
    opacity: 0.85;
}

.ig-reserve-badge strong {
    font-weight: 700;
    word-break: break-word;
}

.ig-account-row--reserved {
    box-shadow: inset 3px 0 0 #22c55e;
}

.ig-reserve-form {
    display: flex;
    flex-wrap: nowrap;
    gap: 4px;
    align-items: center;
    margin: 0;
}

.ig-reserve-form .input-sm {
    min-width: 0;
    flex: 1 1 72px;
    padding: 4px 6px !important;
    font-size: 0.8rem !important;
}

.ig-reserve-form__client {
    flex: 0 1 70px !important;
    max-width: 88px;
}

.ig-reserve-actions {
    display: flex;
    flex-wrap: wrap;
    align-items: center;
    gap: 4px;
}

.ig-sold-form--compact {
    flex-wrap: nowrap;
    max-width: none;
    gap: 4px;
}

.ig-sold-form--compact .input-sm {
    width: 72px;
    flex: 0 0 72px;
    padding: 4px 6px !important;
    font-size: 0.8rem !important;
}

.ig-sold-need-reserve {
    font-size: 0.78rem;
    line-height: 1.2;
}

.card--accounts td {
    padding: 8px 10px;
    vertical-align: middle;
}

.card--accounts .ig-actions-primary {
    gap: 4px;
}

.card--accounts .ig-sale-save {
    padding: 3px 8px;
    font-size: 0.75rem;
}

.card--accounts .ig-account-avatar {
    width: 32px;
    height: 32px;
}

.card--accounts .ig-progress {
    margin-top: 4px;
}

.card--accounts .ig-progress__bar {
    height: 4px;
    margin-bottom: 2px;
}

.card--accounts .ig-reserve-badge {
    margin: 2px 0;
    padding: 2px 6px;
    font-size: 0.78rem;
    border-radius: 6px;
}

.ig-main-tabs {
    margin-bottom: 16px;
}

.ig-main-tabs .platform-tab {
    display: inline-flex;
    align-items: center;
    gap: 8px;
}

.ig-tab-hint {
    margin: 0 0 14px;
    font-size: 0.92rem;
}

.ig-followers-stack--estoque-only,
.ig-followers-stack--comprar-only {
    display: block;
}

.lzt-catalog-card { margin-bottom: 20px; }

.lzt-catalog-filters { margin-bottom: 8px; }

.lzt-catalog-buy-options {
    margin: 8px 0 16px;
    padding: 14px 16px;
    border-radius: 12px;
    background: rgba(99, 102, 241, 0.08);
    border: 1px solid rgba(99, 102, 241, 0.18);
}

.lzt-catalog-status {
    margin-bottom: 12px;
    padding: 10px 12px;
    border-radius: 10px;
    background: rgba(59, 130, 246, 0.12);
    border: 1px solid rgba(59, 130, 246, 0.28);
    color: #bfdbfe;
    font-size: 0.92rem;
}

.lzt-catalog-status.is-error {
    background: rgba(239, 68, 68, 0.12);
    border-color: rgba(239, 68, 68, 0.35);
    color: #fecaca;
}

.lzt-catalog-grid {
    display: grid;
    grid-template-columns: repeat(auto-fill, minmax(280px, 1fr));
    gap: 12px;
    margin-bottom: 14px;
}

.lzt-catalog-item {
    display: flex;
    flex-direction: column;
    gap: 10px;
    padding: 14px;
    border-radius: 14px;
    background: rgba(255, 255, 255, 0.03);
    border: 1px solid rgba(148, 163, 184, 0.16);
}

.lzt-catalog-item__top {
    display: flex;
    justify-content: space-between;
    gap: 12px;
    align-items: flex-start;
}

.lzt-catalog-item__user {
    display: block;
    font-size: 1rem;
    margin-bottom: 2px;
}

.lzt-catalog-item__title {
    margin: 0;
    font-size: 0.82rem;
    line-height: 1.35;
    display: -webkit-box;
    -webkit-line-clamp: 2;
    -webkit-box-orient: vertical;
    overflow: hidden;
}

.lzt-catalog-item__price {
    text-align: right;
    white-space: nowrap;
}

.lzt-catalog-item__price strong {
    display: block;
    color: #86efac;
    font-size: 1.05rem;
}

.lzt-catalog-item__chips {
    display: flex;
    flex-wrap: wrap;
    gap: 6px;
}

.lzt-catalog-chip {
    display: inline-flex;
    align-items: center;
    padding: 3px 8px;
    border-radius: 999px;
    font-size: 0.75rem;
    background: rgba(148, 163, 184, 0.12);
    color: #cbd5e1;
}

.lzt-catalog-chip--ok {
    background: rgba(34, 197, 94, 0.14);
    color: #bbf7d0;
}

.lzt-catalog-item__actions {
    display: flex;
    gap: 8px;
    flex-wrap: wrap;
    margin-top: auto;
}

.lzt-catalog-pager {
    display: flex;
    align-items: center;
    justify-content: center;
    gap: 12px;
    margin: 8px 0 16px;
}

.lzt-catalog-manual {
    margin-top: 8px;
    padding-top: 12px;
    border-top: 1px solid rgba(148, 163, 184, 0.16);
}

.lzt-catalog-manual summary {
    cursor: pointer;
    color: var(--muted);
    font-size: 0.92rem;
}

.lzt-catalog-manual summary:hover {
    color: var(--text);
}

.fn-catalog-skins {
    display: flex;
    flex-wrap: wrap;
    gap: 6px;
}

.fn-catalog-skin {
    display: inline-flex;
    align-items: center;
    gap: 6px;
    max-width: 100%;
    padding: 4px 8px 4px 4px;
    border-radius: 10px;
    background: rgba(255, 255, 255, 0.04);
    border: 1px solid rgba(255, 255, 255, 0.08);
    font-size: 0.75rem;
    line-height: 1.2;
}

.fn-catalog-skin img {
    width: 28px;
    height: 28px;
    border-radius: 6px;
    object-fit: cover;
    background: rgba(0, 0, 0, 0.25);
    flex-shrink: 0;
}

.fn-catalog-skin em {
    font-style: normal;
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis;
    max-width: 110px;
}

.fn-catalog-skin--more {
    color: #94a3b8;
}

.fn-catalog-skin.is-mythic { border-color: rgba(245, 158, 11, 0.55); }
.fn-catalog-skin.is-legendary { border-color: rgba(251, 191, 36, 0.45); }
.fn-catalog-skin.is-epic { border-color: rgba(200, 205, 214, 0.45); }
.fn-catalog-skin.is-rare { border-color: rgba(59, 130, 246, 0.45); }
.fn-catalog-skin.is-uncommon { border-color: rgba(34, 197, 94, 0.35); }
.fn-catalog-skin.is-common { border-color: rgba(148, 163, 184, 0.25); }

.fn-skin-picker {
    margin-top: 4px;
    padding-top: 4px;
}

.fn-skin-picker__row {
    display: flex;
    gap: 8px;
    align-items: center;
    flex-wrap: wrap;
}

.fn-skin-picker__input {
    flex: 1 1 220px;
    min-width: 180px;
}

.fn-skin-picker__selected,
.fn-skin-picker__popular,
.fn-skin-picker__suggest {
    display: flex;
    flex-wrap: wrap;
    gap: 8px;
    margin-top: 10px;
}

.fn-skin-picker__suggest {
    padding: 10px;
    border-radius: 12px;
    background: rgba(255, 255, 255, 0.03);
    border: 1px solid rgba(255, 255, 255, 0.08);
}

.fn-skin-chip,
.fn-skin-suggest-item {
    display: inline-flex;
    align-items: center;
    gap: 8px;
    padding: 5px 10px 5px 5px;
    border-radius: 999px;
    border: 1px solid rgba(99, 102, 241, 0.35);
    background: rgba(99, 102, 241, 0.12);
    color: inherit;
    cursor: pointer;
    font: inherit;
    font-size: 0.85rem;
    text-align: left;
}

.fn-skin-suggest-item {
    border-radius: 12px;
    border-color: rgba(255, 255, 255, 0.1);
    background: rgba(255, 255, 255, 0.04);
    max-width: 100%;
}

.fn-skin-chip img,
.fn-skin-suggest-item img {
    width: 28px;
    height: 28px;
    border-radius: 6px;
    object-fit: cover;
    flex-shrink: 0;
}

.fn-skin-chip em {
    font-style: normal;
    opacity: 0.7;
    margin-left: 2px;
}

.fn-skin-suggest-item span {
    display: flex;
    flex-direction: column;
    gap: 1px;
    min-width: 0;
}

.fn-skin-suggest-item strong {
    font-size: 0.86rem;
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis;
    max-width: 160px;
}

.fn-skin-chip:hover,
.fn-skin-suggest-item:hover {
    border-color: rgba(129, 140, 248, 0.7);
    background: rgba(99, 102, 241, 0.2);
}

.ig-manual-smm-card {
    margin-bottom: 20px;
}

.ig-manual-smm-form {
    display: flex;
    flex-direction: column;
    gap: 14px;
}

.ig-manual-smm-form .grid {
    margin: 0;
}

.ig-scan-card { margin-bottom: 20px; }

.ig-scan-drop {
    border: 2px dashed rgba(148, 163, 184, 0.35);
    border-radius: 14px;
    padding: 28px 20px;
    text-align: center;
    cursor: pointer;
    transition: border-color 0.2s, background 0.2s;
    margin-bottom: 12px;
}

.ig-scan-drop.is-dragover,
.ig-scan-drop:hover {
    border-color: rgba(56, 189, 248, 0.7);
    background: rgba(56, 189, 248, 0.06);
}

.ig-scan-drop__inner {
    display: flex;
    flex-direction: column;
    gap: 6px;
}

.ig-scan-preview {
    display: block;
    max-width: 100%;
    max-height: 220px;
    margin: 12px auto 0;
    border-radius: 10px;
    border: 1px solid rgba(148, 163, 184, 0.2);
}

.ig-scan-result {
    margin: 12px 0;
    padding: 12px 14px;
    border-radius: 10px;
    background: rgba(34, 197, 94, 0.08);
    border: 1px solid rgba(34, 197, 94, 0.2);
}

.ig-scan-result ul {
    margin: 8px 0 0;
    padding-left: 18px;
}

.ig-scan-create {
    margin-top: 12px;
    padding-top: 12px;
    border-top: 1px solid rgba(148, 163, 184, 0.15);
}

body.gm-chat-modal-open {
    overflow: hidden;
}

.gm-chat-modal {
    position: fixed;
    inset: 0;
    z-index: 1200;
    display: flex;
    align-items: center;
    justify-content: center;
    padding: 20px;
}

.gm-chat-modal[hidden] {
    display: none !important;
}

.gm-chat-modal__backdrop {
    position: absolute;
    inset: 0;
    background: rgba(2, 6, 23, 0.72);
    backdrop-filter: blur(4px);
}

.gm-chat-modal__panel {
    position: relative;
    z-index: 1;
    width: min(920px, 100%);
    max-height: min(88vh, 900px);
    display: flex;
    flex-direction: column;
    border-radius: 16px;
    border: 1px solid rgba(255, 255, 255, 0.1);
    background: linear-gradient(180deg, #0f172a 0%, #060b12 100%);
    box-shadow: 0 24px 80px rgba(0, 0, 0, 0.55);
}

.gm-chat-modal__head,
.gm-chat-modal__foot {
    padding: 16px 18px;
}

.gm-chat-modal__head {
    display: flex;
    align-items: flex-start;
    justify-content: space-between;
    gap: 12px;
    border-bottom: 1px solid rgba(255, 255, 255, 0.08);
}

.gm-chat-modal__title {
    margin: 0;
    font-size: 1.1rem;
}

.gm-chat-modal__subtitle {
    margin: 4px 0 0;
    font-size: 0.82rem;
}

.gm-chat-modal__close {
    border: 0;
    background: transparent;
    color: #94a3b8;
    font-size: 1.6rem;
    line-height: 1;
    cursor: pointer;
}

.gm-chat-modal__status {
    margin: 0 18px;
    padding: 10px 12px;
    border-radius: 10px;
    font-size: 0.82rem;
}

.gm-chat-modal__status--info {
    background: rgba(59, 130, 246, 0.12);
    color: #93c5fd;
}

.gm-chat-modal__status--error {
    background: rgba(239, 68, 68, 0.12);
    color: #fca5a5;
}

.gm-chat-modal__body {
    display: grid;
    grid-template-columns: 1fr 1fr;
    gap: 14px;
    padding: 0 18px 16px;
    overflow: auto;
}

.gm-chat-modal__thread,
.gm-chat-modal__assist {
    min-width: 0;
}

.gm-chat-modal__thread-head {
    display: flex;
    align-items: center;
    justify-content: space-between;
    gap: 8px;
    margin-bottom: 8px;
}

.gm-chat-modal__messages {
    max-height: 360px;
    overflow: auto;
    display: flex;
    flex-direction: column;
    gap: 8px;
    padding: 10px;
    border-radius: 12px;
    border: 1px solid rgba(255, 255, 255, 0.08);
    background: rgba(0, 0, 0, 0.22);
}

.gm-chat-msg {
    padding: 8px 10px;
    border-radius: 10px;
    border: 1px solid rgba(255, 255, 255, 0.06);
}

.gm-chat-msg--buyer {
    background: rgba(59, 130, 246, 0.1);
}

.gm-chat-msg--seller {
    background: rgba(34, 197, 94, 0.08);
}

.gm-chat-msg__head {
    font-size: 0.68rem;
    font-weight: 700;
    text-transform: uppercase;
    letter-spacing: 0.04em;
    color: #94a3b8;
    margin-bottom: 4px;
}

.gm-chat-msg__body {
    margin: 0;
    font-size: 0.84rem;
    line-height: 1.45;
    white-space: pre-wrap;
    word-break: break-word;
}

.gm-chat-modal__label {
    display: block;
    font-size: 0.78rem;
    font-weight: 600;
    color: #94a3b8;
    margin-bottom: 6px;
}

.gm-chat-modal__insight {
    margin-bottom: 10px;
    padding: 10px 12px;
    border-radius: 10px;
    background: rgba(200, 205, 214, 0.08);
    border: 1px solid rgba(200, 205, 214, 0.18);
}

.gm-chat-modal__insight p {
    margin: 0;
    font-size: 0.84rem;
}

.gm-chat-modal__instagram {
    margin-top: 6px !important;
    color: #86efac;
    font-weight: 600;
}

.gm-chat-modal__reply {
    width: 100%;
    min-height: 180px;
    resize: vertical;
    border-radius: 12px;
    border: 1px solid rgba(255, 255, 255, 0.1);
    background: rgba(0, 0, 0, 0.25);
    color: #f8fafc;
    padding: 12px;
    font: inherit;
    line-height: 1.45;
}

.gm-chat-modal__actions {
    display: flex;
    flex-wrap: wrap;
    gap: 8px;
    margin-top: 10px;
}

.gm-chat-modal__foot {
    border-top: 1px solid rgba(255, 255, 255, 0.08);
    font-size: 0.76rem;
}

@media (max-width: 860px) {
    .gm-chat-modal__body {
        grid-template-columns: 1fr;
    }
}

/* ========== Visual polish 2026 ========== */

.sidebar__module-badge {
    font-family: var(--font-display);
    letter-spacing: 0.02em;
}

.sidebar__group {
    margin: 4px 0 10px;
    border-radius: 12px;
    background: rgba(255, 255, 255, 0.02);
}

.sidebar__group--flat {
    margin-top: 0;
    background: transparent;
}

.sidebar__group--flat .sidebar__group-summary {
    padding: 10px 14px;
}

.sidebar__group--flat[open] {
    background: rgba(255, 255, 255, 0.02);
}

.sidebar__group-summary {
    list-style: none;
    display: flex;
    align-items: center;
    gap: 10px;
    padding: 10px 12px;
    cursor: pointer;
    color: #cbd5e1;
    font-weight: 600;
    font-size: 0.9rem;
    border-radius: 12px;
    user-select: none;
}

.sidebar__group-summary::-webkit-details-marker {
    display: none;
}

.sidebar__group-summary:hover {
    background: rgba(255, 255, 255, 0.04);
    color: #f8fafc;
}

.sidebar__group-chevron {
    margin-left: auto;
    width: 8px;
    height: 8px;
    border-right: 2px solid currentColor;
    border-bottom: 2px solid currentColor;
    transform: rotate(45deg);
    opacity: 0.55;
    transition: transform 0.18s ease;
}

.sidebar__group[open] .sidebar__group-chevron {
    transform: rotate(-135deg);
}

.sidebar__group-links {
    display: flex;
    flex-direction: column;
    gap: 2px;
    padding: 0 6px 8px 10px;
}

.sidebar__group-links .sidebar__link {
    padding-left: 12px;
}

.sidebar__nav {
    scrollbar-width: thin;
    scrollbar-color: rgba(148, 163, 184, 0.35) transparent;
}

.sidebar__nav::-webkit-scrollbar {
    width: 6px;
}

.sidebar__nav::-webkit-scrollbar-track {
    background: transparent;
}

.sidebar__nav::-webkit-scrollbar-thumb {
    background: rgba(148, 163, 184, 0.28);
    border-radius: 999px;
}

.sidebar__nav::-webkit-scrollbar-button {
    display: none;
    height: 0;
}

body.admin--contas .sidebar__module-badge--contas,
body.admin--followers .sidebar__module-badge--followers,
body.admin--netflix .sidebar__module-badge--netflix,
body.admin--chatgpt .sidebar__module-badge--chatgpt {
    box-shadow: 0 0 0 1px rgba(255, 255, 255, 0.12), 0 8px 24px rgba(0, 0, 0, 0.25);
}

.metric-cards {
    gap: 12px;
}

.metric-card {
    border: none;
    background: linear-gradient(160deg, rgba(255, 255, 255, 0.04), rgba(255, 255, 255, 0.015));
    box-shadow: inset 0 1px 0 rgba(255, 255, 255, 0.04);
}

.metric-card__label {
    font-size: 0.72rem;
    letter-spacing: 0.08em;
    text-transform: uppercase;
    opacity: 0.75;
}

.metric-card__value {
    font-size: 1.85rem;
    font-weight: 800;
    letter-spacing: -0.03em;
    line-height: 1.05;
    margin-top: 6px;
}

.card {
    border: 1px solid rgba(148, 163, 184, 0.1);
    background: rgba(18, 26, 36, 0.72);
    box-shadow: none;
}

.card--flush {
    border: none;
    background: transparent;
    box-shadow: none;
    padding: 4px 2px 8px;
}

.ingest-panel {
    margin: 18px 0 28px;
    padding: 14px;
    border-radius: 18px;
    background: rgba(255, 255, 255, 0.02);
    border: 1px solid rgba(148, 163, 184, 0.1);
}

.ingest-tabs {
    display: flex;
    flex-wrap: wrap;
    gap: 8px;
    margin-bottom: 14px;
}

.ingest-tab {
    appearance: none;
    border: 1px solid rgba(148, 163, 184, 0.16);
    background: rgba(0, 0, 0, 0.2);
    color: #cbd5e1;
    border-radius: 999px;
    padding: 8px 14px;
    font: inherit;
    font-size: 0.86rem;
    font-weight: 600;
    cursor: pointer;
    transition: background 0.15s ease, color 0.15s ease, border-color 0.15s ease;
}

.ingest-tab:hover {
    color: #f8fafc;
    border-color: rgba(148, 163, 184, 0.3);
}

.ingest-tab.is-active {
    color: #0b1220;
    background: #e2e8f0;
    border-color: #e2e8f0;
}

.ingest-pane[hidden] {
    display: none !important;
}

.ig-cred-compact__actions .btn-success {
    font-weight: 700;
}

.checkout-pro__tips {
    margin-top: 16px;
    opacity: 0.9;
}

.checkout-pro__profile-card--hero {
    padding: 22px 18px;
    text-align: center;
}

.checkout-pro__profile-card--hero .checkout-pro__profile-card-inner {
    flex-direction: column;
    align-items: center;
    gap: 14px;
}

.checkout-pro__profile-card--hero .checkout-pro__profile-body {
    align-items: center;
    text-align: center;
}

.checkout-pro__profile-card--hero .checkout-pro__profile-avatar,
.checkout-pro__profile-avatar-wrap--lg .checkout-pro__profile-avatar {
    width: 96px;
    height: 96px;
    border-width: 3px;
}

.checkout-pro__profile-card--hero .checkout-pro__profile-name {
    font-size: 1.2rem;
}

.checkout-pro__profile-skeleton--avatar {
    width: 96px;
    height: 96px;
}

.toast-item.alert-success,
.toast-stack .alert-success {
    border-color: rgba(34, 197, 94, 0.45);
}

.mobile-bottom-nav {
    display: none;
}

@media (max-width: 960px) {
    .admin-shell {
        padding-bottom: calc(64px + env(safe-area-inset-bottom, 0px));
    }

    .admin-footer {
        padding-bottom: 12px;
    }

    .mobile-bottom-nav {
        display: grid;
        grid-template-columns: repeat(4, minmax(0, 1fr));
        position: fixed;
        left: 0;
        right: 0;
        bottom: 0;
        z-index: 110;
        padding:
            6px 4px
            calc(6px + env(safe-area-inset-bottom, 0px));
        background: rgba(8, 12, 18, 0.96);
        border-top: 1px solid rgba(148, 163, 184, 0.16);
        backdrop-filter: blur(16px);
        -webkit-backdrop-filter: blur(16px);
    }

    .nav-open .mobile-bottom-nav {
        visibility: hidden;
        pointer-events: none;
    }

    .mobile-bottom-nav__item {
        display: flex;
        flex-direction: column;
        align-items: center;
        justify-content: center;
        gap: 3px;
        min-height: 48px;
        padding: 6px 2px;
        color: #94a3b8;
        text-decoration: none;
        font-size: 0.66rem;
        font-weight: 600;
        letter-spacing: 0.01em;
        border-radius: 12px;
        -webkit-tap-highlight-color: transparent;
        touch-action: manipulation;
    }

    .mobile-bottom-nav__item svg {
        flex-shrink: 0;
        opacity: 0.9;
    }

    .mobile-bottom-nav__item span {
        max-width: 100%;
        overflow: hidden;
        text-overflow: ellipsis;
        white-space: nowrap;
        line-height: 1.15;
    }

    .mobile-bottom-nav__item.is-active {
        color: #f8fafc;
        background: rgba(59, 130, 246, 0.14);
        box-shadow: inset 0 0 0 1px rgba(96, 165, 250, 0.22);
    }

    .mobile-bottom-nav__item:hover {
        color: #e2e8f0;
        background: rgba(255, 255, 255, 0.05);
    }

    .mobile-bottom-nav__item.is-active:hover {
        background: rgba(59, 130, 246, 0.18);
    }

    .card--accounts .table-wrap {
        border: none;
        overflow: visible;
    }

    .card--accounts table,
    .card--accounts thead,
    .card--accounts tbody,
    .card--accounts th,
    .card--accounts td,
    .card--accounts tr {
        display: block;
        width: 100%;
    }

    .card--accounts thead {
        display: none;
    }

    .card--accounts tbody tr {
        margin: 0 0 12px;
        padding: 14px;
        border-radius: 16px;
        background: rgba(255, 255, 255, 0.03);
        border: 1px solid rgba(148, 163, 184, 0.12);
    }

    .card--accounts td {
        padding: 8px 0;
        border: none;
    }

    .card--accounts td + td {
        border-top: 1px solid rgba(255, 255, 255, 0.05);
        margin-top: 4px;
        padding-top: 10px;
    }

    .card--accounts td:before {
        content: attr(data-label);
        display: block;
        font-size: 0.68rem;
        letter-spacing: 0.06em;
        text-transform: uppercase;
        color: #94a3b8;
        margin-bottom: 4px;
    }

    .card--accounts td:not([data-label]):before {
        display: none;
    }

    .card--accounts .actions--stack {
        width: 100%;
        align-items: stretch;
    }

    .card--accounts .actions--stack > form,
    .card--accounts .actions--stack .btn {
        width: 100%;
    }

    .card--accounts .actions--stack .btn {
        min-height: 44px;
        justify-content: center;
    }

    .card--accounts .ig-sold-form,
    .card--accounts .ig-fix-order-form {
        max-width: none;
        width: 100%;
        flex-direction: column;
        align-items: stretch;
    }

    .card--accounts .ig-sold-form .input-sm,
    .card--accounts .ig-fix-order-form .input-sm {
        flex: 1 1 auto;
        width: 100%;
        min-height: 44px;
        font-size: 16px;
    }

    .card--accounts .ig-cred-compact__actions {
        width: 100%;
    }

    .card--accounts .ig-cred-compact__actions .btn {
        flex: 1 1 auto;
        min-height: 44px;
        justify-content: center;
    }

    .card--accounts .ig-sale-input {
        width: 100%;
        max-width: 140px;
        min-height: 40px;
        font-size: 16px !important;
    }
}

.reseller-row-actions {
    display: flex;
    flex-wrap: wrap;
    gap: 8px;
    align-items: flex-start;
    justify-content: flex-end;
}

.reseller-reset {
    display: inline-block;
}

.reseller-reset > summary {
    list-style: none;
    cursor: pointer;
}

.reseller-reset > summary::-webkit-details-marker {
    display: none;
}

.reseller-reset__form {
    display: flex;
    flex-wrap: wrap;
    gap: 6px;
    margin-top: 8px;
    padding: 10px;
    border-radius: 10px;
    background: rgba(255, 255, 255, 0.03);
    border: 1px solid rgba(148, 163, 184, 0.14);
    min-width: 220px;
}

.reseller-reset__form .input-sm {
    flex: 1 1 140px;
}

.accounts-search-bar {
    display: flex;
    align-items: center;
    gap: 10px;
    flex-wrap: wrap;
    margin: 0 0 18px;
    padding: 0;
}

.accounts-search-bar__field {
    display: flex;
    align-items: center;
    flex: 1 1 240px;
    min-width: 0;
    border-radius: 10px;
    border: 1px solid rgba(255, 255, 255, 0.1);
    background: #0b121c;
    overflow: hidden;
    transition: border-color 0.15s ease, box-shadow 0.15s ease;
}

.accounts-search-bar__field:focus-within {
    border-color: rgba(200, 205, 214, 0.45);
    box-shadow: 0 0 0 3px rgba(200, 205, 214, 0.12);
}

.accounts-search-bar__icon {
    display: inline-flex;
    align-items: center;
    justify-content: center;
    padding: 0 2px 0 12px;
    opacity: 0.55;
    flex-shrink: 0;
    color: #94a3b8;
}

.accounts-search-bar__input {
    flex: 1;
    min-width: 0;
    width: auto;
    padding: 11px 14px 11px 10px;
    border: none;
    border-radius: 0;
    background: transparent;
    color: #f1f5f9;
    box-shadow: none;
}

.accounts-search-bar__input::placeholder {
    color: #64748b;
}

.accounts-search-bar__input:focus {
    outline: none;
    border: none;
    box-shadow: none;
}

.accounts-search-bar__input::-webkit-search-decoration,
.accounts-search-bar__input::-webkit-search-cancel-button,
.accounts-search-bar__input::-webkit-search-results-button,
.accounts-search-bar__input::-webkit-search-results-decoration {
    -webkit-appearance: none;
}

.accounts-search-bar__actions {
    display: flex;
    align-items: center;
    gap: 8px;
    flex-shrink: 0;
}

.accounts-search-empty {
    margin: 0 0 8px;
}

.accounts-search-empty__query {
    color: #e2e8f0;
    font-weight: 600;
}

@media (max-width: 720px) {
    .accounts-search-bar {
        flex-direction: column;
        align-items: stretch;
    }

    .accounts-search-bar__field {
        flex-basis: auto;
    }

    .accounts-search-bar__input {
        min-height: 44px;
        font-size: 16px;
    }

    .accounts-search-bar__actions {
        width: 100%;
    }

    .accounts-search-bar__actions .btn {
        flex: 1;
        justify-content: center;
        min-height: 44px;
    }

    .admin-content .grid-2,
    .admin-content .grid-3 {
        grid-template-columns: 1fr;
    }

    .admin-content .btn:not(.btn-sm):not(.mobile-header__action) {
        min-height: 44px;
    }

    .admin-content form > .btn,
    .admin-content form .btn.btn-success,
    .create-link-submit {
        width: 100%;
        justify-content: center;
    }
}

/* ——— PWA / installável ——— */

.pwa-install {
    position: fixed;
    left: max(12px, env(safe-area-inset-left, 0px));
    right: max(12px, env(safe-area-inset-right, 0px));
    bottom: max(12px, env(safe-area-inset-bottom, 0px));
    z-index: 260;
    pointer-events: none;
}

.pwa-install__inner {
    pointer-events: auto;
    display: flex;
    align-items: center;
    gap: 12px;
    padding: 12px 14px;
    border-radius: 16px;
    background: rgba(12, 18, 28, 0.96);
    border: 1px solid rgba(148, 163, 184, 0.18);
    box-shadow: 0 16px 40px rgba(0, 0, 0, 0.45);
    backdrop-filter: blur(14px);
}

.pwa-install__text {
    flex: 1;
    min-width: 0;
    display: flex;
    flex-direction: column;
    gap: 2px;
}

.pwa-install__title {
    font-size: 0.92rem;
    font-weight: 700;
    color: #f1f5f9;
}

.pwa-install__desc {
    font-size: 0.78rem;
    line-height: 1.4;
    color: #94a3b8;
}

.pwa-install__actions {
    display: flex;
    align-items: center;
    gap: 8px;
    flex-shrink: 0;
}

.pwa-install__btn {
    appearance: none;
    border: 0;
    border-radius: 10px;
    min-height: 40px;
    padding: 8px 14px;
    font-size: 0.85rem;
    font-weight: 700;
    color: #fff;
    background: linear-gradient(135deg, #6366f1, #9ca3af);
    cursor: pointer;
    -webkit-tap-highlight-color: transparent;
}

.pwa-install__close {
    appearance: none;
    width: 40px;
    height: 40px;
    border-radius: 10px;
    border: 1px solid rgba(255, 255, 255, 0.1);
    background: rgba(255, 255, 255, 0.04);
    color: #94a3b8;
    font-size: 1.35rem;
    line-height: 1;
    cursor: pointer;
    -webkit-tap-highlight-color: transparent;
}

@media (max-width: 960px) {
    .admin-shell .pwa-install,
    body.admin .pwa-install {
        bottom: calc(72px + env(safe-area-inset-bottom, 0px));
    }
}

html.pwa-standalone body.admin {
    min-height: 100dvh;
}

@media (display-mode: standalone) {
    .mobile-header {
        padding-top: max(12px, env(safe-area-inset-top, 0px));
    }

    .mobile-bottom-nav {
        padding-bottom: calc(6px + env(safe-area-inset-bottom, 0px));
    }
}

@media (max-width: 960px) {
    .admin-content .table-wrap {
        max-width: 100%;
        -webkit-overflow-scrolling: touch;
        overscroll-behavior-x: contain;
    }

    .admin-topbar__actions .btn {
        min-height: 44px;
    }

    .sidebar__link {
        -webkit-tap-highlight-color: transparent;
    }

    .sidebar__logout {
        width: 44px;
        height: 44px;
    }
}

/* —— Contas Instagram · praticidade mobile —— */
.ig-mobile-jump {
    display: none;
}

.ig-account-cell__top {
    display: flex;
    flex-wrap: wrap;
    align-items: center;
    gap: 8px;
}

.ig-account-status-inline {
    display: none;
}

.ig-progress {
    margin-top: 6px;
}

.ig-progress__bar {
    height: 6px;
    border-radius: 999px;
    background: rgba(148, 163, 184, 0.18);
    overflow: hidden;
    margin-bottom: 4px;
}

.ig-progress__bar > span {
    display: block;
    height: 100%;
    border-radius: inherit;
    background: linear-gradient(90deg, #6366f1, #22d3ee);
}

.ig-actions-primary {
    display: flex;
    flex-direction: column;
    gap: 8px;
    width: 100%;
}

.ig-collapse-mobile {
    border: none;
    margin: 0;
    padding: 0;
}

.ig-collapse-mobile__summary {
    display: none;
    list-style: none;
    cursor: pointer;
}

.ig-collapse-mobile__summary::-webkit-details-marker {
    display: none;
}

@media (min-width: 961px) {
    .ig-collapse-mobile {
        display: block;
    }

    .ig-collapse-mobile[open] > *:not(summary),
    .ig-collapse-mobile > *:not(summary) {
        display: block;
    }
}

@media (max-width: 960px) {
    .ig-mobile-jump {
        display: grid;
        grid-template-columns: repeat(4, minmax(0, 1fr));
        gap: 6px;
        position: sticky;
        top: 0;
        z-index: 40;
        margin: 0 0 12px;
        padding: 8px;
        border-radius: 14px;
        background: rgba(8, 12, 18, 0.92);
        border: 1px solid rgba(148, 163, 184, 0.16);
        backdrop-filter: blur(12px);
        -webkit-backdrop-filter: blur(12px);
    }

    .ig-mobile-jump__item {
        display: flex;
        flex-direction: column;
        align-items: center;
        justify-content: center;
        gap: 3px;
        min-height: 44px;
        padding: 6px 4px;
        border-radius: 10px;
        color: #94a3b8;
        text-decoration: none;
        font-size: 0.68rem;
        font-weight: 600;
        -webkit-tap-highlight-color: transparent;
    }

    .ig-mobile-jump__item.is-active {
        color: #f8fafc;
        background: rgba(99, 102, 241, 0.2);
        box-shadow: inset 0 0 0 1px rgba(129, 140, 248, 0.28);
    }

    .ig-followers-stack {
        display: flex;
        flex-direction: column;
    }

    .ig-followers-stack__stock {
        order: 1;
    }

    .ig-followers-stack__tools {
        order: 2;
    }

    .ig-followers-stack__stock {
        scroll-margin-top: 72px;
    }

    #lzt-catalog,
    #enviar-manual,
    #ig-scan {
        scroll-margin-top: 72px;
    }

    .ig-collapse-mobile {
        margin-bottom: 12px;
        border: 1px solid rgba(148, 163, 184, 0.14);
        border-radius: 12px;
        background: rgba(255, 255, 255, 0.02);
        overflow: hidden;
    }

    .ig-collapse-mobile__summary {
        display: flex;
        align-items: center;
        justify-content: space-between;
        min-height: 48px;
        padding: 12px 14px;
        font-weight: 600;
        color: #e2e8f0;
    }

    .ig-collapse-mobile__summary::after {
        content: '▾';
        color: #94a3b8;
        font-size: 0.85rem;
    }

    .ig-collapse-mobile[open] > .ig-collapse-mobile__summary::after {
        content: '▴';
    }

    .ig-collapse-mobile .lzt-catalog-filters {
        padding: 0 12px 12px;
    }

    .card--accounts tbody tr.ig-account-row {
        padding: 12px 12px 10px;
        border-left: 3px solid rgba(99, 102, 241, 0.55);
    }

    .card--accounts tbody tr.ig-account-row--ready {
        border-left-color: #22c55e;
    }

    .card--accounts tbody tr.ig-account-row--adding_followers {
        border-left-color: #eab308;
    }

    .card--accounts tbody tr.ig-account-row--error {
        border-left-color: #ef4444;
    }

    .card--accounts tbody tr.ig-account-row--sold {
        border-left-color: #64748b;
        opacity: 0.92;
    }

    .card--accounts tbody tr.ig-account-row {
        display: grid;
        grid-template-columns: 1fr;
        gap: 0;
    }

    .card--accounts .ig-status-cell {
        display: none;
    }

    .card--accounts .ig-account-status-inline {
        display: inline-flex;
    }

    .card--accounts td[data-label="Conta"]:before,
    .card--accounts td.ig-cred-cell:before,
    .card--accounts td.ig-actions-cell:before {
        display: none;
    }

    .card--accounts td.ig-cost-cell:before {
        margin-bottom: 6px;
    }

    .card--accounts td[data-label="Conta"] {
        padding-top: 0;
        padding-bottom: 10px;
        border-top: none;
    }

    .card--accounts td.ig-cred-cell {
        order: 2;
        border-top: none;
        padding-top: 0;
        margin-top: 0;
    }

    .card--accounts td.ig-actions-cell {
        order: 3;
        border-top: none;
        padding-top: 8px;
    }

    .card--accounts td.ig-cost-cell {
        order: 4;
        margin-top: 4px;
        padding-top: 10px;
    }

    .card--accounts .ig-account-cell {
        align-items: flex-start;
        gap: 12px;
    }

    .card--accounts .ig-account-avatar {
        width: 40px;
        height: 40px;
    }

    .card--accounts .ig-account-cell__text strong {
        font-size: 0.95rem;
        word-break: break-word;
    }

    .card--accounts .ig-copy-main,
    .card--accounts .ig-cred-compact__actions .btn,
    .card--accounts .ig-actions-primary .btn {
        width: 100%;
        min-height: 40px;
        font-size: 0.88rem;
        font-weight: 650;
        justify-content: center;
    }

    .card--accounts .ig-reserve-form {
        flex-direction: row;
        flex-wrap: wrap;
        align-items: center;
    }

    .card--accounts .ig-reserve-form .input-sm {
        width: auto;
        flex: 1 1 100px;
        min-height: 38px;
    }

    .card--accounts .ig-reserve-form .btn {
        width: auto;
        min-height: 38px;
        flex: 0 0 auto;
    }

    .card--accounts .ig-reserve-form__client {
        max-width: none;
        flex: 1 1 90px !important;
    }

    .card--accounts .ig-reserve-badge {
        font-size: 0.85rem;
        padding: 4px 8px;
    }

    .card--accounts .ig-cred-compact {
        gap: 6px;
    }

    .card--accounts .ig-totp-live {
        display: inline-flex;
        align-items: center;
        gap: 6px;
        padding: 4px 8px;
        border-radius: 8px;
        width: fit-content;
        background: rgba(34, 197, 94, 0.1);
        border: 1px solid rgba(34, 197, 94, 0.22);
    }

    .card--accounts .ig-totp-live__code {
        font-size: 1.05rem;
        letter-spacing: 0.1em;
        font-weight: 700;
    }

    .card--accounts .ig-more-actions > summary {
        min-height: 36px;
        display: flex;
        align-items: center;
        justify-content: center;
        border-radius: 8px;
        border: 1px solid rgba(148, 163, 184, 0.18);
        background: rgba(255, 255, 255, 0.03);
        color: #cbd5e1;
        font-weight: 600;
        font-size: 0.85rem;
    }

    .card--accounts .ig-more-actions__body {
        display: flex;
        flex-direction: column;
        gap: 8px;
        margin-top: 8px;
    }

    .card--accounts .ig-more-actions__body .btn,
    .card--accounts .ig-more-actions__body form {
        width: 100%;
    }

    .card--accounts .ig-sale-inline {
        display: grid;
        gap: 8px;
    }

    .card--accounts .ig-sale-input {
        max-width: none;
        width: 100%;
        min-height: 44px;
    }

    .card--accounts .accounts-search-bar {
        position: sticky;
        top: 60px;
        z-index: 30;
        margin-bottom: 12px;
        padding: 10px;
        border-radius: 12px;
        background: rgba(8, 12, 18, 0.94);
        border: 1px solid rgba(148, 163, 184, 0.14);
        backdrop-filter: blur(10px);
    }

    .card--accounts .accounts-search-bar__input {
        min-height: 44px;
        font-size: 16px;
    }

    .metric-cards {
        grid-template-columns: repeat(3, minmax(0, 1fr));
        gap: 8px;
    }

    .metric-cards .metric-card {
        padding: 10px 8px;
        min-height: 0;
    }

    .metric-cards .metric-card__value {
        font-size: 1.15rem;
    }

    .metric-cards .metric-card__label {
        font-size: 0.68rem;
    }

    .page-head__subtitle {
        display: none;
    }

    .ig-manual-smm-form .btn,
    .ig-scan-create .btn {
        width: 100%;
        min-height: 48px;
    }

    .ig-scan-drop {
        min-height: 120px;
    }

    .lzt-catalog-buy-options .grid {
        grid-template-columns: 1fr;
    }
}