@import '_content/VoyagerChartPro.UI/VoyagerChartPro.UI.kjzkeccmb4.bundle.scp.css';

/* /Components/Layout/MainLayout.razor.rz.scp.css */
/* Voy Desktop Sidebar Styles */
.voy-sidebar-brand-header[b-0213uhstc2] {
    display: flex;
    align-items: center;
    gap: 0.75rem;
    padding: 1.25rem 1rem;
    border-bottom: 1px solid var(--sidebar-border);
}

.voy-sidebar-logo-container[b-0213uhstc2] {
    width: 36px;
    height: 36px;
    border-radius: var(--radius-md);
    background-color: var(--color-tangerine);
    color: white;
    display: flex;
    align-items: center;
    justify-content: center;
    font-family: var(--font-display);
    font-weight: 700;
    font-size: 1.25rem;
    box-shadow: var(--shadow-sm);
    flex-shrink: 0;
}

.voy-sidebar-brand-text[b-0213uhstc2] {
    display: flex;
    flex-direction: column;
    line-height: 1.15;
}

.voy-brand-name[b-0213uhstc2] {
    font-family: var(--font-display);
    font-weight: 700;
    font-size: 1.0625rem;
    color: var(--sidebar-foreground);
}

.voy-brand-tagline[b-0213uhstc2] {
    font-family: var(--font-sans);
    font-size: 0.625rem;
    letter-spacing: 0.15em;
    color: var(--sidebar-primary);
    font-weight: 600;
}

.voy-sidebar-nav-scroll[b-0213uhstc2] {
    flex: 1;
    overflow-y: auto;
    padding: 0.5rem 0;
}

.voy-sidebar-footer[b-0213uhstc2] {
    display: flex;
    flex-direction: column;
    gap: 0.75rem;
    padding: 1rem;
    border-top: 1px solid var(--sidebar-border);
    background-color: oklch(0.22 0.04 192);
}

.voy-user-profile-bar[b-0213uhstc2] {
    display: flex;
    align-items: center;
    gap: 0.625rem;
}

.voy-user-avatar[b-0213uhstc2] {
    width: 32px;
    height: 32px;
    border-radius: 50%;
    background-color: var(--sidebar-accent);
    color: var(--sidebar-foreground);
    display: flex;
    align-items: center;
    justify-content: center;
    font-size: 0.75rem;
    font-weight: 600;
    border: 1px solid var(--sidebar-border);
    flex-shrink: 0;
}

.voy-user-details[b-0213uhstc2] {
    flex: 1;
    display: flex;
    flex-direction: column;
    line-height: 1.2;
    overflow: hidden;
}

.voy-user-name[b-0213uhstc2] {
    font-size: 0.8125rem;
    font-weight: 600;
    color: var(--sidebar-foreground);
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis;
}

.voy-user-role[b-0213uhstc2] {
    font-size: 0.6875rem;
    color: oklch(0.94 0.006 190 / 60%);
}

.voy-sidebar-logout-btn[b-0213uhstc2] {
    display: flex;
    align-items: center;
    gap: 0.5rem;
    padding: 0.375rem 0.625rem;
    border-radius: var(--radius-sm);
    color: oklch(0.94 0.006 190 / 70%);
    font-size: 0.75rem;
    font-weight: 500;
    text-decoration: none;
    background: transparent;
    border: none;
    cursor: pointer;
    font-family: inherit;
    transition: all 0.15s ease;
}

.voy-sidebar-logout-btn:hover[b-0213uhstc2] {
    color: var(--color-tangerine);
    background-color: var(--sidebar-accent);
}

/* Desktop Top Header */
.voy-desktop-top-header[b-0213uhstc2] {
    display: none;
    height: 48px;
    align-items: center;
    justify-content: space-between;
    padding: 0 1.5rem;
    border-bottom: 1px solid var(--border);
    background-color: var(--card);
}

@media (min-width: 1024px) {
    .voy-desktop-top-header[b-0213uhstc2] {
        display: flex;
    }
}

.voy-top-badge[b-0213uhstc2] {
    font-size: 0.75rem;
    font-weight: 600;
    color: var(--color-petrol);
    background-color: oklch(0.35 0.055 190 / 10%);
    padding: 0.25rem 0.625rem;
    border-radius: var(--radius-sm);
}

.voy-top-header-right[b-0213uhstc2] {
    display: flex;
    align-items: center;
    gap: 0.5rem;
}

.voy-status-dot[b-0213uhstc2] {
    width: 8px;
    height: 8px;
    border-radius: 50%;
    background-color: var(--success);
}

.voy-status-text[b-0213uhstc2] {
    font-size: 0.75rem;
    color: var(--muted-foreground);
    font-weight: 500;
}

/* Main Content */
.voy-main-content[b-0213uhstc2] {
    flex: 1;
    max-width: 1300px;
    width: 100%;
    margin: 0 auto;
    padding: 1.25rem 1rem;
}

@media (min-width: 768px) {
    .voy-main-content[b-0213uhstc2] {
        padding: 2rem 1.5rem;
    }
}

/* Mobile Top Bar Controls */
.voy-mobile-menu-btn[b-0213uhstc2] {
    background: transparent;
    border: none;
    color: inherit;
    font-size: 1.25rem;
    cursor: pointer;
    width: 40px;
    height: 40px;
    display: inline-flex;
    align-items: center;
    justify-content: center;
    border-radius: var(--radius-sm);
}

.voy-mobile-menu-btn:hover[b-0213uhstc2] {
    background-color: rgba(255, 255, 255, 0.1);
}

.voy-bottom-nav-btn[b-0213uhstc2] {
    background: transparent;
    border: none;
    cursor: pointer;
}

.voy-mobile-drawer-content[b-0213uhstc2] {
    padding: 0.5rem 0;
    background-color: var(--sidebar);
    border-radius: var(--radius-md);
}
/* /Components/Layout/NavMenu.razor.rz.scp.css */
.voy-nav-menu[b-u00axpue4u] {
    display: flex;
    flex-direction: column;
    gap: 1rem;
    padding: 0.75rem 0.5rem;
    font-family: var(--font-sans);
}

.voy-nav-group[b-u00axpue4u] {
    display: flex;
    flex-direction: column;
    gap: 0.25rem;
}

.voy-nav-group-label[b-u00axpue4u] {
    font-size: 0.6875rem;
    font-weight: 600;
    text-transform: uppercase;
    letter-spacing: 0.12em;
    color: oklch(0.94 0.006 190 / 60%);
    padding: 0.25rem 0.75rem;
    margin-bottom: 0.125rem;
}

[b-u00axpue4u] .voy-nav-link {
    display: flex;
    align-items: center;
    gap: 0.75rem;
    padding: 0.5rem 0.75rem;
    min-height: 40px;
    border-radius: var(--radius-md);
    color: oklch(0.94 0.006 190 / 85%);
    text-decoration: none;
    font-size: 0.875rem;
    font-weight: 500;
    transition: all 0.15s ease;
}

[b-u00axpue4u] .voy-nav-link:hover {
    background-color: var(--sidebar-accent);
    color: white;
}

[b-u00axpue4u] .voy-nav-link.active {
    background-color: var(--sidebar-primary);
    color: white;
    font-weight: 600;
    box-shadow: var(--shadow-sm);
}

.voy-nav-icon[b-u00axpue4u] {
    font-size: 1.125rem;
    line-height: 1;
    width: 20px;
    display: inline-flex;
    justify-content: center;
}

.voy-nav-text[b-u00axpue4u] {
    flex: 1;
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis;
}
/* /Components/Layout/ReconnectModal.razor.rz.scp.css */
.components-reconnect-first-attempt-visible[b-8sl432zpyz],
.components-reconnect-repeated-attempt-visible[b-8sl432zpyz],
.components-reconnect-failed-visible[b-8sl432zpyz],
.components-pause-visible[b-8sl432zpyz],
.components-resume-failed-visible[b-8sl432zpyz],
.components-rejoining-animation[b-8sl432zpyz] {
    display: none;
}

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


#components-reconnect-modal[b-8sl432zpyz] {
    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-8sl432zpyz 0.5s both;
    &[open]

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

}

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

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

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

@keyframes components-reconnect-modal-fadeInOpacity-b-8sl432zpyz {
    0% {
        opacity: 0;
    }

    100% {
        opacity: 1;
    }
}

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

    100% {
        opacity: 0;
    }
}

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

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

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

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

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

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

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

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

@keyframes components-rejoining-animation-b-8sl432zpyz {
    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/Pages/Companies/BankAccountsPage.razor.rz.scp.css */
.bank-accounts-container[b-hpc1vdv1zj] {
    padding: 1.5rem;
    max-width: 1280px;
    margin: 0 auto;
}

.back-link[b-hpc1vdv1zj] {
    display: inline-flex;
    align-items: center;
    font-size: 0.875rem;
    color: var(--color-petrol-light, #205c6d);
    text-decoration: none;
    margin-bottom: 0.75rem;
    font-weight: 500;
}

.back-link:hover[b-hpc1vdv1zj] {
    text-decoration: underline;
}

.header-title-row[b-hpc1vdv1zj] {
    display: flex;
    justify-content: space-between;
    align-items: flex-start;
    flex-wrap: wrap;
    gap: 1rem;
}

.company-subtitle[b-hpc1vdv1zj] {
    color: var(--color-text-secondary, #64748b);
    margin-top: 0.25rem;
}

/* KPI Grid */
.kpi-grid[b-hpc1vdv1zj] {
    display: grid;
    grid-template-columns: repeat(auto-fit, minmax(220px, 1fr));
    gap: 1rem;
}

.kpi-card[b-hpc1vdv1zj] {
    background: #ffffff;
    border: 1px solid var(--color-border, #e2e8f0);
    border-radius: 14px;
    padding: 1.25rem;
    display: flex;
    flex-direction: column;
    box-shadow: 0 2px 4px rgba(0,0,0,0.03);
}

.kpi-card.total-balance[b-hpc1vdv1zj] {
    background: linear-gradient(135deg, #0d2b33 0%, #16404d 100%);
    color: #ffffff;
    border: none;
}

.kpi-card.total-balance .kpi-label[b-hpc1vdv1zj] {
    color: rgba(255, 255, 255, 0.8);
}

.kpi-card.total-balance .kpi-value[b-hpc1vdv1zj] {
    color: #ffffff;
}

.kpi-card.total-balance .kpi-caption[b-hpc1vdv1zj] {
    color: rgba(255, 255, 255, 0.7);
}

.kpi-label[b-hpc1vdv1zj] {
    font-size: 0.78rem;
    text-transform: uppercase;
    letter-spacing: 0.05em;
    font-weight: 600;
    color: #64748b;
}

.kpi-value[b-hpc1vdv1zj] {
    font-family: var(--font-heading, 'Fraunces', serif);
    font-size: 1.65rem;
    font-weight: 700;
    margin: 0.35rem 0;
    color: #0d2b33;
}

.kpi-caption[b-hpc1vdv1zj] {
    font-size: 0.75rem;
    color: #94a3b8;
}

/* Filter Bar */
.filter-bar[b-hpc1vdv1zj] {
    display: flex;
    gap: 1rem;
    align-items: center;
    flex-wrap: wrap;
    background: #ffffff;
    padding: 1rem;
    border-radius: 12px;
    border: 1px solid #e2e8f0;
}

.search-input-wrapper[b-hpc1vdv1zj] {
    flex: 1;
    min-width: 250px;
}

.filter-controls[b-hpc1vdv1zj] {
    display: flex;
    align-items: center;
    gap: 1rem;
    flex-wrap: wrap;
}

.filter-type-select[b-hpc1vdv1zj] {
    width: auto;
    min-width: 160px;
}

.checkbox-label[b-hpc1vdv1zj] {
    display: inline-flex;
    align-items: center;
    gap: 0.5rem;
    font-size: 0.85rem;
    color: #334155;
    cursor: pointer;
}

/* Accounts Grid */
.accounts-grid[b-hpc1vdv1zj] {
    display: grid;
    grid-template-columns: repeat(auto-fill, minmax(320px, 1fr));
    gap: 1.25rem;
    margin-top: 1.5rem;
}

/* Bottom Sheet Form */
.sheet-form[b-hpc1vdv1zj] {
    display: flex;
    flex-direction: column;
}

.conditional-section[b-hpc1vdv1zj] {
    background: #f8fafc;
    border: 1px solid #e2e8f0;
    border-radius: 10px;
}

.sheet-actions[b-hpc1vdv1zj] {
    display: flex;
    justify-content: flex-end;
    gap: 0.75rem;
}

.voy-alert[b-hpc1vdv1zj] {
    padding: 0.875rem 1.25rem;
    border-radius: 10px;
    display: flex;
    justify-content: space-between;
    align-items: center;
    font-size: 0.9rem;
}

.voy-alert-success[b-hpc1vdv1zj] {
    background: #ecfdf5;
    border: 1px solid #a7f3d0;
    color: #065f46;
}

.voy-alert-danger[b-hpc1vdv1zj] {
    background: #fef2f2;
    border: 1px solid #fecaca;
    color: #991b1b;
}

.alert-close-btn[b-hpc1vdv1zj] {
    background: transparent;
    border: none;
    font-size: 1.25rem;
    cursor: pointer;
    color: inherit;
}

@media (max-width: 640px) {
    .bank-accounts-container[b-hpc1vdv1zj] {
        padding: 1rem;
    }

    .accounts-grid[b-hpc1vdv1zj] {
        grid-template-columns: 1fr;
    }

    .kpi-grid[b-hpc1vdv1zj] {
        grid-template-columns: 1fr;
    }

    .filter-bar[b-hpc1vdv1zj] {
        flex-direction: column;
        align-items: stretch;
    }

    .filter-controls[b-hpc1vdv1zj] {
        flex-direction: column;
        align-items: stretch;
    }

    .filter-type-select[b-hpc1vdv1zj] {
        width: 100%;
    }
}

/* Tabs */
.voy-tabs[b-hpc1vdv1zj] {
    display: flex;
    gap: 0.5rem;
    border-bottom: 2px solid var(--color-border, #e2e8f0);
    padding-bottom: 0.25rem;
    margin-bottom: 1.25rem;
}

.voy-tab-btn[b-hpc1vdv1zj] {
    background: transparent;
    border: none;
    padding: 0.75rem 1.25rem;
    font-size: 0.95rem;
    font-weight: 600;
    color: var(--color-text-secondary, #64748b);
    border-radius: 8px 8px 0 0;
    cursor: pointer;
    transition: all 0.2s ease;
    min-height: 44px;
}

.voy-tab-btn:hover[b-hpc1vdv1zj] {
    color: var(--color-petrol, #16404d);
    background: rgba(0, 0, 0, 0.03);
}

.voy-tab-btn.active[b-hpc1vdv1zj] {
    color: var(--color-petrol, #16404d);
    border-bottom: 3px solid var(--color-tangerine, #ea580c);
    background: transparent;
}

/* Transfer Simulation Card */
.transfer-simulation-card[b-hpc1vdv1zj] {
    background: #f8fafc;
    border: 1px solid var(--color-border, #e2e8f0);
    border-radius: 10px;
    padding: 1rem;
    margin-top: 1rem;
    display: flex;
    flex-direction: column;
    gap: 0.5rem;
}

.simulation-row[b-hpc1vdv1zj] {
    display: flex;
    justify-content: space-between;
    align-items: center;
    font-size: 0.875rem;
}

.simulation-label[b-hpc1vdv1zj] {
    color: var(--color-text-secondary, #64748b);
}

.simulation-value[b-hpc1vdv1zj] {
    font-weight: 600;
}

/* Transfers Table / Cards */
.transfers-table-container[b-hpc1vdv1zj] {
    background: #ffffff;
    border: 1px solid var(--color-border, #e2e8f0);
    border-radius: 12px;
    overflow-x: auto;
    margin-top: 1rem;
    box-shadow: 0 1px 3px rgba(0,0,0,0.02);
}

.transfers-table[b-hpc1vdv1zj] {
    width: 100%;
    border-collapse: collapse;
    text-align: left;
    min-width: 600px;
}

.transfers-table th[b-hpc1vdv1zj] {
    background: #f8fafc;
    padding: 0.875rem 1rem;
    font-size: 0.8rem;
    text-transform: uppercase;
    letter-spacing: 0.05em;
    color: var(--color-text-secondary, #64748b);
    border-bottom: 1px solid var(--color-border, #e2e8f0);
}

.transfers-table td[b-hpc1vdv1zj] {
    padding: 1rem;
    border-bottom: 1px solid #f1f5f9;
    font-size: 0.9rem;
}

.transfers-table tr:hover td[b-hpc1vdv1zj] {
    background: rgba(0,0,0,0.015);
}

.text-right[b-hpc1vdv1zj] {
    text-align: right;
}

.transfer-accounts-cell[b-hpc1vdv1zj] {
    display: flex;
    align-items: center;
    gap: 0.5rem;
}

.transfer-arrow[b-hpc1vdv1zj] {
    color: var(--color-tangerine, #ea580c);
    font-weight: bold;
}
/* /Components/Pages/Companies/ChartOfAccountsPage.razor.rz.scp.css */
.chart-accounts-container[b-mei54rhiz5] {
    max-width: 1200px;
    margin: 0 auto;
    padding: 1.5rem 1rem;
}

.chart-accounts-header[b-mei54rhiz5] {
    margin-bottom: 1.5rem;
}

.back-link[b-mei54rhiz5] {
    display: inline-block;
    color: var(--voy-color-petrol, oklch(0.35 0.08 215));
    font-size: 0.875rem;
    font-weight: 500;
    text-decoration: none;
    margin-bottom: 0.75rem;
    transition: opacity 0.15s ease;
}

.back-link:hover[b-mei54rhiz5] {
    text-decoration: underline;
}

.header-title-row[b-mei54rhiz5] {
    display: flex;
    justify-content: space-between;
    align-items: flex-start;
    gap: 1rem;
    flex-wrap: wrap;
}

.company-subtitle[b-mei54rhiz5] {
    color: var(--voy-color-text-muted, #64748b);
    margin-top: 0.25rem;
    margin-bottom: 0;
}

.header-actions[b-mei54rhiz5] {
    display: flex;
    gap: 0.5rem;
    flex-wrap: wrap;
}

.search-bar-container[b-mei54rhiz5] {
    width: 100%;
}

.tree-search-input[b-mei54rhiz5] {
    width: 100%;
    min-height: 48px;
    padding: 0.75rem 1rem;
    border-radius: var(--voy-radius-md, 0.5rem);
    border: 1px solid var(--voy-color-border, #cbd5e1);
    background-color: var(--voy-color-surface, #ffffff);
    color: var(--voy-color-text-primary, #0f172a);
    font-size: 1rem;
}

.tree-card[b-mei54rhiz5] {
    background-color: var(--voy-color-surface, #ffffff);
    border-radius: var(--voy-radius-lg, 0.75rem);
    border: 1px solid var(--voy-color-border, #e2e8f0);
}

.tree-nodes-list[b-mei54rhiz5] {
    display: flex;
    flex-direction: column;
}

.tree-node-row[b-mei54rhiz5] {
    display: flex;
    align-items: center;
    justify-content: space-between;
    min-height: 44px;
    padding: 0.375rem 0.75rem;
    border-radius: var(--voy-radius-sm, 0.375rem);
    transition: background-color 0.12s ease;
    gap: 0.75rem;
}

.tree-node-row:hover[b-mei54rhiz5] {
    background-color: var(--voy-color-surface-hover, #f8fafc);
}

.toggle-icon-btn[b-mei54rhiz5] {
    background: transparent;
    border: none;
    cursor: pointer;
    width: 28px;
    height: 28px;
    display: inline-flex;
    align-items: center;
    justify-content: center;
    font-size: 0.75rem;
    color: var(--voy-color-text-muted, #64748b);
    border-radius: 4px;
    transition: background-color 0.15s ease;
}

.toggle-icon-btn:hover:not(.disabled)[b-mei54rhiz5] {
    background-color: var(--voy-color-surface-muted, #e2e8f0);
    color: var(--voy-color-text-primary, #0f172a);
}

.toggle-icon-btn.disabled[b-mei54rhiz5] {
    cursor: default;
    opacity: 0.4;
}

.node-details[b-mei54rhiz5] {
    display: flex;
    align-items: center;
    gap: 0.75rem;
    flex: 1;
    min-width: 0;
}

.node-code[b-mei54rhiz5] {
    font-size: 0.8125rem;
    font-weight: 600;
    color: var(--voy-color-petrol, oklch(0.35 0.08 215));
    background: oklch(0.35 0.08 215 / 0.08);
    padding: 0.125rem 0.375rem;
    border-radius: 0.25rem;
    flex-shrink: 0;
}

.node-name[b-mei54rhiz5] {
    font-size: 0.9375rem;
    color: var(--voy-color-text-primary, #0f172a);
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
}

.node-badges-and-actions[b-mei54rhiz5] {
    display: flex;
    align-items: center;
    gap: 0.5rem;
    flex-shrink: 0;
}

.btn-add-subaccount[b-mei54rhiz5] {
    background: transparent;
    border: 1px dashed var(--voy-color-border, #cbd5e1);
    color: var(--voy-color-petrol, oklch(0.35 0.08 215));
    padding: 0.25rem 0.5rem;
    font-size: 0.75rem;
    font-weight: 600;
    border-radius: 0.25rem;
    cursor: pointer;
    min-height: 32px;
    transition: all 0.15s ease;
}

.btn-add-subaccount:hover[b-mei54rhiz5] {
    background-color: oklch(0.35 0.08 215 / 0.08);
    border-color: var(--voy-color-petrol, oklch(0.35 0.08 215));
}

.parent-info-pill[b-mei54rhiz5] {
    padding: 0.5rem 0.75rem;
    background-color: var(--voy-color-surface-muted, #f1f5f9);
    border-radius: var(--voy-radius-sm, 0.375rem);
    font-size: 0.875rem;
}

.level-1[b-mei54rhiz5] {
    font-weight: 700;
    background-color: oklch(0.35 0.08 215 / 0.03);
    margin-top: 0.5rem;
}

.level-2[b-mei54rhiz5] {
    font-weight: 600;
}

.level-3[b-mei54rhiz5], .level-4[b-mei54rhiz5], .level-5[b-mei54rhiz5] {
    font-size: 0.875rem;
}
/* /Components/Pages/Companies/FiscalObligationsPage.razor.rz.scp.css */
.voy-obligations-page[b-hstr7v4nvq] {
    display: flex;
    flex-direction: column;
    gap: 1.5rem;
    padding-bottom: 2rem;
}

.voy-page-header[b-hstr7v4nvq] {
    display: flex;
    justify-content: space-between;
    align-items: flex-start;
    flex-wrap: wrap;
    gap: 1rem;
}

.voy-breadcrumb[b-hstr7v4nvq] {
    display: flex;
    align-items: center;
    gap: 0.5rem;
    font-size: 0.875rem;
    color: var(--muted-foreground);
    margin-bottom: 0.5rem;
}

.voy-breadcrumb a[b-hstr7v4nvq] {
    color: var(--color-petrol);
    text-decoration: none;
    font-weight: 500;
}

.voy-breadcrumb a:hover[b-hstr7v4nvq] {
    text-decoration: underline;
}

.voy-breadcrumb-current[b-hstr7v4nvq] {
    color: var(--foreground);
    font-weight: 600;
}

.voy-page-title[b-hstr7v4nvq] {
    font-family: var(--font-display, "Fraunces", serif);
    font-size: 1.75rem;
    font-weight: 700;
    color: var(--foreground);
    margin: 0;
}

.voy-page-subtitle[b-hstr7v4nvq] {
    font-size: 0.95rem;
    color: var(--muted-foreground);
    margin: 0.25rem 0 0;
    max-width: 800px;
}

.voy-header-actions[b-hstr7v4nvq] {
    display: flex;
    gap: 0.75rem;
    align-items: center;
    flex-wrap: wrap;
}

/* Alertas de Feedback */
.voy-alert[b-hstr7v4nvq] {
    display: flex;
    align-items: center;
    justify-content: space-between;
    padding: 0.875rem 1rem;
    border-radius: var(--radius-md, 0.5rem);
    font-size: 0.9rem;
}

.voy-alert-success[b-hstr7v4nvq] {
    background: oklch(0.95 0.05 145);
    color: oklch(0.3 0.1 145);
    border: 1px solid oklch(0.85 0.08 145);
}

.voy-alert-error[b-hstr7v4nvq] {
    background: oklch(0.95 0.05 25);
    color: oklch(0.35 0.15 25);
    border: 1px solid oklch(0.85 0.1 25);
}

.voy-alert-info[b-hstr7v4nvq] {
    background: oklch(0.95 0.03 220);
    color: oklch(0.3 0.08 220);
    border: 1px solid oklch(0.85 0.05 220);
}

.voy-alert-close[b-hstr7v4nvq] {
    background: transparent;
    border: none;
    cursor: pointer;
    font-size: 1rem;
    line-height: 1;
}

/* Grid de KPIs */
.voy-kpi-grid[b-hstr7v4nvq] {
    display: grid;
    grid-template-columns: repeat(auto-fit, minmax(220px, 1fr));
    gap: 1rem;
}

/* Barra de Filtros e Competência */
.voy-filters-bar[b-hstr7v4nvq] {
    display: flex;
    justify-content: space-between;
    align-items: center;
    flex-wrap: wrap;
    gap: 1rem;
    background: var(--card);
    padding: 1rem;
    border-radius: var(--radius-md, 0.5rem);
    border: 1px solid var(--border);
}

.voy-competencia-selector[b-hstr7v4nvq] {
    display: flex;
    align-items: center;
    gap: 0.75rem;
}

.voy-filter-label[b-hstr7v4nvq] {
    font-weight: 600;
    font-size: 0.875rem;
    color: var(--foreground);
}

.voy-input-month[b-hstr7v4nvq] {
    height: 44px;
    padding: 0 0.75rem;
    border: 1px solid var(--border);
    border-radius: var(--radius-sm, 0.375rem);
    background: var(--background);
    color: var(--foreground);
    font-family: inherit;
    font-size: 0.95rem;
    font-variant-numeric: tabular-nums;
}

/* Abas */
.voy-tabs-nav[b-hstr7v4nvq] {
    display: flex;
    gap: 0.5rem;
    flex-wrap: wrap;
}

.voy-tab-btn[b-hstr7v4nvq] {
    height: 44px;
    padding: 0 1rem;
    border-radius: var(--radius-sm, 0.375rem);
    border: 1px solid transparent;
    background: transparent;
    color: var(--muted-foreground);
    font-weight: 600;
    font-size: 0.875rem;
    cursor: pointer;
    transition: all 0.2s ease;
}

.voy-tab-btn:hover[b-hstr7v4nvq] {
    color: var(--foreground);
    background: var(--muted);
}

.voy-tab-btn.active[b-hstr7v4nvq] {
    background: var(--color-petrol);
    color: #ffffff;
    border-color: var(--color-petrol);
}

/* Seções */
.voy-tab-content[b-hstr7v4nvq] {
    display: flex;
    flex-direction: column;
    gap: 1rem;
}

.voy-section-header[b-hstr7v4nvq] {
    display: flex;
    justify-content: space-between;
    align-items: flex-start;
    flex-wrap: wrap;
    gap: 1rem;
}

.voy-section-title[b-hstr7v4nvq] {
    font-family: var(--font-display, "Fraunces", serif);
    font-size: 1.25rem;
    font-weight: 700;
    color: var(--foreground);
    margin: 0;
}

.voy-section-subtitle[b-hstr7v4nvq] {
    font-size: 0.875rem;
    color: var(--muted-foreground);
    margin: 0.25rem 0 0;
}

/* Calendário Cards */
.voy-calendar-grid[b-hstr7v4nvq] {
    display: grid;
    grid-template-columns: repeat(auto-fit, minmax(320px, 1fr));
    gap: 1rem;
}

.voy-calendar-card[b-hstr7v4nvq] {
    background: var(--card);
    border: 1px solid var(--border);
    border-radius: var(--radius-md, 0.5rem);
    padding: 1.25rem;
    display: flex;
    flex-direction: column;
    justify-content: space-between;
    gap: 1rem;
    transition: transform 0.15s ease, box-shadow 0.15s ease;
}

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

.voy-calendar-card-header[b-hstr7v4nvq] {
    display: flex;
    align-items: center;
    gap: 0.75rem;
}

.voy-due-day-badge[b-hstr7v4nvq] {
    display: flex;
    flex-direction: column;
    align-items: center;
    justify-content: center;
    width: 52px;
    height: 52px;
    background: var(--color-petrol);
    color: #ffffff;
    border-radius: var(--radius-sm, 0.375rem);
    flex-shrink: 0;
}

.voy-day-number[b-hstr7v4nvq] {
    font-size: 1.25rem;
    font-weight: 700;
    line-height: 1;
}

.voy-day-label[b-hstr7v4nvq] {
    font-size: 0.65rem;
    font-weight: 600;
    letter-spacing: 0.05em;
    opacity: 0.85;
}

.voy-card-obligation-info[b-hstr7v4nvq] {
    flex: 1;
}

.voy-card-obligation-name[b-hstr7v4nvq] {
    font-weight: 700;
    font-size: 1rem;
    color: var(--foreground);
}

.voy-card-obligation-period[b-hstr7v4nvq] {
    font-size: 0.8rem;
    color: var(--muted-foreground);
}

.voy-obligation-desc[b-hstr7v4nvq] {
    font-size: 0.875rem;
    color: var(--muted-foreground);
    margin: 0 0 0.5rem;
}

.voy-matching-guia-box[b-hstr7v4nvq] {
    background: var(--muted);
    padding: 0.75rem;
    border-radius: var(--radius-sm, 0.375rem);
    font-size: 0.85rem;
    display: flex;
    flex-direction: column;
    gap: 0.25rem;
}

.voy-guia-box-row[b-hstr7v4nvq] {
    display: flex;
    justify-content: space-between;
}

.voy-truncate-code[b-hstr7v4nvq] {
    max-width: 180px;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
}

/* Lista de Guias */
.voy-guia-status-filter[b-hstr7v4nvq] {
    display: flex;
    gap: 0.5rem;
    flex-wrap: wrap;
}

.voy-filter-chip[b-hstr7v4nvq] {
    height: 36px;
    padding: 0 0.75rem;
    border-radius: 9999px;
    border: 1px solid var(--border);
    background: var(--background);
    color: var(--muted-foreground);
    font-size: 0.8rem;
    font-weight: 600;
    cursor: pointer;
    transition: all 0.15s ease;
}

.voy-filter-chip.active[b-hstr7v4nvq] {
    background: var(--color-tangerine);
    color: #ffffff;
    border-color: var(--color-tangerine);
}

.voy-guias-list[b-hstr7v4nvq] {
    display: flex;
    flex-direction: column;
    gap: 0.75rem;
}

.voy-guia-item-card[b-hstr7v4nvq] {
    background: var(--card);
    border: 1px solid var(--border);
    border-radius: var(--radius-md, 0.5rem);
    padding: 1rem 1.25rem;
    display: flex;
    align-items: center;
    justify-content: space-between;
    flex-wrap: wrap;
    gap: 1rem;
}

.voy-guia-left[b-hstr7v4nvq] {
    display: flex;
    align-items: center;
    gap: 1rem;
    min-width: 250px;
    flex: 2;
}

.voy-guia-cat-badge[b-hstr7v4nvq] {
    padding: 0.5rem 0.75rem;
    background: var(--color-petrol);
    color: #ffffff;
    font-weight: 700;
    font-size: 0.875rem;
    border-radius: var(--radius-sm, 0.375rem);
}

.voy-guia-title[b-hstr7v4nvq] {
    font-weight: 600;
    font-size: 0.95rem;
    color: var(--foreground);
}

.voy-guia-meta[b-hstr7v4nvq] {
    font-size: 0.8rem;
    color: var(--muted-foreground);
    display: flex;
    gap: 0.5rem;
    align-items: center;
    margin-top: 0.2rem;
}

.voy-payable-linked[b-hstr7v4nvq] {
    color: oklch(0.5 0.15 145);
    font-weight: 600;
}

.voy-guia-center[b-hstr7v4nvq] {
    display: flex;
    flex-direction: column;
    align-items: flex-end;
    gap: 0.25rem;
    flex: 1;
    min-width: 140px;
}

.voy-guia-amount[b-hstr7v4nvq] {
    font-family: var(--font-display, "Fraunces", serif);
    font-size: 1.25rem;
    font-weight: 700;
    color: var(--foreground);
}

.voy-guia-right[b-hstr7v4nvq] {
    display: flex;
    align-items: center;
    gap: 0.75rem;
}

.voy-btn-link[b-hstr7v4nvq] {
    color: var(--color-petrol);
    font-size: 0.875rem;
    font-weight: 600;
    text-decoration: none;
    padding: 0.5rem;
}

.voy-btn-link:hover[b-hstr7v4nvq] {
    text-decoration: underline;
}

.voy-btn-sm[b-hstr7v4nvq] {
    min-height: 38px;
    height: 38px;
    font-size: 0.825rem;
    padding: 0 0.875rem;
}

/* Catálogo Layout */
.voy-catalogo-layout[b-hstr7v4nvq] {
    display: grid;
    grid-template-columns: repeat(auto-fit, minmax(350px, 1fr));
    gap: 1.5rem;
}

.voy-catalogo-column[b-hstr7v4nvq] {
    display: flex;
    flex-direction: column;
    gap: 1rem;
}

.voy-company-obligations-list[b-hstr7v4nvq],
.voy-master-catalog-list[b-hstr7v4nvq] {
    display: flex;
    flex-direction: column;
    gap: 0.75rem;
}

.voy-obligation-row[b-hstr7v4nvq] {
    background: var(--card);
    border: 1px solid var(--border);
    border-radius: var(--radius-sm, 0.375rem);
    padding: 0.875rem 1rem;
    display: flex;
    align-items: center;
    justify-content: space-between;
    gap: 0.75rem;
}

.voy-obligation-inactive[b-hstr7v4nvq] {
    opacity: 0.6;
}

.voy-catalog-card[b-hstr7v4nvq] {
    background: var(--card);
    border: 1px solid var(--border);
    border-radius: var(--radius-sm, 0.375rem);
    padding: 1rem;
    display: flex;
    flex-direction: column;
    gap: 0.5rem;
}

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

.voy-catalog-card-title[b-hstr7v4nvq] {
    font-weight: 700;
    font-size: 0.95rem;
}

.voy-catalog-card-desc[b-hstr7v4nvq] {
    font-size: 0.825rem;
    color: var(--muted-foreground);
    margin: 0;
}

.voy-catalog-card-footer[b-hstr7v4nvq] {
    display: flex;
    justify-content: space-between;
    align-items: center;
    margin-top: 0.5rem;
}

.voy-catalog-card-due[b-hstr7v4nvq] {
    font-size: 0.8rem;
    color: var(--muted-foreground);
}

.voy-already-added-text[b-hstr7v4nvq] {
    font-size: 0.8rem;
    color: oklch(0.5 0.15 145);
    font-weight: 600;
}

/* Drawer & Forms */
.voy-drawer-form[b-hstr7v4nvq],
.voy-drawer-review[b-hstr7v4nvq] {
    display: flex;
    flex-direction: column;
    gap: 1.25rem;
}

.voy-drawer-help[b-hstr7v4nvq] {
    font-size: 0.875rem;
    color: var(--muted-foreground);
    margin: 0;
}

.voy-form-grid[b-hstr7v4nvq] {
    display: grid;
    grid-template-columns: repeat(2, 1fr);
    gap: 1rem;
}

.voy-grid-col-2[b-hstr7v4nvq] {
    grid-column: span 2;
}

.voy-form-group[b-hstr7v4nvq] {
    display: flex;
    flex-direction: column;
    gap: 0.375rem;
}

.voy-label[b-hstr7v4nvq] {
    font-size: 0.825rem;
    font-weight: 600;
    color: var(--foreground);
}

.voy-input-text[b-hstr7v4nvq],
.voy-input-date[b-hstr7v4nvq],
.voy-input-month[b-hstr7v4nvq],
.voy-input-select[b-hstr7v4nvq] {
    height: 44px;
    padding: 0 0.75rem;
    border: 1px solid var(--border);
    border-radius: var(--radius-sm, 0.375rem);
    background: var(--background);
    color: var(--foreground);
    font-family: inherit;
    font-size: 0.9rem;
}

.voy-input-textarea[b-hstr7v4nvq] {
    padding: 0.75rem;
    border: 1px solid var(--border);
    border-radius: var(--radius-sm, 0.375rem);
    background: var(--background);
    color: var(--foreground);
    font-family: inherit;
    font-size: 0.9rem;
    resize: vertical;
}

.voy-drawer-actions[b-hstr7v4nvq] {
    display: flex;
    justify-content: flex-end;
    gap: 0.75rem;
    margin-top: 1rem;
    padding-top: 1rem;
    border-top: 1px solid var(--border);
}

/* Review Drawer Details */
.voy-review-amount-card[b-hstr7v4nvq] {
    background: var(--color-petrol);
    color: #ffffff;
    padding: 1.5rem;
    border-radius: var(--radius-md, 0.5rem);
    text-align: center;
    display: flex;
    flex-direction: column;
    gap: 0.25rem;
}

.voy-review-amount-label[b-hstr7v4nvq] {
    font-size: 0.825rem;
    text-transform: uppercase;
    letter-spacing: 0.05em;
    opacity: 0.85;
}

.voy-review-amount-val[b-hstr7v4nvq] {
    font-family: var(--font-display, "Fraunces", serif);
    font-size: 2.25rem;
    font-weight: 700;
}

.voy-review-amount-due[b-hstr7v4nvq] {
    font-size: 0.9rem;
    opacity: 0.9;
}

.voy-review-details-list[b-hstr7v4nvq] {
    display: flex;
    flex-direction: column;
    gap: 0.75rem;
    background: var(--muted);
    padding: 1rem;
    border-radius: var(--radius-md, 0.5rem);
}

.voy-review-detail-item[b-hstr7v4nvq] {
    display: flex;
    flex-direction: column;
    gap: 0.25rem;
}

.voy-review-label[b-hstr7v4nvq] {
    font-size: 0.75rem;
    font-weight: 600;
    color: var(--muted-foreground);
    text-transform: uppercase;
}

.voy-review-val[b-hstr7v4nvq] {
    font-size: 0.9rem;
    color: var(--foreground);
}

.voy-copyable-code[b-hstr7v4nvq] {
    display: flex;
    justify-content: space-between;
    align-items: center;
    background: var(--background);
    padding: 0.5rem 0.75rem;
    border-radius: var(--radius-sm, 0.375rem);
    border: 1px solid var(--border);
    font-family: var(--font-mono, monospace);
    font-size: 0.85rem;
    word-break: break-all;
    gap: 0.5rem;
}

.voy-btn-copy[b-hstr7v4nvq] {
    background: transparent;
    border: 1px solid var(--border);
    border-radius: var(--radius-sm, 0.375rem);
    padding: 0.25rem 0.5rem;
    font-size: 0.75rem;
    font-weight: 600;
    cursor: pointer;
    white-space: nowrap;
    background: var(--card);
}

.voy-btn-copy:hover[b-hstr7v4nvq] {
    background: var(--muted);
}

.voy-rejection-form[b-hstr7v4nvq] {
    display: flex;
    flex-direction: column;
    gap: 0.75rem;
    padding: 1rem;
    border: 1px solid oklch(0.85 0.1 25);
    background: oklch(0.97 0.02 25);
    border-radius: var(--radius-md, 0.5rem);
}

.voy-loading-state[b-hstr7v4nvq] {
    display: flex;
    align-items: center;
    justify-content: center;
    gap: 0.75rem;
    padding: 3rem;
    color: var(--muted-foreground);
}

.voy-empty-state-card[b-hstr7v4nvq] {
    padding: 2.5rem 1.5rem;
}

.voy-empty-state[b-hstr7v4nvq] {
    display: flex;
    flex-direction: column;
    align-items: center;
    justify-content: center;
    text-align: center;
    gap: 0.75rem;
}

.voy-empty-icon[b-hstr7v4nvq] {
    font-size: 2.5rem;
}

.voy-empty-state h3[b-hstr7v4nvq] {
    margin: 0;
    font-family: var(--font-display, "Fraunces", serif);
    font-size: 1.25rem;
}

.voy-empty-state p[b-hstr7v4nvq] {
    margin: 0;
    color: var(--muted-foreground);
    max-width: 450px;
    font-size: 0.9rem;
}

/* Tabular nums universais */
.tabular-nums[b-hstr7v4nvq] {
    font-variant-numeric: tabular-nums lining-nums;
}
/* /Components/Pages/Companies/FiscalSettingsPage.razor.rz.scp.css */
.voy-fiscal-settings-page[b-w5f0qhmvw8] {
    max-width: 1100px;
    margin: 0 auto;
    padding: 1.5rem 1rem 3rem 1rem;
    font-family: var(--font-sans);
}

.voy-page-header[b-w5f0qhmvw8] {
    display: flex;
    justify-content: space-between;
    align-items: flex-start;
    margin-bottom: 1.5rem;
    flex-wrap: wrap;
    gap: 1rem;
}

.voy-breadcrumb[b-w5f0qhmvw8] {
    display: flex;
    align-items: center;
    gap: 0.5rem;
    font-size: 0.875rem;
    color: var(--color-muted-foreground);
    margin-bottom: 0.5rem;
}

.voy-breadcrumb a[b-w5f0qhmvw8] {
    color: var(--color-muted-foreground);
    text-decoration: none;
    transition: color 0.15s ease;
}

.voy-breadcrumb a:hover[b-w5f0qhmvw8] {
    color: var(--color-tangerine);
}

.voy-breadcrumb-current[b-w5f0qhmvw8] {
    color: var(--color-foreground);
    font-weight: 500;
}

.voy-page-title[b-w5f0qhmvw8] {
    font-family: var(--font-display);
    font-size: 1.875rem;
    font-weight: 700;
    line-height: 1.25;
    margin: 0 0 0.5rem 0;
    color: var(--color-foreground);
    letter-spacing: -0.02em;
}

.voy-page-subtitle[b-w5f0qhmvw8] {
    color: var(--color-muted-foreground);
    font-size: 0.9375rem;
    line-height: 1.45;
    margin: 0;
    max-width: 760px;
}

.voy-header-badges[b-w5f0qhmvw8] {
    display: flex;
    align-items: center;
    gap: 0.5rem;
    flex-wrap: wrap;
}

/* Alertas de Feedback */
.voy-alert[b-w5f0qhmvw8] {
    display: flex;
    justify-content: space-between;
    align-items: center;
    padding: 0.875rem 1.25rem;
    border-radius: 8px;
    margin-bottom: 1.5rem;
    font-size: 0.9375rem;
}

.voy-alert-success[b-w5f0qhmvw8] {
    background: rgba(16, 185, 129, 0.12);
    border: 1px solid rgba(16, 185, 129, 0.35);
    color: #10b981;
}

.voy-alert-destructive[b-w5f0qhmvw8] {
    background: rgba(239, 68, 68, 0.12);
    border: 1px solid rgba(239, 68, 68, 0.35);
    color: #ef4444;
}

.voy-alert-content[b-w5f0qhmvw8] {
    display: flex;
    align-items: center;
    gap: 0.5rem;
}

.voy-alert-close[b-w5f0qhmvw8] {
    background: none;
    border: none;
    color: inherit;
    font-size: 1.125rem;
    cursor: pointer;
    line-height: 1;
    padding: 0.25rem;
}

/* Abas de Navegação */
.voy-tabs-nav[b-w5f0qhmvw8] {
    display: flex;
    gap: 0.5rem;
    border-bottom: 2px solid var(--color-border);
    margin-bottom: 1.5rem;
    overflow-x: auto;
    scrollbar-width: none;
}

.voy-tab-btn[b-w5f0qhmvw8] {
    display: inline-flex;
    align-items: center;
    gap: 0.5rem;
    padding: 0.875rem 1.25rem;
    min-height: 48px;
    background: none;
    border: none;
    border-bottom: 2px solid transparent;
    margin-bottom: -2px;
    font-family: var(--font-sans);
    font-size: 0.9375rem;
    font-weight: 600;
    color: var(--color-muted-foreground);
    cursor: pointer;
    transition: all 0.15s ease;
    white-space: nowrap;
}

.voy-tab-btn:hover[b-w5f0qhmvw8] {
    color: var(--color-foreground);
}

.voy-tab-btn.active[b-w5f0qhmvw8] {
    color: var(--color-tangerine);
    border-bottom-color: var(--color-tangerine);
}

.voy-tab-count[b-w5f0qhmvw8] {
    background: var(--color-border);
    color: var(--color-foreground);
    font-size: 0.75rem;
    padding: 0.15rem 0.5rem;
    border-radius: 9999px;
    font-variant-numeric: tabular-nums;
}

.voy-tab-content[b-w5f0qhmvw8] {
    animation: fadeIn-b-w5f0qhmvw8 0.2s ease-in-out;
}

@keyframes fadeIn-b-w5f0qhmvw8 {
    from { opacity: 0; transform: translateY(4px); }
    to { opacity: 1; transform: translateY(0); }
}

/* Cards de Seção */
.voy-section-card[b-w5f0qhmvw8] {
    margin-bottom: 1.5rem;
    border-radius: 12px;
    border: 1px solid var(--color-border);
    background: var(--color-card);
    padding: 1.5rem;
}

.voy-card-header[b-w5f0qhmvw8] {
    margin-bottom: 1.25rem;
    border-bottom: 1px solid var(--color-border);
    padding-bottom: 0.75rem;
}

.voy-card-title[b-w5f0qhmvw8] {
    font-family: var(--font-display);
    font-size: 1.25rem;
    font-weight: 600;
    margin: 0 0 0.25rem 0;
    color: var(--color-foreground);
}

.voy-card-desc[b-w5f0qhmvw8] {
    color: var(--color-muted-foreground);
    font-size: 0.875rem;
    margin: 0;
}

/* Grids de Formulário */
.voy-form-grid[b-w5f0qhmvw8] {
    display: grid;
    grid-template-columns: repeat(4, 1fr);
    gap: 1.25rem;
}

.voy-form-field[b-w5f0qhmvw8] {
    display: flex;
    flex-direction: column;
    gap: 0.375rem;
}

.voy-form-field.span-2[b-w5f0qhmvw8] {
    grid-column: span 2;
}

.voy-form-field.span-3[b-w5f0qhmvw8] {
    grid-column: span 3;
}

.voy-form-field.span-4[b-w5f0qhmvw8] {
    grid-column: span 4;
}

.voy-label[b-w5f0qhmvw8] {
    font-size: 0.875rem;
    font-weight: 500;
    color: var(--color-foreground);
}

.voy-label.required[b-w5f0qhmvw8]::after {
    content: " *";
    color: #ef4444;
}

.voy-input[b-w5f0qhmvw8], .voy-select[b-w5f0qhmvw8] {
    width: 100%;
    min-height: 44px;
    padding: 0.625rem 0.875rem;
    background: var(--color-background);
    border: 1px solid var(--color-border);
    border-radius: 8px;
    font-size: 0.9375rem;
    color: var(--color-foreground);
    font-family: var(--font-sans);
    outline: none;
    transition: border-color 0.15s ease, box-shadow 0.15s ease;
    box-sizing: border-box;
}

.voy-input:focus[b-w5f0qhmvw8], .voy-select:focus[b-w5f0qhmvw8] {
    border-color: var(--color-tangerine);
    box-shadow: 0 0 0 3px rgba(224, 90, 43, 0.15);
}

.voy-input-group[b-w5f0qhmvw8] {
    position: relative;
    display: flex;
    align-items: center;
}

.voy-input-suffix[b-w5f0qhmvw8] {
    position: absolute;
    right: 0.875rem;
    color: var(--color-muted-foreground);
    font-size: 0.875rem;
    pointer-events: none;
}

.voy-helper-text[b-w5f0qhmvw8] {
    font-size: 0.75rem;
    color: var(--color-muted-foreground);
    margin-top: 0.15rem;
}

.voy-checkbox-label[b-w5f0qhmvw8] {
    display: inline-flex;
    align-items: center;
    gap: 0.5rem;
    cursor: pointer;
    font-size: 0.9375rem;
    color: var(--color-foreground);
    user-select: none;
    min-height: 44px;
}

.voy-checkbox-label input[type="checkbox"][b-w5f0qhmvw8] {
    width: 18px;
    height: 18px;
    accent-color: var(--color-tangerine);
    cursor: pointer;
}

.voy-form-actions[b-w5f0qhmvw8] {
    display: flex;
    justify-content: flex-end;
    margin-top: 1.5rem;
}

.voy-btn-save[b-w5f0qhmvw8] {
    min-height: 48px;
    font-weight: 600;
    padding: 0 1.75rem;
}

/* Toolbar de Regras */
.voy-rules-toolbar[b-w5f0qhmvw8] {
    display: flex;
    justify-content: space-between;
    align-items: center;
    flex-wrap: wrap;
    gap: 1rem;
    margin-bottom: 1.5rem;
}

.voy-filter-group[b-w5f0qhmvw8] {
    display: flex;
    align-items: center;
    gap: 1rem;
    flex-wrap: wrap;
}

.voy-filter-item[b-w5f0qhmvw8] {
    display: flex;
    align-items: center;
    gap: 0.5rem;
}

.voy-filter-label[b-w5f0qhmvw8] {
    font-size: 0.875rem;
    color: var(--color-muted-foreground);
    font-weight: 500;
}

.voy-select-sm[b-w5f0qhmvw8] {
    min-height: 38px;
    padding: 0.35rem 0.75rem;
    font-size: 0.875rem;
}

/* Tabelas */
.voy-rules-table-container[b-w5f0qhmvw8] {
    background: var(--color-card);
    border: 1px solid var(--color-border);
    border-radius: 12px;
    overflow-x: auto;
}

.voy-table[b-w5f0qhmvw8] {
    width: 100%;
    border-collapse: collapse;
    font-size: 0.9375rem;
}

.voy-table th[b-w5f0qhmvw8] {
    background: rgba(0, 0, 0, 0.02);
    padding: 0.875rem 1rem;
    font-weight: 600;
    color: var(--color-muted-foreground);
    font-size: 0.8125rem;
    text-transform: uppercase;
    letter-spacing: 0.04em;
    border-bottom: 1px solid var(--color-border);
    white-space: nowrap;
}

.voy-table td[b-w5f0qhmvw8] {
    padding: 1rem;
    border-bottom: 1px solid var(--color-border);
    color: var(--color-foreground);
    vertical-align: middle;
}

.voy-table tr:last-child td[b-w5f0qhmvw8] {
    border-bottom: none;
}

.voy-row-inactive[b-w5f0qhmvw8] {
    opacity: 0.6;
}

.voy-rule-name-box[b-w5f0qhmvw8] {
    display: flex;
    align-items: center;
    gap: 0.5rem;
}

.voy-rule-title[b-w5f0qhmvw8] {
    font-weight: 600;
    color: var(--color-foreground);
}

.voy-operation-tag[b-w5f0qhmvw8] {
    font-size: 0.8125rem;
    color: var(--color-muted-foreground);
    background: var(--color-border);
    padding: 0.2rem 0.5rem;
    border-radius: 6px;
    white-space: nowrap;
}

.voy-code-pill[b-w5f0qhmvw8] {
    background: rgba(53, 90, 89, 0.1);
    color: var(--color-petrol);
    padding: 0.2rem 0.5rem;
    border-radius: 6px;
    font-weight: 600;
}

.voy-actions-cell[b-w5f0qhmvw8] {
    display: flex;
    justify-content: flex-end;
    gap: 0.375rem;
}

.voy-btn-action[b-w5f0qhmvw8] {
    background: none;
    border: 1px solid var(--color-border);
    border-radius: 6px;
    min-width: 36px;
    min-height: 36px;
    display: inline-flex;
    align-items: center;
    justify-content: center;
    cursor: pointer;
    font-size: 0.9375rem;
    color: var(--color-foreground);
    transition: all 0.15s ease;
}

.voy-btn-action:hover[b-w5f0qhmvw8] {
    background: var(--color-border);
    border-color: var(--color-tangerine);
    color: var(--color-tangerine);
}

/* Mobile List */
.voy-rules-mobile-list[b-w5f0qhmvw8] {
    display: none;
    flex-direction: column;
    gap: 1rem;
}

.voy-rule-mobile-card[b-w5f0qhmvw8] {
    padding: 1.25rem;
    border-radius: 12px;
    border: 1px solid var(--color-border);
}

.voy-card-inactive[b-w5f0qhmvw8] {
    opacity: 0.6;
}

.voy-rule-card-header[b-w5f0qhmvw8] {
    display: flex;
    justify-content: space-between;
    align-items: flex-start;
    gap: 0.75rem;
    margin-bottom: 1rem;
}

.voy-rule-card-title[b-w5f0qhmvw8] {
    font-size: 1.0625rem;
    font-weight: 600;
    margin: 0 0 0.25rem 0;
    color: var(--color-foreground);
}

.voy-rule-card-badges[b-w5f0qhmvw8] {
    display: flex;
    gap: 0.35rem;
    flex-wrap: wrap;
}

.voy-rule-card-grid[b-w5f0qhmvw8] {
    display: grid;
    grid-template-columns: repeat(2, 1fr);
    gap: 0.75rem;
    margin-bottom: 1rem;
    background: rgba(0, 0, 0, 0.02);
    padding: 0.75rem;
    border-radius: 8px;
}

.voy-rule-kpi[b-w5f0qhmvw8] {
    display: flex;
    flex-direction: column;
    gap: 0.15rem;
}

.voy-kpi-label[b-w5f0qhmvw8] {
    font-size: 0.75rem;
    color: var(--color-muted-foreground);
    text-transform: uppercase;
}

.voy-kpi-val[b-w5f0qhmvw8] {
    font-size: 0.9375rem;
    font-weight: 600;
    color: var(--color-foreground);
}

.voy-rule-card-footer[b-w5f0qhmvw8] {
    display: flex;
    gap: 0.5rem;
    flex-wrap: wrap;
    border-top: 1px solid var(--color-border);
    padding-top: 0.75rem;
}

/* Drawer Form */
.voy-drawer-form[b-w5f0qhmvw8] {
    display: flex;
    flex-direction: column;
    height: 100%;
}

.voy-drawer-body[b-w5f0qhmvw8] {
    flex: 1;
    overflow-y: auto;
    padding: 1.5rem;
    display: flex;
    flex-direction: column;
    gap: 1.5rem;
}

.voy-form-section[b-w5f0qhmvw8] {
    border-bottom: 1px solid var(--color-border);
    padding-bottom: 1.25rem;
}

.voy-form-section:last-child[b-w5f0qhmvw8] {
    border-bottom: none;
    padding-bottom: 0;
}

.voy-form-section-title[b-w5f0qhmvw8] {
    font-size: 1.0625rem;
    font-weight: 600;
    color: var(--color-foreground);
    margin: 0 0 0.75rem 0;
    display: flex;
    align-items: center;
    gap: 0.5rem;
}

.voy-section-subtitle[b-w5f0qhmvw8] {
    font-size: 0.8125rem;
    color: var(--color-muted-foreground);
    margin: -0.5rem 0 0.75rem 0;
}

.voy-reform-section[b-w5f0qhmvw8] {
    background: rgba(53, 90, 89, 0.04);
    padding: 1.25rem;
    border-radius: 8px;
    border: 1px dashed var(--color-border);
}

.voy-drawer-footer[b-w5f0qhmvw8] {
    padding: 1rem 1.5rem;
    border-top: 1px solid var(--color-border);
    display: flex;
    justify-content: flex-end;
    gap: 0.75rem;
    background: var(--color-card);
}

/* Loading & Empty */
.voy-loading-box[b-w5f0qhmvw8] {
    display: flex;
    flex-direction: column;
    align-items: center;
    justify-content: center;
    padding: 4rem 1rem;
    gap: 1rem;
    color: var(--color-muted-foreground);
}

.voy-spinner[b-w5f0qhmvw8] {
    width: 36px;
    height: 36px;
    border: 3px solid var(--color-border);
    border-top-color: var(--color-tangerine);
    border-radius: 50%;
    animation: spin-b-w5f0qhmvw8 0.8s linear infinite;
}

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

.voy-empty-state[b-w5f0qhmvw8] {
    text-align: center;
    padding: 3rem 1.5rem;
}

.voy-empty-icon[b-w5f0qhmvw8] {
    font-size: 2.5rem;
    display: block;
    margin-bottom: 0.75rem;
}

.voy-empty-state h3[b-w5f0qhmvw8] {
    font-size: 1.125rem;
    font-weight: 600;
    margin: 0 0 0.5rem 0;
}

.voy-empty-state p[b-w5f0qhmvw8] {
    color: var(--color-muted-foreground);
    font-size: 0.9375rem;
    margin: 0 auto 1.25rem auto;
    max-width: 440px;
}

/* Responsividade Mobile-First */
@media (max-width: 768px) {
    .voy-form-grid[b-w5f0qhmvw8] {
        grid-template-columns: 1fr;
    }

    .voy-form-field.span-2[b-w5f0qhmvw8],
    .voy-form-field.span-3[b-w5f0qhmvw8],
    .voy-form-field.span-4[b-w5f0qhmvw8] {
        grid-column: span 1;
    }

    .voy-rules-table-container[b-w5f0qhmvw8] {
        display: none;
    }

    .voy-rules-mobile-list[b-w5f0qhmvw8] {
        display: flex;
    }

    .voy-rules-toolbar[b-w5f0qhmvw8] {
        flex-direction: column;
        align-items: stretch;
    }

    .voy-filter-group[b-w5f0qhmvw8] {
        flex-direction: column;
        align-items: stretch;
    }

    .voy-page-title[b-w5f0qhmvw8] {
        font-size: 1.5rem;
    }
}

/* ========================================================
   ABA 3: SIMULADOR SIMPLES NACIONAL & REFORMA TRIBUTÁRIA
   ======================================================== */

.voy-rtc-diagnostic-box[b-w5f0qhmvw8] {
    display: flex;
    align-items: flex-start;
    gap: 1rem;
    padding: 1.25rem;
    border-radius: var(--radius-md, 8px);
    border: 1px solid var(--color-border);
    background-color: var(--color-card);
    margin-top: 1rem;
    transition: all 0.2s ease;
}

.voy-rtc-diagnostic-box.urgent[b-w5f0qhmvw8] {
    border-left: 4px solid var(--color-warning, #f59e0b);
    background-color: oklch(0.98 0.02 85 / 0.15);
}

.voy-rtc-diagnostic-box.info[b-w5f0qhmvw8] {
    border-left: 4px solid var(--color-info, #3b82f6);
    background-color: oklch(0.98 0.02 240 / 0.15);
}

.voy-rtc-icon[b-w5f0qhmvw8] {
    font-size: 1.75rem;
    line-height: 1;
    flex-shrink: 0;
}

.voy-rtc-text[b-w5f0qhmvw8] {
    flex: 1;
}

.voy-rtc-text strong[b-w5f0qhmvw8] {
    display: block;
    font-size: 1rem;
    color: var(--color-foreground);
    margin-bottom: 0.25rem;
}

.voy-rtc-text p[b-w5f0qhmvw8] {
    font-size: 0.875rem;
    color: var(--color-muted-foreground);
    line-height: 1.5;
    margin: 0 0 0.5rem 0;
}

.voy-rtc-tag[b-w5f0qhmvw8] {
    display: inline-block;
    font-size: 0.75rem;
    font-weight: 600;
    font-family: var(--font-mono);
    padding: 0.2rem 0.5rem;
    border-radius: 4px;
    background-color: var(--color-muted, #f1f5f9);
    color: var(--color-foreground);
}

.voy-simples-controls-grid[b-w5f0qhmvw8] {
    display: grid;
    grid-template-columns: repeat(auto-fit, minmax(220px, 1fr));
    gap: 1rem;
    align-items: flex-start;
    margin-bottom: 1.5rem;
    padding-bottom: 1.5rem;
    border-bottom: 1px solid var(--color-border);
}

.align-self-end[b-w5f0qhmvw8] {
    align-self: flex-end;
}

.voy-kpi-grid[b-w5f0qhmvw8] {
    display: grid;
    grid-template-columns: repeat(auto-fit, minmax(220px, 1fr));
    gap: 1rem;
    margin-bottom: 1.5rem;
}

.voy-sublimite-alert[b-w5f0qhmvw8] {
    padding: 1rem 1.25rem;
    background-color: oklch(0.98 0.03 75 / 0.25);
    border-left: 4px solid var(--color-warning, #f59e0b);
    border-radius: var(--radius-sm, 6px);
    margin-bottom: 1.5rem;
}

.voy-sublimite-alert strong[b-w5f0qhmvw8] {
    display: block;
    color: var(--color-warning-dark, #b45309);
    font-size: 0.9375rem;
    margin-bottom: 0.25rem;
}

.voy-sublimite-alert p[b-w5f0qhmvw8] {
    margin: 0;
    font-size: 0.875rem;
    color: var(--color-foreground);
    line-height: 1.45;
}

.voy-partilha-section[b-w5f0qhmvw8] {
    margin-top: 1rem;
}

.voy-table-total-row[b-w5f0qhmvw8] {
    background-color: var(--color-muted, #f8fafc);
    border-top: 2px solid var(--color-border);
}

.text-primary[b-w5f0qhmvw8] {
    color: var(--color-tangerine) !important;
}

.voy-reforma-subtabs[b-w5f0qhmvw8] {
    display: flex;
    justify-content: space-between;
    align-items: center;
    flex-wrap: wrap;
    gap: 1rem;
    margin-bottom: 1rem;
}

.voy-subtabs-nav[b-w5f0qhmvw8] {
    display: flex;
    gap: 0.5rem;
}

.voy-subtab-btn[b-w5f0qhmvw8] {
    padding: 0.5rem 1rem;
    font-size: 0.875rem;
    font-weight: 500;
    border: 1px solid var(--color-border);
    border-radius: var(--radius-md, 6px);
    background-color: var(--color-card);
    color: var(--color-muted-foreground);
    cursor: pointer;
    transition: all 0.15s ease;
}

.voy-subtab-btn:hover[b-w5f0qhmvw8] {
    color: var(--color-foreground);
    border-color: var(--color-petrol);
}

.voy-subtab-btn.active[b-w5f0qhmvw8] {
    background-color: var(--color-petrol);
    color: white;
    border-color: var(--color-petrol);
}

.voy-search-bar[b-w5f0qhmvw8] {
    min-width: 280px;
    flex: 1;
    max-width: 400px;
}

.voy-cst-badge[b-w5f0qhmvw8] {
    display: inline-block;
    padding: 0.2rem 0.6rem;
    font-size: 0.8125rem;
    font-weight: 700;
    border-radius: 4px;
    background-color: var(--color-muted, #f1f5f9);
    color: var(--color-petrol);
    border: 1px solid var(--color-border);
}

@media (max-width: 768px) {
    .voy-reforma-subtabs[b-w5f0qhmvw8] {
        flex-direction: column;
        align-items: stretch;
    }

    .voy-search-bar[b-w5f0qhmvw8] {
        max-width: 100%;
    }

    .voy-subtabs-nav[b-w5f0qhmvw8] {
        flex-direction: column;
    }
}

/* Governança Fiscal & Workflow de Aprovações */
.voy-governance-header[b-w5f0qhmvw8] {
    display: flex;
    justify-content: space-between;
    align-items: flex-start;
    flex-wrap: wrap;
    gap: 1rem;
    margin-bottom: 1.5rem;
}

.voy-governance-title[b-w5f0qhmvw8] {
    font-family: var(--font-display);
    font-size: 1.375rem;
    font-weight: 700;
    color: var(--color-foreground);
    margin: 0 0 0.25rem 0;
}

.voy-governance-subtitle[b-w5f0qhmvw8] {
    font-size: 0.875rem;
    color: var(--color-muted-foreground);
    margin: 0;
    max-width: 680px;
}

.voy-governance-actions[b-w5f0qhmvw8] {
    display: flex;
    align-items: center;
    gap: 0.75rem;
    flex-wrap: wrap;
}

.voy-kpi-grid-4[b-w5f0qhmvw8] {
    display: grid;
    grid-template-columns: repeat(4, 1fr);
    gap: 1rem;
    margin-bottom: 1.5rem;
}

@media (max-width: 900px) {
    .voy-kpi-grid-4[b-w5f0qhmvw8] {
        grid-template-columns: repeat(2, 1fr);
    }
}

@media (max-width: 500px) {
    .voy-kpi-grid-4[b-w5f0qhmvw8] {
        grid-template-columns: 1fr;
    }
}

.text-warning[b-w5f0qhmvw8] {
    color: var(--color-warning, #eab308) !important;
}

.text-info[b-w5f0qhmvw8] {
    color: var(--color-info, #3b82f6) !important;
}

.text-success[b-w5f0qhmvw8] {
    color: var(--color-success, #10b981) !important;
}

.text-petrol[b-w5f0qhmvw8] {
    color: var(--color-petrol) !important;
}

.voy-governance-filters[b-w5f0qhmvw8] {
    display: flex;
    gap: 0.5rem;
    flex-wrap: wrap;
}

.voy-filter-chip[b-w5f0qhmvw8] {
    padding: 0.375rem 0.75rem;
    font-size: 0.8125rem;
    font-weight: 500;
    border-radius: 9999px;
    border: 1px solid var(--color-border);
    background: var(--color-card);
    color: var(--color-muted-foreground);
    cursor: pointer;
    transition: all 0.15s ease;
}

.voy-filter-chip:hover[b-w5f0qhmvw8] {
    color: var(--color-foreground);
    border-color: var(--color-petrol);
}

.voy-filter-chip.active[b-w5f0qhmvw8] {
    background-color: var(--color-petrol);
    color: white;
    border-color: var(--color-petrol);
}

.voy-target-box[b-w5f0qhmvw8] {
    display: flex;
    flex-direction: column;
    gap: 0.125rem;
}

.voy-target-name[b-w5f0qhmvw8] {
    font-size: 0.875rem;
    color: var(--color-foreground);
}

.voy-field-label[b-w5f0qhmvw8] {
    font-size: 0.8125rem;
    color: var(--color-muted-foreground);
}

.voy-field-code[b-w5f0qhmvw8] {
    font-size: 0.75rem;
}

.voy-comparison-box[b-w5f0qhmvw8] {
    display: flex;
    align-items: center;
    gap: 0.5rem;
}

.voy-val-current[b-w5f0qhmvw8] {
    color: var(--color-muted-foreground);
    font-size: 0.875rem;
    text-decoration: line-through;
}

.voy-comparison-arrow[b-w5f0qhmvw8] {
    color: var(--color-tangerine);
    font-weight: 700;
}

.voy-val-proposed[b-w5f0qhmvw8] {
    color: var(--color-foreground);
    font-size: 0.9375rem;
    background: rgba(234, 88, 12, 0.08);
    padding: 0.15rem 0.4rem;
    border-radius: 4px;
    border: 1px solid rgba(234, 88, 12, 0.2);
}

.voy-vigencia-box[b-w5f0qhmvw8] {
    display: flex;
    align-items: center;
    gap: 0.35rem;
    flex-wrap: wrap;
    font-size: 0.8125rem;
}

.voy-reason-box[b-w5f0qhmvw8] {
    display: flex;
    flex-direction: column;
    gap: 0.125rem;
    max-width: 240px;
}

.voy-reason-text[b-w5f0qhmvw8] {
    font-size: 0.8125rem;
    margin: 0;
    color: var(--color-foreground);
}

.voy-notes-text[b-w5f0qhmvw8] {
    font-size: 0.75rem;
}

.voy-action-btn-group[b-w5f0qhmvw8] {
    display: flex;
    justify-content: flex-end;
    gap: 0.35rem;
}

.voy-action-icon-btn[b-w5f0qhmvw8] {
    padding: 0.35rem 0.65rem;
    font-size: 0.75rem;
    font-weight: 600;
    border-radius: 4px;
    cursor: pointer;
    border: 1px solid transparent;
    transition: all 0.15s ease;
}

.voy-action-icon-btn.approve[b-w5f0qhmvw8] {
    background-color: rgba(16, 185, 129, 0.12);
    color: #10b981;
    border-color: rgba(16, 185, 129, 0.3);
}

.voy-action-icon-btn.approve:hover[b-w5f0qhmvw8] {
    background-color: #10b981;
    color: white;
}

.voy-action-icon-btn.reject[b-w5f0qhmvw8] {
    background-color: rgba(239, 68, 68, 0.12);
    color: #ef4444;
    border-color: rgba(239, 68, 68, 0.3);
}

.voy-action-icon-btn.reject:hover[b-w5f0qhmvw8] {
    background-color: #ef4444;
    color: white;
}

.voy-action-icon-btn.cancel[b-w5f0qhmvw8] {
    background: transparent;
    color: var(--color-muted-foreground);
    border-color: var(--color-border);
}

.voy-action-icon-btn.cancel:hover[b-w5f0qhmvw8] {
    background-color: var(--color-muted, #f1f5f9);
    color: var(--color-foreground);
}

.voy-empty-state-small[b-w5f0qhmvw8] {
    padding: 1.5rem;
    text-align: center;
}


/* /Components/Pages/Companies/PartnersPage.razor.rz.scp.css */
.partners-container[b-3tbeqig5rz] {
    padding: 1.5rem;
    max-width: 1280px;
    margin: 0 auto;
}

.partners-header[b-3tbeqig5rz] {
    margin-bottom: 1.5rem;
}

.back-link[b-3tbeqig5rz] {
    display: inline-block;
    color: var(--color-petrol);
    text-decoration: none;
    font-size: 0.875rem;
    font-weight: 500;
    margin-bottom: 0.75rem;
    transition: opacity 0.2s ease;
}

.back-link:hover[b-3tbeqig5rz] {
    opacity: 0.8;
}

.header-title-row[b-3tbeqig5rz] {
    display: flex;
    justify-content: space-between;
    align-items: flex-start;
    gap: 1rem;
    flex-wrap: wrap;
}

.company-subtitle[b-3tbeqig5rz] {
    color: var(--muted-foreground);
    margin-top: 0.25rem;
}

.header-actions[b-3tbeqig5rz] {
    display: flex;
    gap: 0.75rem;
    align-items: center;
}

/* KPIs */
.kpi-grid[b-3tbeqig5rz] {
    display: grid;
    grid-template-columns: repeat(auto-fit, minmax(240px, 1fr));
    gap: 1rem;
}

.kpi-card[b-3tbeqig5rz] {
    background-color: var(--card);
    border: 1px solid var(--border);
    border-radius: var(--radius-lg);
    padding: 1.25rem;
    display: flex;
    flex-direction: column;
    gap: 0.375rem;
    box-shadow: var(--shadow-sm);
}

.kpi-card.highlight-client[b-3tbeqig5rz] {
    border-left: 4px solid var(--color-petrol);
}

.kpi-card.highlight-supplier[b-3tbeqig5rz] {
    border-left: 4px solid var(--color-tangerine);
}

.kpi-label[b-3tbeqig5rz] {
    font-size: 0.8125rem;
    color: var(--muted-foreground);
    text-transform: uppercase;
    font-weight: 600;
    letter-spacing: 0.05em;
}

.kpi-value[b-3tbeqig5rz] {
    font-family: var(--font-display, serif);
    font-size: 1.75rem;
    font-weight: 700;
    color: var(--card-foreground);
}

.kpi-caption[b-3tbeqig5rz] {
    font-size: 0.8125rem;
    color: var(--muted-foreground);
}

/* Abas */
.voy-tabs[b-3tbeqig5rz] {
    display: flex;
    gap: 0.5rem;
    border-bottom: 2px solid var(--border);
    padding-bottom: 0.25rem;
}

.voy-tab-btn[b-3tbeqig5rz] {
    background: transparent;
    border: none;
    padding: 0.75rem 1.25rem;
    font-size: 0.9375rem;
    font-weight: 600;
    color: var(--muted-foreground);
    cursor: pointer;
    border-radius: var(--radius-md) var(--radius-md) 0 0;
    transition: all 0.2s ease;
    min-height: 44px;
}

.voy-tab-btn:hover[b-3tbeqig5rz] {
    color: var(--foreground);
    background-color: var(--muted);
}

.voy-tab-btn.active[b-3tbeqig5rz] {
    color: var(--color-petrol);
    border-bottom: 3px solid var(--color-petrol);
    background-color: transparent;
}

/* Filtros */
.filters-bar[b-3tbeqig5rz] {
    display: flex;
    gap: 1rem;
    flex-wrap: wrap;
    align-items: center;
}

.search-input-wrapper[b-3tbeqig5rz] {
    position: relative;
    flex: 1;
    min-width: 260px;
}

.search-icon[b-3tbeqig5rz] {
    position: absolute;
    left: 0.875rem;
    top: 50%;
    transform: translateY(-50%);
    pointer-events: none;
    opacity: 0.6;
}

.search-input[b-3tbeqig5rz] {
    padding-left: 2.5rem !important;
    width: 100%;
}

.filter-type-wrapper[b-3tbeqig5rz] {
    min-width: 200px;
}

/* Tabelas (Desktop) */
.partners-table-container[b-3tbeqig5rz] {
    background-color: var(--card);
    border: 1px solid var(--border);
    border-radius: var(--radius-lg);
    overflow: hidden;
    box-shadow: var(--shadow-sm);
}

.partners-table[b-3tbeqig5rz] {
    width: 100%;
    border-collapse: collapse;
    font-size: 0.875rem;
}

.partners-table th[b-3tbeqig5rz] {
    background-color: var(--muted);
    color: var(--muted-foreground);
    text-align: left;
    padding: 0.875rem 1rem;
    font-weight: 600;
    font-size: 0.75rem;
    text-transform: uppercase;
    letter-spacing: 0.05em;
    border-bottom: 1px solid var(--border);
}

.partners-table td[b-3tbeqig5rz] {
    padding: 1rem;
    border-bottom: 1px solid var(--border);
    color: var(--card-foreground);
    vertical-align: middle;
}

.partners-table tbody tr:hover[b-3tbeqig5rz] {
    background-color: var(--muted);
}

.partner-name-cell[b-3tbeqig5rz] {
    display: flex;
    align-items: center;
    gap: 0.5rem;
}

.partner-contact-cell[b-3tbeqig5rz] {
    display: flex;
    flex-direction: column;
    gap: 0.25rem;
    font-size: 0.8125rem;
}

.pix-cell[b-3tbeqig5rz] {
    display: flex;
    align-items: center;
    gap: 0.5rem;
}

.actions-cell[b-3tbeqig5rz] {
    display: flex;
    gap: 0.5rem;
    justify-content: flex-end;
}

/* Cards (Mobile) */
.cards-grid[b-3tbeqig5rz] {
    display: flex;
    flex-direction: column;
    gap: 1rem;
}

.partner-card[b-3tbeqig5rz] {
    background-color: var(--card);
    border: 1px solid var(--border);
    border-radius: var(--radius-lg);
    padding: 1.25rem;
    box-shadow: var(--shadow-sm);
    display: flex;
    flex-direction: column;
    gap: 0.75rem;
}

.partner-card-header[b-3tbeqig5rz] {
    display: flex;
    justify-content: space-between;
    align-items: flex-start;
    gap: 0.75rem;
}

.partner-card-title[b-3tbeqig5rz] {
    font-size: 1rem;
    font-weight: 600;
    margin: 0;
    color: var(--card-foreground);
}

.partner-card-body[b-3tbeqig5rz] {
    display: flex;
    flex-direction: column;
    gap: 0.375rem;
}

.card-detail-row[b-3tbeqig5rz] {
    display: flex;
    justify-content: space-between;
    font-size: 0.875rem;
}

.detail-label[b-3tbeqig5rz] {
    color: var(--muted-foreground);
}

.detail-value[b-3tbeqig5rz] {
    color: var(--foreground);
    font-weight: 500;
}

.partner-card-actions[b-3tbeqig5rz] {
    display: flex;
    gap: 0.5rem;
    margin-top: 0.5rem;
    padding-top: 0.75rem;
    border-top: 1px solid var(--border);
    justify-content: flex-end;
}

/* Formulário do Bottom Sheet */
.sheet-form[b-3tbeqig5rz] {
    display: flex;
    flex-direction: column;
    gap: 0.75rem;
}

.form-row-2[b-3tbeqig5rz] {
    display: grid;
    grid-template-columns: 1fr 1fr;
    gap: 0.75rem;
}

@media (max-width: 640px) {
    .form-row-2[b-3tbeqig5rz] {
        grid-template-columns: 1fr;
    }
}

.sheet-section-divider[b-3tbeqig5rz] {
    display: flex;
    align-items: center;
    text-transform: uppercase;
    font-size: 0.6875rem;
    font-weight: 700;
    letter-spacing: 0.08em;
    color: var(--muted-foreground);
    margin: 0.75rem 0 0.25rem;
    border-bottom: 1px solid var(--border);
    padding-bottom: 0.375rem;
}

.sheet-actions[b-3tbeqig5rz] {
    display: flex;
    justify-content: flex-end;
    gap: 0.75rem;
}

/* Utilitários e Responsividade */
.text-right[b-3tbeqig5rz] {
    text-align: right;
}

.font-medium[b-3tbeqig5rz] {
    font-weight: 500;
}

.font-mono[b-3tbeqig5rz] {
    font-family: var(--font-mono, monospace);
}

.tabular-nums[b-3tbeqig5rz] {
    font-variant-numeric: tabular-nums lining-nums;
}

.text-muted[b-3tbeqig5rz] {
    color: var(--muted-foreground);
}

.text-sm[b-3tbeqig5rz] {
    font-size: 0.8125rem;
}

.empty-state[b-3tbeqig5rz] {
    padding: 3rem 1rem;
    background-color: var(--card);
    border: 1px dashed var(--border);
    border-radius: var(--radius-lg);
}

.empty-icon[b-3tbeqig5rz] {
    font-size: 2.5rem;
    margin-bottom: 0.75rem;
}

.desktop-only[b-3tbeqig5rz] {
    display: block;
}

.mobile-only[b-3tbeqig5rz] {
    display: none;
}

@media (max-width: 768px) {
    .desktop-only[b-3tbeqig5rz] {
        display: none;
    }

    .mobile-only[b-3tbeqig5rz] {
        display: flex;
    }

    .partners-container[b-3tbeqig5rz] {
        padding: 1rem;
    }
}
/* /Components/Pages/Companies/PayablesPage.razor.rz.scp.css */
.payables-container[b-9pdodzl7is] {
    padding: 1.5rem;
    max-width: 1280px;
    margin: 0 auto;
}

.back-link[b-9pdodzl7is] {
    display: inline-flex;
    align-items: center;
    font-size: 0.875rem;
    color: var(--primary, #16404d);
    text-decoration: none;
    margin-bottom: 0.75rem;
    font-weight: 500;
}

.back-link:hover[b-9pdodzl7is] {
    text-decoration: underline;
}

.header-title-row[b-9pdodzl7is] {
    display: flex;
    justify-content: space-between;
    align-items: flex-start;
    flex-wrap: wrap;
    gap: 1rem;
}

.company-subtitle[b-9pdodzl7is] {
    color: var(--muted-foreground, #64748b);
    margin-top: 0.25rem;
}

/* KPI Grid */
.kpi-grid[b-9pdodzl7is] {
    display: grid;
    grid-template-columns: repeat(auto-fit, minmax(240px, 1fr));
    gap: 1rem;
}

.kpi-card[b-9pdodzl7is] {
    background: var(--card, #ffffff);
    border: 1px solid var(--border, #e2e8f0);
    border-radius: 14px;
    padding: 1.25rem;
    display: flex;
    flex-direction: column;
    box-shadow: 0 2px 4px rgba(0, 0, 0, 0.03);
}

.kpi-card.highlight-total[b-9pdodzl7is] {
    background: linear-gradient(135deg, var(--color-petrol-dark, #0d2b33) 0%, var(--color-petrol, #16404d) 100%);
    color: #ffffff;
    border: none;
}

.kpi-card.highlight-total .kpi-label[b-9pdodzl7is] {
    color: rgba(255, 255, 255, 0.8);
}

.kpi-card.highlight-total .kpi-value[b-9pdodzl7is] {
    color: #ffffff;
}

.kpi-card.highlight-total .kpi-caption[b-9pdodzl7is] {
    color: rgba(255, 255, 255, 0.7);
}

.kpi-card.highlight-retentions[b-9pdodzl7is] {
    background: var(--card, #ffffff);
    border-left: 4px solid var(--color-tangerine, #e06d20);
}

.kpi-label[b-9pdodzl7is] {
    font-size: 0.78rem;
    text-transform: uppercase;
    letter-spacing: 0.05em;
    font-weight: 600;
    color: var(--muted-foreground, #64748b);
}

.kpi-value[b-9pdodzl7is] {
    font-family: var(--font-display, 'Fraunces', serif);
    font-size: 1.65rem;
    font-weight: 700;
    margin: 0.25rem 0;
}

.kpi-caption[b-9pdodzl7is] {
    font-size: 0.8rem;
    color: var(--muted-foreground, #64748b);
}

/* Tabs */
.voy-tabs[b-9pdodzl7is] {
    display: flex;
    gap: 0.5rem;
    border-bottom: 1px solid var(--border, #e2e8f0);
    padding-bottom: 0.5rem;
    overflow-x: auto;
}

.voy-tab-btn[b-9pdodzl7is] {
    background: none;
    border: 1px solid transparent;
    padding: 0.5rem 1rem;
    font-size: 0.875rem;
    font-weight: 600;
    border-radius: 8px;
    color: var(--muted-foreground, #64748b);
    cursor: pointer;
    min-height: 44px;
    display: inline-flex;
    align-items: center;
    transition: all 0.2s;
}

.voy-tab-btn:hover[b-9pdodzl7is] {
    background: var(--muted, #f1f5f9);
    color: var(--foreground, #0f172a);
}

.voy-tab-btn.active[b-9pdodzl7is] {
    background: var(--color-petrol, #16404d);
    color: #ffffff;
}

/* Payables List */
.payables-list[b-9pdodzl7is] {
    display: flex;
    flex-direction: column;
    gap: 1rem;
}

.payable-card[b-9pdodzl7is] {
    background: var(--card, #ffffff);
    border: 1px solid var(--border, #e2e8f0);
    border-radius: 12px;
    padding: 1.25rem;
    box-shadow: 0 1px 3px rgba(0, 0, 0, 0.02);
    display: flex;
    flex-direction: column;
    gap: 0.75rem;
}

.payable-card-header[b-9pdodzl7is] {
    display: flex;
    justify-content: space-between;
    align-items: flex-start;
    flex-wrap: wrap;
    gap: 0.5rem;
}

.payable-main-info[b-9pdodzl7is] {
    display: flex;
    flex-direction: column;
}

.supplier-name[b-9pdodzl7is] {
    font-size: 1.05rem;
    color: var(--foreground, #0f172a);
}

.payable-desc[b-9pdodzl7is] {
    font-size: 0.875rem;
}

.payable-badges[b-9pdodzl7is] {
    display: flex;
    align-items: center;
    gap: 0.5rem;
    flex-wrap: wrap;
}

.badge-recurrence[b-9pdodzl7is] {
    font-size: 0.75rem;
    background: var(--muted, #f1f5f9);
    padding: 0.2rem 0.5rem;
    border-radius: 6px;
    font-weight: 600;
    color: var(--color-petrol, #16404d);
}

.badge-payment-method[b-9pdodzl7is] {
    font-size: 0.75rem;
    background: var(--muted, #f1f5f9);
    padding: 0.2rem 0.5rem;
    border-radius: 6px;
    font-weight: 600;
    color: var(--foreground, #0f172a);
}

.payable-card-body[b-9pdodzl7is] {
    display: grid;
    grid-template-columns: repeat(auto-fit, minmax(140px, 1fr));
    gap: 0.75rem;
    background: var(--muted, #f8fafc);
    padding: 0.75rem 1rem;
    border-radius: 8px;
}

.info-group[b-9pdodzl7is] {
    display: flex;
    flex-direction: column;
}

.info-label[b-9pdodzl7is] {
    font-size: 0.72rem;
    text-transform: uppercase;
    color: var(--muted-foreground, #64748b);
    font-weight: 600;
}

.info-value[b-9pdodzl7is] {
    font-size: 0.9rem;
    font-weight: 500;
}

.highlight-box[b-9pdodzl7is] {
    background: rgba(22, 64, 77, 0.08);
    padding: 0.25rem 0.5rem;
    border-radius: 6px;
}

.net-amount-display[b-9pdodzl7is] {
    font-size: 1.05rem;
    color: var(--color-petrol, #16404d);
}

.payment-detail-row[b-9pdodzl7is] {
    font-size: 0.82rem;
    display: flex;
    align-items: center;
    gap: 0.5rem;
    flex-wrap: wrap;
    background: var(--muted, #f1f5f9);
    padding: 0.35rem 0.65rem;
    border-radius: 6px;
}

.detail-label[b-9pdodzl7is] {
    font-weight: 600;
    color: var(--muted-foreground, #64748b);
}

.detail-code[b-9pdodzl7is] {
    background: var(--card, #ffffff);
    padding: 0.15rem 0.4rem;
    border-radius: 4px;
    border: 1px solid var(--border, #e2e8f0);
}

/* Installments Section */
.installments-section[b-9pdodzl7is] {
    border-top: 1px solid var(--border, #e2e8f0);
    padding-top: 0.5rem;
}

.btn-toggle-installments[b-9pdodzl7is] {
    background: none;
    border: none;
    font-size: 0.82rem;
    color: var(--color-petrol, #16404d);
    font-weight: 600;
    cursor: pointer;
    padding: 0.3rem 0;
    min-height: 44px;
    display: inline-flex;
    align-items: center;
}

.installments-grid[b-9pdodzl7is] {
    display: flex;
    flex-direction: column;
    gap: 0.4rem;
    margin-top: 0.4rem;
}

.installment-row[b-9pdodzl7is] {
    display: flex;
    align-items: center;
    justify-content: space-between;
    flex-wrap: wrap;
    gap: 0.5rem;
    padding: 0.5rem 0.75rem;
    border-radius: 6px;
    background: var(--card, #ffffff);
    border: 1px solid var(--border, #e2e8f0);
}

.inst-num[b-9pdodzl7is] {
    font-size: 0.82rem;
    font-weight: 600;
}

.inst-due[b-9pdodzl7is] {
    font-size: 0.82rem;
}

.inst-amount[b-9pdodzl7is] {
    font-size: 0.95rem;
}

/* Drawer / Form Styles */
.create-payable-drawer[b-9pdodzl7is] {
    display: flex;
    flex-direction: column;
    gap: 1rem;
    padding: 0.5rem 0;
}

.form-row[b-9pdodzl7is] {
    display: grid;
    gap: 1rem;
    margin-bottom: 0.75rem;
}

.form-row.grid-2[b-9pdodzl7is] {
    grid-template-columns: repeat(auto-fit, minmax(200px, 1fr));
}

.form-row.grid-3[b-9pdodzl7is] {
    grid-template-columns: repeat(auto-fit, minmax(150px, 1fr));
}

.form-group[b-9pdodzl7is] {
    display: flex;
    flex-direction: column;
    gap: 0.35rem;
}

.form-label[b-9pdodzl7is] {
    font-size: 0.85rem;
    color: var(--foreground, #0f172a);
}

.voy-input[b-9pdodzl7is], .voy-select[b-9pdodzl7is] {
    min-height: 44px;
    padding: 0.6rem 0.85rem;
    border-radius: 8px;
    border: 1px solid var(--border, #cbd5e1);
    background: var(--background, #ffffff);
    font-size: 0.9rem;
    color: var(--foreground, #0f172a);
    box-sizing: border-box;
    width: 100%;
}

.voy-input:focus[b-9pdodzl7is], .voy-select:focus[b-9pdodzl7is] {
    outline: none;
    border-color: var(--ring, #e06d20);
    box-shadow: 0 0 0 2px rgba(224, 109, 32, 0.2);
}

/* Retentions Section in Form */
.retentions-section[b-9pdodzl7is] {
    border: 1px solid var(--border, #e2e8f0);
    border-radius: 10px;
    overflow: hidden;
    background: var(--card, #ffffff);
}

.retentions-toggle-header[b-9pdodzl7is] {
    background: var(--muted, #f8fafc);
    padding: 0.75rem 1rem;
    display: flex;
    justify-content: space-between;
    align-items: center;
    cursor: pointer;
    user-select: none;
    min-height: 44px;
}

.retentions-toggle-title[b-9pdodzl7is] {
    font-size: 0.9rem;
    color: var(--foreground, #0f172a);
}

.retentions-toggle-icon[b-9pdodzl7is] {
    font-size: 0.82rem;
    color: var(--color-petrol, #16404d);
    font-weight: 600;
}

.retentions-body[b-9pdodzl7is] {
    padding: 1rem;
    border-bottom: 1px solid var(--border, #e2e8f0);
}

.retentions-info-text[b-9pdodzl7is] {
    font-size: 0.82rem;
    margin-bottom: 0.75rem;
}

.retentions-inputs-grid[b-9pdodzl7is] {
    display: grid;
    grid-template-columns: repeat(auto-fit, minmax(130px, 1fr));
    gap: 0.75rem;
}

.net-calculation-box[b-9pdodzl7is] {
    background: var(--muted, #f1f5f9);
    padding: 0.75rem 1rem;
    display: flex;
    flex-direction: column;
    gap: 0.35rem;
}

.calc-row[b-9pdodzl7is] {
    display: flex;
    justify-content: space-between;
    font-size: 0.875rem;
}

.calc-total[b-9pdodzl7is] {
    border-top: 1px dashed var(--border, #cbd5e1);
    padding-top: 0.4rem;
    font-size: 1rem;
}

.preview-card[b-9pdodzl7is] {
    background: var(--muted, #f8fafc);
    border: 1px dashed var(--border, #cbd5e1);
    border-radius: 8px;
    padding: 0.75rem 1rem;
}

.preview-title[b-9pdodzl7is] {
    font-size: 0.82rem;
    text-transform: uppercase;
    color: var(--muted-foreground, #64748b);
    display: block;
    margin-bottom: 0.4rem;
}

.preview-list[b-9pdodzl7is] {
    display: flex;
    flex-direction: column;
    gap: 0.3rem;
}

.preview-item[b-9pdodzl7is] {
    display: flex;
    justify-content: space-between;
    font-size: 0.85rem;
    padding: 0.2rem 0;
}

.form-actions[b-9pdodzl7is] {
    display: flex;
    justify-content: flex-end;
    gap: 0.75rem;
}

.empty-state[b-9pdodzl7is], .loading-state[b-9pdodzl7is] {
    text-align: center;
    padding: 3rem 1.5rem;
    background: var(--card, #ffffff);
    border-radius: 12px;
    border: 1px solid var(--border, #e2e8f0);
}

.empty-icon[b-9pdodzl7is] {
    font-size: 2.5rem;
    margin-bottom: 0.5rem;
}

.voy-alert[b-9pdodzl7is] {
    padding: 0.75rem 1rem;
    border-radius: 8px;
    display: flex;
    justify-content: space-between;
    align-items: center;
    font-size: 0.875rem;
}

.voy-alert-success[b-9pdodzl7is] {
    background: #ecfdf5;
    color: #065f46;
    border: 1px solid #a7f3d0;
}

.voy-alert-danger[b-9pdodzl7is] {
    background: #fef2f2;
    color: #991b1b;
    border: 1px solid #fecaca;
}

.alert-close-btn[b-9pdodzl7is] {
    background: none;
    border: none;
    font-size: 1.25rem;
    cursor: pointer;
    color: inherit;
    min-height: 44px;
    min-width: 44px;
    display: inline-flex;
    align-items: center;
    justify-content: center;
}

.spinner[b-9pdodzl7is] {
    width: 2rem;
    height: 2rem;
    border: 3px solid rgba(22, 64, 77, 0.15);
    border-top-color: var(--color-petrol, #16404d);
    border-radius: 50%;
    animation: spin-b-9pdodzl7is 0.8s linear infinite;
    margin: 0 auto 0.75rem auto;
}

@keyframes spin-b-9pdodzl7is {
    to { transform: rotate(360deg); }
}

/* Settle & Reverse Drawers */
.settle-installment-drawer[b-9pdodzl7is],
.reverse-installment-drawer[b-9pdodzl7is] {
    display: flex;
    flex-direction: column;
    gap: 0.75rem;
    padding: 0.5rem 0;
}

.settle-summary-card[b-9pdodzl7is] {
    background: var(--muted, #f8fafc);
    border: 1px solid var(--border, #e2e8f0);
    border-radius: 8px;
    display: flex;
    flex-direction: column;
    gap: 0.4rem;
}

.summary-line[b-9pdodzl7is] {
    display: flex;
    justify-content: space-between;
    align-items: center;
    font-size: 0.875rem;
}

.summary-label[b-9pdodzl7is] {
    color: var(--muted-foreground, #64748b);
}

.summary-value[b-9pdodzl7is] {
    color: var(--foreground, #1e293b);
}

.summary-line.highlight[b-9pdodzl7is] {
    font-size: 1rem;
}

.adjustment-badge[b-9pdodzl7is] {
    padding: 0.5rem 0.75rem;
    border-radius: 6px;
    font-size: 0.85rem;
    border: 1px solid currentColor;
}

.adjustment-badge.text-warning[b-9pdodzl7is] {
    background: #fffbeb;
    color: #b45309;
    border-color: #fde68a;
}

.adjustment-badge.text-success[b-9pdodzl7is] {
    background: #ecfdf5;
    color: #065f46;
    border-color: #a7f3d0;
}

.inst-actions-col[b-9pdodzl7is] {
    display: flex;
    align-items: center;
    gap: 0.5rem;
}

.inst-payment-meta[b-9pdodzl7is] {
    font-size: 0.75rem;
    color: var(--muted-foreground, #64748b);
}
/* /Components/Pages/Companies/ProductsServicesPage.razor.rz.scp.css */
.products-container[b-z23bg7padx] {
    padding: 1.5rem;
    max-width: 1280px;
    margin: 0 auto;
}

.products-header[b-z23bg7padx] {
    margin-bottom: 1.5rem;
}

.back-link[b-z23bg7padx] {
    display: inline-block;
    color: var(--color-petrol);
    text-decoration: none;
    font-size: 0.875rem;
    font-weight: 500;
    margin-bottom: 0.75rem;
    transition: opacity 0.2s ease;
}

.back-link:hover[b-z23bg7padx] {
    opacity: 0.8;
}

.header-title-row[b-z23bg7padx] {
    display: flex;
    justify-content: space-between;
    align-items: flex-start;
    gap: 1rem;
    flex-wrap: wrap;
}

.company-subtitle[b-z23bg7padx] {
    color: var(--muted-foreground);
    margin-top: 0.25rem;
}

.header-actions[b-z23bg7padx] {
    display: flex;
    gap: 0.75rem;
    align-items: center;
}

/* KPIs */
.kpi-grid[b-z23bg7padx] {
    display: grid;
    grid-template-columns: repeat(auto-fit, minmax(240px, 1fr));
    gap: 1rem;
}

.kpi-card[b-z23bg7padx] {
    background-color: var(--card);
    border: 1px solid var(--border);
    border-radius: var(--radius-lg);
    padding: 1.25rem;
    display: flex;
    flex-direction: column;
    gap: 0.375rem;
    box-shadow: var(--shadow-sm);
}

.kpi-card.highlight-total[b-z23bg7padx] {
    border-left: 4px solid var(--color-petrol-dark, oklch(0.26 0.045 192));
}

.kpi-card.highlight-product[b-z23bg7padx] {
    border-left: 4px solid var(--color-petrol);
}

.kpi-card.highlight-service[b-z23bg7padx] {
    border-left: 4px solid var(--color-tangerine);
}

.kpi-label[b-z23bg7padx] {
    font-size: 0.8125rem;
    color: var(--muted-foreground);
    text-transform: uppercase;
    font-weight: 600;
    letter-spacing: 0.05em;
}

.kpi-value[b-z23bg7padx] {
    font-family: var(--font-display, serif);
    font-size: 1.75rem;
    font-weight: 700;
    color: var(--card-foreground);
    font-variant-numeric: tabular-nums lining-nums;
}

.kpi-caption[b-z23bg7padx] {
    font-size: 0.8125rem;
    color: var(--muted-foreground);
}

/* Abas */
.voy-tabs[b-z23bg7padx] {
    display: flex;
    gap: 0.5rem;
    border-bottom: 2px solid var(--border);
    padding-bottom: 0.25rem;
}

.voy-tab-btn[b-z23bg7padx] {
    background: transparent;
    border: none;
    padding: 0.625rem 1.25rem;
    font-family: var(--font-sans);
    font-size: 0.9375rem;
    font-weight: 600;
    color: var(--muted-foreground);
    cursor: pointer;
    border-radius: var(--radius-md) var(--radius-md) 0 0;
    position: relative;
    transition: all 0.2s ease;
    min-height: 44px;
}

.voy-tab-btn:hover[b-z23bg7padx] {
    color: var(--foreground);
    background-color: var(--muted);
}

.voy-tab-btn.active[b-z23bg7padx] {
    color: var(--color-petrol);
    background-color: transparent;
}

.voy-tab-btn.active[b-z23bg7padx]::after {
    content: '';
    position: absolute;
    bottom: -0.375rem;
    left: 0;
    right: 0;
    height: 3px;
    background-color: var(--color-petrol);
    border-radius: 3px 3px 0 0;
}

/* Filtros */
.filters-bar[b-z23bg7padx] {
    display: flex;
    align-items: center;
    justify-content: space-between;
    gap: 1rem;
    flex-wrap: wrap;
}

.search-input-wrapper[b-z23bg7padx] {
    position: relative;
    flex: 1;
    min-width: 260px;
}

.search-input[b-z23bg7padx] {
    width: 100%;
    padding: 0.625rem 1rem 0.625rem 2.5rem;
    border: 1px solid var(--border);
    border-radius: var(--radius-md);
    background-color: var(--card);
    color: var(--foreground);
    font-size: 0.875rem;
    min-height: 44px;
    transition: border-color 0.2s ease, box-shadow 0.2s ease;
}

.search-input:focus[b-z23bg7padx] {
    outline: none;
    border-color: var(--color-tangerine);
    box-shadow: 0 0 0 3px oklch(0.68 0.16 47 / 0.15);
}

.search-icon[b-z23bg7padx] {
    position: absolute;
    left: 0.875rem;
    top: 50%;
    transform: translateY(-50%);
    color: var(--muted-foreground);
    pointer-events: none;
    font-size: 0.875rem;
}

.toggle-label[b-z23bg7padx] {
    display: flex;
    align-items: center;
    gap: 0.5rem;
    font-size: 0.875rem;
    color: var(--foreground);
    cursor: pointer;
    user-select: none;
    min-height: 44px;
}

/* Cards Mobile */
.mobile-items-list[b-z23bg7padx] {
    display: flex;
    flex-direction: column;
    gap: 0.875rem;
}

.item-card[b-z23bg7padx] {
    background-color: var(--card);
    border: 1px solid var(--border);
    border-radius: var(--radius-lg);
    padding: 1.125rem;
    box-shadow: var(--shadow-sm);
    transition: transform 0.15s ease, box-shadow 0.15s ease;
}

.item-card.item-inactive[b-z23bg7padx] {
    opacity: 0.65;
    background-color: var(--muted);
}

.item-card-header[b-z23bg7padx] {
    display: flex;
    justify-content: space-between;
    align-items: flex-start;
    gap: 0.5rem;
}

.item-card-title[b-z23bg7padx] {
    font-family: var(--font-sans);
    font-size: 1rem;
    font-weight: 600;
    color: var(--foreground);
    margin: 0;
}

.item-card-sku[b-z23bg7padx] {
    display: block;
    font-size: 0.75rem;
    color: var(--muted-foreground);
    margin-top: 0.125rem;
}

.item-card-badges[b-z23bg7padx] {
    display: flex;
    gap: 0.375rem;
    align-items: center;
    flex-shrink: 0;
}

.item-card-price-row[b-z23bg7padx] {
    display: flex;
    align-items: baseline;
    gap: 0.5rem;
}

.price-label[b-z23bg7padx] {
    font-size: 0.8125rem;
    color: var(--muted-foreground);
}

.price-value[b-z23bg7padx] {
    font-family: var(--font-display, serif);
    font-size: 1.25rem;
    font-weight: 700;
    color: var(--card-foreground);
    font-variant-numeric: tabular-nums lining-nums;
}

.item-card-fiscal-details[b-z23bg7padx] {
    display: flex;
    flex-wrap: wrap;
    gap: 0.5rem;
    padding-top: 0.5rem;
    border-top: 1px dashed var(--border);
}

.fiscal-tag[b-z23bg7padx] {
    display: inline-flex;
    align-items: center;
    gap: 0.25rem;
    background-color: var(--muted);
    padding: 0.25rem 0.5rem;
    border-radius: var(--radius-sm);
    font-size: 0.75rem;
    color: var(--muted-foreground);
}

.fiscal-tag strong[b-z23bg7padx] {
    color: var(--foreground);
}

.item-card-actions[b-z23bg7padx] {
    display: flex;
    gap: 0.5rem;
}

.card-action-btn[b-z23bg7padx] {
    flex: 1;
    min-height: 44px;
    padding: 0.5rem 0.75rem;
    font-size: 0.8125rem;
    font-weight: 600;
    border-radius: var(--radius-md);
    cursor: pointer;
    border: 1px solid var(--border);
    background-color: var(--card);
    color: var(--foreground);
    transition: all 0.15s ease;
}

.card-action-btn.btn-edit:hover[b-z23bg7padx] {
    border-color: var(--color-petrol);
    color: var(--color-petrol);
}

.card-action-btn.btn-toggle:hover[b-z23bg7padx] {
    border-color: var(--color-tangerine);
    color: var(--color-tangerine);
}

/* Desktop Table */
.desktop-items-table[b-z23bg7padx] {
    background-color: var(--card);
    border: 1px solid var(--border);
    border-radius: var(--radius-lg);
    overflow: hidden;
    box-shadow: var(--shadow-sm);
}

.voy-table[b-z23bg7padx] {
    width: 100%;
    border-collapse: collapse;
    font-size: 0.875rem;
}

.voy-table th[b-z23bg7padx] {
    background-color: var(--muted);
    color: var(--muted-foreground);
    font-weight: 600;
    padding: 0.75rem 1rem;
    text-align: left;
    border-bottom: 1px solid var(--border);
    font-size: 0.75rem;
    text-transform: uppercase;
    letter-spacing: 0.05em;
}

.voy-table td[b-z23bg7padx] {
    padding: 0.875rem 1rem;
    border-bottom: 1px solid var(--border);
    color: var(--foreground);
    vertical-align: middle;
}

.voy-table tr:last-child td[b-z23bg7padx] {
    border-bottom: none;
}

.voy-table tr:hover td[b-z23bg7padx] {
    background-color: oklch(0.97 0.01 190 / 0.5);
}

.row-inactive td[b-z23bg7padx] {
    opacity: 0.6;
}

.item-table-name[b-z23bg7padx] {
    font-weight: 600;
}

.item-table-sub[b-z23bg7padx] {
    font-size: 0.75rem;
    color: var(--muted-foreground);
    margin-top: 0.125rem;
}

.table-actions[b-z23bg7padx] {
    display: flex;
    justify-content: flex-end;
    gap: 0.5rem;
}

.table-btn-action[b-z23bg7padx] {
    background: transparent;
    border: 1px solid var(--border);
    padding: 0.375rem 0.625rem;
    border-radius: var(--radius-sm);
    font-size: 0.75rem;
    font-weight: 500;
    cursor: pointer;
    color: var(--foreground);
    min-height: 36px;
    transition: all 0.15s ease;
}

.table-btn-action:hover[b-z23bg7padx] {
    border-color: var(--color-petrol);
    color: var(--color-petrol);
}

.table-btn-toggle:hover[b-z23bg7padx] {
    border-color: var(--color-tangerine);
    color: var(--color-tangerine);
}

/* Modal e Formulário */
.form-modal-content[b-z23bg7padx] {
    padding: 0.5rem 0;
}

.form-section-title[b-z23bg7padx] {
    font-size: 0.8125rem;
    font-weight: 700;
    color: var(--color-petrol);
    text-transform: uppercase;
    letter-spacing: 0.05em;
    margin: 1.25rem 0 0.75rem 0;
    border-bottom: 1px solid var(--border);
    padding-bottom: 0.25rem;
}

.type-selector-pills[b-z23bg7padx] {
    display: flex;
    gap: 0.5rem;
}

.type-pill[b-z23bg7padx] {
    flex: 1;
    min-height: 48px;
    padding: 0.625rem 1rem;
    border: 2px solid var(--border);
    border-radius: var(--radius-md);
    background-color: var(--card);
    color: var(--foreground);
    font-weight: 600;
    font-size: 0.875rem;
    cursor: pointer;
    transition: all 0.2s ease;
}

.type-pill:hover[b-z23bg7padx] {
    border-color: var(--color-petrol);
}

.type-pill.active[b-z23bg7padx] {
    border-color: var(--color-petrol);
    background-color: oklch(0.35 0.055 190 / 0.1);
    color: var(--color-petrol);
}

.form-row[b-z23bg7padx] {
    display: flex;
    gap: 1rem;
    flex-wrap: wrap;
}

.form-col[b-z23bg7padx] {
    flex: 1;
    min-width: 140px;
}

.form-label[b-z23bg7padx] {
    display: block;
    font-size: 0.8125rem;
    font-weight: 600;
    color: var(--foreground);
    margin-bottom: 0.375rem;
}

.form-control[b-z23bg7padx] {
    width: 100%;
    padding: 0.625rem 0.875rem;
    border: 1px solid var(--border);
    border-radius: var(--radius-md);
    background-color: var(--card);
    color: var(--foreground);
    font-size: 0.875rem;
    min-height: 44px;
    box-sizing: border-box;
    transition: border-color 0.2s ease;
}

.form-control:focus[b-z23bg7padx] {
    outline: none;
    border-color: var(--color-tangerine);
    box-shadow: 0 0 0 3px oklch(0.68 0.16 47 / 0.15);
}

.form-modal-actions[b-z23bg7padx] {
    display: flex;
    justify-content: flex-end;
    gap: 0.75rem;
    padding-top: 1rem;
    border-top: 1px solid var(--border);
}

/* Alertas */
.voy-alert[b-z23bg7padx] {
    padding: 0.875rem 1.25rem;
    border-radius: var(--radius-md);
    display: flex;
    justify-content: space-between;
    align-items: center;
    font-size: 0.875rem;
}

.voy-alert-success[b-z23bg7padx] {
    background-color: oklch(0.92 0.07 145);
    color: oklch(0.25 0.08 145);
    border: 1px solid oklch(0.85 0.1 145);
}

.voy-alert-danger[b-z23bg7padx] {
    background-color: oklch(0.92 0.08 25);
    color: oklch(0.3 0.1 25);
    border: 1px solid oklch(0.85 0.12 25);
}

.alert-close-btn[b-z23bg7padx] {
    background: transparent;
    border: none;
    font-size: 1.25rem;
    cursor: pointer;
    line-height: 1;
    color: inherit;
}

/* Utilidades */
.tabular-nums[b-z23bg7padx] {
    font-variant-numeric: tabular-nums lining-nums;
}

.text-right[b-z23bg7padx] {
    text-align: right;
}

.font-semibold[b-z23bg7padx] {
    font-weight: 600;
}

/* CSV Import Modal Styles */
.csv-import-modal-content[b-z23bg7padx] {
    display: flex;
    flex-direction: column;
    gap: 1rem;
}

.csv-analyzing-box[b-z23bg7padx] {
    display: flex;
    flex-direction: column;
    align-items: center;
    justify-content: center;
    padding: 3rem 1rem;
    text-align: center;
}

.csv-dropzone[b-z23bg7padx] {
    border: 2px dashed var(--border);
    border-radius: var(--radius-lg);
    padding: 2.5rem 1.5rem;
    display: flex;
    flex-direction: column;
    align-items: center;
    text-align: center;
    background-color: var(--muted);
    transition: border-color 0.2s ease, background-color 0.2s ease;
}

.csv-dropzone:hover[b-z23bg7padx] {
    border-color: var(--color-tangerine);
}

.dropzone-icon[b-z23bg7padx] {
    font-size: 3rem;
    margin-bottom: 0.5rem;
}

.csv-upload-btn[b-z23bg7padx] {
    display: inline-flex;
    align-items: center;
    justify-content: center;
    min-height: 44px;
    padding: 0 1.5rem;
    background-color: var(--color-tangerine);
    color: white;
    font-weight: 600;
    font-size: 0.9375rem;
    border-radius: var(--radius-md);
    cursor: pointer;
    margin-top: 1rem;
    transition: filter 0.2s ease;
}

.csv-upload-btn:hover[b-z23bg7padx] {
    filter: brightness(1.08);
}

.csv-instructions-card[b-z23bg7padx] {
    background-color: var(--card);
    border: 1px solid var(--border);
    border-radius: var(--radius-md);
    padding: 1rem;
}

.instruction-header[b-z23bg7padx] {
    display: flex;
    justify-content: space-between;
    align-items: center;
    flex-wrap: wrap;
    gap: 0.5rem;
}

.csv-template-link[b-z23bg7padx] {
    color: var(--color-petrol);
    font-weight: 600;
    font-size: 0.875rem;
    text-decoration: underline;
    cursor: pointer;
}

.csv-template-link:hover[b-z23bg7padx] {
    color: var(--color-tangerine);
}

.csv-rules-list[b-z23bg7padx] {
    margin: 0;
    padding-left: 1.25rem;
    font-size: 0.875rem;
    color: var(--muted-foreground);
    display: flex;
    flex-direction: column;
    gap: 0.375rem;
}

.csv-rules-list code[b-z23bg7padx] {
    background-color: var(--muted);
    padding: 0.125rem 0.375rem;
    border-radius: var(--radius-sm);
    font-family: var(--font-mono);
    font-size: 0.8125rem;
}

.csv-preview-kpi-bar[b-z23bg7padx] {
    display: grid;
    grid-template-columns: repeat(auto-fit, minmax(180px, 1fr));
    gap: 0.75rem;
}

.preview-badge-item[b-z23bg7padx] {
    background-color: var(--card);
    border: 1px solid var(--border);
    border-radius: var(--radius-md);
    padding: 0.75rem 1rem;
    display: flex;
    flex-direction: column;
    gap: 0.25rem;
}

.preview-label[b-z23bg7padx] {
    font-size: 0.75rem;
    text-transform: uppercase;
    font-weight: 600;
    letter-spacing: 0.05em;
    color: var(--muted-foreground);
}

.preview-value[b-z23bg7padx] {
    font-size: 1.5rem;
    font-weight: 700;
    line-height: 1.2;
}

.preview-sub[b-z23bg7padx] {
    font-size: 0.75rem;
    color: var(--muted-foreground);
}

.text-success[b-z23bg7padx] {
    color: var(--success);
}

.text-danger[b-z23bg7padx] {
    color: var(--destructive);
}

.csv-inconsistency-box[b-z23bg7padx] {
    background-color: oklch(0.98 0.03 25);
    border: 1px solid oklch(0.85 0.1 25);
    border-radius: var(--radius-md);
    padding: 1rem;
}

.csv-inconsistency-box .box-title[b-z23bg7padx] {
    font-weight: 700;
    color: oklch(0.35 0.15 25);
}

.errors-table-wrapper[b-z23bg7padx],
.preview-items-table-wrapper[b-z23bg7padx] {
    max-height: 280px;
    overflow-y: auto;
    border: 1px solid var(--border);
    border-radius: var(--radius-sm);
    background-color: var(--card);
}

.csv-errors-table[b-z23bg7padx],
.csv-preview-table[b-z23bg7padx] {
    width: 100%;
    border-collapse: collapse;
    font-size: 0.875rem;
}

.csv-errors-table th[b-z23bg7padx],
.csv-preview-table th[b-z23bg7padx] {
    background-color: var(--muted);
    padding: 0.625rem 0.75rem;
    font-weight: 600;
    text-align: left;
    position: sticky;
    top: 0;
    border-bottom: 1px solid var(--border);
}

.csv-errors-table td[b-z23bg7padx],
.csv-preview-table td[b-z23bg7padx] {
    padding: 0.5rem 0.75rem;
    border-bottom: 1px solid var(--border);
}

.col-line[b-z23bg7padx] {
    width: 60px;
    white-space: nowrap;
}

.col-field[b-z23bg7padx] {
    width: 120px;
}

.csv-valid-box[b-z23bg7padx] {
    background-color: oklch(0.98 0.03 145);
    border: 1px solid oklch(0.85 0.08 145);
    border-radius: var(--radius-md);
    padding: 1rem;
}

.valid-box-title[b-z23bg7padx] {
    font-weight: 700;
    color: oklch(0.3 0.1 145);
}
/* /Components/Pages/Companies/ReceivablesPage.razor.rz.scp.css */
.receivables-container[b-v5o56rr6vp] {
    padding: 1.5rem;
    max-width: 1280px;
    margin: 0 auto;
}

.back-link[b-v5o56rr6vp] {
    display: inline-flex;
    align-items: center;
    font-size: 0.875rem;
    color: var(--color-petrol-light, #205c6d);
    text-decoration: none;
    margin-bottom: 0.75rem;
    font-weight: 500;
}

.back-link:hover[b-v5o56rr6vp] {
    text-decoration: underline;
}

.header-title-row[b-v5o56rr6vp] {
    display: flex;
    justify-content: space-between;
    align-items: flex-start;
    flex-wrap: wrap;
    gap: 1rem;
}

.company-subtitle[b-v5o56rr6vp] {
    color: var(--color-text-secondary, #64748b);
    margin-top: 0.25rem;
}

/* KPI Grid */
.kpi-grid[b-v5o56rr6vp] {
    display: grid;
    grid-template-columns: repeat(auto-fit, minmax(240px, 1fr));
    gap: 1rem;
}

.kpi-card[b-v5o56rr6vp] {
    background: var(--card, #ffffff);
    border: 1px solid var(--border, #e2e8f0);
    border-radius: 14px;
    padding: 1.25rem;
    display: flex;
    flex-direction: column;
    box-shadow: 0 2px 4px rgba(0, 0, 0, 0.03);
}

.kpi-card.highlight-total[b-v5o56rr6vp] {
    background: linear-gradient(135deg, var(--color-petrol-dark, #0d2b33) 0%, var(--color-petrol, #16404d) 100%);
    color: #ffffff;
    border: none;
}

.kpi-card.highlight-total .kpi-label[b-v5o56rr6vp] {
    color: rgba(255, 255, 255, 0.8);
}

.kpi-card.highlight-total .kpi-value[b-v5o56rr6vp] {
    color: #ffffff;
}

.kpi-card.highlight-total .kpi-caption[b-v5o56rr6vp] {
    color: rgba(255, 255, 255, 0.7);
}

.kpi-label[b-v5o56rr6vp] {
    font-size: 0.78rem;
    text-transform: uppercase;
    letter-spacing: 0.05em;
    font-weight: 600;
    color: var(--muted-foreground, #64748b);
}

.kpi-value[b-v5o56rr6vp] {
    font-family: var(--font-display, 'Fraunces', serif);
    font-size: 1.65rem;
    font-weight: 700;
    margin: 0.25rem 0;
    font-variant-numeric: tabular-nums lining-nums;
}

.kpi-caption[b-v5o56rr6vp] {
    font-size: 0.8rem;
    color: var(--muted-foreground, #64748b);
}

/* Tabs */
.voy-tabs[b-v5o56rr6vp] {
    display: flex;
    gap: 0.5rem;
    border-bottom: 2px solid var(--border, #e2e8f0);
    padding-bottom: 0.25rem;
    overflow-x: auto;
}

.voy-tab-btn[b-v5o56rr6vp] {
    background: transparent;
    border: none;
    padding: 0.5rem 1rem;
    font-size: 0.9rem;
    font-weight: 600;
    color: var(--muted-foreground, #64748b);
    cursor: pointer;
    border-bottom: 3px solid transparent;
    margin-bottom: -0.35rem;
    transition: all 0.2s ease;
    min-height: 44px;
}

.voy-tab-btn:hover[b-v5o56rr6vp] {
    color: var(--foreground, #1e293b);
}

.voy-tab-btn.active[b-v5o56rr6vp] {
    color: var(--color-petrol, #16404d);
    border-bottom-color: var(--color-tangerine, #f97316);
}

/* Receivables List */
.receivables-list[b-v5o56rr6vp] {
    display: flex;
    flex-direction: column;
    gap: 1rem;
    margin-top: 1rem;
}

.receivable-card[b-v5o56rr6vp] {
    background: var(--card, #ffffff);
    border: 1px solid var(--border, #e2e8f0);
    border-radius: 12px;
    padding: 1.25rem;
    box-shadow: 0 1px 3px rgba(0, 0, 0, 0.05);
    transition: box-shadow 0.2s ease;
}

.receivable-card:hover[b-v5o56rr6vp] {
    box-shadow: 0 4px 10px rgba(0, 0, 0, 0.08);
}

.receivable-card-header[b-v5o56rr6vp] {
    display: flex;
    justify-content: space-between;
    align-items: flex-start;
    flex-wrap: wrap;
    gap: 1rem;
}

.receivable-client[b-v5o56rr6vp] {
    font-size: 1.05rem;
    color: var(--foreground, #0f172a);
}

.receivable-desc[b-v5o56rr6vp] {
    font-size: 0.95rem;
    color: var(--foreground, #334155);
    margin: 0.2rem 0;
}

.receivable-meta[b-v5o56rr6vp] {
    font-size: 0.8rem;
    color: var(--muted-foreground, #64748b);
    display: flex;
    flex-wrap: wrap;
    gap: 0.5rem;
    align-items: center;
}

.badge-recurrence[b-v5o56rr6vp] {
    background: rgba(14, 165, 233, 0.15);
    color: #0284c7;
    padding: 0.15rem 0.5rem;
    border-radius: 9999px;
    font-weight: 600;
}

.badge-installment[b-v5o56rr6vp] {
    background: rgba(99, 102, 241, 0.15);
    color: #4f46e5;
    padding: 0.15rem 0.5rem;
    border-radius: 9999px;
    font-weight: 600;
}

.receivable-amount-box[b-v5o56rr6vp] {
    display: flex;
    flex-direction: column;
    align-items: flex-end;
    gap: 0.35rem;
}

.receivable-total[b-v5o56rr6vp] {
    font-size: 1.35rem;
    font-weight: 700;
    color: var(--color-petrol, #16404d);
    font-variant-numeric: tabular-nums lining-nums;
}

/* Installments Sub-section */
.installments-section[b-v5o56rr6vp] {
    margin-top: 1rem;
    border-top: 1px dashed var(--border, #e2e8f0);
    padding-top: 0.75rem;
}

.btn-toggle-installments[b-v5o56rr6vp] {
    background: transparent;
    border: none;
    color: var(--color-petrol, #16404d);
    font-size: 0.85rem;
    font-weight: 600;
    cursor: pointer;
    padding: 0.25rem 0;
    display: inline-flex;
    align-items: center;
    gap: 0.35rem;
    min-height: 44px;
}

.btn-toggle-installments:hover[b-v5o56rr6vp] {
    text-decoration: underline;
}

.installments-grid[b-v5o56rr6vp] {
    display: flex;
    flex-direction: column;
    gap: 0.5rem;
    margin-top: 0.5rem;
    padding: 0.5rem;
    background: var(--muted, #f8fafc);
    border-radius: 8px;
}

.installment-row[b-v5o56rr6vp] {
    display: flex;
    justify-content: space-between;
    align-items: center;
    padding: 0.5rem 0.75rem;
    background: #ffffff;
    border: 1px solid var(--border, #e2e8f0);
    border-radius: 6px;
    font-size: 0.85rem;
    flex-wrap: wrap;
    gap: 0.5rem;
}

/* Drawer / Form styles */
.create-receivable-drawer[b-v5o56rr6vp] {
    padding: 1rem 0;
    display: flex;
    flex-direction: column;
    gap: 1rem;
}

.form-row[b-v5o56rr6vp] {
    display: flex;
    flex-wrap: wrap;
    gap: 1rem;
    margin-bottom: 0.75rem;
}

.form-row.grid-2[b-v5o56rr6vp] {
    display: grid;
    grid-template-columns: repeat(auto-fit, minmax(200px, 1fr));
    gap: 1rem;
}

.form-row.grid-3[b-v5o56rr6vp] {
    display: grid;
    grid-template-columns: repeat(auto-fit, minmax(180px, 1fr));
    gap: 1rem;
}

.form-group[b-v5o56rr6vp] {
    display: flex;
    flex-direction: column;
    gap: 0.35rem;
    width: 100%;
}

.form-group.col-12[b-v5o56rr6vp] {
    width: 100%;
}

.form-label[b-v5o56rr6vp] {
    font-size: 0.85rem;
    color: var(--foreground, #1e293b);
}

.voy-input[b-v5o56rr6vp],
.voy-select[b-v5o56rr6vp] {
    width: 100%;
    min-height: 44px;
    padding: 0.5rem 0.75rem;
    border: 1px solid var(--border, #cbd5e1);
    border-radius: 8px;
    background: var(--background, #ffffff);
    color: var(--foreground, #0f172a);
    font-size: 0.95rem;
    outline: none;
    transition: border-color 0.2s ease, box-shadow 0.2s ease;
}

.voy-input:focus[b-v5o56rr6vp],
.voy-select:focus[b-v5o56rr6vp] {
    border-color: var(--color-tangerine, #f97316);
    box-shadow: 0 0 0 3px rgba(249, 115, 22, 0.2);
}

.recurrence-notice[b-v5o56rr6vp] {
    font-size: 0.82rem;
    color: var(--muted-foreground, #475569);
    background: rgba(14, 165, 233, 0.1);
    border-left: 3px solid #0284c7;
    padding: 0.6rem 0.75rem;
    border-radius: 4px;
    margin-bottom: 0.75rem;
}

.installments-preview-box[b-v5o56rr6vp] {
    background: #f8fafc;
    border: 1px solid #cbd5e1;
    border-radius: 8px;
    padding: 0.75rem 1rem;
    margin-bottom: 1rem;
}

.preview-header[b-v5o56rr6vp] {
    display: flex;
    justify-content: space-between;
    font-size: 0.85rem;
    color: var(--foreground, #0f172a);
    margin-bottom: 0.5rem;
    border-bottom: 1px solid #e2e8f0;
    padding-bottom: 0.25rem;
}

.preview-list[b-v5o56rr6vp] {
    display: flex;
    flex-direction: column;
    gap: 0.4rem;
    max-height: 180px;
    overflow-y: auto;
}

.preview-item[b-v5o56rr6vp] {
    display: flex;
    justify-content: space-between;
    font-size: 0.82rem;
    padding: 0.25rem 0;
}

.modal-actions[b-v5o56rr6vp] {
    display: flex;
    justify-content: flex-end;
    gap: 0.75rem;
    margin-top: 1.5rem;
}

.loading-state[b-v5o56rr6vp],
.empty-state[b-v5o56rr6vp] {
    text-align: center;
    padding: 3rem 1.5rem;
    background: var(--card, #ffffff);
    border: 1px dashed var(--border, #cbd5e1);
    border-radius: 12px;
    margin-top: 1rem;
}

.empty-icon[b-v5o56rr6vp] {
    font-size: 3rem;
    margin-bottom: 1rem;
}

.spinner[b-v5o56rr6vp] {
    width: 36px;
    height: 36px;
    border: 3px solid rgba(0, 0, 0, 0.1);
    border-top-color: var(--color-petrol, #16404d);
    border-radius: 50%;
    animation: spin-b-v5o56rr6vp 0.8s linear infinite;
    margin: 0 auto 1rem;
}

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

.voy-alert[b-v5o56rr6vp] {
    padding: 0.75rem 1rem;
    border-radius: 8px;
    display: flex;
    justify-content: space-between;
    align-items: center;
    font-size: 0.9rem;
}

.voy-alert-success[b-v5o56rr6vp] {
    background: #dcfce7;
    color: #166534;
    border: 1px solid #bbf7d0;
}

.voy-alert-danger[b-v5o56rr6vp] {
    background: #fee2e2;
    color: #991b1b;
    border: 1px solid #fecaca;
}

.alert-close-btn[b-v5o56rr6vp] {
    background: transparent;
    border: none;
    font-size: 1.25rem;
    line-height: 1;
    cursor: pointer;
    color: inherit;
    padding: 0 0.5rem;
}

.voy-alert-warning[b-v5o56rr6vp] {
    background: #fef3c7;
    color: #92400e;
    border: 1px solid #fde68a;
}

/* Settle & Reverse drawers */
.settle-installment-drawer[b-v5o56rr6vp],
.reverse-installment-drawer[b-v5o56rr6vp] {
    padding: 0.5rem 0;
    display: flex;
    flex-direction: column;
    gap: 1rem;
}

.installment-summary-card[b-v5o56rr6vp] {
    background: var(--muted, #f8fafc);
    border: 1px solid var(--border, #e2e8f0);
    border-radius: 8px;
    padding: 0.75rem 1rem;
    display: flex;
    flex-direction: column;
    gap: 0.4rem;
}

.summary-row[b-v5o56rr6vp] {
    display: flex;
    justify-content: space-between;
    align-items: center;
    font-size: 0.88rem;
}

.adjustment-badge[b-v5o56rr6vp] {
    padding: 0.5rem 0.75rem;
    border-radius: 6px;
    font-size: 0.85rem;
    background: var(--muted, #f8fafc);
    border: 1px solid var(--border, #e2e8f0);
}

.inst-actions[b-v5o56rr6vp] {
    display: inline-flex;
    align-items: center;
    gap: 0.5rem;
}

.voy-textarea[b-v5o56rr6vp] {
    width: 100%;
    border: 1px solid var(--input, #cbd5e1);
    border-radius: 6px;
    padding: 0.5rem 0.75rem;
    font-family: var(--font-sans, inherit);
    font-size: 0.9rem;
    background: var(--background, #ffffff);
    color: var(--foreground, #1e293b);
    resize: vertical;
}

.voy-textarea:focus[b-v5o56rr6vp] {
    outline: none;
    border-color: var(--color-tangerine, #f97316);
    box-shadow: 0 0 0 2px rgba(249, 115, 22, 0.2);
}

/* /Components/Pages/Companies/StatementPage.razor.rz.scp.css */
.statement-container[b-f3hxmaouua] {
    max-width: 1200px;
    margin: 0 auto;
    padding: 1.5rem 1rem 3rem 1rem;
}

.back-link[b-f3hxmaouua] {
    display: inline-flex;
    align-items: center;
    font-size: 0.875rem;
    color: var(--color-petrol, #0d2b33);
    text-decoration: none;
    font-weight: 500;
    margin-bottom: 0.5rem;
    transition: opacity 0.2s ease;
}

.back-link:hover[b-f3hxmaouua] {
    text-decoration: underline;
    opacity: 0.85;
}

.header-title-row[b-f3hxmaouua] {
    display: flex;
    justify-content: space-between;
    align-items: flex-start;
    gap: 1rem;
    flex-wrap: wrap;
}

.statement-title[b-f3hxmaouua] {
    font-family: var(--font-display, 'Fraunces', serif);
    font-size: 1.85rem;
    font-weight: 700;
    color: var(--color-text-primary, #0f172a);
    margin: 0;
}

.company-subtitle[b-f3hxmaouua] {
    color: var(--color-text-muted, #64748b);
    font-size: 0.95rem;
    margin-top: 0.25rem;
}

.header-actions[b-f3hxmaouua] {
    display: flex;
    align-items: center;
    gap: 0.75rem;
}

/* Card de Filtros */
.filter-card[b-f3hxmaouua] {
    background: var(--color-surface, #ffffff);
    border: 1px solid var(--color-border, #e2e8f0);
    border-radius: 16px;
    padding: 1.25rem;
    box-shadow: 0 2px 4px rgba(0, 0, 0, 0.03);
}

.period-tabs[b-f3hxmaouua] {
    display: flex;
    gap: 0.5rem;
    overflow-x: auto;
    padding-bottom: 0.25rem;
}

.period-tab-btn[b-f3hxmaouua] {
    padding: 0.5rem 1rem;
    border-radius: 9999px;
    border: 1px solid var(--color-border, #cbd5e1);
    background: transparent;
    color: var(--color-text-primary, #334155);
    font-size: 0.875rem;
    font-weight: 600;
    cursor: pointer;
    white-space: nowrap;
    min-height: 44px; /* Touch target */
    transition: all 0.2s ease;
}

.period-tab-btn:hover[b-f3hxmaouua] {
    background: #f1f5f9;
}

.period-tab-btn.active[b-f3hxmaouua] {
    background: var(--color-petrol, #0d2b33);
    color: #ffffff;
    border-color: var(--color-petrol, #0d2b33);
}

.filters-grid[b-f3hxmaouua] {
    display: grid;
    grid-template-columns: repeat(auto-fit, minmax(220px, 1fr));
    gap: 1rem;
}

.filter-group[b-f3hxmaouua] {
    display: flex;
    flex-direction: column;
    gap: 0.35rem;
}

.filter-label[b-f3hxmaouua] {
    font-size: 0.8rem;
    font-weight: 600;
    color: var(--color-text-muted, #475569);
    text-transform: uppercase;
    letter-spacing: 0.03em;
}

.voy-select-input[b-f3hxmaouua],
.voy-date-input[b-f3hxmaouua],
.voy-text-input[b-f3hxmaouua] {
    min-height: 44px;
    padding: 0.5rem 0.75rem;
    border-radius: 10px;
    border: 1px solid var(--color-border, #cbd5e1);
    background: var(--color-surface, #ffffff);
    color: var(--color-text-primary, #0f172a);
    font-family: inherit;
    font-size: 0.95rem;
    transition: border-color 0.2s ease;
}

.voy-select-input:focus[b-f3hxmaouua],
.voy-date-input:focus[b-f3hxmaouua],
.voy-text-input:focus[b-f3hxmaouua] {
    outline: none;
    border-color: var(--color-petrol, #0d2b33);
    box-shadow: 0 0 0 3px rgba(13, 43, 51, 0.15);
}

.search-input-box[b-f3hxmaouua] {
    position: relative;
    display: flex;
    align-items: center;
}

.search-input[b-f3hxmaouua] {
    width: 100%;
}

.clear-search-btn[b-f3hxmaouua] {
    position: absolute;
    right: 0.75rem;
    background: transparent;
    border: none;
    font-size: 1.25rem;
    color: #94a3b8;
    cursor: pointer;
}

/* KPIs de Período */
.statement-kpis-grid[b-f3hxmaouua] {
    display: grid;
    grid-template-columns: repeat(auto-fit, minmax(200px, 1fr));
    gap: 1rem;
}

.kpi-card[b-f3hxmaouua] {
    background: var(--color-surface, #ffffff);
    border: 1px solid var(--color-border, #e2e8f0);
    border-radius: 14px;
    padding: 1rem 1.25rem;
    display: flex;
    flex-direction: column;
    box-shadow: 0 2px 4px rgba(0, 0, 0, 0.02);
}

.kpi-label[b-f3hxmaouua] {
    font-size: 0.8rem;
    font-weight: 600;
    color: var(--color-text-muted, #64748b);
    text-transform: uppercase;
}

.kpi-value[b-f3hxmaouua] {
    font-size: 1.45rem;
    font-weight: 700;
    margin: 0.35rem 0 0.2rem 0;
    line-height: 1.2;
}

.kpi-caption[b-f3hxmaouua] {
    font-size: 0.75rem;
    color: var(--color-text-muted, #94a3b8);
}

.closing-balance[b-f3hxmaouua] {
    border-left: 4px solid var(--color-petrol, #0d2b33);
    background: linear-gradient(135deg, rgba(13, 43, 51, 0.03), transparent);
}

.text-success[b-f3hxmaouua] {
    color: #10b981;
}

.text-danger[b-f3hxmaouua] {
    color: #ef4444;
}

.text-petrol[b-f3hxmaouua] {
    color: var(--color-petrol, #0d2b33);
}

/* Lista por Dia */
.day-group-card[b-f3hxmaouua] {
    background: var(--color-surface, #ffffff);
    border: 1px solid var(--color-border, #e2e8f0);
    border-radius: 16px;
    overflow: hidden;
    box-shadow: 0 2px 6px rgba(0, 0, 0, 0.03);
}

.day-group-header[b-f3hxmaouua] {
    background: #f8fafc;
    border-bottom: 1px solid var(--color-border, #e2e8f0);
    padding: 0.75rem 1.25rem;
    display: flex;
    justify-content: space-between;
    align-items: center;
    flex-wrap: wrap;
    gap: 0.75rem;
}

.day-title-box[b-f3hxmaouua] {
    display: flex;
    align-items: baseline;
    gap: 0.5rem;
}

.day-date[b-f3hxmaouua] {
    font-weight: 700;
    font-size: 1.05rem;
    color: var(--color-text-primary, #0f172a);
}

.day-weekday[b-f3hxmaouua] {
    text-transform: capitalize;
    color: var(--color-text-muted, #64748b);
}

.day-summary-box[b-f3hxmaouua] {
    display: flex;
    align-items: center;
    gap: 1.5rem;
}

.day-closing-balance[b-f3hxmaouua] {
    display: flex;
    align-items: baseline;
    gap: 0.35rem;
    background: #ffffff;
    padding: 0.25rem 0.65rem;
    border-radius: 8px;
    border: 1px solid #e2e8f0;
}

.day-balance-value[b-f3hxmaouua] {
    font-weight: 700;
    color: var(--color-petrol, #0d2b33);
}

/* Item Linha de Extrato */
.statement-item-row[b-f3hxmaouua] {
    display: flex;
    align-items: center;
    gap: 1rem;
    padding: 1rem 1.25rem;
    border-bottom: 1px solid #f1f5f9;
    transition: background 0.15s ease;
}

.statement-item-row:last-child[b-f3hxmaouua] {
    border-bottom: none;
}

.statement-item-row:hover[b-f3hxmaouua] {
    background: #f8fafc;
}

.item-type-icon[b-f3hxmaouua] {
    width: 44px;
    height: 44px;
    border-radius: 12px;
    display: flex;
    align-items: center;
    justify-content: center;
    font-size: 1.25rem;
    flex-shrink: 0;
}

.inflow-icon[b-f3hxmaouua] {
    background: rgba(16, 185, 129, 0.12);
    color: #10b981;
}

.outflow-icon[b-f3hxmaouua] {
    background: rgba(239, 68, 68, 0.1);
    color: #ef4444;
}

.item-main-info[b-f3hxmaouua] {
    flex: 1;
    min-width: 0;
}

.item-description-line[b-f3hxmaouua] {
    font-size: 0.95rem;
    color: var(--color-text-primary, #0f172a);
    line-height: 1.3;
}

.item-description[b-f3hxmaouua] {
    font-weight: 600;
}

.item-meta-line[b-f3hxmaouua] {
    display: flex;
    align-items: center;
    gap: 0.75rem;
    flex-wrap: wrap;
    font-size: 0.8rem;
    color: var(--color-text-muted, #64748b);
}

.item-account-badge[b-f3hxmaouua] {
    background: #f1f5f9;
    padding: 0.15rem 0.5rem;
    border-radius: 6px;
    font-weight: 500;
}

.item-chart-badge[b-f3hxmaouua] {
    color: var(--color-petrol, #0d2b33);
    background: rgba(13, 43, 51, 0.06);
    padding: 0.15rem 0.5rem;
    border-radius: 6px;
}

.item-amount-box[b-f3hxmaouua] {
    flex-shrink: 0;
}

.item-amount[b-f3hxmaouua] {
    font-size: 1.1rem;
    line-height: 1.2;
}

.item-running-balance[b-f3hxmaouua] {
    font-size: 0.75rem;
    margin-top: 0.15rem;
}

/* Paginação */
.pagination-bar[b-f3hxmaouua] {
    display: flex;
    justify-content: center;
    align-items: center;
    gap: 1.25rem;
}

.pagination-info[b-f3hxmaouua] {
    font-size: 0.875rem;
    color: var(--color-text-muted, #64748b);
}

/* Spinner e Estados */
.voy-spinner[b-f3hxmaouua] {
    width: 36px;
    height: 36px;
    border: 3px solid rgba(13, 43, 51, 0.15);
    border-top-color: var(--color-petrol, #0d2b33);
    border-radius: 50%;
    animation: voy-spin-b-f3hxmaouua 0.8s linear infinite;
    margin: 0 auto;
}

@keyframes voy-spin-b-f3hxmaouua {
    to { transform: rotate(360deg); }
}

.empty-state[b-f3hxmaouua] {
    padding: 3rem 1rem;
    background: var(--color-surface, #ffffff);
    border: 1px dashed var(--color-border, #cbd5e1);
    border-radius: 16px;
}

.empty-icon[b-f3hxmaouua] {
    font-size: 3rem;
    margin-bottom: 0.5rem;
}

/* Modo Impressão */
@media print {
    .statement-container[b-f3hxmaouua] {
        max-width: 100%;
        padding: 0;
    }

    .back-link[b-f3hxmaouua],
    .header-actions[b-f3hxmaouua],
    .filter-card[b-f3hxmaouua],
    .pagination-bar[b-f3hxmaouua] {
        display: none !important;
    }

    .kpi-card[b-f3hxmaouua],
    .day-group-card[b-f3hxmaouua] {
        box-shadow: none !important;
        border: 1px solid #000000 !important;
        page-break-inside: avoid;
    }

    .day-group-header[b-f3hxmaouua] {
        background: #f1f5f9 !important;
        -webkit-print-color-adjust: exact;
        print-color-adjust: exact;
    }
}

/* Responsividade Mobile */
@media (max-width: 640px) {
    .statement-title[b-f3hxmaouua] {
        font-size: 1.45rem;
    }

    .header-actions[b-f3hxmaouua] {
        width: 100%;
        justify-content: space-between;
    }

    .day-group-header[b-f3hxmaouua] {
        flex-direction: column;
        align-items: flex-start;
        gap: 0.5rem;
    }

    .day-summary-box[b-f3hxmaouua] {
        width: 100%;
        justify-content: space-between;
    }

    .statement-item-row[b-f3hxmaouua] {
        flex-direction: column;
        align-items: flex-start;
        gap: 0.5rem;
    }

    .item-amount-box[b-f3hxmaouua] {
        width: 100%;
        display: flex;
        justify-content: space-between;
        align-items: baseline;
        border-top: 1px dashed #e2e8f0;
        padding-top: 0.5rem;
        margin-top: 0.25rem;
    }
}