/* /Components/Layout/EmptyLayout.razor.rz.scp.css */
main[b-iu7m6rumra] {
    min-height: 100vh;
    width: 100%;
    display: flex;
    flex-direction: column;
}
/* /Components/Layout/MainLayout.razor.rz.scp.css */
.page[b-xis2bmuihj] {
    position: relative;
    display: flex;
    flex-direction: row; /* Sidebar ao lado do Main no Desktop */
    min-height: 100vh;
    background-color: var(--sollas-bg);
}

@media (max-width: 767px) {
    .page[b-xis2bmuihj] {
        flex-direction: column; /* Em mobile, volta ao fluxo normal */
    }
}

main[b-xis2bmuihj] {
    flex: 1;
    width: 100%;
}

.content[b-xis2bmuihj] {
    width: 100%;
    height: 100%;
    overflow-x: hidden;
}
/* /Components/Layout/ReconnectModal.razor.rz.scp.css */
.components-reconnect-first-attempt-visible[b-7w0r88pijj],
.components-reconnect-repeated-attempt-visible[b-7w0r88pijj],
.components-reconnect-failed-visible[b-7w0r88pijj],
.components-pause-visible[b-7w0r88pijj],
.components-resume-failed-visible[b-7w0r88pijj],
.components-rejoining-animation[b-7w0r88pijj] {
    display: none;
}

#components-reconnect-modal.components-reconnect-show .components-reconnect-first-attempt-visible[b-7w0r88pijj],
#components-reconnect-modal.components-reconnect-show .components-rejoining-animation[b-7w0r88pijj],
#components-reconnect-modal.components-reconnect-paused .components-pause-visible[b-7w0r88pijj],
#components-reconnect-modal.components-reconnect-resume-failed .components-resume-failed-visible[b-7w0r88pijj],
#components-reconnect-modal.components-reconnect-retrying[b-7w0r88pijj],
#components-reconnect-modal.components-reconnect-retrying .components-reconnect-repeated-attempt-visible[b-7w0r88pijj],
#components-reconnect-modal.components-reconnect-retrying .components-rejoining-animation[b-7w0r88pijj],
#components-reconnect-modal.components-reconnect-failed[b-7w0r88pijj],
#components-reconnect-modal.components-reconnect-failed .components-reconnect-failed-visible[b-7w0r88pijj] {
    display: block;
}


#components-reconnect-modal[b-7w0r88pijj] {
    background-color: white;
    width: 20rem;
    margin: 20vh auto;
    padding: 2rem;
    border: 0;
    border-radius: 0.5rem;
    box-shadow: 0 3px 6px 2px rgba(0, 0, 0, 0.3);
    opacity: 0;
    transition: display 0.5s allow-discrete, overlay 0.5s allow-discrete;
    animation: components-reconnect-modal-fadeOutOpacity-b-7w0r88pijj 0.5s both;
    &[open]

{
    animation: components-reconnect-modal-slideUp-b-7w0r88pijj 1.5s cubic-bezier(.05, .89, .25, 1.02) 0.3s, components-reconnect-modal-fadeInOpacity-b-7w0r88pijj 0.5s ease-in-out 0.3s;
    animation-fill-mode: both;
}

}

#components-reconnect-modal[b-7w0r88pijj]::backdrop {
    background-color: rgba(0, 0, 0, 0.4);
    animation: components-reconnect-modal-fadeInOpacity-b-7w0r88pijj 0.5s ease-in-out;
    opacity: 1;
}

@keyframes components-reconnect-modal-slideUp-b-7w0r88pijj {
    0% {
        transform: translateY(30px) scale(0.95);
    }

    100% {
        transform: translateY(0);
    }
}

@keyframes components-reconnect-modal-fadeInOpacity-b-7w0r88pijj {
    0% {
        opacity: 0;
    }

    100% {
        opacity: 1;
    }
}

@keyframes components-reconnect-modal-fadeOutOpacity-b-7w0r88pijj {
    0% {
        opacity: 1;
    }

    100% {
        opacity: 0;
    }
}

.components-reconnect-container[b-7w0r88pijj] {
    display: flex;
    flex-direction: column;
    align-items: center;
    gap: 1rem;
}

#components-reconnect-modal p[b-7w0r88pijj] {
    margin: 0;
    text-align: center;
}

#components-reconnect-modal button[b-7w0r88pijj] {
    border: 0;
    background-color: #6b9ed2;
    color: white;
    padding: 4px 24px;
    border-radius: 4px;
}

    #components-reconnect-modal button:hover[b-7w0r88pijj] {
        background-color: #3b6ea2;
    }

    #components-reconnect-modal button:active[b-7w0r88pijj] {
        background-color: #6b9ed2;
    }

.components-rejoining-animation[b-7w0r88pijj] {
    position: relative;
    width: 80px;
    height: 80px;
}

    .components-rejoining-animation div[b-7w0r88pijj] {
        position: absolute;
        border: 3px solid #0087ff;
        opacity: 1;
        border-radius: 50%;
        animation: components-rejoining-animation-b-7w0r88pijj 1.5s cubic-bezier(0, 0.2, 0.8, 1) infinite;
    }

        .components-rejoining-animation div:nth-child(2)[b-7w0r88pijj] {
            animation-delay: -0.5s;
        }

@keyframes components-rejoining-animation-b-7w0r88pijj {
    0% {
        top: 40px;
        left: 40px;
        width: 0;
        height: 0;
        opacity: 0;
    }

    4.9% {
        top: 40px;
        left: 40px;
        width: 0;
        height: 0;
        opacity: 0;
    }

    5% {
        top: 40px;
        left: 40px;
        width: 0;
        height: 0;
        opacity: 1;
    }

    100% {
        top: 0px;
        left: 0px;
        width: 80px;
        height: 80px;
        opacity: 0;
    }
}
/* /Components/Layout/Sidebar.razor.rz.scp.css */
/* ═══════════════════════════════════════════════════════════════
   Sidebar — Premium SaaS 3D · var() first, :global overrides second
   ─────────────────────────────────────────────────────────────── */

.sidebar[b-ex63jcongr] {
    width: 260px;
    height: 100vh;
    background: var(--sollas-surface);      /* auto-adapta: #FFF / #0D1B2E */
    border-right: 1px solid var(--sollas-border);
    box-shadow: 2px 0 8px rgba(0,0,0,.04), 4px 0 24px rgba(0,0,0,.03);
    display: flex;
    flex-direction: column;
    position: sticky;
    top: 0;
    z-index: 200;
    transition: width .25s cubic-bezier(.4,0,.2,1), background .25s, border-color .25s;
    overflow: hidden;
}

.sidebar.collapsed[b-ex63jcongr] { width: 72px; }

@media (max-width: 767px) {
    .sidebar[b-ex63jcongr] { display: none !important; }
}

/* ── Header / Logo ───────────────────────────────────────────── */
.sidebar-header[b-ex63jcongr] {
    padding: 24px 20px 16px;
    display: flex;
    align-items: center;
    justify-content: center;
    border-bottom: 1px solid var(--sollas-border);
    background: rgba(29,158,117,.03);
    flex-shrink: 0;
    transition: background .25s, border-color .25s, padding .25s;
}

.sidebar-logo[b-ex63jcongr] {
    height: 140px;
    width: auto;
    cursor: pointer;
    transition: height .25s cubic-bezier(.4,0,.2,1), opacity .2s, transform .2s;
    display: block;
}

.sidebar-logo:hover[b-ex63jcongr] { opacity: .85; transform: scale(1.02); }

.sidebar.collapsed .sidebar-header[b-ex63jcongr] { padding: 14px 10px; }
.sidebar.collapsed .sidebar-logo[b-ex63jcongr]   { height: 36px; }

/* ── Nav container ───────────────────────────────────────────── */
.sidebar-nav[b-ex63jcongr] {
    flex: 1;
    padding: 10px 8px;
    display: flex;
    flex-direction: column;
    gap: 1px;
    overflow-y: auto;
    scrollbar-width: none;
}

.sidebar-nav[b-ex63jcongr]::-webkit-scrollbar { display: none; }

/* ── Rótulo de seção ──────────────────────────────────────────── */
.sidebar-nav-label[b-ex63jcongr] {
    display: block;
    font-size: .58rem;
    font-weight: 800;
    letter-spacing: .12em;
    color: var(--sollas-text-muted);
    opacity: .5;
    padding: 8px 14px 3px;
    white-space: nowrap;
    overflow: hidden;
    transition: opacity .18s;
}

.sidebar.collapsed .sidebar-nav-label[b-ex63jcongr] { opacity: 0; pointer-events: none; }

/* ── Divisor ─────────────────────────────────────────────────── */
.sidebar-divider[b-ex63jcongr] {
    height: 1px;
    background: var(--sollas-border);
    margin: 6px 10px;
    opacity: .7;
}

/* ── Link de navegação ───────────────────────────────────────── */
.nav-link[b-ex63jcongr] {
    display: flex;
    align-items: center;
    gap: 10px;
    padding: 9px 12px;
    text-decoration: none;
    color: var(--sollas-text-muted);           /* auto-adapta */
    font-size: .8rem;
    font-weight: 600;
    border-radius: 10px;
    border: 1px solid transparent;
    transition: background .16s, color .16s, border-color .16s, box-shadow .16s;
    white-space: nowrap;
    overflow: hidden;
    position: relative;
}

.nav-link svg[b-ex63jcongr] { flex-shrink: 0; transition: color .16s; }

/* Hover — usa var(--sollas-bg): F8FAFC em light / #050B16 em dark */
.nav-link:hover[b-ex63jcongr] {
    background: var(--sollas-bg);
    color: var(--sollas-text-main);
    border-color: var(--sollas-border);
}

/* Ativo — usa primary-light: rgba(29,158,117,.10) em light / .18 em dark */
.nav-link.active[b-ex63jcongr] {
    background: var(--sollas-primary-light);
    color: var(--sollas-primary);
    border-color: rgba(29,158,117,.2);
    font-weight: 700;
    box-shadow: inset 3px 0 0 var(--sollas-primary);
}

.nav-link.active svg[b-ex63jcongr] { color: var(--sollas-primary); }

.nav-text[b-ex63jcongr] { transition: opacity .15s; }

/* Modo recolhido */
.sidebar.collapsed .nav-link[b-ex63jcongr] {
    justify-content: center;
    padding: 11px 0;
    gap: 0;
    box-shadow: none;
    border-color: transparent;
}

.sidebar.collapsed .nav-link.active[b-ex63jcongr] {
    background: var(--sollas-primary-light);
    border-color: rgba(29,158,117,.2);
}

.sidebar.collapsed .nav-text[b-ex63jcongr] { display: none; }

/* ── Footer ──────────────────────────────────────────────────── */
.sidebar-footer[b-ex63jcongr] {
    padding: 10px 8px;
    border-top: 1px solid var(--sollas-border);
    position: relative;
    flex-shrink: 0;
    background: var(--sollas-bg);             /* auto-adapta */
    transition: background .25s, border-color .25s;
}

/* ── Backdrop ────────────────────────────────────────────────── */
.sup-wrap[b-ex63jcongr] { position: relative; }

.sup-backdrop[b-ex63jcongr] {
    position: fixed;
    inset: 0;
    z-index: 299;
    background: transparent;
}

/* ── Dropdown ────────────────────────────────────────────────── */
.sup-dropdown[b-ex63jcongr] {
    position: absolute;
    bottom: calc(100% + 8px);
    left: 0;
    right: 0;
    background: var(--sollas-surface);        /* auto-adapta */
    border: 1.5px solid var(--sollas-border);
    border-radius: 14px;
    box-shadow: 0 -4px 16px rgba(0,0,0,.08), 0 -16px 40px rgba(0,0,0,.06);
    padding: 6px;
    z-index: 300;
    animation: sup-pop-b-ex63jcongr .14s cubic-bezier(.34,1.56,.64,1);
    transition: background .25s;
}

@keyframes sup-pop-b-ex63jcongr {
    from { opacity: 0; transform: translateY(6px) scale(0.97); }
    to   { opacity: 1; transform: translateY(0) scale(1); }
}

/* ── Itens do dropdown ───────────────────────────────────────── */
.sup-item[b-ex63jcongr] {
    display: flex;
    align-items: center;
    width: 100%;
    padding: 8px 12px;
    border-radius: 9px;
    font-family: var(--sollas-font);
    font-size: .82rem;
    font-weight: 500;
    color: var(--sollas-text-main);
    transition: background .12s;
}

.sup-item-toggle[b-ex63jcongr] {
    justify-content: space-between;
    cursor: default;
    user-select: none;
}

.sup-item-left[b-ex63jcongr] {
    display: flex;
    align-items: center;
    gap: 10px;
    color: var(--sollas-text-muted);
}

.sup-item-left span[b-ex63jcongr] { color: var(--sollas-text-main); }

.sup-item-btn[b-ex63jcongr] {
    gap: 10px;
    background: none;
    border: none;
    cursor: pointer;
    text-align: left;
    color: var(--sollas-text-muted);
}

.sup-item-btn span[b-ex63jcongr] { color: var(--sollas-text-main); }

.sup-item-btn:hover[b-ex63jcongr] { background: var(--sollas-bg); }

.sup-item-danger svg[b-ex63jcongr],
.sup-item-danger span[b-ex63jcongr] { color: #EF4444 !important; }
.sup-item-danger:hover[b-ex63jcongr] { background: rgba(239,68,68,.07); }

.sup-divider[b-ex63jcongr] {
    height: 1px;
    background: var(--sollas-border);
    margin: 4px 0;
}

/* ── Toggle dark mode ────────────────────────────────────────── */
.sup-toggle[b-ex63jcongr] {
    position: relative;
    display: inline-block;
    width: 38px;
    height: 20px;
    flex-shrink: 0;
    cursor: pointer;
}

.sup-toggle input[b-ex63jcongr] { opacity: 0; width: 0; height: 0; }

.sup-slider[b-ex63jcongr] {
    position: absolute;
    inset: 0;
    background: var(--sollas-border);
    border-radius: 999px;
    transition: background .2s;
}

.sup-slider[b-ex63jcongr]::before {
    content: '';
    position: absolute;
    width: 14px; height: 14px;
    left: 3px; top: 3px;
    border-radius: 50%;
    background: #fff;
    box-shadow: 0 1px 3px rgba(0,0,0,.2);
    transition: transform .2s;
}

.sup-toggle input:checked + .sup-slider[b-ex63jcongr] { background: var(--sollas-primary); }
.sup-toggle input:checked + .sup-slider[b-ex63jcongr]::before { transform: translateX(18px); }

/* ── Botão do usuário ────────────────────────────────────────── */
.sup-btn[b-ex63jcongr] {
    width: 100%;
    display: flex;
    align-items: center;
    gap: 10px;
    padding: 9px 10px;
    background: transparent;
    border: 1.5px solid transparent;
    border-radius: 11px;
    cursor: pointer;
    font-family: var(--sollas-font);
    transition: background .16s, border-color .16s;
    text-align: left;
}

.sup-btn:hover[b-ex63jcongr] {
    background: var(--sollas-surface);
    border-color: var(--sollas-border);
}

.sup-btn.open[b-ex63jcongr] {
    background: var(--sollas-primary-light);
    border-color: rgba(29,158,117,.25);
}

.sup-avatar[b-ex63jcongr] {
    width: 34px; height: 34px;
    background: linear-gradient(135deg, var(--sollas-primary) 0%, #168a65 100%);
    color: #fff;
    border-radius: 50%;
    display: flex; align-items: center; justify-content: center;
    font-weight: 800;
    font-size: .82rem;
    flex-shrink: 0;
    box-shadow: 0 2px 6px rgba(29,158,117,.30);
}

.sup-info[b-ex63jcongr] {
    flex: 1;
    display: flex;
    flex-direction: column;
    min-width: 0;
    transition: opacity .15s;
}

.sup-name[b-ex63jcongr] {
    font-size: .8rem;
    font-weight: 700;
    color: var(--sollas-text-main);
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis;
    letter-spacing: -.01em;
}

.sup-role[b-ex63jcongr] {
    font-size: .65rem;
    color: var(--sollas-text-muted);
    font-weight: 500;
}

.sup-chevron[b-ex63jcongr] {
    color: var(--sollas-text-muted);
    flex-shrink: 0;
    transition: transform .2s;
}

.sup-chevron.rotated[b-ex63jcongr] { transform: rotate(180deg); }

/* Modo recolhido */
.sidebar.collapsed .sup-btn[b-ex63jcongr] { justify-content: center; padding: 10px 0; gap: 0; }
.sidebar.collapsed .sup-info[b-ex63jcongr],
.sidebar.collapsed .sup-chevron[b-ex63jcongr] { display: none; }

/* ═══════════════════════════════════════════════════════════════
   DARK MODE — apenas enhancements visuais (gradientes, glows)
   O resto já se adapta pelos var() acima
   ─────────────────────────────────────────────────────────────── */

/* Sidebar: gradiente cinematográfico em vez do #0D1B2E plano */
:global([data-theme="dark"]) .sidebar[b-ex63jcongr] {
    background: linear-gradient(180deg, #0C1829 0%, #07101E 100%);
    border-right-color: rgba(255,255,255,.06);
    box-shadow: 2px 0 16px rgba(0,0,0,.35), 4px 0 40px rgba(0,0,0,.25);
}

/* Header verde sutil */
:global([data-theme="dark"]) .sidebar-header[b-ex63jcongr] {
    background: rgba(29,158,117,.05);
    border-bottom-color: rgba(255,255,255,.06);
}

/* Divider mais sutil */
:global([data-theme="dark"]) .sidebar-divider[b-ex63jcongr] {
    background: rgba(255,255,255,.07);
}

/* Nav links: cor explícita para override da var() */
:global([data-theme="dark"]) .nav-link[b-ex63jcongr] {
    color: rgba(255,255,255,.45);
}

/* Hover: lighter no dark */
:global([data-theme="dark"]) .nav-link:hover[b-ex63jcongr] {
    background: rgba(255,255,255,.05);
    border-color: rgba(255,255,255,.07);
    color: rgba(255,255,255,.82);
}

/* Ativo: verde translúcido com glow */
:global([data-theme="dark"]) .nav-link.active[b-ex63jcongr] {
    background: rgba(16,185,129,.10);
    border-color: rgba(16,185,129,.22);
    color: #10B981;
    box-shadow: inset 3px 0 0 #10B981, 0 2px 12px rgba(16,185,129,.08);
}

:global([data-theme="dark"]) .nav-link.active svg[b-ex63jcongr] { color: #10B981; }

/* Footer */
:global([data-theme="dark"]) .sidebar-footer[b-ex63jcongr] {
    border-top-color: rgba(255,255,255,.06);
    background: rgba(0,0,0,.2);
}

/* Avatar com glow verde */
:global([data-theme="dark"]) .sup-avatar[b-ex63jcongr] {
    box-shadow: 0 2px 8px rgba(29,158,117,.25), 0 0 16px rgba(29,158,117,.12);
}

/* Botão usuário */
:global([data-theme="dark"]) .sup-btn:hover[b-ex63jcongr] {
    background: rgba(255,255,255,.05);
    border-color: rgba(255,255,255,.08);
}

:global([data-theme="dark"]) .sup-btn.open[b-ex63jcongr] {
    background: rgba(29,158,117,.1);
    border-color: rgba(29,158,117,.25);
}

/* Dropdown glassmorphism */
:global([data-theme="dark"]) .sup-dropdown[b-ex63jcongr] {
    background: #0D1B2E;
    border-color: rgba(255,255,255,.08);
    box-shadow:
        inset 0 1px 0 rgba(255,255,255,.05),
        0 -8px 32px rgba(0,0,0,.5),
        0 4px 16px rgba(0,0,0,.35);
}

:global([data-theme="dark"]) .sup-item-btn:hover[b-ex63jcongr] { background: rgba(255,255,255,.05); }
:global([data-theme="dark"]) .sup-item-danger:hover[b-ex63jcongr] { background: rgba(239,68,68,.1); }
/* /Components/Modals/Agendamento/CadastrarAgendamento.razor.rz.scp.css */
/* ============================================================
   CadastrarAgendamento — estilos do modal de agendamento
   ============================================================ */

.form-grid[b-4cvxolfsw6] {
    display: flex;
    flex-direction: column;
    gap: 14px;
}

.form-row[b-4cvxolfsw6] {
    display: grid;
    grid-template-columns: 1fr 1fr;
    gap: 12px;
}

/* Textarea */
.sollas-textarea[b-4cvxolfsw6] {
    width: 100%;
    min-height: 80px;
    padding: 10px 14px;
    background: #F8FAFC;
    border: 1.5px solid var(--sollas-border);
    border-radius: var(--sollas-radius-md);
    font-family: var(--sollas-font);
    font-size: 0.9375rem;
    color: var(--sollas-text-main);
    outline: none;
    resize: vertical;
    transition: border-color 0.15s, box-shadow 0.15s, background 0.15s;
    box-sizing: border-box;
}
.sollas-textarea:focus[b-4cvxolfsw6] {
    border-color: var(--sollas-primary);
    background: #fff;
    box-shadow: 0 0 0 3px var(--sollas-primary-light);
}
.sollas-textarea[b-4cvxolfsw6]::placeholder { color: #94A3B8; font-weight: 400; }

/* Dark mode */
[data-theme="dark"] .sollas-textarea[b-4cvxolfsw6] {
    background: var(--sollas-surface);
    border-color: var(--sollas-border);
    color: var(--sollas-text-main);
}
[data-theme="dark"] .sollas-textarea:focus[b-4cvxolfsw6] {
    background: var(--sollas-surface-raised, #263548);
}

@media (max-width: 540px) {
    .form-row[b-4cvxolfsw6] { grid-template-columns: 1fr; }
}
/* /Components/Modals/Cliente/CadastrarCliente.razor.rz.scp.css */
/* ═══════════════════════════════════════════════════════════════
   CadastrarCliente — Premium Enterprise Modal
   UI/UX Pro Max — Glassmorphism + 3D Depth + Soft UI Evolution
   ─────────────────────────────────────────────────────────────── */

/* ── Form ─────────────────────────────────────────────────────── */
.cm-form[b-erlu8i2n1q] {
    display: flex;
    flex-direction: column;
    gap: .95rem;
    padding: .1rem 0 .2rem;
}

/* ═══════════════════════════════════════════════════════════════
   HERO — Live avatar preview card
   ─────────────────────────────────────────────────────────────── */
.cm-hero[b-erlu8i2n1q] {
    position: relative;
    display: flex;
    align-items: center;
    gap: 1rem;
    padding: 1rem 1.15rem 1rem 1rem;
    border-radius: 16px;
    background:
        linear-gradient(135deg, rgba(29,158,117,.08) 0%, rgba(29,158,117,.02) 60%, transparent 100%);
    border: 1.5px solid rgba(29,158,117,.16);
    overflow: hidden;
    transition: border-color .25s;
}

.cm-hero:hover[b-erlu8i2n1q] { border-color: rgba(29,158,117,.28); }

/* Glow radial top-right */
.cm-hero-glow[b-erlu8i2n1q] {
    position: absolute;
    top: -24px; right: -24px;
    width: 110px; height: 110px;
    background: radial-gradient(circle, rgba(29,158,117,.22) 0%, transparent 72%);
    pointer-events: none;
}

/* Noise texture dot bottom-left */
.cm-hero-orb[b-erlu8i2n1q] {
    position: absolute;
    bottom: -18px; left: 50px;
    width: 70px; height: 70px;
    background: radial-gradient(circle, rgba(29,158,117,.08) 0%, transparent 70%);
    pointer-events: none;
}

/* ── Avatar squircle ──────────────────────────────────────────── */
.cm-hero-avatar[b-erlu8i2n1q] {
    width: 56px;
    height: 56px;
    border-radius: 16px;
    display: flex;
    align-items: center;
    justify-content: center;
    font-size: 1.15rem;
    font-weight: 800;
    letter-spacing: -.01em;
    flex-shrink: 0;
    position: relative;
    z-index: 1;
    box-shadow:
        0 4px 16px rgba(0,0,0,.13),
        inset 0 1px 0 rgba(255,255,255,.28);
    transition: transform .35s cubic-bezier(.34,1.56,.64,1), box-shadow .25s;
}

.cm-hero:hover .cm-hero-avatar[b-erlu8i2n1q] {
    transform: scale(1.07) rotate(3deg);
    box-shadow:
        0 8px 24px rgba(0,0,0,.18),
        inset 0 1px 0 rgba(255,255,255,.28);
}

/* Avatar colors — vivid gradient squircles */
.cm-av-green[b-erlu8i2n1q]  {
    background: linear-gradient(135deg, #10B981 0%, #059669 100%);
    color: #fff;
    box-shadow: 0 4px 16px rgba(16,185,129,.35), inset 0 1px 0 rgba(255,255,255,.22);
}
.cm-av-blue[b-erlu8i2n1q]   {
    background: linear-gradient(135deg, #60A5FA 0%, #3B82F6 100%);
    color: #fff;
    box-shadow: 0 4px 16px rgba(59,130,246,.35), inset 0 1px 0 rgba(255,255,255,.22);
}
.cm-av-purple[b-erlu8i2n1q] {
    background: linear-gradient(135deg, #A78BFA 0%, #7C3AED 100%);
    color: #fff;
    box-shadow: 0 4px 16px rgba(139,92,246,.35), inset 0 1px 0 rgba(255,255,255,.22);
}
.cm-av-orange[b-erlu8i2n1q] {
    background: linear-gradient(135deg, #FBBF24 0%, #D97706 100%);
    color: #fff;
    box-shadow: 0 4px 16px rgba(245,158,11,.35), inset 0 1px 0 rgba(255,255,255,.22);
}
.cm-av-teal[b-erlu8i2n1q]   {
    background: linear-gradient(135deg, #2DD4BF 0%, #0D9488 100%);
    color: #fff;
    box-shadow: 0 4px 16px rgba(20,184,166,.35), inset 0 1px 0 rgba(255,255,255,.22);
}

/* ── Hero body ───────────────────────────────────────────────── */
.cm-hero-body[b-erlu8i2n1q] { flex: 1; min-width: 0; }

.cm-hero-name[b-erlu8i2n1q] {
    font-size: .92rem;
    font-weight: 800;
    letter-spacing: -.025em;
    color: var(--sollas-text-main);
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis;
    line-height: 1.2;
}

.cm-hero-meta[b-erlu8i2n1q] {
    display: flex;
    align-items: center;
    gap: .3rem;
    margin-top: .3rem;
}

.cm-hero-badge[b-erlu8i2n1q] {
    display: inline-flex;
    align-items: center;
    padding: .15rem .55rem;
    border-radius: 999px;
    font-size: .62rem;
    font-weight: 700;
    letter-spacing: .04em;
    text-transform: uppercase;
    background: var(--sollas-primary-light);
    color: var(--sollas-primary);
    border: 1px solid rgba(29,158,117,.2);
}

.cm-badge-edit[b-erlu8i2n1q] {
    background: rgba(59,130,246,.1);
    color: #3B82F6;
    border-color: rgba(59,130,246,.2);
}

.cm-hero-sep[b-erlu8i2n1q] {
    font-size: .6rem;
    color: var(--sollas-text-muted);
    opacity: .4;
}

.cm-hero-type[b-erlu8i2n1q] {
    font-size: .68rem;
    font-weight: 500;
    color: var(--sollas-text-muted);
}

/* ── Estado: nome preenchido ─────────────────────────────────── */
.cm-hero-check[b-erlu8i2n1q] {
    width: 28px; height: 28px;
    border-radius: 50%;
    background: linear-gradient(135deg, #10B981 0%, #059669 100%);
    color: #fff;
    display: flex; align-items: center; justify-content: center;
    flex-shrink: 0;
    box-shadow:
        0 2px 10px rgba(16,185,129,.45),
        0 0 0 3px rgba(16,185,129,.12);
    animation: cm-check-in-b-erlu8i2n1q .3s cubic-bezier(.34,1.56,.64,1);
}

@keyframes cm-check-in-b-erlu8i2n1q {
    from { transform: scale(0) rotate(-45deg); opacity: 0; }
    to   { transform: scale(1) rotate(0deg);   opacity: 1; }
}

/* ── Estado: aguardando nome ─────────────────────────────────── */
.cm-hero-arrow[b-erlu8i2n1q] {
    display: flex;
    align-items: center;
    gap: .35rem;
    color: var(--sollas-text-muted);
    opacity: .55;
    flex-shrink: 0;
}

.cm-hero-arrow span[b-erlu8i2n1q] {
    font-size: .68rem;
    font-weight: 600;
    white-space: nowrap;
}

/* ═══════════════════════════════════════════════════════════════
   COLUNAS — Identificação + Contato à esquerda, Endereço à
   direita. Aproveita a largura do modal (1180px) sem empilhar
   tudo numa coluna só; cada seção mantém seu próprio cabeçalho.
   ─────────────────────────────────────────────────────────────── */
.cm-cols-top[b-erlu8i2n1q] {
    display: grid;
    grid-template-columns: 1fr 1fr;
    gap: .95rem;
    align-items: start;
}

.cm-col-stack[b-erlu8i2n1q] {
    display: flex;
    flex-direction: column;
    gap: .95rem;
    min-width: 0;
}

/* Linha de 4 campos — Dados pessoais, agora em largura total */
.cm-row-4[b-erlu8i2n1q] {
    display: grid;
    grid-template-columns: repeat(4, 1fr);
    gap: .7rem;
}

/* ═══════════════════════════════════════════════════════════════
   SEÇÕES — glassmorphism containers com acento colorido
   ─────────────────────────────────────────────────────────────── */
.cm-section[b-erlu8i2n1q] {
    position: relative;
    display: flex;
    flex-direction: column;
    gap: .9rem;
    padding: 1.05rem 1.1rem 1.15rem 1.3rem;
    border-radius: 14px;
    border: 1.5px solid var(--sollas-border);
    background: var(--sollas-bg);
    overflow: hidden;
    transition: border-color .2s, box-shadow .2s;
}

/* Barra lateral de acento 3D */
.cm-section[b-erlu8i2n1q]::before {
    content: '';
    position: absolute;
    left: 0; top: 14%; bottom: 14%;
    width: 3.5px;
    border-radius: 0 3px 3px 0;
    transition: top .2s ease, bottom .2s ease, opacity .2s;
}

.cm-sec-green[b-erlu8i2n1q]::before {
    background: linear-gradient(180deg, #10B981 0%, #059669 100%);
    opacity: .5;
    box-shadow: 2px 0 8px rgba(16,185,129,.25);
}

.cm-sec-blue[b-erlu8i2n1q]::before {
    background: linear-gradient(180deg, #60A5FA 0%, #3B82F6 100%);
    opacity: .5;
    box-shadow: 2px 0 8px rgba(59,130,246,.25);
}

.cm-sec-orange[b-erlu8i2n1q]::before {
    background: linear-gradient(180deg, #FBBF24 0%, #D97706 100%);
    opacity: .5;
    box-shadow: 2px 0 8px rgba(245,158,11,.25);
}

.cm-sec-purple[b-erlu8i2n1q]::before {
    background: linear-gradient(180deg, #A78BFA 0%, #7C3AED 100%);
    opacity: .5;
    box-shadow: 2px 0 8px rgba(139,92,246,.25);
}

.cm-sec-orange:focus-within[b-erlu8i2n1q] { border-color: rgba(245,158,11,.3); }
.cm-sec-purple:focus-within[b-erlu8i2n1q] { border-color: rgba(139,92,246,.3); }

.cm-icon-orange[b-erlu8i2n1q] {
    background: linear-gradient(135deg, #FBBF24, #D97706);
    box-shadow: 0 2px 8px rgba(245,158,11,.4), inset 0 1px 0 rgba(255,255,255,.22);
}

.cm-icon-purple[b-erlu8i2n1q] {
    background: linear-gradient(135deg, #A78BFA, #7C3AED);
    box-shadow: 0 2px 8px rgba(139,92,246,.4), inset 0 1px 0 rgba(255,255,255,.22);
}

.cm-section:focus-within[b-erlu8i2n1q] { border-color: rgba(29,158,117,.3); }
.cm-sec-blue:focus-within[b-erlu8i2n1q] { border-color: rgba(59,130,246,.3); }

.cm-section:focus-within[b-erlu8i2n1q]::before { top: 6%; bottom: 6%; opacity: 1; }

/* ── Section header ──────────────────────────────────────────── */
.cm-sec-header[b-erlu8i2n1q] {
    display: flex;
    align-items: center;
    gap: .55rem;
}

.cm-sec-icon[b-erlu8i2n1q] {
    width: 24px; height: 24px;
    border-radius: 7px;
    display: flex; align-items: center; justify-content: center;
    flex-shrink: 0;
    color: #fff;
}

.cm-icon-green[b-erlu8i2n1q] {
    background: linear-gradient(135deg, #10B981, #059669);
    box-shadow: 0 2px 8px rgba(29,158,117,.4), inset 0 1px 0 rgba(255,255,255,.22);
}

.cm-icon-blue[b-erlu8i2n1q] {
    background: linear-gradient(135deg, #60A5FA, #3B82F6);
    box-shadow: 0 2px 8px rgba(59,130,246,.4), inset 0 1px 0 rgba(255,255,255,.22);
}

.cm-sec-title[b-erlu8i2n1q] {
    font-size: .63rem;
    font-weight: 800;
    letter-spacing: .1em;
    text-transform: uppercase;
    color: var(--sollas-text-muted);
}

.cm-sec-line[b-erlu8i2n1q] {
    flex: 1;
    height: 1px;
    background: linear-gradient(90deg, var(--sollas-border) 0%, transparent 100%);
}

.cm-sec-num[b-erlu8i2n1q] {
    font-size: .58rem;
    font-weight: 700;
    letter-spacing: .06em;
    color: var(--sollas-text-muted);
    opacity: .45;
}

/* ═══════════════════════════════════════════════════════════════
   CAMPOS
   ─────────────────────────────────────────────────────────────── */
.cm-field[b-erlu8i2n1q] {
    display: flex;
    flex-direction: column;
    gap: .38rem;
}

.cm-row[b-erlu8i2n1q] {
    display: grid;
    grid-template-columns: 1fr 1fr;
    gap: .7rem;
}

.cm-label[b-erlu8i2n1q] {
    display: inline-flex;
    align-items: center;
    gap: .3rem;
    font-size: .72rem;
    font-weight: 700;
    color: var(--sollas-text-muted);
    padding-left: .08rem;
    transition: color .15s;
}

.cm-field:focus-within .cm-label[b-erlu8i2n1q] { color: var(--sollas-text-main); }

.cm-req[b-erlu8i2n1q] {
    color: #EF4444;
    font-weight: 800;
    font-size: .78rem;
    line-height: 1;
}

/* ── Input box com acento animado ─────────────────────────────── */
.cm-ibox[b-erlu8i2n1q] {
    position: relative;
    display: flex;
    align-items: center;
}

/* Linha de acento inferior — animada ao focar */
.cm-ibox[b-erlu8i2n1q]::after {
    content: '';
    position: absolute;
    bottom: 0;
    left: 12px; right: 12px;
    height: 2px;
    border-radius: 0 0 10px 10px;
    background: linear-gradient(90deg, var(--sollas-primary) 0%, rgba(29,158,117,.25) 100%);
    transform: scaleX(0);
    transform-origin: left center;
    transition: transform .28s cubic-bezier(.34,1.56,.64,1);
    z-index: 2;
}

.cm-ibox:focus-within[b-erlu8i2n1q]::after { transform: scaleX(1); }

/* Seção azul: acento azul */
.cm-sec-blue .cm-ibox[b-erlu8i2n1q]::after {
    background: linear-gradient(90deg, #3B82F6 0%, rgba(59,130,246,.25) 100%);
}

/* ── Ícone do input ──────────────────────────────────────────── */
.cm-iicon[b-erlu8i2n1q] {
    position: absolute;
    left: 11px;
    color: var(--sollas-text-muted);
    pointer-events: none;
    z-index: 1;
    transition: color .18s, transform .18s;
    flex-shrink: 0;
}

.cm-iicon-wpp[b-erlu8i2n1q] { color: #25D366 !important; }

.cm-ibox:focus-within .cm-iicon:not(.cm-iicon-wpp)[b-erlu8i2n1q] {
    color: var(--sollas-primary);
    transform: scale(1.05);
}

.cm-sec-blue .cm-ibox:focus-within .cm-iicon:not(.cm-iicon-wpp)[b-erlu8i2n1q] {
    color: #3B82F6;
}

/* ── Input ────────────────────────────────────────────────────── */
.cm-input[b-erlu8i2n1q] {
    width: 100%;
    height: 42px;
    padding: 0 12px 0 38px;
    border-radius: 10px;
    border: 1.5px solid var(--sollas-border);
    background: var(--sollas-surface);
    color: var(--sollas-text-main);
    font-size: .83rem;
    font-family: var(--sollas-font, 'Plus Jakarta Sans', sans-serif);
    outline: none;
    transition: border-color .18s, box-shadow .18s, background .18s;
}

.cm-input[b-erlu8i2n1q]::placeholder {
    color: var(--sollas-text-muted);
    opacity: .55;
    font-size: .78rem;
}

.cm-input:focus[b-erlu8i2n1q] {
    border-color: rgba(29,158,117,.5);
    background: var(--sollas-bg);
    box-shadow: 0 0 0 3.5px rgba(29,158,117,.10);
}

.cm-sec-blue .cm-input:focus[b-erlu8i2n1q] {
    border-color: rgba(59,130,246,.5);
    box-shadow: 0 0 0 3.5px rgba(59,130,246,.10);
}

/* ── Textarea ─────────────────────────────────────────────────── */
.cm-obs-wrap[b-erlu8i2n1q] { margin-top: .1rem; }

.cm-obs-label[b-erlu8i2n1q] { color: var(--sollas-text-muted); }

.cm-textarea-box[b-erlu8i2n1q] {
    position: relative;
}

.cm-textarea-box[b-erlu8i2n1q]::after {
    display: none; /* sem linha de acento na textarea */
}

.cm-textarea[b-erlu8i2n1q] {
    height: auto !important;
    min-height: 84px;
    padding: 10px 12px !important;
    resize: vertical;
    line-height: 1.6;
    border-radius: 10px;
    font-size: .82rem;
}

.cm-textarea:focus[b-erlu8i2n1q] {
    border-color: rgba(29,158,117,.45);
    box-shadow: 0 0 0 3px rgba(29,158,117,.09);
}

/* ── Linha CEP + botão ───────────────────────────────────────── */
.cm-row-cep[b-erlu8i2n1q] {
    display: flex;
    align-items: flex-end;
    gap: .7rem;
    grid-template-columns: unset;
}

.cm-row-cep .cm-field[b-erlu8i2n1q] { flex: 1; }

.cm-cep-btn[b-erlu8i2n1q] {
    display: inline-flex;
    align-items: center;
    gap: 6px;
    height: 40px;
    padding: 0 14px;
    border-radius: 10px;
    border: 1.5px solid var(--sollas-border);
    background: var(--sollas-surface);
    color: var(--sollas-text-main);
    font-size: .78rem;
    font-weight: 600;
    font-family: var(--sollas-font);
    cursor: pointer;
    white-space: nowrap;
    flex-shrink: 0;
    transition: all .15s;
}

.cm-cep-btn:hover:not(:disabled)[b-erlu8i2n1q] {
    background: rgba(245,158,11,.08);
    border-color: rgba(245,158,11,.5);
    color: #D97706;
}

.cm-cep-btn:disabled[b-erlu8i2n1q] { opacity: .6; cursor: not-allowed; }

@keyframes cm-spin-b-erlu8i2n1q {
    to { transform: rotate(360deg); }
}
.cm-spin[b-erlu8i2n1q] { animation: cm-spin-b-erlu8i2n1q .7s linear infinite; }

/* ═══════════════════════════════════════════════════════════════
   DARK MODE
   ─────────────────────────────────────────────────────────────── */

/* Hero */
:global([data-theme="dark"]) .cm-hero[b-erlu8i2n1q] {
    background:
        linear-gradient(135deg, rgba(29,158,117,.12) 0%, rgba(29,158,117,.04) 60%, transparent 100%);
    border-color: rgba(29,158,117,.22);
}

:global([data-theme="dark"]) .cm-hero:hover[b-erlu8i2n1q] { border-color: rgba(29,158,117,.38); }

:global([data-theme="dark"]) .cm-hero-glow[b-erlu8i2n1q] {
    background: radial-gradient(circle, rgba(29,158,117,.28) 0%, transparent 72%);
}

/* Seções */
:global([data-theme="dark"]) .cm-section[b-erlu8i2n1q] {
    background: rgba(255,255,255,.025);
    border-color: rgba(255,255,255,.07);
}

:global([data-theme="dark"]) .cm-section:focus-within[b-erlu8i2n1q] { border-color: rgba(29,158,117,.32); }
:global([data-theme="dark"]) .cm-sec-blue:focus-within[b-erlu8i2n1q] { border-color: rgba(59,130,246,.32); }

/* Inputs */
:global([data-theme="dark"]) .cm-input[b-erlu8i2n1q] {
    background: rgba(255,255,255,.04);
    border-color: rgba(255,255,255,.09);
}

:global([data-theme="dark"]) .cm-input:focus[b-erlu8i2n1q] {
    background: rgba(255,255,255,.07);
    border-color: rgba(29,158,117,.48);
    box-shadow: 0 0 0 3.5px rgba(29,158,117,.13);
}

:global([data-theme="dark"]) .cm-sec-blue .cm-input:focus[b-erlu8i2n1q] {
    border-color: rgba(59,130,246,.48);
    box-shadow: 0 0 0 3.5px rgba(59,130,246,.13);
}

/* Avatar */
:global([data-theme="dark"]) .cm-av-green[b-erlu8i2n1q]  { box-shadow: 0 4px 20px rgba(16,185,129,.45), inset 0 1px 0 rgba(255,255,255,.18); }
:global([data-theme="dark"]) .cm-av-blue[b-erlu8i2n1q]   { box-shadow: 0 4px 20px rgba(59,130,246,.45), inset 0 1px 0 rgba(255,255,255,.18); }
:global([data-theme="dark"]) .cm-av-purple[b-erlu8i2n1q] { box-shadow: 0 4px 20px rgba(139,92,246,.45), inset 0 1px 0 rgba(255,255,255,.18); }
:global([data-theme="dark"]) .cm-av-orange[b-erlu8i2n1q] { box-shadow: 0 4px 20px rgba(245,158,11,.45), inset 0 1px 0 rgba(255,255,255,.18); }
:global([data-theme="dark"]) .cm-av-teal[b-erlu8i2n1q]   { box-shadow: 0 4px 20px rgba(20,184,166,.45), inset 0 1px 0 rgba(255,255,255,.18); }

/* Check */
:global([data-theme="dark"]) .cm-hero-check[b-erlu8i2n1q] {
    box-shadow: 0 2px 12px rgba(16,185,129,.55), 0 0 0 3px rgba(16,185,129,.18);
}

/* Section bar accents — brighter in dark */
:global([data-theme="dark"]) .cm-sec-green[b-erlu8i2n1q]::before { opacity: .7; }
:global([data-theme="dark"]) .cm-sec-blue[b-erlu8i2n1q]::before  { opacity: .7; }

/* Linha de acento no input (dark) */
:global([data-theme="dark"]) .cm-ibox[b-erlu8i2n1q]::after {
    background: linear-gradient(90deg, #10B981 0%, rgba(16,185,129,.2) 100%);
}

:global([data-theme="dark"]) .cm-sec-blue .cm-ibox[b-erlu8i2n1q]::after {
    background: linear-gradient(90deg, #60A5FA 0%, rgba(96,165,250,.2) 100%);
}

/* ── Responsive ──────────────────────────────────────────────── */
@media (max-width: 860px) {
    .cm-cols-top[b-erlu8i2n1q] { grid-template-columns: 1fr; }
    .cm-row-4[b-erlu8i2n1q] { grid-template-columns: 1fr 1fr; }
}

@media (max-width: 520px) {
    .cm-row[b-erlu8i2n1q], .cm-row-4[b-erlu8i2n1q] { grid-template-columns: 1fr; }
    .cm-section[b-erlu8i2n1q] { padding: .9rem .9rem 1rem 1.1rem; }
    .cm-hero[b-erlu8i2n1q] { padding: .85rem .9rem; }
    .cm-hero-avatar[b-erlu8i2n1q] { width: 46px; height: 46px; border-radius: 13px; font-size: .95rem; }
    .cm-hero-name[b-erlu8i2n1q] { font-size: .84rem; }
    .cm-hero-arrow span[b-erlu8i2n1q] { display: none; }
}
/* /Components/Modals/Financeiro/RegistrarPagamento.razor.rz.scp.css */
/* ============================================================
   RegistrarPagamento — layout do modal de pagamento
   (estilos migrados de sollas-theme.css: eram usados só aqui)
   ============================================================ */

.rp-form[b-bcyli56zzr] {
    display: flex;
    flex-direction: column;
    gap: 18px;
}

/* ── Card de contexto da OS ──────────────────────────────── */
.rp-os-card[b-bcyli56zzr] {
    display: flex;
    flex-direction: column;
    gap: 14px;
    padding: 14px 16px;
    border-radius: 14px;
    border: 1px solid var(--sollas-border);
    background: linear-gradient(160deg, var(--sollas-primary-light), transparent 65%);
}

.rp-os-head[b-bcyli56zzr] { display: flex; align-items: center; gap: 11px; min-width: 0; }

.rp-os-icon[b-bcyli56zzr] {
    width: 36px; height: 36px;
    border-radius: 10px;
    background: var(--sollas-primary-light);
    color: var(--sollas-primary);
    display: flex; align-items: center; justify-content: center;
    flex-shrink: 0;
}

.rp-os-head-text[b-bcyli56zzr] { display: flex; flex-direction: column; gap: 1px; min-width: 0; }

.rp-os-numero[b-bcyli56zzr] {
    font-size: .85rem;
    font-weight: 800;
    color: var(--sollas-text-main);
}

.rp-os-cliente[b-bcyli56zzr] {
    font-size: .76rem;
    font-weight: 500;
    color: var(--sollas-text-muted);
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis;
}

.rp-balance-row[b-bcyli56zzr] {
    display: grid;
    grid-template-columns: repeat(3, 1fr);
    gap: 10px;
}

.rp-balance-tile[b-bcyli56zzr] {
    display: flex;
    flex-direction: column;
    gap: 3px;
    padding: 10px;
    text-align: center;
    border-radius: 11px;
    border: 1px solid var(--sollas-border);
    background: var(--sollas-surface);
    min-width: 0;
}

.rp-balance-label[b-bcyli56zzr] {
    font-size: .62rem;
    font-weight: 700;
    text-transform: uppercase;
    letter-spacing: .06em;
    color: var(--sollas-text-muted);
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis;
}

.rp-balance-value[b-bcyli56zzr] {
    font-size: .92rem;
    font-weight: 800;
    color: var(--sollas-text-main);
    font-variant-numeric: tabular-nums;
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis;
}
.rp-balance-value.pago[b-bcyli56zzr]   { color: #10B981; }
.rp-balance-value.devido[b-bcyli56zzr] { color: #EF4444; }

/* ── Valor do pagamento + atalho "usar restante" ─────────── */
.rp-valor-wrap[b-bcyli56zzr] { display: flex; flex-direction: column; gap: 8px; }

.rp-chip-restante[b-bcyli56zzr] {
    display: inline-flex;
    align-items: center;
    gap: 7px;
    align-self: flex-start;
    height: 30px;
    padding: 0 12px;
    border-radius: 9px;
    border: 1.5px solid rgba(29,158,117,.35);
    background: var(--sollas-primary-light);
    color: var(--sollas-primary);
    font-size: .74rem;
    font-weight: 700;
    font-family: var(--sollas-font);
    cursor: pointer;
    transition: background .15s ease, border-color .15s ease;
}
.rp-chip-restante svg[b-bcyli56zzr] { flex-shrink: 0; }
.rp-chip-restante:hover[b-bcyli56zzr] { background: rgba(29,158,117,.18); border-color: var(--sollas-primary); }

/* ── Responsivo ──────────────────────────────────────────── */
@media (max-width: 460px) {
    .rp-balance-row[b-bcyli56zzr] { grid-template-columns: 1fr; }
    .rp-os-cliente[b-bcyli56zzr] { white-space: normal; }
}

/* ── Dark mode ───────────────────────────────────────────── */
:global([data-theme="dark"]) .rp-os-card[b-bcyli56zzr] {
    background: linear-gradient(160deg, rgba(29,158,117,.12), transparent 65%);
    border-color: rgba(255,255,255,.08);
}
:global([data-theme="dark"]) .rp-balance-tile[b-bcyli56zzr] {
    background: rgba(255,255,255,.03);
    border-color: rgba(255,255,255,.08);
}
/* /Components/Modals/Financeiro/RegistrarPagamentoPedido.razor.rz.scp.css */
/* ============================================================
   RegistrarPagamentoPedido — mesmo layout do modal de pagamento
   da OS (RegistrarPagamento.razor.css), duplicado aqui porque o
   isolamento de CSS do Blazor é por componente. + hint de que o
   pagamento fica em rascunho até o Pedido ser salvo.
   ============================================================ */

.rp-form[b-pfkxts8ge0] {
    display: flex;
    flex-direction: column;
    gap: 18px;
}

/* ── Card de contexto do Pedido ──────────────────────────── */
.rp-os-card[b-pfkxts8ge0] {
    display: flex;
    flex-direction: column;
    gap: 14px;
    padding: 14px 16px;
    border-radius: 14px;
    border: 1px solid var(--sollas-border);
    background: linear-gradient(160deg, var(--sollas-primary-light), transparent 65%);
}

.rp-os-head[b-pfkxts8ge0] { display: flex; align-items: center; gap: 11px; min-width: 0; }

.rp-os-icon[b-pfkxts8ge0] {
    width: 36px; height: 36px;
    border-radius: 10px;
    background: var(--sollas-primary-light);
    color: var(--sollas-primary);
    display: flex; align-items: center; justify-content: center;
    flex-shrink: 0;
}

.rp-os-head-text[b-pfkxts8ge0] { display: flex; flex-direction: column; gap: 1px; min-width: 0; }

.rp-os-numero[b-pfkxts8ge0] {
    font-size: .85rem;
    font-weight: 800;
    color: var(--sollas-text-main);
}

.rp-os-cliente[b-pfkxts8ge0] {
    font-size: .76rem;
    font-weight: 500;
    color: var(--sollas-text-muted);
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis;
}

.rp-balance-row[b-pfkxts8ge0] {
    display: grid;
    grid-template-columns: repeat(3, 1fr);
    gap: 10px;
}

.rp-balance-tile[b-pfkxts8ge0] {
    display: flex;
    flex-direction: column;
    gap: 3px;
    padding: 10px;
    text-align: center;
    border-radius: 11px;
    border: 1px solid var(--sollas-border);
    background: var(--sollas-surface);
    min-width: 0;
}

.rp-balance-label[b-pfkxts8ge0] {
    font-size: .62rem;
    font-weight: 700;
    text-transform: uppercase;
    letter-spacing: .06em;
    color: var(--sollas-text-muted);
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis;
}

.rp-balance-value[b-pfkxts8ge0] {
    font-size: .92rem;
    font-weight: 800;
    color: var(--sollas-text-main);
    font-variant-numeric: tabular-nums;
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis;
}
.rp-balance-value.pago[b-pfkxts8ge0]   { color: #10B981; }
.rp-balance-value.devido[b-pfkxts8ge0] { color: #EF4444; }

/* ── Aviso: pagamento fica em rascunho até salvar o Pedido ── */
.rp-hint[b-pfkxts8ge0] {
    display: flex;
    align-items: flex-start;
    gap: 8px;
    padding: 9px 12px;
    border-radius: 10px;
    background: rgba(59,130,246,.08);
    border: 1px solid rgba(59,130,246,.28);
    color: #3B82F6;
    font-size: .74rem;
    font-weight: 600;
    line-height: 1.4;
}
.rp-hint svg[b-pfkxts8ge0] { flex-shrink: 0; margin-top: 1px; }

/* ── Valor do pagamento + atalho "usar restante" ─────────── */
.rp-valor-wrap[b-pfkxts8ge0] { display: flex; flex-direction: column; gap: 8px; }

.rp-chip-restante[b-pfkxts8ge0] {
    display: inline-flex;
    align-items: center;
    gap: 7px;
    align-self: flex-start;
    height: 30px;
    padding: 0 12px;
    border-radius: 9px;
    border: 1.5px solid rgba(29,158,117,.35);
    background: var(--sollas-primary-light);
    color: var(--sollas-primary);
    font-size: .74rem;
    font-weight: 700;
    font-family: var(--sollas-font);
    cursor: pointer;
    transition: background .15s ease, border-color .15s ease;
}
.rp-chip-restante svg[b-pfkxts8ge0] { flex-shrink: 0; }
.rp-chip-restante:hover[b-pfkxts8ge0] { background: rgba(29,158,117,.18); border-color: var(--sollas-primary); }

/* ── Responsivo ──────────────────────────────────────────── */
@media (max-width: 460px) {
    .rp-balance-row[b-pfkxts8ge0] { grid-template-columns: 1fr; }
    .rp-os-cliente[b-pfkxts8ge0] { white-space: normal; }
}

/* ── Dark mode ───────────────────────────────────────────── */
:global([data-theme="dark"]) .rp-os-card[b-pfkxts8ge0] {
    background: linear-gradient(160deg, rgba(29,158,117,.12), transparent 65%);
    border-color: rgba(255,255,255,.08);
}
:global([data-theme="dark"]) .rp-balance-tile[b-pfkxts8ge0] {
    background: rgba(255,255,255,.03);
    border-color: rgba(255,255,255,.08);
}
:global([data-theme="dark"]) .rp-hint[b-pfkxts8ge0] {
    background: rgba(59,130,246,.12);
    border-color: rgba(59,130,246,.35);
}
/* /Components/Modals/Produto/NovoProduto.razor.rz.scp.css */
/* NovoProduto — estilos via sollas-crud.css (modal-form, form-field, switch) */
/* /Components/Modals/Servico/NovoServico.razor.rz.scp.css */
/* NovoServico — estilos via sollas-crud.css (modal-form, form-field, switch) */
/* /Components/Modals/Usuario/NovoUsuario.razor.rz.scp.css */
/* NovoUsuario — switch e toggle definidos globalmente em sollas-crud.css */

/* Verificação de telefone (2FA) */
.tel-verif[b-1dav5khwl5] {
    display: flex;
    flex-direction: column;
    gap: 8px;
    margin-top: 8px;
}

.tel-badge[b-1dav5khwl5] {
    font-size: 0.78rem;
    font-weight: 600;
    padding: 3px 8px;
    border-radius: 6px;
    width: fit-content;
}

.tel-badge.ok[b-1dav5khwl5] {
    color: #1D9E75;
    background: rgba(29,158,117,0.12);
}

.tel-badge.pend[b-1dav5khwl5] {
    color: #B45309;
    background: rgba(245,158,11,0.14);
}
/* /Components/Reutilizaveis/AgendaCard.razor.rz.scp.css */
.agenda-card[b-idgimcpm02] {
    background: var(--sollas-surface);
    border: 1px solid var(--sollas-border);
    border-radius: var(--sollas-radius-md);
    padding: 16px;
    display: flex;
    align-items: center;
    justify-content: space-between;
    margin-bottom: 12px;
    transition: transform 0.2s ease;
    cursor: pointer;
}

.agenda-card:hover[b-idgimcpm02] {
    transform: translateX(4px);
}

.agenda-info[b-idgimcpm02] {
    display: flex;
    flex-direction: column;
    gap: 4px;
}

.agenda-time[b-idgimcpm02] {
    font-size: 13px;
    font-weight: 700;
    color: var(--sollas-text-muted);
}

.agenda-title[b-idgimcpm02] {
    font-size: 16px;
    font-weight: 700;
    margin: 0;
    color: var(--sollas-text-main);
}

.agenda-meta[b-idgimcpm02] {
    display: flex;
    align-items: center;
    gap: 6px;
    font-size: 13px;
    font-weight: 600;
    color: var(--sollas-text-muted);
}

.status-dot[b-idgimcpm02] {
    width: 6px;
    height: 6px;
    border-radius: 50%;
}

.separator[b-idgimcpm02] {
    opacity: 0.5;
}

.agenda-action[b-idgimcpm02] {
    display: flex;
    align-items: center;
}
/* /Components/Reutilizaveis/AgendaEvent.razor.rz.scp.css */
.agenda-event[b-a1m0xd1fa0] {
    position: absolute;
    left: 80px; /* Alinhado após a coluna de horas */
    right: 16px;
    background: #E6F6F1; /* Verde esmeralda muito claro */
    border-left: 4px solid var(--sollas-primary);
    border-radius: 4px;
    padding: 12px;
    overflow: hidden;
    display: flex;
    flex-direction: column;
    z-index: 10;
}

.event-title[b-a1m0xd1fa0] {
    font-size: 14px;
    font-weight: 700;
    color: #166534; /* Verde escuro para contraste */
    margin: 0 0 2px 0;
}

.event-subtitle[b-a1m0xd1fa0] {
    font-size: 12px;
    font-weight: 600;
    color: #15803d;
    opacity: 0.8;
}
/* /Components/Reutilizaveis/BottomNavigation.razor.rz.scp.css */
.bottom-nav[b-v7uag7bco9] {
    position: fixed;
    bottom: 0;
    left: 0;
    right: 0;
    height: 72px;
    background: var(--sollas-surface);
    border-top: 1px solid var(--sollas-border);
    display: flex;
    align-items: center;
    justify-content: space-around;
    padding-bottom: env(safe-area-inset-bottom);
    z-index: 100;
}

@media (min-width: 768px) {
    .bottom-nav[b-v7uag7bco9] {
        display: none !important;
    }
}

.nav-item[b-v7uag7bco9] {
    display: flex;
    flex-direction: column;
    align-items: center;
    gap: 4px;
    text-decoration: none;
    color: var(--sollas-text-muted);
    transition: color 0.2s ease;
}

.nav-item span[b-v7uag7bco9] {
    font-size: 10px;
    font-weight: 700;
}

.nav-item.active[b-v7uag7bco9] {
    color: var(--sollas-text-main);
}

.nav-item.active svg[b-v7uag7bco9] {
    color: var(--sollas-text-main);
}

.nav-item:not(.active) svg[b-v7uag7bco9] {
    color: #CBD5E1;
}
/* /Components/Reutilizaveis/ClientCard.razor.rz.scp.css */
.client-card[b-3m4yec2roj] {
    background: var(--sollas-surface);
    border: 1px solid var(--sollas-border);
    border-radius: var(--sollas-radius-md);
    padding: 16px;
    margin-bottom: 12px;
    display: flex;
    align-items: center;
    gap: 16px;
    transition: all 0.2s ease;
}

.client-card:hover[b-3m4yec2roj] {
    border-color: var(--sollas-primary);
    box-shadow: 0 4px 12px rgba(0, 0, 0, 0.05);
}

.client-avatar[b-3m4yec2roj] {
    width: 48px;
    height: 48px;
    background: var(--sollas-primary-light);
    color: var(--sollas-primary);
    border-radius: 50%;
    display: flex;
    align-items: center;
    justify-content: center;
    font-weight: 700;
    font-size: 16px;
    flex-shrink: 0;
}

.client-info[b-3m4yec2roj] {
    flex: 1;
    min-width: 0; /* Permite truncar texto se necessário */
}

.client-header[b-3m4yec2roj] {
    display: flex;
    align-items: center;
    gap: 8px;
    margin-bottom: 2px;
}

.client-name[b-3m4yec2roj] {
    font-size: 16px;
    font-weight: 700;
    margin: 0;
    color: var(--sollas-text-main);
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis;
}

.client-type-badge[b-3m4yec2roj] {
    font-size: 10px;
    font-weight: 700;
    padding: 2px 6px;
    background: #F1F5F9;
    color: #64748B;
    border-radius: 4px;
}

.client-location[b-3m4yec2roj] {
    font-size: 13px;
    color: var(--sollas-text-muted);
    margin: 0 0 8px 0;
}

.client-stats[b-3m4yec2roj] {
    display: flex;
    gap: 12px;
}

.stat-item[b-3m4yec2roj] {
    font-size: 11px;
    color: var(--sollas-text-muted);
}

.stat-item strong[b-3m4yec2roj] {
    color: var(--sollas-text-main);
}

.client-actions[b-3m4yec2roj] {
    display: flex;
    gap: 8px;
}

.action-btn[b-3m4yec2roj] {
    width: 36px;
    height: 36px;
    border-radius: 50%;
    border: 1px solid var(--sollas-border);
    background: white;
    color: var(--sollas-text-muted);
    display: flex;
    align-items: center;
    justify-content: center;
    cursor: pointer;
    transition: all 0.2s ease;
}

.action-btn:hover[b-3m4yec2roj] {
    background: var(--sollas-primary-light);
    color: var(--sollas-primary);
    border-color: var(--sollas-primary);
}

.action-btn.secondary:hover[b-3m4yec2roj] {
    background: #F8FAFC;
    color: var(--sollas-text-main);
}
/* /Components/Reutilizaveis/ClienteCard.razor.rz.scp.css */
.cliente-card[b-wxw3sryn9a] {
    background: var(--sollas-surface);
    border-radius: 16px;
    padding: 16px;
    display: flex;
    align-items: center;
    gap: 16px;
    box-shadow: var(--sollas-card-shadow);
    transition: transform 0.2s ease, box-shadow 0.2s ease, border-color 0.2s ease;
    cursor: pointer;
    border: 1px solid var(--sollas-border);
}

.cliente-card:hover[b-wxw3sryn9a] {
    transform: translateY(-3px);
    box-shadow: 0 8px 24px rgba(0, 0, 0, 0.12);
    border-color: var(--sollas-primary);
}

.avatar-circle[b-wxw3sryn9a] {
    width: 48px;
    height: 48px;
    background: var(--sollas-primary-light);
    color: var(--sollas-primary);
    border-radius: 12px;
    display: flex;
    align-items: center;
    justify-content: center;
    font-size: 1.2rem;
    font-weight: 700;
    flex-shrink: 0;
}

.card-info[b-wxw3sryn9a] { flex: 1; min-width: 0; }

.cliente-name[b-wxw3sryn9a] {
    margin: 0 0 4px 0;
    font-size: 1.1rem;
    font-weight: 600;
    color: var(--sollas-text-main);
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis;
}

.cliente-meta[b-wxw3sryn9a] {
    display: flex;
    flex-wrap: wrap;
    gap: 12px;
}

.meta-item[b-wxw3sryn9a] {
    display: flex;
    align-items: center;
    gap: 6px;
    font-size: 0.85rem;
    color: var(--sollas-text-muted);
}

.card-actions[b-wxw3sryn9a] { display: flex; gap: 8px; }

/* Dark mode */
:global([data-theme="dark"]) .cliente-card[b-wxw3sryn9a] {
    background: var(--sollas-surface);
    border-color: var(--sollas-border);
    box-shadow: 0 4px 20px rgba(0,0,0,0.45);
}

:global([data-theme="dark"]) .cliente-card:hover[b-wxw3sryn9a] {
    box-shadow: 0 8px 28px rgba(0,0,0,0.6);
    border-color: var(--sollas-primary);
}

:global([data-theme="dark"]) .avatar-circle[b-wxw3sryn9a] {
    background: rgba(29, 158, 117, 0.15);
}
/* /Components/Reutilizaveis/DarkModeToggle.razor.rz.scp.css */
.dark-toggle[b-8apdp5z7ao] {
    display: flex;
    align-items: center;
    gap: 8px;
    width: 100%;
    padding: 9px 12px;
    background: none;
    border: 1.5px solid var(--sollas-border);
    border-radius: var(--sollas-radius-md);
    color: var(--sollas-text-muted);
    font-family: var(--sollas-font);
    font-size: 0.8125rem;
    font-weight: 600;
    cursor: pointer;
    transition: background 0.2s, color 0.2s, border-color 0.2s;
}

/* Versão inline para headers de página (sem width 100%) */
.cl-header-actions .dark-toggle[b-8apdp5z7ao] {
    width: auto;
    height: 42px;
    padding: 0 18px;
    border-radius: 999px;
    white-space: nowrap;
}

.dark-toggle:hover[b-8apdp5z7ao] {
    background: var(--sollas-primary-light);
    color: var(--sollas-primary);
    border-color: var(--sollas-primary);
}

.dark-toggle svg[b-8apdp5z7ao] {
    flex-shrink: 0;
    transition: transform 0.3s ease;
}

.dark-toggle:hover svg[b-8apdp5z7ao] {
    transform: rotate(20deg);
}
/* /Components/Reutilizaveis/DatePill.razor.rz.scp.css */
.date-pill[b-c5wv8ehpkz] {
    display: flex;
    flex-direction: column;
    align-items: center;
    justify-content: center;
    min-width: 56px;
    height: 72px;
    border-radius: var(--sollas-radius-md);
    border: 1px solid var(--sollas-border);
    background: var(--sollas-surface);
    cursor: pointer;
    transition: all 0.2s ease;
    gap: 4px;
}

.date-pill:hover:not(.active)[b-c5wv8ehpkz] {
    border-color: var(--sollas-primary);
    background: var(--sollas-primary-light);
}

.date-pill.active[b-c5wv8ehpkz] {
    background: var(--sollas-primary);
    border-color: var(--sollas-primary);
    color: white;
}

.day-name[b-c5wv8ehpkz] {
    font-size: 11px;
    font-weight: 700;
    text-transform: uppercase;
    color: var(--sollas-text-muted);
}

.date-pill.active .day-name[b-c5wv8ehpkz] {
    color: rgba(255, 255, 255, 0.8);
}

.day-number[b-c5wv8ehpkz] {
    font-size: 18px;
    font-weight: 700;
}
/* /Components/Reutilizaveis/EmpresaCard.razor.rz.scp.css */
.empresa-card[b-u86vbjqb2q] {
    background: var(--sollas-surface);
    border: 1px solid var(--sollas-border);
    border-radius: var(--sollas-radius-md);
    padding: 16px;
    display: flex;
    align-items: center;
    gap: 16px;
    position: relative;
    cursor: pointer;
    transition: transform 0.2s ease, box-shadow 0.2s ease, border-color 0.2s ease;
    overflow: hidden;
}

.empresa-card:hover[b-u86vbjqb2q] {
    border-color: var(--sollas-primary);
    box-shadow: 0 4px 12px rgba(29, 158, 117, 0.1);
    transform: translateY(-2px);
}

.card-status[b-u86vbjqb2q] {
    position: absolute;
    left: 0;
    top: 0;
    bottom: 0;
    width: 4px;
}

.card-status.ativo[b-u86vbjqb2q]  { background-color: var(--sollas-primary); }
.card-status.inativo[b-u86vbjqb2q] { background-color: var(--sollas-text-muted); }

.card-icon[b-u86vbjqb2q] {
    width: 48px;
    height: 48px;
    background: var(--sollas-primary-light);
    border-radius: 12px;
    display: flex;
    align-items: center;
    justify-content: center;
    color: var(--sollas-primary);
    flex-shrink: 0;
}

.card-content[b-u86vbjqb2q] { flex: 1; min-width: 0; }

.empresa-name[b-u86vbjqb2q] {
    font-size: 16px;
    font-weight: 700;
    margin: 0 0 4px 0;
    color: var(--sollas-text-main);
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis;
}

.empresa-segmento[b-u86vbjqb2q] {
    font-size: 12px;
    color: var(--sollas-text-muted);
    font-weight: 500;
}

.empresa-meta[b-u86vbjqb2q] { margin-top: 8px; }

.meta-item[b-u86vbjqb2q] { font-size: 11px; color: var(--sollas-text-muted); }
.meta-item strong[b-u86vbjqb2q] { color: var(--sollas-text-main); }

.card-actions[b-u86vbjqb2q] {
    display: flex;
    gap: 8px;
    align-items: center;
}

.btn-enter[b-u86vbjqb2q] {
    background: var(--sollas-bg);
    border: 1px solid var(--sollas-border);
    width: 36px;
    height: 36px;
    border-radius: 50%;
    display: flex;
    align-items: center;
    justify-content: center;
    color: var(--sollas-text-muted);
    cursor: pointer;
    transition: background 0.2s, color 0.2s, border-color 0.2s;
}

.empresa-card:hover .btn-enter[b-u86vbjqb2q] {
    background: var(--sollas-primary);
    border-color: var(--sollas-primary);
    color: #fff;
}

/* Dark mode */
:global([data-theme="dark"]) .empresa-card[b-u86vbjqb2q] {
    background: var(--sollas-surface);
    border-color: var(--sollas-border);
    box-shadow: 0 4px 20px rgba(0,0,0,0.45);
}

:global([data-theme="dark"]) .empresa-card:hover[b-u86vbjqb2q] {
    box-shadow: 0 8px 28px rgba(0,0,0,0.6);
    border-color: var(--sollas-primary);
}

:global([data-theme="dark"]) .card-icon[b-u86vbjqb2q] {
    background: rgba(29, 158, 117, 0.15);
}

:global([data-theme="dark"]) .btn-enter[b-u86vbjqb2q] {
    background: rgba(255,255,255,0.05);
    border-color: var(--sollas-border);
}
/* /Components/Reutilizaveis/FAB.razor.rz.scp.css */
.fab[b-g9zw4bk20m] {
    position: fixed;
    bottom: 88px; /* Acima da bottom nav */
    right: 20px;
    width: 56px;
    height: 56px;
    border-radius: 50%;
    background-color: #10B981; /* Verde esmeralda vivo para o FAB */
    color: white;
    border: none;
    display: flex;
    align-items: center;
    justify-content: center;
    box-shadow: 0 4px 10px rgba(16, 185, 129, 0.4);
    cursor: pointer;
    transition: all 0.2s ease;
    z-index: 101;
}

@media (min-width: 768px) {
    .fab[b-g9zw4bk20m] {
        display: none !important;
    }
}

.fab:hover[b-g9zw4bk20m] {
    transform: scale(1.1);
    background-color: #059669;
}

.fab:active[b-g9zw4bk20m] {
    transform: scale(0.95);
}
/* /Components/Reutilizaveis/FilterPill.razor.rz.scp.css */
.filter-pill[b-vzvuh3x0na] {
    padding: 8px 16px;
    border-radius: var(--sollas-radius-md);
    border: 1px solid var(--sollas-border);
    background: var(--sollas-surface);
    font-size: 14px;
    font-weight: 600;
    color: var(--sollas-text-muted);
    cursor: pointer;
    transition: all 0.2s ease;
    white-space: nowrap;
}

.filter-pill.active[b-vzvuh3x0na] {
    background-color: var(--sollas-primary);
    border-color: var(--sollas-primary);
    color: white;
}

.filter-pill:hover:not(.active)[b-vzvuh3x0na] {
    border-color: var(--sollas-primary);
    color: var(--sollas-primary);
}
/* /Components/Reutilizaveis/FilterSelect.razor.rz.scp.css */
/* ── Backdrop ────────────────────────────────────────────── */
.fsel-backdrop[b-vb0om6p61x] {
    position: fixed;
    inset: 0;
    z-index: 9998;
    background: transparent;
}

/* ── Wrapper ─────────────────────────────────────────────── */
.fsel-wrap[b-vb0om6p61x] {
    position: relative;
    width: 100%;
}

/* ── Trigger button ──────────────────────────────────────── */
.fsel-trigger[b-vb0om6p61x] {
    width: 100%;
    min-height: 28px;
    padding: 0 26px 0 8px;
    display: flex;
    align-items: center;
    gap: 6px;
    background: var(--sollas-bg);
    border: 1px solid rgba(255,255,255,.08);
    border-radius: 7px;
    cursor: pointer;
    font-family: var(--sollas-font);
    font-size: 0.75rem;
    color: var(--sollas-text-main);
    text-align: left;
    transition: border-color 0.2s, box-shadow 0.2s;
    box-sizing: border-box;
    position: relative;
    overflow: hidden;
    white-space: nowrap;
}
.fsel-trigger:hover[b-vb0om6p61x],
.fsel-trigger.open[b-vb0om6p61x] {
    border-color: var(--sollas-primary);
    box-shadow: 0 0 0 3px rgba(59,130,246,.1);
}

/* ── Chevron ─────────────────────────────────────────────── */
.fsel-chevron[b-vb0om6p61x] {
    position: absolute;
    right: 7px;
    top: 50%;
    transform: translateY(-50%);
    color: var(--sollas-text-muted);
    pointer-events: none;
    transition: transform 0.2s;
    flex-shrink: 0;
}
.fsel-chevron.rotated[b-vb0om6p61x] {
    transform: translateY(-50%) rotate(180deg);
}

/* ── Plain label (Todos) ─────────────────────────────────── */
.fsel-plain[b-vb0om6p61x] {
    color: var(--sollas-text-muted);
    font-size: 0.75rem;
    opacity: .7;
}

/* ── Dropdown panel ──────────────────────────────────────── */
.fsel-dropdown[b-vb0om6p61x] {
    background: var(--sollas-surface);
    border: 1px solid var(--sollas-border);
    border-radius: 12px;
    box-shadow: 0 12px 40px rgba(0,0,0,0.18), 0 2px 8px rgba(0,0,0,0.1);
    padding: 6px;
    display: flex;
    flex-direction: column;
    gap: 2px;
    animation: fsel-pop-b-vb0om6p61x 0.12s cubic-bezier(0.34,1.56,0.64,1);
}
@keyframes fsel-pop-b-vb0om6p61x {
    from { opacity: 0; transform: translateY(-6px) scale(0.97); }
    to   { opacity: 1; transform: translateY(0) scale(1); }
}

/* ── Option button ───────────────────────────────────────── */
.fsel-option[b-vb0om6p61x] {
    width: 100%;
    padding: 6px 8px;
    display: flex;
    align-items: center;
    justify-content: space-between;
    gap: 8px;
    background: none;
    border: none;
    border-radius: 8px;
    cursor: pointer;
    font-family: var(--sollas-font);
    transition: background 0.12s;
    text-align: left;
}
.fsel-option:hover[b-vb0om6p61x] {
    background: rgba(59,130,246,.08);
}
.fsel-option.is-selected[b-vb0om6p61x] {
    background: rgba(59,130,246,.06);
}

/* ── "Todos" label inside option ─────────────────────────── */
.fsel-opt-all[b-vb0om6p61x] {
    font-size: 0.8rem;
    font-weight: 500;
    color: var(--sollas-text-muted);
}

/* ── Checkmark ───────────────────────────────────────────── */
.fsel-check[b-vb0om6p61x] {
    color: var(--sollas-primary);
    flex-shrink: 0;
}

/* ── Status badges ───────────────────────────────────────── */
.fsel-badge[b-vb0om6p61x] {
    display: inline-flex;
    align-items: center;
    font-size: 0.75rem;
    font-weight: 600;
    border-radius: 999px;
    padding: 3px 10px;
    white-space: nowrap;
    line-height: 1.4;
    border: 1px solid transparent;
}

/* Ativo / Recebido / Pago */
.fsel-b-green[b-vb0om6p61x] {
    background: rgba(16,185,129,.12);
    color: #059669;
    border-color: rgba(16,185,129,.3);
}
/* Inativo / Cancelado */
.fsel-b-gray[b-vb0om6p61x] {
    background: rgba(148,163,184,.12);
    color: #64748B;
    border-color: rgba(148,163,184,.25);
}
/* Pendente */
.fsel-b-orange[b-vb0om6p61x] {
    background: rgba(245,158,11,.12);
    color: #D97706;
    border-color: rgba(245,158,11,.3);
}
/* Vencida */
.fsel-b-red[b-vb0om6p61x] {
    background: rgba(239,68,68,.12);
    color: #DC2626;
    border-color: rgba(239,68,68,.3);
}
/* Inativo (alias azul para status específicos) */
.fsel-b-blue[b-vb0om6p61x] {
    background: rgba(59,130,246,.12);
    color: #2563EB;
    border-color: rgba(59,130,246,.3);
}

/* ── Dark mode ───────────────────────────────────────────── */
:global([data-theme="dark"]) .fsel-dropdown[b-vb0om6p61x] {
    background: #111C2D;
    border-color: #1C2D42;
    box-shadow: 0 16px 48px rgba(0,0,0,0.5), 0 2px 8px rgba(0,0,0,0.3);
}
:global([data-theme="dark"]) .fsel-option:hover[b-vb0om6p61x] {
    background: rgba(59,130,246,.12);
}
:global([data-theme="dark"]) .fsel-option.is-selected[b-vb0om6p61x] {
    background: rgba(59,130,246,.1);
}
:global([data-theme="dark"]) .fsel-b-green[b-vb0om6p61x]  { background: rgba(16,185,129,.15);  color: #10B981; border-color: rgba(16,185,129,.35); }
:global([data-theme="dark"]) .fsel-b-gray[b-vb0om6p61x]   { background: rgba(148,163,184,.1);  color: #94A3B8; border-color: rgba(148,163,184,.2); }
:global([data-theme="dark"]) .fsel-b-orange[b-vb0om6p61x] { background: rgba(245,158,11,.15);  color: #F59E0B; border-color: rgba(245,158,11,.35); }
:global([data-theme="dark"]) .fsel-b-red[b-vb0om6p61x]    { background: rgba(239,68,68,.15);   color: #EF4444; border-color: rgba(239,68,68,.35); }
/* /Components/Reutilizaveis/FinanceMetric.razor.rz.scp.css */
.finance-metric[b-qvrxo1jpqe] {
    background: var(--sollas-surface);
    border: 1px solid var(--sollas-border);
    border-radius: var(--sollas-radius-md);
    padding: 20px;
    flex: 1;
    display: flex;
    justify-content: space-between;
    align-items: center;
}

.metric-info[b-qvrxo1jpqe] {
    display: flex;
    flex-direction: column;
    gap: 4px;
}

.metric-label[b-qvrxo1jpqe] {
    font-size: 12px;
    font-weight: 600;
    color: var(--sollas-text-muted);
}

.metric-value[b-qvrxo1jpqe] {
    font-size: 18px;
    font-weight: 700;
}

.metric-value.blue[b-qvrxo1jpqe] { color: #3B82F6; }
.metric-value.green[b-qvrxo1jpqe] { color: var(--sollas-primary); }

.metric-icon[b-qvrxo1jpqe] {
    color: #CBD5E1;
}

.metric-value.blue + .metric-icon[b-qvrxo1jpqe] { color: #3B82F6; opacity: 0.2; }
.metric-value.green + .metric-icon[b-qvrxo1jpqe] { color: var(--sollas-primary); opacity: 0.2; }
/* /Components/Reutilizaveis/MetricCard.razor.rz.scp.css */
.metric-card[b-bl1sc0ymhu] {
    background: var(--sollas-surface);
    border: 1px solid var(--sollas-border);
    border-radius: var(--sollas-radius-md);
    padding: 16px;
    flex: 1;
    display: flex;
    flex-direction: column;
    gap: 8px;
}

.metric-label[b-bl1sc0ymhu] {
    font-size: 13px;
    font-weight: 600;
    color: var(--sollas-text-muted);
}

.metric-value[b-bl1sc0ymhu] {
    font-size: 18px;
    font-weight: 700;
}

.metric-value.blue[b-bl1sc0ymhu] {
    color: #3B82F6;
}

.metric-value.red[b-bl1sc0ymhu] {
    color: #EF4444;
}
/* /Components/Reutilizaveis/OSCard.razor.rz.scp.css */
.os-card[b-vf3xq87zl3] {
    background: var(--sollas-surface);
    border: 1px solid var(--sollas-border);
    border-radius: var(--sollas-radius-md);
    padding: 16px;
    margin-bottom: 12px;
    display: flex;
    flex-direction: column;
    gap: 12px;
    transition: transform 0.2s ease, box-shadow 0.2s ease;
    cursor: pointer;
}

.os-card:hover[b-vf3xq87zl3] {
    transform: translateY(-2px);
    box-shadow: 0 4px 12px rgba(0, 0, 0, 0.05);
}

.os-card-header[b-vf3xq87zl3] {
    display: flex;
    justify-content: space-between;
    align-items: center;
}

.os-number[b-vf3xq87zl3] {
    font-size: 16px;
    font-weight: 700;
    color: var(--sollas-text-main);
}

.client-name[b-vf3xq87zl3] {
    font-size: 16px;
    font-weight: 700;
    margin: 0 0 12px 0;
    color: var(--sollas-text-main);
}

.os-meta[b-vf3xq87zl3] {
    display: flex;
    justify-content: space-between;
    align-items: flex-end;
}

.meta-item[b-vf3xq87zl3] {
    display: flex;
    flex-direction: column;
    gap: 2px;
}

.meta-label[b-vf3xq87zl3] {
    font-size: 11px;
    font-weight: 600;
    color: var(--sollas-text-muted);
}

.meta-value[b-vf3xq87zl3] {
    font-size: 13px;
    font-weight: 600;
    color: var(--sollas-text-main);
}

.os-value[b-vf3xq87zl3] {
    font-size: 16px;
    font-weight: 700;
    color: var(--sollas-text-main);
}
/* /Components/Reutilizaveis/PedidoCard.razor.rz.scp.css */
.pedido-card[b-z1tzlxn5gc] {
    background: var(--sollas-white);
    border-radius: 16px;
    padding: 16px;
    box-shadow: 0 4px 12px rgba(0, 0, 0, 0.05);
    margin-bottom: 12px;
    cursor: pointer;
    transition: transform 0.2s, box-shadow 0.2s;
    border: 1px solid var(--sollas-border);
}

.pedido-card:hover[b-z1tzlxn5gc] {
    transform: translateY(-2px);
    box-shadow: 0 6px 16px rgba(0, 0, 0, 0.08);
}

.pedido-card-header[b-z1tzlxn5gc] {
    display: flex;
    justify-content: space-between;
    align-items: center;
    margin-bottom: 12px;
}

.pedido-number[b-z1tzlxn5gc] {
    font-size: 0.85rem;
    color: var(--sollas-text-muted);
    font-weight: 600;
}

.pedido-card-body h3[b-z1tzlxn5gc] {
    margin: 0 0 12px 0;
    font-size: 1.1rem;
    color: var(--sollas-text);
    font-weight: 600;
}

.pedido-meta[b-z1tzlxn5gc] {
    display: flex;
    justify-content: space-between;
    align-items: flex-end;
}

.meta-label[b-z1tzlxn5gc] {
    display: block;
    font-size: 0.75rem;
    color: var(--sollas-text-muted);
    margin-bottom: 2px;
}

.meta-value[b-z1tzlxn5gc] {
    font-size: 0.9rem;
    color: var(--sollas-text);
    font-weight: 500;
}

.pedido-value[b-z1tzlxn5gc] {
    font-size: 1.1rem;
    font-weight: 700;
    color: var(--sollas-primary);
}
/* /Components/Reutilizaveis/RepresentanteCard.razor.rz.scp.css */
.rep-card[b-125xr8rk3b] {
    background: var(--sollas-surface);
    border-radius: 16px;
    padding: 16px;
    display: flex;
    align-items: center;
    gap: 16px;
    box-shadow: var(--sollas-card-shadow);
    transition: transform 0.2s ease, box-shadow 0.2s ease, border-color 0.2s ease;
    cursor: pointer;
    border: 1px solid var(--sollas-border);
}

.rep-card:hover[b-125xr8rk3b] {
    transform: translateY(-3px);
    box-shadow: 0 8px 24px rgba(0, 0, 0, 0.12);
    border-color: var(--sollas-primary);
}

.card-avatar[b-125xr8rk3b] { flex-shrink: 0; }

.avatar-circle[b-125xr8rk3b] {
    width: 48px;
    height: 48px;
    background: var(--sollas-primary);
    color: #fff;
    border-radius: 50%;
    display: flex;
    align-items: center;
    justify-content: center;
    font-weight: 700;
    font-size: 1.2rem;
    font-family: var(--sollas-font);
}

.card-info[b-125xr8rk3b] {
    flex-grow: 1;
    overflow: hidden;
}

.rep-name[b-125xr8rk3b] {
    margin: 0;
    font-size: 1rem;
    font-weight: 600;
    color: var(--sollas-text-main);
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis;
}

.rep-email[b-125xr8rk3b] {
    font-size: 0.85rem;
    color: var(--sollas-text-muted);
    display: block;
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis;
}

.card-actions[b-125xr8rk3b] { display: flex; gap: 8px; }

/* Dark mode */
:global([data-theme="dark"]) .rep-card[b-125xr8rk3b] {
    background: var(--sollas-surface);
    border-color: var(--sollas-border);
    box-shadow: 0 4px 20px rgba(0,0,0,0.45);
}

:global([data-theme="dark"]) .rep-card:hover[b-125xr8rk3b] {
    box-shadow: 0 8px 28px rgba(0,0,0,0.6);
    border-color: var(--sollas-primary);
}
/* /Components/Reutilizaveis/SollasButton.razor.rz.scp.css */
.sollas-button[b-tciwuy8i06] {
    display: flex;
    align-items: center;
    justify-content: center;
    height: 48px;
    width: 100%;
    padding: 0 24px;
    border: none;
    border-radius: var(--sollas-radius-sm);
    font-family: var(--sollas-font);
    font-size: 15px;
    font-weight: 700;
    cursor: pointer;
    transition: all 0.2s ease;
    text-decoration: none;
}

.sollas-button.primary[b-tciwuy8i06] {
    background-color: var(--sollas-primary);
    color: white;
}

.sollas-button.primary:hover[b-tciwuy8i06] {
    background-color: var(--sollas-primary-hover);
    transform: translateY(-1px);
}

.sollas-button.primary:active[b-tciwuy8i06] {
    transform: translateY(0);
}

.sollas-button:disabled[b-tciwuy8i06] {
    opacity: 0.6;
    cursor: not-allowed;
    transform: none;
}

.sollas-spinner[b-tciwuy8i06] {
    width: 20px;
    height: 20px;
    border: 2px solid rgba(255, 255, 255, 0.3);
    border-radius: 50%;
    border-top-color: white;
    animation: sollas-spin-b-tciwuy8i06 0.8s linear infinite;
}

@keyframes sollas-spin-b-tciwuy8i06 {
    to { transform: rotate(360deg); }
}
/* /Components/Reutilizaveis/SollasConfirmModal.razor.rz.scp.css */
.confirm-modal-body[b-oyznvu0tz3] {
    display: flex;
    flex-direction: column;
    align-items: center;
    text-align: center;
    padding: 20px 0;
}
.confirm-icon[b-oyznvu0tz3] {
    background: #ffebee;
    padding: 20px;
    border-radius: 50%;
    margin-bottom: 16px;
}
.confirm-modal-body p[b-oyznvu0tz3] {
    font-size: 1.1rem;
    color: var(--sollas-text-dark, #263238);
    margin: 0;
}
.confirm-actions[b-oyznvu0tz3] {
    display: flex;
    gap: 12px;
    width: 100%;
}
.btn-cancel[b-oyznvu0tz3] {
    flex: 1;
    background: #f5f5f5;
    border: none;
    padding: 12px;
    border-radius: 12px;
    font-weight: 600;
    color: #78909c;
    cursor: pointer;
    transition: all 0.2s;
}
.btn-cancel:hover[b-oyznvu0tz3] {
    background: #eeeeee;
}
.btn-confirm[b-oyznvu0tz3] {
    flex: 1;
    background: #ef5350;
    border: none;
    padding: 12px;
    border-radius: 12px;
    font-weight: 600;
    color: white;
    cursor: pointer;
    transition: all 0.2s;
}
.btn-confirm:hover[b-oyznvu0tz3] {
    background: #d32f2f;
    box-shadow: 0 4px 12px rgba(239, 83, 80, 0.3);
}
/* /Components/Reutilizaveis/SollasInput.razor.rz.scp.css */
.sollas-input-group[b-xqf779q68r] {
    display: flex;
    flex-direction: column;
    gap: 6px;
    width: 100%;
    margin-bottom: 16px;
}

.sollas-input-group label[b-xqf779q68r] {
    font-size: 14px;
    font-weight: 600;
    color: var(--sollas-text-main);
}

.sollas-input[b-xqf779q68r] {
    height: 48px;
    padding: 0 16px;
    border: 1px solid var(--sollas-border);
    border-radius: var(--sollas-radius-sm);
    font-family: var(--sollas-font);
    font-size: 15px;
    color: var(--sollas-text-main);
    background-color: var(--sollas-surface);
    transition: all 0.2s ease;
    outline: none;
}

.sollas-input:focus[b-xqf779q68r] {
    border-color: var(--sollas-primary);
    box-shadow: 0 0 0 4px var(--sollas-primary-light);
}

.sollas-input[b-xqf779q68r]::placeholder {
    color: var(--sollas-text-muted);
    opacity: 0.7;
}
/* /Components/Reutilizaveis/SollasModal.razor.rz.scp.css */
.modal-overlay[b-tzr1zxpx06] {
    position: fixed;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
    background: rgba(0,0,0,.52);
    display: flex;
    align-items: center;
    justify-content: center;
    z-index: 1000;
    backdrop-filter: blur(6px);
    -webkit-backdrop-filter: blur(6px);
    padding: 20px;
}

.modal-container[b-tzr1zxpx06] {
    background: var(--sollas-surface);
    width: 100%;
    max-width: 600px;
    max-height: 90vh;
    border-radius: 20px;
    display: flex;
    flex-direction: column;
    position: relative;
    overflow: hidden;
    box-shadow:
        inset 0 1px 0 rgba(255,255,255,.5),
        0 4px 16px rgba(0,0,0,.10),
        0 16px 48px rgba(0,0,0,.14),
        0 48px 96px rgba(0,0,0,.10);
    animation: modal-appear-b-tzr1zxpx06 0.22s cubic-bezier(0.34,1.56,0.64,1);
    border: 1px solid var(--sollas-border);
}

/* Faixa de acento verde premium no topo */
.modal-container[b-tzr1zxpx06]::before {
    content: '';
    position: absolute;
    top: 0; left: 0; right: 0;
    height: 3px;
    background: linear-gradient(90deg, var(--sollas-primary) 0%, rgba(29,158,117,.4) 50%, transparent 100%);
    border-radius: 20px 20px 0 0;
    z-index: 2;
}

.modal-container.small[b-tzr1zxpx06] {
    max-width: 420px;
}

@keyframes modal-appear-b-tzr1zxpx06 {
    from { transform: scale(0.93) translateY(10px); opacity: 0; }
    to   { transform: scale(1) translateY(0); opacity: 1; }
}

.modal-header[b-tzr1zxpx06] {
    padding: 20px 22px 18px;
    border-bottom: 1px solid var(--sollas-border);
    display: flex;
    justify-content: space-between;
    align-items: center;
    background: linear-gradient(180deg, rgba(29,158,117,.05) 0%, rgba(0,0,0,.01) 100%);
    border-radius: 20px 20px 0 0;
}

.modal-title[b-tzr1zxpx06] {
    font-size: 1.05rem;
    font-weight: 800;
    margin: 0;
    letter-spacing: -.025em;
    color: var(--sollas-text-main);
}

.btn-close[b-tzr1zxpx06] {
    width: 32px;
    height: 32px;
    background: rgba(0,0,0,.04);
    border: 1.5px solid var(--sollas-border);
    color: var(--sollas-text-muted);
    cursor: pointer;
    border-radius: 8px;
    display: flex;
    align-items: center;
    justify-content: center;
    transition: background .16s, border-color .16s, color .16s;
    flex-shrink: 0;
}

.btn-close:hover[b-tzr1zxpx06] {
    background: rgba(239,68,68,.08);
    border-color: rgba(239,68,68,.25);
    color: #EF4444;
}

.modal-content[b-tzr1zxpx06] {
    padding: 20px 22px;
    overflow-y: auto;
    flex: 1;
}

.modal-footer[b-tzr1zxpx06] {
    padding: 14px 22px;
    border-top: 1px solid var(--sollas-border);
    background: rgba(0,0,0,.02);
    border-radius: 0 0 18px 18px;
    display: flex;
    justify-content: flex-end;
    gap: 10px;
}

/* Dark mode */
:global([data-theme="dark"]) .modal-container[b-tzr1zxpx06] {
    background: #0D1B2E;
    border-color: rgba(255,255,255,.07);
    box-shadow:
        inset 0 1px 0 rgba(255,255,255,.05),
        0 8px 32px rgba(0,0,0,.4),
        0 32px 80px rgba(0,0,0,.35);
}

:global([data-theme="dark"]) .modal-header[b-tzr1zxpx06] {
    background: rgba(255,255,255,.02);
    border-bottom-color: rgba(255,255,255,.07);
}

:global([data-theme="dark"]) .modal-footer[b-tzr1zxpx06] {
    background: rgba(255,255,255,.015);
    border-top-color: rgba(255,255,255,.07);
}

:global([data-theme="dark"]) .btn-close[b-tzr1zxpx06] {
    background: rgba(255,255,255,.04);
    border-color: rgba(255,255,255,.08);
}
/* /Components/Reutilizaveis/SollasToast.razor.rz.scp.css */
/* SollasToast — stack de notificações no canto inferior direito */

:global(.st-toast)[b-sarm7r1xll] {
    position: fixed;
    bottom: calc(var(--toast-offset, 0) * 1px);
    right: 1.5rem;
    z-index: 9999;
    display: flex;
    align-items: center;
    gap: .65rem;
    padding: .75rem 1rem .75rem .9rem;
    min-width: 280px;
    max-width: 400px;
    border-radius: 10px;
    border: 1px solid transparent;
    box-shadow: 0 8px 32px rgba(0,0,0,.25), 0 2px 8px rgba(0,0,0,.15);
    font-family: var(--sollas-font);
    font-size: .84rem;
    font-weight: 500;
    overflow: hidden;
    transition: opacity .28s ease, transform .28s cubic-bezier(.34,1.56,.64,1);
}

:global(.st-enter)[b-sarm7r1xll] {
    animation: st-slide-in-b-sarm7r1xll .3s cubic-bezier(.34,1.56,.64,1) forwards;
}

:global(.st-exit)[b-sarm7r1xll] {
    animation: st-slide-out-b-sarm7r1xll .28s ease forwards;
}

@keyframes st-slide-in-b-sarm7r1xll {
    from { opacity: 0; transform: translateX(110%); }
    to   { opacity: 1; transform: translateX(0); }
}

@keyframes st-slide-out-b-sarm7r1xll {
    from { opacity: 1; transform: translateX(0); }
    to   { opacity: 0; transform: translateX(110%); }
}

/* Tipos */
:global(.st-error)[b-sarm7r1xll] {
    background: #1e0d0d;
    border-color: rgba(239,68,68,.35);
    color: #fca5a5;
}
:global(.st-error .st-icon)[b-sarm7r1xll] { color: #ef4444; }
:global(.st-error .st-progress)[b-sarm7r1xll] { background: #ef4444; }

:global(.st-success)[b-sarm7r1xll] {
    background: #0a1f14;
    border-color: rgba(16,185,129,.35);
    color: #6ee7b7;
}
:global(.st-success .st-icon)[b-sarm7r1xll] { color: #10B981; }
:global(.st-success .st-progress)[b-sarm7r1xll] { background: #10B981; }

:global(.st-warning)[b-sarm7r1xll] {
    background: #1c1505;
    border-color: rgba(245,158,11,.35);
    color: #fcd34d;
}
:global(.st-warning .st-icon)[b-sarm7r1xll] { color: #F59E0B; }
:global(.st-warning .st-progress)[b-sarm7r1xll] { background: #F59E0B; }

:global(.st-info)[b-sarm7r1xll] {
    background: #0b1220;
    border-color: rgba(59,130,246,.35);
    color: #93c5fd;
}
:global(.st-info .st-icon)[b-sarm7r1xll] { color: #3B82F6; }
:global(.st-info .st-progress)[b-sarm7r1xll] { background: #3B82F6; }

/* Ícone */
:global(.st-icon)[b-sarm7r1xll] {
    display: flex;
    align-items: center;
    flex-shrink: 0;
}

/* Texto */
:global(.st-text)[b-sarm7r1xll] {
    flex: 1;
    line-height: 1.4;
}

/* Botão fechar */
:global(.st-close)[b-sarm7r1xll] {
    display: flex;
    align-items: center;
    justify-content: center;
    width: 20px;
    height: 20px;
    background: none;
    border: none;
    cursor: pointer;
    opacity: .5;
    color: inherit;
    flex-shrink: 0;
    transition: opacity .15s;
    padding: 0;
}
:global(.st-close:hover)[b-sarm7r1xll] { opacity: 1; }

/* Barra de progresso (timer visual) */
:global(.st-progress)[b-sarm7r1xll] {
    position: absolute;
    bottom: 0;
    left: 0;
    height: 3px;
    width: 100%;
    animation: st-shrink-b-sarm7r1xll 3.8s linear forwards;
    border-radius: 0 0 10px 10px;
    opacity: .7;
}

@keyframes st-shrink-b-sarm7r1xll {
    from { width: 100%; }
    to   { width: 0%; }
}
/* /Components/Reutilizaveis/StatusBadge.razor.rz.scp.css */
.status-badge[b-qhxpcimzr0] {
    padding: 4px 8px;
    border-radius: 4px;
    font-size: 11px;
    font-weight: 700;
    text-transform: uppercase;
    display: inline-block;
}

.status-badge.ongoing[b-qhxpcimzr0] {
    background-color: #FEF3C7;
    color: #D97706;
}

.status-badge.completed[b-qhxpcimzr0] {
    background-color: #DCFCE7;
    color: #166534;
}

.status-badge.delayed[b-qhxpcimzr0] {
    background-color: #FEE2E2;
    color: #DC2626;
}
/* /Components/Reutilizaveis/TransactionCard.razor.rz.scp.css */
.transaction-card[b-aony120yg8] {
    background: var(--sollas-surface);
    border: 1px solid var(--sollas-border);
    border-radius: var(--sollas-radius-md);
    padding: 16px;
    margin-bottom: 12px;
    display: flex;
    justify-content: space-between;
    align-items: center;
    border-left: 4px solid #CBD5E1;
}

.transaction-card.received[b-aony120yg8] { border-left-color: var(--sollas-primary); }
.transaction-card.pending[b-aony120yg8] { border-left-color: #3B82F6; }
.transaction-card.overdue[b-aony120yg8] { border-left-color: #EF4444; }

.transaction-info[b-aony120yg8] {
    display: flex;
    flex-direction: column;
    gap: 4px;
}

.transaction-title[b-aony120yg8] {
    font-size: 15px;
    font-weight: 700;
    margin: 0;
    color: var(--sollas-text-main);
}

.transaction-meta[b-aony120yg8] {
    font-size: 12px;
    font-weight: 600;
    color: var(--sollas-text-muted);
}

.transaction-amount-group[b-aony120yg8] {
    display: flex;
    flex-direction: column;
    align-items: flex-end;
    gap: 8px;
}

.transaction-amount[b-aony120yg8] {
    font-size: 16px;
    font-weight: 700;
    color: var(--sollas-text-main);
}
/* /Pages/Agenda/Agenda.razor.rz.scp.css */
/* ============================================================
   Agenda.razor.css — Calendar week/staff view, prefix ag-
   Base: CSS variables (light mode friendly)
   Dark: :global([data-theme="dark"]) overrides at the bottom
   ============================================================ */

/* ── Page wrapper ────────────────────────────────────────── */
.ag-page[b-q6vex0ojyl] {
    min-height: 100vh;
    padding: 28px 28px 80px;
    background:
        radial-gradient(ellipse at 20% 10%, rgba(16,185,129,0.06) 0%, transparent 55%),
        radial-gradient(ellipse at 80% 80%, rgba(139,92,246,0.05) 0%, transparent 55%),
        var(--sollas-bg);
    color: var(--sollas-text-main);
    font-family: var(--sollas-font, 'Inter', sans-serif);
    box-sizing: border-box;
}

/* ── Stat cards ──────────────────────────────────────────── */
.ag-stats[b-q6vex0ojyl] {
    display: grid;
    grid-template-columns: repeat(4,1fr);
    gap: 24px;
    margin-bottom: 24px;
}
@media (max-width: 1100px) { .ag-stats[b-q6vex0ojyl] { grid-template-columns: repeat(2,1fr); } }
@media (max-width: 600px)  { .ag-stats[b-q6vex0ojyl] { grid-template-columns: 1fr; } }

.ag-stat-card[b-q6vex0ojyl] {
    position: relative;
    display: flex;
    align-items: stretch;
    overflow: hidden;
    min-height: 150px;
    border-radius: 24px;
    border: 1px solid var(--sollas-border);
    background: var(--sollas-surface);
    box-shadow: var(--sollas-card-shadow);
    transition: transform .2s, box-shadow .2s;
}
.ag-stat-card:hover[b-q6vex0ojyl] { transform: translateY(-2px); }
.ag-stat-card-orange[b-q6vex0ojyl] { border-color: rgba(245,158,11,.3); }

/* Radial glow sutil — visível no dark, quase imperceptível no light */
.ag-stat-card[b-q6vex0ojyl]::before {
    content: "";
    position: absolute;
    inset: 0;
    background: radial-gradient(circle at top right, rgba(0,120,255,0.06), transparent 35%);
    pointer-events: none; z-index: 0;
}
.ag-stat-card:nth-child(1)[b-q6vex0ojyl]::before { background: radial-gradient(circle at top right, rgba(0,255,170,0.06), transparent 35%); }
.ag-stat-card:nth-child(2)[b-q6vex0ojyl]::before { background: radial-gradient(circle at top right, rgba(0,120,255,0.06), transparent 35%); }
.ag-stat-card:nth-child(3)[b-q6vex0ojyl]::before { background: radial-gradient(circle at top right, rgba(139,92,246,0.06), transparent 35%); }

/* ── Lado esquerdo do card ───────────────────────────────── */
.ag-sc-left[b-q6vex0ojyl] {
    position: relative; z-index: 1;
    display: flex; align-items: center;
    gap: 20px; padding: 28px 24px 28px 28px;
    flex: 1; min-width: 0;
}
.ag-sc-icon[b-q6vex0ojyl] {
    width: 58px; height: 58px; border-radius: 18px;
    display: flex; align-items: center; justify-content: center;
    flex-shrink: 0;
}
.ag-si-green[b-q6vex0ojyl]  { background: rgba(16,185,129,.12); color: #10B981; }
.ag-si-blue[b-q6vex0ojyl]   { background: rgba(59,130,246,.12);  color: #3B82F6; }
.ag-si-purple[b-q6vex0ojyl] { background: rgba(139,92,246,.12);  color: #8B5CF6; }
.ag-si-orange[b-q6vex0ojyl] { background: rgba(245,158,11,.12);  color: #F59E0B; }

.ag-sc-info[b-q6vex0ojyl]  { display: flex; flex-direction: column; gap: 4px; min-width: 0; }
.ag-sc-label[b-q6vex0ojyl] { font-size: 14px; font-weight: 500; color: var(--sollas-text-muted); letter-spacing: .4px; opacity: .85; white-space: nowrap; }
.ag-sc-value[b-q6vex0ojyl] { font-size: 54px; font-weight: 700; color: var(--sollas-text-main); line-height: 1; letter-spacing: -2px; }
.ag-val-orange[b-q6vex0ojyl] { color: #F59E0B; }

.ag-sc-trend[b-q6vex0ojyl] { font-size: 15px; font-weight: 500; }
.ag-trend-green[b-q6vex0ojyl]  { color: #10B981; }
.ag-trend-blue[b-q6vex0ojyl]   { color: #3B82F6; }
.ag-trend-purple[b-q6vex0ojyl] { color: #8B5CF6; }

.ag-pend-link[b-q6vex0ojyl] {
    font-size: 15px; font-weight: 600; color: #F59E0B;
    background: none; border: none; padding: 0; cursor: pointer;
    text-align: left; letter-spacing: .1px;
}
.ag-pend-link:hover[b-q6vex0ojyl] { text-decoration: underline; }

/* Sparkline */
.ag-sparkline[b-q6vex0ojyl] {
    position: absolute; right: 0; top: 0;
    width: 48%; height: 100%;
    z-index: 0; pointer-events: none; overflow: hidden;
}

/* Donut */
.ag-donut-ring[b-q6vex0ojyl] {
    position: relative; z-index: 1;
    width: 88px; height: 88px; border-radius: 50%;
    display: flex; align-items: center; justify-content: center;
    flex-shrink: 0; align-self: center; margin-right: 28px;
}
.ag-donut-hole[b-q6vex0ojyl] {
    width: 60px; height: 60px; border-radius: 50%;
    background: var(--sollas-surface);
}

/* ── Main layout ─────────────────────────────────────────── */
.ag-layout[b-q6vex0ojyl] {
    display: grid;
    grid-template-columns: 300px 1fr;
    gap: 16px; align-items: start;
}
@media (max-width: 900px) { .ag-layout[b-q6vex0ojyl] { grid-template-columns: 1fr; } }

.ag-left-panel[b-q6vex0ojyl] { display: flex; flex-direction: column; gap: 14px; }

/* ── Mini calendar ───────────────────────────────────────── */
.ag-mini-cal[b-q6vex0ojyl] {
    background: var(--sollas-surface);
    border: 1px solid var(--sollas-border);
    border-radius: 20px;
    padding: 18px;
    box-shadow: var(--sollas-card-shadow);
}
.ag-mc-header[b-q6vex0ojyl] { display: flex; align-items: center; gap: 4px; margin-bottom: 12px; }
.ag-mc-month[b-q6vex0ojyl]  { flex: 1; text-align: center; font-size: .9rem; font-weight: 700; color: var(--sollas-text-main); }
.ag-mc-nav[b-q6vex0ojyl] {
    width: 26px; height: 26px;
    display: flex; align-items: center; justify-content: center;
    background: none; border: none; border-radius: 6px;
    color: var(--sollas-text-muted);
    cursor: pointer; transition: background .12s, color .12s;
}
.ag-mc-nav:hover[b-q6vex0ojyl] { background: var(--sollas-bg); color: var(--sollas-text-main); }

.ag-mc-dow[b-q6vex0ojyl] { display: grid; grid-template-columns: repeat(7,1fr); margin-bottom: 4px; }
.ag-mc-dow span[b-q6vex0ojyl] {
    text-align: center; font-size: .72rem; font-weight: 600;
    color: var(--sollas-text-muted); padding: 4px 0;
}

.ag-mc-ir-hoje[b-q6vex0ojyl] {
    display: block; width: 100%; margin-top: 10px; padding: 6px 0;
    background: none; border: none;
    font-family: var(--sollas-font, inherit); font-size: .82rem; font-weight: 600;
    color: var(--sollas-primary); cursor: pointer; text-align: center;
    transition: opacity .15s;
}
.ag-mc-ir-hoje:hover[b-q6vex0ojyl] { opacity: .75; }

.ag-mc-grid[b-q6vex0ojyl] { display: grid; grid-template-columns: repeat(7,1fr); gap: 2px; }
.ag-mc-day[b-q6vex0ojyl] {
    position: relative;
    display: flex; flex-direction: column;
    align-items: center; justify-content: center;
    width: 32px; height: 32px; border-radius: 50%;
    background: none; border: none;
    font-size: .82rem; color: var(--sollas-text-muted);
    cursor: pointer; transition: background .12s, color .12s;
    margin: 0 auto; gap: 1px; padding: 0;
}
.ag-mc-day:hover:not(.sel):not(.today)[b-q6vex0ojyl] { background: var(--sollas-bg); color: var(--sollas-text-main); }
.ag-mc-day.other[b-q6vex0ojyl]   { color: var(--sollas-text-muted); opacity: .4; }
.ag-mc-day.today:not(.sel)[b-q6vex0ojyl]  { color: var(--sollas-primary); font-weight: 700; }
.ag-mc-day.in-week[b-q6vex0ojyl] { background: var(--sollas-primary-light); color: var(--sollas-primary); border-radius: 0; }
.ag-mc-day.sel[b-q6vex0ojyl]     { background: var(--sollas-primary); color: #fff; font-weight: 700; border-radius: 50%; }
.ag-mc-dot[b-q6vex0ojyl] { width: 4px; height: 4px; border-radius: 50%; background: var(--sollas-primary); flex-shrink: 0; }
.ag-mc-day.sel .ag-mc-dot[b-q6vex0ojyl] { background: rgba(255,255,255,.7); }

/* ── Filters ─────────────────────────────────────────────── */
.ag-filters[b-q6vex0ojyl] {
    background: var(--sollas-surface);
    border: 1px solid var(--sollas-border);
    border-radius: 20px;
    padding: 18px 16px;
    display: flex; flex-direction: column; gap: 12px;
    box-shadow: var(--sollas-card-shadow);
}
.ag-filters-header[b-q6vex0ojyl] {
    display: flex; align-items: center; gap: 8px;
    font-size: .9rem; font-weight: 700; color: var(--sollas-primary); margin-bottom: 2px;
}
.ag-filter-group[b-q6vex0ojyl] { display: flex; flex-direction: column; gap: 5px; }
.ag-filter-label[b-q6vex0ojyl] {
    font-size: .68rem; font-weight: 600; color: var(--sollas-text-muted);
    text-transform: uppercase; letter-spacing: .08em;
}
.ag-filter-clear[b-q6vex0ojyl] {
    display: flex; align-items: center; justify-content: center; gap: 6px;
    padding: 9px 0;
    background: none; border: 1px solid var(--sollas-border);
    border-radius: 10px;
    font-family: var(--sollas-font, inherit); font-size: .8rem; font-weight: 600;
    color: var(--sollas-text-muted); cursor: pointer;
    transition: background .15s, color .15s, border-color .15s; margin-top: 2px;
}
.ag-filter-clear:hover[b-q6vex0ojyl] { background: var(--sollas-bg); border-color: var(--sollas-primary); color: var(--sollas-primary); }

/* ── Calendar panel ──────────────────────────────────────── */
.ag-cal-panel[b-q6vex0ojyl] {
    background: var(--sollas-surface);
    border: 1px solid var(--sollas-border);
    border-radius: 20px;
    overflow: hidden;
    display: flex; flex-direction: column;
    box-shadow: var(--sollas-card-shadow);
}

/* ── User column headers ─────────────────────────────────── */
.ag-user-headers[b-q6vex0ojyl] {
    display: flex; align-items: stretch;
    border-bottom: 1px solid var(--sollas-border);
    background: var(--sollas-bg);
    flex-shrink: 0; overflow-x: auto; scrollbar-width: none;
}
.ag-user-headers[b-q6vex0ojyl]::-webkit-scrollbar { display: none; }

.ag-gutter-hdr[b-q6vex0ojyl]  { width: 64px; flex-shrink: 0; border-right: 1px solid var(--sollas-border); }
.ag-user-col-hdr[b-q6vex0ojyl] {
    display: flex; align-items: center; gap: 10px;
    padding: 12px 16px; min-width: 180px; flex: 1;
    border-right: 1px solid var(--sollas-border);
}
.ag-user-av[b-q6vex0ojyl] {
    width: 34px; height: 34px; border-radius: 50%;
    background: linear-gradient(135deg, #1D9E75, #059669);
    color: #fff; display: flex; align-items: center; justify-content: center;
    font-weight: 700; font-size: .85rem; flex-shrink: 0;
}
.ag-user-meta[b-q6vex0ojyl] { display: flex; flex-direction: column; }
.ag-user-name[b-q6vex0ojyl]  { font-size: .85rem; font-weight: 600; color: var(--sollas-text-main); white-space: nowrap; }
.ag-user-role[b-q6vex0ojyl]  { font-size: .72rem; color: var(--sollas-text-muted); }

.ag-col-add-btn[b-q6vex0ojyl] {
    width: 32px; display: flex; align-items: center; justify-content: center;
    background: none; border: none;
    border-right: 1px solid var(--sollas-border);
    color: var(--sollas-text-muted); cursor: pointer; flex-shrink: 0;
    transition: color .15s, background .15s;
}
.ag-col-add-btn:hover[b-q6vex0ojyl] { background: var(--sollas-bg); color: var(--sollas-primary); }

/* ── Grid scroll ─────────────────────────────────────────── */
.ag-grid-scroll[b-q6vex0ojyl] { display: flex; overflow-y: auto; overflow-x: auto; max-height: 560px; flex: 1; }

/* Hour labels */
.ag-hour-col[b-q6vex0ojyl] {
    width: 64px; flex-shrink: 0;
    border-right: 1px solid var(--sollas-border);
    background: var(--sollas-bg);
    position: sticky; left: 0; z-index: 2;
}
.ag-hour-cell[b-q6vex0ojyl] {
    height: 64px;
    display: flex; align-items: flex-start; justify-content: flex-end;
    padding: 6px 10px 0 0;
    border-bottom: 1px solid var(--sollas-border);
}
.ag-hour-lbl[b-q6vex0ojyl] { font-size: .72rem; font-weight: 500; color: var(--sollas-text-muted); white-space: nowrap; }

/* User column body */
.ag-user-col-body[b-q6vex0ojyl] { position: relative; min-width: 180px; flex: 1; }
.ag-hour-line[b-q6vex0ojyl] { height: 64px; border-bottom: 1px solid var(--sollas-border); box-sizing: border-box; }
.ag-col-sep[b-q6vex0ojyl]   { width: 1px; background: var(--sollas-border); flex-shrink: 0; }

/* ── Appointment cards ───────────────────────────────────── */
.ag-card[b-q6vex0ojyl] {
    position: absolute; left: 6px; right: 6px;
    border-radius: 8px; padding: 6px 8px;
    cursor: pointer; overflow: hidden;
    display: flex; align-items: flex-start; justify-content: space-between; gap: 4px;
    border-left: 3px solid transparent;
    transition: filter .12s, transform .1s; z-index: 1;
}
.ag-card:hover[b-q6vex0ojyl] { filter: brightness(1.08); transform: translateX(1px); }

.ag-confirmado[b-q6vex0ojyl]  { background: rgba(16,185,129,.15); border-left-color: #10B981; }
.ag-emandamento[b-q6vex0ojyl] { background: rgba(59,130,246,.15); border-left-color: #3B82F6; }
.ag-pendente[b-q6vex0ojyl]    { background: rgba(139,92,246,.15); border-left-color: #8B5CF6; }
.ag-cancelado[b-q6vex0ojyl]   { background: rgba(245,158,11,.15); border-left-color: #F59E0B; }

.ag-card-body[b-q6vex0ojyl]  { display: flex; flex-direction: column; gap: 1px; min-width: 0; flex: 1; }
.ag-card-time[b-q6vex0ojyl]  { font-size: .68rem; font-weight: 500; color: var(--sollas-text-muted); white-space: nowrap; }
.ag-card-service[b-q6vex0ojyl] {
    font-size: .8rem; font-weight: 700; color: var(--sollas-text-main);
    white-space: nowrap; overflow: hidden; text-overflow: ellipsis;
}
.ag-card-client[b-q6vex0ojyl] {
    font-size: .72rem; color: var(--sollas-text-muted);
    white-space: nowrap; overflow: hidden; text-overflow: ellipsis;
}
.ag-card-menu[b-q6vex0ojyl] {
    background: none; border: none; color: var(--sollas-text-muted);
    cursor: pointer; font-size: 1rem; padding: 0 2px; flex-shrink: 0;
    line-height: 1; transition: color .12s;
}
.ag-card-menu:hover[b-q6vex0ojyl] { color: var(--sollas-text-main); }

/* ── Legend row ──────────────────────────────────────────── */
.ag-legend-row[b-q6vex0ojyl] {
    display: flex; align-items: center; justify-content: space-between;
    padding: 12px 16px;
    border-top: 1px solid var(--sollas-border);
    flex-shrink: 0; flex-wrap: wrap; gap: 8px;
    background: var(--sollas-bg);
}
.ag-legend[b-q6vex0ojyl] { display: flex; align-items: center; gap: 16px; flex-wrap: wrap; }
.ag-leg[b-q6vex0ojyl]    { display: flex; align-items: center; gap: 6px; font-size: .78rem; color: var(--sollas-text-muted); }
.ag-leg-dot[b-q6vex0ojyl] { width: 10px; height: 10px; border-radius: 50%; flex-shrink: 0; }
.ag-dot-green[b-q6vex0ojyl]  { background: #10B981; }
.ag-dot-blue[b-q6vex0ojyl]   { background: #3B82F6; }
.ag-dot-purple[b-q6vex0ojyl] { background: #8B5CF6; }
.ag-dot-orange[b-q6vex0ojyl] { background: #F59E0B; }
.ag-ver-lista[b-q6vex0ojyl] {
    display: flex; align-items: center; gap: 6px;
    background: none; border: none;
    font-size: .78rem; font-weight: 600;
    color: var(--sollas-text-muted); cursor: pointer;
    transition: color .15s; white-space: nowrap;
}
.ag-ver-lista:hover[b-q6vex0ojyl] { color: var(--sollas-text-main); }

/* ── Responsive ──────────────────────────────────────────── */
@media (max-width: 900px) {
    .ag-page[b-q6vex0ojyl] { padding: 12px 8px 80px; }

    .ag-cal-panel[b-q6vex0ojyl] { border-radius: 12px; }
    .ag-user-col-hdr[b-q6vex0ojyl] { min-width: 140px; }
    .ag-user-col-body[b-q6vex0ojyl] { min-width: 140px; }
}

/* ============================================================
   DARK MODE — restaura o visual cinematográfico
   ============================================================ */

:global([data-theme="dark"]) .ag-page[b-q6vex0ojyl] {
    background:
        radial-gradient(ellipse at 20% 10%, rgba(16,185,129,0.06) 0%, transparent 55%),
        radial-gradient(ellipse at 80% 80%, rgba(139,92,246,0.05) 0%, transparent 55%),
        var(--sollas-bg);
    color: #E2E8F0;
}

/* Stat cards */
:global([data-theme="dark"]) .ag-stat-card[b-q6vex0ojyl] {
    background: #111C2D;
    border-color: #1C2D42;
    box-shadow: 0 8px 32px rgba(0,0,0,0.4);
}
:global([data-theme="dark"]) .ag-stat-card:hover[b-q6vex0ojyl] {
    box-shadow: 0 12px 40px rgba(0,0,0,0.5);
}
:global([data-theme="dark"]) .ag-stat-card[b-q6vex0ojyl]::before {
    background: radial-gradient(circle at top right, rgba(0,120,255,0.12), transparent 35%);
}
:global([data-theme="dark"]) .ag-stat-card:nth-child(1)[b-q6vex0ojyl]::before {
    background: radial-gradient(circle at top right, rgba(0,255,170,0.10), transparent 35%);
}
:global([data-theme="dark"]) .ag-stat-card:nth-child(2)[b-q6vex0ojyl]::before {
    background: radial-gradient(circle at top right, rgba(0,120,255,0.12), transparent 35%);
}
:global([data-theme="dark"]) .ag-stat-card:nth-child(3)[b-q6vex0ojyl]::before {
    background: radial-gradient(circle at top right, rgba(139,92,246,0.12), transparent 35%);
}
:global([data-theme="dark"]) .ag-stat-card-orange[b-q6vex0ojyl] {
    border-color: rgba(245,158,11,.18);
    background: radial-gradient(circle at right center, rgba(255,140,0,0.18), transparent 40%),
                linear-gradient(180deg, #111827, #0A1222);
}
:global([data-theme="dark"]) .ag-stat-card-orange[b-q6vex0ojyl]::before {
    background: radial-gradient(circle at 80% 30%, rgba(255,180,0,0.14), transparent 40%);
}
:global([data-theme="dark"]) .ag-sc-label[b-q6vex0ojyl]  { color: #64748B; }
:global([data-theme="dark"]) .ag-sc-value[b-q6vex0ojyl]  { color: #F1F5F9; }
:global([data-theme="dark"]) .ag-donut-hole[b-q6vex0ojyl] { background: #0A1222; }

/* Card text colors */
:global([data-theme="dark"]) .ag-card-time[b-q6vex0ojyl]    { color: rgba(226,232,240,.7); }
:global([data-theme="dark"]) .ag-card-service[b-q6vex0ojyl] { color: #F1F5F9; }
:global([data-theme="dark"]) .ag-card-client[b-q6vex0ojyl]  { color: rgba(226,232,240,.65); }
:global([data-theme="dark"]) .ag-card-menu[b-q6vex0ojyl]    { color: rgba(226,232,240,.5); }
:global([data-theme="dark"]) .ag-card-menu:hover[b-q6vex0ojyl] { color: #E2E8F0; }
:global([data-theme="dark"]) .ag-confirmado  .ag-card-service[b-q6vex0ojyl] { color: #A7F3D0; }
:global([data-theme="dark"]) .ag-emandamento .ag-card-service[b-q6vex0ojyl] { color: #BFDBFE; }
:global([data-theme="dark"]) .ag-pendente    .ag-card-service[b-q6vex0ojyl] { color: #DDD6FE; }
:global([data-theme="dark"]) .ag-cancelado   .ag-card-service[b-q6vex0ojyl] { color: #FEF3C7; }

/* Calendar panels */
:global([data-theme="dark"]) .ag-mini-cal[b-q6vex0ojyl] {
    background: #111C2D;
    border-color: #1C2D42;
    box-shadow: 0 4px 20px rgba(0,0,0,.35);
}
:global([data-theme="dark"]) .ag-mc-month[b-q6vex0ojyl] { color: #E2E8F0; }
:global([data-theme="dark"]) .ag-mc-nav:hover[b-q6vex0ojyl] { background: #1C2D42; color: #E2E8F0; }
:global([data-theme="dark"]) .ag-mc-dow span[b-q6vex0ojyl] { color: #3D5060; }
:global([data-theme="dark"]) .ag-mc-day[b-q6vex0ojyl] { color: #94A3B8; }
:global([data-theme="dark"]) .ag-mc-day:hover:not(.sel):not(.today)[b-q6vex0ojyl] { background: #1C2D42; color: #E2E8F0; }
:global([data-theme="dark"]) .ag-mc-day.other[b-q6vex0ojyl]  { color: #2D3F55; opacity: 1; }
:global([data-theme="dark"]) .ag-mc-day.in-week[b-q6vex0ojyl] { background: rgba(16,185,129,.07); color: #A7F3D0; }

/* Filters */
:global([data-theme="dark"]) .ag-filters[b-q6vex0ojyl] {
    background: #111C2D;
    border-color: #1C2D42;
    box-shadow: 0 4px 20px rgba(0,0,0,.35);
}
:global([data-theme="dark"]) .ag-filter-label[b-q6vex0ojyl] { color: #475569; }
:global([data-theme="dark"]) .ag-filter-clear[b-q6vex0ojyl] { border-color: rgba(255,255,255,.07); color: #64748B; }
:global([data-theme="dark"]) .ag-filter-clear:hover[b-q6vex0ojyl] {
    background: rgba(255,255,255,.04); border-color: rgba(255,255,255,.12); color: #94A3B8;
}

/* Calendar grid */
:global([data-theme="dark"]) .ag-cal-panel[b-q6vex0ojyl] {
    background: #111C2D;
    border-color: #1C2D42;
    box-shadow: 0 8px 32px rgba(0,0,0,.4);
}
:global([data-theme="dark"]) .ag-user-headers[b-q6vex0ojyl] { background: #0F1926; border-bottom-color: #1C2D42; }
:global([data-theme="dark"]) .ag-gutter-hdr[b-q6vex0ojyl]   { border-right-color: #1C2D42; }
:global([data-theme="dark"]) .ag-user-col-hdr[b-q6vex0ojyl] { border-right-color: #1C2D42; }
:global([data-theme="dark"]) .ag-user-name[b-q6vex0ojyl]    { color: #E2E8F0; }
:global([data-theme="dark"]) .ag-col-add-btn[b-q6vex0ojyl]  { border-right-color: #1C2D42; color: #2D4060; }
:global([data-theme="dark"]) .ag-col-add-btn:hover[b-q6vex0ojyl] { background: #162035; color: #10B981; }
:global([data-theme="dark"]) .ag-hour-col[b-q6vex0ojyl]  { background: #0F1926; border-right-color: #1C2D42; }
:global([data-theme="dark"]) .ag-hour-cell[b-q6vex0ojyl] { border-bottom-color: #1C2D42; }
:global([data-theme="dark"]) .ag-hour-lbl[b-q6vex0ojyl]  { color: #475569; }
:global([data-theme="dark"]) .ag-hour-line[b-q6vex0ojyl] { border-bottom-color: #1C2D42; }
:global([data-theme="dark"]) .ag-col-sep[b-q6vex0ojyl]   { background: #1C2D42; }
:global([data-theme="dark"]) .ag-legend-row[b-q6vex0ojyl] { background: #0F1926; border-top-color: #1C2D42; }
:global([data-theme="dark"]) .ag-leg[b-q6vex0ojyl]        { color: #94A3B8; }
:global([data-theme="dark"]) .ag-ver-lista[b-q6vex0ojyl]  { color: #64748B; }
:global([data-theme="dark"]) .ag-ver-lista:hover[b-q6vex0ojyl] { color: #E2E8F0; }
/* /Pages/Clientes/ClientList.razor.rz.scp.css */
/* ═══════════════════════════════════════════════════════════════
   ClientList — SaaS Premium UI · UI/UX Pro Max (Glassmorphism + Soft UI Evolution)
   ─────────────────────────────────────────────────────────────── */

/* ── Página ─────────────────────────────────────────────────── */
.lp-page[b-xsbb77lzgt] {
    display: flex;
    flex-direction: column;
    gap: 1.25rem;
    padding: 1.5rem 1.75rem 2.5rem;
    min-height: 100%;
}

/* ── Cabeçalho ──────────────────────────────────────────────── */
.lp-header[b-xsbb77lzgt] {
    display: flex;
    align-items: center;
    justify-content: space-between;
    gap: 1rem;
    flex-wrap: wrap;
}

.lp-header-left[b-xsbb77lzgt] {
    display: flex;
    align-items: center;
    gap: .85rem;
}

.lp-header-icon-badge[b-xsbb77lzgt] {
    width: 50px;
    height: 50px;
    border-radius: 14px;
    background: linear-gradient(135deg, #10B981 0%, #059669 100%);
    display: flex;
    align-items: center;
    justify-content: center;
    color: #fff;
    flex-shrink: 0;
    box-shadow:
        0 2px 8px rgba(29,158,117,.32),
        0 8px 24px rgba(29,158,117,.24),
        inset 0 1px 0 rgba(255,255,255,.22),
        inset 0 -1px 0 rgba(0,0,0,.08);
    transition: transform .2s, box-shadow .2s;
}

.lp-header-icon-badge:hover[b-xsbb77lzgt] {
    transform: scale(1.05) rotate(2deg);
    box-shadow:
        0 4px 14px rgba(29,158,117,.40),
        0 14px 36px rgba(29,158,117,.28),
        inset 0 1px 0 rgba(255,255,255,.22);
}

.lp-header-text[b-xsbb77lzgt] { display: flex; flex-direction: column; gap: .05rem; }

.lp-title[b-xsbb77lzgt] {
    margin: 0;
    font-size: 1.28rem;
    font-weight: 900;
    letter-spacing: -.03em;
    color: var(--sollas-text-main);
    line-height: 1.15;
}

.lp-subtitle[b-xsbb77lzgt] {
    margin: 0;
    font-size: .76rem;
    color: var(--sollas-text-muted);
    font-weight: 400;
}

.lp-header-badge[b-xsbb77lzgt] {
    display: inline-flex;
    align-items: center;
    padding: .25rem .7rem;
    border-radius: 999px;
    background: var(--sollas-primary-light);
    color: var(--sollas-primary);
    font-size: .7rem;
    font-weight: 700;
    letter-spacing: .03em;
    text-transform: uppercase;
    border: 1px solid rgba(29,158,117,.18);
}


/* ── Stat cards ─────────────────────────────────────────────── */
.lp-stats[b-xsbb77lzgt] {
    display: grid;
    grid-template-columns: repeat(4, 1fr);
    gap: .9rem;
}

.lp-stat-card[b-xsbb77lzgt] {
    position: relative;
    border-radius: 16px;
    overflow: hidden;
    padding: 1.25rem 1.2rem 1.05rem;
    border: 1px solid var(--sollas-border);
    background: var(--sollas-surface);
    display: flex;
    flex-direction: column;
    box-shadow:
        inset 0 1px 0 rgba(255,255,255,.6),
        0 1px 3px rgba(0,0,0,.05),
        0 4px 14px rgba(0,0,0,.07),
        0 18px 40px rgba(0,0,0,.05);
    transition: transform .25s cubic-bezier(.34,1.56,.64,1), box-shadow .25s;
    cursor: default;
}

.lp-stat-card:hover[b-xsbb77lzgt] {
    transform: translateY(-3px) scale(1.008);
    box-shadow:
        inset 0 1px 0 rgba(255,255,255,.6),
        0 4px 10px rgba(0,0,0,.09),
        0 12px 32px rgba(0,0,0,.11),
        0 32px 64px rgba(0,0,0,.07);
}

/* Glow de cor específico ao hover */
.lp-card-green:hover[b-xsbb77lzgt]  { box-shadow: inset 0 1px 0 rgba(255,255,255,.6), 0 4px 10px rgba(0,0,0,.08), 0 12px 32px rgba(16,185,129,.12), 0 32px 64px rgba(16,185,129,.06); }
.lp-card-blue:hover[b-xsbb77lzgt]   { box-shadow: inset 0 1px 0 rgba(255,255,255,.6), 0 4px 10px rgba(0,0,0,.08), 0 12px 32px rgba(59,130,246,.12), 0 32px 64px rgba(59,130,246,.06); }
.lp-card-purple:hover[b-xsbb77lzgt] { box-shadow: inset 0 1px 0 rgba(255,255,255,.6), 0 4px 10px rgba(0,0,0,.08), 0 12px 32px rgba(139,92,246,.12), 0 32px 64px rgba(139,92,246,.06); }
.lp-card-orange:hover[b-xsbb77lzgt] { box-shadow: inset 0 1px 0 rgba(255,255,255,.6), 0 4px 10px rgba(0,0,0,.08), 0 12px 32px rgba(245,158,11,.12), 0 32px 64px rgba(245,158,11,.06); }

/* Reflexo do vidro */
.lp-card-shine[b-xsbb77lzgt] {
    position: absolute;
    inset: 0;
    background: linear-gradient(
        135deg,
        rgba(255,255,255,.24) 0%,
        rgba(255,255,255,.06) 42%,
        transparent 62%
    );
    border-radius: inherit;
    pointer-events: none;
}

/* Linha de acento topo — mais espessa e viva */
.lp-stat-accent[b-xsbb77lzgt] {
    position: absolute;
    top: 0; left: 0; right: 0;
    height: 3.5px;
    border-radius: 16px 16px 0 0;
}

.lp-card-green  .lp-stat-accent[b-xsbb77lzgt] { background: linear-gradient(90deg, #10B981 0%, rgba(16,185,129,.15) 100%); }
.lp-card-blue   .lp-stat-accent[b-xsbb77lzgt] { background: linear-gradient(90deg, #3B82F6 0%, rgba(59,130,246,.15) 100%); }
.lp-card-purple .lp-stat-accent[b-xsbb77lzgt] { background: linear-gradient(90deg, #8B5CF6 0%, rgba(139,92,246,.15) 100%); }
.lp-card-orange .lp-stat-accent[b-xsbb77lzgt] { background: linear-gradient(90deg, #F59E0B 0%, rgba(245,158,11,.15) 100%); }

/* Glow do acento no hover */
.lp-card-green:hover  .lp-stat-accent[b-xsbb77lzgt] { box-shadow: 0 0 12px rgba(16,185,129,.6); }
.lp-card-blue:hover   .lp-stat-accent[b-xsbb77lzgt] { box-shadow: 0 0 12px rgba(59,130,246,.6); }
.lp-card-purple:hover .lp-stat-accent[b-xsbb77lzgt] { box-shadow: 0 0 12px rgba(139,92,246,.6); }
.lp-card-orange:hover .lp-stat-accent[b-xsbb77lzgt] { box-shadow: 0 0 12px rgba(245,158,11,.6); }

.lp-stat-content[b-xsbb77lzgt] { display: flex; align-items: flex-start; gap: .8rem; position: relative; z-index: 1; }

.lp-stat-icon[b-xsbb77lzgt] {
    width: 44px; height: 44px;
    border-radius: 12px;
    display: flex; align-items: center; justify-content: center;
    flex-shrink: 0;
    transition: transform .2s, box-shadow .2s;
}

.lp-stat-card:hover .lp-stat-icon[b-xsbb77lzgt] { transform: scale(1.06); }

.lp-icon-green[b-xsbb77lzgt]  { background: rgba(16,185,129,.12); color: #10B981; border: 1px solid rgba(16,185,129,.2); box-shadow: 0 2px 8px rgba(16,185,129,.15); }
.lp-icon-blue[b-xsbb77lzgt]   { background: rgba(59,130,246,.12);  color: #3B82F6;  border: 1px solid rgba(59,130,246,.2);  box-shadow: 0 2px 8px rgba(59,130,246,.15); }
.lp-icon-purple[b-xsbb77lzgt] { background: rgba(139,92,246,.12);  color: #8B5CF6;  border: 1px solid rgba(139,92,246,.2);  box-shadow: 0 2px 8px rgba(139,92,246,.15); }
.lp-icon-orange[b-xsbb77lzgt] { background: rgba(245,158,11,.12);  color: #F59E0B;  border: 1px solid rgba(245,158,11,.2);  box-shadow: 0 2px 8px rgba(245,158,11,.15); }

.lp-stat-info[b-xsbb77lzgt] { display: flex; flex-direction: column; gap: .16rem; min-width: 0; flex: 1; }

.lp-stat-label[b-xsbb77lzgt] {
    font-size: .68rem;
    font-weight: 700;
    color: var(--sollas-text-muted);
    letter-spacing: .05em;
    text-transform: uppercase;
}

.lp-stat-value[b-xsbb77lzgt] {
    font-size: 1.75rem;
    font-weight: 900;
    letter-spacing: -.04em;
    color: var(--sollas-text-main);
    line-height: 1.05;
}

.lp-stat-date[b-xsbb77lzgt] { font-size: 1.15rem; }

.lp-stat-sub[b-xsbb77lzgt] {
    font-size: .69rem;
    font-weight: 600;
    margin-top: .06rem;
    display: flex;
    align-items: center;
    gap: .25rem;
}

.lp-sub-green[b-xsbb77lzgt]  { color: #10B981; }
.lp-sub-blue[b-xsbb77lzgt]   { color: #3B82F6; }
.lp-sub-purple[b-xsbb77lzgt] { color: #8B5CF6; }
.lp-sub-orange[b-xsbb77lzgt] { color: #F59E0B; }

.lp-sparkline-wrap[b-xsbb77lzgt] {
    height: 68px;
    margin: 0 -1.2rem -1.05rem;
    overflow: hidden;
    opacity: .4;
    transition: opacity .2s;
}

.lp-stat-card:hover .lp-sparkline-wrap[b-xsbb77lzgt] { opacity: 1; }

/* ── Painel principal ────────────────────────────────────────── */
.lp-panel[b-xsbb77lzgt] {
    border-radius: 18px;
    border: 1px solid var(--sollas-border);
    background: var(--sollas-surface);
    overflow: hidden;
    position: relative;
    box-shadow:
        inset 0 1px 0 rgba(255,255,255,.55),
        0 2px 4px rgba(0,0,0,.04),
        0 8px 24px rgba(0,0,0,.07),
        0 24px 64px rgba(0,0,0,.05);
}

/* Faixa verde no topo do painel */
.lp-panel[b-xsbb77lzgt]::before {
    content: '';
    position: absolute;
    top: 0; left: 0; right: 0;
    height: 2.5px;
    background: linear-gradient(90deg, var(--sollas-primary) 0%, rgba(29,158,117,.25) 60%, transparent 100%);
    border-radius: 18px 18px 0 0;
    z-index: 1;
}

/* ── ① Toolbar ───────────────────────────────────────────────── */
.lp-toolbar[b-xsbb77lzgt] {
    display: flex;
    align-items: center;
    justify-content: space-between;
    padding: .9rem 1.25rem;
    border-bottom: 1px solid var(--sollas-border);
    background: rgba(0,0,0,.01);
    gap: 1rem;
}

.lp-toolbar-left[b-xsbb77lzgt] {
    display: flex;
    align-items: center;
    gap: .6rem;
}

.lp-toolbar-icon[b-xsbb77lzgt] {
    width: 26px; height: 26px;
    border-radius: 7px;
    background: var(--sollas-primary-light);
    border: 1px solid rgba(29,158,117,.15);
    display: flex; align-items: center; justify-content: center;
    color: var(--sollas-primary);
    flex-shrink: 0;
}

.lp-toolbar-title[b-xsbb77lzgt] {
    font-size: .82rem;
    font-weight: 700;
    color: var(--sollas-text-main);
    letter-spacing: -.01em;
}

.lp-toolbar-count[b-xsbb77lzgt] {
    padding: .2rem .55rem;
    border-radius: 999px;
    background: var(--sollas-primary-light);
    color: var(--sollas-primary);
    font-size: .65rem;
    font-weight: 700;
    letter-spacing: .04em;
    text-transform: uppercase;
    border: 1px solid rgba(29,158,117,.15);
}

.lp-filter-clear-btn[b-xsbb77lzgt] {
    display: inline-flex;
    align-items: center;
    gap: .35rem;
    padding: .3rem .7rem;
    border-radius: 7px;
    border: 1.5px solid rgba(239,68,68,.25);
    background: rgba(239,68,68,.06);
    color: #EF4444;
    font-size: .72rem;
    font-weight: 600;
    cursor: pointer;
    transition: background .16s, border-color .16s;
    white-space: nowrap;
}

.lp-filter-clear-btn:hover[b-xsbb77lzgt] {
    background: rgba(239,68,68,.12);
    border-color: rgba(239,68,68,.4);
}

/* ── ② Cabeçalho de colunas ──────────────────────────────────── */
/* display:grid vem do sistema global de listagem (sollas-crud.css) */
.lp-col-header[b-xsbb77lzgt] {
    padding: .45rem 1.25rem .45rem 1.5rem;
    border-bottom: 1px solid var(--sollas-border);
    background: rgba(0,0,0,.015);
}

.lp-ch-cell[b-xsbb77lzgt] {
    font-size: .6rem;
    font-weight: 800;
    text-transform: uppercase;
    letter-spacing: .1em;
    color: var(--sollas-text-muted);
    white-space: nowrap;
    overflow: hidden;
}

/* ── ③ Barra de filtros ──────────────────────────────────────── */
.lp-filter-bar[b-xsbb77lzgt] {
    padding: .55rem 1.25rem .55rem 1.5rem;
    border-bottom: 2px solid var(--sollas-border);
    background: rgba(0,0,0,.01);
}

/* Campo de filtro — contenedor estilizado */
.lp-ff[b-xsbb77lzgt] {
    display: flex;
    align-items: center;
    gap: .45rem;
    height: 34px;
    padding: 0 .7rem;
    border-radius: 9px;
    border: 1.5px solid var(--sollas-border);
    background: var(--sollas-bg);
    transition: border-color .18s, box-shadow .18s, background .18s;
    cursor: text;
}

.lp-ff:focus-within[b-xsbb77lzgt] {
    border-color: var(--sollas-primary);
    background: var(--sollas-surface);
    box-shadow: 0 0 0 3px rgba(29,158,117,.10), 0 1px 4px rgba(29,158,117,.08);
}

.lp-ff-icon[b-xsbb77lzgt] {
    color: var(--sollas-text-muted);
    flex-shrink: 0;
    transition: color .18s;
}

.lp-ff:focus-within .lp-ff-icon[b-xsbb77lzgt] { color: var(--sollas-primary); }

.lp-ff-wpp[b-xsbb77lzgt] { color: #25D366; }
.lp-ff:focus-within .lp-ff-wpp[b-xsbb77lzgt] { color: #25D366; }

.lp-ff-input[b-xsbb77lzgt] {
    border: none;
    background: transparent;
    outline: none;
    font-size: .76rem;
    color: var(--sollas-text-main);
    font-family: var(--sollas-font, 'Plus Jakarta Sans', sans-serif);
    width: 100%;
    min-width: 0;
}

.lp-ff-input[b-xsbb77lzgt]::placeholder { color: var(--sollas-text-muted); opacity: .7; }

.lp-ff-acoes-spacer[b-xsbb77lzgt] {
    flex-shrink: 0;
    border: none;
    background: transparent;
    box-shadow: none;
    cursor: default;
    height: auto;
    padding: 0;
}

/* ── Colunas desta página (sistema global de listagem) ───── */
.lp-page[b-xsbb77lzgt] {
    --lp-grid:
        minmax(180px, 1.7fr) /* cliente */
        minmax(130px, 1fr)   /* contato */
        minmax(150px, 1.3fr) /* e-mail  */
        minmax(120px, .9fr)  /* doc     */
        88px;                /* ações   */
}

/* ── ④ Corpo da lista ────────────────────────────────────────── */
.lp-list-body[b-xsbb77lzgt] { display: flex; flex-direction: column; }

/* Linha de dados — o display:grid vem do bloco de template compartilhado acima */
.lp-card-row[b-xsbb77lzgt] {
    position: relative;
    align-items: center;
    padding: .82rem 1.25rem .82rem 1.5rem;
    border-bottom: 1px solid var(--sollas-border);
    transition: background .15s, padding-left .15s;
    cursor: default;
}

.lp-card-row:last-child[b-xsbb77lzgt] { border-bottom: none; }

/* Barra de acento lateral — efeito 3D depth */
.lp-card-row[b-xsbb77lzgt]::before {
    content: '';
    position: absolute;
    left: 0; top: 20%; bottom: 20%;
    width: 0;
    background: var(--sollas-primary);
    border-radius: 0 3px 3px 0;
    transition: width .15s ease, top .15s, bottom .15s;
}

.lp-card-row:hover[b-xsbb77lzgt]::before { width: 3px; top: 10%; bottom: 10%; }

.lp-card-row:hover[b-xsbb77lzgt] { background: rgba(16,185,129,.035); padding-left: 1.65rem; }

.lp-cr-col[b-xsbb77lzgt] {
    display: flex;
    align-items: center;
    min-width: 0;
    overflow: hidden;
}

/* Célula de nome */
.cl-nome-cell[b-xsbb77lzgt] { display: flex; align-items: center; gap: .7rem; min-width: 0; }

/* Avatar */
.cl-avatar-wrap[b-xsbb77lzgt] { position: relative; flex-shrink: 0; }

.cl-avatar[b-xsbb77lzgt] {
    width: 38px; height: 38px;
    border-radius: 50%;
    display: flex; align-items: center; justify-content: center;
    font-size: .82rem;
    font-weight: 800;
    letter-spacing: -.01em;
    transition: transform .2s, box-shadow .2s;
}

.lp-card-row:hover .cl-avatar[b-xsbb77lzgt] {
    transform: scale(1.06);
    box-shadow: 0 4px 12px rgba(0,0,0,.12);
}

.cl-av-green[b-xsbb77lzgt]  { background: rgba(16,185,129,.14); color: #10B981; border: 1.5px solid rgba(16,185,129,.25); }
.cl-av-blue[b-xsbb77lzgt]   { background: rgba(59,130,246,.14);  color: #3B82F6;  border: 1.5px solid rgba(59,130,246,.25); }
.cl-av-purple[b-xsbb77lzgt] { background: rgba(139,92,246,.14);  color: #8B5CF6;  border: 1.5px solid rgba(139,92,246,.25); }
.cl-av-orange[b-xsbb77lzgt] { background: rgba(245,158,11,.14);  color: #F59E0B;  border: 1.5px solid rgba(245,158,11,.25); }
.cl-av-teal[b-xsbb77lzgt]   { background: rgba(20,184,166,.14);  color: #14B8A6;  border: 1.5px solid rgba(20,184,166,.25); }
.cl-av-rose[b-xsbb77lzgt]   { background: rgba(244,63,94,.14);   color: #F43F5E;  border: 1.5px solid rgba(244,63,94,.25); }

/* Badges de ranking */
.cl-rank-badge[b-xsbb77lzgt] {
    position: absolute; bottom: -2px; right: -4px;
    width: 16px; height: 16px;
    border-radius: 50%;
    display: flex; align-items: center; justify-content: center;
    font-size: .5rem;
    font-weight: 800;
    color: #fff;
    border: 1.5px solid var(--sollas-surface);
    line-height: 1;
}

.lp-rank-gold[b-xsbb77lzgt]   { background: linear-gradient(135deg, #FBBF24, #D97706); box-shadow: 0 0 7px rgba(251,191,36,.55); }
.lp-rank-silver[b-xsbb77lzgt] { background: linear-gradient(135deg, #CBD5E1, #64748B); box-shadow: 0 0 6px rgba(100,116,139,.45); }
.lp-rank-bronze[b-xsbb77lzgt] { background: linear-gradient(135deg, #D97706, #92400E); box-shadow: 0 0 6px rgba(146,64,14,.45); }

/* Info de nome */
.cl-nome-info[b-xsbb77lzgt] { display: flex; flex-direction: column; gap: .1rem; min-width: 0; }

.cl-nome-text[b-xsbb77lzgt] {
    font-size: .82rem;
    font-weight: 700;
    color: var(--sollas-text-main);
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis;
}

.cl-nome-meta[b-xsbb77lzgt] { display: flex; align-items: center; gap: .3rem; }

.cl-dot-ativo[b-xsbb77lzgt] {
    width: 6px; height: 6px;
    border-radius: 50%;
    background: #10B981;
    flex-shrink: 0;
    box-shadow: 0 0 5px rgba(16,185,129,.6);
}

.cl-ativo-text[b-xsbb77lzgt] { font-size: .65rem; font-weight: 600; color: #10B981; }
.cl-meta-sep[b-xsbb77lzgt]   { font-size: .55rem; color: var(--sollas-text-muted); }

.cl-nome-since[b-xsbb77lzgt] {
    font-size: .65rem;
    color: var(--sollas-text-muted);
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis;
}

/* Células de contato */
.cl-contact-cell[b-xsbb77lzgt] {
    display: flex;
    align-items: center;
    gap: .45rem;
    min-width: 0;
    overflow: hidden;
}

.cl-cell-icon[b-xsbb77lzgt] {
    width: 22px; height: 22px;
    border-radius: 6px;
    display: flex; align-items: center; justify-content: center;
    flex-shrink: 0;
}

.cl-cell-wpp[b-xsbb77lzgt]   { background: rgba(37,211,102,.12); color: #25D366; border: 1px solid rgba(37,211,102,.2); }
.cl-cell-phone[b-xsbb77lzgt] { background: rgba(59,130,246,.12);  color: #3B82F6;  border: 1px solid rgba(59,130,246,.2); }
.cl-cell-mail[b-xsbb77lzgt]  { background: rgba(245,158,11,.12);  color: #F59E0B;  border: 1px solid rgba(245,158,11,.2); }
.cl-cell-doc[b-xsbb77lzgt]   { background: rgba(139,92,246,.12);  color: #8B5CF6;  border: 1px solid rgba(139,92,246,.2); }

.cl-contact-text[b-xsbb77lzgt] {
    font-size: .76rem;
    color: var(--sollas-text-main);
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis;
}

.cl-doc-mono[b-xsbb77lzgt] { font-family: 'JetBrains Mono', 'Consolas', monospace; font-size: .72rem; letter-spacing: .02em; }
.cl-dash[b-xsbb77lzgt] { color: var(--sollas-text-muted); font-size: .8rem; }

/* Ações */
.lp-acoes-wrap[b-xsbb77lzgt] {
    display: flex;
    align-items: center;
    gap: .45rem;
    opacity: .45;
    transition: opacity .18s;
}

.lp-card-row:hover .lp-acoes-wrap[b-xsbb77lzgt] { opacity: 1; }

.lp-btn-acao[b-xsbb77lzgt] {
    width: 32px; height: 32px;
    border-radius: 8px;
    border: 1.5px solid var(--sollas-border);
    background: var(--sollas-surface);
    color: var(--sollas-text-muted);
    display: flex; align-items: center; justify-content: center;
    cursor: pointer;
    transition: background .15s, border-color .15s, color .15s, transform .15s, box-shadow .15s;
}

.lp-btn-acao:hover[b-xsbb77lzgt] {
    background: var(--sollas-primary-light);
    border-color: rgba(29,158,117,.3);
    color: var(--sollas-primary);
    transform: translateY(-1px);
    box-shadow: 0 3px 10px rgba(29,158,117,.15);
}

.lp-btn-acao.lp-btn-danger:hover[b-xsbb77lzgt] {
    background: rgba(239,68,68,.1);
    border-color: rgba(239,68,68,.3);
    color: #EF4444;
    box-shadow: 0 3px 10px rgba(239,68,68,.15);
}

.lp-btn-acao:active[b-xsbb77lzgt] { transform: translateY(0); }

/* ── Skeleton — display:grid vem do bloco de template compartilhado ── */
.lp-skel-row[b-xsbb77lzgt] {
    align-items: center;
    padding: .82rem 1.25rem .82rem 1.5rem;
    border-bottom: 1px solid var(--sollas-border);
}

.lp-skel-avatar[b-xsbb77lzgt] {
    width: 38px; height: 38px;
    border-radius: 50%;
    background: var(--sollas-border);
    flex-shrink: 0;
    animation: lp-shimmer-b-xsbb77lzgt 1.6s infinite linear;
    background-size: 200% 100%;
}

.lp-skel-lines[b-xsbb77lzgt] {
    display: flex;
    flex-direction: column;
    gap: .35rem;
    flex: 2;
}

.lp-skel[b-xsbb77lzgt] {
    display: block;
    height: 12px;
    border-radius: 6px;
    background: linear-gradient(90deg, var(--sollas-border) 25%, rgba(255,255,255,.3) 50%, var(--sollas-border) 75%);
    background-size: 200% 100%;
    animation: lp-shimmer-b-xsbb77lzgt 1.6s infinite linear;
}

@keyframes lp-shimmer-b-xsbb77lzgt {
    0%   { background-position: 200% 0; }
    100% { background-position: -200% 0; }
}

/* ── Estado vazio ────────────────────────────────────────────── */
.lp-empty[b-xsbb77lzgt] {
    display: flex;
    flex-direction: column;
    align-items: center;
    justify-content: center;
    padding: 3.5rem 2rem;
    gap: .65rem;
}

.lp-empty-icon[b-xsbb77lzgt] {
    width: 56px; height: 56px;
    border-radius: 16px;
    background: var(--sollas-primary-light);
    border: 1px solid rgba(29,158,117,.15);
    display: flex; align-items: center; justify-content: center;
    color: var(--sollas-primary);
    margin-bottom: .25rem;
}

.lp-empty-title[b-xsbb77lzgt] { font-size: .95rem; font-weight: 700; color: var(--sollas-text-main); margin: 0; }
.lp-empty-sub[b-xsbb77lzgt]   { font-size: .78rem; color: var(--sollas-text-muted); margin: 0; }

.lp-empty-btn[b-xsbb77lzgt] {
    margin-top: .5rem;
    padding: .5rem 1.1rem;
    border-radius: 8px;
    border: 1.5px solid rgba(29,158,117,.3);
    background: var(--sollas-primary-light);
    color: var(--sollas-primary);
    font-size: .78rem;
    font-weight: 600;
    cursor: pointer;
    transition: background .16s, border-color .16s;
}

.lp-empty-btn:hover[b-xsbb77lzgt] { background: rgba(29,158,117,.14); border-color: rgba(29,158,117,.45); }

/* ── ⑤ Rodapé ───────────────────────────────────────────────── */
.lp-footer[b-xsbb77lzgt] {
    display: flex;
    align-items: center;
    justify-content: space-between;
    padding: .75rem 1.25rem;
    border-top: 1px solid var(--sollas-border);
    background: rgba(0,0,0,.015);
    gap: 1rem;
    flex-wrap: wrap;
}

.lp-footer-left[b-xsbb77lzgt] { display: flex; align-items: center; gap: .6rem; }

.lp-footer-icon-wrap[b-xsbb77lzgt] {
    position: relative;
    width: 28px; height: 28px;
    flex-shrink: 0;
}

.lp-footer-icon-wrap svg[b-xsbb77lzgt] {
    color: var(--sollas-primary);
    position: absolute; top: 0; left: 0;
}

.lp-footer-check[b-xsbb77lzgt] {
    position: absolute;
    bottom: -1px; right: -1px;
    width: 12px; height: 12px;
    border-radius: 50%;
    background: #10B981;
    display: flex; align-items: center; justify-content: center;
    color: #fff;
    border: 1.5px solid var(--sollas-surface);
}

.lp-footer-text[b-xsbb77lzgt] { display: flex; flex-direction: column; gap: .05rem; }

.lp-footer-bold[b-xsbb77lzgt] {
    font-size: .78rem;
    font-weight: 700;
    color: var(--sollas-text-main);
}

.lp-footer-muted[b-xsbb77lzgt] {
    font-size: .68rem;
    color: var(--sollas-text-muted);
}

/* Paginação */
.lp-pagination[b-xsbb77lzgt] { display: flex; align-items: center; gap: .3rem; }

.lp-page-btn[b-xsbb77lzgt] {
    min-width: 32px; height: 32px;
    padding: 0 .5rem;
    border-radius: 8px;
    border: 1.5px solid var(--sollas-border);
    background: var(--sollas-surface);
    color: var(--sollas-text-muted);
    font-size: .76rem;
    font-weight: 600;
    cursor: pointer;
    display: flex; align-items: center; justify-content: center;
    transition: background .15s, border-color .15s, color .15s;
}

.lp-page-btn:hover:not(:disabled):not(.active)[b-xsbb77lzgt] {
    background: var(--sollas-primary-light);
    border-color: rgba(29,158,117,.3);
    color: var(--sollas-primary);
}

.lp-page-btn.active[b-xsbb77lzgt] {
    background: var(--sollas-primary);
    border-color: var(--sollas-primary);
    color: #fff;
    box-shadow: 0 2px 8px rgba(29,158,117,.3);
    cursor: default;
}

.lp-page-btn:disabled[b-xsbb77lzgt] {
    opacity: .35;
    cursor: not-allowed;
}

/* ── Modal de confirmação ────────────────────────────────────── */
.cl-confirm-backdrop[b-xsbb77lzgt] {
    position: fixed; inset: 0;
    background: rgba(0,0,0,.45);
    backdrop-filter: blur(4px);
    display: flex; align-items: center; justify-content: center;
    z-index: 9000;
}

.cl-confirm-box[b-xsbb77lzgt] {
    background: var(--sollas-surface);
    border-radius: 18px;
    border: 1px solid var(--sollas-border);
    padding: 1.75rem 1.75rem 1.5rem;
    max-width: 340px;
    width: calc(100% - 2rem);
    box-shadow:
        0 4px 16px rgba(0,0,0,.15),
        0 24px 64px rgba(0,0,0,.2);
    display: flex;
    flex-direction: column;
    align-items: center;
    gap: .55rem;
    text-align: center;
}

.cl-confirm-icon[b-xsbb77lzgt] {
    width: 54px; height: 54px;
    border-radius: 16px;
    background: rgba(239,68,68,.1);
    border: 1.5px solid rgba(239,68,68,.2);
    display: flex; align-items: center; justify-content: center;
    color: #EF4444;
    margin-bottom: .35rem;
}

.cl-confirm-title[b-xsbb77lzgt] { font-size: 1rem; font-weight: 800; color: var(--sollas-text-main); margin: 0; }
.cl-confirm-sub[b-xsbb77lzgt]   { font-size: .8rem; color: var(--sollas-text-muted); margin: 0; line-height: 1.45; }

.cl-confirm-actions[b-xsbb77lzgt] {
    display: flex;
    gap: .65rem;
    margin-top: .85rem;
    width: 100%;
}

.cl-confirm-cancel[b-xsbb77lzgt] {
    flex: 1; padding: .6rem;
    border-radius: 10px;
    border: 1.5px solid var(--sollas-border);
    background: transparent;
    color: var(--sollas-text-muted);
    font-size: .82rem; font-weight: 600;
    cursor: pointer;
    transition: background .15s, color .15s;
}

.cl-confirm-cancel:hover[b-xsbb77lzgt] {
    background: var(--sollas-primary-light);
    color: var(--sollas-primary);
    border-color: rgba(29,158,117,.3);
}

.cl-confirm-ok[b-xsbb77lzgt] {
    flex: 1; padding: .6rem;
    border-radius: 10px;
    border: none;
    background: linear-gradient(135deg, #EF4444, #DC2626);
    color: #fff;
    font-size: .82rem; font-weight: 700;
    cursor: pointer;
    box-shadow: 0 2px 8px rgba(239,68,68,.3);
    transition: filter .15s, transform .15s;
}

.cl-confirm-ok:hover[b-xsbb77lzgt] { filter: brightness(1.08); transform: translateY(-1px); }
.cl-confirm-ok:active[b-xsbb77lzgt] { filter: brightness(.97); transform: translateY(0); }

/* ═══════════════════════════════════════════════════════════════
   DARK MODE
   ─────────────────────────────────────────────────────────────── */

:global([data-theme="dark"]) .lp-header-icon-badge[b-xsbb77lzgt] {
    box-shadow:
        0 2px 8px rgba(29,158,117,.22),
        0 10px 28px rgba(29,158,117,.16),
        inset 0 1px 0 rgba(255,255,255,.1);
}

:global([data-theme="dark"]) .lp-stat-card[b-xsbb77lzgt] {
    background: linear-gradient(135deg, #132030 0%, #0F1B2D 100%);
    border-color: rgba(255,255,255,.07);
    box-shadow:
        inset 0 1px 0 rgba(255,255,255,.07),
        0 4px 16px rgba(0,0,0,.35),
        0 20px 48px rgba(0,0,0,.28);
}

:global([data-theme="dark"]) .lp-stat-card:hover[b-xsbb77lzgt] {
    background: linear-gradient(135deg, #162538 0%, #112030 100%);
    box-shadow:
        inset 0 1px 0 rgba(255,255,255,.09),
        0 6px 20px rgba(0,0,0,.45),
        0 28px 56px rgba(0,0,0,.35);
}

/* Dark glow por cor */
:global([data-theme="dark"]) .lp-card-green:hover[b-xsbb77lzgt]  { box-shadow: inset 0 1px 0 rgba(255,255,255,.07), 0 6px 20px rgba(16,185,129,.18), 0 28px 56px rgba(16,185,129,.1); }
:global([data-theme="dark"]) .lp-card-blue:hover[b-xsbb77lzgt]   { box-shadow: inset 0 1px 0 rgba(255,255,255,.07), 0 6px 20px rgba(59,130,246,.18), 0 28px 56px rgba(59,130,246,.1); }
:global([data-theme="dark"]) .lp-card-purple:hover[b-xsbb77lzgt] { box-shadow: inset 0 1px 0 rgba(255,255,255,.07), 0 6px 20px rgba(139,92,246,.18), 0 28px 56px rgba(139,92,246,.1); }
:global([data-theme="dark"]) .lp-card-orange:hover[b-xsbb77lzgt] { box-shadow: inset 0 1px 0 rgba(255,255,255,.07), 0 6px 20px rgba(245,158,11,.18), 0 28px 56px rgba(245,158,11,.1); }

:global([data-theme="dark"]) .lp-card-shine[b-xsbb77lzgt] {
    background: linear-gradient(
        135deg,
        rgba(255,255,255,.07) 0%,
        rgba(255,255,255,.02) 40%,
        transparent 60%
    );
}

:global([data-theme="dark"]) .lp-icon-green[b-xsbb77lzgt]  { background: rgba(16,185,129,.14); border-color: rgba(16,185,129,.22); }
:global([data-theme="dark"]) .lp-icon-blue[b-xsbb77lzgt]   { background: rgba(59,130,246,.14);  border-color: rgba(59,130,246,.22); }
:global([data-theme="dark"]) .lp-icon-purple[b-xsbb77lzgt] { background: rgba(139,92,246,.14);  border-color: rgba(139,92,246,.22); }
:global([data-theme="dark"]) .lp-icon-orange[b-xsbb77lzgt] { background: rgba(245,158,11,.14);  border-color: rgba(245,158,11,.22); }

:global([data-theme="dark"]) .lp-panel[b-xsbb77lzgt] {
    background: var(--sollas-surface);    /* #0D1B2E — sólido, contrasta com --sollas-bg #050B16 */
    border-color: rgba(255,255,255,.07);
    box-shadow:
        inset 0 1px 0 rgba(255,255,255,.05),
        0 4px 16px rgba(0,0,0,.3),
        0 24px 64px rgba(0,0,0,.25);
}

:global([data-theme="dark"]) .lp-panel[b-xsbb77lzgt]::before {
    background: linear-gradient(90deg, rgba(29,158,117,.6) 0%, rgba(29,158,117,.15) 50%, transparent 100%);
}

/* Divisores internos ao painel — rgba funciona porque o painel já é sólido */
:global([data-theme="dark"]) .lp-toolbar[b-xsbb77lzgt]      { background: rgba(255,255,255,.02);  border-bottom-color: rgba(255,255,255,.06); }
:global([data-theme="dark"]) .lp-col-header[b-xsbb77lzgt]   { background: rgba(255,255,255,.025); border-bottom-color: rgba(255,255,255,.06); }
:global([data-theme="dark"]) .lp-filter-bar[b-xsbb77lzgt]   { background: rgba(255,255,255,.015); border-bottom-color: rgba(255,255,255,.07); }
:global([data-theme="dark"]) .lp-footer[b-xsbb77lzgt]       { background: rgba(255,255,255,.015); border-top-color:    rgba(255,255,255,.06); }

:global([data-theme="dark"]) .lp-ff[b-xsbb77lzgt] {
    background: var(--sollas-bg);
    border-color: rgba(255,255,255,.08);
}

:global([data-theme="dark"]) .lp-ff:focus-within[b-xsbb77lzgt] {
    background: rgba(255,255,255,.07);
    border-color: rgba(29,158,117,.5);
    box-shadow: 0 0 0 3px rgba(29,158,117,.12), 0 1px 6px rgba(29,158,117,.08);
}

:global([data-theme="dark"]) .lp-card-row:hover[b-xsbb77lzgt] { background: rgba(16,185,129,.04); }

:global([data-theme="dark"]) .cl-av-green[b-xsbb77lzgt]  { background: rgba(16,185,129,.18); border-color: rgba(16,185,129,.32); }
:global([data-theme="dark"]) .cl-av-blue[b-xsbb77lzgt]   { background: rgba(59,130,246,.18);  border-color: rgba(59,130,246,.32); }
:global([data-theme="dark"]) .cl-av-purple[b-xsbb77lzgt] { background: rgba(139,92,246,.18);  border-color: rgba(139,92,246,.32); }
:global([data-theme="dark"]) .cl-av-orange[b-xsbb77lzgt] { background: rgba(245,158,11,.18);  border-color: rgba(245,158,11,.32); }
:global([data-theme="dark"]) .cl-av-teal[b-xsbb77lzgt]   { background: rgba(20,184,166,.18);  border-color: rgba(20,184,166,.32); }
:global([data-theme="dark"]) .cl-av-rose[b-xsbb77lzgt]   { background: rgba(244,63,94,.18);   border-color: rgba(244,63,94,.32); }

:global([data-theme="dark"]) .lp-btn-acao[b-xsbb77lzgt] {
    background: rgba(255,255,255,.04);
    border-color: rgba(255,255,255,.08);
}

:global([data-theme="dark"]) .lp-btn-acao:hover[b-xsbb77lzgt] {
    background: rgba(29,158,117,.14);
    border-color: rgba(29,158,117,.35);
    box-shadow: 0 3px 12px rgba(29,158,117,.2);
}

:global([data-theme="dark"]) .lp-btn-acao.lp-btn-danger:hover[b-xsbb77lzgt] {
    background: rgba(239,68,68,.12);
    box-shadow: 0 3px 12px rgba(239,68,68,.2);
}

:global([data-theme="dark"]) .lp-page-btn[b-xsbb77lzgt] {
    background: rgba(255,255,255,.04);
    border-color: rgba(255,255,255,.08);
}

:global([data-theme="dark"]) .lp-skel[b-xsbb77lzgt] {
    background: linear-gradient(
        90deg,
        rgba(255,255,255,.06) 25%,
        rgba(255,255,255,.1)  50%,
        rgba(255,255,255,.06) 75%
    );
    background-size: 200% 100%;
}

:global([data-theme="dark"]) .lp-skel-avatar[b-xsbb77lzgt] { background: rgba(255,255,255,.07); }
:global([data-theme="dark"]) .cl-confirm-backdrop[b-xsbb77lzgt] { background: rgba(0,0,0,.65); }
:global([data-theme="dark"]) .cl-confirm-box[b-xsbb77lzgt] {
    box-shadow: 0 8px 32px rgba(0,0,0,.4), 0 32px 80px rgba(0,0,0,.35);
}
:global([data-theme="dark"]) .cl-rank-badge[b-xsbb77lzgt] { border-color: #1a2235; }
:global([data-theme="dark"]) .lp-footer-check[b-xsbb77lzgt] { border-color: #1a2235; }

/* ── Responsivo ──────────────────────────────────────────────── */
@media (max-width: 1100px) {
    .lp-stats[b-xsbb77lzgt] { grid-template-columns: repeat(2, 1fr); }
}

@media (max-width: 900px) {
    .lp-page[b-xsbb77lzgt] { --lp-grid: minmax(160px, 1.7fr) minmax(130px, 1fr) minmax(150px, 1.3fr) 88px; }
    .col-doc[b-xsbb77lzgt],
    .lp-filter-bar .col-doc[b-xsbb77lzgt],
    .lp-filter-bar[b-xsbb77lzgt]  .col-doc,
    .lp-col-header .col-doc[b-xsbb77lzgt] { display: none; }
}

@media (max-width: 700px) {
    .lp-page[b-xsbb77lzgt] { padding: 1rem 1rem 5rem; }
    .lp-stats[b-xsbb77lzgt] { grid-template-columns: 1fr 1fr; gap: .6rem; }
    .lp-stat-value[b-xsbb77lzgt] { font-size: 1.25rem; }
    .lp-page[b-xsbb77lzgt] { --lp-grid: minmax(150px, 1.5fr) minmax(120px, 1fr) 88px; }
    .col-email[b-xsbb77lzgt],
    .lp-filter-bar .col-email[b-xsbb77lzgt],
    .lp-filter-bar[b-xsbb77lzgt]  .col-email,
    .lp-col-header .col-email[b-xsbb77lzgt] { display: none; }
    .lp-header-badge[b-xsbb77lzgt] { display: none; }
    .lp-subtitle[b-xsbb77lzgt] { display: none; }
}

@media (max-width: 480px) {
    .lp-page[b-xsbb77lzgt] { --lp-grid: minmax(120px, 1fr) 88px; }
    .lp-title[b-xsbb77lzgt] { font-size: 1rem; }
    .col-wpp[b-xsbb77lzgt],
    .lp-filter-bar .col-wpp[b-xsbb77lzgt],
    .lp-filter-bar[b-xsbb77lzgt]  .col-wpp,
    .lp-col-header .col-wpp[b-xsbb77lzgt] { display: none; }
}
/* /Pages/Configuracoes/ConfigEmpresa.razor.rz.scp.css */
/* ConfigEmpresa.razor.css */

.lp-page[b-3d8iqi1ez4] {
    min-height: 100vh;
    padding: 28px 28px 100px;
    background:
        radial-gradient(ellipse at 20% 10%, rgba(16,185,129,0.06) 0%, transparent 55%),
        radial-gradient(ellipse at 80% 80%, rgba(139,92,246,0.05) 0%, transparent 55%),
        var(--sollas-bg);
    box-sizing: border-box;
}

/* ── Tabs ────────────────────────────────────────────────── */
.ce-tabs[b-3d8iqi1ez4] {
    display: flex;
    gap: .5rem;
    padding: .75rem 1.5rem;
    border-bottom: 2px solid var(--sollas-border);
    background: var(--sollas-surface);
    border-radius: 12px 12px 0 0;
    margin-bottom: 1.25rem;
    flex-wrap: wrap;
}
.ce-tab[b-3d8iqi1ez4] {
    display: flex;
    align-items: center;
    gap: 7px;
    padding: .45rem 1rem;
    border: none;
    border-radius: 8px;
    font-size: 0.85rem;
    font-weight: 600;
    cursor: pointer;
    background: transparent;
    color: var(--sollas-text-muted);
    transition: all .15s;
    font-family: var(--sollas-font);
}
.ce-tab:hover[b-3d8iqi1ez4] { background: var(--sollas-primary-light); color: var(--sollas-primary); }
.ce-tab.active[b-3d8iqi1ez4] { background: var(--sollas-primary-light); color: var(--sollas-primary); }

/* ── Section title ───────────────────────────────────────── */
.ce-section-title[b-3d8iqi1ez4] {
    display: flex;
    align-items: center;
    gap: 7px;
    font-size: 0.78rem;
    font-weight: 700;
    text-transform: uppercase;
    letter-spacing: .06em;
    color: var(--sollas-text-muted);
    margin-bottom: 1.25rem;
}

/* ── Loading skeletons ───────────────────────────────────── */
.ce-loading[b-3d8iqi1ez4] { display: flex; flex-direction: column; gap: 1rem; }
.ce-skel-card[b-3d8iqi1ez4] {
    height: 200px;
    border-radius: 12px;
    background: linear-gradient(90deg, var(--sollas-surface) 25%, rgba(255,255,255,0.05) 50%, var(--sollas-surface) 75%);
    background-size: 200% 100%;
    animation: shimmer 1.4s infinite;
}

/* ── Grid layout ─────────────────────────────────────────── */
.ce-grid[b-3d8iqi1ez4] {
    display: grid;
    grid-template-columns: 280px 1fr;
    gap: 1.25rem;
    align-items: start;
}

/* ── Logo panel ──────────────────────────────────────────── */
.ce-logo-panel[b-3d8iqi1ez4] {
    display: flex;
    flex-direction: column;
    gap: 1rem;
    padding: 1.5rem;
}
.ce-logo-drop[b-3d8iqi1ez4] {
    width: 100%;
    min-height: 130px;
    border: 2px dashed var(--sollas-border);
    border-radius: 10px;
    display: flex;
    align-items: center;
    justify-content: center;
    cursor: pointer;
    transition: border-color .2s, background .2s;
    overflow: hidden;
}
.ce-logo-drop:hover[b-3d8iqi1ez4] { border-color: var(--sollas-primary); background: var(--sollas-primary-light); }
.ce-logo-placeholder[b-3d8iqi1ez4] {
    display: flex;
    flex-direction: column;
    align-items: center;
    gap: 8px;
    color: var(--sollas-text-muted);
    font-size: 0.82rem;
    font-weight: 500;
    text-align: center;
    padding: 1rem;
}
.ce-logo-hint[b-3d8iqi1ez4] { font-size: 0.72rem; color: var(--sollas-text-muted); opacity: .7; }
.ce-logo-img[b-3d8iqi1ez4] { max-width: 100%; max-height: 130px; object-fit: contain; padding: .5rem; }
.ce-logo-remove[b-3d8iqi1ez4] {
    display: flex;
    align-items: center;
    gap: 5px;
    font-size: 0.78rem;
    color: #EF4444;
    background: rgba(239,68,68,.08);
    border: 1px solid rgba(239,68,68,.2);
    border-radius: 6px;
    padding: 4px 10px;
    cursor: pointer;
    font-family: var(--sollas-font);
    font-weight: 600;
    transition: all .15s;
}
.ce-logo-remove:hover[b-3d8iqi1ez4] { background: rgba(239,68,68,.15); }
.ce-logo-note[b-3d8iqi1ez4] {
    font-size: 0.7rem;
    color: var(--sollas-text-muted);
    opacity: .7;
    margin: 0;
    line-height: 1.5;
}

/* ── Form panel ──────────────────────────────────────────── */
.ce-form-panel[b-3d8iqi1ez4] { padding: 1.5rem; }
.ce-form[b-3d8iqi1ez4] { display: flex; flex-direction: column; gap: .9rem; }
.ce-form-row[b-3d8iqi1ez4] { display: grid; grid-template-columns: 1fr 1fr; gap: .9rem; }
.ce-field[b-3d8iqi1ez4] { display: flex; flex-direction: column; gap: 5px; }
.ce-form-actions[b-3d8iqi1ez4] {
    display: flex;
    align-items: center;
    justify-content: flex-end;
    gap: 1rem;
    margin-top: 1.5rem;
    padding-top: 1.25rem;
    border-top: 1px solid var(--sollas-border);
}
.ce-save-ok[b-3d8iqi1ez4] {
    display: flex;
    align-items: center;
    gap: 5px;
    font-size: 0.82rem;
    font-weight: 600;
    color: #10B981;
}

/* ── Aparência ───────────────────────────────────────────── */
.ce-aparencia-panel[b-3d8iqi1ez4] { padding: 1.5rem; }
.ce-ap-hint[b-3d8iqi1ez4] {
    font-size: 0.82rem;
    color: var(--sollas-text-muted);
    margin-bottom: 1.25rem;
}
.ce-color-grid[b-3d8iqi1ez4] {
    display: flex;
    flex-wrap: wrap;
    gap: .75rem;
    margin-bottom: 1.5rem;
}
.ce-color-btn[b-3d8iqi1ez4] {
    width: 42px; height: 42px;
    border-radius: 50%;
    border: 3px solid transparent;
    cursor: pointer;
    display: flex;
    align-items: center;
    justify-content: center;
    transition: transform .15s, border-color .15s;
}
.ce-color-btn:hover[b-3d8iqi1ez4] { transform: scale(1.12); }
.ce-color-btn.selected[b-3d8iqi1ez4] {
    border-color: var(--sollas-text-main);
    transform: scale(1.15);
}
.ce-ap-divider[b-3d8iqi1ez4] {
    height: 1px;
    background: var(--sollas-border);
    margin: 1.5rem 0;
}
.ce-mode-btns[b-3d8iqi1ez4] { display: flex; gap: .75rem; margin-bottom: .5rem; }
.ce-mode-btn[b-3d8iqi1ez4] {
    display: flex;
    align-items: center;
    gap: 7px;
    padding: .55rem 1.25rem;
    border-radius: 8px;
    border: 1.5px solid var(--sollas-border);
    background: transparent;
    color: var(--sollas-text-muted);
    font-size: 0.85rem;
    font-weight: 600;
    cursor: pointer;
    font-family: var(--sollas-font);
    transition: all .15s;
}
.ce-mode-btn.active[b-3d8iqi1ez4] {
    border-color: var(--sollas-primary);
    color: var(--sollas-primary);
    background: var(--sollas-primary-light);
}
.ce-font-opts[b-3d8iqi1ez4] { display: flex; flex-wrap: wrap; gap: .6rem; }
.ce-font-btn[b-3d8iqi1ez4] {
    padding: .45rem 1rem;
    border-radius: 8px;
    border: 1.5px solid var(--sollas-border);
    background: transparent;
    color: var(--sollas-text-muted);
    font-size: 0.9rem;
    cursor: pointer;
    transition: all .15s;
}
.ce-font-btn.active[b-3d8iqi1ez4] {
    border-color: var(--sollas-primary);
    color: var(--sollas-primary);
    background: var(--sollas-primary-light);
}
.ce-ap-note[b-3d8iqi1ez4] {
    font-size: 0.72rem;
    color: var(--sollas-text-muted);
    opacity: .7;
    margin-top: 1.5rem;
}

/* ── Módulos ─────────────────────────────────────────────── */
.ce-modulos-panel[b-3d8iqi1ez4] { padding: 1.5rem; }
.ce-modulos-grid[b-3d8iqi1ez4] {
    display: grid;
    grid-template-columns: repeat(auto-fill, minmax(320px, 1fr));
    gap: .9rem;
}
.ce-modulo-card[b-3d8iqi1ez4] {
    display: flex;
    align-items: center;
    gap: 1rem;
    padding: 1rem 1.25rem;
    border-radius: 10px;
    border: 1.5px solid var(--sollas-border);
    background: var(--sollas-surface);
    transition: border-color .2s;
}
.ce-modulo-card.active[b-3d8iqi1ez4] { border-color: rgba(16,185,129,.3); background: rgba(16,185,129,.03); }
.ce-modulo-card.ce-mod-locked[b-3d8iqi1ez4] { opacity: .65; }
.ce-mod-icon[b-3d8iqi1ez4] {
    width: 44px; height: 44px;
    border-radius: 10px;
    display: flex;
    align-items: center;
    justify-content: center;
    flex-shrink: 0;
}
.ce-mod-green[b-3d8iqi1ez4]  { background: rgba(16,185,129,.12); color: #10B981; }
.ce-mod-blue[b-3d8iqi1ez4]   { background: rgba(59,130,246,.12);  color: #3B82F6; }
.ce-mod-purple[b-3d8iqi1ez4] { background: rgba(139,92,246,.12);  color: #8B5CF6; }
.ce-mod-orange[b-3d8iqi1ez4] { background: rgba(245,158,11,.12);  color: #D97706; }
.ce-mod-red[b-3d8iqi1ez4]    { background: rgba(239,68,68,.12);   color: #EF4444; }
.ce-mod-gray[b-3d8iqi1ez4]   { background: rgba(107,114,128,.1);  color: #6B7280; }
.ce-mod-info[b-3d8iqi1ez4] { flex: 1; min-width: 0; }
.ce-mod-nome[b-3d8iqi1ez4] { display: block; font-size: 0.875rem; font-weight: 700; color: var(--sollas-text-main); }
.ce-mod-desc[b-3d8iqi1ez4] { display: block; font-size: 0.75rem; color: var(--sollas-text-muted); margin-top: 2px; }
.ce-mod-pro-badge[b-3d8iqi1ez4] {
    font-size: 0.65rem; font-weight: 800;
    letter-spacing: .06em;
    background: linear-gradient(135deg, #8B5CF6, #EC4899);
    color: #fff;
    padding: 3px 8px;
    border-radius: 6px;
}

/* ── Plano ───────────────────────────────────────────────── */
.ce-plano-panel[b-3d8iqi1ez4] { padding: 1.5rem; }
.ce-plano-current[b-3d8iqi1ez4] {
    text-align: center;
    padding: 2rem 1rem;
    margin-bottom: 2rem;
    border-bottom: 1px solid var(--sollas-border);
}
.ce-plano-badge[b-3d8iqi1ez4] {
    display: inline-block;
    font-size: 0.65rem;
    font-weight: 800;
    letter-spacing: .1em;
    color: var(--sollas-primary);
    background: var(--sollas-primary-light);
    border: 1px solid rgba(29,158,117,.25);
    padding: 3px 10px;
    border-radius: 6px;
    margin-bottom: .75rem;
}
.ce-plano-nome[b-3d8iqi1ez4] {
    font-size: 1.8rem;
    font-weight: 800;
    color: var(--sollas-text-main);
    margin: 0 0 .25rem;
}
.ce-plano-desc[b-3d8iqi1ez4] { font-size: 0.875rem; color: var(--sollas-text-muted); margin: 0 0 1rem; }
.ce-plano-price[b-3d8iqi1ez4] { display: flex; align-items: baseline; gap: 4px; justify-content: center; margin-bottom: 1rem; }
.ce-plano-cifrao[b-3d8iqi1ez4] { font-size: 1.1rem; font-weight: 700; color: var(--sollas-text-muted); }
.ce-plano-valor[b-3d8iqi1ez4] { font-size: 2.5rem; font-weight: 800; color: var(--sollas-text-main); }
.ce-plano-period[b-3d8iqi1ez4] { font-size: 0.9rem; color: var(--sollas-text-muted); }
.ce-plano-stats[b-3d8iqi1ez4] { display: flex; justify-content: center; gap: 2rem; }
.ce-plano-stat[b-3d8iqi1ez4] { text-align: center; }
.ce-plano-stat-val[b-3d8iqi1ez4] { display: block; font-size: 1.4rem; font-weight: 800; color: var(--sollas-primary); }
.ce-plano-stat-label[b-3d8iqi1ez4] { font-size: 0.75rem; color: var(--sollas-text-muted); }
.ce-planos-grid[b-3d8iqi1ez4] { display: grid; grid-template-columns: repeat(3, 1fr); gap: 1rem; }
.ce-plano-card[b-3d8iqi1ez4] {
    border: 1.5px solid var(--sollas-border);
    border-radius: 12px;
    padding: 1.5rem;
    background: var(--sollas-surface);
    position: relative;
    display: flex;
    flex-direction: column;
}
.ce-plano-card-pro[b-3d8iqi1ez4] {
    border-color: var(--sollas-primary);
    background: linear-gradient(135deg, rgba(29,158,117,.03), rgba(29,158,117,.08));
}
.ce-plano-popular[b-3d8iqi1ez4] {
    position: absolute;
    top: -10px; left: 50%;
    transform: translateX(-50%);
    background: var(--sollas-primary);
    color: #fff;
    font-size: 0.65rem;
    font-weight: 800;
    letter-spacing: .06em;
    padding: 3px 12px;
    border-radius: 6px;
    white-space: nowrap;
}
.ce-plano-card-header[b-3d8iqi1ez4] { margin-bottom: 1.25rem; }
.ce-plano-card-nome[b-3d8iqi1ez4] { display: block; font-size: 1rem; font-weight: 700; color: var(--sollas-text-main); margin-bottom: .25rem; }
.ce-plano-card-price[b-3d8iqi1ez4] { font-size: 0.95rem; color: var(--sollas-text-muted); }
.ce-plano-card-price strong[b-3d8iqi1ez4] { color: var(--sollas-text-main); font-size: 1.25rem; }
.ce-plano-features[b-3d8iqi1ez4] {
    list-style: none;
    padding: 0; margin: 0 0 1.25rem;
    display: flex;
    flex-direction: column;
    gap: .5rem;
    flex: 1;
}
.ce-plano-features li[b-3d8iqi1ez4] { display: flex; align-items: center; gap: 7px; font-size: 0.82rem; color: var(--sollas-text-main); }
.ce-plano-feat-off[b-3d8iqi1ez4] { color: var(--sollas-text-muted) !important; }
.ce-plano-btn-current[b-3d8iqi1ez4], .ce-plano-btn-upgrade[b-3d8iqi1ez4], .ce-plano-btn-contact[b-3d8iqi1ez4] {
    width: 100%; padding: .65rem;
    border-radius: 8px; border: none;
    font-size: 0.875rem; font-weight: 700;
    cursor: pointer;
    font-family: var(--sollas-font);
    transition: all .15s;
}
.ce-plano-btn-current[b-3d8iqi1ez4] {
    background: var(--sollas-surface);
    color: var(--sollas-text-muted);
    border: 1.5px solid var(--sollas-border);
    cursor: default;
}
.ce-plano-btn-upgrade[b-3d8iqi1ez4] { background: var(--sollas-primary); color: #fff; }
.ce-plano-btn-upgrade:hover[b-3d8iqi1ez4] { background: var(--sollas-primary-hover); }
.ce-plano-btn-contact[b-3d8iqi1ez4] {
    background: rgba(139,92,246,.1);
    color: #8B5CF6;
    border: 1.5px solid rgba(139,92,246,.2);
}
.ce-plano-btn-contact:hover[b-3d8iqi1ez4] { background: rgba(139,92,246,.2); }

/* ── Dark mode ───────────────────────────────────────────── */
:global([data-theme="dark"]) .lp-page[b-3d8iqi1ez4] {
    background:
        radial-gradient(ellipse at 20% 10%, rgba(16,185,129,0.06) 0%, transparent 55%),
        radial-gradient(ellipse at 80% 80%, rgba(139,92,246,0.05) 0%, transparent 55%),
        var(--sollas-bg);
}
:global([data-theme="dark"]) .ce-logo-drop[b-3d8iqi1ez4] { border-color: rgba(255,255,255,.1); }

/* ── Responsive ──────────────────────────────────────────── */
@media (max-width: 1000px) {
    .ce-grid[b-3d8iqi1ez4] { grid-template-columns: 1fr; }
    .ce-planos-grid[b-3d8iqi1ez4] { grid-template-columns: 1fr; }
}
@media (max-width: 700px) {
    .lp-page[b-3d8iqi1ez4] { padding: 16px 12px 100px; }
    .ce-form-row[b-3d8iqi1ez4] { grid-template-columns: 1fr; }
    .ce-modulos-grid[b-3d8iqi1ez4] { grid-template-columns: 1fr; }
}
/* /Pages/Configuracoes/Configuracoes.razor.rz.scp.css */
/* ══════════════════════════════════════════════════════════════
   Configuracoes.razor.css  —  Forma de Pagamento  (fp- prefix)
   Apenas estilos exclusivos desta página. Estilos compartilhados
   vêm de sollas-theme.css e sollas-crud.css (globais).
   ══════════════════════════════════════════════════════════════ */

/* ── Page shell ─────────────────────────────────────────────── */
.lp-page[b-59evr44hp2] {
    min-height: 100vh;
    padding: 2rem 2rem 6rem;
    background:
        radial-gradient(ellipse at 20% 10%, rgba(16,185,129,0.06) 0%, transparent 55%),
        radial-gradient(ellipse at 80% 80%, rgba(139,92,246,0.05) 0%, transparent 55%),
        var(--sollas-bg);
}

:global([data-theme="dark"]) .lp-page[b-59evr44hp2] {
    background:
        radial-gradient(ellipse at 20% 10%, rgba(16,185,129,0.06) 0%, transparent 55%),
        radial-gradient(ellipse at 80% 80%, rgba(139,92,246,0.05) 0%, transparent 55%),
        var(--sollas-bg);
}

/* ── Colunas desta página (sistema global de listagem) ───── */
.lp-page[b-59evr44hp2] {
    --lp-grid: minmax(120px, 1fr) 150px 88px;
}
.col-nome[b-59evr44hp2]   { min-width: 0; }
.col-status[b-59evr44hp2] { width: auto; }
.lp-lh-col.col-acoes[b-59evr44hp2] { text-align: right; }
.lp-lh-col .lp-lh-label[b-59evr44hp2] { padding-left: 13px; }

/* Status centralizado */
.lp-lh-col.col-status .lp-lh-label[b-59evr44hp2] { padding-left: 0; text-align: center; }
.lp-lh-col.col-status[b-59evr44hp2]  .fsel-trigger { justify-content: center; }
.lp-cr-col.col-status[b-59evr44hp2] { justify-content: center; }

/* ── Nome cell ───────────────────────────────────────────────── */
.fp-nome-text[b-59evr44hp2] {
    font-size: .88rem;
    font-weight: 600;
    color: var(--sollas-text-main);
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis;
}

/* ── Status badges ───────────────────────────────────────────── */
.fp-badge[b-59evr44hp2] {
    display: inline-flex;
    align-items: center;
    padding: .25rem .6rem;
    border-radius: 999px;
    font-size: .7rem;
    font-weight: 700;
    letter-spacing: .04em;
    text-transform: uppercase;
}

.fp-badge.ativo[b-59evr44hp2]   { background: rgba(16,185,129,.12); color: #10B981; border: 1px solid rgba(16,185,129,.25); }
.fp-badge.inativo[b-59evr44hp2] { background: rgba(107,114,128,.1);  color: #6B7280; border: 1px solid rgba(107,114,128,.2); }

/* ── Confirm modal ───────────────────────────────────────────── */
.fp-confirm-backdrop[b-59evr44hp2] {
    position: fixed;
    inset: 0;
    background: rgba(0,0,0,.55);
    backdrop-filter: blur(4px);
    -webkit-backdrop-filter: blur(4px);
    display: flex;
    align-items: center;
    justify-content: center;
    z-index: 2000;
    animation: fp-fade-in-b-59evr44hp2 .15s ease;
}

.fp-confirm-box[b-59evr44hp2] {
    background: var(--sollas-surface);
    border: 1px solid var(--sollas-border);
    border-radius: var(--sollas-radius-lg);
    padding: 2rem 2rem 1.5rem;
    max-width: 360px;
    width: 90%;
    box-shadow: 0 20px 60px rgba(0,0,0,.3);
    text-align: center;
    animation: fp-scale-in-b-59evr44hp2 .18s ease;
}

@keyframes fp-fade-in-b-59evr44hp2 {
    from { opacity: 0; }
    to   { opacity: 1; }
}

@keyframes fp-scale-in-b-59evr44hp2 {
    from { opacity: 0; transform: scale(.94); }
    to   { opacity: 1; transform: scale(1); }
}

.fp-confirm-icon[b-59evr44hp2] {
    width: 56px;
    height: 56px;
    border-radius: 50%;
    background: rgba(239,68,68,.1);
    color: #ef4444;
    display: flex;
    align-items: center;
    justify-content: center;
    margin: 0 auto 1rem;
    box-shadow: 0 0 20px rgba(239,68,68,.15);
}

.fp-confirm-title[b-59evr44hp2] {
    font-size: 1.1rem;
    font-weight: 700;
    color: var(--sollas-text-main);
    margin: 0 0 .35rem;
}

.fp-confirm-sub[b-59evr44hp2] {
    font-size: .85rem;
    color: var(--sollas-text-muted);
    margin: 0 0 1.5rem;
}

.fp-confirm-actions[b-59evr44hp2] { display: flex; gap: .75rem; justify-content: center; }

.fp-confirm-cancel[b-59evr44hp2] {
    flex: 1;
    padding: .6rem;
    background: none;
    border: 1px solid var(--sollas-border);
    border-radius: var(--sollas-radius-sm);
    font-size: .875rem;
    font-weight: 600;
    font-family: var(--sollas-font, 'Plus Jakarta Sans', sans-serif);
    color: var(--sollas-text-muted);
    cursor: pointer;
    transition: background .2s;
}

.fp-confirm-cancel:hover[b-59evr44hp2] { background: var(--sollas-primary-light); }

.fp-confirm-ok[b-59evr44hp2] {
    flex: 1;
    padding: .6rem;
    background: #ef4444;
    border: none;
    border-radius: var(--sollas-radius-sm);
    font-size: .875rem;
    font-weight: 600;
    font-family: var(--sollas-font, 'Plus Jakarta Sans', sans-serif);
    color: #fff;
    cursor: pointer;
    transition: background .2s, box-shadow .2s;
    box-shadow: 0 0 16px rgba(239,68,68,.2);
}

.fp-confirm-ok:hover[b-59evr44hp2] {
    background: #dc2626;
    box-shadow: 0 0 24px rgba(239,68,68,.35);
}

/* ── Dark mode ────────────────────────────────────────────────── */
:global([data-theme="dark"]) .fp-confirm-box[b-59evr44hp2] {
    background: #111C2D;
    border-color: #1C2D42;
}

/* ── Responsive ───────────────────────────────────────────────── */
@media (max-width: 768px) {
    .lp-page[b-59evr44hp2] { padding: 1rem 1rem 6rem; }
}
/* /Pages/Dashboard/Dashboard.razor.rz.scp.css */
/* ════════════════════════════════════════════════════════════
   Dashboard.razor.css — Premium Cinematic SaaS Dashboard
   ════════════════════════════════════════════════════════════ */

/* ── Page ─────────────────────────────────────────────────── */
.db-page[b-iqjcel0dra] {
    padding: 2rem 2rem 6rem;
    min-height: 100vh;
    background:
        radial-gradient(ellipse at 15%  8%, rgba(16,185,129,.07) 0%, transparent 50%),
        radial-gradient(ellipse at 85% 85%, rgba(139,92,246,.05) 0%, transparent 50%),
        radial-gradient(ellipse at 50% 50%, rgba(59,130,246,.03) 0%, transparent 70%),
        var(--sollas-bg);
}

/* ── Header ───────────────────────────────────────────────── */
.db-header[b-iqjcel0dra] {
    display: flex;
    align-items: flex-start;
    justify-content: space-between;
    gap: 1.5rem;
    margin-bottom: 1.75rem;
    flex-wrap: wrap;
}

.db-header-left[b-iqjcel0dra] { display: flex; flex-direction: column; gap: .35rem; }

.db-greeting[b-iqjcel0dra] {
    font-size: 1.75rem;
    font-weight: 800;
    color: var(--sollas-text-main);
    letter-spacing: -.025em;
    line-height: 1.15;
    margin: 0;
    display: flex;
    align-items: center;
    gap: .35rem;
}

.db-greeting-name[b-iqjcel0dra] { color: var(--sollas-primary); }
.db-greeting-wave[b-iqjcel0dra] { font-size: 1.4rem; line-height: 1; }

.db-empresa-badge[b-iqjcel0dra] {
    display: inline-flex;
    align-items: center;
    gap: .35rem;
    font-size: .72rem;
    font-weight: 700;
    color: var(--sollas-primary);
    background: rgba(29,158,117,.1);
    border: 1px solid rgba(29,158,117,.2);
    border-radius: 999px;
    padding: .22rem .65rem;
    letter-spacing: .02em;
    width: fit-content;
}

.db-date[b-iqjcel0dra] {
    font-size: .78rem;
    color: var(--sollas-text-muted);
    font-weight: 500;
    margin: 0;
    text-transform: capitalize;
}

/* ── Quick Actions ────────────────────────────────────────── */
.db-quick-actions[b-iqjcel0dra] {
    display: flex;
    gap: .5rem;
    flex-wrap: wrap;
    align-items: center;
    padding-top: .25rem;
}

.db-qa-btn[b-iqjcel0dra] {
    display: inline-flex;
    align-items: center;
    gap: .35rem;
    padding: .45rem .85rem;
    border-radius: 999px;
    font-size: .78rem;
    font-weight: 700;
    text-decoration: none;
    letter-spacing: .01em;
    white-space: nowrap;
    transition: transform .2s cubic-bezier(.34,1.56,.64,1), box-shadow .18s;
    border: 1px solid transparent;
}

.db-qa-btn:hover[b-iqjcel0dra] { transform: translateY(-2px) scale(1.04); }

.db-qa-green[b-iqjcel0dra]  { color: #10B981; background: rgba(16,185,129,.1);  border-color: rgba(16,185,129,.22); }
.db-qa-blue[b-iqjcel0dra]   { color: #3B82F6; background: rgba(59,130,246,.1);  border-color: rgba(59,130,246,.22); }
.db-qa-purple[b-iqjcel0dra] { color: #8B5CF6; background: rgba(139,92,246,.1); border-color: rgba(139,92,246,.22); }
.db-qa-orange[b-iqjcel0dra] { color: #F59E0B; background: rgba(245,158,11,.1); border-color: rgba(245,158,11,.22); }

.db-qa-green:hover[b-iqjcel0dra]  { background: rgba(16,185,129,.18); box-shadow: 0 4px 14px rgba(16,185,129,.2); }
.db-qa-blue:hover[b-iqjcel0dra]   { background: rgba(59,130,246,.18); box-shadow: 0 4px 14px rgba(59,130,246,.2); }
.db-qa-purple:hover[b-iqjcel0dra] { background: rgba(139,92,246,.18); box-shadow: 0 4px 14px rgba(139,92,246,.2); }
.db-qa-orange:hover[b-iqjcel0dra] { background: rgba(245,158,11,.18); box-shadow: 0 4px 14px rgba(245,158,11,.2); }

/* ── Grid Layouts ─────────────────────────────────────────── */
.db-main-grid[b-iqjcel0dra] {
    display: grid;
    grid-template-columns: 1.6fr 1fr;
    gap: .9rem;
    margin-bottom: .9rem;
}

.db-secondary-grid[b-iqjcel0dra] {
    display: grid;
    grid-template-columns: 1fr 1fr;
    gap: .9rem;
    margin-bottom: .9rem;
}

/* ── Panel internals ──────────────────────────────────────── */
.db-panel-header[b-iqjcel0dra] {
    display: flex;
    align-items: center;
    justify-content: space-between;
    padding: 1.1rem 1.3rem .85rem;
    border-bottom: 1px solid var(--sollas-border);
}

.db-panel-title[b-iqjcel0dra] {
    display: flex;
    align-items: center;
    gap: .5rem;
    font-size: .85rem;
    font-weight: 700;
    color: var(--sollas-text-main);
    letter-spacing: -.01em;
}

.db-panel-title svg[b-iqjcel0dra] { color: var(--sollas-primary); flex-shrink: 0; }

.db-badge-green[b-iqjcel0dra] {
    font-size: .68rem;
    font-weight: 700;
    color: #10B981;
    background: rgba(16,185,129,.1);
    border: 1px solid rgba(16,185,129,.2);
    border-radius: 999px;
    padding: .18rem .55rem;
    letter-spacing: .03em;
}

.db-count-badge[b-iqjcel0dra] {
    font-size: .72rem;
    font-weight: 700;
    color: var(--sollas-text-muted);
    background: rgba(255,255,255,.06);
    border: 1px solid var(--sollas-border);
    border-radius: 999px;
    padding: .18rem .6rem;
}

.db-alert-badge[b-iqjcel0dra] {
    font-size: .68rem;
    font-weight: 700;
    color: #EF4444;
    background: rgba(239,68,68,.1);
    border: 1px solid rgba(239,68,68,.2);
    border-radius: 999px;
    padding: .18rem .55rem;
    letter-spacing: .03em;
}

.db-panel-link[b-iqjcel0dra] {
    display: block;
    padding: .8rem 1.3rem;
    font-size: .76rem;
    font-weight: 600;
    color: var(--sollas-primary);
    text-decoration: none;
    border-top: 1px solid var(--sollas-border);
    transition: background .18s;
}
.db-panel-link:hover[b-iqjcel0dra] { background: rgba(29,158,117,.05); }

.db-link-sm[b-iqjcel0dra] {
    font-size: .72rem;
    font-weight: 600;
    color: var(--sollas-primary);
    text-decoration: none;
    white-space: nowrap;
    opacity: .8;
    transition: opacity .18s;
}
.db-link-sm:hover[b-iqjcel0dra] { opacity: 1; }

/* ── Bar Chart Panel ──────────────────────────────────────── */
.db-chart-panel[b-iqjcel0dra] { display: flex; flex-direction: column; }

.db-chart-wrap[b-iqjcel0dra] {
    flex: 1;
    padding: .75rem 1rem 0;
    min-height: 230px;
}

/* ── Agenda Panel ─────────────────────────────────────────── */
.db-agenda-panel[b-iqjcel0dra] { display: flex; flex-direction: column; }

.db-agenda-list[b-iqjcel0dra] {
    flex: 1;
    display: flex;
    flex-direction: column;
    padding: .5rem 0;
    overflow-y: auto;
    max-height: 320px;
}

.db-agenda-item[b-iqjcel0dra] {
    display: flex;
    align-items: flex-start;
    gap: .75rem;
    padding: .75rem 1.3rem;
    border-bottom: 1px solid var(--sollas-border);
    transition: background .18s;
}

.db-agenda-item:last-child[b-iqjcel0dra] { border-bottom: none; }
.db-agenda-item:hover[b-iqjcel0dra] { background: rgba(29,158,117,.04); }

.db-agenda-time[b-iqjcel0dra] {
    display: flex;
    flex-direction: column;
    align-items: flex-end;
    gap: .1rem;
    min-width: 44px;
    flex-shrink: 0;
    padding-top: .1rem;
}

.db-time-start[b-iqjcel0dra] { font-size: .8rem; font-weight: 700; color: var(--sollas-text-main); }
.db-time-end[b-iqjcel0dra]   { font-size: .68rem; color: var(--sollas-text-muted); }

.db-agenda-dot-wrap[b-iqjcel0dra] {
    display: flex;
    flex-direction: column;
    align-items: center;
    gap: .2rem;
    flex-shrink: 0;
    padding-top: .2rem;
}

.db-agenda-dot[b-iqjcel0dra] {
    width: 9px;
    height: 9px;
    border-radius: 50%;
    flex-shrink: 0;
}

.db-agenda-dot.pending[b-iqjcel0dra]   { background: #F59E0B; box-shadow: 0 0 6px rgba(245,158,11,.5); }
.db-agenda-dot.ongoing[b-iqjcel0dra]   { background: #3B82F6; box-shadow: 0 0 6px rgba(59,130,246,.5); }
.db-agenda-dot.completed[b-iqjcel0dra] { background: #10B981; box-shadow: 0 0 6px rgba(16,185,129,.5); }
.db-agenda-dot.cancelled[b-iqjcel0dra] { background: #6B7280; }

.db-agenda-line-v[b-iqjcel0dra] {
    flex: 1;
    width: 1.5px;
    background: var(--sollas-border);
    min-height: 24px;
    border-radius: 1px;
}

.db-agenda-info[b-iqjcel0dra] {
    flex: 1;
    display: flex;
    flex-direction: column;
    gap: .15rem;
    min-width: 0;
}

.db-agenda-title[b-iqjcel0dra] {
    font-size: .84rem;
    font-weight: 600;
    color: var(--sollas-text-main);
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis;
}

.db-agenda-client[b-iqjcel0dra] {
    font-size: .72rem;
    color: var(--sollas-text-muted);
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis;
}

/* ── OS Status Panel ──────────────────────────────────────── */
.db-os-status-grid[b-iqjcel0dra] {
    display: flex;
    flex-direction: column;
    gap: .1rem;
    padding: .9rem 1.3rem .4rem;
}

.db-os-status-item[b-iqjcel0dra] { padding: .5rem 0; }

.db-os-si-top[b-iqjcel0dra] {
    display: flex;
    align-items: center;
    gap: .5rem;
    margin-bottom: .4rem;
}

.db-os-dot[b-iqjcel0dra] {
    width: 7px;
    height: 7px;
    border-radius: 50%;
    flex-shrink: 0;
}

.db-dot-orange[b-iqjcel0dra] { background: #F59E0B; }
.db-dot-blue[b-iqjcel0dra]   { background: #3B82F6; }
.db-dot-green[b-iqjcel0dra]  { background: #10B981; }
.db-dot-gray[b-iqjcel0dra]   { background: #6B7280; }
.db-dot-red[b-iqjcel0dra]    { background: #EF4444; }

.db-os-count[b-iqjcel0dra] {
    font-size: 1.05rem;
    font-weight: 800;
    line-height: 1;
    min-width: 28px;
}

.db-os-pending-color[b-iqjcel0dra]   { color: #F59E0B; }
.db-os-ongoing-color[b-iqjcel0dra]   { color: #3B82F6; }
.db-os-done-color[b-iqjcel0dra]      { color: #10B981; }
.db-os-cancelled-color[b-iqjcel0dra] { color: #6B7280; }

.db-os-label[b-iqjcel0dra] {
    flex: 1;
    font-size: .78rem;
    font-weight: 500;
    color: var(--sollas-text-muted);
}

.db-os-pct[b-iqjcel0dra] {
    font-size: .72rem;
    font-weight: 700;
    color: var(--sollas-text-muted);
    min-width: 34px;
    text-align: right;
}

.db-os-bar[b-iqjcel0dra] {
    height: 5px;
    background: var(--sollas-border);
    border-radius: 999px;
    overflow: hidden;
}

.db-os-fill[b-iqjcel0dra] {
    height: 100%;
    border-radius: 999px;
    transition: width .6s cubic-bezier(.4,0,.2,1);
    min-width: 2px;
}

.db-fill-orange[b-iqjcel0dra] { background: linear-gradient(90deg, #F59E0B, #F7B731); }
.db-fill-blue[b-iqjcel0dra]   { background: linear-gradient(90deg, #3B82F6, #60A5FA); }
.db-fill-green[b-iqjcel0dra]  { background: linear-gradient(90deg, #10B981, #34D399); }
.db-fill-gray[b-iqjcel0dra]   { background: linear-gradient(90deg, #6B7280, #9CA3AF); }

.db-os-concluded-row[b-iqjcel0dra] {
    display: flex;
    align-items: center;
    gap: .4rem;
    padding: .6rem 1.3rem .85rem;
    font-size: .76rem;
    font-weight: 600;
    color: #10B981;
    border-top: 1px solid var(--sollas-border);
    margin-top: .4rem;
}

/* ── Alert Panel ──────────────────────────────────────────── */
.db-alert-list[b-iqjcel0dra] {
    display: flex;
    flex-direction: column;
    padding: .35rem 0;
}

.db-alert-item[b-iqjcel0dra] {
    display: flex;
    align-items: center;
    gap: .7rem;
    padding: .65rem 1.3rem;
    border-bottom: 1px solid var(--sollas-border);
    transition: background .18s;
}

.db-alert-item:last-child[b-iqjcel0dra] { border-bottom: none; }
.db-alert-item:hover[b-iqjcel0dra] { background: rgba(239,68,68,.03); }

.db-alert-dot[b-iqjcel0dra] {
    width: 8px;
    height: 8px;
    border-radius: 50%;
    flex-shrink: 0;
}

.db-dot-orange[b-iqjcel0dra] { background: #F59E0B; box-shadow: 0 0 5px rgba(245,158,11,.5); }
.db-dot-red[b-iqjcel0dra]    { background: #EF4444; box-shadow: 0 0 5px rgba(239,68,68,.5); }

.db-alert-info[b-iqjcel0dra] {
    flex: 1;
    display: flex;
    flex-direction: column;
    gap: .1rem;
    min-width: 0;
}

.db-alert-name[b-iqjcel0dra] {
    font-size: .82rem;
    font-weight: 600;
    color: var(--sollas-text-main);
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis;
}

.db-alert-tag[b-iqjcel0dra] {
    font-size: .67rem;
    font-weight: 700;
    letter-spacing: .04em;
    text-transform: uppercase;
    padding: .08rem .4rem;
    border-radius: 4px;
    width: fit-content;
}

.db-tag-orange[b-iqjcel0dra] { color: #F59E0B; background: rgba(245,158,11,.1); }
.db-tag-red[b-iqjcel0dra]    { color: #EF4444; background: rgba(239,68,68,.1); }

.db-alert-value[b-iqjcel0dra]        { font-size: .82rem; font-weight: 700; color: var(--sollas-text-main); white-space: nowrap; }
.db-alert-value-red[b-iqjcel0dra]    { color: #EF4444; }

/* ── Empty States ─────────────────────────────────────────── */
.db-empty-state[b-iqjcel0dra] {
    display: flex;
    flex-direction: column;
    align-items: center;
    justify-content: center;
    gap: .6rem;
    padding: 2.5rem 1rem;
    color: var(--sollas-text-muted);
    font-size: .82rem;
    font-weight: 500;
    text-align: center;
    flex: 1;
}

.db-empty-state svg[b-iqjcel0dra] { opacity: .3; }

.db-empty-ok[b-iqjcel0dra] { color: #10B981; }
.db-empty-ok svg[b-iqjcel0dra] { opacity: 1; }

/* ── Status Pills ─────────────────────────────────────────── */
.db-status-pill[b-iqjcel0dra] {
    display: inline-flex;
    align-items: center;
    padding: .2rem .55rem;
    border-radius: 999px;
    font-size: .67rem;
    font-weight: 700;
    letter-spacing: .05em;
    text-transform: uppercase;
    white-space: nowrap;
    flex-shrink: 0;
}

.db-status-pill.pending[b-iqjcel0dra]   { background: rgba(245,158,11,.12); color: #F59E0B; border: 1px solid rgba(245,158,11,.2); }
.db-status-pill.ongoing[b-iqjcel0dra]   { background: rgba(59,130,246,.12);  color: #3B82F6; border: 1px solid rgba(59,130,246,.2); }
.db-status-pill.completed[b-iqjcel0dra] { background: rgba(16,185,129,.12);  color: #10B981; border: 1px solid rgba(16,185,129,.2); }
.db-status-pill.cancelled[b-iqjcel0dra] { background: rgba(107,114,128,.1);  color: #6B7280; border: 1px solid rgba(107,114,128,.2); }

/* ── OS Table ─────────────────────────────────────────────── */
.db-table-panel[b-iqjcel0dra] { margin-bottom: 1rem; }

.db-os-table[b-iqjcel0dra] { display: flex; flex-direction: column; }

.db-os-th[b-iqjcel0dra] {
    display: grid;
    grid-template-columns: 90px 1fr 130px 110px 80px;
    gap: .5rem;
    padding: .55rem 1.3rem;
    background: rgba(255,255,255,.025);
    border-bottom: 1px solid var(--sollas-border);
    font-size: .68rem;
    font-weight: 700;
    text-transform: uppercase;
    letter-spacing: .07em;
    color: var(--sollas-text-muted);
}

.db-os-row[b-iqjcel0dra] {
    display: grid;
    grid-template-columns: 90px 1fr 130px 110px 80px;
    gap: .5rem;
    padding: .75rem 1.3rem;
    border-bottom: 1px solid var(--sollas-border);
    align-items: center;
    transition: background .18s, transform .18s;
}

.db-os-row:last-child[b-iqjcel0dra] { border-bottom: none; }

.db-os-row:hover[b-iqjcel0dra] {
    background: linear-gradient(90deg, rgba(29,158,117,.05) 0%, rgba(29,158,117,.01) 100%);
    transform: translateX(2px);
}

.db-os-num[b-iqjcel0dra] {
    font-size: .8rem;
    font-weight: 700;
    color: var(--sollas-primary);
    font-family: 'JetBrains Mono', monospace;
}

.db-os-client[b-iqjcel0dra] {
    font-size: .82rem;
    font-weight: 500;
    color: var(--sollas-text-main);
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis;
}

.db-os-valor[b-iqjcel0dra] {
    font-size: .82rem;
    font-weight: 700;
    color: #10B981;
}

.db-os-date[b-iqjcel0dra] {
    font-size: .78rem;
    color: var(--sollas-text-muted);
}

.db-tr[b-iqjcel0dra] { text-align: right; }

/* ── Skeleton ─────────────────────────────────────────────── */
.db-skel-card[b-iqjcel0dra] {
    height: 160px;
    border-radius: 16px;
    border: 1px solid var(--sollas-border);
    background: var(--sollas-surface);
    position: relative;
    overflow: hidden;
}

.db-skel-panel[b-iqjcel0dra] {
    border-radius: 18px;
    border: 1px solid var(--sollas-border);
    background: var(--sollas-surface);
    position: relative;
    overflow: hidden;
}

.db-skel-card[b-iqjcel0dra],
.db-skel-panel[b-iqjcel0dra] {
    animation: db-skel-pulse-b-iqjcel0dra 1.8s ease-in-out infinite;
}

.db-skel-shine[b-iqjcel0dra] {
    position: absolute;
    inset: 0;
    background: linear-gradient(90deg,
        transparent 0%,
        rgba(255,255,255,.08) 40%,
        rgba(255,255,255,.18) 50%,
        rgba(255,255,255,.08) 60%,
        transparent 100%);
    background-size: 200% 100%;
    animation: db-skel-shimmer-b-iqjcel0dra 1.6s ease-in-out infinite;
}

@keyframes db-skel-pulse-b-iqjcel0dra {
    0%, 100% { opacity: 1; }
    50%       { opacity: .7; }
}

@keyframes db-skel-shimmer-b-iqjcel0dra {
    0%   { background-position: -200% 0; }
    100% { background-position:  200% 0; }
}

/* ════════════════════════════════════════════════════════════
   DARK MODE
   ════════════════════════════════════════════════════════════ */
:global([data-theme="dark"]) .db-page[b-iqjcel0dra] {
    background:
        radial-gradient(ellipse at 15%  8%, rgba(16,185,129,.07) 0%, transparent 50%),
        radial-gradient(ellipse at 85% 85%, rgba(139,92,246,.05) 0%, transparent 50%),
        radial-gradient(ellipse at 50% 50%, rgba(59,130,246,.03) 0%, transparent 70%),
        var(--sollas-bg);
}

:global([data-theme="dark"]) .db-panel-header[b-iqjcel0dra] {
    border-bottom-color: #1C2D42;
}

:global([data-theme="dark"]) .db-agenda-item:hover[b-iqjcel0dra] {
    background: rgba(29,158,117,.06);
}

:global([data-theme="dark"]) .db-os-bar[b-iqjcel0dra] {
    background: rgba(255,255,255,.06);
}

:global([data-theme="dark"]) .db-alert-item:hover[b-iqjcel0dra] {
    background: rgba(239,68,68,.04);
}

:global([data-theme="dark"]) .db-os-row:hover[b-iqjcel0dra] {
    background: linear-gradient(90deg, rgba(29,158,117,.08) 0%, rgba(29,158,117,.02) 100%);
}

:global([data-theme="dark"]) .db-os-th[b-iqjcel0dra] {
    background: rgba(255,255,255,.02);
    border-bottom-color: #1C2D42;
}

:global([data-theme="dark"]) .db-os-row[b-iqjcel0dra] { border-bottom-color: #1C2D42; }
:global([data-theme="dark"]) .db-agenda-item[b-iqjcel0dra] { border-bottom-color: #1C2D42; }
:global([data-theme="dark"]) .db-alert-item[b-iqjcel0dra]  { border-bottom-color: #1C2D42; }
:global([data-theme="dark"]) .db-agenda-line-v[b-iqjcel0dra] { background: #1C2D42; }
:global([data-theme="dark"]) .db-os-concluded-row[b-iqjcel0dra] { border-top-color: #1C2D42; }
:global([data-theme="dark"]) .db-os-status-item[b-iqjcel0dra] { border-color: #1C2D42; }
:global([data-theme="dark"]) .db-panel-link[b-iqjcel0dra] { border-top-color: #1C2D42; }

:global([data-theme="dark"]) .db-skel-card[b-iqjcel0dra],
:global([data-theme="dark"]) .db-skel-panel[b-iqjcel0dra] {
    background: linear-gradient(135deg, #132030 0%, #0F1B2D 100%);
    border-color: #1C2D42;
}

:global([data-theme="dark"]) .db-skel-shine[b-iqjcel0dra] {
    background: linear-gradient(90deg,
        transparent 0%,
        rgba(255,255,255,.04) 40%,
        rgba(255,255,255,.08) 50%,
        rgba(255,255,255,.04) 60%,
        transparent 100%);
    background-size: 200% 100%;
}

/* ════════════════════════════════════════════════════════════
   RESPONSIVE
   ════════════════════════════════════════════════════════════ */
@media (max-width: 1100px) {
    .db-main-grid[b-iqjcel0dra]      { grid-template-columns: 1fr; }
    .db-secondary-grid[b-iqjcel0dra] { grid-template-columns: 1fr; }
    .db-os-th[b-iqjcel0dra],
    .db-os-row[b-iqjcel0dra] { grid-template-columns: 80px 1fr 120px 100px; }
    .db-os-th  span:last-child[b-iqjcel0dra],
    .db-os-row span:last-child[b-iqjcel0dra] { display: none; }
}

@media (max-width: 768px) {
    .db-page[b-iqjcel0dra] { padding: 1rem 1rem 6rem; }
    .db-greeting[b-iqjcel0dra] { font-size: 1.35rem; }
    .db-header[b-iqjcel0dra] { flex-direction: column; gap: 1rem; }
    .db-quick-actions[b-iqjcel0dra] { gap: .4rem; }
    .db-qa-btn[b-iqjcel0dra] { padding: .4rem .7rem; font-size: .72rem; }
    .db-os-th[b-iqjcel0dra],
    .db-os-row[b-iqjcel0dra] { grid-template-columns: 70px 1fr 110px; }
    .db-os-th  span:nth-child(4)[b-iqjcel0dra],
    .db-os-th  span:nth-child(5)[b-iqjcel0dra],
    .db-os-row span:nth-child(4)[b-iqjcel0dra],
    .db-os-row span:nth-child(5)[b-iqjcel0dra] { display: none; }
}
/* /Pages/Financeiro/Financeiro.razor.rz.scp.css */
/* Financeiro.razor.css — apenas estilos page-specific */

.lp-page[b-3c1vbs640i] {
    min-height: 100vh;
    padding: 28px 28px 100px;
    background:
        radial-gradient(ellipse at 20% 10%, rgba(16,185,129,0.06) 0%, transparent 55%),
        radial-gradient(ellipse at 80% 80%, rgba(139,92,246,0.05) 0%, transparent 55%),
        var(--sollas-bg);
    box-sizing: border-box;
}

/* ── Tabs bar ────────────────────────────────────────────── */
.fn-tabs-bar[b-3c1vbs640i] {
    display: flex;
    gap: 2px;
    padding: 16px 20px 0;
    border-bottom: 1px solid var(--sollas-border);
}

.fn-tab[b-3c1vbs640i] {
    display: flex;
    align-items: center;
    gap: 7px;
    padding: 10px 18px;
    background: none;
    border: none;
    border-bottom: 2px solid transparent;
    margin-bottom: -1px;
    font-family: var(--sollas-font);
    font-size: 0.875rem;
    font-weight: 600;
    color: var(--sollas-text-muted);
    cursor: pointer;
    border-radius: 8px 8px 0 0;
    transition: color 0.15s, background 0.15s, border-color 0.15s;
    white-space: nowrap;
}
.fn-tab:hover[b-3c1vbs640i] { color: var(--sollas-text-main); background: var(--sollas-bg); }
.fn-tab.active[b-3c1vbs640i] { color: var(--sollas-primary); border-bottom-color: var(--sollas-primary); background: none; }

.fn-tab-badge[b-3c1vbs640i] {
    display: inline-flex;
    align-items: center;
    justify-content: center;
    min-width: 20px; height: 20px;
    padding: 0 6px; border-radius: 999px;
    font-size: 0.7rem; font-weight: 700; line-height: 1;
}
.fn-badge-receber[b-3c1vbs640i] { background: rgba(59,130,246,0.15); color: #3B82F6; }
.fn-badge-pagar[b-3c1vbs640i]   { background: rgba(245,158,11,0.15); color: #F59E0B; }

/* ── Grid layouts (override lp-col-header/lp-filter-bar/lp-card-row flex) ── */
/* Duas tabelas na mesma página — cada uma define seu template
   para o sistema global de listagem (--lp-grid) */
.fn-cols-receber[b-3c1vbs640i] {
    --lp-grid:
        minmax(140px, 1fr)   /* origem */
        minmax(92px, .35fr)  /* parc   */
        minmax(110px, .5fr)  /* valor  */
        minmax(100px, .45fr) /* venc   */
        minmax(100px, .45fr) /* receb  */
        minmax(104px, .45fr) /* status */
        120px;               /* ações  */
}
.fn-cols-pagar[b-3c1vbs640i] {
    --lp-grid:
        minmax(140px, 1fr)   /* desc   */
        minmax(100px, .5fr)  /* tipo   */
        minmax(92px, .35fr)  /* parc   */
        minmax(110px, .5fr)  /* valor  */
        minmax(100px, .45fr) /* venc   */
        minmax(100px, .45fr) /* pagto  */
        minmax(104px, .45fr) /* status */
        120px;               /* ações  */
}

/* Valores monetários alinhados à direita (padrão SaaS para colunas numéricas)
   — datas/status/parcela centralizados já vêm do sistema global */
.fn-cols-receber .lp-ch-cell.col-valor[b-3c1vbs640i],
.fn-cols-pagar   .lp-ch-cell.col-valor[b-3c1vbs640i] { text-align: right; justify-content: flex-end; }
.fn-cols-receber .lp-cr-col.col-valor[b-3c1vbs640i],
.fn-cols-pagar   .lp-cr-col.col-valor[b-3c1vbs640i]  { justify-content: flex-end; }
.lp-filter-bar[b-3c1vbs640i]  .col-valor .lp-ff-input { text-align: right; }

/* ── Alert row ───────────────────────────────────────────── */
.fn-row-alerta[b-3c1vbs640i] { background: rgba(239,68,68,0.025) !important; }
.fn-row-alerta:hover[b-3c1vbs640i] { background: rgba(239,68,68,0.05) !important; }

/* ── Origem cell (A Receber) ─────────────────────────────── */
.fn-origem-cell[b-3c1vbs640i] { display: flex; align-items: center; min-width: 0; }
.fn-origem-title[b-3c1vbs640i] {
    font-size: 0.875rem; font-weight: 600; color: var(--sollas-text-main);
    white-space: nowrap; overflow: hidden; text-overflow: ellipsis;
}
.fn-origem-sub[b-3c1vbs640i] {
    font-size: 0.78rem; color: var(--sollas-text-muted);
    white-space: nowrap; overflow: hidden; text-overflow: ellipsis;
}

/* ── Text styles ─────────────────────────────────────────── */
.fn-muted[b-3c1vbs640i] {
    font-size: 0.875rem; color: var(--sollas-text-muted);
    white-space: nowrap; overflow: hidden; text-overflow: ellipsis;
}
.fn-valor[b-3c1vbs640i] { font-size: 0.9rem; font-weight: 600; color: var(--sollas-text-main); white-space: nowrap; }
.fn-desc-text[b-3c1vbs640i] {
    font-size: 0.875rem; font-weight: 500; color: var(--sollas-text-main);
    white-space: nowrap; overflow: hidden; text-overflow: ellipsis;
}

/* ── Date vencida ────────────────────────────────────────── */
.fn-date-vencida[b-3c1vbs640i] {
    color: #EF4444; font-weight: 600; font-size: 0.875rem;
    display: flex; align-items: center; gap: 5px; white-space: nowrap;
}
.fn-venc-tag[b-3c1vbs640i] {
    font-size: 0.68rem; font-weight: 700;
    background: rgba(239,68,68,0.12); color: #EF4444;
    border-radius: 4px; padding: 1px 5px;
    text-transform: uppercase; letter-spacing: 0.02em;
}

/* ── Status badge ────────────────────────────────────────── */
.fn-badge[b-3c1vbs640i] {
    display: inline-block; font-size: 0.72rem; font-weight: 600;
    border-radius: 999px; padding: 3px 10px; white-space: nowrap;
}
.fn-pendente[b-3c1vbs640i]  { background: rgba(245,158,11,0.12);  color: #D97706; }
.fn-pago[b-3c1vbs640i]      { background: rgba(16,185,129,0.12);  color: #059669; }
.fn-vencida[b-3c1vbs640i]   { background: rgba(239,68,68,0.12);   color: #DC2626; }
.fn-cancelado[b-3c1vbs640i] { background: rgba(148,163,184,0.12); color: #64748B; }

/* ── Check action button (green variant) ─────────────────── */
.fn-btn-check:hover[b-3c1vbs640i] {
    color: #10B981 !important;
    background: rgba(16,185,129,0.1) !important;
}

/* ══ Toolbar padrão DataTables ═══════════════════════════── */
.fn-dt-toolbar[b-3c1vbs640i] {
    display: flex;
    align-items: center;
    justify-content: space-between;
    gap: 1rem;
    flex-wrap: wrap;
    padding: .8rem 1.25rem .8rem 1.5rem;
    border-bottom: 1px solid var(--sollas-border);
    background: rgba(0,0,0,.01);
}

.fn-dt-show[b-3c1vbs640i] {
    display: inline-flex;
    align-items: center;
    gap: .5rem;
    font-size: .82rem;
    font-weight: 500;
    color: var(--sollas-text-main);
    white-space: nowrap;
}

.fn-dt-select[b-3c1vbs640i] {
    height: 34px;
    padding: 0 .6rem;
    border-radius: 8px;
    border: 1.5px solid var(--sollas-border);
    background: var(--sollas-surface);
    color: var(--sollas-text-main);
    font-size: .8rem;
    font-family: var(--sollas-font);
    cursor: pointer;
    transition: border-color .15s;
}
.fn-dt-select:focus[b-3c1vbs640i] { outline: none; border-color: var(--sollas-primary); }

.fn-dt-right[b-3c1vbs640i] {
    display: flex;
    align-items: center;
    gap: .75rem;
    flex-wrap: wrap;
}

.fn-dt-search-label[b-3c1vbs640i] {
    display: inline-flex;
    align-items: center;
    gap: .5rem;
    font-size: .82rem;
    font-weight: 500;
    color: var(--sollas-text-main);
    white-space: nowrap;
}

/* Largura da busca global (FilterField dentro do label) */
.fn-dt-search-label[b-3c1vbs640i]  .fn-dt-search { width: 230px; }

.fn-dt-export[b-3c1vbs640i] { display: flex; gap: 0; }

.fn-dt-btn[b-3c1vbs640i] {
    height: 34px;
    padding: 0 14px;
    border: 1.5px solid var(--sollas-border);
    background: var(--sollas-surface);
    color: var(--sollas-text-main);
    font-size: .78rem;
    font-weight: 600;
    font-family: var(--sollas-font);
    cursor: pointer;
    transition: background .15s, color .15s, border-color .15s;
}
.fn-dt-btn:first-child[b-3c1vbs640i] { border-radius: 8px 0 0 8px; }
.fn-dt-btn:last-child[b-3c1vbs640i]  { border-radius: 0 8px 8px 0; }
.fn-dt-btn + .fn-dt-btn[b-3c1vbs640i] { border-left: none; }
.fn-dt-btn:hover[b-3c1vbs640i] {
    background: var(--sollas-primary-light);
    color: var(--sollas-primary);
}

/* Linha de info "Mostrando de X até Y" */
.fn-dt-info[b-3c1vbs640i] {
    display: flex;
    align-items: center;
    justify-content: space-between;
    gap: 1rem;
    padding: .5rem 1.25rem .5rem 1.5rem;
    font-size: .78rem;
    color: var(--sollas-text-muted);
    border-bottom: 1px solid var(--sollas-border);
}

/* ══ Cabeçalhos ordenáveis ═══════════════════════════════── */
.fn-sortable[b-3c1vbs640i] {
    display: inline-flex;
    align-items: center;
    gap: 6px;
    border: none;
    background: none;
    padding: 0 13px; /* mesmo recuo global das células */
    margin: 0;
    cursor: pointer;
    font-family: var(--sollas-font);
    text-align: left;
    transition: color .15s;
}
.fn-sortable:hover[b-3c1vbs640i] { color: var(--sollas-primary); }

.fn-sort-ic[b-3c1vbs640i] {
    display: inline-flex;
    flex-direction: column;
    gap: 1px;
    flex-shrink: 0;
}
.fn-sort-up[b-3c1vbs640i], .fn-sort-dn[b-3c1vbs640i] {
    width: 0; height: 0;
    border-left: 4px solid transparent;
    border-right: 4px solid transparent;
    opacity: .3;
    transition: opacity .15s;
}
.fn-sort-up[b-3c1vbs640i] { border-bottom: 4px solid currentColor; }
.fn-sort-dn[b-3c1vbs640i] { border-top: 4px solid currentColor; }
.fn-sort-asc  .fn-sort-up[b-3c1vbs640i] { opacity: 1; color: var(--sollas-primary); }
.fn-sort-desc .fn-sort-dn[b-3c1vbs640i] { opacity: 1; color: var(--sollas-primary); }
.fn-sort-asc[b-3c1vbs640i], .fn-sort-desc[b-3c1vbs640i] { color: var(--sollas-primary); }

/* Alinhamento dos cabeçalhos ordenáveis — padrão Pedidos:
   Valor à direita; Parcela, datas e Status centralizados.
   (regras da página vencem a disputa com .fn-sortable) */
.lp-col-header .fn-sortable.col-valor[b-3c1vbs640i]  { justify-content: flex-end; }
.lp-col-header .fn-sortable.col-parc[b-3c1vbs640i],
.lp-col-header .fn-sortable.col-venc[b-3c1vbs640i],
.lp-col-header .fn-sortable.col-receb[b-3c1vbs640i],
.lp-col-header .fn-sortable.col-pagto[b-3c1vbs640i],
.lp-col-header .fn-sortable.col-status[b-3c1vbs640i] { justify-content: center; }

/* Células de status centralizadas (explícito, vence qualquer disputa) */
.fn-cols-receber .lp-cr-col.col-status[b-3c1vbs640i],
.fn-cols-pagar   .lp-cr-col.col-status[b-3c1vbs640i] { justify-content: center; }

/* ══ Paginação Anterior / Seguinte ═══════════════════════── */
.fn-page-nav[b-3c1vbs640i] {
    height: 30px;
    padding: 0 12px;
    border-radius: 8px;
    border: 1.5px solid var(--sollas-border);
    background: var(--sollas-surface);
    color: var(--sollas-text-main);
    font-size: .76rem;
    font-weight: 600;
    font-family: var(--sollas-font);
    cursor: pointer;
    transition: all .15s;
}
.fn-page-nav:hover:not(:disabled)[b-3c1vbs640i] {
    background: var(--sollas-primary-light);
    border-color: var(--sollas-primary);
    color: var(--sollas-primary);
}
.fn-page-nav:disabled[b-3c1vbs640i] { opacity: .4; cursor: not-allowed; }

/* ══ Barra de Valor Total ════════════════════════════════── */
.fn-total-bar[b-3c1vbs640i] {
    display: flex;
    align-items: center;
    justify-content: flex-end;
    gap: 1.5rem;
    padding: .8rem 1.5rem;
    border-top: 2px solid var(--sollas-border);
    background: rgba(0,0,0,.015);
}
.fn-total-label[b-3c1vbs640i] {
    font-size: .82rem;
    font-weight: 700;
    color: var(--sollas-text-main);
}
.fn-total-value[b-3c1vbs640i] {
    font-size: 1rem;
    font-weight: 800;
    color: var(--sollas-primary);
    font-variant-numeric: tabular-nums;
}

/* ── FilterSelect overrides ──────────────────────────────── */
.fn-ff-sel[b-3c1vbs640i] { padding: 0; }
.fn-ff-sel[b-3c1vbs640i]  .fsel-wrap { width: 100%; height: 100%; }
.fn-ff-sel[b-3c1vbs640i]  .fsel-trigger {
    border: none; border-radius: 0; background: transparent;
    box-shadow: none !important; min-height: auto; height: 34px;
    justify-content: center; padding-left: 26px; /* simétrico ao chevron (26px à direita) */
}
.fn-ff-sel[b-3c1vbs640i]  .fsel-trigger:hover,
.fn-ff-sel[b-3c1vbs640i]  .fsel-trigger.open { background: transparent; border-color: transparent; }

/* ── Dark mode ───────────────────────────────────────────── */
:global([data-theme="dark"]) .lp-page[b-3c1vbs640i] {
    background:
        radial-gradient(ellipse at 20% 10%, rgba(16,185,129,0.06) 0%, transparent 55%),
        radial-gradient(ellipse at 80% 80%, rgba(139,92,246,0.05) 0%, transparent 55%),
        var(--sollas-bg);
}
:global([data-theme="dark"]) .fn-tabs-bar[b-3c1vbs640i] { border-color: #1C2D42; }
:global([data-theme="dark"]) .fn-tab:hover[b-3c1vbs640i] { background: #0d1828; }
:global([data-theme="dark"]) .fn-row-alerta[b-3c1vbs640i] { background: rgba(239,68,68,0.04) !important; }

:global([data-theme="dark"]) .fn-dt-toolbar[b-3c1vbs640i] { background: rgba(255,255,255,.02); border-bottom-color: rgba(255,255,255,.07); }
:global([data-theme="dark"]) .fn-dt-info[b-3c1vbs640i]    { border-bottom-color: rgba(255,255,255,.07); }
:global([data-theme="dark"]) .fn-dt-select[b-3c1vbs640i],
:global([data-theme="dark"]) .fn-dt-btn[b-3c1vbs640i],
:global([data-theme="dark"]) .fn-page-nav[b-3c1vbs640i]   { background: rgba(255,255,255,.04); border-color: rgba(255,255,255,.1); }
:global([data-theme="dark"]) .fn-dt-btn:hover[b-3c1vbs640i],
:global([data-theme="dark"]) .fn-page-nav:hover:not(:disabled)[b-3c1vbs640i] { background: rgba(29,158,117,.14); border-color: rgba(29,158,117,.35); }
:global([data-theme="dark"]) .fn-total-bar[b-3c1vbs640i]  { background: rgba(255,255,255,.02); border-top-color: rgba(255,255,255,.1); }

/* ── Responsive ──────────────────────────────────────────── */
/* Notebooks: esconde as datas de baixa (recebimento/pagamento) */
@media (max-width: 1280px) {
    .col-receb[b-3c1vbs640i], .col-pagto[b-3c1vbs640i] { display: none !important; }
    .lp-filter-bar[b-3c1vbs640i]  .col-receb,
    .lp-filter-bar[b-3c1vbs640i]  .col-pagto { display: none !important; }
    .fn-cols-receber[b-3c1vbs640i] { --lp-grid: minmax(130px,1fr) minmax(92px,.35fr) minmax(110px,.5fr) minmax(100px,.45fr) minmax(104px,.45fr) 120px; }
    .fn-cols-pagar[b-3c1vbs640i]   { --lp-grid: minmax(130px,1fr) minmax(100px,.5fr) minmax(92px,.35fr) minmax(110px,.5fr) minmax(100px,.45fr) minmax(104px,.45fr) 120px; }
}

/* Tablets/celulares: mantém origem/descrição, valor, vencimento, status e ações */
@media (max-width: 900px) {
    .lp-page[b-3c1vbs640i] { padding: 16px 12px 100px; }
    .col-receb[b-3c1vbs640i], .col-pagto[b-3c1vbs640i], .col-tipo[b-3c1vbs640i], .col-parc[b-3c1vbs640i] { display: none !important; }
    .lp-filter-bar[b-3c1vbs640i]  .col-receb,
    .lp-filter-bar[b-3c1vbs640i]  .col-pagto,
    .lp-filter-bar[b-3c1vbs640i]  .col-tipo,
    .lp-filter-bar[b-3c1vbs640i]  .col-parc { display: none !important; }
    .fn-cols-receber[b-3c1vbs640i],
    .fn-cols-pagar[b-3c1vbs640i] {
        --lp-grid: minmax(110px,1fr) minmax(104px,.5fr) minmax(96px,.45fr) minmax(104px,.5fr) 120px;
        column-gap: 8px;
    }
}
/* /Pages/Login/Login.razor.rz.scp.css */
/* ══════════════════════════════════════════════════════════════
   Login.razor.css — Tela de login premium (sempre dark)
   ══════════════════════════════════════════════════════════════ */

/* ── Root ────────────────────────────────────────────────────── */
.lg-root[b-3yaqp7erlm] {
    min-height: 100vh;
    display: flex;
    flex-direction: column;
    align-items: center;
    justify-content: center;
    padding: 1.5rem 1.5rem 3.5rem;
    position: relative;
    overflow: hidden;
    background: #030912;
    outline: none;

    /* Sobrescreve CSS vars para forçar dark nos inputs filhos */
    --sollas-surface: rgba(255, 255, 255, 0.05);
    --sollas-border: rgba(255, 255, 255, 0.1);
    --sollas-text-main: rgba(255, 255, 255, 0.92);
    --sollas-text-muted: rgba(255, 255, 255, 0.42);
    --sollas-bg: rgba(255, 255, 255, 0.03);
    --sollas-primary: #1D9E75;
    --sollas-primary-hover: #16a877;
    --sollas-primary-light: rgba(29, 158, 117, 0.12);
    --sollas-radius-sm: 6px;
    --sollas-radius-md: 10px;
    --sollas-radius-lg: 16px;
    --sollas-font: 'Plus Jakarta Sans', sans-serif;
}

/* ── Orbs de fundo ───────────────────────────────────────────── */
.lg-orb[b-3yaqp7erlm] {
    position: absolute;
    border-radius: 50%;
    pointer-events: none;
    filter: blur(90px);
    animation: lg-float-b-3yaqp7erlm 10s ease-in-out infinite;
}

.lg-orb-1[b-3yaqp7erlm] {
    width: 700px; height: 700px;
    top: -260px; left: -210px;
    background: radial-gradient(circle, rgba(29, 158, 117, 0.24) 0%, transparent 65%);
    animation-delay: 0s;
}

.lg-orb-2[b-3yaqp7erlm] {
    width: 560px; height: 560px;
    bottom: -190px; right: -160px;
    background: radial-gradient(circle, rgba(139, 92, 246, 0.18) 0%, transparent 65%);
    animation-delay: -4s;
}

.lg-orb-3[b-3yaqp7erlm] {
    width: 360px; height: 360px;
    top: 38%; right: 12%;
    background: radial-gradient(circle, rgba(59, 130, 246, 0.1) 0%, transparent 65%);
    animation-delay: -7s;
}

@keyframes lg-float-b-3yaqp7erlm {
    0%, 100% { transform: translateY(0) scale(1); }
    50%       { transform: translateY(-28px) scale(1.06); }
}

/* ── Grid sutil ──────────────────────────────────────────────── */
.lg-grid[b-3yaqp7erlm] {
    position: absolute;
    inset: 0;
    background-image:
        linear-gradient(rgba(29, 158, 117, 0.03) 1px, transparent 1px),
        linear-gradient(90deg, rgba(29, 158, 117, 0.03) 1px, transparent 1px);
    background-size: 44px 44px;
    pointer-events: none;
}

/* ── Partículas flutuantes ───────────────────────────────────── */
.lg-particle[b-3yaqp7erlm] {
    position: absolute;
    border-radius: 50%;
    pointer-events: none;
    background: rgba(29, 158, 117, 0.55);
    animation: lg-particle-float-b-3yaqp7erlm linear infinite;
}

.lg-p-1[b-3yaqp7erlm] { width: 3px; height: 3px; left: 18%; top: 25%; animation-duration: 12s; animation-delay: 0s; }
.lg-p-2[b-3yaqp7erlm] { width: 2px; height: 2px; left: 72%; top: 60%; animation-duration: 9s;  animation-delay: -3s; background: rgba(139,92,246,.5); }
.lg-p-3[b-3yaqp7erlm] { width: 4px; height: 4px; left: 40%; top: 80%; animation-duration: 15s; animation-delay: -6s; }
.lg-p-4[b-3yaqp7erlm] { width: 2px; height: 2px; left: 85%; top: 20%; animation-duration: 11s; animation-delay: -1s; background: rgba(59,130,246,.4); }
.lg-p-5[b-3yaqp7erlm] { width: 3px; height: 3px; left: 55%; top: 10%; animation-duration: 13s; animation-delay: -5s; }

@keyframes lg-particle-float-b-3yaqp7erlm {
    0%   { transform: translateY(0) translateX(0); opacity: 0; }
    10%  { opacity: 1; }
    90%  { opacity: 1; }
    100% { transform: translateY(-80px) translateX(20px); opacity: 0; }
}

/* ── Card glassmorphism ──────────────────────────────────────── */
.lg-card[b-3yaqp7erlm] {
    position: relative;
    width: 100%;
    max-width: 420px;
    background: linear-gradient(180deg, rgba(255,255,255,0.045), rgba(255,255,255,0.022));
    backdrop-filter: blur(30px);
    -webkit-backdrop-filter: blur(30px);
    border: 1px solid rgba(29, 158, 117, 0.15);
    border-radius: 24px;
    padding: 2.6rem 2.4rem 2.2rem;
    box-shadow:
        0 0 0 1px rgba(29, 158, 117, 0.14),
        0 0 40px rgba(29, 158, 117, 0.14),
        0 0 100px rgba(29, 158, 117, 0.09),
        0 0 160px rgba(10, 80, 60, 0.3),
        0 32px 64px rgba(0, 0, 0, 0.6);
    z-index: 10;
    overflow: visible;
    transition: transform .35s ease, box-shadow .35s ease, border-color .35s ease;
    animation: lg-card-in-b-3yaqp7erlm .55s cubic-bezier(0.16, 1, 0.3, 1) both;
}

.lg-card:hover[b-3yaqp7erlm] {
    transform: translateY(-5px);
    border-color: rgba(29, 158, 117, 0.28);
    box-shadow:
        0 0 0 1px rgba(29, 158, 117, 0.24),
        0 0 55px rgba(29, 158, 117, 0.22),
        0 0 120px rgba(29, 158, 117, 0.15),
        0 0 200px rgba(10, 80, 60, 0.4),
        0 40px 80px rgba(0, 0, 0, 0.65);
}

/* Halo verde externo */
.lg-card[b-3yaqp7erlm]::before {
    content: '';
    position: absolute;
    top: -130px; left: -130px; right: -130px; bottom: -130px;
    background: radial-gradient(circle, rgba(12, 85, 60, 0.28) 0%, rgba(12, 85, 60, 0.12) 40%, transparent 70%);
    filter: blur(80px);
    z-index: -2;
    pointer-events: none;
}

/* Reflexo interno superior */
.lg-card[b-3yaqp7erlm]::after {
    content: '';
    position: absolute;
    inset: 0;
    border-radius: 24px;
    background: linear-gradient(180deg, rgba(255,255,255,.055) 0%, transparent 18%);
    pointer-events: none;
}

@keyframes lg-card-in-b-3yaqp7erlm {
    from { opacity: 0; transform: translateY(22px) scale(0.97); }
    to   { opacity: 1; transform: translateY(0)    scale(1); }
}

/* Linha topo gradiente */
.lg-card-top-line[b-3yaqp7erlm] {
    position: absolute;
    top: 0; left: 0; right: 0;
    height: 2px;
    border-radius: 24px 24px 0 0;
    background: linear-gradient(
        90deg,
        transparent 0%,
        rgba(29, 158, 117, 0.85) 30%,
        rgba(60, 230, 170, 0.75) 50%,
        rgba(29, 158, 117, 0.85) 70%,
        transparent 100%
    );
    box-shadow: 0 0 18px rgba(29, 158, 117, 0.8);
    pointer-events: none;
}

/* Ornamento canto */
.lg-corner-ornament[b-3yaqp7erlm] {
    position: absolute;
    top: 0; right: 0;
    opacity: .6;
    pointer-events: none;
}

/* ── Logo ────────────────────────────────────────────────────── */
.lg-logo-wrap[b-3yaqp7erlm] {
    display: flex;
    justify-content: center;
    margin-bottom: 1.6rem;
}

.lg-logo[b-3yaqp7erlm] {
    height: 130px;
    width: auto;
    object-fit: contain;
    filter: drop-shadow(0 0 20px rgba(29, 158, 117, 0.4));
    transition: filter .35s, transform .35s;
}

.lg-logo:hover[b-3yaqp7erlm] {
    filter: drop-shadow(0 0 32px rgba(29, 158, 117, 0.65));
    transform: scale(1.03);
}

/* ── Divisor ─────────────────────────────────────────────────── */
.lg-divider[b-3yaqp7erlm] {
    display: flex;
    align-items: center;
    gap: .75rem;
    margin-bottom: 1.5rem;
}

.lg-divider-line[b-3yaqp7erlm] {
    flex: 1;
    height: 1px;
    background: linear-gradient(90deg, transparent, rgba(255,255,255,0.1), transparent);
}

.lg-divider-text[b-3yaqp7erlm] {
    font-size: .72rem;
    font-weight: 600;
    font-family: var(--sollas-font);
    color: rgba(255, 255, 255, 0.28);
    text-transform: uppercase;
    letter-spacing: .08em;
    white-space: nowrap;
}

/* ── Formulário ──────────────────────────────────────────────── */
.lg-form[b-3yaqp7erlm] {
    display: flex;
    flex-direction: column;
    gap: .9rem;
}

/* Field wrapper */
.lg-field-wrap[b-3yaqp7erlm] {
    display: flex;
    flex-direction: column;
    gap: 6px;
}

/* Label */
.lg-label[b-3yaqp7erlm] {
    font-size: 13px;
    font-weight: 600;
    color: rgba(255, 255, 255, 0.65);
    letter-spacing: .02em;
    font-family: var(--sollas-font);
}

/* Row: ícone + input (+ olho) */
.lg-input-row[b-3yaqp7erlm] {
    position: relative;
    display: flex;
    align-items: center;
}

/* Ícone esquerdo */
.lg-field-icon[b-3yaqp7erlm] {
    position: absolute;
    left: .9rem;
    top: 50%;
    transform: translateY(-50%);
    color: rgba(29, 158, 117, 0.6);
    pointer-events: none;
    display: flex;
    align-items: center;
    transition: color .2s;
    z-index: 1;
}

/* Input customizado (mesmo visual do SollasInput) */
.lg-input[b-3yaqp7erlm] {
    width: 100%;
    height: 48px;
    padding: 0 2.8rem 0 2.6rem;
    border: 1px solid rgba(255, 255, 255, 0.1);
    border-radius: var(--sollas-radius-sm);
    background: rgba(255, 255, 255, 0.05);
    color: rgba(255, 255, 255, 0.92);
    font-size: 15px;
    font-family: var(--sollas-font);
    outline: none;
    transition: border-color .2s, box-shadow .2s;
}

.lg-input[b-3yaqp7erlm]::placeholder {
    color: rgba(255, 255, 255, 0.25);
}

.lg-input:focus[b-3yaqp7erlm] {
    border-color: rgba(29, 158, 117, 0.6);
    box-shadow: 0 0 0 3px rgba(29, 158, 117, 0.13), 0 0 18px rgba(29, 158, 117, 0.08);
}

/* Ícone fica verde brilhante no foco */
.lg-input-row:focus-within .lg-field-icon[b-3yaqp7erlm] {
    color: var(--sollas-primary);
    filter: drop-shadow(0 0 4px rgba(29, 158, 117, 0.5));
}

/* Estado de erro */
.lg-input-error[b-3yaqp7erlm] {
    border-color: rgba(239, 68, 68, 0.5) !important;
    box-shadow: 0 0 0 3px rgba(239, 68, 68, 0.1) !important;
}

/* Botão olho (direita) */
.lg-eye-btn[b-3yaqp7erlm] {
    position: absolute;
    right: .75rem;
    top: 50%;
    transform: translateY(-50%);
    background: none;
    border: none;
    cursor: pointer;
    color: rgba(29, 158, 117, 0.55);
    padding: 0;
    display: flex;
    align-items: center;
    transition: color .2s, filter .2s;
    z-index: 1;
}

.lg-eye-btn:hover[b-3yaqp7erlm] {
    color: var(--sollas-primary);
    filter: drop-shadow(0 0 4px rgba(29, 158, 117, 0.5));
}

/* ── Erro ────────────────────────────────────────────────────── */
.lg-error[b-3yaqp7erlm] {
    display: flex;
    align-items: center;
    gap: .55rem;
    background: rgba(239, 68, 68, 0.1);
    color: #f87171;
    padding: .75rem 1rem;
    border-radius: var(--sollas-radius-md);
    border: 1px solid rgba(239, 68, 68, 0.2);
    font-size: .84rem;
    font-family: var(--sollas-font);
    animation: lg-shake-b-3yaqp7erlm .4s ease;
}

@keyframes lg-shake-b-3yaqp7erlm {
    0%, 100% { transform: translateX(0); }
    25%       { transform: translateX(-6px); }
    75%       { transform: translateX(6px); }
}

/* ── Botão Entrar ────────────────────────────────────────────── */
.lg-btn-enter[b-3yaqp7erlm] {
    display: flex;
    align-items: center;
    justify-content: center;
    gap: .55rem;
    width: 100%;
    padding: .9rem 1.2rem;
    background: linear-gradient(135deg, #1D9E75 0%, #148a63 100%);
    border: none;
    border-radius: var(--sollas-radius-md);
    color: #fff;
    font-size: .92rem;
    font-weight: 700;
    font-family: var(--sollas-font);
    letter-spacing: .02em;
    cursor: pointer;
    transition: transform .15s, box-shadow .2s, background .2s;
    box-shadow:
        0 0 24px rgba(29, 158, 117, 0.38),
        0 4px 14px rgba(0, 0, 0, 0.22);
    position: relative;
    overflow: hidden;
    margin-top: .3rem;
}

/* Shimmer sweep */
.lg-btn-enter[b-3yaqp7erlm]::before {
    content: '';
    position: absolute;
    top: 0; left: -100%; width: 65%; height: 100%;
    background: linear-gradient(90deg, transparent, rgba(255,255,255,0.14), transparent);
    transition: left .55s ease;
}

.lg-btn-enter:hover:not(:disabled)[b-3yaqp7erlm]::before { left: 150%; }

.lg-btn-enter:hover:not(:disabled)[b-3yaqp7erlm] {
    transform: translateY(-2px);
    background: linear-gradient(135deg, #22b886 0%, #1a9b7e 100%);
    box-shadow:
        0 0 40px rgba(29, 158, 117, 0.55),
        0 8px 24px rgba(0, 0, 0, 0.28);
}

.lg-btn-enter:active:not(:disabled)[b-3yaqp7erlm] { transform: translateY(0); }

.lg-btn-enter:disabled[b-3yaqp7erlm] {
    opacity: .65;
    cursor: not-allowed;
}

/* Spinner */
.lg-spinner[b-3yaqp7erlm] {
    width: 16px; height: 16px;
    border: 2px solid rgba(255,255,255,0.3);
    border-top-color: #fff;
    border-radius: 50%;
    animation: lg-spin-b-3yaqp7erlm .65s linear infinite;
    flex-shrink: 0;
}

@keyframes lg-spin-b-3yaqp7erlm { to { transform: rotate(360deg); } }

/* ── Link esqueci senha ──────────────────────────────────────── */
.lg-footer-link[b-3yaqp7erlm] {
    display: flex;
    justify-content: center;
    margin-top: .1rem;
}

.lg-forgot[b-3yaqp7erlm] {
    color: rgba(255, 255, 255, 0.3);
    font-size: .8rem;
    font-weight: 500;
    font-family: var(--sollas-font);
    text-decoration: none;
    transition: color .2s;
}

.lg-forgot:hover[b-3yaqp7erlm] { color: var(--sollas-primary); }

/* ── Rodapé ──────────────────────────────────────────────────── */
.lg-bottom-row[b-3yaqp7erlm] {
    display: flex;
    align-items: center;
    gap: 1.5rem;
    margin-top: 1.8rem;
    z-index: 10;
    position: relative;
}

.lg-bottom-badge[b-3yaqp7erlm] {
    display: flex;
    align-items: center;
    gap: .4rem;
    color: rgba(255, 255, 255, 0.2);
    font-size: .73rem;
    font-family: var(--sollas-font);
    letter-spacing: .04em;
}

.lg-version[b-3yaqp7erlm] {
    color: rgba(255, 255, 255, 0.12);
    font-size: .72rem;
    font-family: var(--sollas-font);
    letter-spacing: .06em;
}

/* ── Responsivo ──────────────────────────────────────────────── */
@media (max-width: 480px) {
    .lg-card[b-3yaqp7erlm] {
        padding: 2rem 1.5rem 1.8rem;
        border-radius: 20px;
    }
    .lg-logo[b-3yaqp7erlm] { height: 100px; }
    .lg-orb-3[b-3yaqp7erlm] { display: none; }
}

/* ── 2FA ─────────────────────────────────────────────────────── */
.lg-2fa-hint[b-3yaqp7erlm] {
    color: rgba(255,255,255,0.65);
    font-size: 0.85rem;
    line-height: 1.4;
    margin: 0 0 0.25rem;
    text-align: center;
}

.lg-2fa-remember[b-3yaqp7erlm] {
    display: flex;
    align-items: center;
    gap: 8px;
    color: rgba(255,255,255,0.7);
    font-size: 0.82rem;
    cursor: pointer;
    user-select: none;
}

.lg-2fa-remember input[b-3yaqp7erlm] {
    width: 15px;
    height: 15px;
    accent-color: #1D9E75;
    cursor: pointer;
}
/* /Pages/Menu.razor.rz.scp.css */
.menu-container[b-zub1m0aieh] {
    padding: 24px;
    max-width: 600px;
    margin: 0 auto;
}

.menu-header[b-zub1m0aieh] {
    margin-bottom: 32px;
}

.menu-header h1[b-zub1m0aieh] {
    margin: 0;
    font-size: 1.8rem;
    color: var(--sollas-text-dark, #263238);
}

.menu-header p[b-zub1m0aieh] {
    margin: 4px 0 0;
    color: var(--sollas-text-muted, #78909c);
}

.menu-grid[b-zub1m0aieh] {
    display: flex;
    flex-direction: column;
    gap: 16px;
}

.menu-item[b-zub1m0aieh] {
    background: white;
    padding: 20px;
    border-radius: 16px;
    display: flex;
    align-items: center;
    gap: 20px;
    text-decoration: none;
    box-shadow: 0 4px 12px rgba(0, 0, 0, 0.05);
    transition: all 0.2s;
}

.menu-item:hover[b-zub1m0aieh] {
    transform: translateX(8px);
    box-shadow: 0 6px 16px rgba(0, 0, 0, 0.1);
}

.item-icon[b-zub1m0aieh] {
    width: 48px;
    height: 48px;
    background: #f5f5f5;
    color: var(--sollas-primary, #1e88e5);
    border-radius: 12px;
    display: flex;
    align-items: center;
    justify-content: center;
}

.item-text h3[b-zub1m0aieh] {
    margin: 0;
    font-size: 1.1rem;
    color: var(--sollas-text-dark, #263238);
}

.item-text span[b-zub1m0aieh] {
    font-size: 0.9rem;
    color: var(--sollas-text-muted, #78909c);
}
/* /Pages/OS/NovaOsPage.razor.rz.scp.css */
/* O sistema de "página de documento" (osp-*/oss-*/osx-*) foi
   extraído para wwwroot/css/sollas-orderpage.css — compartilhado
   com NovoPedidoPage e futuras páginas do mesmo padrão. Nada
   específico de OS além disso; arquivo mantido vazio de propósito. */[b-m0xs4uba6k]
/* /Pages/OS/OSList.razor.rz.scp.css */
/* ── Page wrapper ────────────────────────────────────────── */
.lp-page[b-k2pdjw3nxd] {
    min-height: 100vh;
    padding: 28px 28px 100px;
    background:
        radial-gradient(ellipse at 20% 10%, rgba(16,185,129,0.06) 0%, transparent 55%),
        radial-gradient(ellipse at 80% 80%, rgba(139,92,246,0.05) 0%, transparent 55%),
        var(--sollas-bg);
    box-sizing: border-box;
}

/* ── Colunas desta página (sistema global de listagem) ───── */
.lp-page[b-k2pdjw3nxd] {
    --lp-grid:
        minmax(96px, .5fr)   /* nº       */
        minmax(150px, 1.1fr) /* cliente  */
        minmax(150px, 1.5fr) /* desc     */
        minmax(96px, .5fr)   /* data     */
        minmax(110px, .55fr) /* valor    */
        minmax(110px, .55fr) /* status   */
        88px;                /* ações    */
}

/* Valor à direita — cabeçalho, campo de pesquisa e valores */
.lp-ch-cell.col-valor[b-k2pdjw3nxd] { text-align: right; justify-content: flex-end; }
.lp-cr-col.col-valor[b-k2pdjw3nxd]  { justify-content: flex-end; }
.lp-filter-bar[b-k2pdjw3nxd]  .col-valor .lp-ff-input { text-align: right; }

/* Status centralizado — cabeçalho, select e badges */
.lp-ch-cell.col-status[b-k2pdjw3nxd] { text-align: center; justify-content: center; }
.lp-cr-col.col-status[b-k2pdjw3nxd]  { justify-content: center; }

/* ── Nº OS cell ──────────────────────────────────────────── */
.os-numero-text[b-k2pdjw3nxd] { font-size: .875rem; font-weight: 600; color: var(--sollas-text-main); white-space: nowrap; }

/* ── Cliente cell ────────────────────────────────────────── */
.os-cliente-nome[b-k2pdjw3nxd] { font-size: .875rem; font-weight: 500; color: var(--sollas-text-main); white-space: nowrap; overflow: hidden; text-overflow: ellipsis; }

/* ── Text styles ─────────────────────────────────────────── */
.os-desc-text[b-k2pdjw3nxd] { font-size: .875rem; color: var(--sollas-text-muted); white-space: nowrap; overflow: hidden; text-overflow: ellipsis; }
.os-muted[b-k2pdjw3nxd]     { font-size: .875rem; color: var(--sollas-text-muted); white-space: nowrap; }
.os-valor[b-k2pdjw3nxd]     { font-size: .9rem; font-weight: 600; color: var(--sollas-text-main); white-space: nowrap; }

/* ── Status badge ────────────────────────────────────────── */
.os-badge[b-k2pdjw3nxd] {
    display: inline-block;
    font-size: .72rem;
    font-weight: 600;
    border-radius: 999px;
    padding: 3px 10px;
    white-space: nowrap;
    border: 1px solid transparent;
}

.os-pendente[b-k2pdjw3nxd]    { background: rgba(245,158,11,.12);  color: #D97706; border-color: rgba(245,158,11,.3); }
.os-emandamento[b-k2pdjw3nxd] { background: rgba(59,130,246,.12);  color: #2563EB; border-color: rgba(59,130,246,.3); }
.os-concluida[b-k2pdjw3nxd]   { background: rgba(16,185,129,.12);  color: #059669; border-color: rgba(16,185,129,.3); }
.os-cancelada[b-k2pdjw3nxd]   { background: rgba(148,163,184,.12); color: #64748B; border-color: rgba(148,163,184,.25); }

/* ── FilterSelect dentro do lp-ff ────────────────────────── */
.os-ff-sel[b-k2pdjw3nxd] { padding: 0; }

.os-ff-sel[b-k2pdjw3nxd]  .fsel-wrap { width: 100%; height: 100%; }

.os-ff-sel[b-k2pdjw3nxd]  .fsel-trigger {
    border: none;
    border-radius: 0;
    background: transparent;
    box-shadow: none !important;
    min-height: auto;
    height: 34px;
    justify-content: center;
    padding-left: 26px; /* simétrico ao chevron (26px à direita) */
}

.os-ff-sel[b-k2pdjw3nxd]  .fsel-trigger:hover,
.os-ff-sel[b-k2pdjw3nxd]  .fsel-trigger.open {
    background: transparent;
    border-color: transparent;
}

/* ── Dark mode ───────────────────────────────────────────── */
:global([data-theme="dark"]) .lp-page[b-k2pdjw3nxd] {
    background:
        radial-gradient(ellipse at 20% 10%, rgba(16,185,129,0.06) 0%, transparent 55%),
        radial-gradient(ellipse at 80% 80%, rgba(139,92,246,0.05) 0%, transparent 55%),
        var(--sollas-bg);
}

/* ── Responsive ──────────────────────────────────────────── */
@media (max-width: 900px) {
    .lp-page[b-k2pdjw3nxd] {
        padding: 16px 12px 100px;
        --lp-grid: minmax(92px, .5fr) minmax(120px, 1fr) minmax(92px, .5fr) minmax(104px, .55fr) 88px;
    }
    .col-desc[b-k2pdjw3nxd], .col-valor[b-k2pdjw3nxd] { display: none; }
    .lp-filter-bar[b-k2pdjw3nxd]  .col-desc,
    .lp-filter-bar[b-k2pdjw3nxd]  .col-valor { display: none; }
}
/* /Pages/Pedido/NovoPedidoPage.razor.rz.scp.css */
/* ============================================================
   NovoPedidoPage — só o que é específico do Pedido. O chrome
   comum (topbar, card, grid, input, menu...) vive em
   wwwroot/css/sollas-recordpage.css (classe "pv-"), pra ser
   reaproveitado por outras páginas de Novo/Editar (ex.: Produto)
   sem duplicar CSS.
   ============================================================ */

/* ── Linha do seletor de Cliente + menu Novo/Editar ─────── */
.pv-cliente-row[b-83nmpyk3hk] { display: flex; align-items: stretch; gap: 8px; }
.pv-cliente-row .pk-trigger[b-83nmpyk3hk] { flex: 1; min-width: 0; }

.pv-btn-icon[b-83nmpyk3hk] {
    width: 42px; height: 42px; flex-shrink: 0;
    display: flex; align-items: center; justify-content: center;
    border-radius: 8px; border: 1.5px solid var(--sollas-border);
    background: var(--sollas-surface); color: var(--sollas-text-muted);
    cursor: pointer; transition: border-color .15s, color .15s;
}
.pv-btn-icon:hover[b-83nmpyk3hk] { border-color: var(--sollas-primary); color: var(--sollas-primary); }

/* ── Linha de adição rápida de item ─────────────────────── */
.pv-quickadd[b-83nmpyk3hk] {
    display: grid;
    grid-template-columns: 2.4fr .8fr 1.1fr 1.1fr auto;
    gap: 10px;
    align-items: end;
    padding: 12px;
    background: var(--sollas-bg);
    border: 1px dashed var(--sollas-border);
    border-radius: 10px;
}
.pv-autocomplete[b-83nmpyk3hk] { position: relative; display: flex; align-items: center; gap: 6px; }
.pv-autocomplete .pv-input[b-83nmpyk3hk] { padding-right: 34px; }
.pv-qa-browse[b-83nmpyk3hk] {
    position: absolute; right: 5px; top: 50%; transform: translateY(-50%);
    width: 24px; height: 24px; border-radius: 6px;
    display: flex; align-items: center; justify-content: center;
    border: none; background: transparent; color: var(--sollas-text-muted); cursor: pointer;
}
.pv-qa-browse:hover[b-83nmpyk3hk] { color: var(--sollas-primary); }

.pv-suggest-list[b-83nmpyk3hk] {
    position: absolute; top: calc(100% + 4px); left: 0; right: 0; z-index: 30;
    background: var(--sollas-surface); border: 1px solid var(--sollas-border); border-radius: 9px;
    box-shadow: 0 14px 32px rgba(0,0,0,.18);
    max-height: 240px; overflow-y: auto;
    display: flex; flex-direction: column; padding: 4px;
}
.pv-suggest-item[b-83nmpyk3hk] {
    display: flex; align-items: center; gap: 10px;
    padding: 7px 9px; border-radius: 6px; border: none; background: transparent;
    cursor: pointer; text-align: left; font-family: var(--sollas-font);
}
.pv-suggest-item:hover[b-83nmpyk3hk] { background: var(--sollas-primary-light); }
.pv-suggest-num[b-83nmpyk3hk] { font-size: 0.68rem; font-weight: 700; color: var(--sollas-text-muted); font-variant-numeric: tabular-nums; width: 58px; flex-shrink: 0; }
.pv-suggest-nome[b-83nmpyk3hk] { font-size: 0.8rem; font-weight: 600; color: var(--sollas-text-main); flex: 1; overflow: hidden; text-overflow: ellipsis; white-space: nowrap; }
.pv-suggest-valor[b-83nmpyk3hk] { font-size: 0.78rem; font-weight: 700; color: var(--sollas-primary); flex-shrink: 0; }

.pv-btn-add[b-83nmpyk3hk] {
    display: inline-flex; align-items: center; gap: 6px;
    height: 34px; padding: 0 16px;
    border-radius: 7px; border: none;
    background: var(--sollas-primary); color: #fff;
    font-family: var(--sollas-font); font-size: 0.8rem; font-weight: 700;
    cursor: pointer; transition: background .15s, opacity .15s;
}
.pv-btn-add:hover[b-83nmpyk3hk] { background: var(--sollas-primary-hover); }
.pv-btn-add:disabled[b-83nmpyk3hk] { opacity: .5; cursor: not-allowed; }

/* ── Tabelas densas (Itens / Financeiro) ─────────────────── */
.pv-tbl-wrap[b-83nmpyk3hk] { overflow-x: auto; border: 1px solid var(--sollas-border); border-radius: 9px; }
.pv-tbl[b-83nmpyk3hk] { width: 100%; min-width: 640px; border-collapse: collapse; table-layout: fixed; font-size: 0.8rem; }
.pv-tbl thead th[b-83nmpyk3hk] {
    text-align: left; padding: 8px 10px;
    background: var(--sollas-bg); color: var(--sollas-text-muted);
    font-size: 0.68rem; font-weight: 700; text-transform: uppercase; letter-spacing: .04em;
    border-bottom: 1px solid var(--sollas-border); white-space: nowrap;
    overflow: hidden; text-overflow: ellipsis;
}
.pv-tbl tbody td[b-83nmpyk3hk] {
    padding: 7px 10px; border-bottom: 1px solid var(--sollas-border);
    color: var(--sollas-text-main); vertical-align: middle;
    overflow: hidden; text-overflow: ellipsis; white-space: nowrap;
}
.pv-tbl tbody tr:last-child td[b-83nmpyk3hk] { border-bottom: none; }
.pv-tbl tbody tr:hover[b-83nmpyk3hk] { background: var(--sollas-bg); }
.pv-tc[b-83nmpyk3hk] { text-align: center; }
.pv-tr[b-83nmpyk3hk] { text-align: right; font-variant-numeric: tabular-nums; }
.pv-th-seq[b-83nmpyk3hk] { width: 48px; }
.pv-th-acoes[b-83nmpyk3hk] { width: 44px; }
.pv-muted[b-83nmpyk3hk] { color: var(--sollas-text-muted); }
.pv-td-nome[b-83nmpyk3hk] { font-weight: 600; }
.pv-td-total[b-83nmpyk3hk] { font-weight: 800; color: var(--sollas-primary); }
.pv-tbl-empty[b-83nmpyk3hk] { text-align: center; padding: 22px !important; color: var(--sollas-text-muted); font-size: 0.82rem; }
.pv-tbl-empty i[b-83nmpyk3hk] { margin-right: 6px; }

.pv-qty-inline[b-83nmpyk3hk] {
    width: 56px; height: 26px; text-align: center;
    border: 1.5px solid var(--sollas-border); border-radius: 6px;
    background: var(--sollas-surface); color: var(--sollas-text-main);
    font-family: var(--sollas-font); font-size: 0.8rem; font-variant-numeric: tabular-nums;
}
.pv-qty-inline:focus[b-83nmpyk3hk] { border-color: var(--sollas-primary); outline: none; }

.pv-row-del[b-83nmpyk3hk] {
    width: 26px; height: 26px; border-radius: 6px;
    display: inline-flex; align-items: center; justify-content: center;
    border: 1px solid var(--sollas-border); background: transparent;
    color: var(--sollas-text-muted); cursor: pointer;
}
.pv-row-del:hover[b-83nmpyk3hk] { border-color: #EF4444; color: #EF4444; background: rgba(239,68,68,.08); }

.pv-tbl-footer[b-83nmpyk3hk] {
    display: flex; align-items: center; justify-content: flex-end; gap: 18px;
    padding: 9px 12px; font-size: 0.78rem; font-weight: 600; color: var(--sollas-text-muted);
}
.pv-tbl-footer-valor[b-83nmpyk3hk] { font-size: 0.9rem; font-weight: 800; color: var(--sollas-primary); }

/* ── Tabs (Financeiro / Cobrança) ────────────────────────── */
.pv-tabs[b-83nmpyk3hk] { display: flex; gap: 4px; border-bottom: 1px solid var(--sollas-border); }
.pv-tab[b-83nmpyk3hk] {
    padding: 8px 14px; border: none; background: transparent;
    font-family: var(--sollas-font); font-size: 0.8rem; font-weight: 700;
    color: var(--sollas-text-muted); cursor: pointer;
    border-bottom: 2px solid transparent; margin-bottom: -1px;
}
.pv-tab:hover[b-83nmpyk3hk] { color: var(--sollas-text-main); }
.pv-tab.active[b-83nmpyk3hk] { color: var(--sollas-primary); border-bottom-color: var(--sollas-primary); }

.pv-tab-empty[b-83nmpyk3hk] {
    display: flex; flex-direction: column; align-items: center; gap: 8px;
    padding: 30px 16px; text-align: center; color: var(--sollas-text-muted);
}
.pv-tab-empty i[b-83nmpyk3hk] { font-size: 1.3rem; }
.pv-tab-empty p[b-83nmpyk3hk] { margin: 0; font-size: 0.82rem; font-weight: 500; max-width: 320px; }

/* ── Dark mode (específico do Pedido) ────────────────────── */
:global([data-theme="dark"]) .pv-quickadd[b-83nmpyk3hk] { background: rgba(255,255,255,.02); }
:global([data-theme="dark"]) .pv-tbl thead th[b-83nmpyk3hk] { background: rgba(255,255,255,.03); }
:global([data-theme="dark"]) .pv-tbl tbody tr:hover[b-83nmpyk3hk] { background: rgba(255,255,255,.025); }
:global([data-theme="dark"]) .pv-suggest-list[b-83nmpyk3hk] { box-shadow: 0 14px 32px rgba(0,0,0,.5); }

/* ── Responsivo (específico do Pedido) ───────────────────── */
@media (max-width: 1100px) {
    .pv-quickadd[b-83nmpyk3hk] { grid-template-columns: 1fr 1fr; }
    .pv-qa-produto[b-83nmpyk3hk] { grid-column: span 2; }
}
@media (max-width: 720px) {
    .pv-quickadd[b-83nmpyk3hk] { grid-template-columns: 1fr 1fr; }
    .pv-qa-produto[b-83nmpyk3hk] { grid-column: span 2; }
}
/* /Pages/Pedido/PedidoList.razor.rz.scp.css */
/* PedidoList.razor.css — apenas estilos page-specific */

.lp-page[b-xz09iuz5my] {
    min-height: 100vh;
    padding: 28px 28px 100px;
    background:
        radial-gradient(ellipse at 20% 10%, rgba(16,185,129,0.06) 0%, transparent 55%),
        radial-gradient(ellipse at 80% 80%, rgba(139,92,246,0.05) 0%, transparent 55%),
        var(--sollas-bg);
    box-sizing: border-box;
}

/* ── Colunas desta página (sistema global de listagem) ───── */
.lp-page[b-xz09iuz5my] {
    --lp-grid:
        minmax(96px, .6fr)   /* nº      */
        minmax(160px, 1.6fr) /* cliente */
        minmax(110px, .7fr)  /* valor   */
        minmax(96px, .6fr)   /* data    */
        minmax(110px, .7fr)  /* status  */
        88px;                /* ações   */
}

/* Valor Total à direita — cabeçalho, campo de pesquisa e valores
   (Data e Status centralizados já vêm do sistema global) */
.lp-ch-cell.col-valor[b-xz09iuz5my] { text-align: right; justify-content: flex-end; }
.lp-cr-col.col-valor[b-xz09iuz5my]  { justify-content: flex-end; }
.lp-filter-bar[b-xz09iuz5my]  .col-valor .lp-ff-input { text-align: right; }

/* ── Número cell ─────────────────────────────────────────── */
.pd-numero-text[b-xz09iuz5my] {
    font-size: 0.875rem;
    font-weight: 600;
    color: var(--sollas-text-main);
    white-space: nowrap;
}

/* ── Cliente cell ────────────────────────────────────────── */
.pd-cliente-nome[b-xz09iuz5my] {
    font-size: 0.875rem; font-weight: 500;
    color: var(--sollas-text-main);
    white-space: nowrap; overflow: hidden; text-overflow: ellipsis;
}

/* ── Text styles ─────────────────────────────────────────── */
.pd-valor[b-xz09iuz5my] {
    font-size: 0.9rem; font-weight: 600;
    color: var(--sollas-text-main);
    white-space: nowrap;
}
.pd-muted[b-xz09iuz5my] {
    font-size: 0.875rem;
    color: var(--sollas-text-muted);
    white-space: nowrap;
}

/* ── Status badge ────────────────────────────────────────── */
.pd-badge[b-xz09iuz5my] {
    display: inline-block;
    font-size: 0.72rem; font-weight: 600;
    border-radius: 999px; padding: 3px 10px;
    white-space: nowrap; border: 1px solid transparent;
}
.pd-pendente[b-xz09iuz5my]  { background: rgba(245,158,11,.12);  color: #D97706; border-color: rgba(245,158,11,.3); }
.pd-faturado[b-xz09iuz5my]  { background: rgba(16,185,129,.12);  color: #059669; border-color: rgba(16,185,129,.3); }
.pd-cancelado[b-xz09iuz5my] { background: rgba(148,163,184,.12); color: #64748B; border-color: rgba(148,163,184,.25); }

/* ── FilterSelect override ───────────────────────────────── */
.pd-ff-sel[b-xz09iuz5my] { padding: 0; }
.pd-ff-sel[b-xz09iuz5my]  .fsel-wrap { width: 100%; height: 100%; }
.pd-ff-sel[b-xz09iuz5my]  .fsel-trigger {
    border: none; border-radius: 0; background: transparent;
    box-shadow: none !important; min-height: auto; height: 34px; padding-left: .5rem;
}
.pd-ff-sel[b-xz09iuz5my]  .fsel-trigger:hover,
.pd-ff-sel[b-xz09iuz5my]  .fsel-trigger.open { background: transparent; border-color: transparent; }

/* ── Dark mode ───────────────────────────────────────────── */
:global([data-theme="dark"]) .lp-page[b-xz09iuz5my] {
    background:
        radial-gradient(ellipse at 20% 10%, rgba(16,185,129,0.06) 0%, transparent 55%),
        radial-gradient(ellipse at 80% 80%, rgba(139,92,246,0.05) 0%, transparent 55%),
        var(--sollas-bg);
}

/* ── Responsive ──────────────────────────────────────────── */
@media (max-width: 900px) {
    .lp-page[b-xz09iuz5my] {
        padding: 16px 12px 100px;
        --lp-grid: minmax(92px, .5fr) minmax(120px, 1fr) minmax(104px, .6fr) 88px;
    }
    .col-valor[b-xz09iuz5my], .col-data[b-xz09iuz5my] { display: none; }
    .lp-filter-bar[b-xz09iuz5my]  .col-valor,
    .lp-filter-bar[b-xz09iuz5my]  .col-data { display: none; }
}
/* /Pages/Produto/ProdutoList.razor.rz.scp.css */
/* ProdutoList.razor.css — apenas estilos page-specific */

.lp-page[b-c8cv8f6qeh] {
    min-height: 100vh;
    padding: 28px 28px 100px;
    background:
        radial-gradient(ellipse at 20% 10%, rgba(16,185,129,0.06) 0%, transparent 55%),
        radial-gradient(ellipse at 80% 80%, rgba(139,92,246,0.05) 0%, transparent 55%),
        var(--sollas-bg);
    box-sizing: border-box;
}

/* ── Colunas desta página (sistema global de listagem) ───── */
.lp-page[b-c8cv8f6qeh] {
    --lp-grid:
        minmax(100px, .5fr)  /* número  */
        minmax(150px, 1.5fr) /* nome    */
        minmax(104px, .7fr)  /* cat     */
        minmax(92px, .45fr)  /* unid    */
        minmax(96px, .5fr)   /* estoque */
        minmax(110px, .6fr)  /* valor   */
        minmax(100px, .5fr)  /* status  */
        88px;                /* ações   */
}

/* Valor à direita — cabeçalho, campo de pesquisa e valores */
.lp-ch-cell.col-valor[b-c8cv8f6qeh] { text-align: right; justify-content: flex-end; }
.lp-cr-col.col-valor[b-c8cv8f6qeh]  { justify-content: flex-end; }
.lp-filter-bar[b-c8cv8f6qeh]  .col-valor .lp-ff-input { text-align: right; }

/* Status centralizado — cabeçalho, select e badges */
.lp-ch-cell.col-status[b-c8cv8f6qeh] { text-align: center; justify-content: center; }
.lp-cr-col.col-status[b-c8cv8f6qeh]  { justify-content: center; }

/* ── Número cell ─────────────────────────────────────────── */
.pr-numero[b-c8cv8f6qeh] {
    font-size: 0.8rem; font-weight: 700;
    font-variant-numeric: tabular-nums;
    letter-spacing: .02em;
    color: var(--sollas-text-muted);
    white-space: nowrap;
}

/* ── Nome cell ───────────────────────────────────────────── */
.pr-nome-info[b-c8cv8f6qeh] { display: flex; flex-direction: column; gap: 1px; min-width: 0; }
.pr-nome-text[b-c8cv8f6qeh] {
    font-size: 0.875rem; font-weight: 600;
    color: var(--sollas-text-main);
    white-space: nowrap; overflow: hidden; text-overflow: ellipsis;
}
.pr-nome-sub[b-c8cv8f6qeh] {
    font-size: 0.75rem;
    color: var(--sollas-text-muted);
    white-space: nowrap; overflow: hidden; text-overflow: ellipsis;
}

/* ── Text styles ─────────────────────────────────────────── */
.pr-muted[b-c8cv8f6qeh] {
    font-size: 0.82rem;
    color: var(--sollas-text-muted);
    white-space: nowrap; overflow: hidden; text-overflow: ellipsis;
}
.pr-valor[b-c8cv8f6qeh] {
    font-size: 0.875rem; font-weight: 600;
    color: #10B981;
    white-space: nowrap;
}

/* ── Categoria badge ─────────────────────────────────────── */
.pr-badge-cat[b-c8cv8f6qeh] {
    display: inline-block;
    font-size: 0.68rem; font-weight: 600;
    border-radius: 6px; padding: 2px 8px;
    background: rgba(139,92,246,.1); color: #8B5CF6;
    border: 1px solid rgba(139,92,246,.2);
    white-space: nowrap;
}

/* ── Unidade badge ───────────────────────────────────────── */
.pr-badge-unid[b-c8cv8f6qeh] {
    display: inline-block;
    font-size: 0.7rem; font-weight: 700;
    border-radius: 6px; padding: 2px 8px;
    background: rgba(59,130,246,.1); color: #3B82F6;
    border: 1px solid rgba(59,130,246,.2);
    white-space: nowrap;
}

/* ── Estoque ─────────────────────────────────────────────── */
.pr-estoque-cell[b-c8cv8f6qeh] { display: flex; align-items: center; gap: 5px; }
.pr-estoque-num[b-c8cv8f6qeh] {
    font-size: 0.875rem; font-weight: 600;
    color: var(--sollas-text-main);
}
.pr-estoque-num.pr-estoque-low[b-c8cv8f6qeh] { color: #EF4444; }
.pr-estoque-alert[b-c8cv8f6qeh] {
    font-size: 0.62rem; font-weight: 700;
    text-transform: uppercase; letter-spacing: .04em;
    background: rgba(239,68,68,.1); color: #EF4444;
    border: 1px solid rgba(239,68,68,.2);
    border-radius: 4px; padding: 1px 5px;
}

/* ── Status badge ────────────────────────────────────────── */
.pr-badge[b-c8cv8f6qeh] {
    display: inline-flex; align-items: center;
    padding: 3px 10px; border-radius: 999px;
    font-size: 0.7rem; font-weight: 700;
    letter-spacing: .04em; text-transform: uppercase;
}
.pr-badge.ativo[b-c8cv8f6qeh]   { background: rgba(16,185,129,.12); color: #10B981; border: 1px solid rgba(16,185,129,.25); }
.pr-badge.inativo[b-c8cv8f6qeh] { background: rgba(107,114,128,.10); color: #6B7280; border: 1px solid rgba(107,114,128,.2); }

/* ── FilterSelect override ───────────────────────────────── */
.pr-ff-sel[b-c8cv8f6qeh] { padding: 0; }
.pr-ff-sel[b-c8cv8f6qeh]  .fsel-wrap { width: 100%; height: 100%; }
.pr-ff-sel[b-c8cv8f6qeh]  .fsel-trigger {
    border: none; border-radius: 0; background: transparent;
    box-shadow: none !important; min-height: auto; height: 34px;
    justify-content: center; padding-left: 26px; /* simétrico ao chevron */
}
.pr-ff-sel[b-c8cv8f6qeh]  .fsel-trigger:hover,
.pr-ff-sel[b-c8cv8f6qeh]  .fsel-trigger.open { background: transparent; border-color: transparent; }

/* ── Dark mode ───────────────────────────────────────────── */
:global([data-theme="dark"]) .lp-page[b-c8cv8f6qeh] {
    background:
        radial-gradient(ellipse at 20% 10%, rgba(16,185,129,0.06) 0%, transparent 55%),
        radial-gradient(ellipse at 80% 80%, rgba(139,92,246,0.05) 0%, transparent 55%),
        var(--sollas-bg);
}

/* ── Responsive ──────────────────────────────────────────── */
@media (max-width: 1200px) {
    .lp-page[b-c8cv8f6qeh] { --lp-grid: minmax(96px, .5fr) minmax(140px, 1.5fr) minmax(92px, .45fr) minmax(96px, .5fr) minmax(110px, .6fr) minmax(100px, .5fr) 88px; }
    .col-cat[b-c8cv8f6qeh] { display: none; }
    .lp-filter-bar[b-c8cv8f6qeh]  .col-cat { display: none; }
}
@media (max-width: 1000px) {
    .lp-page[b-c8cv8f6qeh] { --lp-grid: minmax(92px, .5fr) minmax(130px, 1.5fr) minmax(92px, .45fr) minmax(110px, .6fr) minmax(100px, .5fr) 88px; }
    .col-estoque[b-c8cv8f6qeh] { display: none; }
    .lp-filter-bar[b-c8cv8f6qeh]  .col-estoque { display: none; }
}
@media (max-width: 768px) {
    .lp-page[b-c8cv8f6qeh] {
        padding: 16px 12px 100px;
        --lp-grid: minmax(88px, .5fr) minmax(110px, 1fr) minmax(104px, .6fr) 88px;
    }
    .col-unid[b-c8cv8f6qeh], .col-status[b-c8cv8f6qeh] { display: none; }
    .lp-filter-bar[b-c8cv8f6qeh]  .col-unid,
    .lp-filter-bar[b-c8cv8f6qeh]  .col-status { display: none; }
}
/* /Pages/Relatorios/Relatorios.razor.rz.scp.css */
/* Relatorios.razor.css */

.lp-page[b-p4z4btg3kl] {
    min-height: 100vh;
    padding: 28px 28px 100px;
    background:
        radial-gradient(ellipse at 20% 10%, rgba(16,185,129,0.06) 0%, transparent 55%),
        radial-gradient(ellipse at 80% 80%, rgba(139,92,246,0.05) 0%, transparent 55%),
        var(--sollas-bg);
    box-sizing: border-box;
}

/* ── Período selector ────────────────────────────────────── */
.rl-periodo-sel[b-p4z4btg3kl] {
    display: flex;
    align-items: center;
    gap: 8px;
    background: var(--sollas-surface);
    border: 1.5px solid var(--sollas-border);
    border-radius: 8px;
    padding: .45rem 1rem;
    color: var(--sollas-text-muted);
}
.rl-periodo-select[b-p4z4btg3kl] {
    border: none;
    background: transparent;
    color: var(--sollas-text-main);
    font-size: 0.85rem;
    font-weight: 600;
    cursor: pointer;
    font-family: var(--sollas-font);
    outline: none;
}

/* ── Loading skeletons ───────────────────────────────────── */
.rl-skel-kpi[b-p4z4btg3kl] {
    height: 110px;
    border-radius: 12px;
    background: linear-gradient(90deg, var(--sollas-surface) 25%, rgba(255,255,255,0.04) 50%, var(--sollas-surface) 75%);
    background-size: 200% 100%;
    animation: shimmer 1.4s infinite;
    flex: 1;
}
.rl-skel-panel[b-p4z4btg3kl] {
    border-radius: 12px;
    background: linear-gradient(90deg, var(--sollas-surface) 25%, rgba(255,255,255,0.04) 50%, var(--sollas-surface) 75%);
    background-size: 200% 100%;
    animation: shimmer 1.4s infinite;
}

/* ── Grid layouts ────────────────────────────────────────── */
.rl-main-grid[b-p4z4btg3kl] {
    display: grid;
    grid-template-columns: 1fr 1fr;
    gap: 1.25rem;
    margin-bottom: 1.25rem;
}
.rl-secondary-grid[b-p4z4btg3kl] {
    display: grid;
    grid-template-columns: 1fr 1fr;
    gap: 1.25rem;
    margin-bottom: 1.25rem;
}

/* ── Panel common ────────────────────────────────────────── */
.rl-panel[b-p4z4btg3kl] { padding: 1.5rem; }
.rl-panel-header[b-p4z4btg3kl] {
    display: flex;
    align-items: center;
    justify-content: space-between;
    margin-bottom: 1.25rem;
}
.rl-panel-title[b-p4z4btg3kl] {
    display: flex;
    align-items: center;
    gap: 7px;
    font-size: 0.875rem;
    font-weight: 700;
    color: var(--sollas-text-main);
}
.rl-link-sm[b-p4z4btg3kl] {
    font-size: 0.78rem;
    font-weight: 600;
    color: var(--sollas-primary);
    text-decoration: none;
}
.rl-link-sm:hover[b-p4z4btg3kl] { text-decoration: underline; }

/* ── Fluxo de caixa chart ────────────────────────────────── */
.rl-chart-area[b-p4z4btg3kl] {
    display: flex;
    align-items: flex-end;
    gap: .75rem;
    height: 180px;
    padding: 0 .25rem;
}
.rl-bar-group[b-p4z4btg3kl] {
    display: flex;
    flex-direction: column;
    align-items: center;
    gap: 6px;
    flex: 1;
}
.rl-bars[b-p4z4btg3kl] {
    display: flex;
    align-items: flex-end;
    gap: 3px;
    height: 150px;
    width: 100%;
    justify-content: center;
}
.rl-bar[b-p4z4btg3kl] {
    flex: 1;
    border-radius: 4px 4px 0 0;
    min-height: 4px;
    transition: height .4s ease;
}
.rl-bar-green[b-p4z4btg3kl] { background: linear-gradient(180deg, #10B981, #059669); }
.rl-bar-red[b-p4z4btg3kl]   { background: linear-gradient(180deg, #EF4444, #DC2626); }
.rl-bar-label[b-p4z4btg3kl] {
    font-size: 0.65rem;
    color: var(--sollas-text-muted);
    white-space: nowrap;
    text-align: center;
}
.rl-legenda[b-p4z4btg3kl] {
    display: flex;
    gap: 1.25rem;
    margin-top: .75rem;
}
.rl-leg-item[b-p4z4btg3kl] { display: flex; align-items: center; gap: 6px; font-size: 0.78rem; color: var(--sollas-text-muted); font-weight: 600; }
.rl-leg-dot[b-p4z4btg3kl] { width: 10px; height: 10px; border-radius: 50%; flex-shrink: 0; }

/* ── OS / Pedidos status ─────────────────────────────────── */
.rl-os-status[b-p4z4btg3kl] { display: flex; flex-direction: column; gap: .75rem; }
.rl-os-row[b-p4z4btg3kl] { display: flex; align-items: center; gap: .75rem; }
.rl-os-label[b-p4z4btg3kl] { font-size: 0.82rem; color: var(--sollas-text-muted); width: 100px; flex-shrink: 0; }
.rl-os-bar-wrap[b-p4z4btg3kl] {
    flex: 1;
    height: 8px;
    background: rgba(0,0,0,.06);
    border-radius: 4px;
    overflow: hidden;
}
:global([data-theme="dark"]) .rl-os-bar-wrap[b-p4z4btg3kl] { background: rgba(255,255,255,.06); }
.rl-os-fill[b-p4z4btg3kl] { height: 100%; border-radius: 4px; transition: width .5s ease; }
.rl-fill-orange[b-p4z4btg3kl] { background: #F59E0B; }
.rl-fill-blue[b-p4z4btg3kl]   { background: #3B82F6; }
.rl-fill-green[b-p4z4btg3kl]  { background: #10B981; }
.rl-fill-gray[b-p4z4btg3kl]   { background: #6B7280; }
.rl-os-count[b-p4z4btg3kl] { font-size: 0.82rem; font-weight: 700; color: var(--sollas-text-main); width: 28px; text-align: right; }

/* ── Contas vencidas ─────────────────────────────────────── */
.rl-badge-red[b-p4z4btg3kl] {
    font-size: 0.7rem;
    font-weight: 700;
    background: rgba(239,68,68,.1);
    color: #EF4444;
    border: 1px solid rgba(239,68,68,.2);
    padding: 2px 8px;
    border-radius: 999px;
}
.rl-empty-ok[b-p4z4btg3kl] {
    display: flex;
    flex-direction: column;
    align-items: center;
    gap: 8px;
    padding: 2rem;
    color: #10B981;
    font-size: 0.875rem;
    font-weight: 600;
}
.rl-empty[b-p4z4btg3kl] {
    display: flex;
    align-items: center;
    justify-content: center;
    padding: 2rem;
    color: var(--sollas-text-muted);
    font-size: 0.875rem;
}
.rl-vencidas-list[b-p4z4btg3kl] { display: flex; flex-direction: column; gap: .6rem; }
.rl-vencida-row[b-p4z4btg3kl] {
    display: flex;
    align-items: center;
    justify-content: space-between;
    padding: .65rem .75rem;
    border-radius: 8px;
    background: rgba(239,68,68,.04);
    border: 1px solid rgba(239,68,68,.1);
}
.rl-vencida-info[b-p4z4btg3kl] { display: flex; flex-direction: column; gap: 2px; }
.rl-vencida-nome[b-p4z4btg3kl] { font-size: 0.82rem; font-weight: 600; color: var(--sollas-text-main); }
.rl-vencida-tag[b-p4z4btg3kl] { font-size: 0.7rem; color: #EF4444; font-weight: 600; }
.rl-vencida-valor[b-p4z4btg3kl] { font-size: 0.875rem; font-weight: 700; color: #EF4444; white-space: nowrap; }

/* ── Top clientes ────────────────────────────────────────── */
.rl-top-list[b-p4z4btg3kl] { display: flex; flex-direction: column; gap: .75rem; }
.rl-top-row[b-p4z4btg3kl] { display: flex; align-items: center; gap: .75rem; }
.rl-top-rank[b-p4z4btg3kl] {
    width: 24px; height: 24px;
    border-radius: 50%;
    background: rgba(107,114,128,.1);
    color: var(--sollas-text-muted);
    font-size: 0.72rem;
    font-weight: 800;
    display: flex;
    align-items: center;
    justify-content: center;
    flex-shrink: 0;
}
.rl-top-rank.gold[b-p4z4btg3kl]   { background: rgba(245,158,11,.2); color: #D97706; }
.rl-top-rank.silver[b-p4z4btg3kl] { background: rgba(148,163,184,.2); color: #64748B; }
.rl-top-rank.bronze[b-p4z4btg3kl] { background: rgba(180,120,80,.15); color: #92400E; }
.rl-top-info[b-p4z4btg3kl] { flex: 1; min-width: 0; }
.rl-top-nome[b-p4z4btg3kl] { display: block; font-size: 0.82rem; font-weight: 600; color: var(--sollas-text-main); margin-bottom: 4px; white-space: nowrap; overflow: hidden; text-overflow: ellipsis; }
.rl-top-bar-wrap[b-p4z4btg3kl] { height: 5px; background: rgba(0,0,0,.06); border-radius: 3px; overflow: hidden; }
:global([data-theme="dark"]) .rl-top-bar-wrap[b-p4z4btg3kl] { background: rgba(255,255,255,.06); }
.rl-top-fill[b-p4z4btg3kl] { height: 100%; background: var(--sollas-primary); border-radius: 3px; }
.rl-top-valor[b-p4z4btg3kl] { font-size: 0.82rem; font-weight: 700; color: var(--sollas-primary); white-space: nowrap; }

/* ── Tabela resumo ───────────────────────────────────────── */
.rl-table-panel[b-p4z4btg3kl] { }
.rl-table-wrap[b-p4z4btg3kl] { overflow-x: auto; }
.rl-table[b-p4z4btg3kl] {
    width: 100%;
    border-collapse: collapse;
    font-size: 0.82rem;
}
.rl-table th[b-p4z4btg3kl] {
    padding: .6rem .9rem;
    text-align: left;
    font-size: 0.7rem;
    font-weight: 700;
    letter-spacing: .04em;
    text-transform: uppercase;
    color: var(--sollas-text-muted);
    border-bottom: 2px solid var(--sollas-border);
}
.rl-table td[b-p4z4btg3kl] {
    padding: .65rem .9rem;
    border-bottom: 1px solid var(--sollas-border);
    color: var(--sollas-text-main);
}
.rl-table tr:last-child td[b-p4z4btg3kl] { border-bottom: none; }
.rl-table tr:hover td[b-p4z4btg3kl] { background: rgba(0,0,0,.02); }
.rl-td-mes[b-p4z4btg3kl] { font-weight: 600; }
.rl-td-green[b-p4z4btg3kl] { color: #10B981; font-weight: 600; }
.rl-td-red[b-p4z4btg3kl]   { color: #EF4444; font-weight: 600; }

/* ── Dark mode ───────────────────────────────────────────── */
:global([data-theme="dark"]) .lp-page[b-p4z4btg3kl] {
    background:
        radial-gradient(ellipse at 20% 10%, rgba(16,185,129,0.06) 0%, transparent 55%),
        radial-gradient(ellipse at 80% 80%, rgba(139,92,246,0.05) 0%, transparent 55%),
        var(--sollas-bg);
}
:global([data-theme="dark"]) .rl-periodo-select[b-p4z4btg3kl] { color-scheme: dark; }
:global([data-theme="dark"]) .rl-vencida-row[b-p4z4btg3kl] { background: rgba(239,68,68,.06); }
:global([data-theme="dark"]) .rl-table tr:hover td[b-p4z4btg3kl] { background: rgba(255,255,255,.02); }

/* ── Responsive ──────────────────────────────────────────── */
@media (max-width: 1100px) {
    .rl-main-grid[b-p4z4btg3kl] { grid-template-columns: 1fr; }
    .rl-secondary-grid[b-p4z4btg3kl] { grid-template-columns: 1fr; }
}
@media (max-width: 768px) {
    .lp-page[b-p4z4btg3kl] { padding: 16px 12px 100px; }
}
/* /Pages/Representante/Empresas/RepresentanteEmpresas.razor.rz.scp.css */
.rep-container[b-ghv31brsm8] {
    padding: 24px;
    max-width: 1200px;
    margin: 0 auto;
    min-height: 100vh;
    background:
        radial-gradient(ellipse at 20% 10%, rgba(16,185,129,0.06) 0%, transparent 55%),
        radial-gradient(ellipse at 80% 80%, rgba(139,92,246,0.05) 0%, transparent 55%),
        var(--sollas-bg);
    box-sizing: border-box;
}

:global([data-theme="dark"]) .rep-container[b-ghv31brsm8] {
    background:
        radial-gradient(ellipse at 20% 10%, rgba(16,185,129,0.06) 0%, transparent 55%),
        radial-gradient(ellipse at 80% 80%, rgba(139,92,246,0.05) 0%, transparent 55%),
        var(--sollas-bg);
}

.rep-header[b-ghv31brsm8] {
    display: flex;
    justify-content: space-between;
    align-items: center;
    margin-bottom: 32px;
}

.rep-header h1[b-ghv31brsm8] {
    font-size: 24px;
    font-weight: 800;
    color: var(--sollas-text-main);
    margin: 0 0 4px 0;
}

.rep-header p[b-ghv31brsm8] {
    font-size: 14px;
    color: var(--sollas-text-muted);
    margin: 0;
}

.btn-add[b-ghv31brsm8] {
    background-color: var(--sollas-primary);
    color: white;
    border: none;
    padding: 12px 20px;
    border-radius: var(--sollas-radius-md);
    font-weight: 700;
    display: flex;
    align-items: center;
    gap: 8px;
    cursor: pointer;
    transition: all 0.2s;
}

.btn-add:hover[b-ghv31brsm8] {
    background-color: #059669;
    transform: translateY(-1px);
}

.search-section[b-ghv31brsm8] {
    margin-bottom: 24px;
}

.search-box[b-ghv31brsm8] {
    background: white;
    border: 1px solid var(--sollas-border);
    border-radius: var(--sollas-radius-md);
    padding: 0 16px;
    height: 48px;
    display: flex;
    align-items: center;
    gap: 12px;
    color: var(--sollas-text-muted);
}

.search-box input[b-ghv31brsm8] {
    border: none;
    outline: none;
    flex: 1;
    font-family: var(--sollas-font);
    font-size: 14px;
}

.empresas-grid[b-ghv31brsm8] {
    display: grid;
    grid-template-columns: repeat(auto-fill, minmax(340px, 1fr));
    gap: 20px;
}

.form-grid[b-ghv31brsm8] {
    display: flex;
    flex-direction: column;
    gap: 16px;
}

.form-row[b-ghv31brsm8] {
    display: grid;
    grid-template-columns: 1fr 1fr;
    gap: 16px;
}

.form-field[b-ghv31brsm8] {
    display: flex;
    flex-direction: column;
    gap: 6px;
}

.form-field label[b-ghv31brsm8] {
    font-size: 13px;
    font-weight: 600;
    color: var(--sollas-text-muted);
}

.form-field input[b-ghv31brsm8] {
    height: 44px;
    padding: 0 12px;
    border: 1px solid var(--sollas-border);
    border-radius: var(--sollas-radius-md);
    font-family: var(--sollas-font);
    font-size: 14px;
}

.form-field input:focus[b-ghv31brsm8] {
    border-color: var(--sollas-primary);
    outline: none;
}

.loading[b-ghv31brsm8], .empty-state[b-ghv31brsm8] {
    grid-column: 1 / -1;
    text-align: center;
    padding: 40px;
    color: var(--sollas-text-muted);
    background: var(--sollas-bg);
    border-radius: var(--sollas-radius-md);
    border: 1px dashed var(--sollas-border);
}
/* /Pages/Representante/Representante.razor.rz.scp.css */
.page-container[b-p97w8yj9fo] {
    padding: 24px;
    max-width: 1200px;
    margin: 0 auto;
    padding-bottom: 100px;
    min-height: 100vh;
    background:
        radial-gradient(ellipse at 20% 10%, rgba(16,185,129,0.06) 0%, transparent 55%),
        radial-gradient(ellipse at 80% 80%, rgba(139,92,246,0.05) 0%, transparent 55%),
        var(--sollas-bg);
    box-sizing: border-box;
}

:global([data-theme="dark"]) .page-container[b-p97w8yj9fo] {
    background:
        radial-gradient(ellipse at 20% 10%, rgba(16,185,129,0.06) 0%, transparent 55%),
        radial-gradient(ellipse at 80% 80%, rgba(139,92,246,0.05) 0%, transparent 55%),
        var(--sollas-bg);
}

.page-header[b-p97w8yj9fo] {
    display: flex;
    justify-content: space-between;
    align-items: center;
    margin-bottom: 32px;
}

.header-content h1[b-p97w8yj9fo] {
    margin: 0;
    font-size: 1.8rem;
    color: var(--sollas-text-dark, #263238);
}

.header-content p[b-p97w8yj9fo] {
    margin: 4px 0 0;
    color: var(--sollas-text-muted, #78909c);
}

.btn-primary[b-p97w8yj9fo] {
    background: var(--sollas-primary, #1e88e5);
    color: white;
    border: none;
    padding: 12px 24px;
    border-radius: 12px;
    display: flex;
    align-items: center;
    gap: 8px;
    font-weight: 600;
    cursor: pointer;
    transition: all 0.2s;
    box-shadow: 0 4px 12px rgba(30, 136, 229, 0.3);
}

.btn-primary:hover[b-p97w8yj9fo] {
    transform: translateY(-2px);
    box-shadow: 0 6px 16px rgba(30, 136, 229, 0.4);
}

/* Tabs */
.tabs-container[b-p97w8yj9fo] {
    display: flex;
    gap: 12px;
    margin-bottom: 24px;
    border-bottom: 1px solid #e0e0e0;
    padding-bottom: 12px;
}

.tab-item[b-p97w8yj9fo] {
    background: transparent;
    border: none;
    padding: 8px 16px;
    font-size: 1rem;
    font-weight: 500;
    color: var(--sollas-text-muted, #78909c);
    cursor: pointer;
    position: relative;
    transition: color 0.2s;
}

.tab-item.active[b-p97w8yj9fo] {
    color: var(--sollas-primary, #1e88e5);
    font-weight: 700;
}

.tab-item.active[b-p97w8yj9fo]::after {
    content: '';
    position: absolute;
    bottom: -13px;
    left: 0;
    width: 100%;
    height: 3px;
    background: var(--sollas-primary, #1e88e5);
    border-radius: 3px 3px 0 0;
}

/* Grid */
.grid-list[b-p97w8yj9fo] {
    display: grid;
    grid-template-columns: repeat(auto-fill, minmax(300px, 1fr));
    gap: 20px;
}

.loading[b-p97w8yj9fo], .empty-state[b-p97w8yj9fo] {
    text-align: center;
    padding: 48px;
    color: var(--sollas-text-muted, #78909c);
    grid-column: 1 / -1;
}

/* Form */
.form-container[b-p97w8yj9fo], .form-grid[b-p97w8yj9fo] {
    display: flex;
    flex-direction: column;
    gap: 16px;
}

.form-row[b-p97w8yj9fo] {
    display: grid;
    grid-template-columns: 1fr 1fr;
    gap: 16px;
}

.form-field[b-p97w8yj9fo] {
    display: flex;
    flex-direction: column;
    gap: 8px;
}

.form-field label[b-p97w8yj9fo] {
    font-size: 0.9rem;
    font-weight: 600;
    color: var(--sollas-text-dark, #263238);
}

/* Acesso Negado */
.access-denied[b-p97w8yj9fo] {
    display: flex;
    flex-direction: column;
    align-items: center;
    justify-content: center;
    padding: 64px 24px;
    text-align: center;
    background: white;
    border-radius: 24px;
    box-shadow: 0 4px 20px rgba(0, 0, 0, 0.05);
    margin-top: 40px;
}

.access-denied svg[b-p97w8yj9fo] {
    color: #ef5350;
    margin-bottom: 20px;
}

.access-denied h2[b-p97w8yj9fo] {
    margin: 0;
    font-size: 1.5rem;
    color: var(--sollas-text-dark, #263238);
}

.access-denied p[b-p97w8yj9fo] {
    color: var(--sollas-text-muted, #78909c);
    margin: 8px 0 24px;
}

.btn-back[b-p97w8yj9fo] {
    background: var(--sollas-primary, #1e88e5);
    color: white;
    text-decoration: none;
    padding: 12px 32px;
    border-radius: 12px;
    font-weight: 600;
    transition: all 0.2s;
}

.btn-back:hover[b-p97w8yj9fo] {
    transform: translateY(-2px);
    box-shadow: 0 4px 12px rgba(30, 136, 229, 0.3);
}

@media (max-width: 768px) {
    .page-header[b-p97w8yj9fo] {
        flex-direction: column;
        align-items: flex-start;
        gap: 16px;
    }
    
    .btn-primary[b-p97w8yj9fo] {
        width: 100%;
        justify-content: center;
    }
    
    .form-row[b-p97w8yj9fo] {
        grid-template-columns: 1fr;
    }
}
/* /Pages/Representante/RepresentantePage.razor.rz.scp.css */
/* ── Page wrapper ─────────────────────────────────────────────── */
.rp-page[b-qg5qpgy2eo] {
    padding: 1.75rem;
    min-height: 100vh;
    background:
        radial-gradient(ellipse at 15% 10%, rgba(59,130,246,.07) 0%, transparent 50%),
        radial-gradient(ellipse at 85% 85%, rgba(139,92,246,.06) 0%, transparent 50%),
        var(--sollas-bg);
    box-sizing: border-box;
}

:global([data-theme="dark"]) .rp-page[b-qg5qpgy2eo] {
    background:
        radial-gradient(ellipse at 15% 10%, rgba(59,130,246,.08) 0%, transparent 50%),
        radial-gradient(ellipse at 85% 85%, rgba(139,92,246,.07) 0%, transparent 50%),
        var(--sollas-bg);
}

/* ── Header ───────────────────────────────────────────────────── */
.rp-header[b-qg5qpgy2eo] {
    display: flex;
    align-items: center;
    justify-content: space-between;
    margin-bottom: 1.5rem;
    gap: 1rem;
}

.rp-header-left[b-qg5qpgy2eo] {
    display: flex;
    align-items: center;
    gap: 1rem;
}

.rp-title[b-qg5qpgy2eo] {
    margin: 0;
    font-size: 1.55rem;
    font-weight: 800;
    color: var(--sollas-text-main);
    letter-spacing: -.03em;
    line-height: 1.1;
}

.rp-subtitle[b-qg5qpgy2eo] {
    margin: .2rem 0 0;
    font-size: .82rem;
    color: var(--sollas-text-muted);
    font-weight: 500;
}

/* ── Skeleton cards ───────────────────────────────────────────── */
@keyframes rp-shimmer-b-qg5qpgy2eo {
    0%   { background-position: -400px 0; }
    100% { background-position: 400px 0; }
}

.rp-skel-card[b-qg5qpgy2eo] {
    border-radius: 16px;
    height: 88px;
    background: linear-gradient(90deg, var(--sollas-surface) 25%, rgba(200,200,200,.18) 50%, var(--sollas-surface) 75%);
    background-size: 800px 100%;
    animation: rp-shimmer-b-qg5qpgy2eo 1.4s infinite linear;
    border: 1px solid var(--sollas-border);
}

:global([data-theme="dark"]) .rp-skel-card[b-qg5qpgy2eo] {
    background: linear-gradient(90deg, #132030 25%, rgba(255,255,255,.04) 50%, #132030 75%);
    background-size: 800px 100%;
    animation: rp-shimmer-b-qg5qpgy2eo 1.4s infinite linear;
}

/* ── Panel toolbar (tabs + search) ───────────────────────────── */
.rp-toolbar[b-qg5qpgy2eo] {
    display: flex;
    align-items: center;
    justify-content: space-between;
    gap: 1rem;
    padding: 1rem 1.25rem;
    border-bottom: 1px solid var(--sollas-border);
    flex-wrap: wrap;
}

.rp-tabs[b-qg5qpgy2eo] {
    display: flex;
    gap: .35rem;
    background: var(--sollas-bg);
    border: 1px solid var(--sollas-border);
    border-radius: 10px;
    padding: 3px;
}

.rp-tab[b-qg5qpgy2eo] {
    display: flex;
    align-items: center;
    gap: .45rem;
    padding: .42rem .85rem;
    border-radius: 7px;
    border: none;
    background: transparent;
    color: var(--sollas-text-muted);
    font-size: .8rem;
    font-weight: 600;
    font-family: var(--sollas-font, 'Plus Jakarta Sans', sans-serif);
    cursor: pointer;
    transition: background .18s, color .18s, box-shadow .18s;
    white-space: nowrap;
}

.rp-tab:hover:not(.active)[b-qg5qpgy2eo] {
    background: var(--sollas-surface);
    color: var(--sollas-text-main);
}

.rp-tab.active[b-qg5qpgy2eo] {
    background: var(--sollas-primary);
    color: #fff;
    box-shadow: 0 2px 8px rgba(29,158,117,.35);
}

.rp-tab-badge[b-qg5qpgy2eo] {
    min-width: 20px;
    height: 18px;
    border-radius: 9px;
    background: rgba(255,255,255,.22);
    color: inherit;
    font-size: .67rem;
    font-weight: 700;
    padding: 0 5px;
    display: flex;
    align-items: center;
    justify-content: center;
    line-height: 1;
}

.rp-tab:not(.active) .rp-tab-badge[b-qg5qpgy2eo] {
    background: var(--sollas-border);
    color: var(--sollas-text-muted);
}

/* ── Search ───────────────────────────────────────────────────── */
.rp-search-wrap[b-qg5qpgy2eo] {
    display: flex;
    align-items: center;
    gap: .55rem;
    background: var(--sollas-bg);
    border: 1.5px solid var(--sollas-border);
    border-radius: 10px;
    padding: .45rem .9rem;
    transition: border-color .18s, box-shadow .18s;
    min-width: 220px;
}

.rp-search-wrap:focus-within[b-qg5qpgy2eo] {
    border-color: var(--sollas-primary);
    box-shadow: 0 0 0 3px rgba(29,158,117,.12);
}

.rp-search-icon[b-qg5qpgy2eo] {
    color: var(--sollas-text-muted);
    flex-shrink: 0;
}

.rp-search-input[b-qg5qpgy2eo] {
    border: none;
    background: transparent;
    color: var(--sollas-text-main);
    font-size: .82rem;
    font-family: var(--sollas-font, 'Plus Jakarta Sans', sans-serif);
    width: 100%;
    outline: none;
}

.rp-search-input[b-qg5qpgy2eo]::placeholder { color: var(--sollas-text-muted); }

/* ── Content + Grid ───────────────────────────────────────────── */
.rp-content[b-qg5qpgy2eo] { padding: 1.25rem; }

.rp-grid[b-qg5qpgy2eo] {
    display: grid;
    grid-template-columns: repeat(auto-fill, minmax(280px, 1fr));
    gap: 1rem;
}

.rp-grid-empresa[b-qg5qpgy2eo] {
    grid-template-columns: repeat(auto-fill, minmax(320px, 1fr));
}

/* ── Skeleton rows ────────────────────────────────────────────── */
.rp-skel-row[b-qg5qpgy2eo] {
    height: 72px;
    border-radius: 12px;
    background: linear-gradient(90deg, var(--sollas-surface) 25%, rgba(200,200,200,.15) 50%, var(--sollas-surface) 75%);
    background-size: 800px 100%;
    animation: rp-shimmer-b-qg5qpgy2eo 1.4s infinite linear;
    border: 1px solid var(--sollas-border);
}

.rp-skel-empresa[b-qg5qpgy2eo] { height: 90px; }

:global([data-theme="dark"]) .rp-skel-row[b-qg5qpgy2eo] {
    background: linear-gradient(90deg, #132030 25%, rgba(255,255,255,.04) 50%, #132030 75%);
    background-size: 800px 100%;
    animation: rp-shimmer-b-qg5qpgy2eo 1.4s infinite linear;
}

/* ── Empty state ──────────────────────────────────────────────── */
.rp-empty[b-qg5qpgy2eo] {
    display: flex;
    flex-direction: column;
    align-items: center;
    justify-content: center;
    padding: 3.5rem 1.5rem;
    text-align: center;
    gap: .85rem;
}

.rp-empty-icon[b-qg5qpgy2eo] {
    width: 76px;
    height: 76px;
    border-radius: 20px;
    background: var(--sollas-bg);
    border: 1.5px solid var(--sollas-border);
    display: flex;
    align-items: center;
    justify-content: center;
    color: var(--sollas-text-muted);
}

.rp-empty p[b-qg5qpgy2eo] {
    margin: 0;
    font-size: .88rem;
    color: var(--sollas-text-muted);
    font-weight: 500;
}

.rp-clear-btn[b-qg5qpgy2eo] {
    border: 1.5px solid var(--sollas-primary);
    background: transparent;
    color: var(--sollas-primary);
    font-size: .78rem;
    font-weight: 600;
    font-family: var(--sollas-font, 'Plus Jakarta Sans', sans-serif);
    padding: .4rem .9rem;
    border-radius: 8px;
    cursor: pointer;
    transition: background .18s, color .18s;
}

.rp-clear-btn:hover[b-qg5qpgy2eo] {
    background: var(--sollas-primary);
    color: #fff;
}

/* ── Footer count ─────────────────────────────────────────────── */
.rp-footer[b-qg5qpgy2eo] {
    margin-top: 1rem;
    padding-top: .75rem;
    border-top: 1px solid var(--sollas-border);
    font-size: .75rem;
    font-weight: 600;
    color: var(--sollas-text-muted);
    text-align: right;
}

/* ── Form inside modal ────────────────────────────────────────── */
.rp-form[b-qg5qpgy2eo] {
    display: flex;
    flex-direction: column;
    gap: 1rem;
}

.rp-form-row[b-qg5qpgy2eo] {
    display: grid;
    grid-template-columns: 1fr 1fr;
    gap: 1rem;
}

.form-field[b-qg5qpgy2eo] {
    display: flex;
    flex-direction: column;
    gap: .45rem;
}

.form-label[b-qg5qpgy2eo] {
    font-size: .8rem;
    font-weight: 700;
    color: var(--sollas-text-main);
}

.form-error[b-qg5qpgy2eo] {
    font-size: .75rem;
    color: #EF4444;
    font-weight: 500;
}

.rp-required[b-qg5qpgy2eo] { color: #EF4444; }

/* ── Access denied ────────────────────────────────────────────── */
.rp-denied[b-qg5qpgy2eo] {
    display: flex;
    align-items: center;
    justify-content: center;
    min-height: 60vh;
}

.rp-denied-card[b-qg5qpgy2eo] {
    display: flex;
    flex-direction: column;
    align-items: center;
    gap: 1rem;
    padding: 3rem 2.5rem;
    background: var(--sollas-surface);
    border: 1px solid var(--sollas-border);
    border-radius: 20px;
    text-align: center;
    max-width: 400px;
    box-shadow:
        inset 0 1px 0 rgba(255,255,255,.55),
        0 8px 32px rgba(0,0,0,.08);
}

.rp-denied-icon[b-qg5qpgy2eo] {
    width: 72px;
    height: 72px;
    border-radius: 18px;
    background: rgba(239,68,68,.1);
    border: 1px solid rgba(239,68,68,.2);
    display: flex;
    align-items: center;
    justify-content: center;
    color: #EF4444;
}

.rp-denied-card h2[b-qg5qpgy2eo] {
    margin: 0;
    font-size: 1.25rem;
    font-weight: 800;
    color: var(--sollas-text-main);
}

.rp-denied-card p[b-qg5qpgy2eo] {
    margin: 0;
    font-size: .85rem;
    color: var(--sollas-text-muted);
}

/* ── Dark mode ────────────────────────────────────────────────── */
:global([data-theme="dark"]) .rp-tabs[b-qg5qpgy2eo] {
    background: rgba(255,255,255,.03);
    border-color: rgba(255,255,255,.07);
}

:global([data-theme="dark"]) .rp-tab:hover:not(.active)[b-qg5qpgy2eo] {
    background: rgba(255,255,255,.06);
}

:global([data-theme="dark"]) .rp-search-wrap[b-qg5qpgy2eo] {
    background: rgba(255,255,255,.04);
    border-color: rgba(255,255,255,.08);
}

:global([data-theme="dark"]) .rp-empty-icon[b-qg5qpgy2eo] {
    background: rgba(255,255,255,.04);
    border-color: rgba(255,255,255,.08);
}

:global([data-theme="dark"]) .rp-denied-card[b-qg5qpgy2eo] {
    background: linear-gradient(135deg, #132030 0%, #0F1B2D 100%);
    border-color: rgba(255,255,255,.07);
    box-shadow: inset 0 1px 0 rgba(255,255,255,.06), 0 8px 32px rgba(0,0,0,.35);
}

/* ── Responsive ───────────────────────────────────────────────── */
@media (max-width: 768px) {
    .rp-page[b-qg5qpgy2eo] { padding: 1rem; }

    .rp-header[b-qg5qpgy2eo] {
        flex-direction: column;
        align-items: flex-start;
    }

    .rp-toolbar[b-qg5qpgy2eo] {
        flex-direction: column;
        align-items: stretch;
    }

    .rp-search-wrap[b-qg5qpgy2eo] { min-width: unset; }

    .rp-form-row[b-qg5qpgy2eo] { grid-template-columns: 1fr; }

    .rp-grid[b-qg5qpgy2eo],
    .rp-grid-empresa[b-qg5qpgy2eo] { grid-template-columns: 1fr; }
}
/* /Pages/Servico/ServicoList.razor.rz.scp.css */
/* ServicoList.razor.css — apenas estilos page-specific */

.lp-page[b-4eezbm966a] {
    min-height: 100vh;
    padding: 28px 28px 100px;
    background:
        radial-gradient(ellipse at 20% 10%, rgba(16,185,129,0.06) 0%, transparent 55%),
        radial-gradient(ellipse at 80% 80%, rgba(139,92,246,0.05) 0%, transparent 55%),
        var(--sollas-bg);
    box-sizing: border-box;
}

/* ── Colunas desta página (sistema global de listagem) ───── */
.lp-page[b-4eezbm966a] {
    --lp-grid:
        minmax(150px, 1.2fr) /* nome   */
        minmax(104px, .7fr)  /* cat    */
        minmax(150px, 1.4fr) /* desc   */
        minmax(110px, .6fr)  /* valor  */
        minmax(100px, .5fr)  /* status */
        88px;                /* ações  */
}

/* Valor à direita — cabeçalho, campo de pesquisa e valores */
.lp-ch-cell.col-valor[b-4eezbm966a] { text-align: right; justify-content: flex-end; }
.lp-cr-col.col-valor[b-4eezbm966a]  { justify-content: flex-end; }
.lp-filter-bar[b-4eezbm966a]  .col-valor .lp-ff-input { text-align: right; }

/* Status centralizado — cabeçalho, select e badges */
.lp-ch-cell.col-status[b-4eezbm966a] { text-align: center; justify-content: center; }
.lp-cr-col.col-status[b-4eezbm966a]  { justify-content: center; }

/* ── Nome cell ───────────────────────────────────────────── */
.sc-nome-text[b-4eezbm966a] {
    font-size: 0.875rem; font-weight: 600;
    color: var(--sollas-text-main);
    white-space: nowrap; overflow: hidden; text-overflow: ellipsis;
}

/* ── Categoria badge ─────────────────────────────────────── */
.sc-badge-cat[b-4eezbm966a] {
    display: inline-block;
    font-size: 0.68rem; font-weight: 600;
    border-radius: 6px; padding: 2px 8px;
    background: rgba(245,158,11,.1); color: #D97706;
    border: 1px solid rgba(245,158,11,.2);
    white-space: nowrap;
}

/* ── Text styles ─────────────────────────────────────────── */
.sc-muted[b-4eezbm966a] {
    font-size: 0.82rem;
    color: var(--sollas-text-muted);
    white-space: nowrap; overflow: hidden; text-overflow: ellipsis;
}
.sc-valor[b-4eezbm966a] {
    font-size: 0.875rem; font-weight: 600;
    color: #10B981;
    white-space: nowrap;
}

/* ── Status badge ────────────────────────────────────────── */
.sc-badge[b-4eezbm966a] {
    display: inline-flex; align-items: center;
    padding: 3px 10px; border-radius: 999px;
    font-size: 0.7rem; font-weight: 700;
    letter-spacing: .04em; text-transform: uppercase;
}
.sc-badge.ativo[b-4eezbm966a]   { background: rgba(16,185,129,.12); color: #10B981; border: 1px solid rgba(16,185,129,.25); }
.sc-badge.inativo[b-4eezbm966a] { background: rgba(107,114,128,.10); color: #6B7280; border: 1px solid rgba(107,114,128,.2); }

/* ── FilterSelect override ───────────────────────────────── */
.sc-ff-sel[b-4eezbm966a] { padding: 0; }
.sc-ff-sel[b-4eezbm966a]  .fsel-wrap { width: 100%; height: 100%; }
.sc-ff-sel[b-4eezbm966a]  .fsel-trigger {
    border: none; border-radius: 0; background: transparent;
    box-shadow: none !important; min-height: auto; height: 34px;
    justify-content: center; padding-left: 26px; /* simétrico ao chevron */
}
.sc-ff-sel[b-4eezbm966a]  .fsel-trigger:hover,
.sc-ff-sel[b-4eezbm966a]  .fsel-trigger.open { background: transparent; border-color: transparent; }

/* ── Dark mode ───────────────────────────────────────────── */
:global([data-theme="dark"]) .lp-page[b-4eezbm966a] {
    background:
        radial-gradient(ellipse at 20% 10%, rgba(16,185,129,0.06) 0%, transparent 55%),
        radial-gradient(ellipse at 80% 80%, rgba(139,92,246,0.05) 0%, transparent 55%),
        var(--sollas-bg);
}

/* ── Responsive ──────────────────────────────────────────── */
@media (max-width: 1200px) {
    .lp-page[b-4eezbm966a] { --lp-grid: minmax(140px, 1.2fr) minmax(140px, 1.4fr) minmax(110px, .6fr) minmax(100px, .5fr) 88px; }
    .col-cat[b-4eezbm966a] { display: none; }
    .lp-filter-bar[b-4eezbm966a]  .col-cat { display: none; }
}
@media (max-width: 1100px) {
    .lp-page[b-4eezbm966a] { --lp-grid: minmax(120px, 1fr) minmax(110px, .6fr) minmax(100px, .5fr) 88px; }
    .col-desc[b-4eezbm966a] { display: none; }
    .lp-filter-bar[b-4eezbm966a]  .col-desc { display: none; }
}
@media (max-width: 768px) {
    .lp-page[b-4eezbm966a] {
        padding: 16px 12px 100px;
        --lp-grid: minmax(110px, 1fr) minmax(104px, .6fr) 88px;
    }
    .col-desc[b-4eezbm966a], .col-status[b-4eezbm966a] { display: none; }
    .lp-filter-bar[b-4eezbm966a]  .col-status { display: none; }
}
/* /Pages/Usuario/UsuarioList.razor.rz.scp.css */
/* UsuarioList.razor.css — apenas estilos page-specific */

.lp-page[b-xk6ppqbj92] {
    min-height: 100vh;
    padding: 28px 28px 100px;
    background:
        radial-gradient(ellipse at 20% 10%, rgba(16,185,129,0.06) 0%, transparent 55%),
        radial-gradient(ellipse at 80% 80%, rgba(139,92,246,0.05) 0%, transparent 55%),
        var(--sollas-bg);
    box-sizing: border-box;
}

/* ── Colunas desta página (sistema global de listagem) ───── */
.lp-page[b-xk6ppqbj92] {
    --lp-grid:
        minmax(150px, 1.3fr) /* nome   */
        minmax(150px, 1.3fr) /* email  */
        minmax(100px, .6fr)  /* data   */
        minmax(100px, .6fr)  /* status */
        88px;                /* ações  */
}

/* Cadastro (data) centralizado — cabeçalho, campo de pesquisa e valores */
.lp-ch-cell.col-data[b-xk6ppqbj92] { text-align: center; justify-content: center; }
.lp-cr-col.col-data[b-xk6ppqbj92]  { justify-content: center; }
.lp-filter-bar[b-xk6ppqbj92]  .col-data .lp-ff-input { text-align: center; }

/* Status centralizado — cabeçalho, select e badges */
.lp-ch-cell.col-status[b-xk6ppqbj92] { text-align: center; justify-content: center; }
.lp-cr-col.col-status[b-xk6ppqbj92]  { justify-content: center; }

/* ── Nome cell ───────────────────────────────────────────── */
.us-nome-text[b-xk6ppqbj92] {
    font-size: 0.875rem; font-weight: 600;
    color: var(--sollas-text-main);
    white-space: nowrap; overflow: hidden; text-overflow: ellipsis;
}

/* ── Text styles ─────────────────────────────────────────── */
.us-muted[b-xk6ppqbj92] {
    font-size: 0.82rem;
    color: var(--sollas-text-muted);
    white-space: nowrap; overflow: hidden; text-overflow: ellipsis;
}

/* ── Status badge ────────────────────────────────────────── */
.us-badge[b-xk6ppqbj92] {
    display: inline-flex; align-items: center;
    padding: 3px 10px; border-radius: 999px;
    font-size: 0.7rem; font-weight: 700;
    letter-spacing: .04em; text-transform: uppercase;
}
.us-badge.ativo[b-xk6ppqbj92]   { background: rgba(16,185,129,.12); color: #10B981; border: 1px solid rgba(16,185,129,.25); }
.us-badge.inativo[b-xk6ppqbj92] { background: rgba(107,114,128,.10); color: #6B7280; border: 1px solid rgba(107,114,128,.2); }

/* ── FilterSelect override ───────────────────────────────── */
.us-ff-sel[b-xk6ppqbj92] { padding: 0; }
.us-ff-sel[b-xk6ppqbj92]  .fsel-wrap { width: 100%; height: 100%; }
.us-ff-sel[b-xk6ppqbj92]  .fsel-trigger {
    border: none; border-radius: 0; background: transparent;
    box-shadow: none !important; min-height: auto; height: 34px;
    justify-content: center; padding-left: 26px; /* simétrico ao chevron */
}
.us-ff-sel[b-xk6ppqbj92]  .fsel-trigger:hover,
.us-ff-sel[b-xk6ppqbj92]  .fsel-trigger.open { background: transparent; border-color: transparent; }

/* ── Dark mode ───────────────────────────────────────────── */
:global([data-theme="dark"]) .lp-page[b-xk6ppqbj92] {
    background:
        radial-gradient(ellipse at 20% 10%, rgba(16,185,129,0.06) 0%, transparent 55%),
        radial-gradient(ellipse at 80% 80%, rgba(139,92,246,0.05) 0%, transparent 55%),
        var(--sollas-bg);
}

/* ── Responsive ──────────────────────────────────────────── */
@media (max-width: 1100px) {
    .lp-page[b-xk6ppqbj92] { --lp-grid: minmax(140px, 1.3fr) minmax(140px, 1.3fr) minmax(100px, .6fr) 88px; }
    .col-data[b-xk6ppqbj92] { display: none; }
    .lp-filter-bar[b-xk6ppqbj92]  .col-data { display: none; }
}
@media (max-width: 768px) {
    .lp-page[b-xk6ppqbj92] {
        padding: 16px 12px 100px;
        --lp-grid: minmax(120px, 1fr) 88px;
    }
    .col-email[b-xk6ppqbj92], .col-data[b-xk6ppqbj92], .col-status[b-xk6ppqbj92] { display: none; }
    .lp-filter-bar[b-xk6ppqbj92]  .col-email,
    .lp-filter-bar[b-xk6ppqbj92]  .col-status { display: none; }
}