/* _content/Logistikk.Web/Components/Layout/AuthLayout.razor.rz.scp.css */
/* ===== Auth Layout ===== */
.auth-layout[b-k9ubs2pjv9] {
    min-height: 100vh;
    display: flex;
    align-items: center;
    justify-content: center;
    background: #0f0f1a;
    font-family: 'Inter', -apple-system, BlinkMacSystemFont, 'Segoe UI', sans-serif;
    color: #e2e8f0;
    padding: 24px;
}

/* ===== Blazor Error UI ===== */
#blazor-error-ui[b-k9ubs2pjv9] {
    color-scheme: light only;
    background: lightyellow;
    bottom: 0;
    box-shadow: 0 -1px 2px rgba(0, 0, 0, 0.2);
    box-sizing: border-box;
    display: none;
    left: 0;
    padding: 0.6rem 1.25rem 0.7rem 1.25rem;
    position: fixed;
    width: 100%;
    z-index: 1000;
}

#blazor-error-ui .dismiss[b-k9ubs2pjv9] {
    cursor: pointer;
    position: absolute;
    right: 0.75rem;
    top: 0.5rem;
}

/* ===== Responsive ===== */
@media (max-width: 480px) {
    .auth-layout[b-k9ubs2pjv9] {
        padding: 16px;
    }
}
/* _content/Logistikk.Web/Components/Layout/CmsLayout.razor.rz.scp.css */
/* ===== Layout Container ===== */
.cms-layout[b-uefka660t0] {
    display: flex;
    min-height: 100vh;
    font-family: var(--font-family);
    background: var(--bg-primary);
    color: var(--text-heading);
}

/* ===== Sidebar ===== */
.cms-sidebar[b-uefka660t0] {
    width: 260px;
    background: var(--bg-secondary);
    border-right: 1px solid var(--border);
    display: flex;
    flex-direction: column;
    position: fixed;
    top: 0;
    left: 0;
    bottom: 0;
    z-index: 100;
    transition: width 0.25s ease;
}

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

.sidebar-header[b-uefka660t0] {
    padding: 20px;
    border-bottom: 1px solid var(--border);
}

.logo[b-uefka660t0] {
    display: flex;
    align-items: center;
    gap: 12px;
}

.logo-text[b-uefka660t0] {
    font-size: 1.25rem;
    font-weight: 700;
    color: var(--accent);
    letter-spacing: -0.025em;
    white-space: nowrap;
}

/* ===== Sidebar Navigation ===== */
.sidebar-nav[b-uefka660t0] {
    flex: 1;
    overflow-y: auto;
    padding: 12px;
    display: flex;
    flex-direction: column;
    gap: 2px;
}

.sidebar-nav[b-uefka660t0]::-webkit-scrollbar {
    width: 4px;
}

.sidebar-nav[b-uefka660t0]::-webkit-scrollbar-track {
    background: transparent;
}

.sidebar-nav[b-uefka660t0]::-webkit-scrollbar-thumb {
    background: var(--border);
    border-radius: 2px;
}

.nav-section-label[b-uefka660t0] {
    padding: 8px 14px 4px;
    font-size: 0.7rem;
    font-weight: 600;
    text-transform: uppercase;
    letter-spacing: 0.05em;
    color: var(--text-muted);
}

[b-uefka660t0] .nav-item {
    display: flex;
    align-items: center;
    gap: 12px;
    padding: 10px 14px;
    border-radius: 8px;
    color: var(--text-secondary);
    text-decoration: none;
    font-size: 0.875rem;
    font-weight: 500;
    transition: all 0.15s ease;
    cursor: pointer;
    white-space: nowrap;
}

[b-uefka660t0] .nav-item:hover {
    background: rgba(163, 230, 53, 0.08);
    color: var(--text-heading);
}

[b-uefka660t0] .nav-item.active {
    background: rgba(163, 230, 53, 0.12);
    color: var(--accent);
}

[b-uefka660t0] .nav-item .nav-icon {
    width: 20px;
    height: 20px;
    flex-shrink: 0;
    display: flex;
    align-items: center;
    justify-content: center;
}

[b-uefka660t0] .nav-item .nav-icon svg {
    width: 20px;
    height: 20px;
}

[b-uefka660t0] .nav-back {
    color: var(--text-muted);
}

[b-uefka660t0] .nav-back:hover {
    color: var(--text-secondary);
    background: rgba(148, 163, 184, 0.08);
}

.nav-divider[b-uefka660t0] {
    height: 1px;
    background: var(--border);
    margin: 8px 0;
}

/* Collapsed sidebar: center icons */
.sidebar-collapsed[b-uefka660t0]  .nav-item {
    justify-content: center;
    padding: 10px;
}

.sidebar-collapsed .sidebar-header[b-uefka660t0] {
    padding: 20px 12px;
    display: flex;
    justify-content: center;
}

.sidebar-collapsed .logo[b-uefka660t0] {
    justify-content: center;
}

.sidebar-collapsed .nav-section-label[b-uefka660t0] {
    display: none;
}

/* ===== Main Content Area ===== */
.cms-main[b-uefka660t0] {
    flex: 1;
    margin-left: 260px;
    display: flex;
    flex-direction: column;
    min-height: 100vh;
    transition: margin-left 0.25s ease;
}

.sidebar-collapsed .cms-main[b-uefka660t0] {
    margin-left: 72px;
}

/* ===== Header ===== */
.cms-header[b-uefka660t0] {
    display: flex;
    align-items: center;
    justify-content: space-between;
    padding: 0 24px;
    height: 64px;
    background: var(--bg-secondary);
    border-bottom: 1px solid var(--border);
    position: sticky;
    top: 0;
    z-index: 50;
}

.toggle-sidebar[b-uefka660t0] {
    background: none;
    border: 1px solid var(--border);
    color: var(--text-secondary);
    font-size: 1.25rem;
    cursor: pointer;
    padding: 6px 10px;
    border-radius: 6px;
    transition: all 0.15s ease;
    display: flex;
    align-items: center;
    justify-content: center;
}

.toggle-sidebar:hover[b-uefka660t0] {
    background: var(--bg-hover);
    color: var(--text-heading);
    border-color: var(--text-muted);
}

.header-title[b-uefka660t0] {
    display: flex;
    align-items: center;
    gap: 10px;
    font-size: 0.875rem;
    color: var(--text-secondary);
}

.header-badge[b-uefka660t0] {
    background: rgba(163, 230, 53, 0.12);
    color: var(--accent);
    font-size: 0.75rem;
    font-weight: 600;
    padding: 3px 8px;
    border-radius: 4px;
    letter-spacing: 0.025em;
}

.header-right[b-uefka660t0] {
    display: flex;
    align-items: center;
    gap: 12px;
}

.theme-toggle[b-uefka660t0] {
    background: none;
    border: 1px solid var(--border);
    color: var(--text-secondary);
    font-size: 1.125rem;
    cursor: pointer;
    padding: 6px 10px;
    border-radius: 6px;
    transition: all 0.15s ease;
    display: flex;
    align-items: center;
    justify-content: center;
}

.theme-toggle:hover[b-uefka660t0] {
    background: var(--bg-hover);
    border-color: var(--text-muted);
}

.preview-btn[b-uefka660t0] {
    color: var(--text-secondary);
    text-decoration: none;
    font-size: 0.85rem;
    font-weight: 500;
    padding: 6px 12px;
    border-radius: 6px;
    border: 1px solid var(--border);
    transition: all 0.15s ease;
    display: flex;
    align-items: center;
    gap: 6px;
}

.preview-btn:hover[b-uefka660t0] {
    background: var(--bg-hover);
    color: var(--text-heading);
    border-color: var(--text-muted);
}

.logout-btn[b-uefka660t0] {
    color: var(--text-secondary);
    text-decoration: none;
    font-size: 0.875rem;
    font-weight: 500;
    padding: 6px 12px;
    border-radius: 6px;
    transition: all 0.15s ease;
}

.logout-btn:hover[b-uefka660t0] {
    color: #ef4444;
    background: rgba(239, 68, 68, 0.08);
}

/* ===== Content ===== */
.cms-content[b-uefka660t0] {
    flex: 1;
    padding: 24px;
    background: var(--bg-primary);
}

/* ===== Blazor Error UI ===== */
#blazor-error-ui[b-uefka660t0] {
    color-scheme: light only;
    background: lightyellow;
    bottom: 0;
    box-shadow: 0 -1px 2px rgba(0, 0, 0, 0.2);
    box-sizing: border-box;
    display: none;
    left: 0;
    padding: 0.6rem 1.25rem 0.7rem 1.25rem;
    position: fixed;
    width: 100%;
    z-index: 1000;
}

#blazor-error-ui .dismiss[b-uefka660t0] {
    cursor: pointer;
    position: absolute;
    right: 0.75rem;
    top: 0.5rem;
}

/* ===== Responsive ===== */
@media (max-width: 768px) {
    .cms-sidebar[b-uefka660t0] {
        width: 72px;
    }

    .cms-main[b-uefka660t0] {
        margin-left: 72px;
    }

    .sidebar-collapsed .cms-sidebar[b-uefka660t0] {
        width: 0;
        overflow: hidden;
        border-right: none;
    }

    .sidebar-collapsed .cms-main[b-uefka660t0] {
        margin-left: 0;
    }

    .cms-content[b-uefka660t0] {
        padding: 16px;
    }

    .logo-text[b-uefka660t0] {
        display: none;
    }

    .nav-section-label[b-uefka660t0] {
        display: none;
    }

    [b-uefka660t0] .nav-item {
        justify-content: center;
        padding: 10px;
    }

    [b-uefka660t0] .nav-item span:not(.nav-icon) {
        display: none;
    }

    .sidebar-header[b-uefka660t0] {
        padding: 20px 12px;
        display: flex;
        justify-content: center;
    }

    .logo[b-uefka660t0] {
        justify-content: center;
    }

    .header-title span:not(.header-badge)[b-uefka660t0] {
        display: none;
    }
}

@media (max-width: 480px) {
    .cms-header[b-uefka660t0] {
        padding: 0 12px;
    }

    .cms-content[b-uefka660t0] {
        padding: 12px;
    }
}
/* _content/Logistikk.Web/Components/Layout/LandingLayout.razor.rz.scp.css */
/* ===== Landing Layout ===== */
.landing-layout[b-c0267tzr0x] {
    min-height: 100vh;
    width: 100%;
    background: #0f0f1a;
    font-family: 'Inter', -apple-system, BlinkMacSystemFont, 'Segoe UI', sans-serif;
    color: #e2e8f0;
    overflow-x: hidden;
}

/* ===== Blazor Error UI ===== */
#blazor-error-ui[b-c0267tzr0x] {
    color-scheme: light only;
    background: lightyellow;
    bottom: 0;
    box-shadow: 0 -1px 2px rgba(0, 0, 0, 0.2);
    box-sizing: border-box;
    display: none;
    left: 0;
    padding: 0.6rem 1.25rem 0.7rem 1.25rem;
    position: fixed;
    width: 100%;
    z-index: 1000;
}

#blazor-error-ui .dismiss[b-c0267tzr0x] {
    cursor: pointer;
    position: absolute;
    right: 0.75rem;
    top: 0.5rem;
}
/* _content/Logistikk.Web/Components/Layout/MainLayout.razor.rz.scp.css */
/* ===== Layout Container ===== */
.admin-layout[b-lysrn620wq] {
    /* display: flex; */
    flex-direction: row;
    height: 100vh;
    overflow: hidden;
    font-family: var(--font-family);
    background: var(--bg-primary);
    color: var(--text-heading);
}

/* ===== Sidebar ===== */
.admin-sidebar[b-lysrn620wq] {
    width: 260px;
    background: var(--bg-secondary);
    border-right: 1px solid var(--border);
    display: flex;
    flex-direction: column;
    position: fixed;
    top: 0;
    left: 0;
    bottom: 0;
    z-index: 100;
    transition: width 0.25s ease;
}

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

.sidebar-header[b-lysrn620wq] {
    padding: 20px;
    border-bottom: 1px solid var(--border);
}

.logo[b-lysrn620wq] {
    display: flex;
    align-items: center;
    gap: 12px;
}

.logo-text[b-lysrn620wq] {
    font-size: 1.25rem;
    font-weight: 700;
    color: var(--text-primary);
    letter-spacing: -0.025em;
    white-space: nowrap;
}

/* ===== Sidebar Footer ===== */
.sidebar-footer[b-lysrn620wq] {
    padding: 12px 16px;
    text-align: center;
    font-size: 0.7rem;
    color: var(--text-muted);
    border-top: 1px solid var(--border);
    opacity: 0.6;
}

/* ===== Sidebar Navigation ===== */
.sidebar-nav[b-lysrn620wq] {
    flex: 1;
    overflow-y: auto;
    padding: 12px;
    display: flex;
    flex-direction: column;
    gap: 2px;
}

.sidebar-nav[b-lysrn620wq]::-webkit-scrollbar {
    width: 4px;
}

.sidebar-nav[b-lysrn620wq]::-webkit-scrollbar-track {
    background: transparent;
}

.sidebar-nav[b-lysrn620wq]::-webkit-scrollbar-thumb {
    background: var(--border);
    border-radius: 2px;
}

[b-lysrn620wq] .nav-item {
    display: flex;
    align-items: center;
    gap: 12px;
    padding: 10px 14px;
    border-radius: 8px;
    color: var(--text-secondary);
    text-decoration: none;
    font-size: 0.875rem;
    font-weight: 500;
    transition: all 0.15s ease;
    cursor: pointer;
    white-space: nowrap;
}

[b-lysrn620wq] .nav-item:hover {
    background: rgba(163, 230, 53, 0.08);
    color: var(--text-heading);
}

[b-lysrn620wq] .nav-item.active {
    background: rgba(163, 230, 53, 0.12);
    color: var(--accent);
}

[b-lysrn620wq] .nav-item .nav-icon {
    width: 20px;
    height: 20px;
    flex-shrink: 0;
    display: flex;
    align-items: center;
    justify-content: center;
}

[b-lysrn620wq] .nav-item .nav-icon svg {
    width: 20px;
    height: 20px;
}

.nav-divider[b-lysrn620wq] {
    height: 1px;
    background: var(--border);
    margin: 8px 0;
}

/* Collapsed sidebar: center icons */
.sidebar-collapsed[b-lysrn620wq]  .nav-item {
    justify-content: center;
    padding: 10px;
}

.sidebar-collapsed .sidebar-header[b-lysrn620wq] {
    padding: 20px 12px;
    display: flex;
    justify-content: center;
}

.sidebar-collapsed .logo[b-lysrn620wq] {
    justify-content: center;
}

/* ===== Main Content Area ===== */
.admin-main[b-lysrn620wq] {
    flex: 1;
    margin-left: 260px;
    display: flex;
    flex-direction: column;
    height: 100vh;
    transition: margin-left 0.25s ease;
}

.sidebar-collapsed .admin-main[b-lysrn620wq] {
    margin-left: 72px;
}

/* ===== Header ===== */
.admin-header[b-lysrn620wq] {
    display: flex;
    align-items: center;
    justify-content: space-between;
    padding: 0 24px;
    height: 64px;
    flex-shrink: 0;
    background: var(--bg-secondary);
    border-bottom: 1px solid var(--border);
    z-index: 50;
}

.header-left[b-lysrn620wq] {
    display: flex;
    align-items: center;
    gap: 16px;
    min-width: 0;
    flex: 1;
}

.header-page-title[b-lysrn620wq] {
    display: flex;
    align-items: baseline;
    gap: 12px;
    min-width: 0;
}

[b-lysrn620wq] .header-page-title h1 {
    font-size: 1.125rem;
    font-weight: 700;
    color: var(--text-primary);
    margin: 0;
    white-space: nowrap;
}

[b-lysrn620wq] .header-page-title .page-subtitle {
    font-size: 0.8rem;
    color: var(--text-muted);
    margin: 0;
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis;
}

.toggle-sidebar[b-lysrn620wq] {
    background: none;
    border: 1px solid var(--border);
    color: var(--text-secondary);
    font-size: 1.25rem;
    cursor: pointer;
    padding: 6px 10px;
    border-radius: 6px;
    transition: all 0.15s ease;
    display: flex;
    align-items: center;
    justify-content: center;
}

.toggle-sidebar:hover[b-lysrn620wq] {
    background: var(--bg-hover);
    color: var(--text-heading);
    border-color: var(--text-muted);
}

.header-right[b-lysrn620wq] {
    display: flex;
    align-items: center;
    gap: 16px;
}

/* ===== Badges fiscais no header ===== */
.header-fiscal-badges[b-lysrn620wq] {
    display: flex;
    align-items: center;
    gap: 8px;
    margin-right: 12px;
}

.hf-badge[b-lysrn620wq] {
    display: inline-flex;
    align-items: center;
    gap: 6px;
    height: 34px;
    padding: 0 10px;
    background: var(--bg-card);
    border: 1px solid var(--border);
    border-radius: 6px;
    color: var(--text-secondary);
    text-decoration: none;
    transition: border-color 0.15s ease, transform 0.15s ease;
    white-space: nowrap;
}
a.hf-badge:hover[b-lysrn620wq] {
    border-color: var(--accent);
    color: var(--text-heading);
    transform: translateY(-1px);
}

.hf-badge svg[b-lysrn620wq] {
    flex-shrink: 0;
    color: var(--text-muted);
}

.hf-badge .hf-label[b-lysrn620wq] {
    font-size: 11px;
    font-weight: 600;
    letter-spacing: 0.3px;
    color: var(--text-muted);
    text-transform: uppercase;
}

.hf-badge .hf-valor[b-lysrn620wq] {
    font-size: 13px;
    font-weight: 700;
    color: var(--text-heading);
    font-variant-numeric: tabular-nums;
}

.hf-badge .hf-valor-time[b-lysrn620wq] {
    font-size: 12px;
    font-weight: 600;
    color: #60a5fa;
    min-width: 78px;
    text-align: right;
}

.hf-badge.hf-warn[b-lysrn620wq] {
    border-color: rgba(251, 191, 36, 0.45);
    background: rgba(251, 191, 36, 0.08);
}
.hf-badge.hf-warn .hf-valor[b-lysrn620wq],
.hf-badge.hf-warn svg[b-lysrn620wq] { color: #fbbf24; }

.hf-badge.hf-danger[b-lysrn620wq] {
    border-color: rgba(239, 68, 68, 0.5);
    background: rgba(239, 68, 68, 0.1);
}
.hf-badge.hf-danger .hf-valor[b-lysrn620wq],
.hf-badge.hf-danger svg[b-lysrn620wq] { color: #ef4444; }

.hf-badge.hf-sefaz[b-lysrn620wq] {
    border-color: rgba(96, 165, 250, 0.3);
    background: rgba(96, 165, 250, 0.06);
}
.hf-badge.hf-sefaz svg[b-lysrn620wq] { color: #60a5fa; }

.hf-badge.hf-sefaz-ultima[b-lysrn620wq] {
    border-color: rgba(34, 197, 94, 0.3);
    background: rgba(34, 197, 94, 0.06);
}
.hf-badge.hf-sefaz-ultima svg[b-lysrn620wq] { color: #22c55e; }
.hf-badge.hf-sefaz-ultima .hf-valor[b-lysrn620wq] { color: #22c55e; }

@media (max-width: 1100px) {
    .header-fiscal-badges .hf-label[b-lysrn620wq] { display: none; }
    .hf-badge .hf-valor-time[b-lysrn620wq] { min-width: 60px; }
}

@media (max-width: 768px) {
    .header-fiscal-badges[b-lysrn620wq] { display: none; }
}

.theme-toggle[b-lysrn620wq] {
    background: none;
    border: 1px solid var(--border);
    color: var(--text-secondary);
    font-size: 1.125rem;
    cursor: pointer;
    padding: 6px 10px;
    border-radius: 6px;
    transition: all 0.15s ease;
    display: flex;
    align-items: center;
    justify-content: center;
}

.theme-toggle:hover[b-lysrn620wq] {
    background: var(--bg-hover);
    border-color: var(--text-muted);
}

.user-info[b-lysrn620wq] {
    display: flex;
    align-items: center;
    gap: 12px;
}

.user-avatar[b-lysrn620wq] {
    font-size: 1.25rem;
    color: var(--text-secondary);
}

.logout-btn[b-lysrn620wq] {
    color: var(--text-secondary);
    text-decoration: none;
    font-size: 0.875rem;
    font-weight: 500;
    padding: 6px 12px;
    border-radius: 6px;
    transition: all 0.15s ease;
}

.logout-btn:hover[b-lysrn620wq] {
    color: #ef4444;
    background: rgba(239, 68, 68, 0.08);
}

/* ===== Impersonation Bar ===== */
.impersonation-bar[b-lysrn620wq] {
    display: flex;
    align-items: center;
    gap: 10px;
    padding: 8px 24px;
    background: rgba(245, 158, 11, 0.15);
    border-bottom: 1px solid rgba(245, 158, 11, 0.3);
    color: #f59e0b;
    font-size: 13px;
    font-weight: 500;
    flex-shrink: 0;
}

.btn-despersonificar[b-lysrn620wq] {
    margin-left: auto;
    background: rgba(239, 68, 68, 0.15);
    color: #ef4444;
    border: 1px solid rgba(239, 68, 68, 0.3);
    border-radius: 6px;
    padding: 4px 14px;
    font-size: 12px;
    font-weight: 600;
    text-decoration: none;
    transition: all 0.2s ease;
}

.btn-despersonificar:hover[b-lysrn620wq] {
    background: rgba(239, 68, 68, 0.25);
    border-color: rgba(239, 68, 68, 0.5);
}

/* ===== Content ===== */
.admin-content[b-lysrn620wq] {
    flex: 1;
    display: flex;
    flex-direction: column;
    background: var(--bg-primary);
    min-width: 0;
    min-height: 0;
    overflow: hidden;
}

/* ===== Blazor Error UI ===== */
#blazor-error-ui[b-lysrn620wq] {
    color-scheme: light only;
    background: lightyellow;
    bottom: 0;
    box-shadow: 0 -1px 2px rgba(0, 0, 0, 0.2);
    box-sizing: border-box;
    display: none;
    left: 0;
    padding: 0.6rem 1.25rem 0.7rem 1.25rem;
    position: fixed;
    width: 100%;
    z-index: 1000;
}

#blazor-error-ui .dismiss[b-lysrn620wq] {
    cursor: pointer;
    position: absolute;
    right: 0.75rem;
    top: 0.5rem;
}

/* ===== Responsive ===== */
@media (max-width: 768px) {
    .admin-sidebar[b-lysrn620wq] {
        width: 72px;
    }

    .admin-main[b-lysrn620wq] {
        margin-left: 72px;
    }

    .sidebar-collapsed .admin-sidebar[b-lysrn620wq] {
        width: 0;
        overflow: hidden;
        border-right: none;
    }

    .sidebar-collapsed .admin-main[b-lysrn620wq] {
        margin-left: 0;
    }

    .logo-text[b-lysrn620wq] {
        display: none;
    }

    [b-lysrn620wq] .nav-item {
        justify-content: center;
        padding: 10px;
    }

    [b-lysrn620wq] .nav-item span:not(.nav-icon) {
        display: none;
    }

    .sidebar-header[b-lysrn620wq] {
        padding: 20px 12px;
        display: flex;
        justify-content: center;
    }

    .logo[b-lysrn620wq] {
        justify-content: center;
    }
}

@media (max-width: 480px) {
    .admin-header[b-lysrn620wq] {
        padding: 0 12px;
    }
}

.badge-divergencias[b-lysrn620wq] {
    display: inline-flex;
    align-items: center;
    justify-content: center;
    min-width: 18px;
    height: 18px;
    padding: 0 5px;
    border-radius: 9px;
    background: #ef4444;
    color: white;
    font-size: 0.7rem;
    font-weight: 700;
    margin-left: auto;
}
/* _content/Logistikk.Web/Components/Pages/Admin/AuditoriaIA.razor.rz.scp.css */
/* Layout principal - filtros fixos + área scrollável */
.ai-page-wrapper[b-qa1w3w2sc6] {
    display: flex;
    flex-direction: column;
    height: 100%;
    overflow: hidden;
    padding: 20px;
    gap: 16px;
}

.ai-scroll-area[b-qa1w3w2sc6] {
    flex: 1;
    overflow-y: auto;
    display: flex;
    flex-direction: column;
    gap: 20px;
    padding-right: 4px;
}

.ai-scroll-area[b-qa1w3w2sc6]::-webkit-scrollbar { width: 6px; }
.ai-scroll-area[b-qa1w3w2sc6]::-webkit-scrollbar-track { background: transparent; }
.ai-scroll-area[b-qa1w3w2sc6]::-webkit-scrollbar-thumb { background: rgba(255,255,255,0.1); border-radius: 3px; }
.ai-scroll-area[b-qa1w3w2sc6]::-webkit-scrollbar-thumb:hover { background: rgba(255,255,255,0.2); }

/* Filtros */
.sidebar-section[b-qa1w3w2sc6] { flex-shrink: 0; }
.section-title-sidebar[b-qa1w3w2sc6] {
    font-size: 13px;
    color: var(--text-secondary);
    font-weight: 600;
    text-transform: uppercase;
    letter-spacing: 0.5px;
    margin-bottom: 12px;
}

.edit-form[b-qa1w3w2sc6] { display: flex; flex-direction: column; gap: 4px; overflow: visible; }
.form-row[b-qa1w3w2sc6] { display: grid; grid-template-columns: 1fr 1fr; gap: 12px; margin-bottom: 12px; }
.form-group[b-qa1w3w2sc6] { display: flex; flex-direction: column; gap: 4px; }
.form-group label[b-qa1w3w2sc6] {
    color: var(--text-secondary);
    font-size: 12px;
    font-weight: 500;
    text-transform: uppercase;
    letter-spacing: 0.5px;
}

.form-input[b-qa1w3w2sc6] {
    background: var(--bg-primary);
    border: 1px solid var(--border);
    color: var(--text-primary);
    border-radius: 8px;
    padding: 10px 12px;
    font-size: 14px;
    font-family: var(--font-family);
    outline: none;
    transition: border-color 0.2s ease;
    min-width: 0;
    width: 100%;
    box-sizing: border-box;
}
.form-input:focus[b-qa1w3w2sc6] {
    border-color: var(--accent);
    box-shadow: 0 0 0 2px rgba(163, 230, 53, 0.15);
}

.btn-salvar[b-qa1w3w2sc6] {
    background: var(--accent);
    color: #1a1a2e;
    border: none;
    border-radius: 8px;
    padding: 8px 24px;
    font-size: 13px;
    font-family: var(--font-family);
    font-weight: 500;
    cursor: pointer;
    display: flex;
    align-items: center;
    gap: 6px;
    transition: all 0.2s ease;
}
.btn-salvar:hover:not(:disabled)[b-qa1w3w2sc6] { background: #bef264; }
.btn-salvar:disabled[b-qa1w3w2sc6] { opacity: 0.5; cursor: not-allowed; }

.btn-exportar[b-qa1w3w2sc6] {
    background: rgba(96, 165, 250, 0.12);
    color: #60a5fa;
    border: 1px solid rgba(96, 165, 250, 0.25);
    border-radius: 6px;
    padding: 6px 14px;
    font-size: 12px;
    font-family: var(--font-family);
    font-weight: 500;
    cursor: pointer;
    display: flex;
    align-items: center;
    gap: 5px;
    transition: all 0.2s ease;
}
.btn-exportar:hover[b-qa1w3w2sc6] {
    background: rgba(96, 165, 250, 0.2);
    border-color: rgba(96, 165, 250, 0.4);
}

.upload-message[b-qa1w3w2sc6] {
    background: rgba(34, 197, 94, 0.1);
    border: 1px solid rgba(34, 197, 94, 0.3);
    color: #86efac;
    padding: 8px 12px;
    border-radius: 8px;
    font-size: 13px;
}
.upload-message.erro[b-qa1w3w2sc6] {
    background: rgba(239, 68, 68, 0.1);
    border-color: rgba(239, 68, 68, 0.3);
    color: #fca5a5;
}

/* Summary Cards */
.ai-summary-cards[b-qa1w3w2sc6] {
    display: grid;
    grid-template-columns: repeat(5, 1fr);
    gap: 12px;
    flex-shrink: 0;
}
.ai-card[b-qa1w3w2sc6] {
    background: var(--bg-card);
    border: 1px solid var(--border);
    border-radius: 10px;
    padding: 16px;
    text-align: center;
    display: flex;
    flex-direction: column;
    align-items: center;
    gap: 4px;
}
.ai-card-icon[b-qa1w3w2sc6] { margin-bottom: 4px; }
.ai-card-value[b-qa1w3w2sc6] {
    font-size: 20px;
    font-weight: 700;
    color: var(--text-heading);
}
.ai-card-label[b-qa1w3w2sc6] {
    font-size: 10px;
    color: var(--text-secondary);
    text-transform: uppercase;
    letter-spacing: 0.5px;
}

/* AI Result */
.ai-result-container[b-qa1w3w2sc6] {
    background: var(--bg-card);
    border: 1px solid var(--border);
    border-radius: 12px;
    overflow: hidden;
    flex-shrink: 0;
}
.ai-result-header[b-qa1w3w2sc6] {
    display: flex;
    align-items: center;
    justify-content: space-between;
    padding: 12px 20px;
    border-bottom: 1px solid var(--border);
    background: rgba(163, 230, 53, 0.04);
    position: sticky;
    top: 0;
    z-index: 1;
}
.ai-result-badge[b-qa1w3w2sc6] {
    display: flex;
    align-items: center;
    gap: 6px;
    font-size: 12px;
    font-weight: 600;
    color: var(--accent);
    text-transform: uppercase;
    letter-spacing: 0.5px;
}
.ai-result-date[b-qa1w3w2sc6] {
    font-size: 11px;
    color: var(--text-muted);
}
.ai-result-body[b-qa1w3w2sc6] {
    padding: 24px;
    font-size: 14px;
    line-height: 1.7;
    color: var(--text-primary);
}
.ai-result-body[b-qa1w3w2sc6]  h1 {
    font-size: 18px;
    font-weight: 700;
    color: var(--text-heading);
    margin: 24px 0 12px 0;
    padding-bottom: 8px;
    border-bottom: 1px solid var(--border);
}
.ai-result-body[b-qa1w3w2sc6]  h1:first-child { margin-top: 0; }
.ai-result-body[b-qa1w3w2sc6]  h2 {
    font-size: 16px;
    font-weight: 600;
    color: var(--text-heading);
    margin: 20px 0 10px 0;
}
.ai-result-body[b-qa1w3w2sc6]  h3 {
    font-size: 14px;
    font-weight: 600;
    color: var(--accent);
    margin: 16px 0 8px 0;
}
.ai-result-body[b-qa1w3w2sc6]  p { margin: 8px 0; }
.ai-result-body[b-qa1w3w2sc6]  ul, .ai-result-body[b-qa1w3w2sc6]  ol {
    margin: 8px 0;
    padding-left: 24px;
}
.ai-result-body[b-qa1w3w2sc6]  li { margin: 4px 0; }
.ai-result-body[b-qa1w3w2sc6]  strong { color: var(--text-heading); }
.ai-result-body[b-qa1w3w2sc6]  table {
    width: 100%;
    border-collapse: collapse;
    margin: 12px 0;
    font-size: 13px;
}
.ai-result-body[b-qa1w3w2sc6]  th {
    background: var(--bg-primary);
    color: var(--text-secondary);
    font-weight: 600;
    font-size: 11px;
    text-transform: uppercase;
    letter-spacing: 0.5px;
    padding: 8px 12px;
    text-align: left;
    border-bottom: 1px solid var(--border);
}
.ai-result-body[b-qa1w3w2sc6]  td {
    padding: 8px 12px;
    border-bottom: 1px solid rgba(255,255,255,0.04);
    color: var(--text-primary);
}
.ai-result-body[b-qa1w3w2sc6]  tr:hover td {
    background: rgba(255,255,255,0.02);
}
.ai-result-body[b-qa1w3w2sc6]  code {
    background: var(--bg-primary);
    padding: 2px 6px;
    border-radius: 4px;
    font-size: 12px;
    color: var(--accent);
}
.ai-result-body[b-qa1w3w2sc6]  blockquote {
    border-left: 3px solid var(--accent);
    padding: 8px 16px;
    margin: 12px 0;
    background: rgba(163, 230, 53, 0.04);
    border-radius: 0 8px 8px 0;
    color: var(--text-secondary);
}

/* Chat */
.ai-chat-msg[b-qa1w3w2sc6] {
    border-radius: 12px;
    padding: 16px 20px;
    flex-shrink: 0;
}
.ai-chat-user[b-qa1w3w2sc6] {
    background: rgba(96, 165, 250, 0.06);
    border: 1px solid rgba(96, 165, 250, 0.15);
}
.ai-chat-ai[b-qa1w3w2sc6] {
    background: var(--bg-card);
    border: 1px solid var(--border);
}
.ai-chat-label[b-qa1w3w2sc6] {
    display: flex;
    align-items: center;
    gap: 4px;
    font-size: 10px;
    font-weight: 600;
    color: var(--text-muted);
    text-transform: uppercase;
    letter-spacing: 0.5px;
    margin-bottom: 8px;
}
.ai-chat-text[b-qa1w3w2sc6] {
    font-size: 14px;
    line-height: 1.7;
    color: var(--text-primary);
}
.ai-chat-text[b-qa1w3w2sc6]  h1, .ai-chat-text[b-qa1w3w2sc6]  h2, .ai-chat-text[b-qa1w3w2sc6]  h3 { color: var(--text-heading); }
.ai-chat-text[b-qa1w3w2sc6]  h2 { font-size: 15px; margin: 16px 0 8px 0; }
.ai-chat-text[b-qa1w3w2sc6]  h3 { font-size: 14px; color: var(--accent); margin: 12px 0 6px 0; }
.ai-chat-text[b-qa1w3w2sc6]  p { margin: 6px 0; }
.ai-chat-text[b-qa1w3w2sc6]  strong { color: var(--text-heading); }
.ai-chat-text[b-qa1w3w2sc6]  table { width: 100%; border-collapse: collapse; margin: 8px 0; font-size: 13px; }
.ai-chat-text[b-qa1w3w2sc6]  th { background: var(--bg-primary); color: var(--text-secondary); font-weight: 600; font-size: 11px; text-transform: uppercase; padding: 6px 10px; text-align: left; border-bottom: 1px solid var(--border); }
.ai-chat-text[b-qa1w3w2sc6]  td { padding: 6px 10px; border-bottom: 1px solid rgba(255,255,255,0.04); }

.ai-chat-input-container[b-qa1w3w2sc6] {
    display: flex;
    gap: 8px;
    align-items: center;
    flex-shrink: 0;
    padding-bottom: 8px;
}
.ai-chat-input[b-qa1w3w2sc6] {
    flex: 1;
}
.ai-chat-btn[b-qa1w3w2sc6] {
    flex-shrink: 0;
    padding: 10px 16px;
}

/* Spinner */
.spinner-sm[b-qa1w3w2sc6] {
    width: 14px;
    height: 14px;
    border: 2px solid rgba(26, 26, 46, 0.3);
    border-top-color: #1a1a2e;
    border-radius: 50%;
    animation: spin-b-qa1w3w2sc6 0.6s linear infinite;
}
@keyframes spin-b-qa1w3w2sc6 { to { transform: rotate(360deg); } }

/* Responsive */
@media (max-width: 768px) {
    .ai-summary-cards[b-qa1w3w2sc6] {
        grid-template-columns: repeat(2, 1fr);
    }
    .form-row[b-qa1w3w2sc6] {
        grid-template-columns: 1fr;
    }
}
/* _content/Logistikk.Web/Components/Pages/Admin/Classificacoes.razor.rz.scp.css */
.page-container[b-qk5p5ts0rh] {
    padding: 24px;
    font-family: var(--font-family);
    flex: 1;
    display: flex;
    flex-direction: column;
    min-height: 0;
    overflow: hidden;
}

/* Toolbar */
.toolbar[b-qk5p5ts0rh] {
    display: flex;
    gap: 12px;
    margin: 16px 0;
    align-items: center;
    flex-shrink: 0;
}

/* Export Button */
.btn-export[b-qk5p5ts0rh] {
    background: rgba(34, 197, 94, 0.15);
    color: #22c55e;
    border: 1px solid rgba(34, 197, 94, 0.3);
    border-radius: 8px;
    padding: 6px 16px;
    font-size: 13px;
    font-family: var(--font-family);
    font-weight: 500;
    cursor: pointer;
    transition: all 0.2s ease;
    display: flex;
    align-items: center;
    gap: 6px;
}

.btn-export:hover[b-qk5p5ts0rh] {
    background: rgba(34, 197, 94, 0.25);
    border-color: rgba(34, 197, 94, 0.5);
}

/* New Record Button */
.btn-novo[b-qk5p5ts0rh] {
    background: var(--accent);
    color: #1a1a2e;
    border: none;
    border-radius: 8px;
    padding: 6px 16px;
    font-size: 13px;
    font-family: var(--font-family);
    font-weight: 600;
    cursor: pointer;
    transition: all 0.2s ease;
    display: flex;
    align-items: center;
    gap: 6px;
}

.btn-novo:hover[b-qk5p5ts0rh] {
    background: #bef264;
    box-shadow: 0 4px 12px rgba(163, 230, 53, 0.35);
}

/* Action Buttons */
.action-buttons[b-qk5p5ts0rh] {
    display: flex;
    gap: 4px;
    justify-content: center;
}

.btn-action[b-qk5p5ts0rh] {
    width: 32px;
    height: 32px;
    border-radius: 6px;
    border: none;
    cursor: pointer;
    display: flex;
    align-items: center;
    justify-content: center;
    transition: all 0.2s ease;
}

.btn-edit[b-qk5p5ts0rh] {
    background: rgba(163, 230, 53, 0.15);
    color: var(--accent);
}

.btn-edit:hover[b-qk5p5ts0rh] {
    background: rgba(163, 230, 53, 0.3);
}

/* SfGrid Dark Theme Overrides */
[b-qk5p5ts0rh] .e-grid {
    background: var(--bg-card) !important;
    border: 1px solid var(--border) !important;
    border-radius: 12px !important;
}

[b-qk5p5ts0rh] .e-grid .e-headercell {
    background: var(--bg-secondary) !important;
    color: var(--text-secondary) !important;
    font-weight: 600;
    font-size: 12px;
    text-transform: uppercase;
    letter-spacing: 0.5px;
    border-color: var(--border) !important;
    white-space: nowrap !important;
    overflow: visible !important;
    text-overflow: unset !important;
}

[b-qk5p5ts0rh] .e-grid .e-headercelldiv {
    white-space: nowrap !important;
    overflow: visible !important;
    text-overflow: unset !important;
}

[b-qk5p5ts0rh] .e-grid .e-rowcell {
    background: var(--bg-card) !important;
    color: var(--text-heading) !important;
    border-color: var(--border) !important;
    font-size: 14px;
}

[b-qk5p5ts0rh] .e-grid .e-row:hover .e-rowcell {
    background: var(--bg-hover) !important;
}

[b-qk5p5ts0rh] .e-grid .e-altrow .e-rowcell {
    background: var(--bg-secondary) !important;
}

[b-qk5p5ts0rh] .e-grid .e-altrow:hover .e-rowcell {
    background: var(--bg-hover) !important;
}

[b-qk5p5ts0rh] .e-grid .e-gridheader {
    border-color: var(--border) !important;
}

[b-qk5p5ts0rh] .e-grid .e-gridcontent {
    border-color: var(--border) !important;
    overflow-y: auto !important;
}

/* SfDialog Dark Theme Overrides */
[b-qk5p5ts0rh] .e-dialog {
    background: var(--bg-card) !important;
    border: 1px solid var(--border) !important;
    border-radius: 12px !important;
    box-shadow: 0 20px 60px rgba(0, 0, 0, 0.5) !important;
}

[b-qk5p5ts0rh] .e-dialog .e-dlg-header-content {
    background: var(--bg-secondary) !important;
    border-bottom: 1px solid var(--border) !important;
    border-radius: 12px 12px 0 0 !important;
}

[b-qk5p5ts0rh] .e-dialog .e-dlg-header {
    color: var(--text-primary) !important;
    font-weight: 600;
    font-size: 16px;
}

[b-qk5p5ts0rh] .e-dialog .e-dlg-content {
    background: var(--bg-card) !important;
    color: var(--text-heading) !important;
}

[b-qk5p5ts0rh] .e-dialog .e-btn.e-dlg-closeicon-btn {
    color: var(--text-secondary) !important;
}

[b-qk5p5ts0rh] .e-dialog .e-btn.e-dlg-closeicon-btn:hover {
    color: var(--text-primary) !important;
    background: rgba(255, 255, 255, 0.1) !important;
}

/* Edit Form */
.edit-form[b-qk5p5ts0rh] {
    display: flex;
    flex-direction: column;
    gap: 4px;
}

.form-group[b-qk5p5ts0rh] {
    display: flex;
    flex-direction: column;
    gap: 4px;
}

.form-group label[b-qk5p5ts0rh] {
    color: var(--text-secondary);
    font-size: 12px;
    font-weight: 500;
    text-transform: uppercase;
    letter-spacing: 0.5px;
}

.form-input[b-qk5p5ts0rh] {
    background: var(--bg-primary);
    border: 1px solid var(--border);
    color: var(--text-primary);
    border-radius: 8px;
    padding: 10px 12px;
    font-size: 14px;
    font-family: var(--font-family);
    outline: none;
    transition: border-color 0.2s ease;
}

.form-input:focus[b-qk5p5ts0rh] {
    border-color: var(--accent);
    box-shadow: 0 0 0 2px rgba(163, 230, 53, 0.15);
}

.dialog-footer[b-qk5p5ts0rh] {
    display: flex;
    justify-content: flex-end;
    gap: 8px;
    margin-top: 16px;
    padding-top: 16px;
    border-top: 1px solid var(--border);
}

.btn-cancelar[b-qk5p5ts0rh] {
    background: transparent;
    color: var(--text-secondary);
    border: 1px solid var(--border);
    border-radius: 8px;
    padding: 8px 20px;
    font-size: 13px;
    font-family: var(--font-family);
    font-weight: 500;
    cursor: pointer;
    transition: all 0.2s ease;
}

.btn-cancelar:hover[b-qk5p5ts0rh] {
    background: rgba(255, 255, 255, 0.05);
    color: var(--text-primary);
}

.btn-salvar[b-qk5p5ts0rh] {
    background: var(--accent);
    color: #1a1a2e;
    border: none;
    border-radius: 8px;
    padding: 8px 24px;
    font-size: 13px;
    font-family: var(--font-family);
    font-weight: 500;
    cursor: pointer;
    display: flex;
    align-items: center;
    gap: 6px;
    transition: all 0.2s ease;
}

.btn-salvar:hover:not(:disabled)[b-qk5p5ts0rh] {
    background: #bef264;
}

.btn-salvar:disabled[b-qk5p5ts0rh] {
    opacity: 0.5;
    cursor: not-allowed;
}

/* Grid Icon */
.grid-icone[b-qk5p5ts0rh] {
    display: flex;
    align-items: center;
    justify-content: center;
    color: var(--accent);
}

/* Icon Dropdown */
.icone-dropdown[b-qk5p5ts0rh] {
    position: relative;
}

.icone-dropdown-toggle[b-qk5p5ts0rh] {
    width: 100%;
    background: var(--bg-primary);
    border: 1px solid var(--border);
    color: var(--text-primary);
    border-radius: 8px;
    padding: 10px 12px;
    font-size: 14px;
    font-family: var(--font-family);
    cursor: pointer;
    display: flex;
    align-items: center;
    gap: 8px;
    transition: border-color 0.2s ease;
    text-align: left;
}

.icone-dropdown-toggle:focus[b-qk5p5ts0rh] {
    outline: none;
    border-color: var(--accent);
    box-shadow: 0 0 0 2px rgba(163, 230, 53, 0.15);
}

.icone-dropdown-svg[b-qk5p5ts0rh] {
    display: flex;
    align-items: center;
    color: var(--accent);
    flex-shrink: 0;
}

.icone-dropdown-placeholder[b-qk5p5ts0rh] {
    color: var(--text-muted);
}

.icone-dropdown-arrow[b-qk5p5ts0rh] {
    margin-left: auto;
    color: var(--text-secondary);
    flex-shrink: 0;
}

.icone-dropdown-menu[b-qk5p5ts0rh] {
    position: absolute;
    top: calc(100% + 4px);
    left: 0;
    right: 0;
    background: var(--bg-card);
    border: 1px solid var(--border);
    border-radius: 8px;
    box-shadow: 0 8px 24px rgba(0, 0, 0, 0.4);
    z-index: 100;
    max-height: 240px;
    overflow-y: auto;
    padding: 4px;
}

.icone-dropdown-item[b-qk5p5ts0rh] {
    display: flex;
    align-items: center;
    gap: 10px;
    padding: 8px 12px;
    border-radius: 6px;
    cursor: pointer;
    font-size: 13px;
    color: var(--text-primary);
    transition: background 0.15s ease;
}

.icone-dropdown-item:hover[b-qk5p5ts0rh] {
    background: var(--bg-hover);
}

.icone-dropdown-item.selecionado[b-qk5p5ts0rh] {
    background: rgba(163, 230, 53, 0.15);
    color: var(--accent);
}

.upload-message[b-qk5p5ts0rh] {
    background: rgba(34, 197, 94, 0.1);
    border: 1px solid rgba(34, 197, 94, 0.3);
    color: #22c55e;
    padding: 10px 16px;
    border-radius: 8px;
    font-size: 13px;
    margin-top: 12px;
}

.upload-message.erro[b-qk5p5ts0rh] {
    background: rgba(239, 68, 68, 0.1);
    border-color: rgba(239, 68, 68, 0.3);
    color: #ef4444;
}

.spinner-sm[b-qk5p5ts0rh] {
    width: 14px;
    height: 14px;
    border: 2px solid rgba(255, 255, 255, 0.3);
    border-top-color: currentColor;
    border-radius: 50%;
    animation: spin-b-qk5p5ts0rh 0.6s linear infinite;
}

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

/* Tooltip */
[b-qk5p5ts0rh] .tooltip-acao.e-tooltip-wrap {
    background: var(--bg-secondary) !important;
    border: 1px solid var(--border) !important;
    border-radius: 6px !important;
}

[b-qk5p5ts0rh] .tooltip-acao .e-tip-content {
    color: var(--text-primary) !important;
    font-size: 12px;
}

[b-qk5p5ts0rh] .tooltip-acao.e-tooltip-wrap .e-arrow-tip-inner {
    color: var(--bg-secondary) !important;
}

[b-qk5p5ts0rh] .tooltip-acao.e-tooltip-wrap .e-arrow-tip-outer {
    border-top-color: var(--border) !important;
    border-bottom-color: var(--border) !important;
    border-left-color: var(--border) !important;
    border-right-color: var(--border) !important;
}

/* Responsive */
@media (max-width: 768px) {
    .page-container[b-qk5p5ts0rh] {
        padding: 16px;
    }

    .toolbar[b-qk5p5ts0rh] {
        flex-direction: column;
        align-items: stretch;
    }
}
/* _content/Logistikk.Web/Components/Pages/Admin/ConferenciaFrete.razor.rz.scp.css */
.page-container[b-q7ety0j75i] {
    padding: 24px;
}

.conferencia-toolbar[b-q7ety0j75i] {
    margin-bottom: 16px;
}

.filtros-row[b-q7ety0j75i] {
    display: flex;
    align-items: flex-end;
    gap: 16px;
    flex-wrap: wrap;
}

.filtro-grupo[b-q7ety0j75i] {
    display: flex;
    flex-direction: column;
    gap: 4px;
}

.filtro-grupo label[b-q7ety0j75i] {
    font-size: 0.75rem;
    font-weight: 600;
    text-transform: uppercase;
    letter-spacing: 0.5px;
    opacity: 0.7;
}

.filtro-datas[b-q7ety0j75i] {
    display: flex;
    align-items: center;
    gap: 6px;
}

.filtro-grupo input[type="date"][b-q7ety0j75i],
.filtro-grupo select[b-q7ety0j75i] {
    padding: 6px 10px;
    border: 1px solid var(--border-color, #333);
    border-radius: 6px;
    background: var(--input-bg, #1a1a2e);
    color: var(--text-color, #e0e0e0);
    font-size: 0.85rem;
}

.filtro-datas span[b-q7ety0j75i] {
    font-size: 0.8rem;
    opacity: 0.6;
}

.filtro-acoes[b-q7ety0j75i] {
    flex-direction: row;
    align-items: flex-end;
    gap: 8px;
}

.btn-filtrar[b-q7ety0j75i] {
    display: flex;
    align-items: center;
    gap: 6px;
    padding: 7px 14px;
    background: var(--card-bg, #16213e);
    color: var(--text-color, #e0e0e0);
    border: 1px solid var(--border-color, #333);
    border-radius: 6px;
    cursor: pointer;
    font-size: 0.85rem;
    transition: background 0.2s;
}

.btn-filtrar:hover[b-q7ety0j75i] {
    background: var(--border-color, #333);
}

.btn-conferir[b-q7ety0j75i] {
    display: flex;
    align-items: center;
    gap: 6px;
    padding: 7px 18px;
    background: linear-gradient(135deg, #667eea, #764ba2);
    color: white;
    border: none;
    border-radius: 6px;
    font-weight: 600;
    cursor: pointer;
    font-size: 0.85rem;
    transition: opacity 0.2s;
}

.btn-conferir:hover:not(:disabled)[b-q7ety0j75i] { opacity: 0.9; }
.btn-conferir:disabled[b-q7ety0j75i] { opacity: 0.6; cursor: not-allowed; }

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

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

/* Cards */
.cards-resumo[b-q7ety0j75i] {
    display: grid;
    grid-template-columns: repeat(4, 1fr);
    gap: 12px;
    margin-bottom: 16px;
}

.card-resumo[b-q7ety0j75i] {
    padding: 16px;
    border-radius: 10px;
    background: var(--card-bg, #16213e);
    border: 1px solid var(--border-color, #1a1a2e);
    display: flex;
    flex-direction: column;
    gap: 4px;
}

.card-label[b-q7ety0j75i] {
    font-size: 0.75rem;
    text-transform: uppercase;
    letter-spacing: 0.5px;
    opacity: 0.6;
}

.card-valor[b-q7ety0j75i] {
    font-size: 1.5rem;
    font-weight: 700;
}

.card-ok .card-valor[b-q7ety0j75i] { color: #4ade80; }
.card-divergencia .card-valor[b-q7ety0j75i] { color: #f87171; }
.card-pendente .card-valor[b-q7ety0j75i] { color: #fbbf24; }

/* Status badges */
.badge-status[b-q7ety0j75i] {
    display: inline-block;
    padding: 2px 8px;
    border-radius: 4px;
    font-size: 0.75rem;
    font-weight: 600;
    text-transform: uppercase;
}

.badge-ok[b-q7ety0j75i] { background: rgba(74, 222, 128, 0.15); color: #4ade80; }
.badge-acima[b-q7ety0j75i] { background: rgba(248, 113, 113, 0.15); color: #f87171; }
.badge-abaixo[b-q7ety0j75i] { background: rgba(251, 191, 36, 0.15); color: #fbbf24; }
.badge-semmatch[b-q7ety0j75i] { background: rgba(148, 163, 184, 0.15); color: #94a3b8; }

/* Detail button */
.btn-detalhe[b-q7ety0j75i] {
    background: none;
    border: none;
    color: var(--text-color, #e0e0e0);
    cursor: pointer;
    padding: 4px;
    border-radius: 4px;
    opacity: 0.7;
    transition: opacity 0.2s;
}

.btn-detalhe:hover[b-q7ety0j75i] { opacity: 1; }

/* Modal */
.modal-overlay[b-q7ety0j75i] {
    position: fixed;
    top: 0; left: 0; right: 0; bottom: 0;
    background: rgba(0, 0, 0, 0.6);
    display: flex;
    align-items: center;
    justify-content: center;
    z-index: 1000;
}

.modal-content[b-q7ety0j75i] {
    background: var(--card-bg, #16213e);
    border: 1px solid var(--border-color, #333);
    border-radius: 12px;
    width: 600px;
    max-width: 90vw;
    max-height: 85vh;
    overflow-y: auto;
}

.modal-header[b-q7ety0j75i] {
    display: flex;
    justify-content: space-between;
    align-items: center;
    padding: 16px 20px;
    border-bottom: 1px solid var(--border-color, #333);
}

.modal-header h3[b-q7ety0j75i] { margin: 0; font-size: 1rem; }

.modal-close[b-q7ety0j75i] {
    background: none;
    border: none;
    color: var(--text-color, #e0e0e0);
    font-size: 1.5rem;
    cursor: pointer;
    opacity: 0.6;
}

.modal-close:hover[b-q7ety0j75i] { opacity: 1; }
.modal-body[b-q7ety0j75i] { padding: 20px; }

.detalhe-resumo[b-q7ety0j75i] {
    display: flex;
    flex-direction: column;
    gap: 8px;
    margin-bottom: 16px;
}

.detalhe-linha[b-q7ety0j75i] { display: flex; gap: 8px; }
.detalhe-linha span[b-q7ety0j75i] { opacity: 0.6; min-width: 120px; }

/* Comparison table */
.detalhe-comparativo table[b-q7ety0j75i] { width: 100%; border-collapse: collapse; margin-bottom: 16px; }

.detalhe-comparativo th[b-q7ety0j75i],
.detalhe-comparativo td[b-q7ety0j75i] {
    padding: 6px 10px;
    text-align: left;
    border-bottom: 1px solid var(--border-color, #222);
    font-size: 0.85rem;
}

.detalhe-comparativo th[b-q7ety0j75i] {
    opacity: 0.6;
    font-weight: 600;
    text-transform: uppercase;
    font-size: 0.75rem;
}

.total-row td[b-q7ety0j75i] { border-top: 2px solid var(--border-color, #444); padding-top: 8px; }
.valor-acima[b-q7ety0j75i] { color: #f87171; }
.valor-abaixo[b-q7ety0j75i] { color: #fbbf24; }

/* Approval */
.aprovacao-info[b-q7ety0j75i] {
    padding: 12px;
    background: rgba(74, 222, 128, 0.1);
    border-radius: 8px;
    display: flex;
    flex-direction: column;
    gap: 4px;
}

.badge-aprovado[b-q7ety0j75i] {
    display: inline-block;
    padding: 2px 8px;
    border-radius: 4px;
    font-size: 0.75rem;
    font-weight: 600;
    background: rgba(74, 222, 128, 0.2);
    color: #4ade80;
    width: fit-content;
}

.aprovacao-form[b-q7ety0j75i] { display: flex; flex-direction: column; gap: 8px; }
.aprovacao-form label[b-q7ety0j75i] { font-weight: 600; font-size: 0.85rem; }

.aprovacao-form textarea[b-q7ety0j75i] {
    padding: 8px 12px;
    border: 1px solid var(--border-color, #333);
    border-radius: 6px;
    background: var(--input-bg, #1a1a2e);
    color: var(--text-color, #e0e0e0);
    font-size: 0.85rem;
    resize: vertical;
}

.erro-msg[b-q7ety0j75i] { color: #f87171; font-size: 0.8rem; }

.aprovacao-botoes[b-q7ety0j75i] { display: flex; gap: 8px; justify-content: flex-end; margin-top: 8px; }

.btn-cancelar[b-q7ety0j75i] {
    padding: 8px 16px;
    background: transparent;
    border: 1px solid var(--border-color, #333);
    color: var(--text-color, #e0e0e0);
    border-radius: 6px;
    cursor: pointer;
}

.btn-aprovar[b-q7ety0j75i] {
    padding: 8px 16px;
    background: linear-gradient(135deg, #4ade80, #22c55e);
    color: #000;
    border: none;
    border-radius: 6px;
    font-weight: 600;
    cursor: pointer;
}

.btn-aprovar:disabled[b-q7ety0j75i] { opacity: 0.6; cursor: not-allowed; }

@media (max-width: 768px) {
    .cards-resumo[b-q7ety0j75i] { grid-template-columns: repeat(2, 1fr); }
    .filtros-row[b-q7ety0j75i] { flex-direction: column; }
}
/* _content/Logistikk.Web/Components/Pages/Admin/ConhecimentosTransporte.razor.rz.scp.css */
.page-container[b-bg2rnwgpn2] {
    padding: 24px;
    font-family: var(--font-family);
    flex: 1;
    display: flex;
    flex-direction: column;
    min-height: 0;
    overflow: hidden;
}

/* Toolbar */
.toolbar[b-bg2rnwgpn2] { display: flex; gap: 12px; margin: 16px 0; align-items: center; flex-shrink: 0; }

/* Export Button */
.btn-export[b-bg2rnwgpn2] {
    background: rgba(34, 197, 94, 0.15); color: #22c55e; border: 1px solid rgba(34, 197, 94, 0.3);
    border-radius: 8px; padding: 6px 16px; font-size: 13px; font-family: var(--font-family);
    font-weight: 500; cursor: pointer; transition: all 0.2s ease; display: flex; align-items: center; gap: 6px;
}
.btn-export:hover[b-bg2rnwgpn2] { background: rgba(34, 197, 94, 0.25); border-color: rgba(34, 197, 94, 0.5); }

/* Action Buttons */
.action-buttons[b-bg2rnwgpn2] { display: flex; gap: 4px; justify-content: center; }
.btn-action[b-bg2rnwgpn2] {
    width: 32px; height: 32px; border-radius: 6px; border: none; cursor: pointer;
    display: flex; align-items: center; justify-content: center; transition: all 0.2s ease;
}
.btn-view[b-bg2rnwgpn2] { background: rgba(163, 230, 53, 0.15); color: var(--accent); }
.btn-view:hover[b-bg2rnwgpn2] { background: rgba(163, 230, 53, 0.3); }
.btn-download[b-bg2rnwgpn2] { background: rgba(96, 165, 250, 0.15); color: #60a5fa; text-decoration: none; }
.btn-download:hover[b-bg2rnwgpn2] { background: rgba(96, 165, 250, 0.3); }

/* Sidebar Detail */
.sidebar-header[b-bg2rnwgpn2] { display: flex; align-items: center; gap: 10px; color: var(--text-primary); width: 100%; }
.sidebar-header svg[b-bg2rnwgpn2] { color: var(--accent); }

.sidebar-content[b-bg2rnwgpn2] { padding: 20px; display: flex; flex-direction: column; min-height: 0; flex: 1; overflow-y: auto; overflow-x: hidden; }
.sidebar-section[b-bg2rnwgpn2] { margin-bottom: 24px; }
.section-title-sidebar[b-bg2rnwgpn2] {
    color: var(--text-secondary); font-size: 11px; font-weight: 600;
    text-transform: uppercase; letter-spacing: 1px; margin: 0 0 10px 0;
}

/* Info Card */
.info-card[b-bg2rnwgpn2] { background: var(--bg-card); border: 1px solid var(--border); border-radius: 10px; overflow: hidden; }
.info-row[b-bg2rnwgpn2] { display: flex; justify-content: space-between; align-items: center; padding: 12px 16px; border-bottom: 1px solid var(--border); }
.info-row:last-child[b-bg2rnwgpn2] { border-bottom: none; }
.info-label[b-bg2rnwgpn2] { color: var(--text-muted); font-size: 13px; font-weight: 500; }
.info-value[b-bg2rnwgpn2] { color: var(--text-heading); font-size: 13px; font-weight: 500; text-align: right; max-width: 60%; word-break: break-all; }
.info-value.accent[b-bg2rnwgpn2] { color: var(--accent); font-weight: 700; font-size: 16px; }

.info-badge[b-bg2rnwgpn2] { padding: 3px 12px; border-radius: 20px; font-size: 12px; font-weight: 600; }
.badge-serie[b-bg2rnwgpn2] { background: rgba(96, 165, 250, 0.15); color: #60a5fa; font-size: 11px; padding: 2px 8px; }
.badge-cif[b-bg2rnwgpn2] { background: rgba(52, 211, 153, 0.15); color: #34d399; }
.badge-fob[b-bg2rnwgpn2] { background: rgba(251, 191, 36, 0.15); color: #fbbf24; }

.badge-classificacao[b-bg2rnwgpn2] {
    display: inline-flex; align-items: center; gap: 4px;
    background: rgba(96, 165, 250, 0.15); color: #60a5fa;
    padding: 2px 8px; border-radius: 12px; font-size: 11px; font-weight: 600; white-space: nowrap;
}

.badge-sem-classificacao[b-bg2rnwgpn2] {
    background: rgba(251, 191, 36, 0.15);
    color: #fbbf24;
}

/* Sidebar Tabs */
.sidebar-tab-bar[b-bg2rnwgpn2] {
    display: flex; gap: 4px; background: var(--bg-secondary); border: 1px solid var(--border);
    border-radius: 10px; padding: 4px; flex-shrink: 0;
}
.sidebar-tab-btn[b-bg2rnwgpn2] {
    flex: 1; background: transparent; border: none; color: var(--text-secondary);
    padding: 10px 12px; border-radius: 8px; font-size: 13px; font-family: var(--font-family);
    font-weight: 500; cursor: pointer; transition: all 0.2s ease;
    display: flex; align-items: center; justify-content: center; gap: 6px;
}
.sidebar-tab-btn:hover[b-bg2rnwgpn2] { color: var(--text-heading); background: rgba(163, 230, 53, 0.08); }
.sidebar-tab-btn.active[b-bg2rnwgpn2] { background: rgba(163, 230, 53, 0.15); color: var(--accent); font-weight: 600; }

.sidebar-tab-body[b-bg2rnwgpn2] { flex: 1; overflow-y: auto; min-height: 0; margin-top: 16px; }

/* Route Card */
.route-card[b-bg2rnwgpn2] { background: var(--bg-card); border: 1px solid var(--border); border-radius: 10px; padding: 16px; }
.route-point[b-bg2rnwgpn2] { display: flex; align-items: center; gap: 12px; }
.route-dot[b-bg2rnwgpn2] { width: 12px; height: 12px; border-radius: 50%; flex-shrink: 0; }
.route-dot.origin[b-bg2rnwgpn2] { background: #60a5fa; box-shadow: 0 0 8px rgba(96, 165, 250, 0.4); }
.route-dot.destination[b-bg2rnwgpn2] { background: #34d399; box-shadow: 0 0 8px rgba(52, 211, 153, 0.4); }
.route-dot.mid[b-bg2rnwgpn2] { background: #a78bfa; box-shadow: 0 0 8px rgba(167, 139, 250, 0.4); }
.route-line[b-bg2rnwgpn2] { width: 2px; height: 20px; background: var(--border); margin-left: 5px; }
.route-info[b-bg2rnwgpn2] { display: flex; flex-direction: column; }
.route-label[b-bg2rnwgpn2] { font-size: 11px; color: var(--text-muted); text-transform: uppercase; letter-spacing: 0.5px; }
.route-value[b-bg2rnwgpn2] { color: var(--text-heading); font-size: 14px; font-weight: 500; }

/* Values Grid */
.values-grid[b-bg2rnwgpn2] { display: grid; grid-template-columns: repeat(3, 1fr); gap: 10px; }
.values-grid-2[b-bg2rnwgpn2] { grid-template-columns: repeat(2, 1fr); }
.value-card[b-bg2rnwgpn2] {
    background: var(--bg-card); border: 1px solid var(--border); border-radius: 10px;
    padding: 14px 12px; text-align: center; display: flex; flex-direction: column; gap: 6px;
}
.value-label[b-bg2rnwgpn2] { font-size: 11px; color: var(--text-muted); text-transform: uppercase; letter-spacing: 0.5px; }
.value-number[b-bg2rnwgpn2] { font-size: 15px; font-weight: 700; color: var(--accent); }
.value-card-highlight[b-bg2rnwgpn2] { background: rgba(163, 230, 53, 0.1) !important; border-color: rgba(163, 230, 53, 0.3) !important; }
.value-card-highlight .value-number[b-bg2rnwgpn2] { color: #a3e635 !important; font-size: 15px !important; font-weight: 800 !important; }

/* NF-e Cards */
.nfe-card[b-bg2rnwgpn2] {
    background: var(--bg-secondary); border: 1px solid var(--border); border-radius: 12px;
    padding: 16px; margin-bottom: 12px;
}
.nfe-card-header[b-bg2rnwgpn2] {
    display: flex; justify-content: space-between; align-items: center;
    margin-bottom: 12px; padding-bottom: 12px; border-bottom: 1px solid var(--border);
}
.nfe-card-title[b-bg2rnwgpn2] { display: flex; align-items: center; gap: 8px; color: var(--text-heading); font-weight: 600; font-size: 15px; flex-wrap: wrap; }
.nfe-card-title svg[b-bg2rnwgpn2] { color: var(--accent); }
.nfe-card-date[b-bg2rnwgpn2] { color: var(--text-muted); font-size: 13px; }
.nfe-card-body[b-bg2rnwgpn2] { margin-bottom: 12px; }
.nfe-card-body .info-card[b-bg2rnwgpn2] { margin-bottom: 10px; }

.nfe-card-footer[b-bg2rnwgpn2] { display: flex; justify-content: flex-end; }
.btn-ver-nfe[b-bg2rnwgpn2] {
    display: flex; align-items: center; gap: 6px;
    background: rgba(96, 165, 250, 0.15); color: #60a5fa;
    border: 1px solid rgba(96, 165, 250, 0.3); border-radius: 8px;
    padding: 6px 14px; font-size: 12px; font-family: var(--font-family);
    font-weight: 500; cursor: pointer; transition: all 0.2s ease; text-decoration: none;
}
.btn-ver-nfe:hover[b-bg2rnwgpn2] { background: rgba(96, 165, 250, 0.25); border-color: rgba(96, 165, 250, 0.5); }

/* CT-e Complemento Cards */
.cte-compl-card[b-bg2rnwgpn2] {
    background: var(--bg-secondary); border: 1px solid rgba(250, 204, 21, 0.25); border-radius: 10px;
    padding: 12px; margin-bottom: 8px;
}
.cte-compl-header[b-bg2rnwgpn2] {
    display: flex; justify-content: space-between; align-items: center;
    margin-bottom: 10px; padding-bottom: 8px; border-bottom: 1px solid var(--border);
}
.cte-compl-title[b-bg2rnwgpn2] { display: flex; align-items: center; gap: 6px; color: var(--text-heading); font-weight: 600; font-size: 13px; flex-wrap: wrap; }
.cte-compl-title svg[b-bg2rnwgpn2] { color: #facc15; }
.cte-compl-date[b-bg2rnwgpn2] { color: var(--text-muted); font-size: 12px; }
.cte-compl-body[b-bg2rnwgpn2] { display: flex; flex-direction: column; gap: 4px; }
.badge-compl[b-bg2rnwgpn2] {
    background: rgba(250, 204, 21, 0.15) !important; color: #facc15 !important;
    border: 1px solid rgba(250, 204, 21, 0.3) !important;
    font-size: 10px !important; padding: 2px 8px !important; border-radius: 6px;
    font-weight: 600; text-transform: uppercase; letter-spacing: 0.5px;
}

/* SfGrid Grouping Drop Area */
[b-bg2rnwgpn2] .e-grid .e-groupdroparea { background: var(--bg-secondary) !important; color: var(--text-secondary) !important; border-color: var(--border) !important; font-size: 13px; padding: 8px 12px; }
[b-bg2rnwgpn2] .e-grid .e-groupdroparea .e-grouped-text { color: var(--text-secondary) !important; }
[b-bg2rnwgpn2] .e-grid .e-groupdroparea .e-ungroupbutton { color: var(--text-secondary) !important; }
[b-bg2rnwgpn2] .e-grid .e-groupdroparea .e-ungroupbutton:hover { color: var(--text-primary) !important; }
[b-bg2rnwgpn2] .e-grid .e-groupheadercell { background: var(--bg-card) !important; color: var(--text-primary) !important; border: 1px solid var(--border) !important; border-radius: 4px !important; }
[b-bg2rnwgpn2] .e-grid .e-groupcaption { background: var(--bg-secondary) !important; color: var(--text-heading) !important; border-color: var(--border) !important; }
[b-bg2rnwgpn2] .e-grid .e-recordplusexpand, [b-bg2rnwgpn2] .e-grid .e-recordpluscollapse { background: var(--bg-secondary) !important; border-color: var(--border) !important; color: var(--text-primary) !important; }
[b-bg2rnwgpn2] .e-grid .e-indentcell { background: var(--bg-secondary) !important; border-color: var(--border) !important; }

/* SfGrid Dark Theme */
[b-bg2rnwgpn2] .e-grid { background: var(--bg-card) !important; border: 1px solid var(--border) !important; border-radius: 12px !important; }
[b-bg2rnwgpn2] .e-grid .e-headercell { background: var(--bg-secondary) !important; color: var(--text-secondary) !important; font-weight: 600; font-size: 12px; text-transform: uppercase; letter-spacing: 0.5px; border-color: var(--border) !important; white-space: nowrap !important; overflow: visible !important; text-overflow: unset !important; }
[b-bg2rnwgpn2] .e-grid .e-headercelldiv { white-space: nowrap !important; overflow: visible !important; text-overflow: unset !important; }
[b-bg2rnwgpn2] .e-grid .e-rowcell { background: var(--bg-card) !important; color: var(--text-heading) !important; border-color: var(--border) !important; font-size: 14px; }
[b-bg2rnwgpn2] .e-grid .e-row:hover .e-rowcell { background: var(--bg-hover) !important; }
[b-bg2rnwgpn2] .e-grid .e-altrow .e-rowcell { background: var(--bg-secondary) !important; }
[b-bg2rnwgpn2] .e-grid .e-altrow:hover .e-rowcell { background: var(--bg-hover) !important; }
[b-bg2rnwgpn2] .e-grid .e-gridheader { border-color: var(--border) !important; }
[b-bg2rnwgpn2] .e-grid .e-gridcontent { border-color: var(--border) !important; overflow-y: auto !important; }

/* SfDialog Dark Theme */
[b-bg2rnwgpn2] .e-dialog { background: var(--bg-card) !important; border: 1px solid var(--border) !important; border-radius: 12px !important; box-shadow: 0 20px 60px rgba(0, 0, 0, 0.5) !important; }
[b-bg2rnwgpn2] .e-dialog .e-dlg-header-content { background: var(--bg-secondary) !important; border-bottom: 1px solid var(--border) !important; border-radius: 12px 12px 0 0 !important; display: flex; align-items: center; }
[b-bg2rnwgpn2] .e-dialog .e-dlg-header { color: var(--text-primary) !important; font-weight: 600; font-size: 16px; }
[b-bg2rnwgpn2] .e-dialog .e-dlg-content { background: var(--bg-card) !important; color: var(--text-heading) !important; }
[b-bg2rnwgpn2] .e-dialog .e-btn.e-dlg-closeicon-btn { color: var(--text-secondary) !important; }
[b-bg2rnwgpn2] .e-dialog .e-btn.e-dlg-closeicon-btn:hover { color: var(--text-primary) !important; background: rgba(255, 255, 255, 0.1) !important; }

/* Tooltip */
[b-bg2rnwgpn2] .tooltip-acao.e-tooltip-wrap { background: var(--bg-secondary) !important; border: 1px solid var(--border) !important; border-radius: 6px !important; }
[b-bg2rnwgpn2] .tooltip-acao .e-tip-content { color: var(--text-primary) !important; font-size: 12px; }

/* Responsive */
@media (max-width: 768px) {
    .page-container[b-bg2rnwgpn2] { padding: 16px; }
}
/* _content/Logistikk.Web/Components/Pages/Admin/Dashboard.razor.rz.scp.css */
.dashboard-tabs[b-jw9nc4kh09] {
    display: flex;
    gap: 4px;
    background: var(--bg-secondary);
    border: 1px solid var(--border);
    border-radius: 10px;
    padding: 4px;
    margin-bottom: 16px;
}

.dashboard-tab[b-jw9nc4kh09] {
    flex: 1;
    background: transparent;
    border: none;
    color: var(--text-secondary);
    padding: 10px 12px;
    border-radius: 8px;
    font-size: 13px;
    font-family: var(--font-family);
    font-weight: 500;
    cursor: pointer;
    transition: all 0.2s ease;
    display: flex;
    align-items: center;
    justify-content: center;
    gap: 6px;
}

.dashboard-tab:hover[b-jw9nc4kh09] {
    color: var(--text-heading);
    background: rgba(163, 230, 53, 0.08);
}

.dashboard-tab.ativa[b-jw9nc4kh09] {
    background: rgba(163, 230, 53, 0.15);
    color: var(--accent);
    font-weight: 600;
}
/* _content/Logistikk.Web/Components/Pages/Admin/DashboardFrotaPropriaContent.razor.rz.scp.css */
.fp-dashboard[b-5gipzhcsjs] {
    padding: 24px;
    font-family: var(--font-family);
    flex: 1;
    min-height: 0;
    overflow-y: auto;
    overflow-x: hidden;
    display: flex;
    flex-direction: column;
    gap: 24px;
}

.fp-carregando[b-5gipzhcsjs] {
    padding: 2rem;
    text-align: center;
    color: var(--text-secondary);
}

/* ===== Filtro de periodo ===== */
.fp-linha-filtro[b-5gipzhcsjs] {
    display: flex;
    justify-content: flex-end;
}

.fp-filtro-grupo[b-5gipzhcsjs] {
    display: inline-flex;
    gap: 4px;
    background: var(--bg-card);
    border: 1px solid var(--border);
    padding: 4px;
    border-radius: 10px;
}

.fp-chip[b-5gipzhcsjs] {
    background: transparent;
    border: none;
    padding: 6px 14px;
    border-radius: 6px;
    cursor: pointer;
    font-size: 13px;
    color: var(--text-secondary);
    transition: background-color 0.15s ease, color 0.15s ease;
}

.fp-chip:hover[b-5gipzhcsjs] {
    color: var(--text-primary);
}

.fp-chip.ativo[b-5gipzhcsjs] {
    background: rgba(163, 230, 53, 0.15);
    color: #a3e635;
    font-weight: 600;
}

/* ===== KPIs (4 colunas) ===== */
.kpi-grid[b-5gipzhcsjs] {
    display: grid;
    grid-template-columns: repeat(4, 1fr);
    gap: 20px;
}

/* ===== Composição (donut + tabela) ===== */
.fp-linha-composicao[b-5gipzhcsjs] {
    display: grid;
    grid-template-columns: 1fr 1fr;
    gap: 20px;
}

.fp-card[b-5gipzhcsjs] {
    background: var(--bg-card);
    border: 1px solid var(--border);
    border-radius: 12px;
    padding: 20px;
}

.fp-card-titulo[b-5gipzhcsjs] {
    color: var(--text-primary);
    font-size: 16px;
    font-weight: 600;
    margin-bottom: 16px;
    display: flex;
    justify-content: space-between;
    align-items: center;
}

/* ===== Tabela de composição ===== */
.fp-tabela-composicao[b-5gipzhcsjs] {
    width: 100%;
    border-collapse: collapse;
    font-size: 13px;
    color: var(--text-primary);
}

.fp-tabela-composicao th[b-5gipzhcsjs],
.fp-tabela-composicao td[b-5gipzhcsjs] {
    padding: 10px 8px;
    border-bottom: 1px solid var(--border);
}

.fp-tabela-composicao th[b-5gipzhcsjs] {
    text-align: left;
    color: var(--text-secondary);
    font-weight: 500;
    font-size: 12px;
    text-transform: uppercase;
    letter-spacing: 0.03em;
}

.fp-tabela-composicao td.num[b-5gipzhcsjs],
.fp-tabela-composicao th.num[b-5gipzhcsjs] {
    text-align: right;
}

.fp-tabela-composicao tr.ativo[b-5gipzhcsjs] {
    background: rgba(163, 230, 53, 0.08);
}

/* ===== Botões auxiliares ===== */
.fp-filtrar[b-5gipzhcsjs],
.fp-limpar-filtro[b-5gipzhcsjs] {
    background: transparent;
    border: 1px solid rgba(163, 230, 53, 0.4);
    color: #a3e635;
    padding: 4px 10px;
    border-radius: 6px;
    font-size: 12px;
    cursor: pointer;
    transition: background-color 0.15s ease;
}

.fp-filtrar:hover[b-5gipzhcsjs],
.fp-limpar-filtro:hover[b-5gipzhcsjs] {
    background: rgba(163, 230, 53, 0.1);
}

.fp-limpar-filtro[b-5gipzhcsjs] {
    border-color: var(--border);
    color: var(--text-secondary);
}

.fp-limpar-filtro:hover[b-5gipzhcsjs] {
    background: rgba(255, 255, 255, 0.04);
    color: var(--text-primary);
}

/* ===== Filtro ativo badge ===== */
.fp-filtro-ativo[b-5gipzhcsjs] {
    font-size: 12px;
    background: rgba(163, 230, 53, 0.12);
    color: #a3e635;
    padding: 4px 10px;
    border-radius: 999px;
    display: inline-flex;
    gap: 6px;
    align-items: center;
}

/* ===== Detalhe (drill-down) ===== */
.fp-detalhe-btn[b-5gipzhcsjs] {
    background: transparent;
    border: 1px solid rgba(96, 165, 250, 0.4);
    color: #60a5fa;
    padding: 4px 10px;
    border-radius: 6px;
    font-size: 12px;
    cursor: pointer;
    transition: background-color 0.15s ease;
}

.fp-detalhe-btn:hover[b-5gipzhcsjs] {
    background: rgba(96, 165, 250, 0.12);
}

.fp-detalhe-overlay[b-5gipzhcsjs] {
    position: fixed;
    inset: 0;
    background: rgba(0, 0, 0, 0.5);
    z-index: 1000;
}

.fp-detalhe-painel[b-5gipzhcsjs] {
    position: fixed;
    right: 0;
    top: 0;
    bottom: 0;
    width: min(480px, 90vw);
    background: var(--bg-card);
    border-left: 1px solid var(--border);
    z-index: 1001;
    overflow-y: auto;
    box-shadow: -4px 0 12px rgba(0, 0, 0, 0.35);
    padding: 24px;
    display: flex;
    flex-direction: column;
    gap: 20px;
}

.fp-detalhe-header[b-5gipzhcsjs] {
    display: flex;
    justify-content: space-between;
    align-items: flex-start;
}

.fp-detalhe-titulo[b-5gipzhcsjs] {
    color: var(--text-primary);
    font-size: 18px;
    font-weight: 600;
}

.fp-detalhe-sub[b-5gipzhcsjs] {
    font-size: 13px;
    color: var(--text-secondary);
    margin-top: 2px;
}

.fp-detalhe-fechar[b-5gipzhcsjs] {
    background: transparent;
    border: none;
    font-size: 24px;
    cursor: pointer;
    color: var(--text-secondary);
    line-height: 1;
}

.fp-detalhe-fechar:hover[b-5gipzhcsjs] {
    color: var(--text-primary);
}

.fp-detalhe-secao h4[b-5gipzhcsjs] {
    margin: 0 0 8px;
    font-size: 12px;
    color: var(--text-secondary);
    font-weight: 600;
    text-transform: uppercase;
    letter-spacing: 0.03em;
}

.fp-detalhe-label[b-5gipzhcsjs] {
    font-size: 13px;
    color: var(--text-secondary);
}

.fp-detalhe-valor[b-5gipzhcsjs] {
    color: var(--text-primary);
    font-size: 24px;
    font-weight: 600;
    margin-top: 4px;
}

.fp-detalhe-tabela[b-5gipzhcsjs] {
    width: 100%;
    border-collapse: collapse;
    font-size: 13px;
    color: var(--text-primary);
}

.fp-detalhe-tabela th[b-5gipzhcsjs],
.fp-detalhe-tabela td[b-5gipzhcsjs] {
    padding: 8px 6px;
    border-bottom: 1px solid var(--border);
}

.fp-detalhe-tabela th[b-5gipzhcsjs] {
    color: var(--text-secondary);
    font-weight: 500;
    text-align: left;
}

.fp-detalhe-tabela td.num[b-5gipzhcsjs],
.fp-detalhe-tabela th.num[b-5gipzhcsjs] {
    text-align: right;
}

.fp-detalhe-vazio[b-5gipzhcsjs] {
    padding: 16px;
    text-align: center;
    color: var(--text-muted);
    font-size: 13px;
}

/* ===== SfGrid overrides (mesma base do dashboard Terceirizada) ===== */
[b-5gipzhcsjs] .e-grid {
    background: var(--bg-card) !important;
    border: 1px solid var(--border) !important;
    border-radius: 8px !important;
}

[b-5gipzhcsjs] .e-grid .e-headercell {
    background: var(--bg-secondary) !important;
    color: var(--text-secondary) !important;
    font-weight: 600;
    font-size: 12px;
    text-transform: uppercase;
    letter-spacing: 0.5px;
    border-color: var(--border) !important;
    white-space: nowrap !important;
}

[b-5gipzhcsjs] .e-grid .e-headercelldiv {
    white-space: nowrap !important;
}

[b-5gipzhcsjs] .e-grid .e-rowcell {
    background: var(--bg-card) !important;
    color: var(--text-heading, var(--text-primary)) !important;
    border-color: var(--border) !important;
    font-size: 14px;
}

[b-5gipzhcsjs] .e-grid .e-row:hover .e-rowcell {
    background: var(--bg-hover) !important;
}

[b-5gipzhcsjs] .e-grid .e-altrow .e-rowcell {
    background: var(--bg-secondary) !important;
}

[b-5gipzhcsjs] .e-grid .e-altrow:hover .e-rowcell {
    background: var(--bg-hover) !important;
}

[b-5gipzhcsjs] .e-grid .e-gridheader,
[b-5gipzhcsjs] .e-grid .e-gridcontent,
[b-5gipzhcsjs] .e-grid .e-gridpager {
    border-color: var(--border) !important;
}

[b-5gipzhcsjs] .e-grid .e-emptyrow,
[b-5gipzhcsjs] .e-grid .e-emptyrow .e-rowcell {
    background: var(--bg-card) !important;
    color: var(--text-secondary) !important;
}

[b-5gipzhcsjs] .e-grid .e-gridpager {
    background: var(--bg-card) !important;
    color: var(--text-secondary) !important;
}

[b-5gipzhcsjs] .e-grid .e-gridpager .e-pagercontainer,
[b-5gipzhcsjs] .e-grid .e-gridpager .e-parentmsgbar {
    background: transparent !important;
    color: var(--text-secondary) !important;
}

/* ===== Responsivo ===== */
@media (max-width: 1200px) {
    .kpi-grid[b-5gipzhcsjs] {
        grid-template-columns: repeat(2, 1fr);
    }
}

@media (max-width: 768px) {
    .fp-linha-composicao[b-5gipzhcsjs] {
        grid-template-columns: 1fr;
    }

    .kpi-grid[b-5gipzhcsjs] {
        grid-template-columns: 1fr;
    }
}
/* _content/Logistikk.Web/Components/Pages/Admin/DashboardTerceirizadaContent.razor.rz.scp.css */
.dashboard[b-qxo60t0a21] {
    padding: 24px;
    font-family: var(--font-family);
    flex: 1;
    min-height: 0;
    overflow-y: auto;
    overflow-x: hidden;
}

.page-header[b-qxo60t0a21] {
    margin-bottom: 24px;
}

.page-header h1[b-qxo60t0a21] {
    color: var(--text-primary);
    font-weight: 700;
    font-size: 28px;
    margin: 0 0 4px 0;
}

.page-subtitle[b-qxo60t0a21] {
    color: var(--text-secondary);
    font-size: 14px;
    margin: 0;
}

/* ===== Grid Master ===== */
.grid-master[b-qxo60t0a21] {
    background: var(--bg-card);
    border: 1px solid var(--border);
    border-radius: 12px;
    padding: 20px;
    margin-bottom: 24px;
    overflow: visible;
}

.grid-header[b-qxo60t0a21] {
    display: flex;
    align-items: center;
    justify-content: space-between;
    margin-bottom: 16px;
}

.grid-header h3[b-qxo60t0a21] {
    color: var(--text-primary);
    font-size: 16px;
    font-weight: 600;
    margin: 0;
    display: flex;
    align-items: center;
    gap: 8px;
}

.btn-export[b-qxo60t0a21] {
    background: rgba(34, 197, 94, 0.15);
    color: #22c55e;
    border: 1px solid rgba(34, 197, 94, 0.3);
    border-radius: 8px;
    padding: 6px 16px;
    font-size: 13px;
    font-family: var(--font-family);
    font-weight: 500;
    cursor: pointer;
    transition: all 0.2s ease;
    display: flex;
    align-items: center;
    gap: 6px;
}

.btn-export:hover[b-qxo60t0a21] {
    background: rgba(34, 197, 94, 0.25);
    border-color: rgba(34, 197, 94, 0.5);
}

.btn-atualizar[b-qxo60t0a21] {
    background: rgba(163, 230, 53, 0.15);
    color: var(--accent);
    border: 1px solid rgba(163, 230, 53, 0.3);
    border-radius: 8px;
    padding: 6px 16px;
    font-size: 13px;
    font-family: var(--font-family);
    font-weight: 500;
    cursor: pointer;
    transition: all 0.2s ease;
    display: flex;
    align-items: center;
    gap: 6px;
}

.btn-atualizar:hover[b-qxo60t0a21] {
    background: rgba(163, 230, 53, 0.25);
}

.btn-limpar-filtros[b-qxo60t0a21] {
    background: rgba(239, 68, 68, 0.15);
    color: #ef4444;
    border: 1px solid rgba(239, 68, 68, 0.3);
    border-radius: 8px;
    padding: 6px 16px;
    font-size: 13px;
    font-family: var(--font-family);
    font-weight: 500;
    cursor: pointer;
    transition: all 0.2s ease;
    display: flex;
    align-items: center;
    gap: 6px;
}

.btn-limpar-filtros:hover[b-qxo60t0a21] {
    background: rgba(239, 68, 68, 0.25);
}

.total-badge[b-qxo60t0a21] {
    background: rgba(163, 230, 53, 0.1);
    color: var(--accent);
    padding: 4px 12px;
    border-radius: 16px;
    font-size: 13px;
    font-weight: 500;
    white-space: nowrap;
}

/* ===== Periodo Dropdown ===== */
.periodo-dropdown-wrapper[b-qxo60t0a21] {
    position: relative;
}

.btn-periodo[b-qxo60t0a21] {
    background: rgba(96, 165, 250, 0.12);
    color: #60a5fa;
    border: 1px solid rgba(96, 165, 250, 0.3);
    border-radius: 8px;
    padding: 6px 14px;
    font-size: 13px;
    font-family: var(--font-family);
    font-weight: 500;
    cursor: pointer;
    transition: all 0.2s ease;
    display: flex;
    align-items: center;
    gap: 6px;
    white-space: nowrap;
}

.btn-periodo:hover[b-qxo60t0a21] {
    background: rgba(96, 165, 250, 0.2);
    border-color: rgba(96, 165, 250, 0.5);
}

.btn-periodo.active[b-qxo60t0a21] {
    background: rgba(163, 230, 53, 0.15);
    color: var(--accent);
    border-color: rgba(163, 230, 53, 0.5);
}

.periodo-panel[b-qxo60t0a21] {
    position: absolute;
    top: calc(100% + 8px);
    right: 0;
    z-index: 1000;
    background: var(--bg-card);
    border: 1px solid var(--border);
    border-radius: 12px;
    padding: 16px;
    min-width: 340px;
    box-shadow: 0 12px 40px rgba(0, 0, 0, 0.35);
}

.periodo-panel-title[b-qxo60t0a21] {
    font-size: 11px;
    font-weight: 600;
    text-transform: uppercase;
    letter-spacing: 0.8px;
    color: var(--text-muted);
    margin-bottom: 10px;
}

.periodo-panel-presets[b-qxo60t0a21] {
    display: flex;
    flex-wrap: wrap;
    gap: 6px;
}

.periodo-btn[b-qxo60t0a21] {
    background: var(--bg-secondary);
    border: 1px solid var(--border);
    color: var(--text-secondary);
    padding: 6px 12px;
    border-radius: 6px;
    font-size: 12px;
    font-family: var(--font-family);
    font-weight: 500;
    cursor: pointer;
    transition: all 0.15s ease;
    white-space: nowrap;
}

.periodo-btn:hover[b-qxo60t0a21] {
    color: var(--text-heading);
    border-color: var(--accent);
    background: rgba(163, 230, 53, 0.08);
}

.periodo-btn.active[b-qxo60t0a21] {
    background: rgba(163, 230, 53, 0.15);
    border-color: rgba(163, 230, 53, 0.5);
    color: var(--accent);
    font-weight: 600;
}

.periodo-panel-divider[b-qxo60t0a21] {
    height: 1px;
    background: var(--border);
    margin: 14px 0;
}

.periodo-panel-custom[b-qxo60t0a21] {
    display: flex;
    gap: 12px;
}

.periodo-field[b-qxo60t0a21] {
    flex: 1;
    display: flex;
    flex-direction: column;
    gap: 4px;
}

.periodo-field label[b-qxo60t0a21] {
    font-size: 11px;
    color: var(--text-muted);
    font-weight: 500;
}

.periodo-input[b-qxo60t0a21] {
    background: var(--bg-secondary);
    border: 1px solid var(--border);
    color: var(--text-heading);
    padding: 7px 10px;
    border-radius: 6px;
    font-size: 12px;
    font-family: var(--font-family);
    outline: none;
    transition: border-color 0.2s ease;
    width: 100%;
}

.periodo-input:focus[b-qxo60t0a21] {
    border-color: var(--accent);
}

/* Transportadora dropdown */
.transp-panel[b-qxo60t0a21] {
    min-width: 420px;
    right: auto;
    left: 0;
}

.transp-search[b-qxo60t0a21] {
    margin-bottom: 8px;
}

.transp-list[b-qxo60t0a21] {
    display: flex;
    flex-direction: column;
    gap: 4px;
    max-height: 280px;
    overflow-y: auto;
    padding-right: 4px;
}

.transp-list .periodo-btn[b-qxo60t0a21] {
    text-align: left;
    white-space: normal;
    word-break: break-word;
    width: 100%;
    color: var(--text-heading);
    font-size: 13px;
    padding: 10px 12px;
    line-height: 1.4;
    display: flex;
    align-items: center;
    gap: 8px;
}

.transp-check[b-qxo60t0a21] {
    display: inline-flex;
    align-items: center;
    justify-content: center;
    width: 18px;
    height: 18px;
    border: 1.5px solid rgba(148, 163, 184, 0.4);
    border-radius: 4px;
    font-size: 12px;
    color: var(--accent);
    flex-shrink: 0;
    transition: all 0.15s;
}

.periodo-btn.active .transp-check[b-qxo60t0a21] {
    background: rgba(163, 230, 53, 0.15);
    border-color: var(--accent);
}

.periodo-btn-limpar[b-qxo60t0a21] {
    background: rgba(239, 68, 68, 0.08);
    border: 1px solid rgba(239, 68, 68, 0.2);
    color: #ef4444;
    padding: 7px 12px;
    border-radius: 6px;
    font-size: 12px;
    font-family: var(--font-family);
    font-weight: 500;
    cursor: pointer;
    transition: all 0.2s ease;
    display: flex;
    align-items: center;
    justify-content: center;
    gap: 6px;
    width: 100%;
}

.periodo-btn-limpar:hover[b-qxo60t0a21] {
    background: rgba(239, 68, 68, 0.15);
}

/* ===== Section Title ===== */
.section-title[b-qxo60t0a21] {
    display: flex;
    align-items: center;
    gap: 8px;
    margin: 8px 0 16px 0;
    color: var(--text-secondary);
}

.section-title h2[b-qxo60t0a21] {
    color: var(--text-primary);
    font-size: 18px;
    font-weight: 600;
    margin: 0;
}

.filtro-badge[b-qxo60t0a21] {
    background: rgba(251, 191, 36, 0.15);
    color: #fbbf24;
    padding: 2px 10px;
    border-radius: 12px;
    font-size: 12px;
    font-weight: 500;
    margin-left: 4px;
}

/* ===== KPI Grid ===== */
.kpi-grid[b-qxo60t0a21] {
    display: grid;
    grid-template-columns: repeat(4, 1fr);
    gap: 20px;
    margin-bottom: 24px;
}

/* ===== Charts ===== */
.charts-row[b-qxo60t0a21] {
    display: grid;
    grid-template-columns: repeat(2, 1fr);
    gap: 20px;
    margin-bottom: 24px;
}

.chart-card[b-qxo60t0a21] {
    background: var(--bg-card);
    border: 1px solid var(--border);
    border-radius: 12px;
    padding: 20px;
}

.chart-card h3[b-qxo60t0a21] {
    color: var(--text-primary);
    font-size: 16px;
    font-weight: 600;
    margin: 0 0 16px 0;
}

.chart-empty[b-qxo60t0a21] {
    display: flex;
    align-items: center;
    justify-content: center;
    min-height: 200px;
    color: var(--text-muted);
    font-size: 14px;
}

/* ===== Loading ===== */
.loading[b-qxo60t0a21] {
    display: flex;
    justify-content: center;
    align-items: center;
    min-height: 300px;
    color: var(--text-secondary);
    font-size: 16px;
}

/* SfGrid Grouping Drop Area */
[b-qxo60t0a21] .e-grid .e-groupdroparea {
    background: var(--bg-secondary) !important;
    color: var(--text-secondary) !important;
    border-color: var(--border) !important;
    font-size: 13px;
    padding: 8px 12px;
}

[b-qxo60t0a21] .e-grid .e-groupdroparea .e-grouped-text {
    color: var(--text-secondary) !important;
}

[b-qxo60t0a21] .e-grid .e-groupdroparea .e-ungroupbutton {
    color: var(--text-secondary) !important;
}

[b-qxo60t0a21] .e-grid .e-groupdroparea .e-ungroupbutton:hover {
    color: var(--text-primary) !important;
}

[b-qxo60t0a21] .e-grid .e-groupheadercell {
    background: var(--bg-card) !important;
    color: var(--text-primary) !important;
    border: 1px solid var(--border) !important;
    border-radius: 4px !important;
}

[b-qxo60t0a21] .e-grid .e-groupcaption {
    background: var(--bg-secondary) !important;
    color: var(--text-heading) !important;
    border-color: var(--border) !important;
}

[b-qxo60t0a21] .e-grid .e-recordplusexpand,
[b-qxo60t0a21] .e-grid .e-recordpluscollapse {
    background: var(--bg-secondary) !important;
    border-color: var(--border) !important;
    color: var(--text-primary) !important;
}

[b-qxo60t0a21] .e-grid .e-indentcell {
    background: var(--bg-secondary) !important;
    border-color: var(--border) !important;
}

/* ===== SfGrid Overrides ===== */
[b-qxo60t0a21] .e-grid {
    background: var(--bg-card) !important;
    border: 1px solid var(--border) !important;
    border-radius: 8px !important;
}

[b-qxo60t0a21] .e-filter-popup,
[b-qxo60t0a21] .e-excelfilter {
    z-index: 9999 !important;
}

[b-qxo60t0a21] .e-grid .e-headercell {
    background: var(--bg-secondary) !important;
    color: var(--text-secondary) !important;
    font-weight: 600;
    font-size: 12px;
    text-transform: uppercase;
    letter-spacing: 0.5px;
    border-color: var(--border) !important;
    white-space: nowrap !important;
    overflow: visible !important;
    text-overflow: unset !important;
}

[b-qxo60t0a21] .e-grid .e-headercelldiv {
    white-space: nowrap !important;
    overflow: visible !important;
    text-overflow: unset !important;
}

[b-qxo60t0a21] .e-grid .e-rowcell {
    background: var(--bg-card) !important;
    color: var(--text-heading) !important;
    border-color: var(--border) !important;
    font-size: 14px;
}

[b-qxo60t0a21] .e-grid .e-row:hover .e-rowcell {
    background: var(--bg-hover) !important;
}

[b-qxo60t0a21] .e-grid .e-altrow .e-rowcell {
    background: var(--bg-secondary) !important;
}

[b-qxo60t0a21] .e-grid .e-altrow:hover .e-rowcell {
    background: var(--bg-hover) !important;
}

[b-qxo60t0a21] .e-grid .e-gridheader {
    border-color: var(--border) !important;
}

[b-qxo60t0a21] .e-grid .e-gridcontent {
    border-color: var(--border) !important;
}

/* ===== Action Button ===== */
.btn-action[b-qxo60t0a21] {
    width: 32px;
    height: 32px;
    border-radius: 6px;
    border: none;
    cursor: pointer;
    display: flex;
    align-items: center;
    justify-content: center;
    transition: all 0.2s ease;
}

.btn-view[b-qxo60t0a21] {
    background: rgba(163, 230, 53, 0.15);
    color: var(--accent);
}

.btn-view:hover[b-qxo60t0a21] {
    background: rgba(163, 230, 53, 0.3);
}

/* ===== Sidebar Detail Dialog ===== */
/* Styles moved to global app.css (dialog renders outside component scope) */

.sidebar-header[b-qxo60t0a21] {
    display: flex;
    align-items: center;
    gap: 10px;
    color: var(--text-primary);
}

.sidebar-header svg[b-qxo60t0a21] {
    color: var(--accent);
}

.sidebar-content[b-qxo60t0a21] {
    padding: 20px;
    display: flex;
    flex-direction: column;
    min-height: 0;
    flex: 1;
    overflow-y: auto;
    overflow-x: hidden;
}

.sidebar-section[b-qxo60t0a21] {
    margin-bottom: 24px;
}

.section-title-sidebar[b-qxo60t0a21] {
    color: var(--text-secondary);
    font-size: 11px;
    font-weight: 600;
    text-transform: uppercase;
    letter-spacing: 1px;
    margin: 0 0 10px 0;
}

.info-card[b-qxo60t0a21] {
    background: var(--bg-card);
    border: 1px solid var(--border);
    border-radius: 10px;
    overflow: hidden;
}

.info-row[b-qxo60t0a21] {
    display: flex;
    justify-content: space-between;
    align-items: center;
    padding: 12px 16px;
    border-bottom: 1px solid var(--border);
}

.info-row:last-child[b-qxo60t0a21] {
    border-bottom: none;
}

.info-label[b-qxo60t0a21] {
    color: var(--text-muted);
    font-size: 13px;
    font-weight: 500;
}

.info-value[b-qxo60t0a21] {
    color: var(--text-heading);
    font-size: 13px;
    font-weight: 500;
    text-align: right;
    max-width: 60%;
    word-break: break-all;
}

.info-value.accent[b-qxo60t0a21] {
    color: var(--accent);
    font-weight: 700;
    font-size: 16px;
}

.info-value.mono[b-qxo60t0a21] {
    font-family: 'JetBrains Mono', monospace;
    font-size: 11px;
    color: var(--text-secondary);
}

.info-badge[b-qxo60t0a21] {
    padding: 3px 12px;
    border-radius: 20px;
    font-size: 12px;
    font-weight: 600;
}

.badge-cif[b-qxo60t0a21] {
    background: rgba(52, 211, 153, 0.15);
    color: #34d399;
}

.badge-fob[b-qxo60t0a21] {
    background: rgba(251, 191, 36, 0.15);
    color: #fbbf24;
}

/* Route Card */
.route-card[b-qxo60t0a21] {
    background: var(--bg-card);
    border: 1px solid var(--border);
    border-radius: 10px;
    padding: 16px;
    display: flex;
    flex-direction: column;
    gap: 0;
}

.route-point[b-qxo60t0a21] {
    display: flex;
    align-items: center;
    gap: 12px;
}

.route-dot[b-qxo60t0a21] {
    width: 12px;
    height: 12px;
    border-radius: 50%;
    flex-shrink: 0;
}

.route-dot.origin[b-qxo60t0a21] {
    background: #60a5fa;
    box-shadow: 0 0 8px rgba(96, 165, 250, 0.4);
}

.route-dot.destination[b-qxo60t0a21] {
    background: #34d399;
    box-shadow: 0 0 8px rgba(52, 211, 153, 0.4);
}

.route-dot.mid[b-qxo60t0a21] {
    background: #a78bfa;
    box-shadow: 0 0 8px rgba(167, 139, 250, 0.4);
}

.route-line[b-qxo60t0a21] {
    width: 2px;
    height: 20px;
    background: var(--border);
    margin-left: 5px;
}

.route-info[b-qxo60t0a21] {
    display: flex;
    flex-direction: column;
}

.route-label[b-qxo60t0a21] {
    font-size: 11px;
    color: var(--text-muted);
    text-transform: uppercase;
    letter-spacing: 0.5px;
}

.route-value[b-qxo60t0a21] {
    color: var(--text-heading);
    font-size: 14px;
    font-weight: 500;
}

/* Values Grid */
.values-grid[b-qxo60t0a21] {
    display: grid;
    grid-template-columns: repeat(3, 1fr);
    gap: 10px;
}

.value-card[b-qxo60t0a21] {
    background: var(--bg-card);
    border: 1px solid var(--border);
    border-radius: 10px;
    padding: 14px 12px;
    text-align: center;
    display: flex;
    flex-direction: column;
    gap: 6px;
}

.value-label[b-qxo60t0a21] {
    font-size: 11px;
    color: var(--text-muted);
    text-transform: uppercase;
    letter-spacing: 0.5px;
}

.value-number[b-qxo60t0a21] {
    font-size: 15px;
    font-weight: 700;
    color: var(--accent);
}

/* Sidebar Tabs */
.sidebar-tab-bar[b-qxo60t0a21] {
    display: flex;
    gap: 4px;
    background: var(--bg-secondary);
    border: 1px solid var(--border);
    border-radius: 10px;
    padding: 4px;
    flex-shrink: 0;
}

.sidebar-tab-btn[b-qxo60t0a21] {
    flex: 1;
    background: transparent;
    border: none;
    color: var(--text-secondary);
    padding: 10px 12px;
    border-radius: 8px;
    font-size: 13px;
    font-family: var(--font-family);
    font-weight: 500;
    cursor: pointer;
    transition: all 0.2s ease;
    display: flex;
    align-items: center;
    justify-content: center;
    gap: 6px;
}

.sidebar-tab-btn:hover[b-qxo60t0a21] {
    color: var(--text-heading);
    background: rgba(163, 230, 53, 0.08);
}

.sidebar-tab-btn.active[b-qxo60t0a21] {
    background: rgba(163, 230, 53, 0.15);
    color: var(--accent);
    font-weight: 600;
}

.sidebar-tab-body[b-qxo60t0a21] {
    flex: 1;
    overflow-y: auto;
    min-height: 0;
    margin-top: 16px;
}

/* CT-e / Fatura Cards */
.cte-card[b-qxo60t0a21] {
    background: var(--bg-secondary);
    border: 1px solid var(--border);
    border-radius: 12px;
    padding: 16px;
    margin-bottom: 12px;
}

.cte-card-header[b-qxo60t0a21] {
    display: flex;
    justify-content: space-between;
    align-items: center;
    margin-bottom: 12px;
    padding-bottom: 12px;
    border-bottom: 1px solid var(--border);
}

.cte-card-title[b-qxo60t0a21] {
    display: flex;
    align-items: center;
    gap: 8px;
    color: var(--text-heading);
    font-weight: 600;
    font-size: 15px;
}

.cte-card-title svg[b-qxo60t0a21] {
    color: var(--accent);
}

.cte-card-date[b-qxo60t0a21] {
    color: var(--text-muted);
    font-size: 13px;
}

/* NF-e Cards */
.nfe-card[b-qxo60t0a21] {
    background: var(--bg-secondary); border: 1px solid var(--border); border-radius: 12px;
    padding: 16px; margin-bottom: 12px;
}
.nfe-card-header[b-qxo60t0a21] {
    display: flex; justify-content: space-between; align-items: center;
    margin-bottom: 12px; padding-bottom: 12px; border-bottom: 1px solid var(--border);
}
.nfe-card-title[b-qxo60t0a21] { display: flex; align-items: center; gap: 8px; color: var(--text-heading); font-weight: 600; font-size: 15px; flex-wrap: wrap; }
.nfe-card-title svg[b-qxo60t0a21] { color: var(--accent); }
.nfe-card-date[b-qxo60t0a21] { color: var(--text-muted); font-size: 13px; }
.nfe-card-body[b-qxo60t0a21] { margin-bottom: 12px; }
.nfe-card-body .info-card[b-qxo60t0a21] { margin-bottom: 10px; }
.nfe-card-footer[b-qxo60t0a21] { display: flex; justify-content: flex-end; }
.btn-ver-nfe[b-qxo60t0a21] {
    display: flex; align-items: center; gap: 6px;
    background: rgba(96, 165, 250, 0.15); color: #60a5fa;
    border: 1px solid rgba(96, 165, 250, 0.3); border-radius: 8px;
    padding: 6px 14px; font-size: 12px; font-family: var(--font-family);
    font-weight: 500; cursor: pointer; transition: all 0.2s ease; text-decoration: none;
}
.btn-ver-nfe:hover[b-qxo60t0a21] { background: rgba(96, 165, 250, 0.25); border-color: rgba(96, 165, 250, 0.5); }

.badge-serie[b-qxo60t0a21] {
    background: rgba(96, 165, 250, 0.15);
    color: #60a5fa;
    font-size: 11px;
    padding: 2px 8px;
}

.badge-desconto[b-qxo60t0a21] {
    background: rgba(239, 68, 68, 0.15);
    color: #ef4444;
}

.badge-acrescimo[b-qxo60t0a21] {
    background: rgba(52, 211, 153, 0.15);
    color: #34d399;
}

.empty-state[b-qxo60t0a21] {
    display: flex;
    flex-direction: column;
    align-items: center;
    justify-content: center;
    gap: 12px;
    padding: 40px 20px;
    color: var(--text-muted);
    font-size: 14px;
}

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

.card-header-row h3[b-qxo60t0a21] {
    margin: 0;
}

.btn-link[b-qxo60t0a21] {
    color: var(--accent, #a3e635);
    text-decoration: none;
    font-size: 13px;
    font-weight: 500;
}

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

/* Item Fatura Cards */
.item-fatura-card[b-qxo60t0a21] {
    background: var(--bg-card);
    border: 1px solid var(--border);
    border-radius: 10px;
    padding: 12px;
    margin-bottom: 8px;
}

.item-fatura-header[b-qxo60t0a21] {
    display: flex;
    justify-content: space-between;
    align-items: center;
    margin-bottom: 10px;
    padding-bottom: 8px;
    border-bottom: 1px solid var(--border);
}

.item-fatura-date[b-qxo60t0a21] {
    color: var(--text-secondary);
    font-size: 13px;
    font-weight: 500;
}

.item-fatura-card .values-grid[b-qxo60t0a21] {
    grid-template-columns: repeat(4, 1fr);
}

.item-fatura-card .value-card[b-qxo60t0a21] {
    padding: 8px 6px;
}

.item-fatura-card .value-label[b-qxo60t0a21] {
    font-size: 10px;
}

.item-fatura-card .value-number[b-qxo60t0a21] {
    font-size: 13px;
}

/* Itens NF-e Grid */
.itens-nfe-grid-wrapper[b-qxo60t0a21] {
    border: 1px solid var(--border);
    border-radius: 8px;
    overflow: hidden;
}

.itens-nfe-grid-wrapper[b-qxo60t0a21]  .e-grid {
    border: none !important;
}

.itens-nfe-grid-wrapper[b-qxo60t0a21]  .e-grid .e-headercell {
    font-size: 11px !important;
    padding: 6px 8px !important;
}

.itens-nfe-grid-wrapper[b-qxo60t0a21]  .e-grid .e-rowcell {
    font-size: 12px !important;
    padding: 5px 8px !important;
}

.value-card-highlight[b-qxo60t0a21] {
    background: rgba(163, 230, 53, 0.1) !important;
    border-color: rgba(163, 230, 53, 0.3) !important;
}

.value-card-highlight .value-number[b-qxo60t0a21] {
    color: #a3e635 !important;
    font-size: 15px !important;
    font-weight: 800 !important;
}

/* Badge Classificação */
.badge-classificacao[b-qxo60t0a21] {
    display: inline-flex;
    align-items: center;
    gap: 4px;
    background: rgba(96, 165, 250, 0.15);
    color: #60a5fa;
    padding: 2px 8px;
    border-radius: 12px;
    font-size: 11px;
    font-weight: 600;
    white-space: nowrap;
    margin-left: 4px;
}

.badge-sem-classificacao[b-qxo60t0a21] {
    background: rgba(251, 191, 36, 0.15);
    color: #fbbf24;
}

.badge-rskilo[b-qxo60t0a21] {
    display: inline-flex;
    align-items: center;
    gap: 4px;
    background: rgba(163, 230, 53, 0.12);
    color: #a3e635;
    padding: 2px 8px;
    border-radius: 12px;
    font-size: 11px;
    font-weight: 700;
    white-space: nowrap;
    margin-left: 4px;
}

/* ===== Responsive ===== */
@media (max-width: 1024px) {
    .kpi-grid[b-qxo60t0a21] {
        grid-template-columns: repeat(2, 1fr);
    }

    .charts-row[b-qxo60t0a21] {
        grid-template-columns: 1fr;
    }
}

@media (max-width: 640px) {
    .dashboard[b-qxo60t0a21] {
        padding: 16px;
    }

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

    .page-header h1[b-qxo60t0a21] {
        font-size: 22px;
    }

    .grid-header[b-qxo60t0a21] {
        flex-direction: column;
        align-items: flex-start;
        gap: 8px;
    }
}

/* Dash tab bar */
.dash-tab-bar[b-qxo60t0a21] {
    display: flex;
    gap: 4px;
    background: var(--bg-secondary);
    border: 1px solid var(--border);
    border-radius: 12px;
    padding: 4px;
    max-width: 320px;
}

.dash-tab-bar .tab-btn[b-qxo60t0a21] {
    flex: 1;
    background: transparent;
    border: none;
    color: var(--text-secondary);
    padding: 10px 20px;
    border-radius: 8px;
    font-size: 14px;
    font-weight: 500;
    cursor: pointer;
    transition: all 0.2s ease;
}

.dash-tab-bar .tab-btn:hover[b-qxo60t0a21] {
    color: var(--text-heading);
    background: rgba(163, 230, 53, 0.08);
}

.dash-tab-bar .tab-btn.active[b-qxo60t0a21] {
    background: rgba(163, 230, 53, 0.15);
    color: var(--accent);
    font-weight: 600;
}

/* Fiscal tab */
.tab-content[b-qxo60t0a21] {
    display: flex;
    flex-direction: column;
    gap: 20px;
}

.tab-content .card-form[b-qxo60t0a21] {
    background: var(--bg-card);
    border: 1px solid var(--border);
    border-radius: 12px;
    padding: 24px;
}

.tab-content .card-form h3[b-qxo60t0a21] {
    margin: 0 0 16px 0;
    font-size: 16px;
    font-weight: 600;
    color: var(--text-heading);
}

.table-dash[b-qxo60t0a21] { width: 100%; border-collapse: collapse; margin-top: 12px; }
.table-dash th[b-qxo60t0a21], .table-dash td[b-qxo60t0a21] { text-align: left; padding: 8px 10px; border-bottom: 1px solid #eee; font-size: 13px; }
.table-dash th[b-qxo60t0a21] { background: #fafafa; font-weight: 600; }

/* Cert status badges (shared with Empresa) */
.cert-status-badge[b-qxo60t0a21] { display: inline-block; padding: 2px 8px; border-radius: 10px; font-weight: 600; font-size: 11px; }
.cert-ok[b-qxo60t0a21]       { background: #d1fadf; color: #0a6b36; }
.cert-atencao[b-qxo60t0a21]  { background: #fff7cd; color: #8a5a00; }
.cert-alerta[b-qxo60t0a21]   { background: #ffe0b2; color: #a65c00; }
.cert-critico[b-qxo60t0a21]  { background: #ffd4d4; color: #a00000; }
.cert-vencido[b-qxo60t0a21]  { background: #a00000; color: #fff; }

.loading-container[b-qxo60t0a21] {
    display: flex;
    align-items: center;
    gap: 12px;
    justify-content: center;
    padding: 40px 0;
    color: var(--accent);
    font-size: 14px;
}

.spinner[b-qxo60t0a21] {
    width: 18px;
    height: 18px;
    border: 2.5px solid rgba(163, 230, 53, 0.3);
    border-top-color: #a3e635;
    border-radius: 50%;
    animation: spin-b-qxo60t0a21 0.8s linear infinite;
    flex-shrink: 0;
}

@keyframes spin-b-qxo60t0a21 {
    to { transform: rotate(360deg); }
}
/* _content/Logistikk.Web/Components/Pages/Admin/Empresa.razor.rz.scp.css */
.page-container[b-4eqprzuy7b] {
    padding: 24px;
    font-family: var(--font-family);
    flex: 1;
    min-height: 0;
    overflow-y: auto;
    overflow-x: hidden;
}

.loading-container[b-4eqprzuy7b] {
    display: flex;
    align-items: center;
    gap: 12px;
    justify-content: center;
    padding: 60px 0;
    color: var(--accent);
    font-size: 14px;
    font-weight: 600;
}

/* Tabs */
.tab-bar[b-4eqprzuy7b] {
    display: flex;
    gap: 4px;
    background: var(--bg-secondary);
    border: 1px solid var(--border);
    border-radius: 12px;
    padding: 4px;
    margin-bottom: 24px;
}

.tab-btn[b-4eqprzuy7b] {
    flex: 1;
    background: transparent;
    border: none;
    color: var(--text-secondary);
    padding: 12px 20px;
    border-radius: 8px;
    font-size: 14px;
    font-family: var(--font-family);
    font-weight: 500;
    cursor: pointer;
    transition: all 0.2s ease;
    display: flex;
    align-items: center;
    justify-content: center;
    gap: 8px;
}

.tab-btn:hover[b-4eqprzuy7b] {
    color: var(--text-heading);
    background: rgba(163, 230, 53, 0.08);
}

.tab-btn.active[b-4eqprzuy7b] {
    background: rgba(163, 230, 53, 0.15);
    color: var(--accent);
    font-weight: 600;
}

/* Tab Content */
.tab-content[b-4eqprzuy7b] {
    animation: fadeIn-b-4eqprzuy7b 0.2s ease;
}

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

/* Card Form */
.card-form[b-4eqprzuy7b] {
    background: var(--bg-card);
    border: 1px solid var(--border);
    border-radius: 12px;
    padding: 24px;
}

/* Form */
.form-row[b-4eqprzuy7b] {
    display: grid;
    grid-template-columns: 1fr 1fr;
    gap: 16px;
    margin-bottom: 12px;
}

.form-group[b-4eqprzuy7b] {
    display: flex;
    flex-direction: column;
    gap: 6px;
}

.form-group label[b-4eqprzuy7b] {
    color: var(--text-secondary);
    font-size: 12px;
    font-weight: 600;
    text-transform: uppercase;
    letter-spacing: 0.3px;
}

.form-input[b-4eqprzuy7b] {
    background: var(--bg-secondary);
    border: 1px solid var(--border);
    color: var(--text-primary);
    border-radius: 6px;
    padding: 10px 12px;
    font-size: 14px;
    font-family: var(--font-family);
    transition: border-color 0.2s ease;
}

.form-input:focus[b-4eqprzuy7b] {
    outline: none;
    border-color: var(--accent);
}

.form-input[readonly][b-4eqprzuy7b] {
    opacity: 0.6;
    cursor: not-allowed;
}

.form-select[b-4eqprzuy7b] {
    background: var(--bg-secondary);
    border: 1px solid var(--border);
    color: var(--text-primary);
    border-radius: 6px;
    padding: 10px 12px;
    font-size: 14px;
    font-family: var(--font-family);
    cursor: pointer;
}

.form-select:focus[b-4eqprzuy7b] {
    outline: none;
    border-color: var(--accent);
}

/* Buttons */
.dialog-footer[b-4eqprzuy7b] {
    display: flex;
    justify-content: flex-end;
    gap: 12px;
    padding-top: 16px;
}

.btn-importar[b-4eqprzuy7b] {
    background: #a3e635;
    color: #1a1a1a;
    border: none;
    border-radius: 8px;
    padding: 10px 24px;
    font-size: 14px;
    font-family: var(--font-family);
    font-weight: 600;
    cursor: pointer;
    transition: all 0.2s ease;
}

.btn-importar:hover[b-4eqprzuy7b] {
    background: #8fcc2b;
    box-shadow: 0 4px 12px rgba(163, 230, 53, 0.35);
}

.btn-importar:disabled[b-4eqprzuy7b] {
    opacity: 0.6;
    cursor: not-allowed;
}

.btn-selecionar[b-4eqprzuy7b] {
    display: inline-block;
    background: #a3e635;
    color: #1a1a1a;
    border-radius: 8px;
    padding: 12px 32px;
    font-size: 14px;
    font-family: var(--font-family);
    font-weight: 600;
    cursor: pointer;
    transition: all 0.2s ease;
    user-select: none;
    border: none;
}

.btn-selecionar:hover[b-4eqprzuy7b] {
    background: #8fcc2b;
    box-shadow: 0 4px 12px rgba(163, 230, 53, 0.35);
}

.btn-selecionar.btn-secondary[b-4eqprzuy7b] {
    background: var(--bg-secondary);
    color: var(--text-primary);
    border: 1px solid var(--border);
}

.btn-selecionar.btn-secondary:hover[b-4eqprzuy7b] {
    border-color: var(--accent);
    box-shadow: none;
}

.btn-cancelar[b-4eqprzuy7b] {
    background: var(--bg-secondary);
    border: 1px solid var(--border);
    color: var(--text-primary);
    border-radius: 8px;
    padding: 10px 24px;
    font-size: 14px;
    font-family: var(--font-family);
    font-weight: 500;
    cursor: pointer;
    transition: all 0.2s ease;
}

.btn-cancelar:hover[b-4eqprzuy7b] {
    border-color: var(--text-secondary);
}

/* Upload Message */
.upload-message[b-4eqprzuy7b] {
    background: rgba(163, 230, 53, 0.1);
    border: 1px solid rgba(163, 230, 53, 0.2);
    border-radius: 8px;
    padding: 12px 16px;
    margin-top: 16px;
    color: var(--accent);
    font-size: 14px;
}

.upload-message.erro[b-4eqprzuy7b] {
    background: rgba(239, 68, 68, 0.1);
    border-color: rgba(239, 68, 68, 0.2);
    color: #ef4444;
}

/* Spinner */
.spinner[b-4eqprzuy7b] {
    width: 18px;
    height: 18px;
    border: 2.5px solid rgba(163, 230, 53, 0.3);
    border-top-color: #a3e635;
    border-radius: 50%;
    animation: spin-b-4eqprzuy7b 0.8s linear infinite;
    flex-shrink: 0;
}

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

/* Certificado Status */
.cert-status[b-4eqprzuy7b] {
    margin-bottom: 24px;
}

.cert-badge[b-4eqprzuy7b] {
    display: flex;
    align-items: center;
    gap: 14px;
    padding: 16px 20px;
    border-radius: 10px;
    font-size: 14px;
}

.cert-badge div[b-4eqprzuy7b] {
    display: flex;
    flex-direction: column;
    gap: 2px;
    flex: 1;
}

.cert-badge strong[b-4eqprzuy7b] {
    font-size: 15px;
    font-weight: 600;
}

.cert-badge span[b-4eqprzuy7b] {
    font-size: 12px;
    opacity: 0.7;
}

.cert-badge.ativo[b-4eqprzuy7b] {
    background: rgba(34, 197, 94, 0.1);
    border: 1px solid rgba(34, 197, 94, 0.25);
    color: #22c55e;
}

.cert-badge.inativo[b-4eqprzuy7b] {
    background: rgba(245, 158, 11, 0.1);
    border: 1px solid rgba(245, 158, 11, 0.25);
    color: #f59e0b;
}

.btn-remover-cert[b-4eqprzuy7b] {
    flex-shrink: 0;
    font-size: 13px;
    padding: 8px 16px;
    color: #ef4444 !important;
    border-color: rgba(239, 68, 68, 0.3) !important;
}

.btn-remover-cert:hover[b-4eqprzuy7b] {
    background: rgba(239, 68, 68, 0.1) !important;
    border-color: #ef4444 !important;
}

.upload-cert-area[b-4eqprzuy7b] {
    border-top: 1px solid var(--border);
    padding-top: 20px;
}

.upload-cert-area h4[b-4eqprzuy7b] {
    color: var(--text-primary);
    font-size: 16px;
    font-weight: 600;
    margin: 0 0 16px 0;
}

/* Form Row 3 colunas */
.form-row-3[b-4eqprzuy7b] {
    grid-template-columns: 1fr 1fr 1fr;
}

/* Form Row 4 colunas */
.form-row-4[b-4eqprzuy7b] {
    grid-template-columns: 1.2fr 1fr 1.2fr 0.5fr;
}

/* Input com botao de consulta */
.input-com-botao[b-4eqprzuy7b] {
    display: flex;
    gap: 8px;
}

.input-com-botao .form-input[b-4eqprzuy7b] {
    flex: 1;
}

.btn-consultar[b-4eqprzuy7b] {
    background: rgba(163, 230, 53, 0.15);
    color: var(--accent);
    border: 1px solid rgba(163, 230, 53, 0.3);
    border-radius: 6px;
    padding: 8px 16px;
    font-size: 13px;
    font-family: var(--font-family);
    font-weight: 600;
    cursor: pointer;
    transition: all 0.2s ease;
    display: flex;
    align-items: center;
    gap: 6px;
    white-space: nowrap;
}

.btn-consultar:hover:not(:disabled)[b-4eqprzuy7b] {
    background: rgba(163, 230, 53, 0.25);
    border-color: var(--accent);
}

.btn-consultar:disabled[b-4eqprzuy7b] {
    opacity: 0.5;
    cursor: not-allowed;
}

.spinner-sm[b-4eqprzuy7b] {
    width: 14px;
    height: 14px;
    border: 2px solid rgba(163, 230, 53, 0.3);
    border-top-color: #a3e635;
    border-radius: 50%;
    animation: spin-b-4eqprzuy7b 0.8s linear infinite;
    flex-shrink: 0;
}

/* Tab Badge Count */
.tab-badge-count[b-4eqprzuy7b] {
    background: rgba(163, 230, 53, 0.2);
    color: var(--accent);
    font-size: 12px;
    font-weight: 600;
    padding: 2px 8px;
    border-radius: 10px;
    min-width: 24px;
    text-align: center;
}

/* Filiais */
.filial-toolbar[b-4eqprzuy7b] {
    display: flex;
    justify-content: space-between;
    align-items: center;
    margin-bottom: 16px;
}

.filial-toolbar .btn-importar[b-4eqprzuy7b] {
    display: flex;
    align-items: center;
    gap: 6px;
}

.filial-count[b-4eqprzuy7b] {
    color: var(--text-secondary);
    font-size: 14px;
    font-weight: 500;
}

.filial-empty[b-4eqprzuy7b] {
    text-align: center;
    padding: 60px 20px;
    color: var(--text-muted);
}

.filial-empty svg[b-4eqprzuy7b] {
    opacity: 0.3;
    margin-bottom: 16px;
}

.filial-empty p[b-4eqprzuy7b] {
    font-size: 16px;
    font-weight: 600;
    color: var(--text-secondary);
    margin: 0 0 6px 0;
}

.filial-empty span[b-4eqprzuy7b] {
    font-size: 13px;
}

.filial-form[b-4eqprzuy7b] {
    margin-bottom: 20px;
    animation: fadeIn-b-4eqprzuy7b 0.2s ease;
}

.filial-form-titulo[b-4eqprzuy7b] {
    color: var(--text-heading);
    font-size: 16px;
    font-weight: 600;
    margin: 0 0 16px 0;
}

.filial-card[b-4eqprzuy7b] {
    background: var(--bg-card);
    border: 1px solid var(--border);
    border-radius: 12px;
    padding: 20px;
    margin-bottom: 12px;
    transition: border-color 0.2s ease;
}

.filial-card:hover[b-4eqprzuy7b] {
    border-color: rgba(163, 230, 53, 0.3);
}

.filial-card-header[b-4eqprzuy7b] {
    display: flex;
    justify-content: space-between;
    align-items: flex-start;
    margin-bottom: 14px;
}

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

.filial-card-nome[b-4eqprzuy7b] {
    font-size: 15px;
    font-weight: 600;
    color: var(--text-heading);
    margin-bottom: 4px;
}

.filial-card-cnpj[b-4eqprzuy7b] {
    font-size: 13px;
    color: var(--text-secondary);
    font-family: 'JetBrains Mono', monospace;
}

.filial-card-badges[b-4eqprzuy7b] {
    display: flex;
    gap: 6px;
    flex-shrink: 0;
}

.filial-badge[b-4eqprzuy7b] {
    padding: 3px 10px;
    border-radius: 6px;
    font-size: 11px;
    font-weight: 600;
    letter-spacing: 0.3px;
}

.filial-badge-cert[b-4eqprzuy7b] {
    background: rgba(34, 197, 94, 0.15);
    color: #22c55e;
}

.filial-badge-sem-cert[b-4eqprzuy7b] {
    background: rgba(245, 158, 11, 0.15);
    color: #f59e0b;
}

.filial-badge-ativo[b-4eqprzuy7b] {
    background: rgba(96, 165, 250, 0.15);
    color: #60a5fa;
}

.filial-badge-inativo[b-4eqprzuy7b] {
    background: rgba(239, 68, 68, 0.15);
    color: #ef4444;
}

.filial-card-details[b-4eqprzuy7b] {
    display: grid;
    grid-template-columns: repeat(3, 1fr);
    gap: 12px;
    padding: 12px 0;
    border-top: 1px solid var(--border);
    border-bottom: 1px solid var(--border);
    margin-bottom: 14px;
}

.filial-detail[b-4eqprzuy7b] {
    display: flex;
    flex-direction: column;
    gap: 2px;
}

.filial-detail-label[b-4eqprzuy7b] {
    font-size: 11px;
    color: var(--text-muted);
    text-transform: uppercase;
    letter-spacing: 0.3px;
    font-weight: 500;
}

.filial-detail-value[b-4eqprzuy7b] {
    font-size: 13px;
    color: var(--text-heading);
    font-weight: 500;
}

.filial-card-actions[b-4eqprzuy7b] {
    display: flex;
    gap: 8px;
    justify-content: flex-end;
}

.filial-card-actions .btn-cancelar[b-4eqprzuy7b] {
    display: flex;
    align-items: center;
    gap: 6px;
    font-size: 13px;
    padding: 6px 14px;
}

.cert-info[b-4eqprzuy7b] { flex: 1; }
.cert-meta[b-4eqprzuy7b] { display: flex; flex-direction: column; gap: 2px; font-size: 12px; margin-top: 6px; color: var(--text-muted, #555); }
.cert-meta b[b-4eqprzuy7b] { color: var(--text, #222); }
.cert-status-badge[b-4eqprzuy7b] { display: inline-block; margin-top: 4px; padding: 2px 8px; border-radius: 10px; font-weight: 600; font-size: 11px; }
.cert-ok[b-4eqprzuy7b]       { background: #d1fadf; color: #0a6b36; }
.cert-atencao[b-4eqprzuy7b]  { background: #fff7cd; color: #8a5a00; }
.cert-alerta[b-4eqprzuy7b]   { background: #ffe0b2; color: #a65c00; }
.cert-critico[b-4eqprzuy7b]  { background: #ffd4d4; color: #a00000; }
.cert-vencido[b-4eqprzuy7b]  { background: #a00000; color: #fff; }

/* Toggle switch (sincronização SEFAZ) */
.toggle-sefaz-group[b-4eqprzuy7b] {
    justify-content: flex-start;
}

.switch[b-4eqprzuy7b] {
    display: inline-flex;
    align-items: center;
    gap: 10px;
    cursor: pointer;
    user-select: none;
    margin-top: 4px;
}

.switch input[b-4eqprzuy7b] {
    position: absolute;
    width: 42px;
    height: 22px;
    opacity: 0;
    margin: 0;
    cursor: pointer;
    z-index: 1;
}

.switch-slider[b-4eqprzuy7b] {
    position: relative;
    width: 42px;
    height: 22px;
    background: rgba(148, 163, 184, 0.35);
    border-radius: 999px;
    transition: background 0.2s ease;
    flex-shrink: 0;
}

.switch-slider[b-4eqprzuy7b]::before {
    content: "";
    position: absolute;
    top: 2px;
    left: 2px;
    width: 18px;
    height: 18px;
    background: #fff;
    border-radius: 50%;
    transition: transform 0.2s ease;
}

.switch input:checked + .switch-slider[b-4eqprzuy7b] {
    background: #22c55e;
}

.switch input:checked + .switch-slider[b-4eqprzuy7b]::before {
    transform: translateX(20px);
}

.switch-text[b-4eqprzuy7b] {
    font-size: 13px;
    font-weight: 500;
    color: var(--text-heading, #e2e8f0);
}

/* Responsive */
@media (max-width: 768px) {
    .page-container[b-4eqprzuy7b] { padding: 16px; }
    .tab-bar[b-4eqprzuy7b] { flex-direction: column; }
    .form-row[b-4eqprzuy7b] { grid-template-columns: 1fr; }
    .form-row-3[b-4eqprzuy7b] { grid-template-columns: 1fr; }
    .form-row-4[b-4eqprzuy7b] { grid-template-columns: 1fr; }
    .input-com-botao[b-4eqprzuy7b] { flex-direction: column; }
    .cert-badge[b-4eqprzuy7b] { flex-direction: column; text-align: center; }
}
/* _content/Logistikk.Web/Components/Pages/Admin/Faturas.razor.rz.scp.css */
.page-container[b-irg22pn5da] {
    padding: 24px;
    font-family: var(--font-family);
    flex: 1;
    display: flex;
    flex-direction: column;
    min-height: 0;
    overflow: hidden;
}

/* Toolbar */
.toolbar[b-irg22pn5da] { display: flex; gap: 12px; margin: 16px 0; align-items: center; flex-shrink: 0; }

/* Export Button */
.btn-export[b-irg22pn5da] {
    background: rgba(34, 197, 94, 0.15); color: #22c55e; border: 1px solid rgba(34, 197, 94, 0.3);
    border-radius: 8px; padding: 6px 16px; font-size: 13px; font-family: var(--font-family);
    font-weight: 500; cursor: pointer; transition: all 0.2s ease; display: flex; align-items: center; gap: 6px;
}
.btn-export:hover[b-irg22pn5da] { background: rgba(34, 197, 94, 0.25); border-color: rgba(34, 197, 94, 0.5); }

/* Action Buttons */
.action-buttons[b-irg22pn5da] { display: flex; gap: 4px; justify-content: center; }
.btn-action[b-irg22pn5da] {
    width: 32px; height: 32px; border-radius: 6px; border: none; cursor: pointer;
    display: flex; align-items: center; justify-content: center; transition: all 0.2s ease;
}
.btn-view[b-irg22pn5da] { background: rgba(163, 230, 53, 0.15); color: var(--accent); }
.btn-view:hover[b-irg22pn5da] { background: rgba(163, 230, 53, 0.3); }

/* Sidebar Detail */
.sidebar-header[b-irg22pn5da] { display: flex; align-items: center; gap: 10px; color: var(--text-primary); width: 100%; }
.sidebar-header svg[b-irg22pn5da] { color: var(--accent); }

.sidebar-content[b-irg22pn5da] { padding: 20px; display: flex; flex-direction: column; min-height: 0; flex: 1; overflow-y: auto; overflow-x: hidden; }
.sidebar-section[b-irg22pn5da] { margin-bottom: 24px; }
.section-title-sidebar[b-irg22pn5da] {
    color: var(--text-secondary); font-size: 11px; font-weight: 600;
    text-transform: uppercase; letter-spacing: 1px; margin: 0 0 10px 0;
}

/* Info Card */
.info-card[b-irg22pn5da] { background: var(--bg-card); border: 1px solid var(--border); border-radius: 10px; overflow: hidden; }
.info-row[b-irg22pn5da] { display: flex; justify-content: space-between; align-items: center; padding: 12px 16px; border-bottom: 1px solid var(--border); }
.info-row:last-child[b-irg22pn5da] { border-bottom: none; }
.info-label[b-irg22pn5da] { color: var(--text-muted); font-size: 13px; font-weight: 500; }
.info-value[b-irg22pn5da] { color: var(--text-heading); font-size: 13px; font-weight: 500; text-align: right; max-width: 60%; word-break: break-all; }
.info-value.accent[b-irg22pn5da] { color: var(--accent); font-weight: 700; font-size: 16px; }

.info-badge[b-irg22pn5da] { padding: 3px 12px; border-radius: 20px; font-size: 12px; font-weight: 600; }
.badge-serie[b-irg22pn5da] { background: rgba(96, 165, 250, 0.15); color: #60a5fa; font-size: 11px; padding: 2px 8px; }
.badge-cif[b-irg22pn5da] { background: rgba(52, 211, 153, 0.15); color: #34d399; }
.badge-fob[b-irg22pn5da] { background: rgba(251, 191, 36, 0.15); color: #fbbf24; }

.badge-classificacao[b-irg22pn5da] {
    display: inline-flex; align-items: center; gap: 4px;
    background: rgba(96, 165, 250, 0.15); color: #60a5fa;
    padding: 2px 8px; border-radius: 12px; font-size: 11px; font-weight: 600; white-space: nowrap;
}

.badge-sem-classificacao[b-irg22pn5da] {
    background: rgba(251, 191, 36, 0.15);
    color: #fbbf24;
}

/* Sidebar Tabs */
.sidebar-tab-bar[b-irg22pn5da] {
    display: flex; gap: 4px; background: var(--bg-secondary); border: 1px solid var(--border);
    border-radius: 10px; padding: 4px; flex-shrink: 0;
}
.sidebar-tab-btn[b-irg22pn5da] {
    flex: 1; background: transparent; border: none; color: var(--text-secondary);
    padding: 10px 12px; border-radius: 8px; font-size: 13px; font-family: var(--font-family);
    font-weight: 500; cursor: pointer; transition: all 0.2s ease;
    display: flex; align-items: center; justify-content: center; gap: 6px;
}
.sidebar-tab-btn:hover[b-irg22pn5da] { color: var(--text-heading); background: rgba(163, 230, 53, 0.08); }
.sidebar-tab-btn.active[b-irg22pn5da] { background: rgba(163, 230, 53, 0.15); color: var(--accent); font-weight: 600; }

.sidebar-tab-body[b-irg22pn5da] { flex: 1; overflow-y: auto; min-height: 0; margin-top: 16px; }

/* Route Card */
.route-card[b-irg22pn5da] { background: var(--bg-card); border: 1px solid var(--border); border-radius: 10px; padding: 16px; }
.route-point[b-irg22pn5da] { display: flex; align-items: center; gap: 12px; }
.route-dot[b-irg22pn5da] { width: 12px; height: 12px; border-radius: 50%; flex-shrink: 0; }
.route-dot.origin[b-irg22pn5da] { background: #60a5fa; box-shadow: 0 0 8px rgba(96, 165, 250, 0.4); }
.route-dot.destination[b-irg22pn5da] { background: #34d399; box-shadow: 0 0 8px rgba(52, 211, 153, 0.4); }
.route-line[b-irg22pn5da] { width: 2px; height: 20px; background: var(--border); margin-left: 5px; }
.route-info[b-irg22pn5da] { display: flex; flex-direction: column; }
.route-label[b-irg22pn5da] { font-size: 11px; color: var(--text-muted); text-transform: uppercase; letter-spacing: 0.5px; }
.route-value[b-irg22pn5da] { color: var(--text-heading); font-size: 14px; font-weight: 500; }

/* Values Grid */
.values-grid[b-irg22pn5da] { display: grid; grid-template-columns: repeat(3, 1fr); gap: 10px; }
.values-grid-2[b-irg22pn5da] { grid-template-columns: repeat(2, 1fr); }
.value-card[b-irg22pn5da] {
    background: var(--bg-card); border: 1px solid var(--border); border-radius: 10px;
    padding: 14px 12px; text-align: center; display: flex; flex-direction: column; gap: 6px;
}
.value-label[b-irg22pn5da] { font-size: 11px; color: var(--text-muted); text-transform: uppercase; letter-spacing: 0.5px; }
.value-number[b-irg22pn5da] { font-size: 15px; font-weight: 700; color: var(--accent); }
.value-card-highlight[b-irg22pn5da] { background: rgba(163, 230, 53, 0.1) !important; border-color: rgba(163, 230, 53, 0.3) !important; }
.value-card-highlight .value-number[b-irg22pn5da] { color: #a3e635 !important; font-size: 15px !important; font-weight: 800 !important; }

/* Item Fatura Card */
.item-fatura-card[b-irg22pn5da] {
    background: var(--bg-secondary); border: 1px solid var(--border); border-radius: 10px;
    padding: 12px; margin-bottom: 10px;
}
.item-fatura-header[b-irg22pn5da] {
    display: flex; justify-content: space-between; align-items: center;
    margin-bottom: 10px; padding-bottom: 8px; border-bottom: 1px solid var(--border);
}
.item-fatura-nf[b-irg22pn5da] { color: var(--text-heading); font-weight: 600; font-size: 13px; }
.item-fatura-data[b-irg22pn5da] { color: var(--text-muted); font-size: 12px; }
.value-card-mini[b-irg22pn5da] {
    background: var(--bg-card); border: 1px solid var(--border); border-radius: 8px;
    padding: 8px; text-align: center; display: flex; flex-direction: column; gap: 4px;
}
.value-number-sm[b-irg22pn5da] { font-size: 13px; font-weight: 600; color: var(--accent); }

/* NF-e Cards */
.nfe-card[b-irg22pn5da] {
    background: var(--bg-secondary); border: 1px solid var(--border); border-radius: 12px;
    padding: 16px; margin-bottom: 12px;
}
.nfe-card-header[b-irg22pn5da] {
    display: flex; justify-content: space-between; align-items: center;
    margin-bottom: 12px; padding-bottom: 12px; border-bottom: 1px solid var(--border);
}
.nfe-card-title[b-irg22pn5da] { display: flex; align-items: center; gap: 8px; color: var(--text-heading); font-weight: 600; font-size: 15px; flex-wrap: wrap; }
.nfe-card-title svg[b-irg22pn5da] { color: var(--accent); }
.nfe-card-date[b-irg22pn5da] { color: var(--text-muted); font-size: 13px; }
.nfe-card-body[b-irg22pn5da] { margin-bottom: 12px; }
.nfe-card-body .info-card[b-irg22pn5da] { margin-bottom: 10px; }

.nfe-card-footer[b-irg22pn5da] { display: flex; justify-content: flex-end; }
.btn-ver-nfe[b-irg22pn5da] {
    display: flex; align-items: center; gap: 6px;
    background: rgba(96, 165, 250, 0.15); color: #60a5fa;
    border: 1px solid rgba(96, 165, 250, 0.3); border-radius: 8px;
    padding: 6px 14px; font-size: 12px; font-family: var(--font-family);
    font-weight: 500; cursor: pointer; transition: all 0.2s ease; text-decoration: none;
}
.btn-ver-nfe:hover[b-irg22pn5da] { background: rgba(96, 165, 250, 0.25); border-color: rgba(96, 165, 250, 0.5); }

/* SfGrid Grouping Drop Area */
[b-irg22pn5da] .e-grid .e-groupdroparea { background: var(--bg-secondary) !important; color: var(--text-secondary) !important; border-color: var(--border) !important; font-size: 13px; padding: 8px 12px; }
[b-irg22pn5da] .e-grid .e-groupdroparea .e-grouped-text { color: var(--text-secondary) !important; }
[b-irg22pn5da] .e-grid .e-groupdroparea .e-ungroupbutton { color: var(--text-secondary) !important; }
[b-irg22pn5da] .e-grid .e-groupdroparea .e-ungroupbutton:hover { color: var(--text-primary) !important; }
[b-irg22pn5da] .e-grid .e-groupheadercell { background: var(--bg-card) !important; color: var(--text-primary) !important; border: 1px solid var(--border) !important; border-radius: 4px !important; }
[b-irg22pn5da] .e-grid .e-groupcaption { background: var(--bg-secondary) !important; color: var(--text-heading) !important; border-color: var(--border) !important; }
[b-irg22pn5da] .e-grid .e-recordplusexpand, [b-irg22pn5da] .e-grid .e-recordpluscollapse { background: var(--bg-secondary) !important; border-color: var(--border) !important; color: var(--text-primary) !important; }
[b-irg22pn5da] .e-grid .e-indentcell { background: var(--bg-secondary) !important; border-color: var(--border) !important; }

/* SfGrid Dark Theme */
[b-irg22pn5da] .e-grid { background: var(--bg-card) !important; border: 1px solid var(--border) !important; border-radius: 12px !important; }
[b-irg22pn5da] .e-grid .e-headercell { background: var(--bg-secondary) !important; color: var(--text-secondary) !important; font-weight: 600; font-size: 12px; text-transform: uppercase; letter-spacing: 0.5px; border-color: var(--border) !important; white-space: nowrap !important; overflow: visible !important; text-overflow: unset !important; }
[b-irg22pn5da] .e-grid .e-headercelldiv { white-space: nowrap !important; overflow: visible !important; text-overflow: unset !important; }
[b-irg22pn5da] .e-grid .e-rowcell { background: var(--bg-card) !important; color: var(--text-heading) !important; border-color: var(--border) !important; font-size: 14px; }
[b-irg22pn5da] .e-grid .e-row:hover .e-rowcell { background: var(--bg-hover) !important; }
[b-irg22pn5da] .e-grid .e-altrow .e-rowcell { background: var(--bg-secondary) !important; }
[b-irg22pn5da] .e-grid .e-altrow:hover .e-rowcell { background: var(--bg-hover) !important; }
[b-irg22pn5da] .e-grid .e-gridheader { border-color: var(--border) !important; }
[b-irg22pn5da] .e-grid .e-gridcontent { border-color: var(--border) !important; overflow-y: auto !important; }

/* SfDialog Dark Theme */
[b-irg22pn5da] .e-dialog { background: var(--bg-card) !important; border: 1px solid var(--border) !important; border-radius: 12px !important; box-shadow: 0 20px 60px rgba(0, 0, 0, 0.5) !important; }
[b-irg22pn5da] .e-dialog .e-dlg-header-content { background: var(--bg-secondary) !important; border-bottom: 1px solid var(--border) !important; border-radius: 12px 12px 0 0 !important; display: flex; align-items: center; }
[b-irg22pn5da] .e-dialog .e-dlg-header { color: var(--text-primary) !important; font-weight: 600; font-size: 16px; }
[b-irg22pn5da] .e-dialog .e-dlg-content { background: var(--bg-card) !important; color: var(--text-heading) !important; }
[b-irg22pn5da] .e-dialog .e-btn.e-dlg-closeicon-btn { color: var(--text-secondary) !important; }
[b-irg22pn5da] .e-dialog .e-btn.e-dlg-closeicon-btn:hover { color: var(--text-primary) !important; background: rgba(255, 255, 255, 0.1) !important; }

/* Tooltip */
[b-irg22pn5da] .tooltip-acao.e-tooltip-wrap { background: var(--bg-secondary) !important; border: 1px solid var(--border) !important; border-radius: 6px !important; }
[b-irg22pn5da] .tooltip-acao .e-tip-content { color: var(--text-primary) !important; font-size: 12px; }

/* Responsive */
@media (max-width: 768px) {
    .page-container[b-irg22pn5da] { padding: 16px; }
}
/* _content/Logistikk.Web/Components/Pages/Admin/Frota.razor.rz.scp.css */
.page-container[b-ympd8y7a8v] {
    padding: 24px;
    font-family: var(--font-family);
    flex: 1;
    display: flex;
    flex-direction: column;
    min-height: 0;
    overflow: hidden;
}

/* Summary Cards */
.summary-cards[b-ympd8y7a8v] {
    display: flex;
    gap: 16px;
    margin-bottom: 16px;
    flex-shrink: 0;
}

.summary-card[b-ympd8y7a8v] {
    background: rgba(255, 255, 255, 0.04);
    border: 1px solid var(--border);
    border-radius: 12px;
    padding: 16px 20px;
    flex: 1;
    display: flex;
    flex-direction: column;
    gap: 4px;
}

.summary-label[b-ympd8y7a8v] {
    font-size: 11px;
    font-weight: 600;
    text-transform: uppercase;
    letter-spacing: 0.5px;
    color: var(--text-secondary);
}

.summary-value[b-ympd8y7a8v] {
    font-size: 22px;
    font-weight: 700;
    color: var(--text-heading);
}

/* New Record Button */
.btn-novo[b-ympd8y7a8v] {
    background: var(--accent);
    color: #1a1a2e;
    border: none;
    border-radius: 8px;
    padding: 6px 16px;
    font-size: 13px;
    font-family: var(--font-family);
    font-weight: 500;
    cursor: pointer;
    transition: all 0.2s ease;
    display: flex;
    align-items: center;
    gap: 6px;
}

.btn-novo:hover[b-ympd8y7a8v] {
    background: #bef264;
    box-shadow: 0 4px 12px rgba(163, 230, 53, 0.35);
}

/* Fullscreen Button */
.btn-fullscreen-grid[b-ympd8y7a8v] {
    background: var(--bg-card);
    color: var(--text-secondary);
    border: 1px solid var(--border);
    border-radius: 8px;
    padding: 6px 10px;
    cursor: pointer;
    display: flex;
    align-items: center;
    justify-content: center;
    transition: all 0.2s ease;
}

.btn-fullscreen-grid:hover[b-ympd8y7a8v] {
    background: var(--bg-hover);
    color: var(--text-primary);
    border-color: var(--accent);
}

/* Toolbar */
.toolbar[b-ympd8y7a8v] {
    display: flex;
    gap: 12px;
    margin: 16px 0;
    align-items: center;
    flex-shrink: 0;
}

/* Export Button */
.btn-export[b-ympd8y7a8v] {
    background: rgba(34, 197, 94, 0.15);
    color: #22c55e;
    border: 1px solid rgba(34, 197, 94, 0.3);
    border-radius: 8px;
    padding: 6px 16px;
    font-size: 13px;
    font-family: var(--font-family);
    font-weight: 500;
    cursor: pointer;
    transition: all 0.2s ease;
    display: flex;
    align-items: center;
    gap: 6px;
}

.btn-export:hover[b-ympd8y7a8v] {
    background: rgba(34, 197, 94, 0.25);
    border-color: rgba(34, 197, 94, 0.5);
}

/* Tab Buttons */
.tab-buttons[b-ympd8y7a8v] {
    display: flex;
    gap: 4px;
    margin-bottom: 20px;
    flex-shrink: 0;
}

.tab-btn[b-ympd8y7a8v] {
    background: var(--bg-secondary);
    border: 1px solid var(--border);
    color: var(--text-secondary);
    padding: 8px 20px;
    border-radius: 6px;
    font-size: 13px;
    font-family: var(--font-family);
    font-weight: 500;
    cursor: pointer;
    transition: all 0.2s ease;
}

.tab-btn:hover[b-ympd8y7a8v] {
    color: var(--text-heading);
    border-color: var(--accent);
}

.tab-btn.active[b-ympd8y7a8v] {
    background: rgba(163, 230, 53, 0.15);
    color: var(--accent);
    border-color: var(--accent);
    font-weight: 600;
}

/* Badges */
.badge-ativo[b-ympd8y7a8v] {
    background: rgba(74, 222, 128, 0.15);
    color: #4ade80;
    padding: 2px 10px;
    border-radius: 10px;
    font-size: 12px;
    font-weight: 500;
}

.badge-inativo[b-ympd8y7a8v] {
    background: rgba(248, 113, 113, 0.15);
    color: #f87171;
    padding: 2px 10px;
    border-radius: 10px;
    font-size: 12px;
    font-weight: 500;
}

.badge-info[b-ympd8y7a8v] {
    background: rgba(96, 165, 250, 0.15);
    color: #60a5fa;
    padding: 2px 10px;
    border-radius: 10px;
    font-size: 12px;
    font-weight: 500;
}

/* Sidebar */
.sidebar-header[b-ympd8y7a8v] { display: flex; align-items: center; gap: 10px; color: var(--text-primary); width: 100%; }
.sidebar-header svg[b-ympd8y7a8v] { color: var(--accent); }

.sidebar-content[b-ympd8y7a8v] { padding: 20px; display: flex; flex-direction: column; min-height: 0; flex: 1; overflow-y: auto; overflow-x: hidden; }
.sidebar-section[b-ympd8y7a8v] { margin-bottom: 24px; }
.section-title-sidebar[b-ympd8y7a8v] {
    color: var(--text-secondary); font-size: 11px; font-weight: 600;
    text-transform: uppercase; letter-spacing: 1px; margin: 0 0 10px 0;
}

/* Detail Grid */
.detail-grid[b-ympd8y7a8v] {
    display: grid;
    grid-template-columns: repeat(2, 1fr);
    gap: 12px;
}

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

.detail-label[b-ympd8y7a8v] {
    font-size: 11px;
    font-weight: 600;
    text-transform: uppercase;
    color: var(--text-muted);
    letter-spacing: 0.5px;
}

.detail-value[b-ympd8y7a8v] {
    color: var(--text-heading);
    font-size: 14px;
}

/* Edit Form */
.edit-form[b-ympd8y7a8v] {
    display: flex;
    flex-direction: column;
    gap: 4px;
    overflow: visible;
}

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

.form-group[b-ympd8y7a8v] {
    display: flex;
    flex-direction: column;
    gap: 4px;
}

.form-group label[b-ympd8y7a8v] {
    color: var(--text-secondary);
    font-size: 12px;
    font-weight: 500;
    text-transform: uppercase;
    letter-spacing: 0.5px;
}

.form-input[b-ympd8y7a8v] {
    background: var(--bg-primary);
    border: 1px solid var(--border);
    color: var(--text-primary);
    border-radius: 8px;
    padding: 10px 12px;
    font-size: 14px;
    font-family: var(--font-family);
    outline: none;
    transition: border-color 0.2s ease;
    min-width: 0;
    width: 100%;
    box-sizing: border-box;
}

.form-input:focus[b-ympd8y7a8v] {
    border-color: var(--accent);
    box-shadow: 0 0 0 2px rgba(163, 230, 53, 0.15);
}

/* Dialog Footer */
.dialog-footer[b-ympd8y7a8v] {
    display: flex;
    justify-content: flex-end;
    gap: 8px;
    margin-top: 16px;
    padding-top: 16px;
    border-top: 1px solid var(--border);
}

.btn-cancelar[b-ympd8y7a8v] {
    background: transparent;
    color: var(--text-secondary);
    border: 1px solid var(--border);
    border-radius: 8px;
    padding: 8px 20px;
    font-size: 13px;
    font-family: var(--font-family);
    font-weight: 500;
    cursor: pointer;
    transition: all 0.2s ease;
}

.btn-cancelar:hover[b-ympd8y7a8v] {
    background: rgba(255, 255, 255, 0.05);
    color: var(--text-primary);
}

.btn-salvar[b-ympd8y7a8v] {
    background: var(--accent);
    color: #1a1a2e;
    border: none;
    border-radius: 8px;
    padding: 8px 24px;
    font-size: 13px;
    font-family: var(--font-family);
    font-weight: 500;
    cursor: pointer;
    display: flex;
    align-items: center;
    gap: 6px;
    transition: all 0.2s ease;
}

.btn-salvar:hover:not(:disabled)[b-ympd8y7a8v] {
    background: #bef264;
}

.btn-salvar:disabled[b-ympd8y7a8v] {
    opacity: 0.5;
    cursor: not-allowed;
}

.spinner-sm[b-ympd8y7a8v] {
    width: 14px;
    height: 14px;
    border: 2px solid rgba(255, 255, 255, 0.3);
    border-top-color: currentColor;
    border-radius: 50%;
    animation: spin-b-ympd8y7a8v 0.6s linear infinite;
}

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

/* Card Item */
.card-item[b-ympd8y7a8v] {
    background: var(--bg-primary);
    border: 1px solid var(--border);
    border-radius: 8px;
    margin-bottom: 8px;
    overflow: hidden;
    transition: border-color 0.2s ease;
}

.card-item:hover[b-ympd8y7a8v] {
    border-color: var(--accent);
}

/* Icon Buttons */
.btn-icon[b-ympd8y7a8v] {
    background: none;
    border: none;
    cursor: pointer;
    padding: 4px;
    border-radius: 4px;
    display: flex;
    align-items: center;
    justify-content: center;
    transition: background 0.15s ease;
}

.btn-icon-blue[b-ympd8y7a8v] {
    color: #60a5fa;
}

.btn-icon-blue:hover[b-ympd8y7a8v] {
    background: rgba(96, 165, 250, 0.15);
}

.btn-icon-danger[b-ympd8y7a8v] {
    color: var(--danger);
}

.btn-icon-danger:hover[b-ympd8y7a8v] {
    background: rgba(239, 68, 68, 0.15);
}

/* Empty text */
.empty-text[b-ympd8y7a8v] {
    color: var(--text-muted);
    font-size: 13px;
    font-style: italic;
    margin: 8px 0;
}

/* Syncfusion NumericTextBox dark theme */
[b-ympd8y7a8v] .numeric-dark .e-input-group {
    background: var(--bg-primary) !important;
    border: 1px solid var(--border) !important;
    border-radius: 8px !important;
    color: var(--text-primary) !important;
    font-family: var(--font-family) !important;
    font-size: 14px !important;
}

[b-ympd8y7a8v] .numeric-dark .e-input-group .e-input,
[b-ympd8y7a8v] .numeric-dark .e-input-group input {
    color: var(--text-primary) !important;
    font-family: var(--font-family) !important;
    font-size: 14px !important;
}

[b-ympd8y7a8v] .numeric-dark .e-input-group .e-input::placeholder {
    color: var(--text-secondary) !important;
}

[b-ympd8y7a8v] .numeric-dark .e-input-group:hover,
[b-ympd8y7a8v] .numeric-dark .e-input-group.e-input-focus {
    border-color: var(--accent) !important;
    box-shadow: 0 0 0 2px rgba(163, 230, 53, 0.15) !important;
}

[b-ympd8y7a8v] .numeric-dark .e-input-group .e-input-group-icon {
    color: var(--text-secondary) !important;
    background: transparent !important;
}

/* Kebab danger */
[b-ympd8y7a8v] .kebab-menu-item-danger {
    color: var(--danger) !important;
}

[b-ympd8y7a8v] .kebab-menu-item-danger:hover {
    background: rgba(239, 68, 68, 0.1) !important;
}

/* SfGrid Dark Theme Overrides */
[b-ympd8y7a8v] .e-grid {
    background: var(--bg-card) !important;
    border: 1px solid var(--border) !important;
    border-radius: 12px !important;
}

[b-ympd8y7a8v] .e-grid .e-headercell {
    background: var(--bg-secondary) !important;
    color: var(--text-secondary) !important;
    font-weight: 600;
    font-size: 12px;
    text-transform: uppercase;
    letter-spacing: 0.5px;
    border-color: var(--border) !important;
    white-space: nowrap !important;
    overflow: visible !important;
    text-overflow: unset !important;
}

[b-ympd8y7a8v] .e-grid .e-headercelldiv {
    white-space: nowrap !important;
    overflow: visible !important;
    text-overflow: unset !important;
}

[b-ympd8y7a8v] .e-grid .e-rowcell {
    background: var(--bg-card) !important;
    color: var(--text-heading) !important;
    border-color: var(--border) !important;
    font-size: 14px;
}

[b-ympd8y7a8v] .e-grid .e-row:hover .e-rowcell {
    background: var(--bg-hover) !important;
}

[b-ympd8y7a8v] .e-grid .e-altrow .e-rowcell {
    background: var(--bg-secondary) !important;
}

[b-ympd8y7a8v] .e-grid .e-altrow:hover .e-rowcell {
    background: var(--bg-hover) !important;
}

[b-ympd8y7a8v] .e-grid .e-gridheader {
    border-color: var(--border) !important;
}

[b-ympd8y7a8v] .e-grid .e-gridcontent {
    border-color: var(--border) !important;
    overflow-y: auto !important;
}

/* SfDialog Dark Theme Overrides */
[b-ympd8y7a8v] .e-dialog {
    background: var(--bg-card) !important;
    border: 1px solid var(--border) !important;
    border-radius: 12px !important;
    box-shadow: 0 20px 60px rgba(0, 0, 0, 0.5) !important;
}

[b-ympd8y7a8v] .e-dialog .e-dlg-header-content {
    background: var(--bg-secondary) !important;
    border-bottom: 1px solid var(--border) !important;
    border-radius: 12px 12px 0 0 !important;
    display: flex;
    align-items: center;
}

[b-ympd8y7a8v] .e-dialog .e-dlg-header {
    color: var(--text-primary) !important;
    font-weight: 600;
    font-size: 16px;
}

[b-ympd8y7a8v] .e-dialog .e-dlg-content {
    background: var(--bg-card) !important;
    color: var(--text-heading) !important;
    overflow: visible !important;
    padding: 16px 20px !important;
}

[b-ympd8y7a8v] .e-dialog .e-btn.e-dlg-closeicon-btn {
    color: var(--text-secondary) !important;
}

[b-ympd8y7a8v] .e-dialog .e-btn.e-dlg-closeicon-btn:hover {
    color: var(--text-primary) !important;
    background: rgba(255, 255, 255, 0.1) !important;
}

/* SfGrid Filter */
[b-ympd8y7a8v] .e-grid .e-filterbar .e-filterbarcell {
    background: var(--bg-secondary) !important;
    border-color: var(--border) !important;
}

[b-ympd8y7a8v] .e-grid .e-filterbar input {
    background: var(--bg-primary) !important;
    color: var(--text-primary) !important;
    border-color: var(--border) !important;
}

[b-ympd8y7a8v] .e-excelfilter {
    background: var(--bg-card) !important;
    border-color: var(--border) !important;
    color: var(--text-primary) !important;
}

[b-ympd8y7a8v] .e-excelfilter .e-dlg-header-content {
    background: var(--bg-secondary) !important;
    border-bottom: 1px solid var(--border) !important;
}

[b-ympd8y7a8v] .e-excelfilter .e-dlg-header {
    color: var(--text-primary) !important;
}

[b-ympd8y7a8v] .e-excelfilter .e-dlg-content {
    background: var(--bg-card) !important;
    color: var(--text-primary) !important;
}

[b-ympd8y7a8v] .e-excelfilter .e-ftrchk,
[b-ympd8y7a8v] .e-excelfilter .e-searchbox {
    background: var(--bg-card) !important;
    color: var(--text-primary) !important;
}

[b-ympd8y7a8v] .e-excelfilter .e-footer-content {
    background: var(--bg-secondary) !important;
    border-top: 1px solid var(--border) !important;
}

[b-ympd8y7a8v] .e-excelfilter .e-btn {
    color: var(--text-primary) !important;
}

/* Responsive */
@media (max-width: 768px) {
    .page-container[b-ympd8y7a8v] {
        padding: 16px;
    }

    .summary-cards[b-ympd8y7a8v] {
        flex-direction: column;
    }

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

    .form-row[b-ympd8y7a8v] {
        grid-template-columns: 1fr;
    }

    .detail-grid[b-ympd8y7a8v] {
        grid-template-columns: 1fr;
    }

    .tab-buttons[b-ympd8y7a8v] {
        flex-wrap: wrap;
    }
}
/* _content/Logistikk.Web/Components/Pages/Admin/GerenciarTenants.razor.rz.scp.css */
.btn-filtrar[b-72r1b6b5zj] {
    display: flex;
    align-items: center;
    gap: 6px;
    padding: 7px 14px;
    background: var(--card-bg, #16213e);
    color: var(--text-color, #e0e0e0);
    border: 1px solid var(--border-color, #333);
    border-radius: 6px;
    cursor: pointer;
    font-size: 0.85rem;
}
.btn-filtrar:hover[b-72r1b6b5zj] { background: var(--border-color, #333); }

.btn-novo[b-72r1b6b5zj] {
    display: flex;
    align-items: center;
    gap: 6px;
    padding: 7px 18px;
    background: linear-gradient(135deg, #667eea, #764ba2);
    color: white;
    border: none;
    border-radius: 6px;
    font-weight: 600;
    cursor: pointer;
    font-size: 0.85rem;
}
.btn-novo:hover[b-72r1b6b5zj] { opacity: 0.9; }

.badge-status[b-72r1b6b5zj] {
    display: inline-block;
    padding: 2px 8px;
    border-radius: 4px;
    font-size: 0.75rem;
    font-weight: 600;
    text-transform: uppercase;
}
.badge-ativo[b-72r1b6b5zj] { background: rgba(74, 222, 128, 0.15); color: #4ade80; }
.badge-suspenso[b-72r1b6b5zj] { background: rgba(248, 113, 113, 0.15); color: #f87171; }

.modal-overlay[b-72r1b6b5zj] {
    position: fixed;
    top: 0; left: 0; right: 0; bottom: 0;
    background: rgba(0, 0, 0, 0.6);
    display: flex;
    align-items: center;
    justify-content: center;
    z-index: 1000;
}
.modal-content[b-72r1b6b5zj] {
    background: var(--card-bg, #16213e);
    border: 1px solid var(--border-color, #333);
    border-radius: 12px;
    width: 650px;
    max-width: 90vw;
    max-height: 85vh;
    overflow-y: auto;
}
.modal-header[b-72r1b6b5zj] {
    display: flex;
    justify-content: space-between;
    align-items: center;
    padding: 16px 20px;
    border-bottom: 1px solid var(--border-color, #333);
}
.modal-header h3[b-72r1b6b5zj] { margin: 0; font-size: 1rem; }
.modal-close[b-72r1b6b5zj] {
    background: none;
    border: none;
    color: var(--text-color, #e0e0e0);
    font-size: 1.5rem;
    cursor: pointer;
    opacity: 0.6;
}
.modal-close:hover[b-72r1b6b5zj] { opacity: 1; }
.modal-body[b-72r1b6b5zj] { padding: 20px; }

.form-grid[b-72r1b6b5zj] {
    display: grid;
    grid-template-columns: 1fr 1fr;
    gap: 12px;
}
.form-grid .full[b-72r1b6b5zj] { grid-column: 1 / -1; }
.form-grupo[b-72r1b6b5zj] {
    display: flex;
    flex-direction: column;
    gap: 4px;
}
.form-grupo label[b-72r1b6b5zj] {
    font-size: 0.75rem;
    font-weight: 600;
    text-transform: uppercase;
    letter-spacing: 0.5px;
    opacity: 0.7;
}
.form-grupo input[b-72r1b6b5zj] {
    padding: 8px 12px;
    border: 1px solid var(--border-color, #333);
    border-radius: 6px;
    background: var(--input-bg, #1a1a2e);
    color: var(--text-color, #e0e0e0);
    font-size: 0.85rem;
}
.modal-botoes[b-72r1b6b5zj] {
    display: flex;
    gap: 8px;
    justify-content: flex-end;
    margin-top: 16px;
}
.btn-cancelar[b-72r1b6b5zj] {
    padding: 8px 16px;
    background: transparent;
    border: 1px solid var(--border-color, #333);
    color: var(--text-color, #e0e0e0);
    border-radius: 6px;
    cursor: pointer;
}
.btn-salvar[b-72r1b6b5zj] {
    padding: 8px 16px;
    background: linear-gradient(135deg, #667eea, #764ba2);
    color: white;
    border: none;
    border-radius: 6px;
    font-weight: 600;
    cursor: pointer;
}
.btn-salvar:disabled[b-72r1b6b5zj] { opacity: 0.6; cursor: not-allowed; }
/* _content/Logistikk.Web/Components/Pages/Admin/Importacao.razor.rz.scp.css */
.page-container[b-nq3soz6rkh] {
    padding: 24px;
    font-family: var(--font-family);
    flex: 1;
    min-height: 0;
    overflow-y: auto;
    overflow-x: hidden;
}

/* Tabs */
.tab-bar[b-nq3soz6rkh] {
    display: flex;
    gap: 4px;
    background: var(--bg-secondary);
    border: 1px solid var(--border);
    border-radius: 12px;
    padding: 4px;
    margin-bottom: 24px;
}

.tab-btn[b-nq3soz6rkh] {
    flex: 1;
    background: transparent;
    border: none;
    color: var(--text-secondary);
    padding: 12px 20px;
    border-radius: 8px;
    font-size: 14px;
    font-family: var(--font-family);
    font-weight: 500;
    cursor: pointer;
    transition: all 0.2s ease;
    display: flex;
    align-items: center;
    justify-content: center;
    gap: 8px;
}

.tab-btn:hover[b-nq3soz6rkh] {
    color: var(--text-heading);
    background: rgba(163, 230, 53, 0.08);
}

.tab-btn.active[b-nq3soz6rkh] {
    background: rgba(163, 230, 53, 0.15);
    color: var(--accent);
    font-weight: 600;
}

/* Sub-tabs (PDF) */
.subtab-bar[b-nq3soz6rkh] {
    display: flex;
    gap: 4px;
    margin-bottom: 20px;
}

.subtab-btn[b-nq3soz6rkh] {
    background: var(--bg-secondary);
    border: 1px solid var(--border);
    color: var(--text-secondary);
    padding: 8px 20px;
    border-radius: 6px;
    font-size: 13px;
    font-family: var(--font-family);
    font-weight: 500;
    cursor: pointer;
    transition: all 0.2s ease;
}

.subtab-btn:hover[b-nq3soz6rkh] {
    color: var(--text-heading);
    border-color: var(--accent);
}

.subtab-btn.active[b-nq3soz6rkh] {
    background: rgba(163, 230, 53, 0.15);
    color: var(--accent);
    border-color: var(--accent);
    font-weight: 600;
}

/* Tab Content */
.tab-content[b-nq3soz6rkh] {
    animation: fadeIn-b-nq3soz6rkh 0.2s ease;
}

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

/* Upload Card */
.upload-card[b-nq3soz6rkh] {
    background: var(--bg-card);
    border: 2px dashed var(--border);
    border-radius: 12px;
    padding: 48px 24px;
    text-align: center;
}

.upload-card:hover[b-nq3soz6rkh] {
    border-color: var(--accent);
    background: rgba(163, 230, 53, 0.02);
}

.upload-icon[b-nq3soz6rkh] {
    color: var(--accent);
    margin-bottom: 16px;
}

.upload-card h3[b-nq3soz6rkh] {
    color: var(--text-primary);
    font-size: 18px;
    font-weight: 600;
    margin: 0 0 8px 0;
}

.upload-card p[b-nq3soz6rkh] {
    color: var(--text-secondary);
    font-size: 14px;
    margin: 0 0 24px 0;
}

/* Botao selecionar */
.btn-selecionar[b-nq3soz6rkh] {
    display: inline-block;
    background: #a3e635;
    color: #1a1a1a;
    border-radius: 8px;
    padding: 12px 32px;
    font-size: 14px;
    font-family: var(--font-family);
    font-weight: 600;
    cursor: pointer;
    transition: all 0.2s ease;
    user-select: none;
    border: none;
}

.btn-selecionar:hover[b-nq3soz6rkh] {
    background: #8fcc2b;
    box-shadow: 0 4px 12px rgba(163, 230, 53, 0.35);
}

.btn-selecionar.desativado[b-nq3soz6rkh] {
    opacity: 0.7;
    cursor: not-allowed;
    pointer-events: none;
}

.btn-selecionar.btn-secondary[b-nq3soz6rkh] {
    background: var(--bg-secondary);
    color: var(--text-primary);
    border: 1px solid var(--border);
}

.btn-selecionar.btn-secondary:hover[b-nq3soz6rkh] {
    border-color: var(--accent);
    box-shadow: none;
}

/* Upload Message */
.upload-message[b-nq3soz6rkh] {
    background: rgba(163, 230, 53, 0.1);
    border: 1px solid rgba(163, 230, 53, 0.2);
    border-radius: 8px;
    padding: 12px 16px;
    margin-top: 16px;
    color: var(--accent);
    font-size: 14px;
}

.upload-message.erro[b-nq3soz6rkh] {
    background: rgba(239, 68, 68, 0.1);
    border-color: rgba(239, 68, 68, 0.2);
    color: #ef4444;
}

/* Progresso */
.progresso-container[b-nq3soz6rkh] {
    background: var(--bg-card);
    border: 1px solid rgba(163, 230, 53, 0.3);
    border-radius: 12px;
    padding: 20px 24px;
    margin-top: 20px;
}

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

.progresso-titulo[b-nq3soz6rkh] {
    display: flex;
    align-items: center;
    gap: 10px;
    color: #a3e635;
    font-size: 14px;
    font-weight: 600;
}

.progresso-percentual[b-nq3soz6rkh] {
    color: #a3e635;
    font-size: 22px;
    font-weight: 700;
    font-variant-numeric: tabular-nums;
}

.progresso-barra-fundo[b-nq3soz6rkh] {
    width: 100%;
    height: 10px;
    background: rgba(163, 230, 53, 0.15);
    border-radius: 5px;
    overflow: hidden;
}

.progresso-barra-preenchimento[b-nq3soz6rkh] {
    height: 100%;
    background: linear-gradient(90deg, #a3e635, #84cc16);
    border-radius: 5px;
    transition: width 0.3s ease;
    min-width: 0;
}

.progresso-detalhes[b-nq3soz6rkh] {
    display: flex;
    align-items: center;
    justify-content: space-between;
    margin-top: 10px;
    font-size: 12px;
    color: #a3e635;
}

.progresso-arquivo[b-nq3soz6rkh] {
    color: #a3e635;
    max-width: 60%;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
    text-align: right;
}

.spinner[b-nq3soz6rkh] {
    width: 18px;
    height: 18px;
    border: 2.5px solid rgba(163, 230, 53, 0.3);
    border-top-color: #a3e635;
    border-radius: 50%;
    animation: spin-b-nq3soz6rkh 0.8s linear infinite;
    flex-shrink: 0;
}

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

/* Resultado Importacao */
.resultado-importacao[b-nq3soz6rkh] {
    background: var(--bg-card);
    border: 1px solid var(--border);
    border-radius: 12px;
    padding: 24px;
    margin-top: 20px;
}

.resultado-importacao h4[b-nq3soz6rkh] {
    color: var(--text-primary);
    font-size: 16px;
    font-weight: 600;
    margin: 0 0 16px 0;
}

.resultado-grid[b-nq3soz6rkh] {
    display: grid;
    grid-template-columns: repeat(4, 1fr);
    gap: 12px;
    margin-bottom: 16px;
}

.resultado-item[b-nq3soz6rkh] {
    background: var(--bg-secondary);
    border-radius: 8px;
    padding: 16px;
    text-align: center;
    display: flex;
    flex-direction: column;
    gap: 4px;
}

.resultado-numero[b-nq3soz6rkh] {
    font-size: 28px;
    font-weight: 700;
    line-height: 1.2;
}

.resultado-label[b-nq3soz6rkh] {
    font-size: 12px;
    color: var(--text-secondary);
    font-weight: 500;
}

.resultado-item.sucesso .resultado-numero[b-nq3soz6rkh] { color: #22c55e; }
.resultado-item.info .resultado-numero[b-nq3soz6rkh] { color: #f59e0b; }
.resultado-item.neutro .resultado-numero[b-nq3soz6rkh] { color: var(--text-primary); }
.resultado-item.erro .resultado-numero[b-nq3soz6rkh] { color: #ef4444; }

/* Erros */
.erros-container[b-nq3soz6rkh] {
    background: rgba(239, 68, 68, 0.05);
    border: 1px solid rgba(239, 68, 68, 0.15);
    border-radius: 8px;
    padding: 16px;
}

.erros-container h5[b-nq3soz6rkh] {
    color: #ef4444;
    font-size: 13px;
    font-weight: 600;
    margin: 0 0 8px 0;
}

.erros-lista[b-nq3soz6rkh] {
    list-style: none;
    padding: 0;
    margin: 0;
    max-height: 200px;
    overflow-y: auto;
}

.erros-lista li[b-nq3soz6rkh] {
    color: var(--text-secondary);
    font-size: 13px;
    padding: 4px 0;
    border-bottom: 1px solid rgba(239, 68, 68, 0.08);
}

.erros-lista li:last-child[b-nq3soz6rkh] { border-bottom: none; }

/* ========== Sheets Selection ========== */
.sheets-selection[b-nq3soz6rkh] {
    display: flex;
    flex-wrap: wrap;
    gap: 8px;
    margin-top: 8px;
}

.sheet-checkbox[b-nq3soz6rkh] {
    display: flex;
    align-items: center;
    gap: 8px;
    background: var(--bg-secondary);
    border: 1px solid var(--border);
    border-radius: 8px;
    padding: 10px 16px;
    cursor: pointer;
    transition: all 0.2s ease;
    user-select: none;
}

.sheet-checkbox:hover[b-nq3soz6rkh] {
    border-color: var(--accent);
}

.sheet-checkbox input[type="checkbox"][b-nq3soz6rkh] {
    accent-color: #a3e635;
    width: 16px;
    height: 16px;
    cursor: pointer;
}

.sheet-nome[b-nq3soz6rkh] {
    color: var(--text-primary);
    font-size: 14px;
    font-weight: 500;
}

.sheet-nome.ignorado[b-nq3soz6rkh] {
    color: var(--text-secondary);
    text-decoration: line-through;
    opacity: 0.6;
}

.sheet-colunas[b-nq3soz6rkh] {
    color: var(--text-secondary);
    font-size: 11px;
    background: rgba(163, 230, 53, 0.1);
    padding: 2px 8px;
    border-radius: 10px;
}

/* ========== Mapeamento Visual ========== */
.mapeamento-grid[b-nq3soz6rkh] {
    display: flex;
    flex-direction: column;
    gap: 0;
    border: 1px solid var(--border);
    border-radius: 8px;
    overflow: hidden;
    margin-top: 8px;
}

.mapeamento-header[b-nq3soz6rkh] {
    display: grid;
    grid-template-columns: 1fr 1fr;
    gap: 16px;
    padding: 10px 16px;
    background: var(--bg-secondary);
    border-bottom: 1px solid var(--border);
    font-size: 11px;
    font-weight: 700;
    text-transform: uppercase;
    letter-spacing: 0.5px;
    color: var(--text-secondary);
}

.mapeamento-row[b-nq3soz6rkh] {
    display: grid;
    grid-template-columns: 1fr 1fr;
    gap: 16px;
    align-items: center;
    padding: 10px 16px;
    border-bottom: 1px solid var(--border);
    transition: background 0.15s ease;
}

/* 3-column variant for PDF (text + value + mapping) */
.mapeamento-grid-3col .mapeamento-header[b-nq3soz6rkh],
.mapeamento-grid-3col .mapeamento-row[b-nq3soz6rkh] {
    grid-template-columns: 1fr 1fr 1fr;
}

.mapeamento-valor[b-nq3soz6rkh] {
    color: var(--text-secondary);
    font-size: 13px;
    font-family: 'Fira Code', 'Courier New', monospace;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
}

/* PDF upload area */
.pdf-upload-area[b-nq3soz6rkh] {
    display: flex;
    align-items: center;
    gap: 12px;
    margin-top: 16px;
    padding: 14px 16px;
    background: rgba(163, 230, 53, 0.1);
    border: 1px solid rgba(163, 230, 53, 0.2);
    border-radius: 8px;
    color: var(--accent);
    font-size: 14px;
    transition: border-color 0.2s;
}

.pdf-upload-area:hover[b-nq3soz6rkh] {
    border-color: rgba(163, 230, 53, 0.4);
}

.mapeamento-row:last-child[b-nq3soz6rkh] {
    border-bottom: none;
}

.mapeamento-row:hover[b-nq3soz6rkh] {
    background: rgba(163, 230, 53, 0.04);
}

.mapeamento-coluna[b-nq3soz6rkh] {
    color: var(--text-primary);
    font-size: 14px;
    font-weight: 500;
    font-family: 'Fira Code', 'Courier New', monospace;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
}

.mapeamento-select[b-nq3soz6rkh] {
    width: 100%;
    background: var(--bg-card);
    border: 1px solid var(--border);
    color: var(--text-primary);
    border-radius: 6px;
    padding: 8px 12px;
    font-size: 13px;
    font-family: var(--font-family);
    cursor: pointer;
}

.mapeamento-select:focus[b-nq3soz6rkh] {
    outline: none;
    border-color: var(--accent);
}

/* ========== Mapeamento Resumo (edicao sem amostra) ========== */
.mapeamento-resumo[b-nq3soz6rkh] {
    display: flex;
    flex-wrap: wrap;
    gap: 8px;
    margin-top: 8px;
}

.mapeamento-tag[b-nq3soz6rkh] {
    background: var(--bg-secondary);
    border: 1px solid var(--border);
    border-radius: 6px;
    padding: 8px 14px;
    font-size: 13px;
    color: var(--text-primary);
}

.mapeamento-tag strong[b-nq3soz6rkh] {
    color: var(--accent);
    margin-right: 4px;
}

.btn-cancelar[b-nq3soz6rkh] {
    background: var(--bg-secondary);
    border: 1px solid var(--border);
    color: var(--text-primary);
    border-radius: 8px;
    padding: 10px 24px;
    font-size: 14px;
    font-family: var(--font-family);
    font-weight: 500;
    cursor: pointer;
    transition: all 0.2s ease;
}

.btn-cancelar:hover[b-nq3soz6rkh] {
    border-color: var(--text-secondary);
}

.btn-importar[b-nq3soz6rkh] {
    background: #a3e635;
    color: #1a1a1a;
    border: none;
    border-radius: 8px;
    padding: 10px 24px;
    font-size: 14px;
    font-family: var(--font-family);
    font-weight: 600;
    cursor: pointer;
    transition: all 0.2s ease;
}

.btn-importar:hover[b-nq3soz6rkh] {
    background: #8fcc2b;
    box-shadow: 0 4px 12px rgba(163, 230, 53, 0.35);
}

.btn-importar:disabled[b-nq3soz6rkh] {
    opacity: 0.6;
    cursor: not-allowed;
}

/* ========== PDF Templates ========== */
.pdf-importar-container[b-nq3soz6rkh] {
    background: var(--bg-card);
    border: 1px solid var(--border);
    border-radius: 12px;
    padding: 24px;
}

.templates-container[b-nq3soz6rkh] {
    /* Container for template CRUD */
}

.templates-header[b-nq3soz6rkh] {
    display: flex;
    justify-content: space-between;
    align-items: center;
    margin-bottom: 20px;
}

.templates-header h3[b-nq3soz6rkh] {
    color: var(--text-primary);
    font-size: 18px;
    font-weight: 600;
    margin: 0;
}

.btn-novo-template[b-nq3soz6rkh] {
    background: #a3e635;
    color: #1a1a1a;
    border: none;
    border-radius: 8px;
    padding: 10px 20px;
    font-size: 13px;
    font-family: var(--font-family);
    font-weight: 600;
    cursor: pointer;
    transition: all 0.2s ease;
}

.btn-novo-template:hover[b-nq3soz6rkh] {
    background: #8fcc2b;
}

.templates-grid[b-nq3soz6rkh] {
    display: flex;
    flex-direction: column;
    gap: 8px;
}

.template-card[b-nq3soz6rkh] {
    display: flex;
    align-items: center;
    justify-content: space-between;
    background: var(--bg-card);
    border: 1px solid var(--border);
    border-radius: 8px;
    padding: 16px 20px;
}

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

.template-info strong[b-nq3soz6rkh] {
    color: var(--text-primary);
    font-size: 15px;
}

.template-cnpj[b-nq3soz6rkh] {
    color: var(--text-secondary);
    font-size: 12px;
}

.template-acoes[b-nq3soz6rkh] {
    display: flex;
    gap: 6px;
}

.btn-delete[b-nq3soz6rkh] {
    background: rgba(239, 68, 68, 0.15);
    color: #ef4444;
}

.btn-delete:hover[b-nq3soz6rkh] {
    background: rgba(239, 68, 68, 0.3);
}

/* PDF Preview */
.pdf-preview-section h4[b-nq3soz6rkh] {
    color: var(--text-primary);
    font-size: 14px;
    font-weight: 600;
    margin: 0 0 12px 0;
}

.pdf-preview-texto[b-nq3soz6rkh] {
    background: var(--bg-secondary);
    border: 1px solid var(--border);
    border-radius: 8px;
    padding: 16px;
    margin-top: 16px;
    max-height: 400px;
    overflow: auto;
}

.pdf-preview-texto pre[b-nq3soz6rkh] {
    color: var(--text-primary);
    font-size: 12px;
    white-space: pre-wrap;
    word-wrap: break-word;
    margin: 0;
    font-family: 'Fira Code', 'Courier New', monospace;
}

/* Template Form (Dialog) */
.template-form[b-nq3soz6rkh] {
    padding: 8px 0;
}

.form-row[b-nq3soz6rkh] {
    display: grid;
    grid-template-columns: 1fr 1fr;
    gap: 16px;
    margin-bottom: 12px;
}

.form-row-5[b-nq3soz6rkh] {
    grid-template-columns: repeat(5, 1fr);
}

.form-group[b-nq3soz6rkh] {
    display: flex;
    flex-direction: column;
    gap: 6px;
}

.form-group label[b-nq3soz6rkh] {
    color: var(--text-secondary);
    font-size: 12px;
    font-weight: 600;
    text-transform: uppercase;
    letter-spacing: 0.3px;
}

.form-input[b-nq3soz6rkh] {
    background: var(--bg-secondary);
    border: 1px solid var(--border);
    color: var(--text-primary);
    border-radius: 6px;
    padding: 10px 12px;
    font-size: 14px;
    font-family: var(--font-family);
    transition: border-color 0.2s ease;
}

.form-input:focus[b-nq3soz6rkh] {
    outline: none;
    border-color: var(--accent);
}

.form-input.mono[b-nq3soz6rkh] {
    font-family: 'Fira Code', 'Courier New', monospace;
    font-size: 12px;
}

.form-select[b-nq3soz6rkh] {
    background: var(--bg-secondary);
    border: 1px solid var(--border);
    color: var(--text-primary);
    border-radius: 6px;
    padding: 10px 12px;
    font-size: 14px;
    font-family: var(--font-family);
    cursor: pointer;
}

.form-select:focus[b-nq3soz6rkh] {
    outline: none;
    border-color: var(--accent);
}

.dialog-footer[b-nq3soz6rkh] {
    display: flex;
    justify-content: flex-end;
    gap: 12px;
    padding: 8px 0;
}

/* Action Buttons */
.action-buttons[b-nq3soz6rkh] {
    display: flex;
    gap: 4px;
    justify-content: center;
}

.btn-action[b-nq3soz6rkh] {
    width: 32px;
    height: 32px;
    border-radius: 6px;
    border: none;
    cursor: pointer;
    display: flex;
    align-items: center;
    justify-content: center;
    transition: all 0.2s ease;
}

.btn-view[b-nq3soz6rkh] {
    background: rgba(163, 230, 53, 0.15);
    color: var(--accent);
}

.btn-view:hover[b-nq3soz6rkh] {
    background: rgba(163, 230, 53, 0.3);
}

/* Pagination */
.pagination[b-nq3soz6rkh] {
    display: flex;
    justify-content: flex-end;
    align-items: center;
    gap: 8px;
    margin-top: 16px;
}

.btn-page[b-nq3soz6rkh] {
    background: var(--bg-card);
    border: 1px solid var(--border);
    color: var(--text-primary);
    border-radius: 6px;
    padding: 8px 16px;
    font-size: 13px;
    font-family: var(--font-family);
    cursor: pointer;
    transition: all 0.2s ease;
}

.btn-page:hover:not(:disabled)[b-nq3soz6rkh] {
    background: #7e56d8;
    border-color: #7e56d8;
}

.btn-page:disabled[b-nq3soz6rkh] {
    opacity: 0.4;
    cursor: not-allowed;
}

.page-info[b-nq3soz6rkh] {
    color: var(--text-secondary);
    font-size: 13px;
    padding: 0 8px;
}

/* Detail Dialog */
.detail-grid[b-nq3soz6rkh] {
    display: grid;
    gap: 0;
}

.detail-row[b-nq3soz6rkh] {
    display: flex;
    justify-content: space-between;
    align-items: center;
    padding: 10px 0;
    border-bottom: 1px solid var(--border);
    color: var(--text-heading);
    font-size: 14px;
}

.detail-row:last-child[b-nq3soz6rkh] { border-bottom: none; }

.detail-label[b-nq3soz6rkh] {
    color: var(--text-secondary);
    font-weight: 500;
    min-width: 160px;
}

.detail-valor-com-acao[b-nq3soz6rkh] {
    display: inline-flex;
    align-items: center;
    gap: 10px;
}

.btn-ver-itens[b-nq3soz6rkh] {
    background: rgba(96, 165, 250, 0.15);
    color: #60a5fa;
    border: 1px solid rgba(96, 165, 250, 0.3);
    border-radius: 6px;
    padding: 3px 10px;
    font-size: 11px;
    font-family: var(--font-family);
    font-weight: 500;
    cursor: pointer;
    transition: all 0.15s ease;
}

.btn-ver-itens:hover[b-nq3soz6rkh] {
    background: rgba(96, 165, 250, 0.25);
    border-color: rgba(96, 165, 250, 0.5);
}

/* SfGrid Dark Theme Overrides */
[b-nq3soz6rkh] .e-grid {
    background: var(--bg-card) !important;
    border: 1px solid var(--border) !important;
    border-radius: 12px !important;
    overflow: hidden;
}

[b-nq3soz6rkh] .e-grid .e-headercell {
    background: var(--bg-secondary) !important;
    color: var(--text-secondary) !important;
    font-weight: 600;
    font-size: 12px;
    text-transform: uppercase;
    letter-spacing: 0.5px;
    border-color: var(--border) !important;
    white-space: nowrap !important;
    overflow: visible !important;
    text-overflow: unset !important;
}

[b-nq3soz6rkh] .e-grid .e-headercelldiv {
    white-space: nowrap !important;
    overflow: visible !important;
    text-overflow: unset !important;
}

[b-nq3soz6rkh] .e-grid .e-rowcell {
    background: var(--bg-card) !important;
    color: var(--text-heading) !important;
    border-color: var(--border) !important;
    font-size: 14px;
}

[b-nq3soz6rkh] .e-grid .e-row:hover .e-rowcell {
    background: var(--bg-hover) !important;
}

[b-nq3soz6rkh] .e-grid .e-altrow .e-rowcell {
    background: var(--bg-secondary) !important;
}

[b-nq3soz6rkh] .e-grid .e-altrow:hover .e-rowcell {
    background: var(--bg-hover) !important;
}

[b-nq3soz6rkh] .e-grid .e-gridheader {
    border-color: var(--border) !important;
}

[b-nq3soz6rkh] .e-grid .e-gridcontent {
    border-color: var(--border) !important;
}

[b-nq3soz6rkh] .e-grid .e-table {
    background: #a3e6351f !important;
}

[b-nq3soz6rkh] .e-grid .e-emptyrow td {
    background: #a3e6351f !important;
    color: var(--text-secondary) !important;
}

/* SfDialog Dark Theme Overrides */
[b-nq3soz6rkh] .e-dialog {
    background: var(--bg-card) !important;
    border: 1px solid var(--border) !important;
    border-radius: 12px !important;
    box-shadow: 0 20px 60px rgba(0, 0, 0, 0.5) !important;
}

[b-nq3soz6rkh] .e-dialog .e-dlg-header-content {
    background: var(--bg-secondary) !important;
    border-bottom: 1px solid var(--border) !important;
    border-radius: 12px 12px 0 0 !important;
}

[b-nq3soz6rkh] .e-dialog .e-dlg-header {
    color: var(--text-primary) !important;
    font-weight: 600;
    font-size: 16px;
}

[b-nq3soz6rkh] .e-dialog .e-dlg-content {
    background: var(--bg-card) !important;
    color: var(--text-heading) !important;
}

[b-nq3soz6rkh] .e-dialog .e-footer-content {
    background: var(--bg-card) !important;
    border-top: 1px solid var(--border) !important;
}

[b-nq3soz6rkh] .e-dialog .e-btn.e-dlg-closeicon-btn {
    color: var(--text-secondary) !important;
}

[b-nq3soz6rkh] .e-dialog .e-btn.e-dlg-closeicon-btn:hover {
    color: var(--text-primary) !important;
    background: rgba(255, 255, 255, 0.1) !important;
}

/* Responsive */
@media (max-width: 768px) {
    .page-container[b-nq3soz6rkh] { padding: 16px; }
    .tab-bar[b-nq3soz6rkh] { flex-direction: column; }
    .upload-card[b-nq3soz6rkh] { padding: 32px 16px; }
    .upload-card h3[b-nq3soz6rkh] { font-size: 16px; }
    .resultado-grid[b-nq3soz6rkh] { grid-template-columns: repeat(2, 1fr); }
    .mapeamento-row[b-nq3soz6rkh] { flex-direction: column; align-items: stretch; gap: 8px; }
    .mapeamento-select[b-nq3soz6rkh] { width: 100%; }
    .form-row[b-nq3soz6rkh] { grid-template-columns: 1fr; }
    .form-row-5[b-nq3soz6rkh] { grid-template-columns: repeat(2, 1fr); }
}

/* === Resultado header + botão Gerar Relatório === */
.resultado-header[b-nq3soz6rkh] {
    display: flex;
    align-items: center;
    justify-content: space-between;
    margin-bottom: 12px;
    gap: 12px;
    flex-wrap: wrap;
}

.resultado-header h4[b-nq3soz6rkh] {
    margin: 0;
}

.btn-relatorio[b-nq3soz6rkh] {
    display: inline-flex;
    align-items: center;
    gap: 6px;
    padding: 8px 14px;
    background: var(--accent-color, #2563eb);
    color: #fff;
    border: none;
    border-radius: 6px;
    font-size: 13px;
    font-weight: 500;
    cursor: pointer;
    transition: opacity .15s ease;
}

.btn-relatorio:hover:not(:disabled)[b-nq3soz6rkh] { opacity: .85; }
.btn-relatorio:disabled[b-nq3soz6rkh] { opacity: .5; cursor: not-allowed; }

/* Cards clicáveis */
.resultado-item.clicavel[b-nq3soz6rkh] {
    cursor: pointer;
    transition: transform .12s ease, box-shadow .12s ease, background .12s ease;
}

.resultado-item.clicavel:hover[b-nq3soz6rkh] {
    transform: translateY(-2px);
    box-shadow: 0 4px 12px rgba(0, 0, 0, 0.1);
    background: var(--bg-hover, var(--bg-secondary));
}

/* === Modal Detalhes (sidebar + corpo) === */
.detalhes-loading[b-nq3soz6rkh] {
    display: flex;
    align-items: center;
    gap: 10px;
    padding: 30px;
    justify-content: center;
    color: var(--text-secondary);
}

.detalhes-vazio[b-nq3soz6rkh] {
    padding: 30px;
    text-align: center;
    color: var(--text-secondary);
}

/* Mensagem amigavel quando nao ha itens detalhados
   (importacao limpa ou anterior a feature de detalhamento). */
.detalhes-legado[b-nq3soz6rkh] {
    flex: 1;
    min-height: 0;
    display: flex;
    flex-direction: column;
    align-items: center;
    justify-content: center;
    gap: 10px;
    padding: 32px 40px;
    text-align: center;
    background: var(--bg-secondary, rgba(255,255,255,0.02));
    border: 1px dashed var(--border-color, rgba(255,255,255,0.12));
    border-radius: 8px;
}

.detalhes-legado-icone[b-nq3soz6rkh] {
    font-size: 28px;
    line-height: 1;
}

.detalhes-legado h4[b-nq3soz6rkh] {
    margin: 0;
    color: var(--text-primary);
    font-size: 15px;
    font-weight: 600;
}

.detalhes-legado p[b-nq3soz6rkh] {
    margin: 0;
    max-width: 620px;
    color: var(--text-secondary);
    font-size: 13px;
    line-height: 1.5;
}

/* Dialog precisa que o content ocupe toda a altura para que
   a sidebar/lista consigam calcular scroll interno. */
[b-nq3soz6rkh] .dialog-detalhes-importacao .e-dlg-content {
    display: flex;
    flex-direction: column;
    min-height: 0;
    overflow: hidden;
}

[b-nq3soz6rkh] .dialog-detalhes-importacao .e-dlg-content > * {
    flex: 1;
    min-height: 0;
}

/* Wrapper do modal de detalhes: cabecalho com contexto da importacao
   + container com a lista/detalhes do item. */
.detalhes-wrapper[b-nq3soz6rkh] {
    display: flex;
    flex-direction: column;
    gap: 12px;
    height: 100%;
    min-height: 0;
}

.detalhes-batch[b-nq3soz6rkh] {
    display: flex;
    flex-direction: column;
    gap: 8px;
    padding: 12px 14px;
    background: var(--bg-secondary);
    border: 1px solid var(--border-color, rgba(0,0,0,0.08));
    border-radius: 8px;
    flex-shrink: 0;
}

.detalhes-batch-linha1[b-nq3soz6rkh] {
    display: flex;
    flex-wrap: wrap;
    gap: 14px;
    align-items: center;
    font-size: 12px;
    color: var(--text-secondary);
}

.detalhes-batch-id[b-nq3soz6rkh] {
    font-weight: 600;
    color: var(--text-primary);
    letter-spacing: 0.4px;
}

.detalhes-batch-usuario[b-nq3soz6rkh]::before {
    content: '';
    display: inline-block;
    width: 4px;
    height: 4px;
    background: var(--text-secondary);
    border-radius: 50%;
    margin-right: 10px;
    vertical-align: middle;
    opacity: 0.5;
}

.detalhes-batch-pilulas[b-nq3soz6rkh] {
    display: flex;
    flex-wrap: wrap;
    gap: 6px;
}

.detalhes-batch-pilulas .pill[b-nq3soz6rkh] {
    display: inline-flex;
    align-items: center;
    gap: 6px;
    padding: 4px 10px;
    background: rgba(255, 255, 255, 0.04);
    border: 1px solid var(--border-color, rgba(0,0,0,0.08));
    border-radius: 999px;
    font-size: 11.5px;
    color: var(--text-secondary);
}

.detalhes-batch-pilulas .pill strong[b-nq3soz6rkh] {
    font-weight: 600;
    color: var(--text-primary);
    font-size: 11px;
    text-transform: uppercase;
    letter-spacing: 0.3px;
}

.detalhes-batch-pilulas .pill .sep[b-nq3soz6rkh] {
    opacity: 0.4;
}

.detalhes-batch-pilulas .pill .warn[b-nq3soz6rkh] {
    color: #d97706;
    font-weight: 500;
}

.detalhes-batch-pilulas .pill .err[b-nq3soz6rkh] {
    color: #ef4444;
    font-weight: 600;
}

.detalhes-batch-pilulas .pill.vazia[b-nq3soz6rkh] {
    opacity: 0.5;
}

.detalhes-batch-pilulas .pill.ativa[b-nq3soz6rkh] {
    border-color: rgba(245, 158, 11, 0.6);
    background: rgba(245, 158, 11, 0.1);
    box-shadow: 0 0 0 1px rgba(245, 158, 11, 0.3) inset;
}

.detalhes-batch-pilulas .pill.ativa-err[b-nq3soz6rkh] {
    border-color: rgba(239, 68, 68, 0.6);
    background: rgba(239, 68, 68, 0.1);
    box-shadow: 0 0 0 1px rgba(239, 68, 68, 0.3) inset;
}

.detalhes-batch-erros[b-nq3soz6rkh] {
    border-top: 1px dashed var(--border-color, rgba(0,0,0,0.08));
    padding-top: 8px;
}

.detalhes-batch-erros-titulo[b-nq3soz6rkh] {
    font-size: 10.5px;
    font-weight: 600;
    color: #ef4444;
    text-transform: uppercase;
    letter-spacing: 0.4px;
    margin-bottom: 4px;
}

.detalhes-batch-erros pre[b-nq3soz6rkh] {
    margin: 0;
    max-height: 96px;
    overflow-y: auto;
    font-size: 11.5px;
    color: var(--text-secondary);
    white-space: pre-wrap;
    word-break: break-word;
}

.detalhes-container[b-nq3soz6rkh] {
    flex: 1;
    min-height: 0;
    display: grid;
    grid-template-columns: 300px 1fr;
    gap: 0;
    height: 100%;
    border: 1px solid var(--border-color, rgba(0,0,0,0.08));
    border-radius: 8px;
    overflow: hidden;
}

.detalhes-sidebar[b-nq3soz6rkh] {
    border-right: 1px solid var(--border-color, rgba(0,0,0,0.08));
    background: var(--bg-secondary);
    display: flex;
    flex-direction: column;
    overflow: hidden;
    min-height: 0;
}

.detalhes-sidebar-header[b-nq3soz6rkh] {
    padding: 10px 12px;
    font-size: 12px;
    font-weight: 600;
    color: var(--text-secondary);
    border-bottom: 1px solid var(--border-color, rgba(0,0,0,0.08));
    text-transform: uppercase;
    letter-spacing: .4px;
    flex-shrink: 0;
}

.detalhes-lista[b-nq3soz6rkh] {
    overflow-y: auto;
    flex: 1;
    min-height: 0;
}

.detalhes-item[b-nq3soz6rkh] {
    padding: 10px 12px;
    border-bottom: 1px solid var(--border-color, rgba(0,0,0,0.05));
    cursor: pointer;
    border-left: 3px solid transparent;
    transition: background .1s ease, border-color .1s ease;
}

.detalhes-item:hover[b-nq3soz6rkh] { background: rgba(37, 99, 235, 0.05); }
.detalhes-item.selecionado[b-nq3soz6rkh] { background: rgba(37, 99, 235, 0.1); border-left-color: #2563eb; }
.detalhes-item.err[b-nq3soz6rkh] { border-left-color: #ef4444; }
.detalhes-item.ign[b-nq3soz6rkh] { border-left-color: #f59e0b; }
.detalhes-item.err.selecionado[b-nq3soz6rkh] { background: rgba(239, 68, 68, 0.08); }
.detalhes-item.ign.selecionado[b-nq3soz6rkh] { background: rgba(245, 158, 11, 0.08); }

.detalhes-item-titulo[b-nq3soz6rkh] {
    font-size: 13px;
    font-weight: 600;
    color: var(--text-primary);
    margin-bottom: 2px;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
}

.detalhes-item-sub[b-nq3soz6rkh] {
    font-size: 11px;
    color: var(--text-secondary);
    overflow: hidden;
    text-overflow: ellipsis;
    display: -webkit-box;
    -webkit-line-clamp: 2;
    -webkit-box-orient: vertical;
}

.detalhes-corpo[b-nq3soz6rkh] {
    padding: 20px;
    overflow-y: auto;
    background: var(--bg-primary);
    min-height: 0;
}

.detalhes-placeholder[b-nq3soz6rkh] {
    display: flex;
    align-items: center;
    justify-content: center;
    height: 100%;
    color: var(--text-secondary);
    font-size: 13px;
}

.detalhes-info-badge[b-nq3soz6rkh] {
    display: inline-block;
    padding: 3px 10px;
    border-radius: 12px;
    font-size: 11px;
    font-weight: 600;
    text-transform: uppercase;
    letter-spacing: .5px;
    margin-bottom: 8px;
}

.detalhes-info-badge.err[b-nq3soz6rkh] { background: rgba(239, 68, 68, 0.12); color: #ef4444; }
.detalhes-info-badge.ign[b-nq3soz6rkh] { background: rgba(245, 158, 11, 0.12); color: #d97706; }

.detalhes-info h3[b-nq3soz6rkh] {
    margin: 0 0 16px 0;
    font-size: 18px;
}

.detalhes-info-grid[b-nq3soz6rkh] {
    display: flex;
    flex-direction: column;
    gap: 10px;
    margin-bottom: 16px;
}

.detalhes-info-row[b-nq3soz6rkh] {
    display: grid;
    grid-template-columns: 140px 1fr;
    gap: 12px;
    align-items: baseline;
}

.detalhes-info-label[b-nq3soz6rkh] {
    font-size: 11px;
    text-transform: uppercase;
    letter-spacing: .4px;
    color: var(--text-secondary);
    font-weight: 600;
}

.detalhes-info-valor[b-nq3soz6rkh] {
    font-size: 13px;
    color: var(--text-primary);
    word-break: break-word;
}

.detalhes-info-valor.chave[b-nq3soz6rkh] {
    font-family: ui-monospace, SFMono-Regular, Menlo, monospace;
    font-size: 12px;
}

.detalhes-info-valor.destaque[b-nq3soz6rkh] {
    font-weight: 500;
}

.detalhes-detalhe-box[b-nq3soz6rkh] {
    background: var(--bg-secondary);
    border: 1px solid var(--border-color, rgba(0,0,0,0.08));
    border-radius: 6px;
    padding: 12px;
    margin-top: 12px;
}

.detalhes-detalhe-box h5[b-nq3soz6rkh] {
    margin: 0 0 8px 0;
    font-size: 12px;
    text-transform: uppercase;
    letter-spacing: .4px;
    color: var(--text-secondary);
}

.detalhes-detalhe-box pre[b-nq3soz6rkh] {
    margin: 0;
    white-space: pre-wrap;
    word-break: break-word;
    font-family: ui-monospace, SFMono-Regular, Menlo, monospace;
    font-size: 12px;
    color: var(--text-primary);
    line-height: 1.5;
}

@media (max-width: 768px) {
    .detalhes-container[b-nq3soz6rkh] {
        grid-template-columns: 1fr;
        max-height: 70vh;
    }
    .detalhes-sidebar[b-nq3soz6rkh] { max-height: 200px; border-right: none; border-bottom: 1px solid var(--border-color, rgba(0,0,0,0.08)); }
    .detalhes-info-row[b-nq3soz6rkh] { grid-template-columns: 1fr; gap: 2px; }
}
/* _content/Logistikk.Web/Components/Pages/Admin/Inconsistencias.razor.rz.scp.css */
.page-container[b-t7u84wqqkg] {
    padding: 24px;
    font-family: var(--font-family);
    flex: 1;
    display: flex;
    flex-direction: column;
    min-height: 0;
    overflow: hidden;
}

/* Tabs */
.inc-tabs[b-t7u84wqqkg] {
    display: flex;
    gap: 4px;
    border-bottom: 1px solid var(--border);
    margin-bottom: 12px;
    flex-shrink: 0;
}

.inc-tab[b-t7u84wqqkg] {
    background: transparent;
    border: none;
    border-bottom: 2px solid transparent;
    color: var(--text-muted);
    font-family: var(--font-family);
    font-size: 13px;
    font-weight: 500;
    padding: 10px 18px;
    cursor: pointer;
    transition: all 0.2s ease;
    display: flex;
    align-items: center;
    gap: 8px;
    margin-bottom: -1px;
}

.inc-tab:hover[b-t7u84wqqkg] {
    color: var(--text-primary);
}

.inc-tab.active[b-t7u84wqqkg] {
    color: var(--accent);
    border-bottom-color: var(--accent);
}

.inc-tab-badge[b-t7u84wqqkg] {
    background: var(--bg-secondary);
    border: 1px solid var(--border);
    color: var(--text-secondary);
    padding: 1px 8px;
    border-radius: 10px;
    font-size: 11px;
    font-weight: 600;
    min-width: 22px;
    text-align: center;
}

.inc-tab.active .inc-tab-badge[b-t7u84wqqkg] {
    background: rgba(163, 230, 53, 0.15);
    border-color: rgba(163, 230, 53, 0.35);
    color: var(--accent);
}

.inc-info-aba[b-t7u84wqqkg] {
    color: var(--text-secondary);
    font-size: 12px;
    font-style: italic;
}

/* Lista de chaves na aba CT-e sem NF-e */
.cte-chaves-lista[b-t7u84wqqkg] {
    display: flex;
    flex-direction: column;
    gap: 3px;
    padding: 4px 0;
}

.cte-chave-item[b-t7u84wqqkg] {
    display: flex;
    align-items: center;
    gap: 10px;
    font-size: 11px;
    line-height: 1.4;
}

.cte-chave-num[b-t7u84wqqkg] {
    color: #f87171;
    font-weight: 600;
    min-width: 80px;
    flex-shrink: 0;
}

.cte-chave-mes[b-t7u84wqqkg] {
    color: var(--text-secondary);
    min-width: 60px;
    flex-shrink: 0;
}

.cte-chave-valor[b-t7u84wqqkg] {
    color: var(--text-muted);
    font-family: monospace;
    font-size: 10px;
    word-break: break-all;
}

/* Badges de pendência */
.badge-pendencia[b-t7u84wqqkg] {
    padding: 3px 12px;
    border-radius: 6px;
    font-size: 12px;
    font-weight: 600;
    letter-spacing: 0.3px;
    display: inline-block;
}

.badge-sim[b-t7u84wqqkg] {
    background: #ef4444;
    color: #ffffff;
}

.badge-nao[b-t7u84wqqkg] {
    background: #22c55e;
    color: #000000;
}

/* Toolbar */
.toolbar[b-t7u84wqqkg] {
    display: flex;
    gap: 12px;
    margin: 16px 0;
    align-items: center;
    flex-shrink: 0;
}

/* Export Button */
.btn-export[b-t7u84wqqkg] {
    background: rgba(34, 197, 94, 0.15);
    color: #22c55e;
    border: 1px solid rgba(34, 197, 94, 0.3);
    border-radius: 8px;
    padding: 6px 16px;
    font-size: 13px;
    font-family: var(--font-family);
    font-weight: 500;
    cursor: pointer;
    transition: all 0.2s ease;
    display: flex;
    align-items: center;
    gap: 6px;
}

.btn-export:hover[b-t7u84wqqkg] {
    background: rgba(34, 197, 94, 0.25);
    border-color: rgba(34, 197, 94, 0.5);
}

.btn-export:disabled[b-t7u84wqqkg] {
    opacity: 0.5;
    cursor: not-allowed;
}

/* Sidebar */
.sidebar-header[b-t7u84wqqkg] {
    display: flex;
    align-items: center;
    gap: 10px;
    color: var(--text-primary);
    width: 100%;
}

.sidebar-header svg[b-t7u84wqqkg] {
    color: var(--accent);
}

[b-t7u84wqqkg] .sidebar-detail .e-dlg-header-content {
    display: flex;
    align-items: center;
}

[b-t7u84wqqkg] .sidebar-detail .e-dialog .e-btn .e-btn-icon.e-icon-dlg-close {
    font-size: 16px;
    width: auto;
    top: 2px;
    left: -5px;
    position: inherit;
}

.sidebar-content[b-t7u84wqqkg] {
    padding: 20px;
    display: flex;
    flex-direction: column;
    min-height: 0;
    flex: 1;
    overflow-y: auto;
    overflow-x: hidden;
}

.section-title-sidebar[b-t7u84wqqkg] {
    color: var(--text-secondary);
    font-size: 11px;
    font-weight: 600;
    text-transform: uppercase;
    letter-spacing: 1px;
    margin: 0 0 10px 0;
}

.info-card[b-t7u84wqqkg] {
    background: var(--bg-card);
    border: 1px solid var(--border);
    border-radius: 10px;
    overflow: hidden;
}

/* ===== WIZARD STEPPER ===== */
.wizard-stepper[b-t7u84wqqkg] {
    display: flex;
    align-items: center;
    gap: 0;
    margin-bottom: 24px;
    padding: 16px;
    background: var(--bg-secondary);
    border: 1px solid var(--border);
    border-radius: 10px;
}

.wizard-step[b-t7u84wqqkg] {
    display: flex;
    align-items: center;
    gap: 8px;
    cursor: default;
}

.wizard-step.done[b-t7u84wqqkg] {
    cursor: pointer;
}

.wizard-step-circle[b-t7u84wqqkg] {
    width: 28px;
    height: 28px;
    border-radius: 50%;
    display: flex;
    align-items: center;
    justify-content: center;
    font-size: 12px;
    font-weight: 700;
    flex-shrink: 0;
    transition: all 0.2s ease;
    background: var(--bg-card);
    border: 2px solid var(--border);
    color: var(--text-muted);
}

.wizard-step.active .wizard-step-circle[b-t7u84wqqkg] {
    background: var(--accent);
    border-color: var(--accent);
    color: #1a1a2e;
}

.wizard-step.done .wizard-step-circle[b-t7u84wqqkg] {
    background: #22c55e;
    border-color: #22c55e;
    color: white;
}

.wizard-step-label[b-t7u84wqqkg] {
    font-size: 13px;
    font-weight: 500;
    color: var(--text-muted);
    white-space: nowrap;
}

.wizard-step.active .wizard-step-label[b-t7u84wqqkg] {
    color: var(--accent);
    font-weight: 600;
}

.wizard-step.done .wizard-step-label[b-t7u84wqqkg] {
    color: #22c55e;
}

.wizard-step-line[b-t7u84wqqkg] {
    flex: 1;
    height: 2px;
    background: var(--border);
    margin: 0 12px;
    min-width: 20px;
    transition: background 0.2s ease;
}

.wizard-step-line.done[b-t7u84wqqkg] {
    background: #22c55e;
}

/* ===== WIZARD ETAPA ===== */
.wizard-etapa[b-t7u84wqqkg] {
    flex: 1;
    min-height: 0;
}

.wizard-nfe-card[b-t7u84wqqkg] {
    background: var(--bg-secondary);
    border: 1px solid var(--border);
    border-radius: 10px;
    padding: 14px;
    margin-bottom: 12px;
}

.wizard-nfe-card.wizard-nfe-principal[b-t7u84wqqkg] {
    border-color: rgba(163, 230, 53, 0.4);
    background: rgba(163, 230, 53, 0.04);
}

.wizard-nfe-header[b-t7u84wqqkg] {
    display: flex;
    align-items: center;
    gap: 10px;
    flex-wrap: wrap;
    margin-bottom: 10px;
}

.wizard-nfe-numero[b-t7u84wqqkg] {
    font-size: 15px;
    font-weight: 700;
    color: var(--accent);
}

.wizard-nfe-info[b-t7u84wqqkg] {
    font-size: 12px;
    color: var(--text-secondary);
}

.badge-principal[b-t7u84wqqkg] {
    background: rgba(163, 230, 53, 0.2);
    color: var(--accent);
    padding: 2px 8px;
    border-radius: 4px;
    font-size: 11px;
    font-weight: 600;
}

.badge-resolvido[b-t7u84wqqkg] {
    background: rgba(34, 197, 94, 0.2);
    color: #22c55e;
    padding: 2px 8px;
    border-radius: 4px;
    font-size: 11px;
    font-weight: 600;
}

.wizard-faturas-lista[b-t7u84wqqkg] {
    display: flex;
    flex-direction: column;
    gap: 8px;
}

.wizard-cte-acoes[b-t7u84wqqkg] {
    display: flex;
    gap: 8px;
    margin-top: 10px;
}

/* FOB/CIF lista */
.wizard-fobcif-lista[b-t7u84wqqkg] {
    display: flex;
    flex-direction: column;
    gap: 4px;
    background: var(--bg-secondary);
    border: 1px solid var(--border);
    border-radius: 10px;
    padding: 10px;
    margin-bottom: 8px;
    max-height: 200px;
    overflow-y: auto;
}

.wizard-fobcif-item[b-t7u84wqqkg] {
    display: flex;
    align-items: center;
    gap: 12px;
    padding: 8px 10px;
    border-radius: 6px;
    font-size: 13px;
}

.wizard-fobcif-item.wizard-nfe-principal[b-t7u84wqqkg] {
    background: rgba(163, 230, 53, 0.06);
    border: 1px solid rgba(163, 230, 53, 0.2);
}

/* Classificação Cards */
.classificacao-cards[b-t7u84wqqkg] {
    display: grid;
    grid-template-columns: 1fr;
    gap: 10px;
}

.classificacao-card[b-t7u84wqqkg] {
    display: flex;
    align-items: center;
    gap: 12px;
    background: var(--bg-secondary);
    border: 2px solid var(--border);
    border-radius: 10px;
    padding: 14px;
    cursor: pointer;
    transition: all 0.2s ease;
    position: relative;
    text-align: left;
    font-family: var(--font-family);
    color: var(--text-heading);
}

.classificacao-card:hover[b-t7u84wqqkg] {
    border-color: rgba(96, 165, 250, 0.4);
    background: rgba(96, 165, 250, 0.05);
}

.classificacao-card.selected[b-t7u84wqqkg] {
    border-color: #60a5fa;
    background: rgba(96, 165, 250, 0.1);
    box-shadow: 0 0 0 1px rgba(96, 165, 250, 0.3);
}

.classificacao-card.disabled-card[b-t7u84wqqkg] {
    opacity: 0.4;
    cursor: not-allowed;
    pointer-events: none;
}

.classificacao-card-icon[b-t7u84wqqkg] {
    width: 40px;
    height: 40px;
    border-radius: 10px;
    background: rgba(96, 165, 250, 0.15);
    color: #60a5fa;
    display: flex;
    align-items: center;
    justify-content: center;
    flex-shrink: 0;
}

.classificacao-card-body[b-t7u84wqqkg] {
    display: flex;
    flex-direction: column;
    gap: 2px;
    min-width: 0;
    flex: 1;
}

.classificacao-card-sigla[b-t7u84wqqkg] {
    font-size: 14px;
    font-weight: 700;
    color: var(--text-heading);
}

.classificacao-card-titulo[b-t7u84wqqkg] {
    font-size: 12px;
    color: var(--text-secondary);
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis;
}

.classificacao-card-check[b-t7u84wqqkg] {
    position: absolute;
    top: 8px;
    right: 8px;
    width: 22px;
    height: 22px;
    background: #60a5fa;
    border-radius: 50%;
    display: flex;
    align-items: center;
    justify-content: center;
    color: white;
    animation: fadeIn-b-t7u84wqqkg 0.15s ease;
}

/* Checkbox */
.custom-checkbox[b-t7u84wqqkg] {
    appearance: none;
    -webkit-appearance: none;
    width: 18px;
    height: 18px;
    border: 2px solid var(--border);
    border-radius: 4px;
    background: var(--bg-primary);
    cursor: pointer;
    transition: all 0.2s ease;
    position: relative;
}

.custom-checkbox:hover[b-t7u84wqqkg] {
    border-color: var(--accent);
}

.custom-checkbox:checked[b-t7u84wqqkg] {
    background: var(--accent);
    border-color: var(--accent);
}

.custom-checkbox:checked[b-t7u84wqqkg]::after {
    content: '';
    position: absolute;
    top: 1px;
    left: 5px;
    width: 5px;
    height: 9px;
    border: solid #1a1a2e;
    border-width: 0 2px 2px 0;
    transform: rotate(45deg);
}

/* Dialog Footer */
.dialog-footer[b-t7u84wqqkg] {
    display: flex;
    justify-content: flex-end;
    gap: 8px;
    padding-top: 8px;
    border-top: 1px solid var(--border);
}

.btn-cancelar[b-t7u84wqqkg] {
    background: var(--bg-secondary);
    color: var(--text-secondary);
    border: 1px solid var(--border);
    border-radius: 8px;
    padding: 8px 20px;
    font-size: 13px;
    font-family: var(--font-family);
    font-weight: 500;
    cursor: pointer;
    transition: all 0.2s ease;
}

.btn-cancelar:hover[b-t7u84wqqkg] {
    background: var(--bg-hover);
    color: var(--text-primary);
}

.btn-salvar[b-t7u84wqqkg] {
    background: var(--accent);
    color: #1a1a2e;
    border: none;
    border-radius: 8px;
    padding: 8px 20px;
    font-size: 13px;
    font-family: var(--font-family);
    font-weight: 600;
    cursor: pointer;
    transition: all 0.2s ease;
    display: flex;
    align-items: center;
    gap: 6px;
}

.btn-salvar:hover[b-t7u84wqqkg] {
    background: var(--accent-hover);
}

.btn-salvar:disabled[b-t7u84wqqkg] {
    opacity: 0.5;
    cursor: not-allowed;
}

/* Massa */
.classificacao-massa[b-t7u84wqqkg] {
    display: flex;
    flex-direction: column;
    gap: 16px;
}

.classificacao-massa-info[b-t7u84wqqkg] {
    display: flex;
    align-items: center;
    gap: 8px;
    background: rgba(96, 165, 250, 0.1);
    border: 1px solid rgba(96, 165, 250, 0.25);
    border-radius: 8px;
    padding: 10px 14px;
    color: #60a5fa;
    font-size: 13px;
    font-weight: 500;
}

.btn-classificar-massa[b-t7u84wqqkg] {
    background: rgba(96, 165, 250, 0.15) !important;
    color: #60a5fa !important;
    border-color: rgba(96, 165, 250, 0.3) !important;
    animation: fadeIn-b-t7u84wqqkg 0.2s ease;
}

.btn-classificar-massa:hover[b-t7u84wqqkg] {
    background: rgba(96, 165, 250, 0.25) !important;
    border-color: rgba(96, 165, 250, 0.5) !important;
}

/* Limpar card */
.classificacao-card-limpar:hover[b-t7u84wqqkg] {
    border-color: rgba(239, 68, 68, 0.4);
    background: rgba(239, 68, 68, 0.05);
}

.classificacao-card-limpar.selected[b-t7u84wqqkg] {
    border-color: #ef4444;
    background: rgba(239, 68, 68, 0.1);
    box-shadow: 0 0 0 1px rgba(239, 68, 68, 0.3);
}

.classificacao-card-icon-limpar[b-t7u84wqqkg] {
    background: rgba(239, 68, 68, 0.15) !important;
    color: #ef4444 !important;
}

.classificacao-card-check-limpar[b-t7u84wqqkg] {
    background: #ef4444 !important;
}

/* Messages */
.upload-message[b-t7u84wqqkg] {
    padding: 8px 12px;
    border-radius: 6px;
    font-size: 13px;
    background: rgba(34, 197, 94, 0.1);
    color: #22c55e;
    border: 1px solid rgba(34, 197, 94, 0.25);
}

.upload-message.erro[b-t7u84wqqkg] {
    background: rgba(239, 68, 68, 0.1);
    color: #ef4444;
    border-color: rgba(239, 68, 68, 0.25);
}

.spinner-sm[b-t7u84wqqkg] {
    width: 14px;
    height: 14px;
    border: 2px solid rgba(0, 0, 0, 0.2);
    border-top-color: #1a1a2e;
    border-radius: 50%;
    animation: spin-b-t7u84wqqkg 0.6s linear infinite;
}

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

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

/* SfGrid Grouping Drop Area */
[b-t7u84wqqkg] .e-grid .e-groupdroparea {
    background: var(--bg-secondary) !important;
    color: var(--text-secondary) !important;
    border-color: var(--border) !important;
    font-size: 13px;
    padding: 8px 12px;
}

[b-t7u84wqqkg] .e-grid .e-groupdroparea .e-grouped-text { color: var(--text-secondary) !important; }
[b-t7u84wqqkg] .e-grid .e-groupdroparea .e-ungroupbutton { color: var(--text-secondary) !important; }
[b-t7u84wqqkg] .e-grid .e-groupdroparea .e-ungroupbutton:hover { color: var(--text-primary) !important; }
[b-t7u84wqqkg] .e-grid .e-groupheadercell { background: var(--bg-card) !important; color: var(--text-primary) !important; border: 1px solid var(--border) !important; border-radius: 4px !important; }
[b-t7u84wqqkg] .e-grid .e-groupcaption { background: var(--bg-secondary) !important; color: var(--text-heading) !important; border-color: var(--border) !important; }
[b-t7u84wqqkg] .e-grid .e-recordplusexpand, [b-t7u84wqqkg] .e-grid .e-recordpluscollapse { background: var(--bg-secondary) !important; border-color: var(--border) !important; color: var(--text-primary) !important; }
[b-t7u84wqqkg] .e-grid .e-indentcell { background: var(--bg-secondary) !important; border-color: var(--border) !important; }

/* SfGrid Dark Theme */
[b-t7u84wqqkg] .e-grid { background: var(--bg-card) !important; border: 1px solid var(--border) !important; border-radius: 12px !important; }
[b-t7u84wqqkg] .e-grid .e-headercell { background: var(--bg-secondary) !important; color: var(--text-secondary) !important; font-weight: 600; font-size: 12px; text-transform: uppercase; letter-spacing: 0.5px; border-color: var(--border) !important; white-space: nowrap !important; overflow: visible !important; text-overflow: unset !important; }
[b-t7u84wqqkg] .e-grid .e-headercelldiv { white-space: nowrap !important; overflow: visible !important; text-overflow: unset !important; }
[b-t7u84wqqkg] .e-grid .e-rowcell { background: var(--bg-card) !important; color: var(--text-heading) !important; border-color: var(--border) !important; font-size: 14px; }
[b-t7u84wqqkg] .e-grid .e-row:hover .e-rowcell { background: var(--bg-hover) !important; }
[b-t7u84wqqkg] .e-grid .e-altrow .e-rowcell { background: var(--bg-secondary) !important; }
[b-t7u84wqqkg] .e-grid .e-altrow:hover .e-rowcell { background: var(--bg-hover) !important; }
[b-t7u84wqqkg] .e-grid .e-gridheader { border-color: var(--border) !important; }
[b-t7u84wqqkg] .e-grid .e-gridcontent { border-color: var(--border) !important; overflow-y: auto !important; }

/* SfDialog Dark Theme */
[b-t7u84wqqkg] .e-dialog { background: var(--bg-card) !important; border: 1px solid var(--border) !important; border-radius: 12px !important; box-shadow: 0 20px 60px rgba(0, 0, 0, 0.5) !important; }
[b-t7u84wqqkg] .e-dialog .e-dlg-header-content { background: var(--bg-secondary) !important; border-bottom: 1px solid var(--border) !important; border-radius: 12px 12px 0 0 !important; }
[b-t7u84wqqkg] .e-dialog .e-dlg-header { color: var(--text-primary) !important; font-weight: 600; font-size: 16px; }
[b-t7u84wqqkg] .e-dialog .e-dlg-content { background: var(--bg-card) !important; color: var(--text-heading) !important; }
[b-t7u84wqqkg] .e-dialog .e-btn.e-dlg-closeicon-btn { color: var(--text-secondary) !important; }
[b-t7u84wqqkg] .e-dialog .e-btn.e-dlg-closeicon-btn:hover { color: var(--text-primary) !important; background: rgba(255, 255, 255, 0.1) !important; }

/* Responsive */
@media (max-width: 768px) {
    .page-container[b-t7u84wqqkg] {
        padding: 16px;
    }
    .toolbar[b-t7u84wqqkg] {
        flex-direction: column;
        align-items: stretch;
    }
    .wizard-stepper[b-t7u84wqqkg] {
        flex-direction: column;
        gap: 8px;
    }
    .wizard-step-line[b-t7u84wqqkg] {
        width: 2px;
        height: 16px;
        min-width: unset;
        margin: 0;
    }
}

/* ===== WIZARD CONTEXT BANNER ===== */
.wizard-context[b-t7u84wqqkg] {
    display: flex;
    gap: 12px;
    padding: 14px 16px;
    background: rgba(250, 204, 21, 0.06);
    border: 1px solid rgba(250, 204, 21, 0.25);
    border-radius: 10px;
    margin-bottom: 16px;
}

.wizard-context-icon[b-t7u84wqqkg] {
    flex-shrink: 0;
    width: 28px;
    height: 28px;
    border-radius: 50%;
    background: rgba(250, 204, 21, 0.15);
    color: #facc15;
    display: flex;
    align-items: center;
    justify-content: center;
}

.wizard-context-body[b-t7u84wqqkg] {
    flex: 1;
    min-width: 0;
}

.wizard-context-title[b-t7u84wqqkg] {
    font-size: 13px;
    font-weight: 600;
    color: var(--text-primary);
    margin-bottom: 6px;
}

.wizard-context-lista[b-t7u84wqqkg] {
    list-style: none;
    padding: 0;
    margin: 0 0 8px 0;
    display: flex;
    flex-direction: column;
    gap: 3px;
}

.wizard-context-lista li[b-t7u84wqqkg] {
    font-size: 12.5px;
    color: var(--text-secondary);
    line-height: 1.5;
}

.wizard-context-lista li strong[b-t7u84wqqkg] {
    color: var(--text-primary);
    font-weight: 600;
}

.wizard-context-footer[b-t7u84wqqkg] {
    font-size: 12px;
    color: var(--text-muted);
    font-style: italic;
}

/* ===== ETAPA DESCRIÇÃO ===== */
.wizard-etapa-descricao[b-t7u84wqqkg] {
    font-size: 12.5px;
    color: var(--text-secondary);
    line-height: 1.55;
    padding: 10px 14px;
    background: var(--bg-secondary);
    border-left: 3px solid var(--accent);
    border-radius: 6px;
    margin-bottom: 16px;
}

.wizard-etapa-descricao:empty[b-t7u84wqqkg] {
    display: none;
}
/* _content/Logistikk.Web/Components/Pages/Admin/Laudo.razor.rz.scp.css */
.page-container[b-44c4xp6dh4] {
    padding: 24px;
    font-family: var(--font-family);
    flex: 1;
    display: flex;
    flex-direction: column;
    min-height: 0;
    overflow: hidden;
}

/* ===== Laudo - filter bar (estilo do Dashboard) ===== */
.laudo-filter-bar[b-44c4xp6dh4] {
    display: flex;
    flex-wrap: wrap;
    gap: 10px;
    align-items: center;
    justify-content: flex-end;
    background: var(--bg-secondary);
    border: 1px solid var(--border);
    border-radius: 10px;
    padding: 12px 14px;
    margin-bottom: 16px;
}

[b-44c4xp6dh4] .periodo-dropdown-wrapper {
    position: relative;
}

[b-44c4xp6dh4] .btn-periodo {
    background: rgba(96, 165, 250, 0.12);
    color: #60a5fa;
    border: 1px solid rgba(96, 165, 250, 0.3);
    border-radius: 8px;
    padding: 6px 14px;
    font-size: 13px;
    font-family: var(--font-family);
    font-weight: 500;
    cursor: pointer;
    transition: all 0.2s ease;
    display: flex;
    align-items: center;
    gap: 6px;
    white-space: nowrap;
}

[b-44c4xp6dh4] .btn-periodo:hover {
    background: rgba(96, 165, 250, 0.2);
    border-color: rgba(96, 165, 250, 0.5);
}

[b-44c4xp6dh4] .btn-periodo.active {
    background: rgba(163, 230, 53, 0.15);
    color: var(--accent);
    border-color: rgba(163, 230, 53, 0.5);
}

[b-44c4xp6dh4] .periodo-panel {
    position: absolute;
    top: calc(100% + 8px);
    right: 0;
    z-index: 1000;
    background: var(--bg-card);
    border: 1px solid var(--border);
    border-radius: 12px;
    padding: 16px;
    min-width: 340px;
    box-shadow: 0 12px 40px rgba(0, 0, 0, 0.35);
}

[b-44c4xp6dh4] .periodo-panel-title {
    font-size: 11px;
    font-weight: 600;
    text-transform: uppercase;
    letter-spacing: 0.8px;
    color: var(--text-muted);
    margin-bottom: 10px;
}

[b-44c4xp6dh4] .periodo-panel-presets {
    display: flex;
    flex-wrap: wrap;
    gap: 6px;
}

[b-44c4xp6dh4] .periodo-btn {
    background: var(--bg-secondary);
    border: 1px solid var(--border);
    color: var(--text-secondary);
    padding: 6px 12px;
    border-radius: 6px;
    font-size: 12px;
    font-family: var(--font-family);
    font-weight: 500;
    cursor: pointer;
    transition: all 0.15s ease;
    white-space: nowrap;
}

[b-44c4xp6dh4] .periodo-btn:hover {
    color: var(--text-heading);
    border-color: var(--accent);
    background: rgba(163, 230, 53, 0.08);
}

[b-44c4xp6dh4] .periodo-btn.active {
    background: rgba(163, 230, 53, 0.15);
    border-color: rgba(163, 230, 53, 0.5);
    color: var(--accent);
    font-weight: 600;
}

[b-44c4xp6dh4] .periodo-panel-divider {
    height: 1px;
    background: var(--border);
    margin: 14px 0;
}

[b-44c4xp6dh4] .periodo-panel-custom {
    display: flex;
    gap: 12px;
}

[b-44c4xp6dh4] .periodo-field {
    flex: 1;
    display: flex;
    flex-direction: column;
    gap: 4px;
}

[b-44c4xp6dh4] .periodo-field label {
    font-size: 11px;
    color: var(--text-muted);
    font-weight: 500;
}

[b-44c4xp6dh4] .periodo-input {
    background: var(--bg-secondary);
    border: 1px solid var(--border);
    color: var(--text-heading);
    padding: 7px 10px;
    border-radius: 6px;
    font-size: 12px;
    font-family: var(--font-family);
    outline: none;
    transition: border-color 0.2s ease;
    width: 100%;
}

[b-44c4xp6dh4] .periodo-input:focus {
    border-color: var(--accent);
}

[b-44c4xp6dh4] .transp-panel {
    min-width: 420px;
    right: 0;
    left: auto;
}

[b-44c4xp6dh4] .transp-search {
    margin-bottom: 8px;
}

[b-44c4xp6dh4] .transp-list {
    display: flex;
    flex-direction: column;
    gap: 4px;
    max-height: 280px;
    overflow-y: auto;
    padding-right: 4px;
}

[b-44c4xp6dh4] .transp-list .periodo-btn {
    text-align: left;
    white-space: normal;
    word-break: break-word;
    width: 100%;
    color: var(--text-heading);
    font-size: 13px;
    padding: 10px 12px;
    line-height: 1.4;
    display: flex;
    align-items: center;
    gap: 8px;
}

[b-44c4xp6dh4] .transp-check {
    display: inline-flex;
    align-items: center;
    justify-content: center;
    width: 18px;
    height: 18px;
    border: 1.5px solid rgba(148, 163, 184, 0.4);
    border-radius: 4px;
    font-size: 12px;
    color: var(--accent);
    flex-shrink: 0;
    transition: all 0.15s;
}

[b-44c4xp6dh4] .periodo-btn.active .transp-check {
    background: rgba(163, 230, 53, 0.15);
    border-color: var(--accent);
}

[b-44c4xp6dh4] .periodo-btn-limpar {
    background: rgba(239, 68, 68, 0.08);
    border: 1px solid rgba(239, 68, 68, 0.2);
    color: #ef4444;
    padding: 7px 12px;
    border-radius: 6px;
    font-size: 12px;
    font-family: var(--font-family);
    font-weight: 500;
    cursor: pointer;
    transition: all 0.2s ease;
    display: flex;
    align-items: center;
    justify-content: center;
    gap: 6px;
    width: 100%;
}

[b-44c4xp6dh4] .periodo-btn-limpar:hover {
    background: rgba(239, 68, 68, 0.15);
}

[b-44c4xp6dh4] .btn-limpar-filtros {
    background: rgba(239, 68, 68, 0.15);
    color: #ef4444;
    border: 1px solid rgba(239, 68, 68, 0.3);
    border-radius: 8px;
    padding: 6px 16px;
    font-size: 13px;
    font-family: var(--font-family);
    font-weight: 500;
    cursor: pointer;
    transition: all 0.2s ease;
    display: flex;
    align-items: center;
    gap: 6px;
}

[b-44c4xp6dh4] .btn-limpar-filtros:hover {
    background: rgba(239, 68, 68, 0.25);
}

/* ===== Laudo - KPIs ===== */
[b-44c4xp6dh4] .laudo-kpis {
    display: grid;
    grid-template-columns: repeat(auto-fit, minmax(180px, 1fr));
    gap: 12px;
    margin-bottom: 16px;
}

[b-44c4xp6dh4] .laudo-kpi {
    background: var(--bg-secondary);
    border: 1px solid var(--border);
    border-radius: 10px;
    padding: 14px 16px;
}

[b-44c4xp6dh4] .laudo-kpi .kpi-label {
    font-size: 11px;
    color: #94a3b8;
    text-transform: uppercase;
    letter-spacing: 0.5px;
    font-weight: 600;
    margin-bottom: 6px;
}

[b-44c4xp6dh4] .laudo-kpi .kpi-value {
    font-size: 20px;
    font-weight: 700;
    color: var(--text-heading, #e2e8f0);
}

[b-44c4xp6dh4] .laudo-kpi .kpi-sub {
    font-size: 12px;
    color: #94a3b8;
    margin-top: 2px;
}

[b-44c4xp6dh4] .laudo-kpi.kpi-acima {
    border-left: 3px solid #ef4444;
}
[b-44c4xp6dh4] .laudo-kpi.kpi-acima .kpi-value { color: #ef4444; }

[b-44c4xp6dh4] .laudo-kpi.kpi-abaixo {
    border-left: 3px solid #f59e0b;
}
[b-44c4xp6dh4] .laudo-kpi.kpi-abaixo .kpi-value { color: #f59e0b; }

[b-44c4xp6dh4] .laudo-kpi.kpi-ok {
    border-left: 3px solid #22c55e;
}
[b-44c4xp6dh4] .laudo-kpi.kpi-ok .kpi-value { color: #22c55e; }

/* ===== Laudo - empty state ===== */
[b-44c4xp6dh4] .laudo-empty {
    text-align: center;
    padding: 56px 24px;
    color: #64748b;
    font-size: 14px;
    background: var(--bg-secondary);
    border: 1px dashed var(--border);
    border-radius: 10px;
}

/* ===== Grid wrapper ===== */
[b-44c4xp6dh4] #grid-laudo-main {
    background: var(--bg-secondary);
    border: 1px solid var(--border);
    border-radius: 10px;
    padding: 8px;
    height: calc(100vh - 360px);
    min-height: 420px;
}

/* ===== Botões (padrão do Dashboard / NotasFiscais) ===== */
[b-44c4xp6dh4] .btn-atualizar {
    background: rgba(163, 230, 53, 0.15);
    color: var(--accent);
    border: 1px solid rgba(163, 230, 53, 0.3);
    border-radius: 8px;
    padding: 6px 16px;
    font-size: 13px;
    font-family: var(--font-family);
    font-weight: 500;
    cursor: pointer;
    transition: all 0.2s ease;
    display: inline-flex;
    align-items: center;
    gap: 6px;
    white-space: nowrap;
}

[b-44c4xp6dh4] .btn-atualizar:hover:not(:disabled) {
    background: rgba(163, 230, 53, 0.25);
}

[b-44c4xp6dh4] .btn-atualizar:disabled {
    opacity: 0.6;
    cursor: not-allowed;
}

[b-44c4xp6dh4] .btn-export {
    background: rgba(34, 197, 94, 0.15);
    color: #22c55e;
    border: 1px solid rgba(34, 197, 94, 0.3);
    border-radius: 8px;
    padding: 6px 16px;
    font-size: 13px;
    font-family: var(--font-family);
    font-weight: 500;
    cursor: pointer;
    transition: all 0.2s ease;
    display: inline-flex;
    align-items: center;
    gap: 6px;
    white-space: nowrap;
}

[b-44c4xp6dh4] .btn-export:hover {
    background: rgba(34, 197, 94, 0.25);
    border-color: rgba(34, 197, 94, 0.5);
}

[b-44c4xp6dh4] .spinner-sm {
    width: 14px;
    height: 14px;
    border: 2px solid rgba(163, 230, 53, 0.3);
    border-top-color: var(--accent);
    border-radius: 50%;
    animation: spin-b-44c4xp6dh4 0.8s linear infinite;
}

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

/* Alerta de registros sem tabela de preço */
.laudo-alerta-sem-tabela[b-44c4xp6dh4] {
    display: flex;
    align-items: center;
    gap: 10px;
    padding: 10px 14px;
    margin: 12px 0;
    background: rgba(245, 158, 11, 0.12);
    border: 1px solid rgba(245, 158, 11, 0.35);
    border-left: 3px solid #f59e0b;
    border-radius: 8px;
    color: #f59e0b;
    font-size: 13px;
    line-height: 1.4;
}

.laudo-alerta-sem-tabela svg[b-44c4xp6dh4] {
    flex-shrink: 0;
}

.laudo-alerta-sem-tabela strong[b-44c4xp6dh4] {
    color: #fbbf24;
    font-weight: 600;
}

/* Badges de status na coluna Status do grid */
[b-44c4xp6dh4] .badge-status {
    display: inline-flex;
    align-items: center;
    justify-content: center;
    gap: 4px;
    padding: 3px 10px;
    border-radius: 999px;
    font-size: 12px;
    font-weight: 600;
    line-height: 1;
    white-space: nowrap;
}

[b-44c4xp6dh4] .badge-acima {
    background: rgba(239, 68, 68, 0.15);
    color: #ef4444;
    border: 1px solid rgba(239, 68, 68, 0.35);
}

[b-44c4xp6dh4] .badge-abaixo {
    background: rgba(245, 158, 11, 0.15);
    color: #f59e0b;
    border: 1px solid rgba(245, 158, 11, 0.35);
}

[b-44c4xp6dh4] .badge-normal {
    background: rgba(34, 197, 94, 0.15);
    color: #22c55e;
    border: 1px solid rgba(34, 197, 94, 0.35);
}

[b-44c4xp6dh4] .badge-sem-tabela {
    background: rgba(148, 163, 184, 0.15);
    color: #94a3b8;
    border: 1px solid rgba(148, 163, 184, 0.35);
}
/* _content/Logistikk.Web/Components/Pages/Admin/Motoristas.razor.rz.scp.css */
.page-container[b-f54sf04nlb] {
    padding: 24px;
    font-family: var(--font-family);
    flex: 1;
    display: flex;
    flex-direction: column;
    min-height: 0;
    overflow: hidden;
}

/* Summary Cards */
.summary-cards[b-f54sf04nlb] {
    display: flex;
    gap: 16px;
    margin-bottom: 16px;
    flex-shrink: 0;
}

.summary-card[b-f54sf04nlb] {
    background: rgba(255, 255, 255, 0.04);
    border: 1px solid var(--border);
    border-radius: 12px;
    padding: 16px 20px;
    flex: 1;
    display: flex;
    flex-direction: column;
    gap: 4px;
}

.summary-label[b-f54sf04nlb] {
    font-size: 11px;
    font-weight: 600;
    text-transform: uppercase;
    letter-spacing: 0.5px;
    color: var(--text-secondary);
}

.summary-value[b-f54sf04nlb] {
    font-size: 22px;
    font-weight: 700;
    color: var(--text-heading);
}

/* Toolbar */
.toolbar[b-f54sf04nlb] {
    display: flex;
    gap: 12px;
    margin: 16px 0;
    align-items: center;
    flex-shrink: 0;
}

/* Tab Buttons */
.tab-btn[b-f54sf04nlb] {
    background: var(--bg-secondary);
    border: 1px solid var(--border);
    color: var(--text-secondary);
    padding: 8px 20px;
    border-radius: 6px;
    font-size: 13px;
    font-family: var(--font-family);
    font-weight: 500;
    cursor: pointer;
    transition: all 0.2s ease;
}

.tab-btn:hover[b-f54sf04nlb] {
    color: var(--text-heading);
    border-color: var(--accent);
}

.tab-btn.active[b-f54sf04nlb] {
    background: rgba(163, 230, 53, 0.15);
    color: var(--accent);
    border-color: var(--accent);
    font-weight: 600;
}

/* New Record Button */
.btn-novo[b-f54sf04nlb] {
    background: var(--accent);
    color: #1a1a2e;
    border: none;
    border-radius: 8px;
    padding: 6px 16px;
    font-size: 13px;
    font-family: var(--font-family);
    font-weight: 500;
    cursor: pointer;
    transition: all 0.2s ease;
    display: flex;
    align-items: center;
    gap: 6px;
}

.btn-novo:hover[b-f54sf04nlb] {
    background: #bef264;
    box-shadow: 0 4px 12px rgba(163, 230, 53, 0.35);
}

/* Fullscreen Button */
.btn-fullscreen-grid[b-f54sf04nlb] {
    background: var(--bg-card);
    color: var(--text-secondary);
    border: 1px solid var(--border);
    border-radius: 8px;
    padding: 6px 10px;
    cursor: pointer;
    display: flex;
    align-items: center;
    justify-content: center;
    transition: all 0.2s ease;
}

.btn-fullscreen-grid:hover[b-f54sf04nlb] {
    background: var(--bg-hover);
    color: var(--text-primary);
    border-color: var(--accent);
}

/* Badges */
.badge-ativo[b-f54sf04nlb] {
    background: rgba(74, 222, 128, 0.15);
    color: #4ade80;
    padding: 2px 10px;
    border-radius: 10px;
    font-size: 12px;
    font-weight: 500;
}

.badge-inativo[b-f54sf04nlb] {
    background: rgba(248, 113, 113, 0.15);
    color: #f87171;
    padding: 2px 10px;
    border-radius: 10px;
    font-size: 12px;
    font-weight: 500;
}

/* Sidebar (Dialog) */
.sidebar-header[b-f54sf04nlb] {
    display: flex;
    align-items: center;
    gap: 10px;
    color: var(--text-primary);
    width: 100%;
}

.sidebar-header svg[b-f54sf04nlb] {
    color: var(--accent);
}

.sidebar-content[b-f54sf04nlb] {
    padding: 20px;
    display: flex;
    flex-direction: column;
    min-height: 0;
    overflow-y: auto;
    overflow-x: hidden;
}

/* Edit Form */
.edit-form[b-f54sf04nlb] {
    display: flex;
    flex-direction: column;
    gap: 4px;
    overflow: visible;
}

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

.form-group[b-f54sf04nlb] {
    display: flex;
    flex-direction: column;
    gap: 4px;
}

.form-group label[b-f54sf04nlb] {
    color: var(--text-secondary);
    font-size: 12px;
    font-weight: 500;
    text-transform: uppercase;
    letter-spacing: 0.5px;
}

.form-input[b-f54sf04nlb] {
    background: var(--bg-primary);
    border: 1px solid var(--border);
    color: var(--text-primary);
    border-radius: 8px;
    padding: 10px 12px;
    font-size: 14px;
    font-family: var(--font-family);
    outline: none;
    transition: border-color 0.2s ease;
    min-width: 0;
    width: 100%;
    box-sizing: border-box;
}

.form-input:focus[b-f54sf04nlb] {
    border-color: var(--accent);
    box-shadow: 0 0 0 2px rgba(163, 230, 53, 0.15);
}

.form-input[readonly][b-f54sf04nlb] {
    opacity: 0.6;
    cursor: not-allowed;
}

/* Dialog Footer */
.dialog-footer[b-f54sf04nlb] {
    display: flex;
    justify-content: flex-end;
    gap: 8px;
    margin-top: 16px;
    padding-top: 16px;
    border-top: 1px solid var(--border);
}

.btn-cancelar[b-f54sf04nlb] {
    background: transparent;
    color: var(--text-secondary);
    border: 1px solid var(--border);
    border-radius: 8px;
    padding: 8px 20px;
    font-size: 13px;
    font-family: var(--font-family);
    font-weight: 500;
    cursor: pointer;
    transition: all 0.2s ease;
}

.btn-cancelar:hover[b-f54sf04nlb] {
    background: rgba(255, 255, 255, 0.05);
    color: var(--text-primary);
}

.btn-salvar[b-f54sf04nlb] {
    background: var(--accent);
    color: #1a1a2e;
    border: none;
    border-radius: 8px;
    padding: 8px 24px;
    font-size: 13px;
    font-family: var(--font-family);
    font-weight: 500;
    cursor: pointer;
    display: flex;
    align-items: center;
    gap: 6px;
    transition: all 0.2s ease;
}

.btn-salvar:hover:not(:disabled)[b-f54sf04nlb] {
    background: #bef264;
}

.btn-salvar:disabled[b-f54sf04nlb] {
    opacity: 0.5;
    cursor: not-allowed;
}

.spinner-sm[b-f54sf04nlb] {
    width: 14px;
    height: 14px;
    border: 2px solid rgba(255, 255, 255, 0.3);
    border-top-color: currentColor;
    border-radius: 50%;
    animation: spin-b-f54sf04nlb 0.6s linear infinite;
}

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

/* Empty text */
.empty-text[b-f54sf04nlb] {
    color: var(--text-muted);
    font-size: 13px;
    font-style: italic;
    margin: 8px 0;
}

/* SfGrid Dark Theme Overrides */
[b-f54sf04nlb] .e-grid {
    background: var(--bg-card) !important;
    border: 1px solid var(--border) !important;
    border-radius: 12px !important;
}

[b-f54sf04nlb] .e-grid .e-headercell {
    background: var(--bg-secondary) !important;
    color: var(--text-secondary) !important;
    font-weight: 600;
    font-size: 12px;
    text-transform: uppercase;
    letter-spacing: 0.5px;
    border-color: var(--border) !important;
    white-space: nowrap !important;
    overflow: visible !important;
    text-overflow: unset !important;
}

[b-f54sf04nlb] .e-grid .e-headercelldiv {
    white-space: nowrap !important;
    overflow: visible !important;
    text-overflow: unset !important;
}

[b-f54sf04nlb] .e-grid .e-rowcell {
    background: var(--bg-card) !important;
    color: var(--text-heading) !important;
    border-color: var(--border) !important;
    font-size: 14px;
}

[b-f54sf04nlb] .e-grid .e-row:hover .e-rowcell {
    background: var(--bg-hover) !important;
}

[b-f54sf04nlb] .e-grid .e-altrow .e-rowcell {
    background: var(--bg-secondary) !important;
}

[b-f54sf04nlb] .e-grid .e-altrow:hover .e-rowcell {
    background: var(--bg-hover) !important;
}

[b-f54sf04nlb] .e-grid .e-gridheader {
    border-color: var(--border) !important;
}

[b-f54sf04nlb] .e-grid .e-gridcontent {
    border-color: var(--border) !important;
    overflow-y: auto !important;
}

[b-f54sf04nlb] .e-grid .e-gridpager {
    background: var(--bg-card) !important;
    color: var(--text-secondary) !important;
    border-color: var(--border) !important;
}

[b-f54sf04nlb] .e-grid .e-emptyrow,
[b-f54sf04nlb] .e-grid .e-emptyrow .e-rowcell {
    background: var(--bg-card) !important;
    color: var(--text-secondary) !important;
}

/* SfGrid Filter */
[b-f54sf04nlb] .e-grid .e-filterbar .e-filterbarcell {
    background: var(--bg-secondary) !important;
    border-color: var(--border) !important;
}

[b-f54sf04nlb] .e-grid .e-filterbar input {
    background: var(--bg-primary) !important;
    color: var(--text-primary) !important;
    border-color: var(--border) !important;
}

[b-f54sf04nlb] .e-excelfilter {
    background: var(--bg-card) !important;
    border-color: var(--border) !important;
    color: var(--text-primary) !important;
}

[b-f54sf04nlb] .e-excelfilter .e-dlg-header-content {
    background: var(--bg-secondary) !important;
    border-bottom: 1px solid var(--border) !important;
}

[b-f54sf04nlb] .e-excelfilter .e-dlg-header {
    color: var(--text-primary) !important;
}

[b-f54sf04nlb] .e-excelfilter .e-dlg-content {
    background: var(--bg-card) !important;
    color: var(--text-primary) !important;
}

[b-f54sf04nlb] .e-excelfilter .e-ftrchk,
[b-f54sf04nlb] .e-excelfilter .e-searchbox {
    background: var(--bg-card) !important;
    color: var(--text-primary) !important;
}

[b-f54sf04nlb] .e-excelfilter .e-footer-content {
    background: var(--bg-secondary) !important;
    border-top: 1px solid var(--border) !important;
}

[b-f54sf04nlb] .e-excelfilter .e-btn {
    color: var(--text-primary) !important;
}

/* SfDialog Dark Theme Overrides */
[b-f54sf04nlb] .e-dialog {
    background: var(--bg-card) !important;
    border: 1px solid var(--border) !important;
    border-radius: 12px !important;
    box-shadow: 0 20px 60px rgba(0, 0, 0, 0.5) !important;
}

[b-f54sf04nlb] .e-dialog .e-dlg-header-content {
    background: var(--bg-secondary) !important;
    border-bottom: 1px solid var(--border) !important;
    border-radius: 12px 12px 0 0 !important;
    display: flex;
    align-items: center;
}

[b-f54sf04nlb] .e-dialog .e-dlg-header {
    color: var(--text-primary) !important;
    font-weight: 600;
    font-size: 16px;
}

[b-f54sf04nlb] .e-dialog .e-dlg-content {
    background: var(--bg-card) !important;
    color: var(--text-heading) !important;
    overflow: visible !important;
    padding: 16px 20px !important;
}

[b-f54sf04nlb] .e-dialog .e-btn.e-dlg-closeicon-btn {
    color: var(--text-secondary) !important;
}

[b-f54sf04nlb] .e-dialog .e-btn.e-dlg-closeicon-btn:hover {
    color: var(--text-primary) !important;
    background: rgba(255, 255, 255, 0.1) !important;
}

/* Responsive */
@media (max-width: 768px) {
    .page-container[b-f54sf04nlb] {
        padding: 16px;
    }

    .summary-cards[b-f54sf04nlb] {
        flex-direction: column;
    }

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

    .form-row[b-f54sf04nlb] {
        grid-template-columns: 1fr;
    }
}
/* _content/Logistikk.Web/Components/Pages/Admin/NotasFiscais.razor.rz.scp.css */
.page-container[b-56s3oyr7le] {
    padding: 24px;
    font-family: var(--font-family);
    flex: 1;
    display: flex;
    flex-direction: column;
    min-height: 0;
    overflow: hidden;
}

.page-header[b-56s3oyr7le] {
    margin-bottom: 24px;
}

.page-header h1[b-56s3oyr7le] {
    color: var(--text-primary);
    font-weight: 700;
    font-size: 28px;
    margin: 0 0 4px 0;
}

.page-subtitle[b-56s3oyr7le] {
    color: var(--text-secondary);
    font-size: 14px;
    margin: 0;
}

/* Toolbar */
.toolbar[b-56s3oyr7le] {
    display: flex;
    gap: 12px;
    margin: 16px 0;
    align-items: center;
    flex-shrink: 0;
}

.search-input[b-56s3oyr7le] {
    background: var(--bg-primary);
    border: 1px solid var(--border);
    color: var(--text-primary);
    border-radius: 8px;
    padding: 10px 16px;
    width: 320px;
    font-size: 14px;
    font-family: var(--font-family);
    outline: none;
    transition: border-color 0.2s ease;
}

.search-input[b-56s3oyr7le]::placeholder {
    color: var(--text-muted);
}

.search-input:focus[b-56s3oyr7le] {
    border-color: #7e56d8;
    box-shadow: 0 0 0 2px rgba(126, 86, 216, 0.15);
}

/* Export Button */
.btn-export[b-56s3oyr7le] {
    background: rgba(34, 197, 94, 0.15);
    color: #22c55e;
    border: 1px solid rgba(34, 197, 94, 0.3);
    border-radius: 8px;
    padding: 6px 16px;
    font-size: 13px;
    font-family: var(--font-family);
    font-weight: 500;
    cursor: pointer;
    transition: all 0.2s ease;
    display: flex;
    align-items: center;
    gap: 6px;
}

.btn-export:hover[b-56s3oyr7le] {
    background: rgba(34, 197, 94, 0.25);
    border-color: rgba(34, 197, 94, 0.5);
}

/* Action Buttons */
.action-buttons[b-56s3oyr7le] {
    display: flex;
    gap: 4px;
    justify-content: center;
}

.btn-action[b-56s3oyr7le] {
    width: 32px;
    height: 32px;
    border-radius: 6px;
    border: none;
    cursor: pointer;
    display: flex;
    align-items: center;
    justify-content: center;
    transition: all 0.2s ease;
}

.btn-view[b-56s3oyr7le] {
    background: rgba(163, 230, 53, 0.15);
    color: var(--accent);
}

.btn-view:hover[b-56s3oyr7le] {
    background: rgba(163, 230, 53, 0.3);
}

.btn-download[b-56s3oyr7le] {
    background: rgba(96, 165, 250, 0.15);
    color: #60a5fa;
    text-decoration: none;
}

.btn-download:hover[b-56s3oyr7le] {
    background: rgba(96, 165, 250, 0.3);
}

.action-icon[b-56s3oyr7le] {
    font-size: 16px;
    line-height: 1;
}

/* Pagination */
.pagination[b-56s3oyr7le] {
    display: flex;
    justify-content: flex-end;
    align-items: center;
    gap: 8px;
    margin-top: 16px;
}

.btn-page[b-56s3oyr7le] {
    background: var(--bg-card);
    border: 1px solid var(--border);
    color: var(--text-primary);
    border-radius: 6px;
    padding: 8px 16px;
    font-size: 13px;
    font-family: var(--font-family);
    cursor: pointer;
    transition: all 0.2s ease;
}

.btn-page:hover:not(:disabled)[b-56s3oyr7le] {
    background: #7e56d8;
    border-color: #7e56d8;
}

.btn-page:disabled[b-56s3oyr7le] {
    opacity: 0.4;
    cursor: not-allowed;
}

.page-info[b-56s3oyr7le] {
    color: var(--text-secondary);
    font-size: 13px;
    padding: 0 8px;
}

/* Detail Dialog */
.detail-grid[b-56s3oyr7le] {
    display: grid;
    gap: 0;
}

.detail-row[b-56s3oyr7le] {
    display: flex;
    justify-content: space-between;
    align-items: center;
    padding: 10px 0;
    border-bottom: 1px solid var(--border);
    color: var(--text-heading);
    font-size: 14px;
}

.detail-row:last-child[b-56s3oyr7le] {
    border-bottom: none;
}

.detail-label[b-56s3oyr7le] {
    color: var(--text-secondary);
    font-weight: 500;
    min-width: 120px;
}

.chave-acesso[b-56s3oyr7le] {
    font-family: 'Courier New', monospace;
    font-size: 12px;
    word-break: break-all;
    text-align: right;
    max-width: 340px;
}

/* SfGrid Grouping Drop Area */
[b-56s3oyr7le] .e-grid .e-groupdroparea {
    background: var(--bg-secondary) !important;
    color: var(--text-secondary) !important;
    border-color: var(--border) !important;
    font-size: 13px;
    padding: 8px 12px;
}

[b-56s3oyr7le] .e-grid .e-groupdroparea .e-grouped-text {
    color: var(--text-secondary) !important;
}

[b-56s3oyr7le] .e-grid .e-groupdroparea .e-ungroupbutton {
    color: var(--text-secondary) !important;
}

[b-56s3oyr7le] .e-grid .e-groupdroparea .e-ungroupbutton:hover {
    color: var(--text-primary) !important;
}

[b-56s3oyr7le] .e-grid .e-groupheadercell {
    background: var(--bg-card) !important;
    color: var(--text-primary) !important;
    border: 1px solid var(--border) !important;
    border-radius: 4px !important;
}

[b-56s3oyr7le] .e-grid .e-groupcaption {
    background: var(--bg-secondary) !important;
    color: var(--text-heading) !important;
    border-color: var(--border) !important;
}

[b-56s3oyr7le] .e-grid .e-recordplusexpand,
[b-56s3oyr7le] .e-grid .e-recordpluscollapse {
    background: var(--bg-secondary) !important;
    border-color: var(--border) !important;
    color: var(--text-primary) !important;
}

[b-56s3oyr7le] .e-grid .e-indentcell {
    background: var(--bg-secondary) !important;
    border-color: var(--border) !important;
}

/* SfGrid Dark Theme Overrides */
[b-56s3oyr7le] .e-grid {
    background: var(--bg-card) !important;
    border: 1px solid var(--border) !important;
    border-radius: 12px !important;
}

[b-56s3oyr7le] .e-grid .e-headercell {
    background: var(--bg-secondary) !important;
    color: var(--text-secondary) !important;
    font-weight: 600;
    font-size: 12px;
    text-transform: uppercase;
    letter-spacing: 0.5px;
    border-color: var(--border) !important;
    white-space: nowrap !important;
    overflow: visible !important;
    text-overflow: unset !important;
}

[b-56s3oyr7le] .e-grid .e-headercelldiv {
    white-space: nowrap !important;
    overflow: visible !important;
    text-overflow: unset !important;
}

[b-56s3oyr7le] .e-grid .e-rowcell {
    background: var(--bg-card) !important;
    color: var(--text-heading) !important;
    border-color: var(--border) !important;
    font-size: 14px;
}

[b-56s3oyr7le] .e-grid .e-row:hover .e-rowcell {
    background: var(--bg-hover) !important;
}

[b-56s3oyr7le] .e-grid .e-altrow .e-rowcell {
    background: var(--bg-secondary) !important;
}

[b-56s3oyr7le] .e-grid .e-altrow:hover .e-rowcell {
    background: var(--bg-hover) !important;
}

[b-56s3oyr7le] .e-grid .e-gridheader {
    border-color: var(--border) !important;
}

[b-56s3oyr7le] .e-grid .e-gridcontent {
    border-color: var(--border) !important;
    overflow-y: auto !important;
}

/* SfDialog Dark Theme Overrides */
[b-56s3oyr7le] .e-dialog {
    background: var(--bg-card) !important;
    border: 1px solid var(--border) !important;
    border-radius: 12px !important;
    box-shadow: 0 20px 60px rgba(0, 0, 0, 0.5) !important;
}

[b-56s3oyr7le] .e-dialog .e-dlg-header-content {
    background: var(--bg-secondary) !important;
    border-bottom: 1px solid var(--border) !important;
    border-radius: 12px 12px 0 0 !important;
}

[b-56s3oyr7le] .e-dialog .e-dlg-header {
    color: var(--text-primary) !important;
    font-weight: 600;
    font-size: 16px;
}

[b-56s3oyr7le] .e-dialog .e-dlg-content {
    background: var(--bg-card) !important;
    color: var(--text-heading) !important;
}

[b-56s3oyr7le] .e-dialog .e-btn.e-dlg-closeicon-btn {
    color: var(--text-secondary) !important;
}

[b-56s3oyr7le] .e-dialog .e-btn.e-dlg-closeicon-btn:hover {
    color: var(--text-primary) !important;
    background: rgba(255, 255, 255, 0.1) !important;
}

/* Sidebar Detail */
.sidebar-header[b-56s3oyr7le] {
    display: flex;
    align-items: center;
    gap: 10px;
    color: var(--text-primary);
    width: 100%;
}

.sidebar-header svg[b-56s3oyr7le] {
    color: var(--accent);
}

.btn-download-zip[b-56s3oyr7le] {
    margin-left: auto;
    margin-right: 12px;
    display: flex;
    align-items: center;
    gap: 6px;
    background: rgba(96, 165, 250, 0.15);
    color: #60a5fa;
    border: 1px solid rgba(96, 165, 250, 0.3);
    border-radius: 8px;
    padding: 6px 14px;
    font-size: 12px;
    font-family: var(--font-family);
    font-weight: 500;
    text-decoration: none;
    cursor: pointer;
    transition: all 0.2s ease;
}

.btn-download-zip:hover[b-56s3oyr7le] {
    background: rgba(96, 165, 250, 0.25);
    border-color: rgba(96, 165, 250, 0.5);
    color: #60a5fa;
}

.btn-download-zip svg[b-56s3oyr7le] {
    color: #60a5fa;
}

/* Alinhar botão fechar com o header */
[b-56s3oyr7le] .sidebar-detail .e-dlg-header-content {
    display: flex;
    align-items: center;
}

[b-56s3oyr7le] .sidebar-detail .e-dialog .e-btn .e-btn-icon.e-icon-dlg-close {
    font-size: 16px;
    width: auto;
    top: 2px;
    left: -5px;
    position: inherit;
}

.sidebar-content[b-56s3oyr7le] {
    padding: 20px;
    display: flex;
    flex-direction: column;
    min-height: 0;
    flex: 1;
    overflow-y: auto;
    overflow-x: hidden;
}

.sidebar-section[b-56s3oyr7le] {
    margin-bottom: 24px;
}

.section-title-sidebar[b-56s3oyr7le] {
    color: var(--text-secondary);
    font-size: 11px;
    font-weight: 600;
    text-transform: uppercase;
    letter-spacing: 1px;
    margin: 0 0 10px 0;
}

.info-card[b-56s3oyr7le] {
    background: var(--bg-card);
    border: 1px solid var(--border);
    border-radius: 10px;
    overflow: hidden;
}

.info-row[b-56s3oyr7le] {
    display: flex;
    justify-content: space-between;
    align-items: center;
    padding: 12px 16px;
    border-bottom: 1px solid var(--border);
}

.info-row:last-child[b-56s3oyr7le] { border-bottom: none; }

.info-label[b-56s3oyr7le] {
    color: var(--text-muted);
    font-size: 13px;
    font-weight: 500;
}

.info-value[b-56s3oyr7le] {
    color: var(--text-heading);
    font-size: 13px;
    font-weight: 500;
    text-align: right;
    max-width: 60%;
    word-break: break-all;
}

.info-value.accent[b-56s3oyr7le] { color: var(--accent); font-weight: 700; font-size: 16px; }
.info-value.mono[b-56s3oyr7le] { font-family: 'JetBrains Mono', monospace; font-size: 11px; color: var(--text-secondary); }

.info-badge[b-56s3oyr7le] {
    padding: 3px 12px;
    border-radius: 20px;
    font-size: 12px;
    font-weight: 600;
}

.badge-cif[b-56s3oyr7le] { background: rgba(52, 211, 153, 0.15); color: #34d399; }
.badge-fob[b-56s3oyr7le] { background: rgba(251, 191, 36, 0.15); color: #fbbf24; }
.badge-serie[b-56s3oyr7le] { background: rgba(96, 165, 250, 0.15); color: #60a5fa; font-size: 11px; padding: 2px 8px; }
.badge-desconto[b-56s3oyr7le] { background: rgba(239, 68, 68, 0.15); color: #ef4444; }
.badge-acrescimo[b-56s3oyr7le] { background: rgba(52, 211, 153, 0.15); color: #34d399; }

.badge-classificacao[b-56s3oyr7le] {
    display: inline-flex;
    align-items: center;
    gap: 4px;
    background: rgba(96, 165, 250, 0.15);
    color: #60a5fa;
    padding: 2px 8px;
    border-radius: 12px;
    font-size: 11px;
    font-weight: 600;
    white-space: nowrap;
    margin-left: 4px;
}

.badge-sem-classificacao[b-56s3oyr7le] {
    background: rgba(251, 191, 36, 0.15);
    color: #fbbf24;
}

/* Sidebar Tabs */
.sidebar-tab-bar[b-56s3oyr7le] {
    display: flex;
    gap: 4px;
    background: var(--bg-secondary);
    border: 1px solid var(--border);
    border-radius: 10px;
    padding: 4px;
    flex-shrink: 0;
}

.sidebar-tab-btn[b-56s3oyr7le] {
    flex: 1;
    background: transparent;
    border: none;
    color: var(--text-secondary);
    padding: 10px 12px;
    border-radius: 8px;
    font-size: 13px;
    font-family: var(--font-family);
    font-weight: 500;
    cursor: pointer;
    transition: all 0.2s ease;
    display: flex;
    align-items: center;
    justify-content: center;
    gap: 6px;
}

.sidebar-tab-btn:hover[b-56s3oyr7le] { color: var(--text-heading); background: rgba(163, 230, 53, 0.08); }
.sidebar-tab-btn.active[b-56s3oyr7le] { background: rgba(163, 230, 53, 0.15); color: var(--accent); font-weight: 600; }

.sidebar-tab-body[b-56s3oyr7le] {
    flex: 1;
    overflow-y: auto;
    min-height: 0;
    margin-top: 16px;
}

/* Route Card */
.route-card[b-56s3oyr7le] {
    background: var(--bg-card);
    border: 1px solid var(--border);
    border-radius: 10px;
    padding: 16px;
}

.route-point[b-56s3oyr7le] { display: flex; align-items: center; gap: 12px; }
.route-dot[b-56s3oyr7le] { width: 12px; height: 12px; border-radius: 50%; flex-shrink: 0; }
.route-dot.origin[b-56s3oyr7le] { background: #60a5fa; box-shadow: 0 0 8px rgba(96, 165, 250, 0.4); }
.route-dot.destination[b-56s3oyr7le] { background: #34d399; box-shadow: 0 0 8px rgba(52, 211, 153, 0.4); }
.route-dot.mid[b-56s3oyr7le] { background: #a78bfa; box-shadow: 0 0 8px rgba(167, 139, 250, 0.4); }
.route-line[b-56s3oyr7le] { width: 2px; height: 20px; background: var(--border); margin-left: 5px; }
.route-info[b-56s3oyr7le] { display: flex; flex-direction: column; }
.route-label[b-56s3oyr7le] { font-size: 11px; color: var(--text-muted); text-transform: uppercase; letter-spacing: 0.5px; }
.route-value[b-56s3oyr7le] { color: var(--text-heading); font-size: 14px; font-weight: 500; }

/* Values Grid */
.values-grid[b-56s3oyr7le] { display: grid; grid-template-columns: repeat(3, 1fr); gap: 10px; }
.value-card[b-56s3oyr7le] {
    background: var(--bg-card);
    border: 1px solid var(--border);
    border-radius: 10px;
    padding: 14px 12px;
    text-align: center;
    display: flex;
    flex-direction: column;
    gap: 6px;
}
.value-label[b-56s3oyr7le] { font-size: 11px; color: var(--text-muted); text-transform: uppercase; letter-spacing: 0.5px; }
.value-number[b-56s3oyr7le] { font-size: 15px; font-weight: 700; color: var(--accent); }
.value-card-highlight[b-56s3oyr7le] { background: rgba(163, 230, 53, 0.1) !important; border-color: rgba(163, 230, 53, 0.3) !important; }
.value-card-highlight .value-number[b-56s3oyr7le] { color: #a3e635 !important; font-size: 15px !important; font-weight: 800 !important; }

/* CT-e / Fatura Cards */
.cte-card[b-56s3oyr7le] {
    background: var(--bg-secondary);
    border: 1px solid var(--border);
    border-radius: 12px;
    padding: 16px;
    margin-bottom: 12px;
}

.cte-card-header[b-56s3oyr7le] {
    display: flex;
    justify-content: space-between;
    align-items: center;
    margin-bottom: 12px;
    padding-bottom: 12px;
    border-bottom: 1px solid var(--border);
}

.cte-card-title[b-56s3oyr7le] { display: flex; align-items: center; gap: 8px; color: var(--text-heading); font-weight: 600; font-size: 15px; }
.cte-card-title svg[b-56s3oyr7le] { color: var(--accent); }
.cte-card-date[b-56s3oyr7le] { color: var(--text-muted); font-size: 13px; }

/* NF-e Cards */
.nfe-card[b-56s3oyr7le] {
    background: var(--bg-secondary); border: 1px solid var(--border); border-radius: 12px;
    padding: 16px; margin-bottom: 12px;
}
.nfe-card-header[b-56s3oyr7le] {
    display: flex; justify-content: space-between; align-items: center;
    margin-bottom: 12px; padding-bottom: 12px; border-bottom: 1px solid var(--border);
}
.nfe-card-title[b-56s3oyr7le] { display: flex; align-items: center; gap: 8px; color: var(--text-heading); font-weight: 600; font-size: 15px; flex-wrap: wrap; }
.nfe-card-title svg[b-56s3oyr7le] { color: var(--accent); }
.nfe-card-date[b-56s3oyr7le] { color: var(--text-muted); font-size: 13px; }
.nfe-card-body[b-56s3oyr7le] { margin-bottom: 12px; }
.nfe-card-body .info-card[b-56s3oyr7le] { margin-bottom: 10px; }
.nfe-card-footer[b-56s3oyr7le] { display: flex; justify-content: flex-end; }
.btn-ver-nfe[b-56s3oyr7le] {
    display: flex; align-items: center; gap: 6px;
    background: rgba(96, 165, 250, 0.15); color: #60a5fa;
    border: 1px solid rgba(96, 165, 250, 0.3); border-radius: 8px;
    padding: 6px 14px; font-size: 12px; font-family: var(--font-family);
    font-weight: 500; cursor: pointer; transition: all 0.2s ease; text-decoration: none;
}
.btn-ver-nfe:hover[b-56s3oyr7le] { background: rgba(96, 165, 250, 0.25); border-color: rgba(96, 165, 250, 0.5); }

/* CT-e Complemento Cards */
.cte-compl-card[b-56s3oyr7le] {
    background: var(--bg-secondary); border: 1px solid rgba(250, 204, 21, 0.25); border-radius: 10px;
    padding: 12px; margin-bottom: 8px;
}
.cte-compl-header[b-56s3oyr7le] {
    display: flex; justify-content: space-between; align-items: center;
    margin-bottom: 10px; padding-bottom: 8px; border-bottom: 1px solid var(--border);
}
.cte-compl-title[b-56s3oyr7le] { display: flex; align-items: center; gap: 6px; color: var(--text-heading); font-weight: 600; font-size: 13px; flex-wrap: wrap; }
.cte-compl-title svg[b-56s3oyr7le] { color: #facc15; }
.cte-compl-date[b-56s3oyr7le] { color: var(--text-muted); font-size: 12px; }
.cte-compl-body[b-56s3oyr7le] { display: flex; flex-direction: column; gap: 4px; }
.badge-compl[b-56s3oyr7le] {
    background: rgba(250, 204, 21, 0.15) !important; color: #facc15 !important;
    border: 1px solid rgba(250, 204, 21, 0.3) !important;
    font-size: 10px !important; padding: 2px 8px !important; border-radius: 6px;
    font-weight: 600; text-transform: uppercase; letter-spacing: 0.5px;
}

/* Item Fatura Cards */
.item-fatura-card[b-56s3oyr7le] {
    background: var(--bg-card);
    border: 1px solid var(--border);
    border-radius: 10px;
    padding: 12px;
    margin-bottom: 8px;
}

.item-fatura-header[b-56s3oyr7le] {
    display: flex;
    justify-content: space-between;
    align-items: center;
    margin-bottom: 10px;
    padding-bottom: 8px;
    border-bottom: 1px solid var(--border);
}

.item-fatura-date[b-56s3oyr7le] { color: var(--text-secondary); font-size: 13px; font-weight: 500; }
.item-fatura-card .values-grid[b-56s3oyr7le] { grid-template-columns: repeat(4, 1fr); }
.item-fatura-card .value-card[b-56s3oyr7le] { padding: 8px 6px; }
.item-fatura-card .value-label[b-56s3oyr7le] { font-size: 10px; }
.item-fatura-card .value-number[b-56s3oyr7le] { font-size: 13px; }

/* Itens NF-e Grid */
.itens-nfe-grid-wrapper[b-56s3oyr7le] {
    border: 1px solid var(--border);
    border-radius: 8px;
    overflow: hidden;
}

.itens-nfe-grid-wrapper[b-56s3oyr7le]  .e-grid { border: none !important; }
.itens-nfe-grid-wrapper[b-56s3oyr7le]  .e-grid .e-headercell { font-size: 11px !important; padding: 6px 8px !important; }
.itens-nfe-grid-wrapper[b-56s3oyr7le]  .e-grid .e-rowcell { font-size: 12px !important; padding: 5px 8px !important; }

/* Tooltip */
[b-56s3oyr7le] .tooltip-acao.e-tooltip-wrap {
    background: var(--bg-secondary) !important;
    border: 1px solid var(--border) !important;
    border-radius: 6px !important;
}

[b-56s3oyr7le] .tooltip-acao .e-tip-content {
    color: var(--text-primary) !important;
    font-size: 12px;
}

[b-56s3oyr7le] .tooltip-acao.e-tooltip-wrap .e-arrow-tip-inner { color: var(--bg-secondary) !important; }
[b-56s3oyr7le] .tooltip-acao.e-tooltip-wrap .e-arrow-tip-outer {
    border-top-color: var(--border) !important;
    border-bottom-color: var(--border) !important;
    border-left-color: var(--border) !important;
    border-right-color: var(--border) !important;
}

/* Responsive */
@media (max-width: 768px) {
    .page-container[b-56s3oyr7le] {
        padding: 16px;
    }

    .page-header h1[b-56s3oyr7le] {
        font-size: 22px;
    }

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

    .toolbar[b-56s3oyr7le] {
        flex-direction: column;
        align-items: stretch;
    }
}

/* ===================== Dropdown periodo (porta do Dashboard) ===================== */
.periodo-dropdown-wrapper[b-56s3oyr7le] { position: relative; }

.btn-periodo[b-56s3oyr7le] {
    background: rgba(96, 165, 250, 0.12);
    color: #60a5fa;
    border: 1px solid rgba(96, 165, 250, 0.3);
    border-radius: 8px;
    padding: 6px 14px;
    font-size: 13px;
    font-family: var(--font-family);
    font-weight: 500;
    cursor: pointer;
    transition: all 0.2s ease;
    display: inline-flex;
    align-items: center;
    gap: 6px;
    white-space: nowrap;
}
.btn-periodo:hover[b-56s3oyr7le] {
    background: rgba(96, 165, 250, 0.2);
    border-color: rgba(96, 165, 250, 0.5);
}
.btn-periodo.active[b-56s3oyr7le] {
    background: rgba(163, 230, 53, 0.15);
    color: var(--accent);
    border-color: rgba(163, 230, 53, 0.5);
}

.periodo-panel[b-56s3oyr7le] {
    position: absolute;
    top: calc(100% + 8px);
    right: 0;
    z-index: 1000;
    background: var(--bg-card);
    border: 1px solid var(--border);
    border-radius: 12px;
    padding: 16px;
    min-width: 280px;
    box-shadow: 0 12px 40px rgba(0, 0, 0, 0.35);
}
.periodo-panel-title[b-56s3oyr7le] {
    font-size: 11px;
    font-weight: 600;
    text-transform: uppercase;
    letter-spacing: 0.8px;
    color: var(--text-muted);
    margin-bottom: 10px;
}
.periodo-btn[b-56s3oyr7le] {
    background: var(--bg-secondary);
    border: 1px solid var(--border);
    color: var(--text-heading);
    padding: 10px 12px;
    border-radius: 6px;
    font-size: 13px;
    font-family: var(--font-family);
    font-weight: 500;
    cursor: pointer;
    text-align: left;
    display: flex;
    align-items: center;
    gap: 8px;
    width: 100%;
    transition: all 0.15s ease;
}
.periodo-btn:hover[b-56s3oyr7le] {
    border-color: var(--accent);
    background: rgba(163, 230, 53, 0.08);
}
.periodo-btn.active[b-56s3oyr7le] {
    background: rgba(163, 230, 53, 0.15);
    border-color: rgba(163, 230, 53, 0.5);
    color: var(--accent);
    font-weight: 600;
}
.periodo-panel-divider[b-56s3oyr7le] {
    height: 1px;
    background: var(--border);
    margin: 12px 0;
}
.transp-panel[b-56s3oyr7le] { min-width: 280px; }
.transp-list[b-56s3oyr7le] {
    display: flex;
    flex-direction: column;
    gap: 4px;
}
.transp-check[b-56s3oyr7le] {
    display: inline-flex;
    align-items: center;
    justify-content: center;
    width: 18px;
    height: 18px;
    border: 1.5px solid rgba(148, 163, 184, 0.4);
    border-radius: 4px;
    font-size: 12px;
    color: var(--accent);
    flex-shrink: 0;
}
.periodo-btn.active .transp-check[b-56s3oyr7le] {
    background: rgba(163, 230, 53, 0.15);
    border-color: var(--accent);
}
.periodo-btn-limpar[b-56s3oyr7le] {
    background: rgba(239, 68, 68, 0.08);
    border: 1px solid rgba(239, 68, 68, 0.2);
    color: #ef4444;
    padding: 7px 12px;
    border-radius: 6px;
    font-size: 12px;
    font-family: var(--font-family);
    font-weight: 500;
    cursor: pointer;
    display: flex;
    align-items: center;
    justify-content: center;
    gap: 6px;
    width: 100%;
}
.periodo-btn-limpar:hover[b-56s3oyr7le] { background: rgba(239, 68, 68, 0.15); }
/* _content/Logistikk.Web/Components/Pages/Admin/Pessoas.razor.rz.scp.css */
.page-container[b-97lp0a7352] {
    padding: 24px;
    font-family: var(--font-family);
    flex: 1;
    display: flex;
    flex-direction: column;
    min-height: 0;
    overflow: hidden;
}

.page-header[b-97lp0a7352] {
    margin-bottom: 24px;
}

.page-header h1[b-97lp0a7352] {
    color: var(--text-primary);
    font-weight: 700;
    font-size: 28px;
    margin: 0 0 4px 0;
}

.page-subtitle[b-97lp0a7352] {
    color: var(--text-secondary);
    font-size: 14px;
    margin: 0;
}

/* Toolbar */
.toolbar[b-97lp0a7352] {
    display: flex;
    gap: 12px;
    margin: 16px 0;
    align-items: center;
    flex-shrink: 0;
}

.search-input[b-97lp0a7352] {
    background: var(--bg-primary);
    border: 1px solid var(--border);
    color: var(--text-primary);
    border-radius: 8px;
    padding: 10px 16px;
    width: 320px;
    font-size: 14px;
    font-family: var(--font-family);
    outline: none;
    transition: border-color 0.2s ease;
}

.search-input[b-97lp0a7352]::placeholder {
    color: var(--text-muted);
}

.search-input:focus[b-97lp0a7352] {
    border-color: var(--accent);
    box-shadow: 0 0 0 2px rgba(163, 230, 53, 0.15);
}

.total-badge[b-97lp0a7352] {
    background: rgba(163, 230, 53, 0.1);
    color: var(--accent);
    padding: 4px 12px;
    border-radius: 16px;
    font-size: 13px;
    font-family: var(--font-family);
    font-weight: 500;
    white-space: nowrap;
}

/* Export Button */
.btn-export[b-97lp0a7352] {
    background: rgba(34, 197, 94, 0.15);
    color: #22c55e;
    border: 1px solid rgba(34, 197, 94, 0.3);
    border-radius: 8px;
    padding: 6px 16px;
    font-size: 13px;
    font-family: var(--font-family);
    font-weight: 500;
    cursor: pointer;
    transition: all 0.2s ease;
    display: flex;
    align-items: center;
    gap: 6px;
}

.btn-export:hover[b-97lp0a7352] {
    background: rgba(34, 197, 94, 0.25);
    border-color: rgba(34, 197, 94, 0.5);
}

/* Action Buttons */
.action-buttons[b-97lp0a7352] {
    display: flex;
    gap: 4px;
    justify-content: center;
}

.btn-action[b-97lp0a7352] {
    width: 32px;
    height: 32px;
    border-radius: 6px;
    border: none;
    cursor: pointer;
    display: flex;
    align-items: center;
    justify-content: center;
    transition: all 0.2s ease;
}

.btn-view[b-97lp0a7352] {
    background: rgba(163, 230, 53, 0.15);
    color: var(--accent);
}

.btn-view:hover[b-97lp0a7352] {
    background: rgba(163, 230, 53, 0.3);
}

.action-icon[b-97lp0a7352] {
    font-size: 16px;
    line-height: 1;
}

/* Pagination */
.pagination[b-97lp0a7352] {
    display: flex;
    justify-content: flex-end;
    align-items: center;
    gap: 8px;
    margin-top: 16px;
}

.btn-page[b-97lp0a7352] {
    background: var(--bg-card);
    border: 1px solid var(--border);
    color: var(--text-primary);
    border-radius: 6px;
    padding: 8px 16px;
    font-size: 13px;
    font-family: var(--font-family);
    cursor: pointer;
    transition: all 0.2s ease;
}

.btn-page:hover:not(:disabled)[b-97lp0a7352] {
    background: var(--accent);
    border-color: var(--accent);
}

.btn-page:disabled[b-97lp0a7352] {
    opacity: 0.4;
    cursor: not-allowed;
}

.page-info[b-97lp0a7352] {
    color: var(--text-secondary);
    font-size: 13px;
    padding: 0 8px;
}

/* Sidebar Detail */
.sidebar-header[b-97lp0a7352] { display: flex; align-items: center; gap: 10px; color: var(--text-primary); width: 100%; }
.sidebar-header svg[b-97lp0a7352] { color: var(--accent); }

.sidebar-content[b-97lp0a7352] { padding: 20px; display: flex; flex-direction: column; min-height: 0; flex: 1; overflow-y: auto; overflow-x: hidden; }
.sidebar-section[b-97lp0a7352] { margin-bottom: 24px; }
.section-title-sidebar[b-97lp0a7352] {
    color: var(--text-secondary); font-size: 11px; font-weight: 600;
    text-transform: uppercase; letter-spacing: 1px; margin: 0 0 10px 0;
}

/* Sidebar Tabs */
.sidebar-tab-bar[b-97lp0a7352] {
    display: flex; gap: 4px; background: var(--bg-secondary); border: 1px solid var(--border);
    border-radius: 10px; padding: 4px; flex-shrink: 0;
}
.sidebar-tab-btn[b-97lp0a7352] {
    flex: 1; background: transparent; border: none; color: var(--text-secondary);
    padding: 10px 12px; border-radius: 8px; font-size: 13px; font-family: var(--font-family);
    font-weight: 500; cursor: pointer; transition: all 0.2s ease;
    display: flex; align-items: center; justify-content: center; gap: 6px;
}
.sidebar-tab-btn:hover[b-97lp0a7352] { color: var(--text-heading); background: rgba(163, 230, 53, 0.08); }
.sidebar-tab-btn.active[b-97lp0a7352] { background: rgba(163, 230, 53, 0.15); color: var(--accent); font-weight: 600; }

.sidebar-tab-body[b-97lp0a7352] { flex: 1; overflow-y: auto; min-height: 0; margin-top: 16px; }

/* Readonly Form */
.readonly-form .form-input[b-97lp0a7352] {
    opacity: 0.7;
    cursor: default;
    background: var(--bg-secondary);
}

/* Values Grid */
.values-grid[b-97lp0a7352] { display: grid; grid-template-columns: repeat(3, 1fr); gap: 10px; }
.values-grid-2[b-97lp0a7352] { grid-template-columns: repeat(2, 1fr); }
.value-card[b-97lp0a7352] {
    background: var(--bg-card); border: 1px solid var(--border); border-radius: 10px;
    padding: 14px 12px; text-align: center; display: flex; flex-direction: column; gap: 6px;
}
.value-label[b-97lp0a7352] { font-size: 11px; color: var(--text-muted); text-transform: uppercase; letter-spacing: 0.5px; }
.value-number[b-97lp0a7352] { font-size: 15px; font-weight: 700; color: var(--accent); }
.value-card-highlight[b-97lp0a7352] { background: rgba(163, 230, 53, 0.1) !important; border-color: rgba(163, 230, 53, 0.3) !important; }
.value-card-highlight .value-number[b-97lp0a7352] { color: #a3e635 !important; font-size: 15px !important; font-weight: 800 !important; }

/* Stats Loading */
.stats-loading[b-97lp0a7352] {
    display: flex; align-items: center; justify-content: center; gap: 10px;
    color: var(--text-secondary); font-size: 14px; padding: 40px 0;
}

/* Chart Container */
.chart-container[b-97lp0a7352] {
    background: var(--bg-card); border: 1px solid var(--border); border-radius: 10px;
    padding: 16px; min-height: 300px;
}

/* SfGrid Grouping Drop Area */
[b-97lp0a7352] .e-grid .e-groupdroparea {
    background: var(--bg-secondary) !important;
    color: var(--text-secondary) !important;
    border-color: var(--border) !important;
    font-size: 13px;
    padding: 8px 12px;
}

[b-97lp0a7352] .e-grid .e-groupdroparea .e-grouped-text {
    color: var(--text-secondary) !important;
}

[b-97lp0a7352] .e-grid .e-groupdroparea .e-ungroupbutton {
    color: var(--text-secondary) !important;
}

[b-97lp0a7352] .e-grid .e-groupdroparea .e-ungroupbutton:hover {
    color: var(--text-primary) !important;
}

[b-97lp0a7352] .e-grid .e-groupheadercell {
    background: var(--bg-card) !important;
    color: var(--text-primary) !important;
    border: 1px solid var(--border) !important;
    border-radius: 4px !important;
}

[b-97lp0a7352] .e-grid .e-groupcaption {
    background: var(--bg-secondary) !important;
    color: var(--text-heading) !important;
    border-color: var(--border) !important;
}

[b-97lp0a7352] .e-grid .e-recordplusexpand,
[b-97lp0a7352] .e-grid .e-recordpluscollapse {
    background: var(--bg-secondary) !important;
    border-color: var(--border) !important;
    color: var(--text-primary) !important;
}

[b-97lp0a7352] .e-grid .e-indentcell {
    background: var(--bg-secondary) !important;
    border-color: var(--border) !important;
}

/* SfGrid Dark Theme Overrides */
[b-97lp0a7352] .e-grid {
    background: var(--bg-card) !important;
    border: 1px solid var(--border) !important;
    border-radius: 12px !important;
}

[b-97lp0a7352] .e-grid .e-headercell {
    background: var(--bg-secondary) !important;
    color: var(--text-secondary) !important;
    font-weight: 600;
    font-size: 12px;
    text-transform: uppercase;
    letter-spacing: 0.5px;
    border-color: var(--border) !important;
    white-space: nowrap !important;
    overflow: visible !important;
    text-overflow: unset !important;
}

[b-97lp0a7352] .e-grid .e-headercelldiv {
    white-space: nowrap !important;
    overflow: visible !important;
    text-overflow: unset !important;
}

[b-97lp0a7352] .e-grid .e-rowcell {
    background: var(--bg-card) !important;
    color: var(--text-heading) !important;
    border-color: var(--border) !important;
    font-size: 14px;
}

[b-97lp0a7352] .e-grid .e-row:hover .e-rowcell {
    background: var(--bg-hover) !important;
}

[b-97lp0a7352] .e-grid .e-altrow .e-rowcell {
    background: var(--bg-secondary) !important;
}

[b-97lp0a7352] .e-grid .e-altrow:hover .e-rowcell {
    background: var(--bg-hover) !important;
}

[b-97lp0a7352] .e-grid .e-gridheader {
    border-color: var(--border) !important;
}

[b-97lp0a7352] .e-grid .e-gridcontent {
    border-color: var(--border) !important;
    overflow-y: auto !important;
}

/* SfDialog Dark Theme Overrides */
[b-97lp0a7352] .e-dialog {
    background: var(--bg-card) !important;
    border: 1px solid var(--border) !important;
    border-radius: 12px !important;
    box-shadow: 0 20px 60px rgba(0, 0, 0, 0.5) !important;
}

[b-97lp0a7352] .e-dialog .e-dlg-header-content {
    background: var(--bg-secondary) !important;
    border-bottom: 1px solid var(--border) !important;
    border-radius: 12px 12px 0 0 !important;
    display: flex;
    align-items: center;
}

[b-97lp0a7352] .e-dialog .e-dlg-header {
    color: var(--text-primary) !important;
    font-weight: 600;
    font-size: 16px;
}

[b-97lp0a7352] .e-dialog .e-dlg-content {
    background: var(--bg-card) !important;
    color: var(--text-heading) !important;
    overflow: visible !important;
    padding: 16px 20px !important;
}

[b-97lp0a7352] .e-dialog .e-btn.e-dlg-closeicon-btn {
    color: var(--text-secondary) !important;
}

[b-97lp0a7352] .e-dialog .e-btn.e-dlg-closeicon-btn:hover {
    color: var(--text-primary) !important;
    background: rgba(255, 255, 255, 0.1) !important;
}

/* Edit Button (blue - same as download) */
.btn-edit[b-97lp0a7352] {
    background: rgba(96, 165, 250, 0.15);
    color: #60a5fa;
}

.btn-edit:hover[b-97lp0a7352] {
    background: rgba(96, 165, 250, 0.3);
}

.btn-classificar[b-97lp0a7352] {
    background: rgba(96, 165, 250, 0.15);
    color: #60a5fa;
}

.btn-classificar:hover[b-97lp0a7352] {
    background: rgba(96, 165, 250, 0.3);
}

.btn-atualizar-cadastro[b-97lp0a7352] {
    background: rgba(163, 230, 53, 0.15);
    color: var(--accent);
}

.btn-atualizar-cadastro:hover[b-97lp0a7352] {
    background: rgba(163, 230, 53, 0.3);
}

.btn-atualizar-cadastro:disabled[b-97lp0a7352] {
    opacity: 0.7;
    cursor: wait;
}

.spinner-action[b-97lp0a7352] {
    width: 14px;
    height: 14px;
    border: 2px solid rgba(163, 230, 53, 0.3);
    border-top-color: var(--accent);
    border-radius: 50%;
    animation: spin-b-97lp0a7352 0.6s linear infinite;
}

/* Edit Form */
.edit-form[b-97lp0a7352] {
    display: flex;
    flex-direction: column;
    gap: 4px;
    overflow: visible;
}

.form-row[b-97lp0a7352] {
    display: grid;
    grid-template-columns: 1fr 1fr;
    gap: 12px;
    margin-bottom: 12px;
}

.form-row-3[b-97lp0a7352] {
    grid-template-columns: 1fr 1fr 1fr;
}

.form-group[b-97lp0a7352] {
    display: flex;
    flex-direction: column;
    gap: 4px;
}

.form-group label[b-97lp0a7352] {
    color: var(--text-secondary);
    font-size: 12px;
    font-weight: 500;
    text-transform: uppercase;
    letter-spacing: 0.5px;
}

.form-input[b-97lp0a7352] {
    background: var(--bg-primary);
    border: 1px solid var(--border);
    color: var(--text-primary);
    border-radius: 8px;
    padding: 10px 12px;
    font-size: 14px;
    font-family: var(--font-family);
    outline: none;
    transition: border-color 0.2s ease;
    min-width: 0;
    width: 100%;
    box-sizing: border-box;
}

.form-input:focus[b-97lp0a7352] {
    border-color: var(--accent);
    box-shadow: 0 0 0 2px rgba(163, 230, 53, 0.15);
}

.form-input[readonly][b-97lp0a7352] {
    opacity: 0.6;
    cursor: not-allowed;
}

.input-com-botao[b-97lp0a7352] {
    display: flex;
    gap: 8px;
    align-items: stretch;
}

.input-com-botao .form-input[b-97lp0a7352] {
    flex: 1;
}

.btn-consultar[b-97lp0a7352] {
    background: rgba(163, 230, 53, 0.15);
    color: var(--accent);
    border: 1px solid rgba(163, 230, 53, 0.3);
    border-radius: 8px;
    padding: 8px 16px;
    font-size: 13px;
    font-family: var(--font-family);
    font-weight: 500;
    cursor: pointer;
    display: flex;
    align-items: center;
    gap: 6px;
    transition: all 0.2s ease;
    white-space: nowrap;
}

.btn-consultar:hover:not(:disabled)[b-97lp0a7352] {
    background: rgba(163, 230, 53, 0.25);
}

.btn-consultar:disabled[b-97lp0a7352] {
    opacity: 0.5;
    cursor: not-allowed;
}

.dialog-footer[b-97lp0a7352] {
    display: flex;
    justify-content: flex-end;
    gap: 8px;
    margin-top: 16px;
    padding-top: 16px;
    border-top: 1px solid var(--border);
}

.btn-cancelar[b-97lp0a7352] {
    background: transparent;
    color: var(--text-secondary);
    border: 1px solid var(--border);
    border-radius: 8px;
    padding: 8px 20px;
    font-size: 13px;
    font-family: var(--font-family);
    font-weight: 500;
    cursor: pointer;
    transition: all 0.2s ease;
}

.btn-cancelar:hover[b-97lp0a7352] {
    background: rgba(255, 255, 255, 0.05);
    color: var(--text-primary);
}

.btn-salvar[b-97lp0a7352] {
    background: var(--accent);
    color: #1a1a2e;
    border: none;
    border-radius: 8px;
    padding: 8px 24px;
    font-size: 13px;
    font-family: var(--font-family);
    font-weight: 500;
    cursor: pointer;
    display: flex;
    align-items: center;
    gap: 6px;
    transition: all 0.2s ease;
}

.btn-salvar:hover:not(:disabled)[b-97lp0a7352] {
    background: #bef264;
}

.btn-salvar:disabled[b-97lp0a7352] {
    opacity: 0.5;
    cursor: not-allowed;
}

.upload-message[b-97lp0a7352] {
    background: rgba(34, 197, 94, 0.1);
    border: 1px solid rgba(34, 197, 94, 0.3);
    color: #22c55e;
    padding: 10px 16px;
    border-radius: 8px;
    font-size: 13px;
    margin-top: 12px;
}

.upload-message.erro[b-97lp0a7352] {
    background: rgba(239, 68, 68, 0.1);
    border-color: rgba(239, 68, 68, 0.3);
    color: #ef4444;
}

.spinner-sm[b-97lp0a7352] {
    width: 14px;
    height: 14px;
    border: 2px solid rgba(255, 255, 255, 0.3);
    border-top-color: currentColor;
    border-radius: 50%;
    animation: spin-b-97lp0a7352 0.6s linear infinite;
}

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

/* Bulk Update */
.btn-atualizar-massa[b-97lp0a7352] {
    background: rgba(163, 230, 53, 0.15);
    color: var(--accent);
    border-color: rgba(163, 230, 53, 0.3);
}

.btn-atualizar-massa:hover:not(:disabled)[b-97lp0a7352] {
    background: rgba(163, 230, 53, 0.25);
    border-color: rgba(163, 230, 53, 0.5);
}

.massa-progress[b-97lp0a7352] {
    padding: 8px 0;
}

.massa-info[b-97lp0a7352] {
    font-size: 16px;
    font-weight: 600;
    color: var(--text-heading);
    margin-bottom: 12px;
    text-align: center;
}

.progress-bar[b-97lp0a7352] {
    background: var(--bg-primary);
    border-radius: 8px;
    height: 8px;
    overflow: hidden;
    margin-bottom: 12px;
}

.progress-fill[b-97lp0a7352] {
    background: var(--accent);
    height: 100%;
    border-radius: 8px;
    transition: width 0.3s ease;
}

.massa-log[b-97lp0a7352] {
    color: var(--text-secondary);
    font-size: 13px;
    text-align: center;
}

[b-97lp0a7352] .e-grid .e-filterbar .e-filterbarcell {
    background: var(--bg-secondary) !important;
    border-color: var(--border) !important;
}

[b-97lp0a7352] .e-grid .e-filterbar input {
    background: var(--bg-primary) !important;
    color: var(--text-primary) !important;
    border-color: var(--border) !important;
}

/* SfGrid Excel Filter Dialog */
[b-97lp0a7352] .e-excelfilter {
    background: var(--bg-card) !important;
    border-color: var(--border) !important;
    color: var(--text-primary) !important;
}

[b-97lp0a7352] .e-excelfilter .e-dlg-header-content {
    background: var(--bg-secondary) !important;
    border-bottom: 1px solid var(--border) !important;
}

[b-97lp0a7352] .e-excelfilter .e-dlg-header {
    color: var(--text-primary) !important;
}

[b-97lp0a7352] .e-excelfilter .e-dlg-content {
    background: var(--bg-card) !important;
    color: var(--text-primary) !important;
}

[b-97lp0a7352] .e-excelfilter .e-ftrchk,
[b-97lp0a7352] .e-excelfilter .e-searchbox {
    background: var(--bg-card) !important;
    color: var(--text-primary) !important;
}

[b-97lp0a7352] .e-excelfilter .e-footer-content {
    background: var(--bg-secondary) !important;
    border-top: 1px solid var(--border) !important;
}

[b-97lp0a7352] .e-excelfilter .e-btn {
    color: var(--text-primary) !important;
}

/* Tooltip */
[b-97lp0a7352] .tooltip-acao.e-tooltip-wrap {
    background: var(--bg-secondary) !important;
    border: 1px solid var(--border) !important;
    border-radius: 6px !important;
}

[b-97lp0a7352] .tooltip-acao .e-tip-content {
    color: var(--text-primary) !important;
    font-size: 12px;
}

[b-97lp0a7352] .tooltip-acao.e-tooltip-wrap .e-arrow-tip-inner {
    color: var(--bg-secondary) !important;
}

[b-97lp0a7352] .tooltip-acao.e-tooltip-wrap .e-arrow-tip-outer {
    border-top-color: var(--border) !important;
    border-bottom-color: var(--border) !important;
    border-left-color: var(--border) !important;
    border-right-color: var(--border) !important;
}

/* Badge Classificação Grid */
.badge-classificacao-grid[b-97lp0a7352] {
    display: inline-flex;
    align-items: center;
    justify-content: center;
    background: rgba(96, 165, 250, 0.15);
    color: #60a5fa;
    padding: 2px 8px;
    border-radius: 10px;
    font-size: 11px;
    font-weight: 700;
    margin-right: 6px;
}

/* Custom Checkbox */
.custom-checkbox[b-97lp0a7352] {
    appearance: none;
    -webkit-appearance: none;
    width: 18px;
    height: 18px;
    border: 2px solid var(--border);
    border-radius: 4px;
    background: var(--bg-primary);
    cursor: pointer;
    transition: all 0.2s ease;
    position: relative;
}

.custom-checkbox:hover[b-97lp0a7352] {
    border-color: var(--accent);
}

.custom-checkbox:checked[b-97lp0a7352] {
    background: var(--accent);
    border-color: var(--accent);
}

.custom-checkbox:checked[b-97lp0a7352]::after {
    content: '';
    position: absolute;
    top: 1px;
    left: 5px;
    width: 5px;
    height: 9px;
    border: solid #1a1a2e;
    border-width: 0 2px 2px 0;
    transform: rotate(45deg);
}

/* Classificar em Massa Button */
.btn-classificar-massa[b-97lp0a7352] {
    background: rgba(96, 165, 250, 0.15) !important;
    color: #60a5fa !important;
    border-color: rgba(96, 165, 250, 0.3) !important;
    animation: fadeIn-b-97lp0a7352 0.2s ease;
}

.btn-classificar-massa:hover[b-97lp0a7352] {
    background: rgba(96, 165, 250, 0.25) !important;
    border-color: rgba(96, 165, 250, 0.5) !important;
}

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

/* Classificacao Massa Modal */
.classificacao-massa[b-97lp0a7352] {
    display: flex;
    flex-direction: column;
    gap: 16px;
}

.classificacao-massa-info[b-97lp0a7352] {
    display: flex;
    align-items: center;
    gap: 8px;
    background: rgba(96, 165, 250, 0.1);
    border: 1px solid rgba(96, 165, 250, 0.25);
    border-radius: 8px;
    padding: 10px 14px;
    color: #60a5fa;
    font-size: 13px;
    font-weight: 500;
}

.classificacao-cards[b-97lp0a7352] {
    display: grid;
    grid-template-columns: 1fr 1fr;
    gap: 10px;
    max-height: 400px;
    overflow-y: auto;
}

.classificacao-card[b-97lp0a7352] {
    display: flex;
    align-items: center;
    gap: 12px;
    background: var(--bg-secondary);
    border: 2px solid var(--border);
    border-radius: 10px;
    padding: 14px;
    cursor: pointer;
    transition: all 0.2s ease;
    position: relative;
    text-align: left;
    font-family: var(--font-family);
    color: var(--text-heading);
}

.classificacao-card:hover[b-97lp0a7352] {
    border-color: rgba(96, 165, 250, 0.4);
    background: rgba(96, 165, 250, 0.05);
}

.classificacao-card.selected[b-97lp0a7352] {
    border-color: #60a5fa;
    background: rgba(96, 165, 250, 0.1);
    box-shadow: 0 0 0 1px rgba(96, 165, 250, 0.3);
}

.classificacao-card-icon[b-97lp0a7352] {
    width: 40px;
    height: 40px;
    border-radius: 10px;
    background: rgba(96, 165, 250, 0.15);
    color: #60a5fa;
    display: flex;
    align-items: center;
    justify-content: center;
    flex-shrink: 0;
    font-size: 18px;
}

.classificacao-card-body[b-97lp0a7352] {
    display: flex;
    flex-direction: column;
    gap: 2px;
    min-width: 0;
    flex: 1;
}

.classificacao-card-sigla[b-97lp0a7352] {
    font-size: 14px;
    font-weight: 700;
    color: var(--text-heading);
}

.classificacao-card-titulo[b-97lp0a7352] {
    font-size: 12px;
    color: var(--text-secondary);
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis;
}

.classificacao-card-check[b-97lp0a7352] {
    position: absolute;
    top: 8px;
    right: 8px;
    width: 22px;
    height: 22px;
    background: #60a5fa;
    border-radius: 50%;
    display: flex;
    align-items: center;
    justify-content: center;
    color: white;
    animation: fadeIn-b-97lp0a7352 0.15s ease;
}

/* Limpar Classificacao Card */
.classificacao-card-limpar:hover[b-97lp0a7352] {
    border-color: rgba(239, 68, 68, 0.4);
    background: rgba(239, 68, 68, 0.05);
}

.classificacao-card-limpar.selected[b-97lp0a7352] {
    border-color: #ef4444;
    background: rgba(239, 68, 68, 0.1);
    box-shadow: 0 0 0 1px rgba(239, 68, 68, 0.3);
}

.classificacao-card-icon-limpar[b-97lp0a7352] {
    background: rgba(239, 68, 68, 0.15) !important;
    color: #ef4444 !important;
}

.classificacao-card-check-limpar[b-97lp0a7352] {
    background: #ef4444 !important;
}

/* Responsive */
@media (max-width: 768px) {
    .page-container[b-97lp0a7352] {
        padding: 16px;
    }

    .page-header h1[b-97lp0a7352] {
        font-size: 22px;
    }

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

    .toolbar[b-97lp0a7352] {
        flex-direction: column;
        align-items: stretch;
    }

    .total-badge[b-97lp0a7352] {
        align-self: flex-start;
    }

    .form-row[b-97lp0a7352] {
        grid-template-columns: 1fr;
    }

    .form-row-3[b-97lp0a7352] {
        grid-template-columns: 1fr;
    }

    .input-com-botao[b-97lp0a7352] {
        flex-direction: column;
    }
}
/* _content/Logistikk.Web/Components/Pages/Admin/Relatorios.razor.rz.scp.css */
.page-container[b-pyi0fwrg12] {
    padding: 24px;
    font-family: var(--font-family);
    flex: 1;
    display: flex;
    flex-direction: column;
    min-height: 0;
    overflow: hidden;
}

/* Report Actions Bar */
.report-actions[b-pyi0fwrg12] {
    display: flex;
    justify-content: space-between;
    align-items: center;
    gap: 12px;
    margin-bottom: 12px;
    flex-wrap: wrap;
}

.report-actions-left[b-pyi0fwrg12],
.report-actions-right[b-pyi0fwrg12] {
    display: flex;
    align-items: center;
    gap: 8px;
}

.report-select[b-pyi0fwrg12] {
    background: var(--bg-secondary);
    color: var(--text-heading);
    border: 1px solid var(--border);
    border-radius: 8px;
    padding: 8px 12px;
    font-size: 13px;
    font-family: var(--font-family);
    min-width: 220px;
    cursor: pointer;
}

.report-select:focus[b-pyi0fwrg12] {
    outline: none;
    border-color: var(--accent);
}

.report-input[b-pyi0fwrg12] {
    background: var(--bg-secondary);
    color: var(--text-heading);
    border: 1px solid var(--border);
    border-radius: 8px;
    padding: 8px 12px;
    font-size: 13px;
    font-family: var(--font-family);
    min-width: 200px;
}

.report-input:focus[b-pyi0fwrg12] {
    outline: none;
    border-color: var(--accent);
}

.report-input[b-pyi0fwrg12]::placeholder {
    color: var(--text-muted);
}

.btn-report[b-pyi0fwrg12] {
    display: inline-flex;
    align-items: center;
    gap: 4px;
    padding: 8px 14px;
    border: none;
    border-radius: 8px;
    font-size: 13px;
    font-family: var(--font-family);
    font-weight: 500;
    cursor: pointer;
    transition: all 0.2s ease;
    white-space: nowrap;
}

.btn-report:disabled[b-pyi0fwrg12] {
    opacity: 0.4;
    cursor: not-allowed;
}

.btn-icon[b-pyi0fwrg12] {
    font-size: 14px;
}

.btn-load[b-pyi0fwrg12] {
    background: rgba(96, 165, 250, 0.15);
    color: #60a5fa;
}

.btn-load:hover:not(:disabled)[b-pyi0fwrg12] {
    background: rgba(96, 165, 250, 0.25);
}

.btn-save[b-pyi0fwrg12] {
    background: rgba(163, 230, 53, 0.15);
    color: var(--accent);
}

.btn-save:hover:not(:disabled)[b-pyi0fwrg12] {
    background: rgba(163, 230, 53, 0.25);
}

.btn-delete[b-pyi0fwrg12] {
    background: rgba(239, 68, 68, 0.15);
    color: #ef4444;
}

.btn-delete:hover:not(:disabled)[b-pyi0fwrg12] {
    background: rgba(239, 68, 68, 0.25);
}

.report-message[b-pyi0fwrg12] {
    padding: 8px 14px;
    border-radius: 8px;
    font-size: 13px;
    margin-bottom: 8px;
    animation: fadeIn-b-pyi0fwrg12 0.2s ease;
}

.msg-success[b-pyi0fwrg12] {
    background: rgba(163, 230, 53, 0.1);
    color: var(--accent);
    border: 1px solid rgba(163, 230, 53, 0.2);
}

.msg-warning[b-pyi0fwrg12] {
    background: rgba(239, 68, 68, 0.1);
    color: #ef4444;
    border: 1px solid rgba(239, 68, 68, 0.2);
}

@keyframes fadeIn-b-pyi0fwrg12 { from { opacity: 0; } to { opacity: 1; } }

/* Loading */
.loading-container[b-pyi0fwrg12] {
    display: flex;
    flex-direction: column;
    align-items: center;
    justify-content: center;
    gap: 16px;
    height: 400px;
    color: var(--text-secondary);
    font-size: 14px;
}

.loading-spinner[b-pyi0fwrg12] {
    width: 40px;
    height: 40px;
    border: 3px solid var(--border);
    border-top-color: var(--accent);
    border-radius: 50%;
    animation: spin-b-pyi0fwrg12 0.8s linear infinite;
}

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

/* Pivot Table Dark Theme Overrides */
[b-pyi0fwrg12] .e-pivotview {
    background: var(--bg-card) !important;
    border: 1px solid var(--border) !important;
    border-radius: 12px !important;
    overflow: hidden;
}

/* Header cells */
[b-pyi0fwrg12] .e-pivotview .e-headercell,
[b-pyi0fwrg12] .e-pivotview .e-columnsheader,
[b-pyi0fwrg12] .e-pivotview .e-rowsheader,
[b-pyi0fwrg12] .e-pivotview .e-gtot,
[b-pyi0fwrg12] .e-pivotview .e-colsheader {
    background: var(--bg-secondary) !important;
    color: var(--text-secondary) !important;
    border-color: var(--border) !important;
    font-weight: 600;
    font-size: 12px;
}

/* Row header */
[b-pyi0fwrg12] .e-pivotview .e-rowsheader {
    color: var(--text-heading) !important;
    font-weight: 500;
}

/* Value cells */
[b-pyi0fwrg12] .e-pivotview .e-valuescontent,
[b-pyi0fwrg12] .e-pivotview .e-cellvalue {
    background: var(--bg-card) !important;
    color: var(--text-heading) !important;
    border-color: var(--border) !important;
    font-size: 13px;
}

/* Grand total cells */
[b-pyi0fwrg12] .e-pivotview .e-gtot {
    background: rgba(163, 230, 53, 0.08) !important;
    color: var(--accent) !important;
    font-weight: 700 !important;
}

/* Summary row */
[b-pyi0fwrg12] .e-pivotview .e-summary {
    background: var(--bg-secondary) !important;
    color: var(--text-heading) !important;
    font-weight: 600 !important;
}

/* Hover */
[b-pyi0fwrg12] .e-pivotview .e-row:hover td {
    background: var(--bg-hover) !important;
}

/* Grid borders */
[b-pyi0fwrg12] .e-pivotview .e-grid {
    border-color: var(--border) !important;
}

[b-pyi0fwrg12] .e-pivotview .e-grid .e-gridheader {
    border-color: var(--border) !important;
}

[b-pyi0fwrg12] .e-pivotview .e-grid .e-gridcontent {
    border-color: var(--border) !important;
}

/* Grouping Bar */
[b-pyi0fwrg12] .e-pivotview .e-group-bar,
[b-pyi0fwrg12] .e-pivotview .e-grouping-bar {
    background: var(--bg-secondary) !important;
    border-color: var(--border) !important;
}

[b-pyi0fwrg12] .e-pivotview .e-group-row,
[b-pyi0fwrg12] .e-pivotview .e-group-column,
[b-pyi0fwrg12] .e-pivotview .e-group-value,
[b-pyi0fwrg12] .e-pivotview .e-group-filter {
    background: var(--bg-secondary) !important;
    border-color: var(--border) !important;
}

[b-pyi0fwrg12] .e-pivotview .e-pvt-btn {
    background: var(--bg-primary) !important;
    color: var(--text-heading) !important;
    border: 1px solid var(--text-secondary) !important;
    border-radius: 6px !important;
    font-size: 12px;
}

[b-pyi0fwrg12] .e-pivotview .e-pvt-btn:hover {
    background: var(--bg-hover) !important;
    border-color: var(--accent) !important;
}

[b-pyi0fwrg12] .e-pivotview .e-pvt-btn .e-content {
    color: var(--text-heading) !important;
}

[b-pyi0fwrg12] .e-pivotview .e-pvt-btn .e-icons {
    color: var(--text-secondary) !important;
}

[b-pyi0fwrg12] .e-pivotview .e-pvt-btn .e-pv-filtered,
[b-pyi0fwrg12] .e-pivotview .e-pvt-btn .e-sort,
[b-pyi0fwrg12] .e-pivotview .e-pvt-btn .e-remove {
    color: var(--text-secondary) !important;
}

[b-pyi0fwrg12] .e-pivotview .e-pvt-btn .e-remove:hover {
    color: #ef4444 !important;
}

[b-pyi0fwrg12] .e-pivotview .e-pvt-btn.e-btn {
    background: var(--bg-primary) !important;
    color: var(--text-heading) !important;
    border: 1px solid var(--text-secondary) !important;
    border-radius: 6px !important;
}

/* Pivot buttons (chips) no grouping bar */
[b-pyi0fwrg12] .e-pivotview .e-grouping-bar .e-pivot-button,
[b-pyi0fwrg12] .e-pivotview .e-group-rows .e-pivot-button {
    background: #a3e6351f !important;
    color: #a3e635 !important;
    border: none !important;
    border-radius: 6px !important;
}

[b-pyi0fwrg12] .e-pivotview .e-grouping-bar .e-pivot-button .e-content,
[b-pyi0fwrg12] .e-pivotview .e-group-rows .e-pivot-button .e-content {
    color: #a3e635 !important;
}

[b-pyi0fwrg12] .e-pivotview .e-grouping-bar .e-pivot-button .e-icons,
[b-pyi0fwrg12] .e-pivotview .e-group-rows .e-pivot-button .e-icons {
    color: #a3e635 !important;
}

[b-pyi0fwrg12] .e-pivotview .e-grouping-bar .e-pivot-button .e-remove:hover,
[b-pyi0fwrg12] .e-pivotview .e-group-rows .e-pivot-button .e-remove:hover {
    color: #ef4444 !important;
}

/* Dropdown buttons in toolbar */
[b-pyi0fwrg12] .e-pivotview .e-toolbar .e-dropdown-btn,
[b-pyi0fwrg12] .e-pivotview .e-toolbar .e-btn {
    background: transparent !important;
    color: var(--text-secondary) !important;
    border: none !important;
}

[b-pyi0fwrg12] .e-pivotview .e-toolbar .e-dropdown-btn:hover,
[b-pyi0fwrg12] .e-pivotview .e-toolbar .e-btn:hover {
    background: var(--bg-hover) !important;
    color: var(--text-primary) !important;
}

[b-pyi0fwrg12] .e-pivotview .e-toolbar .e-dropdown-btn .e-icons,
[b-pyi0fwrg12] .e-pivotview .e-toolbar .e-btn .e-icons {
    color: var(--text-secondary) !important;
}

/* Axis labels in grouping bar */
[b-pyi0fwrg12] .e-pivotview .e-group-row .e-group-row-title,
[b-pyi0fwrg12] .e-pivotview .e-group-column .e-group-column-title,
[b-pyi0fwrg12] .e-pivotview .e-group-value .e-group-value-title,
[b-pyi0fwrg12] .e-pivotview .e-group-filter .e-group-filter-title {
    color: var(--text-muted) !important;
    font-size: 11px;
    text-transform: uppercase;
    letter-spacing: 0.5px;
}

/* Toolbar */
[b-pyi0fwrg12] .e-pivotview .e-pivot-toolbar,
[b-pyi0fwrg12] .e-pivotview .e-toolbar {
    background: var(--bg-secondary) !important;
    border-color: var(--border) !important;
}

[b-pyi0fwrg12] .e-pivotview .e-toolbar .e-toolbar-items {
    background: var(--bg-secondary) !important;
}

[b-pyi0fwrg12] .e-pivotview .e-toolbar .e-toolbar-item .e-tbar-btn {
    background: transparent !important;
    color: var(--text-secondary) !important;
    border: none !important;
}

[b-pyi0fwrg12] .e-pivotview .e-toolbar .e-toolbar-item .e-tbar-btn:hover {
    background: var(--bg-hover) !important;
    color: var(--text-primary) !important;
}

[b-pyi0fwrg12] .e-pivotview .e-toolbar .e-toolbar-item .e-tbar-btn .e-icons {
    color: var(--text-secondary) !important;
}

[b-pyi0fwrg12] .e-pivotview .e-toolbar .e-toolbar-item .e-tbar-btn:hover .e-icons {
    color: var(--text-primary) !important;
}

/* Field List Dialog */
[b-pyi0fwrg12] .e-pivotfieldlist-wrapper,
[b-pyi0fwrg12] .e-pivotfieldlist {
    background: var(--bg-card) !important;
    color: var(--text-heading) !important;
    border-color: var(--border) !important;
}

[b-pyi0fwrg12] .e-pivotfieldlist .e-field-list-tree .e-list-item {
    color: var(--text-heading) !important;
}

[b-pyi0fwrg12] .e-pivotfieldlist .e-field-list-tree .e-list-item:hover {
    background: var(--bg-hover) !important;
}

[b-pyi0fwrg12] .e-pivotfieldlist .e-field-header {
    background: var(--bg-secondary) !important;
    color: var(--text-secondary) !important;
    border-color: var(--border) !important;
}

[b-pyi0fwrg12] .e-pivotfieldlist .e-axis-table {
    background: var(--bg-card) !important;
    border-color: var(--border) !important;
}

[b-pyi0fwrg12] .e-pivotfieldlist .e-axis-header {
    color: var(--text-muted) !important;
    font-size: 11px;
    text-transform: uppercase;
}

/* Dialog/Popup overrides for pivot */
[b-pyi0fwrg12] .e-dialog.e-pivot-dialog {
    background: var(--bg-card) !important;
    border: 1px solid var(--border) !important;
    border-radius: 12px !important;
    box-shadow: 0 20px 60px rgba(0, 0, 0, 0.5) !important;
}

[b-pyi0fwrg12] .e-dialog.e-pivot-dialog .e-dlg-header-content {
    background: var(--bg-secondary) !important;
    border-bottom: 1px solid var(--border) !important;
}

[b-pyi0fwrg12] .e-dialog.e-pivot-dialog .e-dlg-header {
    color: var(--text-primary) !important;
}

[b-pyi0fwrg12] .e-dialog.e-pivot-dialog .e-dlg-content {
    background: var(--bg-card) !important;
    color: var(--text-heading) !important;
}

/* Buttons in Field List & Dialogs */
[b-pyi0fwrg12] .e-pivotfieldlist .e-field-list-footer .e-btn,
[b-pyi0fwrg12] .e-pivotfieldlist .e-calculated-field .e-btn,
[b-pyi0fwrg12] .e-pivotfieldlist-wrapper .e-btn,
[b-pyi0fwrg12] .e-dialog .e-footer-content .e-btn,
[b-pyi0fwrg12] .e-pivotview .e-member-editor-wrapper .e-btn {
    background: rgba(163, 230, 53, 0.15) !important;
    color: #a3e635 !important;
    border: 1px solid rgba(163, 230, 53, 0.3) !important;
    border-radius: 8px !important;
    font-family: var(--font-family) !important;
    font-weight: 500 !important;
    font-size: 13px !important;
    padding: 6px 16px !important;
    transition: all 0.2s ease !important;
}

[b-pyi0fwrg12] .e-pivotfieldlist .e-field-list-footer .e-btn:hover,
[b-pyi0fwrg12] .e-pivotfieldlist .e-calculated-field .e-btn:hover,
[b-pyi0fwrg12] .e-pivotfieldlist-wrapper .e-btn:hover,
[b-pyi0fwrg12] .e-dialog .e-footer-content .e-btn:hover,
[b-pyi0fwrg12] .e-pivotview .e-member-editor-wrapper .e-btn:hover {
    background: rgba(163, 230, 53, 0.25) !important;
    border-color: rgba(163, 230, 53, 0.5) !important;
}

/* Primary action buttons */
[b-pyi0fwrg12] .e-pivotfieldlist .e-btn.e-primary,
[b-pyi0fwrg12] .e-dialog .e-footer-content .e-btn.e-primary {
    background: #a3e635 !important;
    color: #0f0f1a !important;
    border: none !important;
    font-weight: 600 !important;
}

[b-pyi0fwrg12] .e-pivotfieldlist .e-btn.e-primary:hover,
[b-pyi0fwrg12] .e-dialog .e-footer-content .e-btn.e-primary:hover {
    background: #bef264 !important;
}

/* Campo Calculado button in header */
[b-pyi0fwrg12] .e-pivotfieldlist .e-calculated-field-btn {
    background: rgba(163, 230, 53, 0.15) !important;
    color: #a3e635 !important;
    border: 1px solid rgba(163, 230, 53, 0.3) !important;
    border-radius: 8px !important;
}

[b-pyi0fwrg12] .e-pivotfieldlist .e-calculated-field-btn:hover {
    background: rgba(163, 230, 53, 0.25) !important;
}

/* Field list pivot buttons inside dialog */
[b-pyi0fwrg12] .e-pivotfieldlist .e-pivot-button {
    background: #a3e6351f !important;
    color: #a3e635 !important;
    border: none !important;
    border-radius: 6px !important;
}

[b-pyi0fwrg12] .e-pivotfieldlist .e-pivot-button .e-content {
    color: #a3e635 !important;
}

[b-pyi0fwrg12] .e-pivotfieldlist .e-pivot-button .e-icons {
    color: #a3e635 !important;
}

/* Checkbox in field list */
[b-pyi0fwrg12] .e-pivotfieldlist .e-checkbox-wrapper .e-frame.e-check {
    background: #a3e635 !important;
    border-color: #a3e635 !important;
    color: #0f0f1a !important;
}

/* Scrollbar */
[b-pyi0fwrg12] .e-pivotview ::-webkit-scrollbar {
    width: 6px;
    height: 6px;
}

[b-pyi0fwrg12] .e-pivotview ::-webkit-scrollbar-track {
    background: var(--bg-secondary);
}

[b-pyi0fwrg12] .e-pivotview ::-webkit-scrollbar-thumb {
    background: var(--border);
    border-radius: 3px;
}

[b-pyi0fwrg12] .e-pivotview ::-webkit-scrollbar-thumb:hover {
    background: var(--text-muted);
}

/* Empty/null value cells and remaining white areas */
[b-pyi0fwrg12] .e-pivotview .e-valuescontent.e-nullvalue,
[b-pyi0fwrg12] .e-pivotview td.e-valuescontent[aria-label=""],
[b-pyi0fwrg12] .e-pivotview .e-valuescontent:empty,
[b-pyi0fwrg12] .e-pivotview .e-freezescrollbar,
[b-pyi0fwrg12] .e-pivotview .e-movablescrollbar,
[b-pyi0fwrg12] .e-pivotview .e-frozencontent,
[b-pyi0fwrg12] .e-pivotview .e-movablecontent,
[b-pyi0fwrg12] .e-pivotview .e-frozenheader,
[b-pyi0fwrg12] .e-pivotview .e-movableheader,
[b-pyi0fwrg12] .e-pivotview .e-headercontent,
[b-pyi0fwrg12] .e-pivotview .e-content,
[b-pyi0fwrg12] .e-pivotview .e-table,
[b-pyi0fwrg12] .e-pivotview .e-gridcontent,
[b-pyi0fwrg12] .e-pivotview .e-gridheader,
[b-pyi0fwrg12] .e-pivotview .e-grid,
[b-pyi0fwrg12] .e-pivotview .e-grid .e-table,
[b-pyi0fwrg12] .e-pivotview .e-movablescrollbar .e-movablechild {
    background: var(--bg-card) !important;
    background-color: var(--bg-card) !important;
}

/* Toolbar background fix */
[b-pyi0fwrg12] .e-pivotview .e-pivot-toolbar,
[b-pyi0fwrg12] .e-pivotview .e-toolbar,
[b-pyi0fwrg12] .e-pivotview .e-toolbar-items,
[b-pyi0fwrg12] .e-pivotview .e-hscroll-bar,
[b-pyi0fwrg12] .e-pivotview .e-hscroll-content,
[b-pyi0fwrg12] .e-pivotview .e-scroll-nav {
    background: var(--bg-secondary) !important;
    background-color: var(--bg-secondary) !important;
}

/* Resize handle */
[b-pyi0fwrg12] .e-pivotview .e-rhandler {
    border-color: var(--border) !important;
}

/* Empty state */
[b-pyi0fwrg12] .e-pivotview .e-emptyrow {
    color: var(--text-muted) !important;
}

/* Responsive */
@media (max-width: 768px) {
    .page-container[b-pyi0fwrg12] {
        padding: 16px;
    }
}
/* _content/Logistikk.Web/Components/Pages/Admin/Simulador.razor.rz.scp.css */
/* Herda todo o padrão de formulário da TabelaPreco */
.sidebar-section[b-d140q33teg] { margin-bottom: 24px; }
.section-title-sidebar[b-d140q33teg] {
    font-size: 13px;
    color: var(--text-secondary);
    font-weight: 600;
    text-transform: uppercase;
    letter-spacing: 0.5px;
    margin-bottom: 12px;
}

.edit-form[b-d140q33teg] { display: flex; flex-direction: column; gap: 4px; overflow: visible; }
.form-row[b-d140q33teg] { display: grid; grid-template-columns: 1fr 1fr; gap: 12px; margin-bottom: 12px; }
.form-group[b-d140q33teg] { display: flex; flex-direction: column; gap: 4px; }
.form-group label[b-d140q33teg] {
    color: var(--text-secondary);
    font-size: 12px;
    font-weight: 500;
    text-transform: uppercase;
    letter-spacing: 0.5px;
}

.form-input[b-d140q33teg] {
    background: var(--bg-primary);
    border: 1px solid var(--border);
    color: var(--text-primary);
    border-radius: 8px;
    padding: 10px 12px;
    font-size: 14px;
    font-family: var(--font-family);
    outline: none;
    transition: border-color 0.2s ease;
    min-width: 0;
    width: 100%;
    box-sizing: border-box;
}
.form-input:focus[b-d140q33teg] {
    border-color: var(--accent);
    box-shadow: 0 0 0 2px rgba(163, 230, 53, 0.15);
}

/* Syncfusion numeric */
[b-d140q33teg] .numeric-dark .e-input-group {
    background: var(--bg-primary) !important;
    border: 1px solid var(--border) !important;
    border-radius: 8px !important;
    color: var(--text-primary) !important;
    font-family: var(--font-family) !important;
    font-size: 14px !important;
}
[b-d140q33teg] .numeric-dark .e-input-group .e-input,
[b-d140q33teg] .numeric-dark .e-input-group input {
    color: var(--text-primary) !important;
    font-family: var(--font-family) !important;
    font-size: 14px !important;
}
[b-d140q33teg] .numeric-dark .e-input-group .e-input::placeholder { color: var(--text-secondary) !important; }
[b-d140q33teg] .numeric-dark .e-input-group:hover,
[b-d140q33teg] .numeric-dark .e-input-group.e-input-focus {
    border-color: var(--accent) !important;
    box-shadow: 0 0 0 2px rgba(163, 230, 53, 0.15) !important;
}
[b-d140q33teg] .numeric-dark .e-input-group .e-input-group-icon {
    color: var(--text-secondary) !important;
    background: transparent !important;
}

/* Botões */
.btn-salvar[b-d140q33teg] {
    background: var(--accent);
    color: #1a1a2e;
    border: none;
    border-radius: 8px;
    padding: 8px 24px;
    font-size: 13px;
    font-family: var(--font-family);
    font-weight: 500;
    cursor: pointer;
    display: flex;
    align-items: center;
    gap: 6px;
    transition: all 0.2s ease;
}
.btn-salvar:hover:not(:disabled)[b-d140q33teg] { background: #bef264; }
.btn-salvar:disabled[b-d140q33teg] { opacity: 0.5; cursor: not-allowed; }

.upload-message[b-d140q33teg] {
    background: rgba(34, 197, 94, 0.1);
    border: 1px solid rgba(34, 197, 94, 0.3);
    color: #86efac;
    padding: 8px 12px;
    border-radius: 8px;
    font-size: 13px;
}
.upload-message.erro[b-d140q33teg] {
    background: rgba(239, 68, 68, 0.1);
    border-color: rgba(239, 68, 68, 0.3);
    color: #fca5a5;
}

.badge-info[b-d140q33teg] {
    display: inline-flex;
    align-items: center;
    gap: 4px;
    background: rgba(96, 165, 250, 0.12);
    color: #60a5fa;
    padding: 2px 8px;
    border-radius: 6px;
    font-size: 12px;
    font-weight: 500;
}

/* Autocomplete dropdown */
.autocomplete-wrapper[b-d140q33teg] { position: relative; }
.autocomplete-dropdown[b-d140q33teg] {
    position: absolute;
    top: 100%;
    left: 0;
    right: 0;
    background: var(--bg-card);
    border: 1px solid var(--accent);
    border-radius: 8px;
    max-height: 220px;
    overflow-y: auto;
    z-index: 100000;
    box-shadow: 0 8px 24px rgba(0, 0, 0, 0.5);
    margin-top: 2px;
}
.autocomplete-item[b-d140q33teg] {
    display: flex;
    justify-content: space-between;
    align-items: center;
    padding: 8px 12px;
    cursor: pointer;
    color: var(--text-heading);
    font-size: 13px;
    transition: background 0.15s;
}
.autocomplete-item:hover[b-d140q33teg] { background: var(--bg-hover); }
.autocomplete-uf[b-d140q33teg] {
    font-size: 11px;
    color: var(--text-muted);
    font-family: monospace;
}

/* Resultados */
.sim-summary[b-d140q33teg] {
    display: grid;
    grid-template-columns: 1fr 1fr 1fr 1fr;
    gap: 12px;
}
.sim-card[b-d140q33teg] {
    background: var(--bg-card);
    border: 1px solid var(--border);
    border-radius: 10px;
    padding: 14px;
    text-align: center;
}
.sim-card-best[b-d140q33teg] {
    background: rgba(34, 197, 94, 0.06);
    border: 1px solid rgba(34, 197, 94, 0.25);
    border-radius: 10px;
    padding: 14px;
    text-align: center;
}
.sim-card-label[b-d140q33teg] {
    font-size: 10px;
    color: var(--text-secondary);
    text-transform: uppercase;
    letter-spacing: 0.5px;
}
.sim-card-value[b-d140q33teg] {
    font-size: 22px;
    font-weight: 700;
    margin-top: 4px;
}
.sim-card-sub[b-d140q33teg] {
    font-size: 10px;
    color: var(--text-muted);
    margin-top: 2px;
}

/* Result list */
.sim-results[b-d140q33teg] { display: flex; flex-direction: column; gap: 8px; }
.sim-row[b-d140q33teg] {
    background: var(--bg-card);
    border: 1px solid var(--border);
    border-radius: 10px;
    padding: 12px 16px;
    display: flex;
    align-items: center;
    gap: 14px;
}
.sim-row-best[b-d140q33teg] {
    background: rgba(34, 197, 94, 0.04);
    border: 1px solid rgba(34, 197, 94, 0.4);
    border-radius: 10px;
    padding: 12px 16px;
    display: flex;
    align-items: center;
    gap: 14px;
}
.sim-rank[b-d140q33teg] {
    width: 30px; height: 30px; border-radius: 50%;
    display: flex; align-items: center; justify-content: center;
    font-weight: 700; font-size: 12px; flex-shrink: 0;
    background: rgba(148, 163, 184, 0.1); color: var(--text-muted);
}
.sim-rank-best[b-d140q33teg] {
    width: 30px; height: 30px; border-radius: 50%;
    display: flex; align-items: center; justify-content: center;
    font-weight: 700; font-size: 12px; flex-shrink: 0;
    background: rgba(34, 197, 94, 0.15); color: #22c55e;
}
.sim-info[b-d140q33teg] { flex: 1; min-width: 0; }
.sim-name[b-d140q33teg] { font-size: 13px; font-weight: 600; color: var(--text-heading); }
.sim-route[b-d140q33teg] { font-size: 11px; color: var(--text-muted); margin-top: 1px; white-space: nowrap; overflow: hidden; text-overflow: ellipsis; }
.sim-badge[b-d140q33teg] { padding: 2px 8px; border-radius: 4px; font-size: 9px; font-weight: 700; background: rgba(34,197,94,0.15); color: #22c55e; text-transform: uppercase; letter-spacing: 0.5px; margin-left: 8px; }
.sim-breakdown[b-d140q33teg] { display: flex; gap: 10px; flex-shrink: 0; }
.sim-bk[b-d140q33teg] { text-align: center; min-width: 55px; }
.sim-bk-label[b-d140q33teg] { font-size: 9px; color: var(--text-muted); text-transform: uppercase; }
.sim-bk-value[b-d140q33teg] { font-size: 11px; color: var(--text-secondary); font-weight: 500; }
.sim-total[b-d140q33teg] { text-align: right; flex-shrink: 0; min-width: 110px; }
.sim-total-val[b-d140q33teg] { font-size: 18px; font-weight: 700; color: var(--text-heading); }
.sim-total-val-best[b-d140q33teg] { font-size: 18px; font-weight: 700; color: #22c55e; }
.sim-total-diff[b-d140q33teg] { font-size: 10px; color: #ef4444; margin-top: 1px; }
.sim-empty[b-d140q33teg] {
    background: var(--bg-card); border: 1px solid var(--border); border-radius: 12px;
    padding: 48px; text-align: center; color: var(--text-muted); font-size: 14px;
}
/* _content/Logistikk.Web/Components/Pages/Admin/TabelaPreco.razor.rz.scp.css */
.page-container[b-mg005apzax] {
    padding: 24px;
    font-family: var(--font-family);
    flex: 1;
    display: flex;
    flex-direction: column;
    min-height: 0;
    overflow: hidden;
}

/* New Record Button */
.btn-novo[b-mg005apzax] {
    background: var(--accent);
    color: #1a1a2e;
    border: none;
    border-radius: 8px;
    padding: 6px 16px;
    font-size: 13px;
    font-family: var(--font-family);
    font-weight: 500;
    cursor: pointer;
    transition: all 0.2s ease;
    display: flex;
    align-items: center;
    gap: 6px;
}

.btn-novo:hover[b-mg005apzax] {
    background: #bef264;
    box-shadow: 0 4px 12px rgba(163, 230, 53, 0.35);
}

/* Fullscreen Button */
.btn-fullscreen-grid[b-mg005apzax] {
    background: var(--bg-card);
    color: var(--text-secondary);
    border: 1px solid var(--border);
    border-radius: 8px;
    padding: 6px 10px;
    cursor: pointer;
    display: flex;
    align-items: center;
    justify-content: center;
    transition: all 0.2s ease;
}

.btn-fullscreen-grid:hover[b-mg005apzax] {
    background: var(--bg-hover);
    color: var(--text-primary);
    border-color: var(--accent);
}

/* Toolbar */
.toolbar[b-mg005apzax] {
    display: flex;
    gap: 12px;
    margin: 16px 0;
    align-items: center;
    flex-shrink: 0;
}

/* Export Button */
.btn-export[b-mg005apzax] {
    background: rgba(34, 197, 94, 0.15);
    color: #22c55e;
    border: 1px solid rgba(34, 197, 94, 0.3);
    border-radius: 8px;
    padding: 6px 16px;
    font-size: 13px;
    font-family: var(--font-family);
    font-weight: 500;
    cursor: pointer;
    transition: all 0.2s ease;
    display: flex;
    align-items: center;
    gap: 6px;
}

.btn-export:hover[b-mg005apzax] {
    background: rgba(34, 197, 94, 0.25);
    border-color: rgba(34, 197, 94, 0.5);
}

/* Sidebar Detail */
.sidebar-header[b-mg005apzax] { display: flex; align-items: center; gap: 10px; color: var(--text-primary); width: 100%; }
.sidebar-header svg[b-mg005apzax] { color: var(--accent); }

.sidebar-content[b-mg005apzax] { padding: 20px; display: flex; flex-direction: column; min-height: 0; flex: 1; overflow-y: auto; overflow-x: hidden; }
.sidebar-section[b-mg005apzax] { margin-bottom: 24px; }
.section-title-sidebar[b-mg005apzax] {
    color: var(--text-secondary); font-size: 11px; font-weight: 600;
    text-transform: uppercase; letter-spacing: 1px; margin: 0 0 10px 0;
}

/* Detail Grid */
.detail-grid[b-mg005apzax] {
    display: grid;
    grid-template-columns: repeat(2, 1fr);
    gap: 12px;
}

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

.detail-label[b-mg005apzax] {
    font-size: 11px;
    font-weight: 600;
    text-transform: uppercase;
    color: var(--text-muted);
    letter-spacing: 0.5px;
}

.detail-value[b-mg005apzax] {
    color: var(--text-heading);
    font-size: 14px;
}

/* Card Item (Itens expandíveis) */
.card-item[b-mg005apzax] {
    background: var(--bg-primary);
    border: 1px solid var(--border);
    border-radius: 8px;
    margin-bottom: 8px;
    overflow: hidden;
    transition: border-color 0.2s ease;
}

.card-item:hover[b-mg005apzax] {
    border-color: var(--accent);
}

.card-item.expandido[b-mg005apzax] {
    border-color: var(--accent);
}

/* Item sem destino cadastrado: destaque ambar com borda esquerda
   mais forte, para facilitar localizacao visual na lista. */
.card-item.sem-destino[b-mg005apzax] {
    border-color: rgba(245, 158, 11, 0.5);
    background: rgba(245, 158, 11, 0.06);
    border-left: 3px solid #f59e0b;
}

.card-item.sem-destino:hover[b-mg005apzax] {
    border-color: #f59e0b;
}

.badge-sem-destino[b-mg005apzax] {
    display: inline-flex;
    align-items: center;
    gap: 4px;
    padding: 2px 8px;
    border-radius: 999px;
    background: rgba(245, 158, 11, 0.15);
    color: #f59e0b;
    font-size: 11px;
    font-weight: 600;
    letter-spacing: 0.02em;
    border: 1px solid rgba(245, 158, 11, 0.35);
}

.card-item-header[b-mg005apzax] {
    display: flex;
    align-items: center;
    justify-content: space-between;
    padding: 12px 16px;
    cursor: pointer;
    transition: background 0.15s ease;
}

.card-item-header:hover[b-mg005apzax] {
    background: var(--bg-hover);
}

.card-chevron[b-mg005apzax] {
    color: var(--text-muted);
    transition: transform 0.2s ease;
}

.card-item.expandido .card-chevron[b-mg005apzax] {
    transform: rotate(180deg);
}

.card-item-body[b-mg005apzax] {
    padding: 0 16px 16px;
    border-top: 1px solid var(--border);
}

/* Sub sections */
.sub-section[b-mg005apzax] {
    margin-top: 16px;
}

.sub-title[b-mg005apzax] {
    font-size: 12px;
    font-weight: 600;
    text-transform: uppercase;
    letter-spacing: 0.5px;
    color: var(--text-secondary);
}

/* Tags destino */
.tags-container[b-mg005apzax] {
    display: flex;
    flex-wrap: wrap;
    gap: 8px;
}

.tag-destino[b-mg005apzax] {
    display: inline-flex;
    align-items: center;
    gap: 6px;
    background: rgba(96, 165, 250, 0.1);
    color: #60a5fa;
    padding: 4px 10px;
    border-radius: 16px;
    font-size: 13px;
}

.tag-code[b-mg005apzax] {
    color: var(--text-muted);
    font-size: 11px;
}

.tag-remove[b-mg005apzax] {
    background: none;
    border: none;
    color: #60a5fa;
    cursor: pointer;
    font-size: 16px;
    line-height: 1;
    padding: 0 2px;
    opacity: 0.6;
    transition: opacity 0.15s;
}

.tag-remove:hover[b-mg005apzax] {
    opacity: 1;
}

/* Badge info */
.badge-info[b-mg005apzax] {
    background: rgba(163, 230, 53, 0.1);
    color: var(--accent);
    padding: 2px 8px;
    border-radius: 10px;
    font-size: 11px;
    font-weight: 500;
}

/* Valores table */
.valor-card[b-mg005apzax] {
    border: 1px solid var(--border);
    border-radius: 8px;
    margin-bottom: 8px;
    overflow: hidden;
}

.valor-card-header[b-mg005apzax] {
    display: flex;
    justify-content: space-between;
    align-items: center;
    padding: 8px 12px;
    background: var(--bg-secondary);
    border-bottom: 1px solid var(--border);
}

.valor-card-title[b-mg005apzax] {
    font-size: 13px;
    font-weight: 600;
    color: var(--accent);
}

.valor-card-body[b-mg005apzax] {
    display: grid;
    grid-template-columns: repeat(3, 1fr);
    gap: 0;
    padding: 0;
}

.valor-item[b-mg005apzax] {
    display: flex;
    flex-direction: column;
    padding: 8px 12px;
    border-bottom: 1px solid var(--border);
    border-right: 1px solid var(--border);
}

.valor-item:nth-child(3n)[b-mg005apzax] {
    border-right: none;
}

.valor-item:nth-last-child(-n+3)[b-mg005apzax] {
    border-bottom: none;
}

.valor-label[b-mg005apzax] {
    font-size: 10px;
    font-weight: 600;
    text-transform: uppercase;
    color: var(--text-secondary);
    letter-spacing: 0.3px;
    margin-bottom: 2px;
}

.valor-value[b-mg005apzax] {
    font-size: 13px;
    color: var(--text-heading);
    font-weight: 500;
}

/* Botões icon */
.btn-icon[b-mg005apzax] {
    background: none;
    border: none;
    cursor: pointer;
    padding: 4px;
    border-radius: 4px;
    display: flex;
    align-items: center;
    justify-content: center;
    transition: background 0.15s ease;
}

.btn-icon-blue[b-mg005apzax] {
    color: #60a5fa;
}

.btn-icon-blue:hover[b-mg005apzax] {
    background: rgba(96, 165, 250, 0.15);
}

.btn-icon-danger[b-mg005apzax] {
    color: var(--danger);
}

.btn-icon-danger:hover[b-mg005apzax] {
    background: rgba(239, 68, 68, 0.15);
}

/* Link button */
.btn-link[b-mg005apzax] {
    background: none;
    border: none;
    color: var(--accent);
    cursor: pointer;
    font-size: 13px;
    font-family: var(--font-family);
    font-weight: 500;
    padding: 0;
    transition: opacity 0.15s;
}

.btn-link:hover[b-mg005apzax] {
    opacity: 0.8;
}

/* Empty text */
.empty-text[b-mg005apzax] {
    color: var(--text-muted);
    font-size: 13px;
    font-style: italic;
    margin: 8px 0;
}

/* Autocomplete */
.autocomplete-wrapper[b-mg005apzax] {
    position: relative;
}

.autocomplete-dropdown[b-mg005apzax] {
    position: absolute;
    top: 100%;
    left: 0;
    right: 0;
    background: var(--bg-card);
    border: 1px solid var(--accent);
    border-radius: 8px;
    max-height: 250px;
    overflow-y: auto;
    z-index: 100000;
    box-shadow: 0 8px 24px rgba(0, 0, 0, 0.5);
}

.autocomplete-item[b-mg005apzax] {
    display: flex;
    justify-content: space-between;
    align-items: center;
    padding: 10px 12px;
    cursor: pointer;
    color: var(--text-heading);
    font-size: 14px;
    transition: background 0.15s;
}

.autocomplete-item:hover[b-mg005apzax] {
    background: var(--bg-hover);
}

.autocomplete-uf[b-mg005apzax] {
    font-size: 12px;
    color: var(--text-muted);
}

/* Edit Form */
.edit-form[b-mg005apzax] {
    display: flex;
    flex-direction: column;
    gap: 4px;
    overflow: visible;
}

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

.form-row-3[b-mg005apzax] {
    grid-template-columns: 1fr 1fr 1fr;
}

.form-group[b-mg005apzax] {
    display: flex;
    flex-direction: column;
    gap: 4px;
}

.form-group label[b-mg005apzax] {
    color: var(--text-secondary);
    font-size: 12px;
    font-weight: 500;
    text-transform: uppercase;
    letter-spacing: 0.5px;
}

.form-input[b-mg005apzax] {
    background: var(--bg-primary);
    border: 1px solid var(--border);
    color: var(--text-primary);
    border-radius: 8px;
    padding: 10px 12px;
    font-size: 14px;
    font-family: var(--font-family);
    outline: none;
    transition: border-color 0.2s ease;
    min-width: 0;
    width: 100%;
    box-sizing: border-box;
}

.form-input:focus[b-mg005apzax] {
    border-color: var(--accent);
    box-shadow: 0 0 0 2px rgba(163, 230, 53, 0.15);
}

/* Syncfusion NumericTextBox dark theme */
[b-mg005apzax] .numeric-dark .e-input-group {
    background: var(--bg-primary) !important;
    border: 1px solid var(--border) !important;
    border-radius: 8px !important;
    color: var(--text-primary) !important;
    font-family: var(--font-family) !important;
    font-size: 14px !important;
}

[b-mg005apzax] .numeric-dark .e-input-group .e-input,
[b-mg005apzax] .numeric-dark .e-input-group input {
    color: var(--text-primary) !important;
    font-family: var(--font-family) !important;
    font-size: 14px !important;
}

[b-mg005apzax] .numeric-dark .e-input-group .e-input::placeholder {
    color: var(--text-secondary) !important;
}

[b-mg005apzax] .numeric-dark .e-input-group:hover,
[b-mg005apzax] .numeric-dark .e-input-group.e-input-focus {
    border-color: var(--accent) !important;
    box-shadow: 0 0 0 2px rgba(163, 230, 53, 0.15) !important;
}

[b-mg005apzax] .numeric-dark .e-input-group .e-input-group-icon {
    color: var(--text-secondary) !important;
    background: transparent !important;
}

/* Syncfusion DropDown dark theme */
[b-mg005apzax] .dropdown-dark .e-input-group {
    background: var(--bg-primary) !important;
    border: 1px solid var(--border) !important;
    border-radius: 8px !important;
    color: var(--text-primary) !important;
    font-family: var(--font-family) !important;
    font-size: 14px !important;
}

[b-mg005apzax] .dropdown-dark .e-input-group .e-input {
    color: var(--text-primary) !important;
    font-family: var(--font-family) !important;
    font-size: 14px !important;
}

[b-mg005apzax] .dropdown-dark .e-input-group .e-input::placeholder {
    color: var(--text-secondary) !important;
}

[b-mg005apzax] .dropdown-dark .e-input-group:hover,
[b-mg005apzax] .dropdown-dark .e-input-group.e-input-focus {
    border-color: var(--accent) !important;
    box-shadow: 0 0 0 2px rgba(163, 230, 53, 0.15) !important;
}

[b-mg005apzax] .dropdown-dark .e-input-group .e-input-group-icon {
    color: var(--text-secondary) !important;
}

.dialog-footer[b-mg005apzax] {
    display: flex;
    justify-content: flex-end;
    gap: 8px;
    margin-top: 16px;
    padding-top: 16px;
    border-top: 1px solid var(--border);
}

.btn-cancelar[b-mg005apzax] {
    background: transparent;
    color: var(--text-secondary);
    border: 1px solid var(--border);
    border-radius: 8px;
    padding: 8px 20px;
    font-size: 13px;
    font-family: var(--font-family);
    font-weight: 500;
    cursor: pointer;
    transition: all 0.2s ease;
}

.btn-cancelar:hover[b-mg005apzax] {
    background: rgba(255, 255, 255, 0.05);
    color: var(--text-primary);
}

.btn-salvar[b-mg005apzax] {
    background: var(--accent);
    color: #1a1a2e;
    border: none;
    border-radius: 8px;
    padding: 8px 24px;
    font-size: 13px;
    font-family: var(--font-family);
    font-weight: 500;
    cursor: pointer;
    display: flex;
    align-items: center;
    gap: 6px;
    transition: all 0.2s ease;
}

.btn-salvar:hover:not(:disabled)[b-mg005apzax] {
    background: #bef264;
}

.btn-salvar:disabled[b-mg005apzax] {
    opacity: 0.5;
    cursor: not-allowed;
}

.upload-message[b-mg005apzax] {
    background: rgba(34, 197, 94, 0.1);
    border: 1px solid rgba(34, 197, 94, 0.3);
    color: #22c55e;
    padding: 10px 16px;
    border-radius: 8px;
    font-size: 13px;
    margin-top: 12px;
}

.upload-message.erro[b-mg005apzax] {
    background: rgba(239, 68, 68, 0.1);
    border-color: rgba(239, 68, 68, 0.3);
    color: #ef4444;
}

.spinner-sm[b-mg005apzax] {
    width: 14px;
    height: 14px;
    border: 2px solid rgba(255, 255, 255, 0.3);
    border-top-color: currentColor;
    border-radius: 50%;
    animation: spin-b-mg005apzax 0.6s linear infinite;
}

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

/* Kebab danger */
[b-mg005apzax] .kebab-menu-item-danger {
    color: var(--danger) !important;
}

[b-mg005apzax] .kebab-menu-item-danger:hover {
    background: rgba(239, 68, 68, 0.1) !important;
}

/* SfGrid Dark Theme Overrides */
[b-mg005apzax] .e-grid {
    background: var(--bg-card) !important;
    border: 1px solid var(--border) !important;
    border-radius: 12px !important;
}

[b-mg005apzax] .e-grid .e-headercell {
    background: var(--bg-secondary) !important;
    color: var(--text-secondary) !important;
    font-weight: 600;
    font-size: 12px;
    text-transform: uppercase;
    letter-spacing: 0.5px;
    border-color: var(--border) !important;
    white-space: nowrap !important;
    overflow: visible !important;
    text-overflow: unset !important;
}

[b-mg005apzax] .e-grid .e-headercelldiv {
    white-space: nowrap !important;
    overflow: visible !important;
    text-overflow: unset !important;
}

[b-mg005apzax] .e-grid .e-rowcell {
    background: var(--bg-card) !important;
    color: var(--text-heading) !important;
    border-color: var(--border) !important;
    font-size: 14px;
}

[b-mg005apzax] .e-grid .e-row:hover .e-rowcell {
    background: var(--bg-hover) !important;
}

[b-mg005apzax] .e-grid .e-altrow .e-rowcell {
    background: var(--bg-secondary) !important;
}

[b-mg005apzax] .e-grid .e-altrow:hover .e-rowcell {
    background: var(--bg-hover) !important;
}

[b-mg005apzax] .e-grid .e-gridheader {
    border-color: var(--border) !important;
}

[b-mg005apzax] .e-grid .e-gridcontent {
    border-color: var(--border) !important;
    overflow-y: auto !important;
}

/* SfDialog Dark Theme Overrides */
[b-mg005apzax] .e-dialog {
    background: var(--bg-card) !important;
    border: 1px solid var(--border) !important;
    border-radius: 12px !important;
    box-shadow: 0 20px 60px rgba(0, 0, 0, 0.5) !important;
}

[b-mg005apzax] .e-dialog .e-dlg-header-content {
    background: var(--bg-secondary) !important;
    border-bottom: 1px solid var(--border) !important;
    border-radius: 12px 12px 0 0 !important;
    display: flex;
    align-items: center;
}

[b-mg005apzax] .e-dialog .e-dlg-header {
    color: var(--text-primary) !important;
    font-weight: 600;
    font-size: 16px;
}

[b-mg005apzax] .e-dialog .e-dlg-content {
    background: var(--bg-card) !important;
    color: var(--text-heading) !important;
    overflow: visible !important;
    padding: 16px 20px !important;
}

[b-mg005apzax] .e-dialog .e-btn.e-dlg-closeicon-btn {
    color: var(--text-secondary) !important;
}

[b-mg005apzax] .e-dialog .e-btn.e-dlg-closeicon-btn:hover {
    color: var(--text-primary) !important;
    background: rgba(255, 255, 255, 0.1) !important;
}

/* SfGrid Grouping Drop Area */
[b-mg005apzax] .e-grid .e-groupdroparea {
    background: var(--bg-secondary) !important;
    color: var(--text-secondary) !important;
    border-color: var(--border) !important;
    font-size: 13px;
    padding: 8px 12px;
}

[b-mg005apzax] .e-grid .e-groupdroparea .e-grouped-text {
    color: var(--text-secondary) !important;
}

[b-mg005apzax] .e-grid .e-groupdroparea .e-ungroupbutton {
    color: var(--text-secondary) !important;
}

[b-mg005apzax] .e-grid .e-groupdroparea .e-ungroupbutton:hover {
    color: var(--text-primary) !important;
}

[b-mg005apzax] .e-grid .e-groupheadercell {
    background: var(--bg-card) !important;
    color: var(--text-primary) !important;
    border: 1px solid var(--border) !important;
    border-radius: 4px !important;
}

[b-mg005apzax] .e-grid .e-groupcaption {
    background: var(--bg-secondary) !important;
    color: var(--text-heading) !important;
    border-color: var(--border) !important;
}

[b-mg005apzax] .e-grid .e-recordplusexpand,
[b-mg005apzax] .e-grid .e-recordpluscollapse {
    background: var(--bg-secondary) !important;
    border-color: var(--border) !important;
    color: var(--text-primary) !important;
}

[b-mg005apzax] .e-grid .e-indentcell {
    background: var(--bg-secondary) !important;
    border-color: var(--border) !important;
}

/* SfGrid Filter Bar */
[b-mg005apzax] .e-grid .e-filterbar .e-filterbarcell {
    background: var(--bg-secondary) !important;
    border-color: var(--border) !important;
}

[b-mg005apzax] .e-grid .e-filterbar input {
    background: var(--bg-primary) !important;
    color: var(--text-primary) !important;
    border-color: var(--border) !important;
}

/* SfGrid Excel Filter Dialog */
[b-mg005apzax] .e-excelfilter {
    background: var(--bg-card) !important;
    border-color: var(--border) !important;
    color: var(--text-primary) !important;
}

[b-mg005apzax] .e-excelfilter .e-dlg-header-content {
    background: var(--bg-secondary) !important;
    border-bottom: 1px solid var(--border) !important;
}

[b-mg005apzax] .e-excelfilter .e-dlg-header {
    color: var(--text-primary) !important;
}

[b-mg005apzax] .e-excelfilter .e-dlg-content {
    background: var(--bg-card) !important;
    color: var(--text-primary) !important;
}

[b-mg005apzax] .e-excelfilter .e-ftrchk,
[b-mg005apzax] .e-excelfilter .e-searchbox {
    background: var(--bg-card) !important;
    color: var(--text-primary) !important;
}

[b-mg005apzax] .e-excelfilter .e-footer-content {
    background: var(--bg-secondary) !important;
    border-top: 1px solid var(--border) !important;
}

[b-mg005apzax] .e-excelfilter .e-btn {
    color: var(--text-primary) !important;
}

/* ========== Importação - Sub-tabs ========== */
.subtab-bar[b-mg005apzax] {
    display: flex;
    gap: 4px;
    margin-bottom: 20px;
}

.subtab-btn[b-mg005apzax] {
    background: var(--bg-secondary);
    border: 1px solid var(--border);
    color: var(--text-secondary);
    padding: 8px 20px;
    border-radius: 6px;
    font-size: 13px;
    font-family: var(--font-family);
    font-weight: 500;
    cursor: pointer;
    transition: all 0.2s ease;
}

.subtab-btn:hover[b-mg005apzax] {
    color: var(--text-heading);
    border-color: var(--accent);
}

.subtab-btn.active[b-mg005apzax] {
    background: rgba(163, 230, 53, 0.15);
    color: var(--accent);
    border-color: var(--accent);
    font-weight: 600;
}

/* ========== Upload Area ========== */
.pdf-upload-area[b-mg005apzax] {
    display: flex;
    align-items: center;
    gap: 12px;
    margin-top: 16px;
    padding: 14px 16px;
    background: rgba(163, 230, 53, 0.1);
    border: 1px solid rgba(163, 230, 53, 0.2);
    border-radius: 8px;
    color: var(--accent);
    font-size: 14px;
    transition: border-color 0.2s;
}

.pdf-upload-area:hover[b-mg005apzax] {
    border-color: rgba(163, 230, 53, 0.4);
}

.btn-selecionar[b-mg005apzax] {
    display: inline-block;
    background: #a3e635;
    color: #1a1a1a;
    border-radius: 8px;
    padding: 8px 20px;
    font-size: 13px;
    font-family: var(--font-family);
    font-weight: 600;
    cursor: pointer;
    transition: all 0.2s ease;
    user-select: none;
    border: none;
}

.btn-selecionar:hover[b-mg005apzax] {
    background: #8fcc2b;
}

.btn-selecionar.btn-secondary[b-mg005apzax] {
    background: var(--bg-secondary);
    color: var(--text-primary);
    border: 1px solid var(--border);
}

.btn-selecionar.btn-secondary:hover[b-mg005apzax] {
    border-color: var(--accent);
}

/* ========== Templates ========== */
.templates-container[b-mg005apzax] { }

.templates-header[b-mg005apzax] {
    display: flex;
    justify-content: space-between;
    align-items: center;
    margin-bottom: 16px;
}

.btn-novo-template[b-mg005apzax] {
    background: var(--accent);
    color: #1a1a1a;
    border: none;
    border-radius: 8px;
    padding: 8px 16px;
    font-size: 12px;
    font-family: var(--font-family);
    font-weight: 600;
    cursor: pointer;
    transition: all 0.2s ease;
}

.btn-novo-template:hover[b-mg005apzax] {
    background: #bef264;
}

.templates-grid[b-mg005apzax] {
    display: flex;
    flex-direction: column;
    gap: 8px;
}

.template-card[b-mg005apzax] {
    display: flex;
    align-items: center;
    justify-content: space-between;
    background: var(--bg-primary);
    border: 1px solid var(--border);
    border-radius: 8px;
    padding: 14px 16px;
}

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

.template-info strong[b-mg005apzax] {
    color: var(--text-primary);
    font-size: 14px;
}

.template-cnpj[b-mg005apzax] {
    color: var(--text-secondary);
    font-size: 12px;
}

.template-acoes[b-mg005apzax] {
    display: flex;
    gap: 6px;
}

.btn-action[b-mg005apzax] {
    background: none;
    border: none;
    cursor: pointer;
    padding: 6px;
    border-radius: 6px;
    display: flex;
    align-items: center;
    justify-content: center;
    transition: background 0.15s ease;
}

.btn-view[b-mg005apzax] {
    color: #60a5fa;
}

.btn-view:hover[b-mg005apzax] {
    background: rgba(96, 165, 250, 0.15);
}

.btn-delete[b-mg005apzax] {
    color: #ef4444;
}

.btn-delete:hover[b-mg005apzax] {
    background: rgba(239, 68, 68, 0.15);
}

/* ========== Mapeamento Visual ========== */
.mapeamento-grid[b-mg005apzax] {
    display: flex;
    flex-direction: column;
    gap: 0;
    border: 1px solid var(--border);
    border-radius: 8px;
    overflow: hidden;
    margin-top: 8px;
}

.mapeamento-header[b-mg005apzax] {
    display: grid;
    grid-template-columns: 1fr 1fr;
    gap: 16px;
    padding: 10px 16px;
    background: var(--bg-secondary);
    border-bottom: 1px solid var(--border);
    font-size: 11px;
    font-weight: 700;
    text-transform: uppercase;
    letter-spacing: 0.5px;
    color: var(--text-secondary);
}

.mapeamento-row[b-mg005apzax] {
    display: grid;
    grid-template-columns: 1fr 1fr;
    gap: 16px;
    align-items: center;
    padding: 10px 16px;
    border-bottom: 1px solid var(--border);
    transition: background 0.15s ease;
}

.mapeamento-row:last-child[b-mg005apzax] {
    border-bottom: none;
}

.mapeamento-row:hover[b-mg005apzax] {
    background: rgba(163, 230, 53, 0.04);
}

.mapeamento-grid-3col .mapeamento-header[b-mg005apzax],
.mapeamento-grid-3col .mapeamento-row[b-mg005apzax] {
    grid-template-columns: 1fr 1fr 1fr;
}

.mapeamento-coluna[b-mg005apzax] {
    color: var(--text-primary);
    font-size: 13px;
    font-weight: 500;
    font-family: 'Fira Code', 'Courier New', monospace;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
}

.mapeamento-valor[b-mg005apzax] {
    color: var(--text-secondary);
    font-size: 12px;
    font-family: 'Fira Code', 'Courier New', monospace;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
}

.mapeamento-select[b-mg005apzax] {
    width: 100%;
    background: var(--bg-card);
    border: 1px solid var(--border);
    color: var(--text-primary);
    border-radius: 6px;
    padding: 8px 12px;
    font-size: 13px;
    font-family: var(--font-family);
    cursor: pointer;
}

.mapeamento-select:focus[b-mg005apzax] {
    outline: none;
    border-color: var(--accent);
}

.mapeamento-resumo[b-mg005apzax] {
    display: flex;
    flex-wrap: wrap;
    gap: 8px;
    margin-top: 8px;
}

.mapeamento-tag[b-mg005apzax] {
    background: var(--bg-secondary);
    border: 1px solid var(--border);
    border-radius: 6px;
    padding: 6px 12px;
    font-size: 12px;
    color: var(--text-primary);
}

.mapeamento-tag strong[b-mg005apzax] {
    color: var(--accent);
    margin-right: 4px;
}

.template-form[b-mg005apzax] {
    display: flex;
    flex-direction: column;
    gap: 4px;
}

.form-select[b-mg005apzax] {
    background: var(--bg-primary);
    border: 1px solid var(--border);
    color: var(--text-primary);
    border-radius: 8px;
    padding: 10px 12px;
    font-size: 14px;
    font-family: var(--font-family);
    outline: none;
    width: 100%;
    transition: border-color 0.2s ease;
}

.form-select:focus[b-mg005apzax] {
    border-color: var(--accent);
    box-shadow: 0 0 0 2px rgba(163, 230, 53, 0.15);
}

/* Responsive */
@media (max-width: 768px) {
    .page-container[b-mg005apzax] {
        padding: 16px;
    }

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

    .form-row[b-mg005apzax] {
        grid-template-columns: 1fr;
    }

    .form-row-3[b-mg005apzax] {
        grid-template-columns: 1fr;
    }

    .valor-card-body[b-mg005apzax] {
        grid-template-columns: repeat(2, 1fr);
    }

    .valor-item:nth-child(3n)[b-mg005apzax] {
        border-right: 1px solid var(--border);
    }

    .valor-item:nth-child(2n)[b-mg005apzax] {
        border-right: none;
    }

    .detail-grid[b-mg005apzax] {
        grid-template-columns: 1fr;
    }
}

/* Multi-select transportadora */
.multi-select-wrapper[b-mg005apzax] {
    position: relative;
}

.multi-select-trigger[b-mg005apzax] {
    display: flex;
    align-items: center;
    justify-content: space-between;
    width: 100%;
    background: var(--bg-primary);
    border: 1px solid var(--border);
    color: var(--text-primary);
    border-radius: 8px;
    padding: 10px 12px;
    font-size: 14px;
    font-family: var(--font-family);
    cursor: pointer;
    transition: border-color 0.2s ease;
    text-align: left;
}

.multi-select-trigger:hover[b-mg005apzax] {
    border-color: var(--accent);
}

.multi-select-placeholder[b-mg005apzax] {
    color: var(--text-muted);
}

.multi-select-panel[b-mg005apzax] {
    position: absolute;
    top: calc(100% + 4px);
    left: 0;
    right: 0;
    background: var(--bg-secondary);
    border: 1px solid var(--border);
    border-radius: 10px;
    padding: 10px;
    z-index: 100;
    box-shadow: 0 8px 24px rgba(0, 0, 0, 0.4);
}

.multi-select-search[b-mg005apzax] {
    margin-bottom: 8px;
}

.multi-select-list[b-mg005apzax] {
    display: flex;
    flex-direction: column;
    gap: 4px;
    max-height: 220px;
    overflow-y: auto;
    padding-right: 4px;
}

.multi-select-item[b-mg005apzax] {
    display: flex;
    align-items: center;
    gap: 8px;
    background: transparent;
    border: none;
    color: var(--text-primary);
    padding: 8px 10px;
    border-radius: 6px;
    font-size: 13px;
    font-family: var(--font-family);
    cursor: pointer;
    transition: all 0.15s;
    text-align: left;
    white-space: normal;
    word-break: break-word;
    width: 100%;
}

.multi-select-item:hover[b-mg005apzax] {
    background: rgba(163, 230, 53, 0.08);
}

.multi-select-item.active[b-mg005apzax] {
    background: rgba(163, 230, 53, 0.1);
    color: var(--accent);
}

.multi-select-check[b-mg005apzax] {
    display: inline-flex;
    align-items: center;
    justify-content: center;
    width: 18px;
    height: 18px;
    border-radius: 4px;
    border: 1px solid var(--border);
    font-size: 11px;
    flex-shrink: 0;
    transition: all 0.15s;
}

.multi-select-item.active .multi-select-check[b-mg005apzax] {
    background: rgba(163, 230, 53, 0.15);
    border-color: var(--accent);
}

.multi-select-divider[b-mg005apzax] {
    height: 1px;
    background: var(--border);
    margin: 6px 0;
}

.multi-select-clear[b-mg005apzax] {
    display: flex;
    align-items: center;
    gap: 6px;
    background: transparent;
    border: none;
    color: var(--text-muted);
    padding: 6px 10px;
    border-radius: 6px;
    font-size: 12px;
    font-family: var(--font-family);
    cursor: pointer;
    width: 100%;
}

.multi-select-clear:hover[b-mg005apzax] {
    color: var(--danger);
    background: rgba(239, 68, 68, 0.08);
}
/* _content/Logistikk.Web/Components/Pages/Admin/Usuarios.razor.rz.scp.css */
.page-container[b-q7dw2be9pt] {
    padding: 24px;
    font-family: var(--font-family);
    flex: 1;
    display: flex;
    flex-direction: column;
    min-height: 0;
    overflow: hidden;
}

/* Tabs */
.tab-bar[b-q7dw2be9pt] {
    display: flex;
    gap: 4px;
    background: var(--bg-secondary);
    border: 1px solid var(--border);
    border-radius: 12px;
    padding: 4px;
    margin-bottom: 24px;
    flex-shrink: 0;
}

.tab-btn[b-q7dw2be9pt] {
    flex: 1;
    background: transparent;
    border: none;
    color: var(--text-secondary);
    padding: 12px 20px;
    border-radius: 8px;
    font-size: 14px;
    font-family: var(--font-family);
    font-weight: 500;
    cursor: pointer;
    transition: all 0.2s ease;
    display: flex;
    align-items: center;
    justify-content: center;
    gap: 8px;
}

.tab-btn:hover[b-q7dw2be9pt] {
    color: var(--text-heading);
    background: rgba(163, 230, 53, 0.08);
}

.tab-btn.active[b-q7dw2be9pt] {
    background: rgba(163, 230, 53, 0.15);
    color: var(--accent);
    font-weight: 600;
}

.tab-badge[b-q7dw2be9pt] {
    background: rgba(163, 230, 53, 0.2);
    color: var(--accent);
    font-size: 12px;
    font-weight: 600;
    padding: 2px 8px;
    border-radius: 10px;
    min-width: 24px;
    text-align: center;
}

/* Toolbar */
.toolbar[b-q7dw2be9pt] {
    display: flex;
    gap: 12px;
    margin: 16px 0;
    align-items: center;
    flex-shrink: 0;
}

/* Buttons */
.btn-novo[b-q7dw2be9pt] {
    background: var(--accent);
    color: #1a1a2e;
    border: none;
    border-radius: 8px;
    padding: 6px 16px;
    font-size: 13px;
    font-family: var(--font-family);
    font-weight: 600;
    cursor: pointer;
    transition: all 0.2s ease;
    display: flex;
    align-items: center;
    gap: 6px;
}

.btn-novo:hover[b-q7dw2be9pt] {
    background: #bef264;
    box-shadow: 0 4px 12px rgba(163, 230, 53, 0.35);
}

/* Action Buttons */
.action-buttons[b-q7dw2be9pt] {
    display: flex;
    gap: 4px;
    justify-content: center;
}

.btn-action[b-q7dw2be9pt] {
    width: 32px;
    height: 32px;
    border-radius: 6px;
    border: none;
    cursor: pointer;
    display: flex;
    align-items: center;
    justify-content: center;
    transition: all 0.2s ease;
}

.btn-view[b-q7dw2be9pt] {
    background: rgba(163, 230, 53, 0.15);
    color: var(--accent);
}

.btn-view:hover[b-q7dw2be9pt] {
    background: rgba(163, 230, 53, 0.3);
}

.btn-personificar[b-q7dw2be9pt] {
    background: rgba(96, 165, 250, 0.15);
    color: #60a5fa;
}

.btn-personificar:hover[b-q7dw2be9pt] {
    background: rgba(96, 165, 250, 0.3);
}

.btn-delete[b-q7dw2be9pt] {
    background: rgba(239, 68, 68, 0.15);
    color: #ef4444;
}

.btn-delete:hover[b-q7dw2be9pt] {
    background: rgba(239, 68, 68, 0.3);
}

/* Badges */
.badge-perfil[b-q7dw2be9pt] {
    background: rgba(163, 230, 53, 0.15);
    color: var(--accent);
    padding: 2px 10px;
    border-radius: 6px;
    font-weight: 500;
    font-size: 13px;
}

.badge-status[b-q7dw2be9pt] {
    padding: 2px 10px;
    border-radius: 6px;
    font-weight: 500;
    font-size: 13px;
}

.badge-status.ativo[b-q7dw2be9pt] {
    background: rgba(34, 197, 94, 0.15);
    color: #22c55e;
}

.badge-status.inativo[b-q7dw2be9pt] {
    background: rgba(156, 163, 175, 0.15);
    color: #9ca3af;
}

.badge-status.bloqueado[b-q7dw2be9pt] {
    background: rgba(239, 68, 68, 0.15);
    color: #ef4444;
}

.badge-admin-geral[b-q7dw2be9pt] {
    background: rgba(245, 158, 11, 0.15);
    color: #f59e0b;
    padding: 2px 10px;
    border-radius: 6px;
    font-weight: 500;
    font-size: 13px;
}

.badge-sistema[b-q7dw2be9pt] {
    background: rgba(96, 165, 250, 0.15);
    color: #60a5fa;
    padding: 2px 10px;
    border-radius: 6px;
    font-weight: 500;
    font-size: 13px;
}

.badge-custom[b-q7dw2be9pt] {
    background: rgba(163, 230, 53, 0.15);
    color: var(--accent);
    padding: 2px 10px;
    border-radius: 6px;
    font-weight: 500;
    font-size: 13px;
}

/* Filtro Tenant */
.filtro-tenant[b-q7dw2be9pt] {
    display: flex;
    align-items: center;
}

.form-select[b-q7dw2be9pt] {
    background: var(--bg-secondary);
    border: 1px solid var(--border);
    color: var(--text-primary);
    border-radius: 8px;
    padding: 8px 12px;
    font-size: 13px;
    font-family: var(--font-family);
    outline: none;
    cursor: pointer;
    min-width: 200px;
}

.form-select:focus[b-q7dw2be9pt] {
    border-color: var(--accent);
    box-shadow: 0 0 0 2px rgba(163, 230, 53, 0.15);
}

/* Permissoes Grid */
.permissoes-grid[b-q7dw2be9pt] {
    display: grid;
    grid-template-columns: 1fr 1fr;
    gap: 8px;
}

.permissao-item[b-q7dw2be9pt] {
    display: flex;
    align-items: center;
    gap: 8px;
    font-size: 13px;
    color: var(--text-heading);
    cursor: pointer;
    padding: 6px 8px;
    border-radius: 6px;
    transition: background 0.15s ease;
}

.permissao-item:hover[b-q7dw2be9pt] {
    background: var(--bg-hover);
}

/* Checkbox */
.custom-checkbox[b-q7dw2be9pt] {
    appearance: none;
    -webkit-appearance: none;
    width: 18px;
    height: 18px;
    border: 2px solid var(--border);
    border-radius: 4px;
    background: var(--bg-primary);
    cursor: pointer;
    transition: all 0.2s ease;
    position: relative;
    flex-shrink: 0;
}

.custom-checkbox:hover[b-q7dw2be9pt] {
    border-color: var(--accent);
}

.custom-checkbox:checked[b-q7dw2be9pt] {
    background: var(--accent);
    border-color: var(--accent);
}

.custom-checkbox:checked[b-q7dw2be9pt]::after {
    content: '';
    position: absolute;
    top: 1px;
    left: 5px;
    width: 5px;
    height: 9px;
    border: solid #1a1a2e;
    border-width: 0 2px 2px 0;
    transform: rotate(45deg);
}

/* Edit Form */
.edit-form[b-q7dw2be9pt] {
    display: flex;
    flex-direction: column;
    gap: 4px;
}

.form-group[b-q7dw2be9pt] {
    display: flex;
    flex-direction: column;
    gap: 4px;
}

.form-group label[b-q7dw2be9pt] {
    color: var(--text-secondary);
    font-size: 12px;
    font-weight: 500;
    text-transform: uppercase;
    letter-spacing: 0.5px;
}

.form-input[b-q7dw2be9pt] {
    background: var(--bg-primary);
    border: 1px solid var(--border);
    color: var(--text-primary);
    border-radius: 8px;
    padding: 10px 12px;
    font-size: 14px;
    font-family: var(--font-family);
    outline: none;
    transition: border-color 0.2s ease;
}

.form-input:focus[b-q7dw2be9pt] {
    border-color: var(--accent);
    box-shadow: 0 0 0 2px rgba(163, 230, 53, 0.15);
}

/* Dialog Footer */
.dialog-footer[b-q7dw2be9pt] {
    display: flex;
    justify-content: flex-end;
    gap: 8px;
    margin-top: 16px;
    padding-top: 16px;
    border-top: 1px solid var(--border);
}

.btn-cancelar[b-q7dw2be9pt] {
    background: transparent;
    color: var(--text-secondary);
    border: 1px solid var(--border);
    border-radius: 8px;
    padding: 8px 20px;
    font-size: 13px;
    font-family: var(--font-family);
    font-weight: 500;
    cursor: pointer;
    transition: all 0.2s ease;
}

.btn-cancelar:hover[b-q7dw2be9pt] {
    background: rgba(255, 255, 255, 0.05);
    color: var(--text-primary);
}

.btn-alterar-senha[b-q7dw2be9pt] {
    background: rgba(96, 165, 250, 0.15);
    color: #60a5fa;
    border: 1px solid rgba(96, 165, 250, 0.3);
    border-radius: 8px;
    padding: 8px 20px;
    font-size: 13px;
    font-family: var(--font-family);
    font-weight: 500;
    cursor: pointer;
    transition: all 0.2s ease;
}

.btn-alterar-senha:hover[b-q7dw2be9pt] {
    background: rgba(96, 165, 250, 0.25);
    border-color: rgba(96, 165, 250, 0.5);
}

.btn-salvar[b-q7dw2be9pt] {
    background: var(--accent);
    color: #1a1a2e;
    border: none;
    border-radius: 8px;
    padding: 8px 24px;
    font-size: 13px;
    font-family: var(--font-family);
    font-weight: 500;
    cursor: pointer;
    display: flex;
    align-items: center;
    gap: 6px;
    transition: all 0.2s ease;
}

.btn-salvar:hover:not(:disabled)[b-q7dw2be9pt] {
    background: #bef264;
}

.btn-salvar:disabled[b-q7dw2be9pt] {
    opacity: 0.5;
    cursor: not-allowed;
}

.btn-salvar-danger[b-q7dw2be9pt] {
    background: #ef4444 !important;
    color: white !important;
}

.btn-salvar-danger:hover:not(:disabled)[b-q7dw2be9pt] {
    background: #dc2626 !important;
}

/* Messages */
.upload-message[b-q7dw2be9pt] {
    background: rgba(34, 197, 94, 0.1);
    border: 1px solid rgba(34, 197, 94, 0.3);
    color: #22c55e;
    padding: 10px 16px;
    border-radius: 8px;
    font-size: 13px;
    margin-top: 8px;
}

.upload-message.erro[b-q7dw2be9pt] {
    background: rgba(239, 68, 68, 0.1);
    border-color: rgba(239, 68, 68, 0.3);
    color: #ef4444;
}

.spinner-sm[b-q7dw2be9pt] {
    width: 14px;
    height: 14px;
    border: 2px solid rgba(255, 255, 255, 0.3);
    border-top-color: currentColor;
    border-radius: 50%;
    animation: spin-b-q7dw2be9pt 0.6s linear infinite;
}

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

/* SfGrid Dark Theme Overrides */
[b-q7dw2be9pt] .e-grid {
    background: var(--bg-card) !important;
    border: 1px solid var(--border) !important;
    border-radius: 12px !important;
}

[b-q7dw2be9pt] .e-grid .e-headercell {
    background: var(--bg-secondary) !important;
    color: var(--text-secondary) !important;
    font-weight: 600;
    font-size: 12px;
    text-transform: uppercase;
    letter-spacing: 0.5px;
    border-color: var(--border) !important;
    white-space: nowrap !important;
    overflow: visible !important;
    text-overflow: unset !important;
}

[b-q7dw2be9pt] .e-grid .e-headercelldiv {
    white-space: nowrap !important;
    overflow: visible !important;
    text-overflow: unset !important;
}

[b-q7dw2be9pt] .e-grid .e-rowcell {
    background: var(--bg-card) !important;
    color: var(--text-heading) !important;
    border-color: var(--border) !important;
    font-size: 14px;
}

[b-q7dw2be9pt] .e-grid .e-row:hover .e-rowcell {
    background: var(--bg-hover) !important;
}

[b-q7dw2be9pt] .e-grid .e-altrow .e-rowcell {
    background: var(--bg-secondary) !important;
}

[b-q7dw2be9pt] .e-grid .e-altrow:hover .e-rowcell {
    background: var(--bg-hover) !important;
}

[b-q7dw2be9pt] .e-grid .e-gridheader {
    border-color: var(--border) !important;
}

[b-q7dw2be9pt] .e-grid .e-gridcontent {
    border-color: var(--border) !important;
    overflow-y: auto !important;
}

/* SfDialog Dark Theme Overrides */
[b-q7dw2be9pt] .e-dialog {
    background: var(--bg-card) !important;
    border: 1px solid var(--border) !important;
    border-radius: 12px !important;
    box-shadow: 0 20px 60px rgba(0, 0, 0, 0.5) !important;
}

[b-q7dw2be9pt] .e-dialog .e-dlg-header-content {
    background: var(--bg-secondary) !important;
    border-bottom: 1px solid var(--border) !important;
    border-radius: 12px 12px 0 0 !important;
}

[b-q7dw2be9pt] .e-dialog .e-dlg-header {
    color: var(--text-primary) !important;
    font-weight: 600;
    font-size: 16px;
}

[b-q7dw2be9pt] .e-dialog .e-dlg-content {
    background: var(--bg-card) !important;
    color: var(--text-heading) !important;
}

[b-q7dw2be9pt] .e-dialog .e-btn.e-dlg-closeicon-btn {
    color: var(--text-secondary) !important;
}

[b-q7dw2be9pt] .e-dialog .e-btn.e-dlg-closeicon-btn:hover {
    color: var(--text-primary) !important;
    background: rgba(255, 255, 255, 0.1) !important;
}

/* Tooltip */
[b-q7dw2be9pt] .tooltip-acao.e-tooltip-wrap {
    background: var(--bg-secondary) !important;
    border: 1px solid var(--border) !important;
    border-radius: 6px !important;
}

[b-q7dw2be9pt] .tooltip-acao .e-tip-content {
    color: var(--text-primary) !important;
    font-size: 12px;
}

[b-q7dw2be9pt] .tooltip-acao.e-tooltip-wrap .e-arrow-tip-inner {
    color: var(--bg-secondary) !important;
}

[b-q7dw2be9pt] .tooltip-acao.e-tooltip-wrap .e-arrow-tip-outer {
    border-top-color: var(--border) !important;
    border-bottom-color: var(--border) !important;
    border-left-color: var(--border) !important;
    border-right-color: var(--border) !important;
}

/* Responsive */
@media (max-width: 768px) {
    .page-container[b-q7dw2be9pt] {
        padding: 16px;
    }

    .tab-bar[b-q7dw2be9pt] {
        flex-direction: column;
    }

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

    .permissoes-grid[b-q7dw2be9pt] {
        grid-template-columns: 1fr;
    }
}
/* _content/Logistikk.Web/Components/Pages/Admin/Viagens.razor.rz.scp.css */
.page-container[b-ju33mo2bmf] {
    padding: 24px;
    font-family: var(--font-family);
    flex: 1;
    display: flex;
    flex-direction: column;
    min-height: 0;
    overflow: hidden;
}

/* Toolbar */
.toolbar[b-ju33mo2bmf] {
    display: flex;
    gap: 12px;
    margin: 16px 0;
    align-items: center;
    flex-shrink: 0;
}

/* New Record Button */
.btn-novo[b-ju33mo2bmf] {
    background: var(--accent);
    color: #1a1a2e;
    border: none;
    border-radius: 8px;
    padding: 6px 16px;
    font-size: 13px;
    font-family: var(--font-family);
    font-weight: 500;
    cursor: pointer;
    transition: all 0.2s ease;
    display: flex;
    align-items: center;
    gap: 6px;
}

.btn-novo:hover[b-ju33mo2bmf] {
    background: #bef264;
    box-shadow: 0 4px 12px rgba(163, 230, 53, 0.35);
}

/* Fullscreen Button */
.btn-fullscreen-grid[b-ju33mo2bmf] {
    background: var(--bg-card);
    color: var(--text-secondary);
    border: 1px solid var(--border);
    border-radius: 8px;
    padding: 6px 10px;
    cursor: pointer;
    display: flex;
    align-items: center;
    justify-content: center;
    transition: all 0.2s ease;
}

.btn-fullscreen-grid:hover[b-ju33mo2bmf] {
    background: var(--bg-hover);
    color: var(--text-primary);
    border-color: var(--accent);
}

/* Export Button */
.btn-export[b-ju33mo2bmf] {
    background: rgba(34, 197, 94, 0.15);
    color: #22c55e;
    border: 1px solid rgba(34, 197, 94, 0.3);
    border-radius: 8px;
    padding: 6px 16px;
    font-size: 13px;
    font-family: var(--font-family);
    font-weight: 500;
    cursor: pointer;
    transition: all 0.2s ease;
    display: flex;
    align-items: center;
    gap: 6px;
}

.btn-export:hover[b-ju33mo2bmf] {
    background: rgba(34, 197, 94, 0.25);
    border-color: rgba(34, 197, 94, 0.5);
}

/* ========== Status Badges ========== */
.badge-status[b-ju33mo2bmf] {
    display: inline-block;
    padding: 3px 10px;
    border-radius: 12px;
    font-size: 12px;
    font-weight: 600;
    letter-spacing: 0.3px;
}

.badge-planejada[b-ju33mo2bmf] {
    background: rgba(96, 165, 250, 0.15);
    color: #60a5fa;
}

.badge-em-andamento[b-ju33mo2bmf] {
    background: rgba(250, 204, 21, 0.15);
    color: #facc15;
}

.badge-concluida[b-ju33mo2bmf] {
    background: rgba(74, 222, 128, 0.15);
    color: #4ade80;
}

.badge-cancelada[b-ju33mo2bmf] {
    background: rgba(248, 113, 113, 0.15);
    color: #f87171;
}

/* ========== Tab Buttons ========== */
.tab-buttons[b-ju33mo2bmf] {
    display: flex;
    gap: 4px;
    margin-bottom: 20px;
}

.tab-btn[b-ju33mo2bmf] {
    background: var(--bg-secondary);
    border: 1px solid var(--border);
    color: var(--text-secondary);
    padding: 8px 20px;
    border-radius: 6px;
    font-size: 13px;
    font-family: var(--font-family);
    font-weight: 500;
    cursor: pointer;
    transition: all 0.2s ease;
}

.tab-btn:hover[b-ju33mo2bmf] {
    color: var(--text-heading);
    border-color: var(--accent);
}

.tab-btn.active[b-ju33mo2bmf] {
    background: rgba(163, 230, 53, 0.15);
    color: var(--accent);
    border-color: var(--accent);
    font-weight: 600;
}

/* ========== Sidebar ========== */
.sidebar-header[b-ju33mo2bmf] {
    display: flex;
    align-items: center;
    gap: 10px;
    color: var(--text-primary);
    width: 100%;
}

.sidebar-header svg[b-ju33mo2bmf] {
    color: var(--accent);
}

.sidebar-content[b-ju33mo2bmf] {
    padding: 20px;
    display: flex;
    flex-direction: column;
    min-height: 0;
    flex: 1;
    overflow-y: auto;
    overflow-x: hidden;
}

.sidebar-section[b-ju33mo2bmf] {
    margin-bottom: 24px;
}

.section-title-sidebar[b-ju33mo2bmf] {
    color: var(--text-secondary);
    font-size: 11px;
    font-weight: 600;
    text-transform: uppercase;
    letter-spacing: 1px;
    margin: 0 0 10px 0;
}

/* ========== Form ========== */
.edit-form[b-ju33mo2bmf] {
    display: flex;
    flex-direction: column;
    gap: 4px;
    overflow: visible;
}

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

.form-row-3[b-ju33mo2bmf] {
    grid-template-columns: 1fr 1fr 1fr;
}

.form-group[b-ju33mo2bmf] {
    display: flex;
    flex-direction: column;
    gap: 4px;
}

.form-group label[b-ju33mo2bmf] {
    color: var(--text-secondary);
    font-size: 12px;
    font-weight: 500;
    text-transform: uppercase;
    letter-spacing: 0.5px;
}

.form-input[b-ju33mo2bmf] {
    background: var(--bg-primary);
    border: 1px solid var(--border);
    color: var(--text-primary);
    border-radius: 8px;
    padding: 10px 12px;
    font-size: 14px;
    font-family: var(--font-family);
    outline: none;
    transition: border-color 0.2s ease;
    min-width: 0;
    width: 100%;
    box-sizing: border-box;
}

.form-input:focus[b-ju33mo2bmf] {
    border-color: var(--accent);
    box-shadow: 0 0 0 2px rgba(163, 230, 53, 0.15);
}

/* ========== Autocomplete ========== */
.autocomplete-wrapper[b-ju33mo2bmf] {
    position: relative;
}

.autocomplete-dropdown[b-ju33mo2bmf] {
    position: absolute;
    top: 100%;
    left: 0;
    right: 0;
    background: var(--bg-card);
    border: 1px solid var(--accent);
    border-radius: 8px;
    max-height: 250px;
    overflow-y: auto;
    z-index: 100000;
    box-shadow: 0 8px 24px rgba(0, 0, 0, 0.5);
}

.autocomplete-item[b-ju33mo2bmf] {
    display: flex;
    justify-content: space-between;
    align-items: center;
    padding: 10px 12px;
    cursor: pointer;
    color: var(--text-heading);
    font-size: 14px;
    transition: background 0.15s;
    background: none;
    border: none;
    font-family: var(--font-family);
}

.autocomplete-item:hover[b-ju33mo2bmf] {
    background: var(--bg-hover);
}

.autocomplete-uf[b-ju33mo2bmf] {
    font-size: 12px;
    color: var(--text-muted);
}

/* ========== Rateio Table ========== */
.rateio-table[b-ju33mo2bmf] {
    border: 1px solid var(--border);
    border-radius: 8px;
    overflow: hidden;
}

.rateio-table table[b-ju33mo2bmf] {
    width: 100%;
    border-collapse: collapse;
}

.rateio-table thead tr[b-ju33mo2bmf] {
    background: var(--bg-secondary);
}

.rateio-table th[b-ju33mo2bmf] {
    padding: 8px 12px;
    font-size: 11px;
    font-weight: 600;
    text-transform: uppercase;
    letter-spacing: 0.5px;
    color: var(--text-secondary);
    text-align: left;
    border-bottom: 1px solid var(--border);
}

.rateio-table td[b-ju33mo2bmf] {
    padding: 8px 12px;
    font-size: 13px;
    color: var(--text-heading);
    border-bottom: 1px solid var(--border);
}

.rateio-table tbody tr:hover[b-ju33mo2bmf] {
    background: var(--bg-hover);
}

.rateio-table tbody tr:last-child td[b-ju33mo2bmf] {
    border-bottom: none;
}

/* Total Row */
.total-row[b-ju33mo2bmf] {
    background: var(--bg-secondary) !important;
}

.total-row td[b-ju33mo2bmf] {
    border-top: 2px solid var(--accent) !important;
    color: var(--accent) !important;
}

/* ========== Dialog Footer ========== */
.dialog-footer[b-ju33mo2bmf] {
    display: flex;
    justify-content: flex-end;
    gap: 8px;
    margin-top: 16px;
    padding-top: 16px;
    border-top: 1px solid var(--border);
}

.btn-cancelar[b-ju33mo2bmf] {
    background: transparent;
    color: var(--text-secondary);
    border: 1px solid var(--border);
    border-radius: 8px;
    padding: 8px 20px;
    font-size: 13px;
    font-family: var(--font-family);
    font-weight: 500;
    cursor: pointer;
    transition: all 0.2s ease;
}

.btn-cancelar:hover[b-ju33mo2bmf] {
    background: rgba(255, 255, 255, 0.05);
    color: var(--text-primary);
}

.btn-salvar[b-ju33mo2bmf] {
    background: var(--accent);
    color: #1a1a2e;
    border: none;
    border-radius: 8px;
    padding: 8px 24px;
    font-size: 13px;
    font-family: var(--font-family);
    font-weight: 500;
    cursor: pointer;
    display: flex;
    align-items: center;
    gap: 6px;
    transition: all 0.2s ease;
}

.btn-salvar:hover:not(:disabled)[b-ju33mo2bmf] {
    background: #bef264;
}

.btn-salvar:disabled[b-ju33mo2bmf] {
    opacity: 0.5;
    cursor: not-allowed;
}

/* ========== Icon Buttons ========== */
.btn-icon[b-ju33mo2bmf] {
    background: none;
    border: none;
    cursor: pointer;
    padding: 4px;
    border-radius: 4px;
    display: inline-flex;
    align-items: center;
    justify-content: center;
    transition: background 0.15s ease;
}

.btn-icon-blue[b-ju33mo2bmf] {
    color: #60a5fa;
}

.btn-icon-blue:hover[b-ju33mo2bmf] {
    background: rgba(96, 165, 250, 0.15);
}

.btn-icon-danger[b-ju33mo2bmf] {
    color: var(--danger);
}

.btn-icon-danger:hover[b-ju33mo2bmf] {
    background: rgba(239, 68, 68, 0.15);
}

/* ========== Messages ========== */
.upload-message[b-ju33mo2bmf] {
    background: rgba(34, 197, 94, 0.1);
    border: 1px solid rgba(34, 197, 94, 0.3);
    color: #22c55e;
    padding: 10px 16px;
    border-radius: 8px;
    font-size: 13px;
    margin-top: 12px;
}

.upload-message.erro[b-ju33mo2bmf] {
    background: rgba(239, 68, 68, 0.1);
    border-color: rgba(239, 68, 68, 0.3);
    color: #ef4444;
}

.empty-text[b-ju33mo2bmf] {
    color: var(--text-muted);
    font-size: 13px;
    font-style: italic;
    margin: 8px 0;
}

/* ========== Spinner ========== */
.spinner-sm[b-ju33mo2bmf] {
    width: 14px;
    height: 14px;
    border: 2px solid rgba(255, 255, 255, 0.3);
    border-top-color: currentColor;
    border-radius: 50%;
    animation: spin-b-ju33mo2bmf 0.6s linear infinite;
}

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

/* ========== Syncfusion Overrides ========== */
[b-ju33mo2bmf] .numeric-dark .e-input-group {
    background: var(--bg-primary) !important;
    border: 1px solid var(--border) !important;
    border-radius: 8px !important;
    color: var(--text-primary) !important;
    font-family: var(--font-family) !important;
    font-size: 14px !important;
}

[b-ju33mo2bmf] .numeric-dark .e-input-group .e-input,
[b-ju33mo2bmf] .numeric-dark .e-input-group input {
    color: var(--text-primary) !important;
    font-family: var(--font-family) !important;
    font-size: 14px !important;
}

[b-ju33mo2bmf] .numeric-dark .e-input-group .e-input::placeholder {
    color: var(--text-secondary) !important;
}

[b-ju33mo2bmf] .numeric-dark .e-input-group:hover,
[b-ju33mo2bmf] .numeric-dark .e-input-group.e-input-focus {
    border-color: var(--accent) !important;
    box-shadow: 0 0 0 2px rgba(163, 230, 53, 0.15) !important;
}

[b-ju33mo2bmf] .numeric-dark .e-input-group .e-input-group-icon {
    color: var(--text-secondary) !important;
    background: transparent !important;
}

[b-ju33mo2bmf] .dropdown-dark .e-input-group {
    background: var(--bg-primary) !important;
    border: 1px solid var(--border) !important;
    border-radius: 8px !important;
    color: var(--text-primary) !important;
    font-family: var(--font-family) !important;
    font-size: 14px !important;
}

[b-ju33mo2bmf] .dropdown-dark .e-input-group .e-input {
    color: var(--text-primary) !important;
    font-family: var(--font-family) !important;
    font-size: 14px !important;
}

[b-ju33mo2bmf] .dropdown-dark .e-input-group .e-input::placeholder {
    color: var(--text-secondary) !important;
}

[b-ju33mo2bmf] .dropdown-dark .e-input-group:hover,
[b-ju33mo2bmf] .dropdown-dark .e-input-group.e-input-focus {
    border-color: var(--accent) !important;
    box-shadow: 0 0 0 2px rgba(163, 230, 53, 0.15) !important;
}

[b-ju33mo2bmf] .dropdown-dark .e-input-group .e-input-group-icon {
    color: var(--text-secondary) !important;
}

/* Kebab danger */
[b-ju33mo2bmf] .kebab-menu-item-danger {
    color: var(--danger) !important;
}

[b-ju33mo2bmf] .kebab-menu-item-danger:hover {
    background: rgba(239, 68, 68, 0.1) !important;
}

/* SfGrid Dark Theme */
[b-ju33mo2bmf] .e-grid {
    background: var(--bg-card) !important;
    border: 1px solid var(--border) !important;
    border-radius: 12px !important;
}

[b-ju33mo2bmf] .e-grid .e-headercell {
    background: var(--bg-secondary) !important;
    color: var(--text-secondary) !important;
    font-weight: 600;
    font-size: 12px;
    text-transform: uppercase;
    letter-spacing: 0.5px;
    border-color: var(--border) !important;
    white-space: nowrap !important;
    overflow: visible !important;
    text-overflow: unset !important;
}

[b-ju33mo2bmf] .e-grid .e-headercelldiv {
    white-space: nowrap !important;
    overflow: visible !important;
    text-overflow: unset !important;
}

[b-ju33mo2bmf] .e-grid .e-rowcell {
    background: var(--bg-card) !important;
    color: var(--text-heading) !important;
    border-color: var(--border) !important;
    font-size: 14px;
}

[b-ju33mo2bmf] .e-grid .e-row:hover .e-rowcell {
    background: var(--bg-hover) !important;
}

[b-ju33mo2bmf] .e-grid .e-altrow .e-rowcell {
    background: var(--bg-secondary) !important;
}

[b-ju33mo2bmf] .e-grid .e-altrow:hover .e-rowcell {
    background: var(--bg-hover) !important;
}

[b-ju33mo2bmf] .e-grid .e-gridheader {
    border-color: var(--border) !important;
}

[b-ju33mo2bmf] .e-grid .e-gridcontent {
    border-color: var(--border) !important;
    overflow-y: auto !important;
}

/* SfGrid Filter */
[b-ju33mo2bmf] .e-grid .e-filterbar .e-filterbarcell {
    background: var(--bg-secondary) !important;
    border-color: var(--border) !important;
}

[b-ju33mo2bmf] .e-grid .e-filterbar input {
    background: var(--bg-primary) !important;
    color: var(--text-primary) !important;
    border-color: var(--border) !important;
}

[b-ju33mo2bmf] .e-excelfilter {
    background: var(--bg-card) !important;
    border-color: var(--border) !important;
    color: var(--text-primary) !important;
}

[b-ju33mo2bmf] .e-excelfilter .e-dlg-header-content {
    background: var(--bg-secondary) !important;
    border-bottom: 1px solid var(--border) !important;
}

[b-ju33mo2bmf] .e-excelfilter .e-dlg-header {
    color: var(--text-primary) !important;
}

[b-ju33mo2bmf] .e-excelfilter .e-dlg-content {
    background: var(--bg-card) !important;
    color: var(--text-primary) !important;
}

[b-ju33mo2bmf] .e-excelfilter .e-ftrchk,
[b-ju33mo2bmf] .e-excelfilter .e-searchbox {
    background: var(--bg-card) !important;
    color: var(--text-primary) !important;
}

[b-ju33mo2bmf] .e-excelfilter .e-footer-content {
    background: var(--bg-secondary) !important;
    border-top: 1px solid var(--border) !important;
}

[b-ju33mo2bmf] .e-excelfilter .e-btn {
    color: var(--text-primary) !important;
}

/* SfDialog Dark Theme */
[b-ju33mo2bmf] .e-dialog {
    background: var(--bg-card) !important;
    border: 1px solid var(--border) !important;
    border-radius: 12px !important;
    box-shadow: 0 20px 60px rgba(0, 0, 0, 0.5) !important;
}

[b-ju33mo2bmf] .e-dialog .e-dlg-header-content {
    background: var(--bg-secondary) !important;
    border-bottom: 1px solid var(--border) !important;
    border-radius: 12px 12px 0 0 !important;
    display: flex;
    align-items: center;
}

[b-ju33mo2bmf] .e-dialog .e-dlg-header {
    color: var(--text-primary) !important;
    font-weight: 600;
    font-size: 16px;
}

[b-ju33mo2bmf] .e-dialog .e-dlg-content {
    background: var(--bg-card) !important;
    color: var(--text-heading) !important;
    overflow: visible !important;
    padding: 16px 20px !important;
}

[b-ju33mo2bmf] .e-dialog .e-btn.e-dlg-closeicon-btn {
    color: var(--text-secondary) !important;
}

[b-ju33mo2bmf] .e-dialog .e-btn.e-dlg-closeicon-btn:hover {
    color: var(--text-primary) !important;
    background: rgba(255, 255, 255, 0.1) !important;
}

/* ========== Responsive ========== */
@media (max-width: 768px) {
    .page-container[b-ju33mo2bmf] {
        padding: 16px;
    }

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

    .form-row[b-ju33mo2bmf] {
        grid-template-columns: 1fr;
    }

    .form-row-3[b-ju33mo2bmf] {
        grid-template-columns: 1fr;
    }

    .tab-buttons[b-ju33mo2bmf] {
        flex-wrap: wrap;
    }
}
/* _content/Logistikk.Web/Components/Pages/Auth/Login.razor.rz.scp.css */
/* ===== Login Container ===== */
.login-container[b-9p5t0sv142] {
    display: grid;
    grid-template-columns: 1.1fr 0.9fr;
    min-height: 100vh;
    width: 100vw;
    margin: -24px;
}

/* ===== Left Panel ===== */
.login-left[b-9p5t0sv142] {
    background: linear-gradient(135deg, #141524 0%, #1a1b2e 50%, #0f0f1a 100%);
    display: flex;
    flex-direction: column;
    padding: 0;
    position: relative;
    overflow: hidden;
}

/* Logo top-left */
.left-top-logo[b-9p5t0sv142] {
    padding: 32px 40px;
    z-index: 2;
}

.left-top-logo img[b-9p5t0sv142] {
    height: 72px;
    object-fit: contain;
}

/* Content area: avatar + carousel */
.left-content[b-9p5t0sv142] {
    flex: 1;
    display: flex;
    flex-direction: column;
    align-items: center;
    justify-content: center;
    z-index: 2;
    padding: 0 48px 48px;
    gap: 40px;
}

/* Avatar */
.avatar-area[b-9p5t0sv142] {
    display: flex;
    justify-content: center;
}

.avatar-character[b-9p5t0sv142] {
    height: 320px;
    object-fit: contain;
    filter: drop-shadow(0 10px 40px rgba(163, 230, 53, 0.15));
}

/* ===== Carousel ===== */
.carousel-area[b-9p5t0sv142] {
    width: 100%;
    max-width: 420px;
    overflow: hidden;
}

.carousel-slides[b-9p5t0sv142] {
    display: flex;
    transition: transform 0.5s cubic-bezier(0.4, 0, 0.2, 1);
}

.carousel-slide[b-9p5t0sv142] {
    min-width: 100%;
    padding: 0 8px;
    box-sizing: border-box;
    text-align: center;
}

.slide-icon[b-9p5t0sv142] {
    width: 52px;
    height: 52px;
    background: rgba(163, 230, 53, 0.1);
    border: 1px solid rgba(163, 230, 53, 0.2);
    border-radius: 14px;
    display: flex;
    align-items: center;
    justify-content: center;
    margin: 0 auto 20px;
}

.carousel-slide h3[b-9p5t0sv142] {
    font-size: 1.25rem;
    font-weight: 700;
    color: #ffffff;
    margin: 0 0 10px 0;
}

.carousel-slide p[b-9p5t0sv142] {
    font-size: 0.95rem;
    color: #94a3b8;
    line-height: 1.6;
    margin: 0 auto;
    max-width: 340px;
}

/* Dots */
.carousel-dots[b-9p5t0sv142] {
    display: flex;
    justify-content: center;
    gap: 8px;
    margin-top: 28px;
}

.carousel-dot[b-9p5t0sv142] {
    width: 8px;
    height: 8px;
    border-radius: 50%;
    border: none;
    background: rgba(148, 163, 184, 0.3);
    cursor: pointer;
    padding: 0;
    transition: all 0.3s ease;
}

.carousel-dot.active[b-9p5t0sv142] {
    width: 28px;
    border-radius: 4px;
    background: #a3e635;
}

/* Decorative circles */
.decorative-circle[b-9p5t0sv142] {
    position: absolute;
    border-radius: 50%;
    border: 1px solid rgba(163, 230, 53, 0.06);
    pointer-events: none;
}

.circle-1[b-9p5t0sv142] {
    width: 400px;
    height: 400px;
    bottom: -100px;
    right: -100px;
}

.circle-2[b-9p5t0sv142] {
    width: 250px;
    height: 250px;
    top: 60px;
    left: -80px;
}

.circle-3[b-9p5t0sv142] {
    width: 180px;
    height: 180px;
    bottom: 120px;
    right: 60px;
    border-color: rgba(163, 230, 53, 0.04);
}

/* ===== Right Panel (Form) ===== */
.login-right[b-9p5t0sv142] {
    background: #1a1b2e;
    display: flex;
    align-items: center;
    justify-content: center;
    padding: 48px;
}

.login-form-wrapper[b-9p5t0sv142] {
    width: 100%;
    max-width: 400px;
}

.login-form-wrapper h2[b-9p5t0sv142] {
    font-size: 1.75rem;
    font-weight: 700;
    color: #ffffff;
    margin: 0 0 8px 0;
}

.login-subtitle[b-9p5t0sv142] {
    color: #94a3b8;
    font-size: 0.95rem;
    margin: 0 0 32px 0;
}

/* ===== Alert Messages ===== */
.alert-erro[b-9p5t0sv142] {
    display: flex;
    align-items: center;
    gap: 10px;
    background: rgba(239, 68, 68, 0.12);
    border: 1px solid rgba(239, 68, 68, 0.3);
    color: #fca5a5;
    padding: 12px 16px;
    border-radius: 8px;
    margin-bottom: 24px;
    font-size: 0.9rem;
    line-height: 1.4;
}

.alert-sucesso[b-9p5t0sv142] {
    display: flex;
    align-items: center;
    gap: 10px;
    background: rgba(163, 230, 53, 0.12);
    border: 1px solid rgba(163, 230, 53, 0.3);
    color: var(--accent);
    padding: 12px 16px;
    border-radius: 8px;
    margin-bottom: 24px;
    font-size: 0.9rem;
    line-height: 1.4;
}

/* ===== Form Groups ===== */
[b-9p5t0sv142] .form-group {
    margin-bottom: 20px;
}

[b-9p5t0sv142] .form-group label {
    display: block;
    font-size: 0.875rem;
    font-weight: 500;
    color: #cbd5e1;
    margin-bottom: 8px;
}

[b-9p5t0sv142] .form-input {
    width: 100%;
    padding: 12px 16px;
    background: #0f0f1a;
    border: 1px solid #2d2e44;
    border-radius: 8px;
    color: #e2e8f0;
    font-size: 0.95rem;
    font-family: 'Inter', sans-serif;
    transition: border-color 0.2s ease, box-shadow 0.2s ease;
    outline: none;
    box-sizing: border-box;
}

[b-9p5t0sv142] .form-input::placeholder {
    color: #4a5568;
}

[b-9p5t0sv142] .form-input:focus {
    border-color: var(--accent);
    box-shadow: 0 0 0 3px rgba(163, 230, 53, 0.15);
}

/* ===== Password Wrapper ===== */
[b-9p5t0sv142] .password-wrapper {
    position: relative;
    display: flex;
    align-items: center;
}

[b-9p5t0sv142] .password-wrapper .form-input {
    padding-right: 48px;
}

[b-9p5t0sv142] .toggle-password {
    position: absolute;
    right: 12px;
    background: none;
    border: none;
    cursor: pointer;
    color: #64748b;
    padding: 4px;
    display: flex;
    align-items: center;
    justify-content: center;
    transition: color 0.2s ease;
}

[b-9p5t0sv142] .toggle-password:hover {
    color: var(--accent);
}

/* ===== Form Actions ===== */
[b-9p5t0sv142] .form-actions {
    display: flex;
    justify-content: flex-end;
    margin-bottom: 24px;
}

[b-9p5t0sv142] .forgot-link {
    font-size: 0.85rem;
    color: var(--accent);
    text-decoration: none;
    transition: opacity 0.2s ease;
}

[b-9p5t0sv142] .forgot-link:hover {
    opacity: 0.8;
    text-decoration: underline;
}

/* ===== Primary Button ===== */
[b-9p5t0sv142] .btn-primary {
    width: 100%;
    padding: 14px 24px;
    background: #a3e635;
    color: #0f0f1a;
    border: none;
    border-radius: 8px;
    font-size: 1rem;
    font-weight: 600;
    font-family: 'Inter', sans-serif;
    cursor: pointer;
    transition: background-color 0.2s ease, transform 0.1s ease, opacity 0.2s ease;
    display: flex;
    align-items: center;
    justify-content: center;
    gap: 8px;
}

[b-9p5t0sv142] .btn-primary:hover:not(:disabled) {
    background: #bef264;
    transform: translateY(-1px);
}

[b-9p5t0sv142] .btn-primary:active:not(:disabled) {
    transform: translateY(0);
}

[b-9p5t0sv142] .btn-primary:disabled {
    opacity: 0.6;
    cursor: not-allowed;
}

/* ===== Spinner ===== */
[b-9p5t0sv142] .spinner {
    display: inline-block;
    width: 18px;
    height: 18px;
    border: 2px solid rgba(15, 15, 26, 0.3);
    border-top-color: #0f0f1a;
    border-radius: 50%;
    animation: spin-b-9p5t0sv142 0.6s linear infinite;
}

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

/* ===== Login Link ===== */
.login-link[b-9p5t0sv142] {
    text-align: center;
    color: #94a3b8;
    font-size: 0.9rem;
    margin-top: 24px;
}

.login-link a[b-9p5t0sv142] {
    color: var(--accent);
    text-decoration: none;
    font-weight: 500;
    transition: opacity 0.2s ease;
}

.login-link a:hover[b-9p5t0sv142] {
    opacity: 0.8;
    text-decoration: underline;
}

/* ===== Responsive ===== */
@media (max-width: 900px) {
    .login-container[b-9p5t0sv142] {
        grid-template-columns: 1fr;
    }

    .login-left[b-9p5t0sv142] {
        display: none;
    }

    .login-right[b-9p5t0sv142] {
        padding: 32px 24px;
        min-height: 100vh;
    }
}

@media (max-width: 480px) {
    .login-right[b-9p5t0sv142] {
        padding: 24px 16px;
    }

    .login-form-wrapper h2[b-9p5t0sv142] {
        font-size: 1.5rem;
    }

    [b-9p5t0sv142] .form-input {
        padding: 10px 14px;
    }

    [b-9p5t0sv142] .btn-primary {
        padding: 12px 20px;
    }
}

/* ===== Validation Messages ===== */
[b-9p5t0sv142] .validation-message {
    color: #ef4444;
    font-size: 0.8125rem;
    margin-top: 6px;
    display: block;
}

[b-9p5t0sv142] .invalid {
    border-color: #ef4444;
}
/* _content/Logistikk.Web/Components/Pages/Cms/CmsDashboard.razor.rz.scp.css */
.cms-dashboard[b-pi60d6pz1g] {
    padding: 24px;
}

.cms-dashboard h1[b-pi60d6pz1g] {
    color: var(--text-primary);
    font-size: 28px;
    font-weight: 700;
    margin: 0;
}

.subtitle[b-pi60d6pz1g] {
    color: var(--text-secondary);
    font-size: 15px;
    margin-top: 6px;
}

.sections-grid[b-pi60d6pz1g] {
    display: grid;
    grid-template-columns: repeat(3, 1fr);
    gap: 20px;
    margin-top: 32px;
}

.section-card[b-pi60d6pz1g] {
    background: var(--bg-card);
    border: 1px solid var(--border);
    border-radius: 12px;
    padding: 24px;
    text-decoration: none;
    display: block;
    transition: border-color 0.2s ease, transform 0.2s ease;
}

.section-card:hover[b-pi60d6pz1g] {
    border-color: var(--accent);
    transform: translateY(-2px);
}

.section-icon[b-pi60d6pz1g] {
    font-size: 32px;
    display: block;
    margin-bottom: 12px;
}

.section-card h3[b-pi60d6pz1g] {
    color: var(--text-primary);
    font-size: 16px;
    font-weight: 600;
    margin: 0 0 6px 0;
}

.section-card p[b-pi60d6pz1g] {
    color: var(--text-secondary);
    font-size: 14px;
    margin: 0;
}

@media (max-width: 1024px) {
    .sections-grid[b-pi60d6pz1g] {
        grid-template-columns: repeat(2, 1fr);
    }
}

@media (max-width: 640px) {
    .sections-grid[b-pi60d6pz1g] {
        grid-template-columns: 1fr;
    }
}
/* _content/Logistikk.Web/Components/Pages/Cms/EditarSecao.razor.rz.scp.css */
.editar-secao[b-uyrnparr1x] {
    padding: 24px;
    max-width: 800px;
}

.page-header[b-uyrnparr1x] {
    margin-bottom: 8px;
}

.back-link[b-uyrnparr1x] {
    color: var(--accent);
    text-decoration: none;
    font-size: 14px;
    transition: opacity 0.2s ease;
}

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

h1[b-uyrnparr1x] {
    color: var(--text-primary);
    font-size: 24px;
    font-weight: 700;
    margin-top: 8px;
}

.loading[b-uyrnparr1x] {
    color: var(--text-secondary);
    margin-top: 24px;
}

.config-list[b-uyrnparr1x] {
    display: flex;
    flex-direction: column;
    gap: 20px;
    margin-top: 24px;
}

.config-item[b-uyrnparr1x] {
    display: flex;
    flex-direction: column;
    gap: 6px;
}

.config-label[b-uyrnparr1x] {
    color: var(--text-heading);
    font-weight: 500;
    font-size: 14px;
    display: flex;
    flex-direction: column;
    gap: 2px;
}

.config-desc[b-uyrnparr1x] {
    color: var(--text-secondary);
    font-size: 12px;
    font-weight: 400;
}

.config-input[b-uyrnparr1x],
.config-textarea[b-uyrnparr1x] {
    background: var(--bg-primary);
    border: 1px solid var(--border);
    color: var(--text-primary);
    padding: 10px 14px;
    border-radius: 8px;
    font-family: var(--font-family);
    font-size: 14px;
    outline: none;
    transition: border-color 0.2s ease;
}

.config-input:focus[b-uyrnparr1x],
.config-textarea:focus[b-uyrnparr1x] {
    border-color: var(--accent);
}

.config-textarea[b-uyrnparr1x] {
    resize: vertical;
    min-height: 80px;
}

.actions[b-uyrnparr1x] {
    margin-top: 32px;
    display: flex;
    gap: 12px;
}

.btn-salvar[b-uyrnparr1x] {
    background: #a3e635;
    color: var(--bg-primary);
    font-weight: 600;
    padding: 12px 32px;
    border-radius: 8px;
    border: none;
    cursor: pointer;
    font-size: 14px;
    font-family: var(--font-family);
    transition: background-color 0.2s ease;
}

.btn-salvar:hover:not(:disabled)[b-uyrnparr1x] {
    background: #bef264;
}

.btn-salvar:disabled[b-uyrnparr1x] {
    opacity: 0.6;
    cursor: not-allowed;
}

.alert-sucesso[b-uyrnparr1x] {
    background: rgba(163, 230, 53, 0.1);
    color: var(--accent);
    padding: 12px;
    border-radius: 8px;
    margin-top: 16px;
    font-size: 14px;
}
/* _content/Logistikk.Web/Components/Pages/Landing/Contato.razor.rz.scp.css */
/* =================================================================
   Logistikk - Contato Page - Scoped CSS
   Design tokens:
     Background: #0f0f1a  |  Cards: #1a1b2e / #141524
     Border: #2d2e44      |  Accent: #a3e635
     Text Primary: white  |  Text Secondary: #94a3b8
     Font: Inter
   ================================================================= */

/* ── Global helpers ─────────────────────────────────────────────── */

[b-v55byhlz47] .text-accent {
    color: var(--accent);
}

/* ── Section container ──────────────────────────────────────────── */

.section-container[b-v55byhlz47] {
    max-width: 80rem;
    margin: 0 auto;
    padding-left: 1rem;
    padding-right: 1rem;
}

@media (min-width: 640px) {
    .section-container[b-v55byhlz47] {
        padding-left: 1.5rem;
        padding-right: 1.5rem;
    }
}

@media (min-width: 1024px) {
    .section-container[b-v55byhlz47] {
        padding-left: 2rem;
        padding-right: 2rem;
    }
}

/* =================================================================
   NAVBAR
   ================================================================= */

.contato-navbar[b-v55byhlz47] {
    position: fixed;
    top: 0;
    left: 0;
    right: 0;
    z-index: 50;
    backdrop-filter: blur(20px);
    -webkit-backdrop-filter: blur(20px);
    background-color: rgba(15, 15, 26, 0.85);
    border-bottom: 1px solid rgba(45, 46, 68, 0.5);
}

.nav-container[b-v55byhlz47] {
    max-width: 80rem;
    margin: 0 auto;
    padding: 0 1rem;
}

@media (min-width: 640px) {
    .nav-container[b-v55byhlz47] {
        padding: 0 1.5rem;
    }
}

@media (min-width: 1024px) {
    .nav-container[b-v55byhlz47] {
        padding: 0 2rem;
    }
}

.nav-inner[b-v55byhlz47] {
    display: flex;
    align-items: center;
    justify-content: space-between;
    height: 4.5rem;
    padding: 1rem 0;
}

.logo-link[b-v55byhlz47] {
    display: flex;
    align-items: center;
    gap: 0.625rem;
    text-decoration: none;
}

.logo-link:hover .logo-icon[b-v55byhlz47] {
    background: rgba(163, 230, 53, 0.2);
}

.logo-icon[b-v55byhlz47] {
    width: 2.25rem;
    height: 2.25rem;
    border-radius: 0.5rem;
    background: rgba(163, 230, 53, 0.1);
    border: 1px solid rgba(163, 230, 53, 0.3);
    display: flex;
    align-items: center;
    justify-content: center;
    color: var(--accent);
    transition: background 0.3s ease;
}

.logo-text[b-v55byhlz47] {
    font-size: 1.25rem;
    font-weight: 700;
    color: white;
}

.nav-links-desktop[b-v55byhlz47] {
    display: none;
    align-items: center;
    gap: 2rem;
}

@media (min-width: 768px) {
    .nav-links-desktop[b-v55byhlz47] {
        display: flex;
    }
}

.nav-link[b-v55byhlz47] {
    display: inline-flex;
    align-items: center;
    gap: 0.375rem;
    font-size: 0.875rem;
    font-weight: 500;
    color: #94a3b8;
    text-decoration: none;
    transition: color 0.3s ease;
}

.nav-link:hover[b-v55byhlz47] {
    color: var(--accent);
}

.nav-right[b-v55byhlz47] {
    display: flex;
    align-items: center;
    gap: 0.75rem;
}

.btn-entrar[b-v55byhlz47] {
    display: none;
    font-size: 0.875rem;
    font-weight: 500;
    color: #94a3b8;
    text-decoration: none;
    padding: 0.5rem 1.25rem;
    border-radius: 9999px;
    border: 1px solid #2d2e44;
    transition: all 0.3s ease;
}

.btn-entrar:hover[b-v55byhlz47] {
    color: var(--accent);
    border-color: rgba(163, 230, 53, 0.5);
}

@media (min-width: 768px) {
    .btn-entrar[b-v55byhlz47] {
        display: inline-flex;
    }
}

.btn-criar-conta[b-v55byhlz47] {
    display: none;
    align-items: center;
    gap: 0.5rem;
    padding: 0.625rem 1.25rem;
    background: #a3e635;
    color: #0f0f1a;
    font-weight: 600;
    font-size: 0.875rem;
    border-radius: 9999px;
    text-decoration: none;
    transition: all 0.3s ease;
}

.btn-criar-conta:hover[b-v55byhlz47] {
    background: #bef264;
}

@media (min-width: 768px) {
    .btn-criar-conta[b-v55byhlz47] {
        display: inline-flex;
    }
}

/* =================================================================
   HERO HEADER
   ================================================================= */

.contato-hero[b-v55byhlz47] {
    position: relative;
    background: #0f0f1a;
    padding-top: 8rem;
    padding-bottom: 3rem;
    text-align: center;
    overflow: hidden;
}

.contato-glow[b-v55byhlz47] {
    position: absolute;
    top: -100px;
    left: 50%;
    transform: translateX(-50%);
    width: 600px;
    height: 350px;
    background: rgba(34, 211, 238, 0.06);
    filter: blur(140px);
    border-radius: 50%;
    pointer-events: none;
}

.contato-hero-content[b-v55byhlz47] {
    position: relative;
    z-index: 10;
}

.contato-title[b-v55byhlz47] {
    font-size: 2.25rem;
    font-weight: 800;
    line-height: 1.2;
    color: white;
    margin-bottom: 1.5rem;
}

@media (min-width: 640px) {
    .contato-title[b-v55byhlz47] {
        font-size: 3rem;
    }
}

@media (min-width: 1024px) {
    .contato-title[b-v55byhlz47] {
        font-size: 3.5rem;
    }
}

.contato-subtitle[b-v55byhlz47] {
    font-size: 1.125rem;
    color: #94a3b8;
    max-width: 36rem;
    margin: 0 auto;
    line-height: 1.7;
}

/* =================================================================
   CONTACT CONTENT
   ================================================================= */

.contato-section[b-v55byhlz47] {
    background: #0f0f1a;
    padding: 2rem 0 6rem;
}

.contato-grid[b-v55byhlz47] {
    display: grid;
    gap: 3rem;
    max-width: 64rem;
    margin: 0 auto;
}

@media (min-width: 1024px) {
    .contato-grid[b-v55byhlz47] {
        grid-template-columns: 1.2fr 0.8fr;
        gap: 4rem;
    }
}

/* ── Form ────────────────────────────────────────────────────────── */

.contato-form-wrapper[b-v55byhlz47] {
    border-radius: 1.25rem;
    background: #141524;
    border: 1px solid #2d2e44;
    padding: 2rem;
}

@media (min-width: 640px) {
    .contato-form-wrapper[b-v55byhlz47] {
        padding: 2.5rem;
    }
}

.form-group[b-v55byhlz47] {
    margin-bottom: 1.5rem;
}

.form-label[b-v55byhlz47] {
    display: block;
    font-size: 0.875rem;
    font-weight: 600;
    color: #cbd5e1;
    margin-bottom: 0.5rem;
}

.form-input[b-v55byhlz47] {
    width: 100%;
    padding: 0.75rem 1rem;
    border-radius: 0.75rem;
    background: #0f0f1a;
    border: 1px solid #2d2e44;
    color: white;
    font-size: 0.9375rem;
    font-family: inherit;
    transition: border-color 0.3s ease, box-shadow 0.3s ease;
    outline: none;
    box-sizing: border-box;
}

.form-input[b-v55byhlz47]::placeholder {
    color: #4a5568;
}

.form-input:focus[b-v55byhlz47] {
    border-color: var(--accent);
    box-shadow: 0 0 0 3px rgba(163, 230, 53, 0.1);
}

.form-input option[b-v55byhlz47] {
    background: #141524;
    color: white;
}

.form-textarea[b-v55byhlz47] {
    resize: vertical;
    min-height: 8rem;
}

.btn-enviar[b-v55byhlz47] {
    display: inline-flex;
    align-items: center;
    justify-content: center;
    gap: 0.5rem;
    width: 100%;
    padding: 0.875rem 1.5rem;
    border-radius: 0.75rem;
    background: #a3e635;
    color: #0f0f1a;
    font-weight: 700;
    font-size: 0.9375rem;
    font-family: inherit;
    border: none;
    cursor: pointer;
    transition: all 0.3s ease;
}

.btn-enviar:hover:not(:disabled)[b-v55byhlz47] {
    background: #bef264;
    box-shadow: 0 8px 24px rgba(163, 230, 53, 0.25);
}

.btn-enviar:disabled[b-v55byhlz47] {
    opacity: 0.7;
    cursor: not-allowed;
}

.btn-spinner[b-v55byhlz47] {
    width: 1.125rem;
    height: 1.125rem;
    border: 2px solid rgba(15, 15, 26, 0.3);
    border-top: 2px solid #0f0f1a;
    border-radius: 50%;
    animation: spin-b-v55byhlz47 0.8s linear infinite;
}

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

/* ── Success State ───────────────────────────────────────────────── */

.contato-sucesso[b-v55byhlz47] {
    text-align: center;
    padding: 2rem 0;
}

.sucesso-icon[b-v55byhlz47] {
    color: var(--accent);
    margin-bottom: 1.5rem;
}

.sucesso-icon svg[b-v55byhlz47] {
    margin: 0 auto;
}

.sucesso-titulo[b-v55byhlz47] {
    font-size: 1.5rem;
    font-weight: 700;
    color: white;
    margin-bottom: 0.75rem;
}

.sucesso-texto[b-v55byhlz47] {
    font-size: 1rem;
    color: #94a3b8;
    margin-bottom: 2rem;
    line-height: 1.6;
}

.btn-nova-mensagem[b-v55byhlz47] {
    display: inline-flex;
    align-items: center;
    padding: 0.75rem 1.5rem;
    border-radius: 0.75rem;
    border: 2px solid #2d2e44;
    background: transparent;
    color: white;
    font-weight: 600;
    font-size: 0.875rem;
    font-family: inherit;
    cursor: pointer;
    transition: all 0.3s ease;
}

.btn-nova-mensagem:hover[b-v55byhlz47] {
    border-color: var(--accent);
    color: var(--accent);
}

/* ── Info Cards ──────────────────────────────────────────────────── */

.contato-info[b-v55byhlz47] {
    display: flex;
    flex-direction: column;
    gap: 1.25rem;
}

.info-card[b-v55byhlz47] {
    border-radius: 1rem;
    background: #141524;
    border: 1px solid #2d2e44;
    padding: 1.5rem;
    transition: border-color 0.3s ease, transform 0.3s ease;
}

.info-card:hover[b-v55byhlz47] {
    border-color: rgba(163, 230, 53, 0.3);
    transform: translateY(-2px);
}

.info-icon[b-v55byhlz47] {
    width: 2.75rem;
    height: 2.75rem;
    border-radius: 0.75rem;
    display: flex;
    align-items: center;
    justify-content: center;
    margin-bottom: 1rem;
}

.icon-green[b-v55byhlz47] {
    background: rgba(163, 230, 53, 0.1);
    color: var(--accent);
}

.icon-cyan[b-v55byhlz47] {
    background: rgba(34, 211, 238, 0.1);
    color: #22d3ee;
}

.info-titulo[b-v55byhlz47] {
    font-size: 1rem;
    font-weight: 700;
    color: white;
    margin-bottom: 0.375rem;
}

.info-texto[b-v55byhlz47] {
    font-size: 0.9375rem;
    color: #cbd5e1;
    margin-bottom: 0.25rem;
}

.info-detalhe[b-v55byhlz47] {
    font-size: 0.8125rem;
    color: #64748b;
}

/* =================================================================
   FOOTER
   ================================================================= */

.landing-footer[b-v55byhlz47] {
    background: #0f0f1a;
    border-top: 1px solid #2d2e44;
    padding: 2rem 0;
}

.footer-bottom[b-v55byhlz47] {
    display: flex;
    flex-direction: column;
    align-items: center;
    gap: 1rem;
    text-align: center;
}

@media (min-width: 640px) {
    .footer-bottom[b-v55byhlz47] {
        flex-direction: row;
        justify-content: space-between;
    }
}

.footer-bottom p[b-v55byhlz47] {
    font-size: 0.875rem;
    color: #64748b;
}

.footer-logo-small .logo-icon[b-v55byhlz47] {
    width: 1.75rem;
    height: 1.75rem;
}

.logo-text-small[b-v55byhlz47] {
    font-size: 1rem;
    font-weight: 700;
    color: white;
}
/* _content/Logistikk.Web/Components/Pages/Landing/Index.razor.rz.scp.css */
/* =================================================================
   Logistikk Landing Page - Scoped CSS
   Design tokens:
     Background: #0f0f1a  |  Cards: #1a1b2e / #141524
     Border: #2d2e44      |  Accent: #a3e635
     Text Primary: white  |  Text Secondary: #94a3b8
     Font: Inter
   ================================================================= */

/* ── Global helpers ─────────────────────────────────────────────── */

[b-oubxisew80] .text-accent {
    color: var(--accent);
}

/* ── Section container ──────────────────────────────────────────── */

.section-container[b-oubxisew80] {
    max-width: 80rem;
    margin: 0 auto;
    padding-left: 1rem;
    padding-right: 1rem;
}

@media (min-width: 640px) {
    .section-container[b-oubxisew80] {
        padding-left: 1.5rem;
        padding-right: 1.5rem;
    }
}

@media (min-width: 1024px) {
    .section-container[b-oubxisew80] {
        padding-left: 2rem;
        padding-right: 2rem;
    }
}

/* ── Section header ─────────────────────────────────────────────── */

.section-header[b-oubxisew80] {
    text-align: center;
    margin-bottom: 4rem;
}

.section-title[b-oubxisew80] {
    font-size: 1.875rem;
    font-weight: 800;
    color: white;
    margin-bottom: 1rem;
    line-height: 1.2;
}

@media (min-width: 640px) {
    .section-title[b-oubxisew80] {
        font-size: 2.25rem;
    }
}

.section-subtitle[b-oubxisew80] {
    font-size: 1.125rem;
    color: #94a3b8;
    max-width: 42rem;
    margin: 0 auto;
}

/* =================================================================
   ANIMATIONS
   ================================================================= */

@keyframes float-b-oubxisew80 {
    0%, 100% { transform: perspective(1000px) rotateY(-8deg) rotateX(4deg) translateY(0px); }
    50% { transform: perspective(1000px) rotateY(-8deg) rotateX(4deg) translateY(-16px); }
}

.float-animation[b-oubxisew80] {
    animation: float-b-oubxisew80 6s ease-in-out infinite;
}

@keyframes orbPulse-b-oubxisew80 {
    0%, 100% { opacity: 0.4; transform: scale(1); }
    50% { opacity: 0.7; transform: scale(1.1); }
}

.orb-pulse[b-oubxisew80] {
    animation: orbPulse-b-oubxisew80 8s ease-in-out infinite;
}

.orb-pulse-delayed[b-oubxisew80] {
    animation: orbPulse-b-oubxisew80 8s ease-in-out infinite;
    animation-delay: -4s;
}

@keyframes fadeInUp-b-oubxisew80 {
    from { opacity: 0; transform: translateY(32px); }
    to { opacity: 1; transform: translateY(0); }
}

.animate-fade-in-up[b-oubxisew80] {
    opacity: 0;
    animation: fadeInUp-b-oubxisew80 0.7s ease-out forwards;
}

.delay-1[b-oubxisew80] { animation-delay: 0.1s; }
.delay-2[b-oubxisew80] { animation-delay: 0.2s; }
.delay-3[b-oubxisew80] { animation-delay: 0.3s; }
.delay-4[b-oubxisew80] { animation-delay: 0.4s; }

@keyframes chartGrow-b-oubxisew80 {
    from { transform: scaleY(0); }
    to { transform: scaleY(1); }
}

.chart-bar[b-oubxisew80] {
    transform-origin: bottom;
    animation: chartGrow-b-oubxisew80 1s ease-out forwards;
}

/* Card hover effect */
.card-hover[b-oubxisew80] {
    transition: transform 0.3s ease, box-shadow 0.3s ease, border-color 0.3s ease;
}

.card-hover:hover[b-oubxisew80] {
    transform: translateY(-4px);
    box-shadow: 0 16px 48px rgba(163, 230, 53, 0.08), 0 0 0 1px rgba(163, 230, 53, 0.2);
}

/* =================================================================
   NAVBAR
   ================================================================= */

.landing-navbar[b-oubxisew80] {
    position: fixed;
    top: 0;
    left: 0;
    right: 0;
    z-index: 50;
    transition: all 0.3s ease;
}

.landing-navbar.nav-scrolled[b-oubxisew80] {
    backdrop-filter: blur(20px);
    -webkit-backdrop-filter: blur(20px);
    background-color: rgba(15, 15, 26, 0.85);
    border-bottom: 1px solid rgba(45, 46, 68, 0.5);
}

.nav-container[b-oubxisew80] {
    max-width: 80rem;
    margin: 0 auto;
    padding: 0 1rem;
}

@media (min-width: 640px) {
    .nav-container[b-oubxisew80] {
        padding: 0 1.5rem;
    }
}

@media (min-width: 1024px) {
    .nav-container[b-oubxisew80] {
        padding: 0 2rem;
    }
}

.nav-inner[b-oubxisew80] {
    display: flex;
    align-items: center;
    justify-content: space-between;
    height: 4.5rem;
    padding: 1rem 0;
}

.logo-link[b-oubxisew80] {
    display: flex;
    align-items: center;
    gap: 0.625rem;
    text-decoration: none;
}

.logo-link:hover .logo-icon[b-oubxisew80] {
    background: rgba(163, 230, 53, 0.2);
}

.logo-icon[b-oubxisew80] {
    width: 2.25rem;
    height: 2.25rem;
    border-radius: 0.5rem;
    background: rgba(163, 230, 53, 0.1);
    border: 1px solid rgba(163, 230, 53, 0.3);
    display: flex;
    align-items: center;
    justify-content: center;
    color: var(--accent);
    transition: background 0.3s ease;
}

.logo-text[b-oubxisew80] {
    font-size: 1.25rem;
    font-weight: 700;
    color: white;
}

.nav-links-desktop[b-oubxisew80] {
    display: none;
    align-items: center;
    gap: 2rem;
}

@media (min-width: 768px) {
    .nav-links-desktop[b-oubxisew80] {
        display: flex;
    }
}

.nav-link[b-oubxisew80] {
    font-size: 0.875rem;
    font-weight: 500;
    color: #94a3b8;
    text-decoration: none;
    transition: color 0.3s ease;
}

.nav-link:hover[b-oubxisew80] {
    color: var(--accent);
}

.nav-right[b-oubxisew80] {
    display: flex;
    align-items: center;
    gap: 0.75rem;
}

.btn-entrar[b-oubxisew80] {
    display: none;
    font-size: 0.875rem;
    font-weight: 500;
    color: #94a3b8;
    text-decoration: none;
    padding: 0.5rem 1.25rem;
    border-radius: 9999px;
    border: 1px solid #2d2e44;
    transition: all 0.3s ease;
}

.btn-entrar:hover[b-oubxisew80] {
    color: var(--accent);
    border-color: rgba(163, 230, 53, 0.5);
}

@media (min-width: 768px) {
    .btn-entrar[b-oubxisew80] {
        display: inline-flex;
    }
}

.btn-criar-conta[b-oubxisew80] {
    display: none;
    align-items: center;
    gap: 0.5rem;
    padding: 0.625rem 1.25rem;
    background: #a3e635;
    color: #0f0f1a;
    font-weight: 600;
    font-size: 0.875rem;
    border-radius: 9999px;
    text-decoration: none;
    transition: all 0.3s ease;
}

.btn-criar-conta:hover[b-oubxisew80] {
    background: #bef264;
}

@media (min-width: 768px) {
    .btn-criar-conta[b-oubxisew80] {
        display: inline-flex;
    }
}

.btn-hamburger[b-oubxisew80] {
    display: flex;
    width: 2.5rem;
    height: 2.5rem;
    border-radius: 0.75rem;
    background: #141524;
    border: 1px solid #2d2e44;
    align-items: center;
    justify-content: center;
    color: white;
    cursor: pointer;
}

@media (min-width: 768px) {
    .btn-hamburger[b-oubxisew80] {
        display: none;
    }
}

/* =================================================================
   MOBILE MENU
   ================================================================= */

.mobile-overlay[b-oubxisew80] {
    position: fixed;
    inset: 0;
    z-index: 60;
    background: rgba(0, 0, 0, 0.5);
    opacity: 0;
    animation: fadeIn-b-oubxisew80 0.3s ease forwards;
}

.mobile-overlay.open[b-oubxisew80] {
    opacity: 1;
}

@keyframes fadeIn-b-oubxisew80 {
    from { opacity: 0; }
    to { opacity: 1; }
}

.mobile-drawer[b-oubxisew80] {
    position: fixed;
    top: 0;
    right: 0;
    bottom: 0;
    width: 20rem;
    max-width: 85vw;
    background: #0f0f1a;
    box-shadow: -4px 0 20px rgba(0, 0, 0, 0.5);
    transform: translateX(100%);
    animation: slideIn-b-oubxisew80 0.3s ease forwards;
}

.mobile-drawer.open[b-oubxisew80] {
    transform: translateX(0);
}

@keyframes slideIn-b-oubxisew80 {
    from { transform: translateX(100%); }
    to { transform: translateX(0); }
}

.mobile-drawer-header[b-oubxisew80] {
    display: flex;
    align-items: center;
    justify-content: space-between;
    padding: 1.25rem;
    border-bottom: 1px solid #2d2e44;
}

.mobile-drawer-title[b-oubxisew80] {
    font-size: 1.125rem;
    font-weight: 700;
    color: white;
}

.btn-fechar-menu[b-oubxisew80] {
    width: 2.5rem;
    height: 2.5rem;
    border-radius: 0.75rem;
    background: #141524;
    border: none;
    display: flex;
    align-items: center;
    justify-content: center;
    color: white;
    cursor: pointer;
}

.mobile-drawer-links[b-oubxisew80] {
    padding: 1.25rem;
    display: flex;
    flex-direction: column;
    gap: 0.5rem;
}

.mobile-link[b-oubxisew80] {
    display: block;
    padding: 0.75rem 1rem;
    border-radius: 0.75rem;
    font-size: 1rem;
    font-weight: 500;
    color: #cbd5e1;
    text-decoration: none;
    transition: background 0.3s ease;
}

.mobile-link:hover[b-oubxisew80] {
    background: #141524;
}

.mobile-drawer-separator[b-oubxisew80] {
    margin-top: 1rem;
    padding-top: 1rem;
    border-top: 1px solid #2d2e44;
    display: flex;
    flex-direction: column;
    gap: 0.5rem;
}

.btn-criar-conta-mobile[b-oubxisew80] {
    display: block;
    width: 100%;
    text-align: center;
    padding: 0.75rem 1.25rem;
    background: #a3e635;
    color: #0f0f1a;
    font-weight: 600;
    font-size: 1rem;
    border-radius: 9999px;
    text-decoration: none;
    transition: background 0.3s ease;
}

.btn-criar-conta-mobile:hover[b-oubxisew80] {
    background: #bef264;
}

/* =================================================================
   HERO SECTION
   ================================================================= */

.hero-section[b-oubxisew80] {
    position: relative;
    min-height: 100vh;
    display: flex;
    align-items: center;
    background: #0f0f1a;
    overflow: hidden;
    padding-top: 5rem;
    padding-bottom: 4rem;
}

.orb[b-oubxisew80] {
    position: absolute;
    border-radius: 50%;
    pointer-events: none;
}

.orb-green[b-oubxisew80] {
    top: 25%;
    left: 25%;
    width: 500px;
    height: 500px;
    background: rgba(163, 230, 53, 0.1);
    filter: blur(120px);
}

.orb-cyan[b-oubxisew80] {
    bottom: 25%;
    right: 25%;
    width: 400px;
    height: 400px;
    background: rgba(34, 211, 238, 0.08);
    filter: blur(100px);
}

.hero-content[b-oubxisew80] {
    position: relative;
    z-index: 10;
}

.hero-grid[b-oubxisew80] {
    display: grid;
    gap: 3rem;
    align-items: center;
}

@media (min-width: 1024px) {
    .hero-grid[b-oubxisew80] {
        grid-template-columns: 1fr 1fr;
        gap: 4rem;
    }
}

.hero-badge[b-oubxisew80] {
    display: inline-flex;
    align-items: center;
    gap: 0.5rem;
    padding: 0.375rem 1rem;
    border-radius: 9999px;
    background: rgba(163, 230, 53, 0.1);
    border: 1px solid rgba(163, 230, 53, 0.2);
    margin-bottom: 1.5rem;
}

.hero-badge-dot[b-oubxisew80] {
    width: 0.5rem;
    height: 0.5rem;
    border-radius: 50%;
    background: #a3e635;
    animation: pulse-b-oubxisew80 2s ease-in-out infinite;
}

@keyframes pulse-b-oubxisew80 {
    0%, 100% { opacity: 1; }
    50% { opacity: 0.5; }
}

.hero-badge-text[b-oubxisew80] {
    font-size: 0.875rem;
    font-weight: 500;
    color: var(--accent);
}

.hero-title[b-oubxisew80] {
    font-size: 2.25rem;
    font-weight: 800;
    line-height: 1.15;
    color: white;
    margin-bottom: 1.5rem;
}

@media (min-width: 640px) {
    .hero-title[b-oubxisew80] {
        font-size: 3rem;
    }
}

@media (min-width: 1024px) {
    .hero-title[b-oubxisew80] {
        font-size: 3.75rem;
    }
}

.hero-subtitle[b-oubxisew80] {
    font-size: 1.125rem;
    color: #94a3b8;
    margin-bottom: 2rem;
    max-width: 36rem;
    line-height: 1.7;
}

@media (min-width: 640px) {
    .hero-subtitle[b-oubxisew80] {
        font-size: 1.25rem;
    }
}

.hero-ctas[b-oubxisew80] {
    display: flex;
    flex-wrap: wrap;
    gap: 1rem;
}

.btn-primary-lg[b-oubxisew80] {
    display: inline-flex;
    align-items: center;
    gap: 0.5rem;
    padding: 0.875rem 1.75rem;
    background: #a3e635;
    color: #0f0f1a;
    font-weight: 700;
    font-size: 1rem;
    border-radius: 9999px;
    text-decoration: none;
    transition: all 0.3s ease;
}

.btn-primary-lg:hover[b-oubxisew80] {
    background: #bef264;
    box-shadow: 0 8px 24px rgba(163, 230, 53, 0.2);
}

.btn-outline-lg[b-oubxisew80] {
    display: inline-flex;
    align-items: center;
    gap: 0.5rem;
    padding: 0.875rem 1.75rem;
    border-radius: 9999px;
    border: 2px solid #2d2e44;
    color: white;
    font-weight: 600;
    font-size: 1rem;
    text-decoration: none;
    transition: all 0.3s ease;
}

.btn-outline-lg:hover[b-oubxisew80] {
    border-color: rgba(163, 230, 53, 0.5);
    color: var(--accent);
}

/* Hero Mockup */
.hero-mockup-wrapper[b-oubxisew80] {
    display: none;
}

@media (min-width: 1024px) {
    .hero-mockup-wrapper[b-oubxisew80] {
        display: block;
    }
}

.hero-mockup[b-oubxisew80] {
    border-radius: 1rem;
    background: #141524;
    border: 1px solid #2d2e44;
    padding: 1.5rem;
    box-shadow: 0 0 80px rgba(163, 230, 53, 0.15), 0 0 160px rgba(34, 211, 238, 0.08);
}

.mockup-header[b-oubxisew80] {
    display: flex;
    align-items: center;
    justify-content: space-between;
    margin-bottom: 1.5rem;
}

.mockup-dots[b-oubxisew80] {
    display: flex;
    align-items: center;
    gap: 0.75rem;
}

.dot[b-oubxisew80] {
    width: 0.75rem;
    height: 0.75rem;
    border-radius: 50%;
}

.dot-red[b-oubxisew80] { background: rgba(239, 68, 68, 0.7); }
.dot-yellow[b-oubxisew80] { background: rgba(234, 179, 8, 0.7); }
.dot-green[b-oubxisew80] { background: rgba(34, 197, 94, 0.7); }

.mockup-url[b-oubxisew80] {
    display: flex;
    align-items: center;
    gap: 0.5rem;
    padding: 0.25rem 0.75rem;
    border-radius: 0.5rem;
    background: rgba(15, 15, 26, 0.5);
    font-size: 0.75rem;
    color: #64748b;
}

.mockup-kpis[b-oubxisew80] {
    display: grid;
    grid-template-columns: repeat(3, 1fr);
    gap: 0.75rem;
    margin-bottom: 1.5rem;
}

.mockup-kpi[b-oubxisew80] {
    border-radius: 0.75rem;
    background: rgba(15, 15, 26, 0.6);
    border: 1px solid rgba(45, 46, 68, 0.5);
    padding: 0.75rem;
}

.mockup-kpi-label[b-oubxisew80] {
    font-size: 0.75rem;
    color: #64748b;
    margin-bottom: 0.25rem;
}

.mockup-kpi-value[b-oubxisew80] {
    font-size: 1.25rem;
    font-weight: 700;
    color: white;
}

.mockup-kpi-change[b-oubxisew80] {
    font-size: 0.75rem;
    font-weight: 500;
    margin-top: 0.125rem;
}

.mockup-kpi-change.positive[b-oubxisew80] { color: var(--accent); }
.mockup-kpi-change.cyan[b-oubxisew80] { color: #22d3ee; }
.mockup-kpi-change.negative[b-oubxisew80] { color: #f87171; }

.mockup-chart[b-oubxisew80] {
    border-radius: 0.75rem;
    background: rgba(15, 15, 26, 0.6);
    border: 1px solid rgba(45, 46, 68, 0.5);
    padding: 1rem;
}

.mockup-chart-header[b-oubxisew80] {
    display: flex;
    align-items: center;
    justify-content: space-between;
    margin-bottom: 0.75rem;
}

.mockup-chart-title[b-oubxisew80] {
    font-size: 0.75rem;
    font-weight: 500;
    color: #94a3b8;
}

.mockup-chart-period[b-oubxisew80] {
    font-size: 0.75rem;
    color: var(--accent);
    font-weight: 500;
}

.mockup-chart-bars[b-oubxisew80] {
    display: flex;
    align-items: flex-end;
    gap: 0.375rem;
    height: 5rem;
}

.mockup-chart-bars .chart-bar[b-oubxisew80] {
    flex: 1;
    background: #a3e635;
    border-radius: 0.25rem 0.25rem 0 0;
}

/* =================================================================
   STATS SECTION
   ================================================================= */

.stats-section[b-oubxisew80] {
    position: relative;
    background: #141524;
    border-top: 1px solid #2d2e44;
    border-bottom: 1px solid #2d2e44;
    padding: 3.5rem 0;
}

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

@media (min-width: 1024px) {
    .stats-grid[b-oubxisew80] {
        grid-template-columns: repeat(4, 1fr);
        gap: 0;
    }

    .stat-item[b-oubxisew80] {
        border-right: 1px solid #2d2e44;
    }

    .stat-item:last-child[b-oubxisew80] {
        border-right: none;
    }
}

.stat-item[b-oubxisew80] {
    text-align: center;
    padding: 0 2rem;
}

.stat-number[b-oubxisew80] {
    font-size: 1.875rem;
    font-weight: 800;
    color: white;
    margin-bottom: 0.25rem;
}

@media (min-width: 640px) {
    .stat-number[b-oubxisew80] {
        font-size: 2.25rem;
    }
}

.stat-number.accent[b-oubxisew80] {
    color: var(--accent);
}

.stat-label[b-oubxisew80] {
    font-size: 0.875rem;
    color: #94a3b8;
    font-weight: 500;
}

/* =================================================================
   FEATURES SECTION
   ================================================================= */

.features-section[b-oubxisew80] {
    position: relative;
    background: #0f0f1a;
    padding: 6rem 0;
    overflow: hidden;
}

.features-grid[b-oubxisew80] {
    display: grid;
    gap: 1.5rem;
}

@media (min-width: 640px) {
    .features-grid[b-oubxisew80] {
        grid-template-columns: repeat(2, 1fr);
    }
}

@media (min-width: 1024px) {
    .features-grid[b-oubxisew80] {
        grid-template-columns: repeat(3, 1fr);
    }
}

.feature-card[b-oubxisew80] {
    border-radius: 1rem;
    background: #141524;
    border: 1px solid #2d2e44;
    padding: 1.75rem;
}

.feature-icon[b-oubxisew80] {
    width: 3rem;
    height: 3rem;
    border-radius: 0.75rem;
    display: flex;
    align-items: center;
    justify-content: center;
    margin-bottom: 1.25rem;
}

.icon-green[b-oubxisew80] {
    background: rgba(163, 230, 53, 0.1);
    color: var(--accent);
}

.icon-cyan[b-oubxisew80] {
    background: rgba(34, 211, 238, 0.1);
    color: #22d3ee;
}

.feature-title[b-oubxisew80] {
    font-size: 1.125rem;
    font-weight: 700;
    color: white;
    margin-bottom: 0.5rem;
}

.feature-desc[b-oubxisew80] {
    font-size: 0.875rem;
    color: #94a3b8;
    line-height: 1.7;
}

/* =================================================================
   HOW IT WORKS SECTION
   ================================================================= */

.howit-section[b-oubxisew80] {
    position: relative;
    background: #141524;
    padding: 6rem 0;
    overflow: hidden;
}

.steps-wrapper[b-oubxisew80] {
    position: relative;
}

.step-line[b-oubxisew80] {
    display: none;
}

@media (min-width: 1024px) {
    .step-line[b-oubxisew80] {
        display: block;
        position: absolute;
        top: 1.75rem;
        left: 50%;
        transform: translateX(-50%);
        width: 66%;
        height: 2px;
        background: linear-gradient(90deg, #a3e635 0%, #22d3ee 100%);
        opacity: 0.3;
        mask-image: linear-gradient(to right, transparent, black 10%, black 90%, transparent);
        -webkit-mask-image: linear-gradient(to right, transparent, black 10%, black 90%, transparent);
    }
}

.steps-grid[b-oubxisew80] {
    display: grid;
    gap: 3rem;
}

@media (min-width: 1024px) {
    .steps-grid[b-oubxisew80] {
        grid-template-columns: repeat(3, 1fr);
        gap: 2rem;
    }
}

.step-item[b-oubxisew80] {
    text-align: center;
    position: relative;
}

.step-number[b-oubxisew80] {
    width: 3.5rem;
    height: 3.5rem;
    border-radius: 50%;
    background: #a3e635;
    color: #0f0f1a;
    display: flex;
    align-items: center;
    justify-content: center;
    font-size: 1.25rem;
    font-weight: 800;
    margin: 0 auto 1.5rem;
    position: relative;
    z-index: 10;
    box-shadow: 0 4px 16px rgba(163, 230, 53, 0.2);
}

.step-title[b-oubxisew80] {
    font-size: 1.25rem;
    font-weight: 700;
    color: white;
    margin-bottom: 0.75rem;
}

.step-desc[b-oubxisew80] {
    color: #94a3b8;
    max-width: 20rem;
    margin: 0 auto;
    line-height: 1.6;
}

/* =================================================================
   PRICING SECTION
   ================================================================= */

.pricing-section[b-oubxisew80] {
    position: relative;
    background: #0f0f1a;
    padding: 6rem 0;
    overflow: hidden;
}

.pricing-glow[b-oubxisew80] {
    position: absolute;
    top: 0;
    left: 50%;
    transform: translateX(-50%);
    width: 600px;
    height: 300px;
    background: rgba(163, 230, 53, 0.05);
    filter: blur(120px);
    border-radius: 50%;
    pointer-events: none;
}

.pricing-container[b-oubxisew80] {
    position: relative;
    z-index: 10;
}

.pricing-grid[b-oubxisew80] {
    display: grid;
    gap: 2rem;
    max-width: 64rem;
    margin: 0 auto;
    align-items: start;
}

@media (min-width: 1024px) {
    .pricing-grid[b-oubxisew80] {
        grid-template-columns: repeat(3, 1fr);
    }
}

.pricing-card[b-oubxisew80] {
    border-radius: 1rem;
    background: #141524;
    border: 1px solid #2d2e44;
    padding: 2rem;
}

.pricing-popular[b-oubxisew80] {
    border: 2px solid #a3e635;
    position: relative;
}

.pricing-popular[b-oubxisew80]::before {
    content: '';
    position: absolute;
    inset: -2px;
    border-radius: 1.125rem;
    background: linear-gradient(135deg, rgba(163, 230, 53, 0.15), rgba(34, 211, 238, 0.08));
    z-index: -1;
}

@media (min-width: 1024px) {
    .pricing-popular[b-oubxisew80] {
        transform: scale(1.05);
        margin-top: -0.5rem;
        margin-bottom: -0.5rem;
    }
}

.pricing-card-header-popular[b-oubxisew80] {
    display: flex;
    align-items: center;
    justify-content: space-between;
    margin-bottom: 1.5rem;
}

.pricing-name[b-oubxisew80] {
    font-size: 1.25rem;
    font-weight: 700;
    color: white;
}

.pricing-badge[b-oubxisew80] {
    padding: 0.25rem 0.75rem;
    border-radius: 9999px;
    background: rgba(163, 230, 53, 0.1);
    color: var(--accent);
    font-size: 0.75rem;
    font-weight: 700;
    text-transform: uppercase;
    letter-spacing: 0.05em;
}

.pricing-price[b-oubxisew80] {
    display: flex;
    align-items: baseline;
    gap: 0.25rem;
    margin-bottom: 0.5rem;
}

.pricing-currency[b-oubxisew80] {
    font-size: 0.875rem;
    color: #94a3b8;
    font-weight: 500;
}

.pricing-amount[b-oubxisew80] {
    font-size: 2.25rem;
    font-weight: 800;
    color: white;
}

.pricing-period[b-oubxisew80] {
    font-size: 0.875rem;
    color: #94a3b8;
    font-weight: 500;
}

.pricing-desc[b-oubxisew80] {
    font-size: 0.875rem;
    color: #94a3b8;
    margin-top: 0.5rem;
    margin-bottom: 2rem;
}

.pricing-features[b-oubxisew80] {
    list-style: none;
    padding: 0;
    margin: 0 0 2rem;
    display: flex;
    flex-direction: column;
    gap: 0.875rem;
}

.pricing-feature-item[b-oubxisew80] {
    display: flex;
    align-items: flex-start;
    gap: 0.75rem;
    font-size: 0.875rem;
    color: #cbd5e1;
}

[b-oubxisew80] .check-icon {
    width: 1.25rem;
    height: 1.25rem;
    color: var(--accent);
    flex-shrink: 0;
    margin-top: 0.125rem;
}

.btn-pricing-primary[b-oubxisew80] {
    display: block;
    width: 100%;
    text-align: center;
    padding: 0.875rem;
    border-radius: 0.75rem;
    background: #a3e635;
    color: #0f0f1a;
    font-weight: 700;
    font-size: 0.875rem;
    text-decoration: none;
    transition: all 0.3s ease;
}

.btn-pricing-primary:hover[b-oubxisew80] {
    background: #bef264;
    box-shadow: 0 8px 24px rgba(163, 230, 53, 0.2);
}

.btn-pricing-outline[b-oubxisew80] {
    display: block;
    width: 100%;
    text-align: center;
    padding: 0.875rem;
    border-radius: 0.75rem;
    border: 2px solid #2d2e44;
    color: white;
    font-weight: 600;
    font-size: 0.875rem;
    text-decoration: none;
    transition: all 0.3s ease;
}

.btn-pricing-outline:hover[b-oubxisew80] {
    border-color: var(--accent);
    color: var(--accent);
}

/* =================================================================
   TESTIMONIALS SECTION
   ================================================================= */

.testimonials-section[b-oubxisew80] {
    position: relative;
    background: #141524;
    padding: 6rem 0;
    overflow: hidden;
}

.testimonials-grid[b-oubxisew80] {
    display: grid;
    gap: 2rem;
}

@media (min-width: 768px) {
    .testimonials-grid[b-oubxisew80] {
        grid-template-columns: repeat(3, 1fr);
    }
}

.testimonial-card[b-oubxisew80] {
    border-radius: 1rem;
    background: #0f0f1a;
    border: 1px solid #2d2e44;
    padding: 1.75rem;
}

.stars-row[b-oubxisew80] {
    display: flex;
    gap: 0.25rem;
    margin-bottom: 1rem;
}

.star-icon[b-oubxisew80] {
    width: 1.25rem;
    height: 1.25rem;
    color: var(--accent);
}

.testimonial-text[b-oubxisew80] {
    color: #cbd5e1;
    font-size: 0.875rem;
    line-height: 1.7;
    margin-bottom: 1.5rem;
}

.testimonial-author[b-oubxisew80] {
    display: flex;
    align-items: center;
    gap: 0.75rem;
}

.author-avatar[b-oubxisew80] {
    width: 2.5rem;
    height: 2.5rem;
    border-radius: 50%;
    display: flex;
    align-items: center;
    justify-content: center;
    font-weight: 700;
    font-size: 0.875rem;
    color: white;
}

.author-avatar.green-cyan[b-oubxisew80] {
    background: linear-gradient(135deg, #a3e635, #22d3ee);
    color: #0f0f1a;
}

.author-avatar.cyan-blue[b-oubxisew80] {
    background: linear-gradient(135deg, #22d3ee, #3b82f6);
}

.author-avatar.purple-green[b-oubxisew80] {
    background: linear-gradient(135deg, #a855f7, #a3e635);
}

.author-name[b-oubxisew80] {
    font-size: 0.875rem;
    font-weight: 600;
    color: white;
}

.author-role[b-oubxisew80] {
    font-size: 0.75rem;
    color: #64748b;
}

/* =================================================================
   CTA SECTION
   ================================================================= */

.cta-section[b-oubxisew80] {
    position: relative;
    background: linear-gradient(135deg, #141524 0%, #0f0f1a 40%, #1a1a2e 60%, #141524 100%);
    padding: 6rem 0;
    overflow: hidden;
}

.cta-bg-effect[b-oubxisew80] {
    position: absolute;
    top: -50%;
    left: -50%;
    width: 200%;
    height: 200%;
    background: radial-gradient(ellipse at 30% 50%, rgba(163, 230, 53, 0.06) 0%, transparent 50%),
                radial-gradient(ellipse at 70% 50%, rgba(34, 211, 238, 0.04) 0%, transparent 50%);
    pointer-events: none;
}

.cta-container[b-oubxisew80] {
    text-align: center;
    position: relative;
    z-index: 10;
    max-width: 56rem;
}

.cta-title[b-oubxisew80] {
    font-size: 1.875rem;
    font-weight: 800;
    color: white;
    margin-bottom: 1.5rem;
    line-height: 1.2;
}

@media (min-width: 640px) {
    .cta-title[b-oubxisew80] {
        font-size: 2.25rem;
    }
}

@media (min-width: 1024px) {
    .cta-title[b-oubxisew80] {
        font-size: 3rem;
    }
}

.cta-subtitle[b-oubxisew80] {
    font-size: 1.125rem;
    color: #94a3b8;
    margin-bottom: 2.5rem;
    max-width: 36rem;
    margin-left: auto;
    margin-right: auto;
}

.btn-cta[b-oubxisew80] {
    display: inline-flex;
    align-items: center;
    gap: 0.5rem;
    padding: 1rem 2rem;
    background: #a3e635;
    color: #0f0f1a;
    font-weight: 700;
    font-size: 1.125rem;
    border-radius: 9999px;
    text-decoration: none;
    transition: all 0.3s ease;
}

.btn-cta:hover[b-oubxisew80] {
    background: #bef264;
    box-shadow: 0 12px 32px rgba(163, 230, 53, 0.25);
}

.cta-note[b-oubxisew80] {
    font-size: 0.875rem;
    color: #64748b;
    margin-top: 1rem;
}

/* =================================================================
   FOOTER
   ================================================================= */

.landing-footer[b-oubxisew80] {
    background: #0f0f1a;
    border-top: 1px solid #2d2e44;
    padding: 4rem 0 0;
}

.footer-grid[b-oubxisew80] {
    display: grid;
    gap: 2.5rem;
}

@media (min-width: 640px) {
    .footer-grid[b-oubxisew80] {
        grid-template-columns: repeat(2, 1fr);
    }
}

@media (min-width: 1024px) {
    .footer-grid[b-oubxisew80] {
        grid-template-columns: 1.5fr 1fr 1fr 1fr;
        gap: 2rem;
    }
}

.footer-brand[b-oubxisew80] {
    grid-column: span 1;
}

@media (min-width: 640px) {
    .footer-brand[b-oubxisew80] {
        grid-column: span 2;
    }
}

@media (min-width: 1024px) {
    .footer-brand[b-oubxisew80] {
        grid-column: span 1;
    }
}

.footer-brand .logo-link[b-oubxisew80] {
    margin-bottom: 1rem;
}

.footer-desc[b-oubxisew80] {
    font-size: 0.875rem;
    color: #94a3b8;
    line-height: 1.7;
    margin-bottom: 1.5rem;
    max-width: 20rem;
}

.footer-social[b-oubxisew80] {
    display: flex;
    align-items: center;
    gap: 0.75rem;
}

.social-icon[b-oubxisew80] {
    width: 2.25rem;
    height: 2.25rem;
    border-radius: 0.5rem;
    background: #141524;
    border: 1px solid #2d2e44;
    display: flex;
    align-items: center;
    justify-content: center;
    color: #94a3b8;
    text-decoration: none;
    transition: all 0.3s ease;
}

.social-icon:hover[b-oubxisew80] {
    color: var(--accent);
    border-color: rgba(163, 230, 53, 0.3);
}

.footer-col-title[b-oubxisew80] {
    font-size: 0.875rem;
    font-weight: 700;
    color: white;
    text-transform: uppercase;
    letter-spacing: 0.05em;
    margin-bottom: 1rem;
}

.footer-links[b-oubxisew80] {
    list-style: none;
    padding: 0;
    margin: 0;
    display: flex;
    flex-direction: column;
    gap: 0.75rem;
}

.footer-links a[b-oubxisew80] {
    font-size: 0.875rem;
    color: #94a3b8;
    text-decoration: none;
    transition: color 0.3s ease;
}

.footer-links a:hover[b-oubxisew80] {
    color: var(--accent);
}

.footer-bottom[b-oubxisew80] {
    margin-top: 3rem;
    padding: 2rem 0;
    border-top: 1px solid #2d2e44;
    text-align: center;
}

.footer-bottom p[b-oubxisew80] {
    font-size: 0.875rem;
    color: #64748b;
}

/* =================================================================
   DEMO FORM
   ================================================================= */

.demo-form-wrapper[b-oubxisew80] {
    max-width: 800px;
    margin: 0 auto;
}

.demo-card[b-oubxisew80] {
    background: #141524;
    border: 1px solid #2d2e44;
    border-radius: 16px;
    padding: 2rem;
}

.demo-form-grid[b-oubxisew80] {
    display: grid;
    grid-template-columns: 1fr 1fr;
    gap: 2rem;
}

.demo-info[b-oubxisew80] {
    display: flex;
    flex-direction: column;
    justify-content: center;
}

.demo-fields .form-input[b-oubxisew80] {
    width: 100%;
    padding: 10px 14px;
    background: #1a1b2e;
    border: 1px solid #2d2e44;
    border-radius: 8px;
    color: white;
    font-size: 0.9rem;
    transition: border-color 0.2s;
}

.demo-fields .form-input:focus[b-oubxisew80] {
    outline: none;
    border-color: #a3e635;
}

.demo-fields textarea.form-input[b-oubxisew80] {
    resize: vertical;
    min-height: 60px;
}

.demo-sucesso[b-oubxisew80] {
    text-align: center;
    padding: 2rem;
}

.demo-sucesso svg[b-oubxisew80] {
    color: #a3e635;
}

@media (max-width: 768px) {
    .demo-form-grid[b-oubxisew80] {
        grid-template-columns: 1fr;
        gap: 1.5rem;
    }

    .demo-info[b-oubxisew80] {
        order: 2;
    }

    .demo-fields[b-oubxisew80] {
        order: 1;
    }
}

/* =================================================================
   WORKFLOW SECTIONS
   ================================================================= */

/* Scroll reveal animations */
.scroll-reveal[b-oubxisew80] {
    opacity: 0;
    transform: translateY(40px);
    transition: opacity 0.8s cubic-bezier(0.16, 1, 0.3, 1), transform 0.8s cubic-bezier(0.16, 1, 0.3, 1);
}

.scroll-reveal.scroll-reveal-delay[b-oubxisew80] {
    transition-delay: 0.25s;
}

.scroll-reveal.scroll-visible[b-oubxisew80] {
    opacity: 1;
    transform: translateY(0);
}

/* File/item stagger animation (plays when parent becomes visible) */
@keyframes fileSlideIn-b-oubxisew80 {
    from { opacity: 0; transform: translateX(-20px); }
    to { opacity: 1; transform: translateX(0); }
}

.mock-file-animate[b-oubxisew80] {
    opacity: 0;
}

.scroll-visible .mock-file-animate[b-oubxisew80] {
    animation: fileSlideIn-b-oubxisew80 0.5s ease-out forwards;
}

/* Spinner animation */
@keyframes spin-b-oubxisew80 {
    to { transform: rotate(360deg); }
}

.mock-spinner[b-oubxisew80] {
    width: 14px;
    height: 14px;
    border: 2px solid rgba(163, 230, 53, 0.2);
    border-top-color: #a3e635;
    border-radius: 50%;
    animation: spin-b-oubxisew80 0.8s linear infinite;
}

/* Section layouts */
.workflow-section[b-oubxisew80] {
    position: relative;
    background: #0f0f1a;
    padding: 6rem 0;
    overflow: hidden;
}

.workflow-section-alt[b-oubxisew80] {
    background: #141524;
}

.workflow-grid[b-oubxisew80] {
    display: grid;
    gap: 3rem;
    align-items: center;
}

@media (min-width: 1024px) {
    .workflow-grid[b-oubxisew80] {
        grid-template-columns: 1fr 1.1fr;
        gap: 4rem;
    }
}

@media (min-width: 1024px) {
    .workflow-grid-reverse[b-oubxisew80] {
        grid-template-columns: 1.1fr 1fr;
    }

    .workflow-grid-reverse .workflow-text[b-oubxisew80] {
        order: 2;
    }

    .workflow-grid-reverse .workflow-mockup-wrapper[b-oubxisew80] {
        order: 1;
    }
}

/* Text block */
.workflow-step-badge[b-oubxisew80] {
    display: inline-flex;
    align-items: center;
    gap: 0.5rem;
    padding: 0.3rem 0.9rem;
    border-radius: 9999px;
    background: rgba(163, 230, 53, 0.1);
    border: 1px solid rgba(163, 230, 53, 0.2);
    color: #a3e635;
    font-size: 0.8rem;
    font-weight: 600;
    text-transform: uppercase;
    letter-spacing: 0.05em;
    margin-bottom: 1.25rem;
}

.badge-cyan[b-oubxisew80] {
    background: rgba(34, 211, 238, 0.1);
    border-color: rgba(34, 211, 238, 0.2);
    color: #22d3ee;
}

.workflow-step-num[b-oubxisew80] {
    width: 1.4rem;
    height: 1.4rem;
    border-radius: 50%;
    background: #a3e635;
    color: #0f0f1a;
    display: inline-flex;
    align-items: center;
    justify-content: center;
    font-size: 0.75rem;
    font-weight: 800;
}

.step-num-cyan[b-oubxisew80] {
    background: #22d3ee;
}

.workflow-title[b-oubxisew80] {
    font-size: 1.875rem;
    font-weight: 800;
    color: white;
    line-height: 1.2;
    margin-bottom: 1rem;
}

@media (min-width: 640px) {
    .workflow-title[b-oubxisew80] {
        font-size: 2.25rem;
    }
}

[b-oubxisew80] .text-cyan {
    color: #22d3ee;
}

.workflow-desc[b-oubxisew80] {
    font-size: 1.05rem;
    color: #94a3b8;
    line-height: 1.7;
    margin-bottom: 1.5rem;
    max-width: 30rem;
}

.workflow-features[b-oubxisew80] {
    list-style: none;
    padding: 0;
    margin: 0;
    display: flex;
    flex-direction: column;
    gap: 0.75rem;
}

.workflow-features li[b-oubxisew80] {
    display: flex;
    align-items: center;
    gap: 0.625rem;
    font-size: 0.9rem;
    color: #cbd5e1;
}

.workflow-features li svg[b-oubxisew80] {
    color: #a3e635;
    flex-shrink: 0;
}

/* Workflow Mockup */
.workflow-mockup-wrapper[b-oubxisew80] {
    perspective: 1200px;
}

.workflow-mockup[b-oubxisew80] {
    border-radius: 1rem;
    background: #141524;
    border: 1px solid #2d2e44;
    padding: 1.25rem;
    box-shadow: 0 0 60px rgba(163, 230, 53, 0.08), 0 0 120px rgba(163, 230, 53, 0.04);
    transition: transform 0.4s ease;
}

.workflow-section-alt .workflow-mockup:not(.mockup-cyan-glow)[b-oubxisew80] {
    background: #0f0f1a;
}

.mockup-cyan-glow[b-oubxisew80] {
    box-shadow: 0 0 60px rgba(34, 211, 238, 0.08), 0 0 120px rgba(34, 211, 238, 0.04);
}

/* ── Violet / AI Theme ── */
.badge-violet[b-oubxisew80] {
    background: rgba(167, 139, 250, 0.1);
    border-color: rgba(167, 139, 250, 0.2);
    color: #a78bfa;
}

.step-num-violet[b-oubxisew80] {
    background: #a78bfa;
}

[b-oubxisew80] .text-violet {
    color: #a78bfa;
}

.mockup-violet-glow[b-oubxisew80] {
    box-shadow: 0 0 60px rgba(167, 139, 250, 0.08), 0 0 120px rgba(167, 139, 250, 0.04);
}

.workflow-features-violet li svg[b-oubxisew80] {
    color: #a78bfa;
}

/* ── Mock AI Report ── */
.mock-ai-header[b-oubxisew80] {
    display: flex;
    align-items: center;
    gap: 0.625rem;
    padding: 0.75rem;
    border-radius: 0.5rem;
    background: rgba(167, 139, 250, 0.06);
    border: 1px solid rgba(167, 139, 250, 0.15);
    margin-bottom: 0.875rem;
}

.mock-ai-icon[b-oubxisew80] {
    width: 2rem;
    height: 2rem;
    border-radius: 0.5rem;
    background: rgba(167, 139, 250, 0.15);
    color: #a78bfa;
    display: flex;
    align-items: center;
    justify-content: center;
    flex-shrink: 0;
}

.mock-ai-title[b-oubxisew80] {
    font-size: 0.8rem;
    font-weight: 700;
    color: white;
    flex: 1;
}

.mock-ai-badge[b-oubxisew80] {
    font-size: 0.65rem;
    padding: 0.2rem 0.5rem;
    border-radius: 9999px;
    background: rgba(163, 230, 53, 0.1);
    color: #a3e635;
    font-weight: 600;
}

.mock-ai-content[b-oubxisew80] {
    display: flex;
    flex-direction: column;
    gap: 0.625rem;
}

.mock-ai-section[b-oubxisew80] {
    padding: 0.625rem 0.75rem;
    border-radius: 0.5rem;
    background: rgba(255, 255, 255, 0.02);
    border: 1px solid rgba(255, 255, 255, 0.05);
}

.mock-ai-section-title[b-oubxisew80] {
    font-size: 0.7rem;
    font-weight: 700;
    color: #a78bfa;
    text-transform: uppercase;
    letter-spacing: 0.05em;
    margin-bottom: 0.375rem;
}

.mock-ai-text[b-oubxisew80] {
    font-size: 0.75rem;
    color: #94a3b8;
    line-height: 1.6;
}

.mock-ai-savings[b-oubxisew80] {
    display: flex;
    flex-direction: column;
    gap: 0.375rem;
}

.mock-ai-savings-item[b-oubxisew80] {
    display: flex;
    justify-content: space-between;
    align-items: center;
    font-size: 0.75rem;
    padding: 0.375rem 0;
    border-bottom: 1px solid rgba(255, 255, 255, 0.05);
}

.mock-ai-savings-item:last-child[b-oubxisew80] {
    border-bottom: none;
}

.mock-export-btn-violet[b-oubxisew80] {
    border-color: rgba(167, 139, 250, 0.2);
    color: #a78bfa;
}

.mock-export-btn-violet:hover[b-oubxisew80] {
    background: rgba(167, 139, 250, 0.1);
    border-color: rgba(167, 139, 250, 0.3);
}

/* ── Mock Upload Area ── */
.mock-upload-area[b-oubxisew80] {
    border: 2px dashed rgba(163, 230, 53, 0.25);
    border-radius: 0.75rem;
    padding: 1.5rem;
    text-align: center;
    margin-bottom: 1rem;
    background: rgba(163, 230, 53, 0.03);
    transition: border-color 0.3s, background 0.3s;
}

.mock-upload-text[b-oubxisew80] {
    color: #94a3b8;
    font-size: 0.85rem;
    font-weight: 500;
    margin-top: 0.5rem;
}

.mock-upload-hint[b-oubxisew80] {
    color: #64748b;
    font-size: 0.75rem;
    margin-top: 0.25rem;
}

/* ── Mock File List ── */
.mock-file-list[b-oubxisew80] {
    display: flex;
    flex-direction: column;
    gap: 0.5rem;
}

.mock-file-item[b-oubxisew80] {
    display: flex;
    align-items: center;
    gap: 0.75rem;
    padding: 0.65rem 0.75rem;
    border-radius: 0.5rem;
    background: rgba(15, 15, 26, 0.6);
    border: 1px solid rgba(45, 46, 68, 0.5);
}

.mock-file-icon[b-oubxisew80] {
    width: 2rem;
    height: 2rem;
    border-radius: 0.375rem;
    background: rgba(163, 230, 53, 0.08);
    display: flex;
    align-items: center;
    justify-content: center;
    color: #a3e635;
    flex-shrink: 0;
}

.mock-file-info[b-oubxisew80] {
    flex: 1;
    min-width: 0;
}

.mock-file-name[b-oubxisew80] {
    font-size: 0.8rem;
    color: white;
    font-weight: 500;
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis;
}

.mock-file-meta[b-oubxisew80] {
    font-size: 0.7rem;
    color: #64748b;
}

.mock-file-status[b-oubxisew80] {
    display: flex;
    align-items: center;
    gap: 0.35rem;
    font-size: 0.7rem;
    font-weight: 600;
    flex-shrink: 0;
}

.status-success[b-oubxisew80] {
    color: #a3e635;
}

.status-processing[b-oubxisew80] {
    color: #a3e635;
}

/* ── Mock Audit ── */
.mock-audit-summary[b-oubxisew80] {
    display: grid;
    grid-template-columns: repeat(3, 1fr);
    gap: 0.5rem;
    margin-bottom: 1rem;
}

.mock-audit-stat[b-oubxisew80] {
    text-align: center;
    padding: 0.65rem;
    border-radius: 0.5rem;
    background: rgba(15, 15, 26, 0.6);
    border: 1px solid rgba(45, 46, 68, 0.5);
}

.mock-audit-stat-value[b-oubxisew80] {
    font-size: 1.5rem;
    font-weight: 800;
}

.mock-audit-stat-label[b-oubxisew80] {
    font-size: 0.7rem;
    color: #64748b;
    margin-top: 0.125rem;
}

.mock-audit-list[b-oubxisew80] {
    display: flex;
    flex-direction: column;
    gap: 0.5rem;
}

.mock-audit-item[b-oubxisew80] {
    display: flex;
    align-items: center;
    gap: 0.65rem;
    padding: 0.6rem 0.75rem;
    border-radius: 0.5rem;
    background: rgba(15, 15, 26, 0.6);
    border: 1px solid rgba(45, 46, 68, 0.5);
}

.mock-audit-severity[b-oubxisew80] {
    width: 1.75rem;
    height: 1.75rem;
    border-radius: 50%;
    display: flex;
    align-items: center;
    justify-content: center;
    flex-shrink: 0;
}

.severity-warning[b-oubxisew80] {
    background: rgba(251, 191, 36, 0.15);
    color: #fbbf24;
}

.severity-error[b-oubxisew80] {
    background: rgba(248, 113, 113, 0.15);
    color: #f87171;
}

.severity-success[b-oubxisew80] {
    background: rgba(163, 230, 53, 0.15);
    color: #a3e635;
}

.mock-audit-info[b-oubxisew80] {
    flex: 1;
    min-width: 0;
}

.mock-audit-rule[b-oubxisew80] {
    font-size: 0.8rem;
    color: white;
    font-weight: 500;
}

.mock-audit-detail[b-oubxisew80] {
    font-size: 0.7rem;
    color: #64748b;
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis;
}

.mock-audit-tag[b-oubxisew80] {
    font-size: 0.65rem;
    font-weight: 700;
    padding: 0.2rem 0.5rem;
    border-radius: 9999px;
    flex-shrink: 0;
    text-transform: uppercase;
    letter-spacing: 0.03em;
}

.tag-warning[b-oubxisew80] {
    background: rgba(251, 191, 36, 0.12);
    color: #fbbf24;
}

.tag-error[b-oubxisew80] {
    background: rgba(248, 113, 113, 0.12);
    color: #f87171;
}

.tag-success[b-oubxisew80] {
    background: rgba(163, 230, 53, 0.12);
    color: #a3e635;
}

/* ── Mock Table (Fretes) ── */
.mock-table[b-oubxisew80] {
    border-radius: 0.5rem;
    overflow: hidden;
    border: 1px solid rgba(45, 46, 68, 0.5);
}

.mock-table-header[b-oubxisew80] {
    display: flex;
    padding: 0.6rem 0.75rem;
    background: rgba(15, 15, 26, 0.8);
    border-bottom: 1px solid rgba(45, 46, 68, 0.5);
}

.mock-th[b-oubxisew80] {
    font-size: 0.7rem;
    font-weight: 600;
    color: #64748b;
    text-transform: uppercase;
    letter-spacing: 0.05em;
}

.mock-table-row[b-oubxisew80] {
    display: flex;
    padding: 0.6rem 0.75rem;
    border-bottom: 1px solid rgba(45, 46, 68, 0.3);
    transition: background 0.2s;
}

.mock-table-row:last-child[b-oubxisew80] {
    border-bottom: none;
}

.mock-td[b-oubxisew80] {
    font-size: 0.8rem;
    color: #94a3b8;
}

.mock-status-pill[b-oubxisew80] {
    display: inline-block;
    font-size: 0.65rem;
    font-weight: 600;
    padding: 0.15rem 0.5rem;
    border-radius: 9999px;
}

.pill-green[b-oubxisew80] {
    background: rgba(163, 230, 53, 0.12);
    color: #a3e635;
}

.pill-blue[b-oubxisew80] {
    background: rgba(96, 165, 250, 0.12);
    color: #60a5fa;
}

.pill-yellow[b-oubxisew80] {
    background: rgba(251, 191, 36, 0.12);
    color: #fbbf24;
}

/* ── Mock Reports/Dashboard ── */
.mock-report-kpis[b-oubxisew80] {
    display: grid;
    grid-template-columns: 1fr 1fr;
    gap: 0.5rem;
    margin-bottom: 1rem;
}

.mock-report-kpi[b-oubxisew80] {
    padding: 0.75rem;
    border-radius: 0.5rem;
    background: rgba(15, 15, 26, 0.6);
    border: 1px solid rgba(45, 46, 68, 0.5);
}

.mock-report-kpi-label[b-oubxisew80] {
    font-size: 0.7rem;
    color: #64748b;
    margin-bottom: 0.25rem;
}

.mock-report-kpi-value[b-oubxisew80] {
    font-size: 1.25rem;
    font-weight: 800;
    color: white;
    margin-bottom: 0.5rem;
}

.mock-report-kpi-bar[b-oubxisew80] {
    height: 4px;
    border-radius: 4px;
    background: rgba(45, 46, 68, 0.5);
    overflow: hidden;
}

.mock-report-kpi-fill[b-oubxisew80] {
    height: 100%;
    border-radius: 4px;
    background: #22d3ee;
    transition: width 1.2s cubic-bezier(0.16, 1, 0.3, 1);
}

.mock-report-kpi-fill.fill-green[b-oubxisew80] {
    background: #a3e635;
}

.mock-report-chart[b-oubxisew80] {
    padding: 0.75rem;
    border-radius: 0.5rem;
    background: rgba(15, 15, 26, 0.6);
    border: 1px solid rgba(45, 46, 68, 0.5);
    margin-bottom: 0.75rem;
}

.mock-chart-label[b-oubxisew80] {
    font-size: 0.75rem;
    color: #94a3b8;
    font-weight: 500;
    margin-bottom: 0.75rem;
}

.mock-bar-chart[b-oubxisew80] {
    display: flex;
    align-items: flex-end;
    gap: 0.5rem;
    height: 6rem;
}

.mock-bar-group[b-oubxisew80] {
    flex: 1;
    display: flex;
    flex-direction: column;
    align-items: center;
    gap: 0.25rem;
    height: 100%;
}

.mock-bar-col[b-oubxisew80] {
    flex: 1;
    width: 100%;
    display: flex;
    flex-direction: column;
    justify-content: flex-end;
    gap: 2px;
}

.mock-bar[b-oubxisew80] {
    width: 100%;
    border-radius: 3px 3px 0 0;
    transform-origin: bottom;
}

.scroll-visible .mock-bar[b-oubxisew80] {
    animation: chartGrow-b-oubxisew80 0.8s ease-out forwards;
}

.bar-green[b-oubxisew80] {
    background: #a3e635;
}

.bar-cyan[b-oubxisew80] {
    background: #22d3ee;
    opacity: 0.7;
}

.mock-bar-label[b-oubxisew80] {
    font-size: 0.65rem;
    color: #64748b;
}

.mock-export-row[b-oubxisew80] {
    display: flex;
    gap: 0.5rem;
}

.mock-export-btn[b-oubxisew80] {
    flex: 1;
    display: flex;
    align-items: center;
    justify-content: center;
    gap: 0.35rem;
    padding: 0.5rem;
    border-radius: 0.375rem;
    background: rgba(15, 15, 26, 0.6);
    border: 1px solid rgba(45, 46, 68, 0.5);
    font-size: 0.75rem;
    font-weight: 600;
    color: #94a3b8;
    cursor: default;
    transition: border-color 0.3s, color 0.3s;
}

.mock-export-btn:hover[b-oubxisew80] {
    border-color: rgba(163, 230, 53, 0.3);
    color: #a3e635;
}

/* ── Mock Validation (Tabela de Preço) ── */
.mock-validation-header[b-oubxisew80] {
    display: flex;
    align-items: center;
    justify-content: space-between;
    margin-bottom: 0.75rem;
    flex-wrap: wrap;
    gap: 0.5rem;
}

.mock-validation-title[b-oubxisew80] {
    font-size: 0.85rem;
    font-weight: 600;
    color: white;
}

.mock-validation-badge[b-oubxisew80] {
    font-size: 0.7rem;
    font-weight: 700;
    padding: 0.2rem 0.6rem;
    border-radius: 9999px;
    background: rgba(248, 113, 113, 0.12);
    color: #f87171;
}

.mock-row-highlight[b-oubxisew80] {
    background: rgba(248, 113, 113, 0.04);
    border-left: 2px solid #f87171;
}

.mock-td-alert[b-oubxisew80] {
    display: flex;
    align-items: center;
    gap: 0.25rem;
    color: #f87171 !important;
    font-weight: 600 !important;
}

.pill-red[b-oubxisew80] {
    background: rgba(248, 113, 113, 0.12);
    color: #f87171;
}

.mock-validation-footer[b-oubxisew80] {
    display: flex;
    align-items: center;
    justify-content: space-between;
    margin-top: 0.75rem;
    padding: 0.65rem 0.75rem;
    border-radius: 0.5rem;
    background: rgba(248, 113, 113, 0.06);
    border: 1px solid rgba(248, 113, 113, 0.15);
}

.mock-validation-total-label[b-oubxisew80] {
    font-size: 0.8rem;
    color: #94a3b8;
    font-weight: 500;
}

.mock-validation-total-value[b-oubxisew80] {
    font-size: 1.1rem;
    font-weight: 800;
    color: #f87171;
}

/* ── Mobile responsive for workflow sections ── */
@media (max-width: 1023px) {
    .workflow-section[b-oubxisew80] {
        padding: 4rem 0;
    }

    .workflow-grid-reverse .workflow-text[b-oubxisew80],
    .workflow-grid-reverse .workflow-mockup-wrapper[b-oubxisew80] {
        order: unset;
    }

    .workflow-title[b-oubxisew80] {
        font-size: 1.5rem;
    }

    .mock-audit-detail[b-oubxisew80],
    .mock-file-name[b-oubxisew80] {
        max-width: 140px;
    }
}

/* =================================================================
   SCROLL BEHAVIOR
   ================================================================= */

html[b-oubxisew80] {
    scroll-behavior: smooth;
}

/* =================================================================
   SCROLLBAR (global via ::deep)
   ================================================================= */

[b-oubxisew80] ::-webkit-scrollbar {
    width: 8px;
}

[b-oubxisew80] ::-webkit-scrollbar-track {
    background: #0f0f1a;
}

[b-oubxisew80] ::-webkit-scrollbar-thumb {
    background: #2d2e44;
    border-radius: 4px;
}

[b-oubxisew80] ::-webkit-scrollbar-thumb:hover {
    background: #a3e635;
}
/* _content/Logistikk.Web/Components/Shared/InfoCalculo.razor.rz.scp.css */
.info-calculo-container[b-dyyzsxqmdb] {
    display: inline-flex;
}

.info-calculo-btn[b-dyyzsxqmdb] {
    display: inline-flex;
    align-items: center;
    gap: 6px;
    padding: 6px 12px;
    background: rgba(163, 230, 53, 0.1);
    color: #a3e635;
    border: 1px solid rgba(163, 230, 53, 0.2);
    border-radius: 8px;
    font-size: 12px;
    font-family: var(--font-family);
    font-weight: 500;
    cursor: pointer;
    transition: all 0.2s ease;
}

.info-calculo-btn:hover[b-dyyzsxqmdb] {
    background: rgba(163, 230, 53, 0.2);
    border-color: rgba(163, 230, 53, 0.4);
}

/* Modal Overlay */
.info-calculo-overlay[b-dyyzsxqmdb] {
    position: fixed;
    inset: 0;
    background: rgba(0, 0, 0, 0.6);
    backdrop-filter: blur(4px);
    display: flex;
    align-items: center;
    justify-content: center;
    z-index: 9999;
    animation: fadeIn-b-dyyzsxqmdb 0.15s ease;
}

@keyframes fadeIn-b-dyyzsxqmdb { from { opacity: 0; } to { opacity: 1; } }

.info-calculo-modal[b-dyyzsxqmdb] {
    background: var(--bg-card, #1a1a2e);
    border: 1px solid var(--border, #2d2d44);
    border-radius: 16px;
    width: 90%;
    max-width: 600px;
    max-height: 80vh;
    display: flex;
    flex-direction: column;
    box-shadow: 0 20px 60px rgba(0, 0, 0, 0.5);
    animation: slideUp-b-dyyzsxqmdb 0.2s ease;
}

@keyframes slideUp-b-dyyzsxqmdb { from { transform: translateY(20px); opacity: 0; } to { transform: translateY(0); opacity: 1; } }

.info-calculo-header[b-dyyzsxqmdb] {
    display: flex;
    align-items: center;
    gap: 10px;
    padding: 16px 20px;
    border-bottom: 1px solid var(--border, #2d2d44);
    color: #a3e635;
}

.info-calculo-header h3[b-dyyzsxqmdb] {
    flex: 1;
    margin: 0;
    font-size: 16px;
    font-weight: 600;
    color: var(--text-heading, #f0f0f0);
}

.info-calculo-close[b-dyyzsxqmdb] {
    background: none;
    border: none;
    color: var(--text-muted, #666);
    cursor: pointer;
    padding: 4px;
    border-radius: 6px;
    transition: all 0.2s ease;
}

.info-calculo-close:hover[b-dyyzsxqmdb] {
    background: rgba(239, 68, 68, 0.15);
    color: #ef4444;
}

.info-calculo-body[b-dyyzsxqmdb] {
    padding: 16px 20px;
    overflow-y: auto;
    display: flex;
    flex-direction: column;
    gap: 12px;
}

.info-calculo-campo[b-dyyzsxqmdb] {
    background: var(--bg-secondary, #12121e);
    border: 1px solid var(--border, #2d2d44);
    border-radius: 10px;
    padding: 14px;
}

.info-calculo-campo-nome[b-dyyzsxqmdb] {
    font-size: 13px;
    font-weight: 600;
    color: #a3e635;
    margin-bottom: 6px;
}

.info-calculo-campo-formula[b-dyyzsxqmdb] {
    font-family: 'Courier New', monospace;
    font-size: 13px;
    color: var(--text-heading, #f0f0f0);
    background: rgba(0, 0, 0, 0.3);
    padding: 8px 12px;
    border-radius: 6px;
    margin-bottom: 8px;
    line-height: 1.5;
}

.info-calculo-campo-origem[b-dyyzsxqmdb],
.info-calculo-campo-condicao[b-dyyzsxqmdb] {
    font-size: 12px;
    color: var(--text-secondary, #999);
    margin-top: 4px;
    line-height: 1.4;
}

.info-calculo-tag[b-dyyzsxqmdb] {
    display: inline-block;
    padding: 1px 6px;
    border-radius: 4px;
    font-size: 10px;
    font-weight: 600;
    text-transform: uppercase;
    letter-spacing: 0.5px;
    background: rgba(96, 165, 250, 0.15);
    color: #60a5fa;
    margin-right: 4px;
}

.tag-condicao[b-dyyzsxqmdb] {
    background: rgba(251, 146, 60, 0.15);
    color: #fb923c;
}

.info-calculo-footer[b-dyyzsxqmdb] {
    padding: 12px 20px;
    border-top: 1px solid var(--border, #2d2d44);
    display: flex;
    justify-content: flex-end;
}

.info-calculo-btn-fechar[b-dyyzsxqmdb] {
    padding: 8px 20px;
    background: #a3e635;
    color: #0f0f1a;
    border: none;
    border-radius: 8px;
    font-size: 13px;
    font-weight: 600;
    font-family: var(--font-family);
    cursor: pointer;
    transition: all 0.2s ease;
}

.info-calculo-btn-fechar:hover[b-dyyzsxqmdb] {
    background: #bef264;
}
/* _content/Logistikk.Web/Components/Shared/KpiCard.razor.rz.scp.css */
.kpi-card[b-pockq38qyl] {
    display: flex;
    align-items: center;
    gap: 16px;
    background: var(--bg-card);
    border: 1px solid var(--border);
    border-radius: 12px;
    padding: 20px 24px;
    position: relative;
}

.kpi-icon[b-pockq38qyl] {
    width: 40px;
    height: 40px;
    border-radius: 10px;
    display: flex;
    align-items: center;
    justify-content: center;
    flex-shrink: 0;
    padding: 10px;
}

.kpi-icon :deep(svg)[b-pockq38qyl] {
    width: 18px;
    height: 18px;
}

.kpi-info[b-pockq38qyl] {
    display: flex;
    flex-direction: column;
    gap: 2px;
    flex: 1;
    min-width: 0;
}

.kpi-label[b-pockq38qyl] {
    font-size: 13px;
    color: var(--text-secondary);
    font-weight: 500;
}

.kpi-value[b-pockq38qyl] {
    font-size: 24px;
    font-weight: 700;
    color: var(--text-primary);
    line-height: 1.2;
}

.kpi-subtitle[b-pockq38qyl] {
    font-size: 12px;
    color: var(--text-muted);
    font-weight: 400;
}

.kpi-change[b-pockq38qyl] {
    font-size: 12px;
    font-weight: 600;
}

.kpi-change.positiva[b-pockq38qyl] {
    color: var(--accent);
}

.kpi-change.negativa[b-pockq38qyl] {
    color: #ef4444;
}

/* Info Button */
.kpi-info-btn[b-pockq38qyl] {
    position: absolute;
    top: 8px;
    right: 8px;
    background: rgba(255, 255, 255, 0.1);
    border: none;
    color: var(--text-secondary);
    cursor: pointer;
    padding: 4px;
    border-radius: 50%;
    display: flex;
    align-items: center;
    justify-content: center;
    transition: all 0.2s ease;
    z-index: 1;
}

.kpi-info-btn:hover[b-pockq38qyl] {
    color: var(--text-primary);
    background: rgba(255, 255, 255, 0.2);
}

/* Engrenagem Button (Admin Geral only) */
.kpi-engrenagem-btn[b-pockq38qyl] {
    position: absolute;
    top: 8px;
    right: 32px;
    background: rgba(163, 230, 53, 0.15);
    border: none;
    color: #a3e635;
    cursor: pointer;
    padding: 4px;
    border-radius: 50%;
    display: flex;
    align-items: center;
    justify-content: center;
    transition: all 0.2s ease;
    z-index: 1;
}

.kpi-engrenagem-btn:hover[b-pockq38qyl] {
    color: #bef264;
    background: rgba(163, 230, 53, 0.3);
}

/* Modal Overlay */
.kpi-modal-overlay[b-pockq38qyl] {
    position: fixed;
    inset: 0;
    background: rgba(0, 0, 0, 0.5);
    backdrop-filter: blur(4px);
    display: flex;
    align-items: center;
    justify-content: center;
    z-index: 10000;
    animation: fadeIn-b-pockq38qyl 0.2s ease;
}

@keyframes fadeIn-b-pockq38qyl {
    from { opacity: 0; }
    to { opacity: 1; }
}

@keyframes slideUp-b-pockq38qyl {
    from { opacity: 0; transform: translateY(20px) scale(0.95); }
    to { opacity: 1; transform: translateY(0) scale(1); }
}

/* Modal */
.kpi-modal[b-pockq38qyl] {
    background: var(--bg-card);
    border: 1px solid var(--border);
    border-radius: 16px;
    width: 420px;
    max-width: 90vw;
    box-shadow: 0 20px 60px rgba(0, 0, 0, 0.4);
    animation: slideUp-b-pockq38qyl 0.25s ease;
    overflow: hidden;
}

.kpi-modal-header[b-pockq38qyl] {
    display: flex;
    align-items: center;
    gap: 12px;
    padding: 20px 24px 16px;
    border-bottom: 1px solid var(--border);
}

.kpi-modal-header-icon[b-pockq38qyl] {
    width: 36px;
    height: 36px;
    border-radius: 10px;
    display: flex;
    align-items: center;
    justify-content: center;
    flex-shrink: 0;
}

.kpi-modal-header h3[b-pockq38qyl] {
    margin: 0;
    font-size: 18px;
    font-weight: 700;
    color: var(--text-heading);
    flex: 1;
}

.kpi-modal-close[b-pockq38qyl] {
    background: transparent;
    border: none;
    color: var(--text-muted);
    cursor: pointer;
    padding: 6px;
    border-radius: 8px;
    display: flex;
    align-items: center;
    justify-content: center;
    transition: all 0.2s ease;
}

.kpi-modal-close:hover[b-pockq38qyl] {
    background: var(--bg-secondary);
    color: var(--text-primary);
}

.kpi-modal-body[b-pockq38qyl] {
    padding: 20px 24px;
    display: flex;
    flex-direction: column;
    gap: 20px;
}

.kpi-modal-section-label[b-pockq38qyl] {
    display: flex;
    align-items: center;
    gap: 6px;
    font-size: 11px;
    font-weight: 700;
    text-transform: uppercase;
    letter-spacing: 1px;
    color: var(--text-muted);
    margin-bottom: 8px;
}

.kpi-modal-formula-box[b-pockq38qyl] {
    background: rgba(129, 140, 248, 0.08);
    border: 1px solid rgba(129, 140, 248, 0.2);
    border-radius: 10px;
    padding: 12px 16px;
    font-size: 14px;
    color: var(--text-heading);
    font-weight: 500;
}

.kpi-modal-exemplo-box[b-pockq38qyl] {
    background: rgba(251, 191, 36, 0.08);
    border: 1px solid rgba(251, 191, 36, 0.2);
    border-radius: 10px;
    padding: 12px 16px;
    font-size: 14px;
    color: var(--text-heading);
    font-weight: 500;
}

.kpi-modal-descricao[b-pockq38qyl] {
    margin: 0;
    font-size: 14px;
    color: var(--text-secondary);
    line-height: 1.6;
}

.kpi-modal-footer[b-pockq38qyl] {
    padding: 16px 24px 20px;
    display: flex;
    justify-content: flex-end;
}

.kpi-modal-btn-entendi[b-pockq38qyl] {
    color: #fff;
    border: none;
    border-radius: 10px;
    padding: 10px 28px;
    font-size: 14px;
    font-weight: 600;
    font-family: var(--font-family);
    cursor: pointer;
    transition: all 0.2s ease;
}

.kpi-modal-btn-entendi:hover[b-pockq38qyl] {
    filter: brightness(1.15);
    transform: translateY(-1px);
}