/* _content/VeiculoSeguroBlazor/Components/Layout/MainLayout.razor.rz.scp.css */
/* Top Bar Styles */
.top-bar[b-ra6epdgda6] {
    position: fixed;
    top: 0;
    left: 0;
    right: 0;
    height: 50px;
    margin-left: 240px;
    z-index: 1030;
    background: #0F2A47;
    color: #FFFFFF;
    display: flex;
    align-items: center;
    justify-content: space-between;
    padding: 0 16px;
    box-shadow: 0 4px 6px -1px rgba(0, 0, 0, 0.1), 0 2px 4px -1px rgba(0, 0, 0, 0.06);
    transition: margin-left 0.3s ease;
}


.nav-sidebar.collapsed ~ header.top-bar[b-ra6epdgda6],
.nav-sidebar.collapsed[b-ra6epdgda6] ~  .top-bar {
    margin-left: 70px;
}


.top-bar .logo-container[b-ra6epdgda6] {
    display: flex;
    align-items: center;
}

.top-bar .logo-icon[b-ra6epdgda6] {
    width: 24px;
    height: 24px;
    fill: #FFFFFF;
    flex-shrink: 0;
    filter: drop-shadow(0 0 2px rgba(255, 255, 255, 0.4));
}

.top-bar .logo-text[b-ra6epdgda6] {
    margin-left: 12px;
    font-weight: 600;
    font-size: 16px;
    white-space: nowrap;
}

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

.user-name[b-ra6epdgda6] {
    font-size: 14px;
    font-weight: 500;
}

.user-avatar[b-ra6epdgda6] {
    width: 32px;
    height: 32px;
    border-radius: 50%;
    background-color: rgba(38, 89, 133, 0.2);
    display: flex;
    align-items: center;
    justify-content: center;
    overflow: hidden;
}

.user-avatar svg[b-ra6epdgda6] {
    width: 20px;
    height: 20px;
    fill: #f8fafc;
}

.logout-button[b-ra6epdgda6] {
    background: transparent;
    border: none;
    width: 32px;
    height: 32px;
    display: flex;
    align-items: center;
    justify-content: center;
    cursor: pointer;
    color: #f8fafc;
    transition: all 0.3s ease;
    border-radius: 4px;
    position: relative;
    overflow: hidden;
}

.logout-button:hover[b-ra6epdgda6] {
    background-color: rgba(15, 42, 71, 0.2);
    transform: translateY(-2px);
    box-shadow: 0 4px 8px rgba(0, 0, 0, 0.2);
}

.logout-button:active[b-ra6epdgda6] {
    transform: translateY(0);
    box-shadow: 0 2px 4px rgba(0, 0, 0, 0.1);
}

.logout-button svg[b-ra6epdgda6] {
    width: 18px;
    height: 18px;
    fill: currentColor;
}

/* Layout Styles */
main.main-content[b-ra6epdgda6] {
    margin-top: 50px;
    margin-left: 240px;
    flex: 1;
    padding: 24px;
    min-height: 100vh;
    transition: margin-left 0.3s ease;
}

/* Conteúdo Principal */
[b-ra6epdgda6] .main-content {
    margin-left: 240px;
    transition: margin-left 0.3s ease;
}

.nav-sidebar.collapsed ~ main.main-content[b-ra6epdgda6],
.nav-sidebar.collapsed[b-ra6epdgda6] ~  .main-content {
    margin-left: 70px;
}

.content[b-ra6epdgda6] {
    max-width: 1400px;
    margin: 0 auto;
}

article[b-ra6epdgda6] {
    background-color: #fff;
    border-radius: 12px;
    box-shadow: 0 4px 20px rgba(0, 0, 0, 0.08);
    padding: 24px !important;
    transition: all 0.3s ease;
}

article:hover[b-ra6epdgda6] {
    box-shadow: 0 8px 30px rgba(0, 0, 0, 0.12);
}

#blazor-error-ui[b-ra6epdgda6] {
    background: lightyellow;
    bottom: 0;
    box-shadow: 0 -1px 2px rgba(0, 0, 0, 0.2);
    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-ra6epdgda6] {
    cursor: pointer;
    position: absolute;
    right: 0.75rem;
    top: 0.5rem;
}

/* Media Queries */
@media (max-width: 991px) {
    /* Esconder top-bar em mobile - mobile-header substitui */
    .top-bar[b-ra6epdgda6] {
        display: none;
    }
    
    main.main-content[b-ra6epdgda6] {
        margin-left: 0;
        padding-top: calc(24px + 50px); /* Add space for mobile header */
    }
    
    /* Ensure top bar stays full width even when sidebar is collapsed in mobile */
    
    /* Keep content at full width in mobile regardless of sidebar state */
    [b-ra6epdgda6] .main-content {
        margin-left: 0;
    }
}

@media (max-width: 640px) {
    main.main-content[b-ra6epdgda6] {
        padding: 16px;
    }
    
    article[b-ra6epdgda6] {
        padding: 16px !important;
    }
}
/* _content/VeiculoSeguroBlazor/Components/Layout/NavMenu.razor.rz.scp.css */
/* Navegação Lateral */
.nav-sidebar[b-yeiqb0fujo] {
    position: fixed;
    top: 0;
    left: 0;
    height: 100%;
    width: 240px;
    background: #0F2A47;
    color: #FFFFFF;
    display: flex;
    flex-direction: column;
    transition: all 0.3s ease;
    box-shadow: 0 4px 6px -1px rgba(0, 0, 0, 0.1), 0 2px 4px -1px rgba(0, 0, 0, 0.06);
}

.nav-sidebar.collapsed[b-yeiqb0fujo] {
    width: 70px;
}

.nav-header[b-yeiqb0fujo] {
    height: 50px;
    display: flex;
    align-items: center;
    justify-content: flex-start;
    padding: 0 16px;
    border-bottom: 1px solid rgba(255, 255, 255, 0.1);
}

.logo-container[b-yeiqb0fujo] {
    display: flex;
    align-items: center;
    overflow: hidden;
}

.logo-icon[b-yeiqb0fujo] {
    width: 24px;
    height: 24px;
    fill: #265985;
    flex-shrink: 0;
}

.logo-text[b-yeiqb0fujo] {
    margin-left: 12px;
    font-weight: 600;
    font-size: 18px;
    white-space: nowrap;
    transition: all 0.3s ease;
}

.toggle-sidebar[b-yeiqb0fujo] {
    width: 32px;
    height: 32px;
    background: transparent;
    border: none;
    cursor: pointer;
    position: relative;
    display: flex;
    flex-direction: column;
    justify-content: center;
    gap: 6px;
}

.toggle-sidebar span[b-yeiqb0fujo] {
    display: block;
    width: 20px;
    height: 2px;
    background-color: #f8fafc;
    transition: all 0.3s ease;
}

.nav-links[b-yeiqb0fujo] {
    flex: 1;
    overflow-y: auto;
    overflow-x: hidden;
    padding-bottom: 8px;
}

/* Estilização customizada da scrollbar */
.nav-links[b-yeiqb0fujo]::-webkit-scrollbar {
    width: 6px;
}

.nav-links[b-yeiqb0fujo]::-webkit-scrollbar-track {
    background: rgba(255, 255, 255, 0.05);
    border-radius: 3px;
}

.nav-links[b-yeiqb0fujo]::-webkit-scrollbar-thumb {
    background: rgba(255, 255, 255, 0.2);
    border-radius: 3px;
    transition: background 0.3s ease;
}

.nav-links[b-yeiqb0fujo]::-webkit-scrollbar-thumb:hover {
    background: rgba(255, 255, 255, 0.3);
}

/* Firefox scrollbar */
.nav-links[b-yeiqb0fujo] {
    scrollbar-width: thin;
    scrollbar-color: rgba(255, 255, 255, 0.2) rgba(255, 255, 255, 0.05);
}

.nav-auth[b-yeiqb0fujo] {
    border-top: 1px solid rgba(255, 255, 255, 0.1);
    padding: 16px 0;
}

[b-yeiqb0fujo] .nav-item {
    display: flex;
    align-items: center;
    padding: 10px 16px;
    transition: all 0.3s ease;
    position: relative;
    overflow: hidden;
    margin: 3px 6px;
    border-radius: 6px;
    text-decoration: none !important;
    color: #f8fafc !important;
    font-size: 13px;
}

[b-yeiqb0fujo] .nav-item:hover {
    background-color: rgba(255, 255, 255, 0.12);
}

[b-yeiqb0fujo] .nav-item.active {
    background-color: rgba(38, 89, 133, 0.2);
}

[b-yeiqb0fujo] .nav-item.active::before {
    content: '';
    position: absolute;
    left: 0;
    top: 0;
    bottom: 0;
    width: 3px;
    background-color: #265985;
}

[b-yeiqb0fujo] .nav-icon {
    width: 20px;
    height: 20px;
    fill: currentColor;
    margin-right: 16px;
    flex-shrink: 0;
}

[b-yeiqb0fujo] .nav-item span {
    transition: all 0.3s ease;
    white-space: nowrap;
}

.nav-sidebar.collapsed[b-yeiqb0fujo]  .logo-text,
.nav-sidebar.collapsed[b-yeiqb0fujo]  .nav-item span {
    opacity: 0;
    transform: translateX(10px);
    visibility: hidden;
}

[b-yeiqb0fujo] .nav-item.accent {
    background-color: rgba(38, 89, 133, 0.15);
}

[b-yeiqb0fujo] .nav-item.accent:hover {
    background-color: rgba(38, 89, 133, 0.3);
}

/* Seção de título para administração */
.nav-section-title[b-yeiqb0fujo] {
    display: block;
    padding: 0.4rem 0 0.2rem 1rem;
    color: rgba(255, 255, 255, 0.5);
    font-size: 0.75rem;
    font-weight: 500;
    text-transform: uppercase;
    margin-top: 8px;
}

.nav-sidebar.collapsed .nav-section-title[b-yeiqb0fujo] {
    opacity: 0;
    visibility: hidden;
}

/* Esconder elementos apenas para mobile na visualização desktop */
.mobile-only[b-yeiqb0fujo] {
    display: none;
}

/* Cabeçalho Mobile */
.mobile-header[b-yeiqb0fujo] {
    display: none;
    position: fixed;
    top: 0;
    left: 0;
    width: 100%;
    height: 50px;
    background: #265985;
    color: #FFFFFF;
    z-index: 1040; /* Acima da top-bar para garantir visibilidade */
    padding: 0 16px;
    align-items: center;
    justify-content: space-between;
    box-shadow: 0 4px 6px -1px rgba(0, 0, 0, 0.1), 0 2px 4px -1px rgba(0, 0, 0, 0.06);
}

.mobile-header-left[b-yeiqb0fujo] {
    display: flex;
    align-items: center;
}

.mobile-header .logo-container[b-yeiqb0fujo] {
    display: flex;
    align-items: center;
    margin-left: 8px;
}

.mobile-header .logo-container svg[b-yeiqb0fujo] {
    width: 24px;
    height: 24px;
    flex-shrink: 0;
}

.mobile-header .logo-text[b-yeiqb0fujo] {
    margin-left: 8px;
    font-weight: 600;
    font-size: 14px;
    white-space: nowrap;
}

.mobile-header-right[b-yeiqb0fujo] {
    display: flex;
    align-items: center;
    gap: 8px;
}

.mobile-header .logout-button[b-yeiqb0fujo] {
    background: transparent;
    border: none;
    width: 32px;
    height: 32px;
    display: flex;
    align-items: center;
    justify-content: center;
    cursor: pointer;
    color: #f8fafc;
    border-radius: 4px;
    transition: background-color 0.2s ease;
}

.mobile-header .logout-button:hover[b-yeiqb0fujo] {
    background-color: rgba(255, 255, 255, 0.1);
}

.mobile-header .logout-button svg[b-yeiqb0fujo] {
    width: 18px;
    height: 18px;
    fill: currentColor;
}

.mobile-toggle[b-yeiqb0fujo] {
    width: 40px;
    height: 40px;
    background: transparent;
    border: none;
    cursor: pointer;
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    gap: 6px;
}

.mobile-toggle span[b-yeiqb0fujo] {
    display: block;
    width: 24px;
    height: 2px;
    background-color: #f8fafc;
    transition: all 0.3s ease;
}

.overlay[b-yeiqb0fujo] {
    position: fixed;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    background-color: rgba(0, 0, 0, 0.5);
    z-index: 90;
    opacity: 0;
    visibility: hidden;
    transition: all 0.3s ease;
    backdrop-filter: blur(2px);
}

.overlay.active[b-yeiqb0fujo] {
    opacity: 1;
    visibility: visible;
}

/* Conteúdo Principal - movido para MainLayout.css */

/* Media Queries para responsividade */
@media (max-width: 991px) {
    .nav-sidebar[b-yeiqb0fujo] {
        transform: translateX(-100%);
        z-index: 300; /* Mantemos o z-index apenas para a versão mobile */
    }

    .nav-sidebar.mobile-open[b-yeiqb0fujo] {
        transform: translateX(0);
    }

    .mobile-header[b-yeiqb0fujo] {
        display: flex;
    }

    /* Mostrar elementos mobile-only apenas na visualização móvel */
    .mobile-only[b-yeiqb0fujo] {
        display: block;
    }

    /* Ajustar o botão de menu hamburger */
    .mobile-toggle[b-yeiqb0fujo] {
        width: 32px;
        height: 32px;
        display: flex;
        align-items: center;
        justify-content: center;
    }

    .mobile-toggle span[b-yeiqb0fujo] {
        width: 20px;
    }

    /* Mobile main content adjustments moved to MainLayout.css */
}

/* Mobile extra small (< 375px) - ocultar logo text */
@media (max-width: 374px) {
    .mobile-header .logo-text[b-yeiqb0fujo] {
        display: none;
    }
}
/* _content/VeiculoSeguroBlazor/Components/Pages/Admin/ConsultasAdmin.razor.rz.scp.css */
/* ========================================
   Consultas Admin Page Styles
   ======================================== */

.consultas-admin-container[b-54075i1bhs] {
    padding: 24px;
    max-width: 1600px;
    margin: 0 auto;
}

/* Header */
.page-header[b-54075i1bhs] {
    display: flex;
    justify-content: space-between;
    align-items: flex-start;
    margin-bottom: 24px;
}

.page-header h1[b-54075i1bhs] {
    font-size: 1.75rem;
    font-weight: 700;
    color: #14365C;
    margin: 0;
}

.page-header .text-muted[b-54075i1bhs] {
    font-size: 0.9rem;
}

.header-actions[b-54075i1bhs] {
    display: flex;
    gap: 12px;
}

/* Animação de loading */
.spin[b-54075i1bhs] {
    animation: spin-b-54075i1bhs 1s linear infinite;
}

@keyframes spin-b-54075i1bhs {
    from { transform: rotate(0deg); }
    to { transform: rotate(360deg); }
}

/* Metrics Grid */
.metrics-grid[b-54075i1bhs] {
    display: grid;
    grid-template-columns: repeat(4, 1fr);
    gap: 20px;
    margin-bottom: 24px;
}

@media (max-width: 1200px) {
    .metrics-grid[b-54075i1bhs] {
        grid-template-columns: repeat(2, 1fr);
    }
}

@media (max-width: 576px) {
    .metrics-grid[b-54075i1bhs] {
        grid-template-columns: 1fr;
    }
}

/* Content Layout */
.content-layout[b-54075i1bhs] {
    display: grid;
    grid-template-columns: 320px 1fr;
    gap: 24px;
}

@media (max-width: 992px) {
    .content-layout[b-54075i1bhs] {
        grid-template-columns: 1fr;
    }
}

/* Admin Card */
.admin-card[b-54075i1bhs] {
    background: #fff;
    border-radius: 12px;
    box-shadow: 0 4px 20px rgba(0, 0, 0, 0.08);
    overflow: hidden;
}

.admin-header[b-54075i1bhs] {
    background: linear-gradient(135deg, #14365C 0%, #1e2b4a 100%);
    color: #fff;
    padding: 16px 20px;
}

.admin-header h5[b-54075i1bhs] {
    margin: 0;
    font-size: 1rem;
    font-weight: 600;
}

.card-body[b-54075i1bhs] {
    padding: 20px;
}

/* Clients Panel */
.clients-panel .admin-card[b-54075i1bhs] {
    position: sticky;
    top: 24px;
}

.search-container[b-54075i1bhs] {
    position: relative;
}

.search-icon[b-54075i1bhs] {
    position: absolute;
    left: 12px;
    top: 50%;
    transform: translateY(-50%);
    color: #9ca3af;
}

.search-input[b-54075i1bhs] {
    padding-left: 36px;
}

.clients-list[b-54075i1bhs] {
    max-height: 500px;
    overflow-y: auto;
}

.client-item[b-54075i1bhs] {
    display: flex;
    justify-content: space-between;
    align-items: center;
    padding: 12px 16px;
    border-radius: 8px;
    cursor: pointer;
    transition: all 0.2s ease;
    margin-bottom: 8px;
    border: 1px solid #e5e7eb;
}

.client-item:hover[b-54075i1bhs] {
    background-color: #f0f9ff;
    border-color: #60a5fa;
}

.client-item.selected[b-54075i1bhs] {
    background-color: #dbeafe;
    border-color: #3b82f6;
}

.client-info[b-54075i1bhs] {
    flex: 1;
    min-width: 0;
}

.client-name[b-54075i1bhs] {
    font-weight: 600;
    color: #1f2937;
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis;
}

.client-cnpj[b-54075i1bhs] {
    font-size: 0.8rem;
    color: #6b7280;
}

/* Empty State */
.empty-state[b-54075i1bhs] {
    display: flex;
    flex-direction: column;
    align-items: center;
    justify-content: center;
    padding: 80px 40px;
    background: #fff;
    border-radius: 12px;
    box-shadow: 0 4px 20px rgba(0, 0, 0, 0.08);
    text-align: center;
}

.empty-state i[b-54075i1bhs] {
    font-size: 4rem;
    color: #d1d5db;
    margin-bottom: 16px;
}

.empty-state h4[b-54075i1bhs] {
    color: #374151;
    margin-bottom: 8px;
}

.empty-state p[b-54075i1bhs] {
    color: #6b7280;
    margin: 0;
}

/* Filters Row */
.filters-row[b-54075i1bhs] {
    display: flex;
    gap: 16px;
    flex-wrap: wrap;
}

.filter-group[b-54075i1bhs] {
    display: flex;
    flex-direction: column;
    gap: 4px;
    min-width: 150px;
}

.filter-group label[b-54075i1bhs] {
    font-size: 0.8rem;
    font-weight: 500;
    color: #6b7280;
}

/* Report Table */
.report-table[b-54075i1bhs] {
    width: 100%;
    border-collapse: separate;
    border-spacing: 0;
}

.report-table thead th[b-54075i1bhs] {
    background-color: #f8fafc;
    padding: 12px 16px;
    text-align: left;
    font-weight: 600;
    font-size: 0.85rem;
    color: #475569;
    border-bottom: 2px solid #e2e8f0;
}

.report-table tbody td[b-54075i1bhs] {
    padding: 12px 16px;
    border-bottom: 1px solid #e5e7eb;
    vertical-align: middle;
}

.report-table tbody tr:hover[b-54075i1bhs] {
    background-color: #f8fafc;
}

/* Pagination */
.pagination-container[b-54075i1bhs] {
    border-top: 1px solid #e5e7eb;
    padding-top: 16px;
}

/* Modal Customizations */
.modal-content[b-54075i1bhs] {
    border: none;
    border-radius: 12px;
    overflow: hidden;
}

.modal-header[b-54075i1bhs] {
    border-bottom: none;
}

.modal-footer[b-54075i1bhs] {
    border-top: 1px solid #e5e7eb;
    background-color: #f8fafc;
}

.consulta-info-bar[b-54075i1bhs] {
    display: flex;
    flex-wrap: wrap;
    gap: 16px;
    padding: 12px 16px;
    background-color: #f8fafc;
    border-radius: 8px;
    font-size: 0.9rem;
    color: #4b5563;
}

.consulta-info-bar span[b-54075i1bhs] {
    display: flex;
    align-items: center;
    gap: 4px;
}

/* Nav tabs in modal */
.nav-tabs[b-54075i1bhs] {
    border-bottom: 2px solid #e5e7eb;
}

.nav-tabs .nav-link[b-54075i1bhs] {
    color: #6b7280;
    border: none;
    border-bottom: 2px solid transparent;
    margin-bottom: -2px;
    padding: 10px 16px;
    font-size: 0.9rem;
}

.nav-tabs .nav-link:hover[b-54075i1bhs] {
    color: #3b82f6;
    border-color: transparent;
}

.nav-tabs .nav-link.active[b-54075i1bhs] {
    color: #3b82f6;
    background: none;
    border-bottom-color: #3b82f6;
}

.tab-content[b-54075i1bhs] {
    height: 450px;
    overflow: hidden;
}

/* Toast */
.toast-container[b-54075i1bhs] {
    z-index: 1100;
}

.toast[b-54075i1bhs] {
    border: none;
    border-radius: 8px;
    box-shadow: 0 4px 20px rgba(0, 0, 0, 0.15);
}

/* Scrollbar styling for clients list */
.clients-list[b-54075i1bhs]::-webkit-scrollbar {
    width: 6px;
}

.clients-list[b-54075i1bhs]::-webkit-scrollbar-track {
    background: #f1f5f9;
    border-radius: 3px;
}

.clients-list[b-54075i1bhs]::-webkit-scrollbar-thumb {
    background: #cbd5e1;
    border-radius: 3px;
}

.clients-list[b-54075i1bhs]::-webkit-scrollbar-thumb:hover {
    background: #94a3b8;
}

/* Responsive */
@media (max-width: 768px) {
    .consultas-admin-container[b-54075i1bhs] {
        padding: 16px;
    }

    .page-header[b-54075i1bhs] {
        flex-direction: column;
        gap: 16px;
    }

    .filters-row[b-54075i1bhs] {
        flex-direction: column;
    }

    .filter-group[b-54075i1bhs] {
        width: 100%;
    }

    .report-table[b-54075i1bhs] {
        font-size: 0.85rem;
    }

    .report-table thead th[b-54075i1bhs],
    .report-table tbody td[b-54075i1bhs] {
        padding: 8px 12px;
    }

    .consulta-info-bar[b-54075i1bhs] {
        flex-direction: column;
        gap: 8px;
    }
}
/* _content/VeiculoSeguroBlazor/Components/Pages/Admin/ConsultasClientes.razor.rz.scp.css */
.consultas-clientes-container[b-72ni62nigo] {
    padding: 2rem;
    max-width: 1800px;
    margin: 0 auto;
}

.page-header[b-72ni62nigo] {
    margin-bottom: 2rem;
}

.page-header h1[b-72ni62nigo] {
    font-size: 2rem;
    font-weight: 600;
    color: #1e2b4a;
    margin-bottom: 0.5rem;
}

.page-header p[b-72ni62nigo] {
    font-size: 1rem;
    margin-bottom: 0;
}

.content-layout[b-72ni62nigo] {
    display: grid;
    grid-template-columns: 350px 1fr;
    gap: 2rem;
    align-items: start;
}

/* Painel Esquerdo */
.left-panel[b-72ni62nigo] {
    position: sticky;
    top: 20px;
}

/* Busca de Usuários */
.search-input-wrapper[b-72ni62nigo] {
    position: relative;
}

.search-icon-inside[b-72ni62nigo] {
    position: absolute;
    left: 14px;
    top: 50%;
    transform: translateY(-50%);
    color: #6c757d;
    z-index: 2;
    pointer-events: none;
}

.search-input-modern[b-72ni62nigo] {
    padding-left: 40px !important;
    padding-right: 40px !important;
    border-radius: 8px;
    border: 1px solid #ced4da;
    box-shadow: 0 2px 5px rgba(0,0,0,0.05);
    transition: all 0.3s ease;
}

.search-input-modern:focus[b-72ni62nigo] {
    box-shadow: 0 0 0 0.25rem rgba(13, 110, 253, 0.25);
    border-color: #86b7fe;
}

.btn-clear-search[b-72ni62nigo] {
    position: absolute;
    right: 10px;
    top: 50%;
    transform: translateY(-50%);
    background: none;
    border: none;
    color: #6c757d;
    cursor: pointer;
    padding: 5px;
    z-index: 3;
    transition: color 0.2s;
}

.btn-clear-search:hover[b-72ni62nigo] {
    color: #dc3545;
}

/* Autocomplete */
.autocomplete-suggestions[b-72ni62nigo] {
    position: absolute;
    top: 100%;
    left: 0;
    right: 0;
    background: white;
    border: 1px solid #ced4da;
    border-radius: 8px;
    margin-top: 4px;
    max-height: 300px;
    overflow-y: auto;
    box-shadow: 0 4px 12px rgba(0,0,0,0.15);
    z-index: 1000;
}

.autocomplete-item[b-72ni62nigo] {
    padding: 12px 16px;
    cursor: pointer;
    transition: background-color 0.2s;
    border-bottom: 1px solid #f0f0f0;
}

.autocomplete-item:last-child[b-72ni62nigo] {
    border-bottom: none;
}

.autocomplete-item:hover[b-72ni62nigo] {
    background-color: #f8f9fa;
}

.autocomplete-item-empty[b-72ni62nigo] {
    padding: 12px 16px;
    text-align: center;
}

/* Usuário Selecionado */
.usuario-selecionado[b-72ni62nigo] {
    padding-top: 1rem;
    border-top: 2px solid #e9ecef;
}

.usuario-selecionado h6[b-72ni62nigo] {
    font-weight: 600;
    color: #1e2b4a;
    margin-bottom: 1rem;
}

.usuario-info-card[b-72ni62nigo] {
    background: linear-gradient(135deg, #f8f9fa 0%, #e9ecef 100%);
    border-radius: 8px;
    padding: 1rem;
}

.info-item[b-72ni62nigo] {
    display: flex;
    justify-content: space-between;
    align-items: center;
    padding: 0.5rem 0;
    border-bottom: 1px solid rgba(0,0,0,0.05);
}

.info-item:last-child[b-72ni62nigo] {
    border-bottom: none;
}

.info-item .label[b-72ni62nigo] {
    font-weight: 600;
    color: #6c757d;
    font-size: 0.875rem;
}

.info-item .value[b-72ni62nigo] {
    font-weight: 500;
    color: #1e2b4a;
}

/* Painel Direito */
.right-panel[b-72ni62nigo] {
    min-height: 500px;
}

/* Estado Vazio */
.empty-state-large[b-72ni62nigo] {
    display: flex;
    flex-direction: column;
    align-items: center;
    justify-content: center;
    padding: 4rem 2rem;
    text-align: center;
    background: linear-gradient(135deg, #f8f9fa 0%, #ffffff 100%);
    border-radius: 12px;
    border: 2px dashed #dee2e6;
    min-height: 400px;
}

.empty-state-large i[b-72ni62nigo] {
    font-size: 4rem;
    color: #ced4da;
    margin-bottom: 1.5rem;
}

.empty-state-large h5[b-72ni62nigo] {
    color: #495057;
    font-weight: 600;
    margin-bottom: 0.5rem;
}

.empty-state-large p[b-72ni62nigo] {
    font-size: 0.95rem;
    max-width: 400px;
}

/* Área de Consulta */
.consulta-layout[b-72ni62nigo] {
    display: flex;
    flex-direction: column;
    gap: 1.5rem;
}

/* Resultados */
.results-container[b-72ni62nigo] {
    background: white;
    border-radius: 12px;
    padding: 1.5rem;
}

.result-item[b-72ni62nigo] {
    border-radius: 8px;
    overflow: hidden;
    box-shadow: 0 2px 8px rgba(0,0,0,0.08);
}

/* Responsividade */
@media (max-width: 1200px) {
    .content-layout[b-72ni62nigo] {
        grid-template-columns: 300px 1fr;
        gap: 1.5rem;
    }
}

@media (max-width: 992px) {
    .content-layout[b-72ni62nigo] {
        grid-template-columns: 1fr;
        gap: 1rem;
    }

    .left-panel[b-72ni62nigo] {
        position: static;
    }
}

@media (max-width: 768px) {
    .consultas-clientes-container[b-72ni62nigo] {
        padding: 1rem;
    }

    .page-header h1[b-72ni62nigo] {
        font-size: 1.5rem;
    }

    .empty-state-large[b-72ni62nigo] {
        padding: 2rem 1rem;
        min-height: 300px;
    }

    .empty-state-large i[b-72ni62nigo] {
        font-size: 3rem;
    }
}
/* _content/VeiculoSeguroBlazor/Components/Pages/Admin/DashboardAdmin.razor.rz.scp.css */
.dashboard-admin[b-q8qiuf77zh] {
    padding: 24px;
    max-width: 1600px;
    margin: 0 auto;
}

/* Header */
.dashboard-header[b-q8qiuf77zh] {
    display: flex;
    justify-content: space-between;
    align-items: center;
    margin-bottom: 32px;
    padding-bottom: 20px;
    border-bottom: 2px solid #e9ecef;
}

.dashboard-title-section h1[b-q8qiuf77zh] {
    margin: 0;
    font-size: 32px;
    font-weight: 800;
    color: #1e2b4a;
    display: flex;
    align-items: center;
    gap: 12px;
}

.dashboard-title-section h1 i[b-q8qiuf77zh] {
    font-size: 36px;
    color: var(--color-primary);
}

.dashboard-subtitle[b-q8qiuf77zh] {
    margin: 8px 0 0 48px;
    color: #6c757d;
    font-size: 15px;
}

.dashboard-actions[b-q8qiuf77zh] {
    display: flex;
    gap: 12px;
    align-items: center;
}

.period-selector select[b-q8qiuf77zh] {
    min-width: 180px;
    border: 2px solid #e9ecef;
    border-radius: 8px;
    padding: 8px 12px;
    font-weight: 500;
}

.period-selector select:focus[b-q8qiuf77zh] {
    border-color: var(--color-primary);
    box-shadow: 0 0 0 3px rgba(30, 43, 74, 0.1);
}

/* Loading */
.loading-dashboard[b-q8qiuf77zh] {
    display: flex;
    flex-direction: column;
    align-items: center;
    justify-content: center;
    min-height: 400px;
    gap: 16px;
}

.loading-dashboard p[b-q8qiuf77zh] {
    color: #6c757d;
    font-size: 16px;
}

/* Métricas Rápidas */
.metrics-quick-section[b-q8qiuf77zh] {
    margin-bottom: 32px;
}

.metrics-grid[b-q8qiuf77zh] {
    display: grid;
    grid-template-columns: repeat(auto-fit, minmax(280px, 1fr));
    gap: 20px;
}

/* Alertas */
.alerts-section[b-q8qiuf77zh] {
    margin-bottom: 32px;
}

.section-title[b-q8qiuf77zh] {
    font-size: 20px;
    font-weight: 700;
    color: #1e2b4a;
    margin-bottom: 20px;
    display: flex;
    align-items: center;
    gap: 10px;
}

.section-title i[b-q8qiuf77zh] {
    color: var(--color-primary);
}

.alerts-grid[b-q8qiuf77zh] {
    display: grid;
    grid-template-columns: repeat(auto-fit, minmax(320px, 1fr));
    gap: 16px;
}

.alert-card[b-q8qiuf77zh] {
    background: white;
    border-radius: 12px;
    padding: 20px;
    display: flex;
    gap: 16px;
    align-items: flex-start;
    border-left: 4px solid;
    box-shadow: 0 2px 8px rgba(0, 0, 0, 0.08);
    transition: transform 0.2s ease, box-shadow 0.2s ease;
}

.alert-card:hover[b-q8qiuf77zh] {
    transform: translateY(-2px);
    box-shadow: 0 4px 16px rgba(0, 0, 0, 0.12);
}

.alert-card.alert-danger[b-q8qiuf77zh] {
    border-left-color: #dc3545;
}

.alert-card.alert-warning[b-q8qiuf77zh] {
    border-left-color: #ffc107;
}

.alert-card.alert-info[b-q8qiuf77zh] {
    border-left-color: #17a2b8;
}

.alert-card.alert-secondary[b-q8qiuf77zh] {
    border-left-color: #6c757d;
}

.alert-icon[b-q8qiuf77zh] {
    width: 48px;
    height: 48px;
    border-radius: 50%;
    display: flex;
    align-items: center;
    justify-content: center;
    flex-shrink: 0;
}

.alert-danger .alert-icon[b-q8qiuf77zh] {
    background: #ffe5e5;
    color: #dc3545;
}

.alert-warning .alert-icon[b-q8qiuf77zh] {
    background: #fff8e1;
    color: #ffc107;
}

.alert-info .alert-icon[b-q8qiuf77zh] {
    background: #e1f5fe;
    color: #17a2b8;
}

.alert-secondary .alert-icon[b-q8qiuf77zh] {
    background: #f8f9fa;
    color: #6c757d;
}

.alert-icon i[b-q8qiuf77zh] {
    font-size: 24px;
}

.alert-content[b-q8qiuf77zh] {
    flex: 1;
}

.alert-content h4[b-q8qiuf77zh] {
    margin: 0 0 4px 0;
    font-size: 15px;
    font-weight: 700;
    color: #1e2b4a;
}

.alert-content p[b-q8qiuf77zh] {
    margin: 0 0 8px 0;
    font-size: 13px;
    color: #6c757d;
}

.alert-link[b-q8qiuf77zh] {
    font-size: 13px;
    font-weight: 600;
    color: var(--color-primary);
    text-decoration: none;
    display: inline-flex;
    align-items: center;
    gap: 4px;
    transition: color 0.2s ease;
}

.alert-link:hover[b-q8qiuf77zh] {
    color: var(--color-accent);
}

.alert-badge[b-q8qiuf77zh] {
    width: 40px;
    height: 40px;
    border-radius: 50%;
    background: var(--color-primary);
    color: white;
    display: flex;
    align-items: center;
    justify-content: center;
    font-weight: 700;
    font-size: 16px;
}

/* Gráficos */
.charts-section[b-q8qiuf77zh] {
    margin-bottom: 32px;
}

/* Wrapper para gráfico com seletor */
.chart-card-wrapper[b-q8qiuf77zh] {
    position: relative;
}

.chart-month-selector[b-q8qiuf77zh] {
    position: absolute;
    top: 12px;
    right: 12px;
    z-index: 10;
}

.chart-month-selector select[b-q8qiuf77zh] {
    min-width: 150px;
    font-size: 13px;
    padding: 6px 10px;
    border: 1px solid #e9ecef;
    border-radius: 6px;
    background: white;
    cursor: pointer;
    transition: border-color 0.2s ease, box-shadow 0.2s ease;
}

.chart-month-selector select:hover[b-q8qiuf77zh] {
    border-color: #ced4da;
}

.chart-month-selector select:focus[b-q8qiuf77zh] {
    border-color: var(--color-primary);
    box-shadow: 0 0 0 2px rgba(30, 43, 74, 0.1);
    outline: none;
}

.charts-row[b-q8qiuf77zh] {
    display: grid;
    grid-template-columns: repeat(12, 1fr);
    gap: 20px;
    margin-bottom: 20px;
}

.chart-col-4[b-q8qiuf77zh] {
    grid-column: span 4;
}

.chart-col-6[b-q8qiuf77zh] {
    grid-column: span 6;
}

.chart-col-8[b-q8qiuf77zh] {
    grid-column: span 8;
}

@media (max-width: 1200px) {
    .chart-col-4[b-q8qiuf77zh],
    .chart-col-6[b-q8qiuf77zh],
    .chart-col-8[b-q8qiuf77zh] {
        grid-column: span 12;
    }
}

/* Seção Financeira */
.financial-section[b-q8qiuf77zh] {
    margin-bottom: 32px;
}

.financial-cards[b-q8qiuf77zh] {
    display: grid;
    grid-template-columns: repeat(auto-fit, minmax(300px, 1fr));
    gap: 20px;
}

.financial-card[b-q8qiuf77zh] {
    background: white;
    border-radius: 12px;
    padding: 24px;
    box-shadow: 0 2px 8px rgba(0, 0, 0, 0.08);
    border: 1px solid #e9ecef;
}

.financial-card-header[b-q8qiuf77zh] {
    display: flex;
    align-items: center;
    gap: 12px;
    margin-bottom: 20px;
    padding-bottom: 16px;
    border-bottom: 2px solid #f8f9fa;
}

.financial-card-header i[b-q8qiuf77zh] {
    font-size: 24px;
    color: var(--color-primary);
}

.financial-card-header span[b-q8qiuf77zh] {
    font-size: 16px;
    font-weight: 700;
    color: #1e2b4a;
}

.financial-items[b-q8qiuf77zh] {
    display: flex;
    flex-direction: column;
    gap: 12px;
}

.financial-item[b-q8qiuf77zh] {
    display: flex;
    justify-content: space-between;
    align-items: center;
    padding: 10px 0;
}

.financial-item span[b-q8qiuf77zh] {
    font-size: 14px;
    color: #6c757d;
}

.financial-item strong[b-q8qiuf77zh] {
    font-size: 16px;
    font-weight: 700;
}

/* Estatísticas */
.stats-section[b-q8qiuf77zh] {
    margin-bottom: 32px;
}

.stats-row[b-q8qiuf77zh] {
    display: grid;
    grid-template-columns: repeat(auto-fit, minmax(400px, 1fr));
    gap: 20px;
}

.stats-card[b-q8qiuf77zh] {
    background: white;
    border-radius: 12px;
    padding: 24px;
    box-shadow: 0 2px 8px rgba(0, 0, 0, 0.08);
    border: 1px solid #e9ecef;
}

.stat-item[b-q8qiuf77zh] {
    display: flex;
    justify-content: space-between;
    align-items: center;
    padding: 16px;
    margin-bottom: 12px;
    background: #f8f9fa;
    border-radius: 8px;
}

.stat-label[b-q8qiuf77zh] {
    font-size: 14px;
    font-weight: 600;
    color: #495057;
}

.stat-value[b-q8qiuf77zh] {
    font-size: 24px;
    font-weight: 700;
    color: #1e2b4a;
}

.stat-item.highlight[b-q8qiuf77zh] {
    background: linear-gradient(135deg, #e3f2fd 0%, #bbdefb 100%);
    border-left: 4px solid #2196f3;
}

.stat-item.alert[b-q8qiuf77zh] {
    background: #fff3cd;
    border-left: 4px solid #ffc107;
}

.stat-item-group[b-q8qiuf77zh] {
    display: grid;
    grid-template-columns: repeat(auto-fit, minmax(150px, 1fr));
    gap: 12px;
    margin-bottom: 12px;
}

.stat-item-small[b-q8qiuf77zh] {
    background: white;
    border-radius: 8px;
    padding: 16px;
    display: flex;
    align-items: center;
    gap: 12px;
    box-shadow: 0 2px 4px rgba(0, 0, 0, 0.05);
}

.stat-item-small i[b-q8qiuf77zh] {
    font-size: 24px;
}

.stat-item-small.success i[b-q8qiuf77zh] {
    color: #28a745;
}

.stat-item-small.warning i[b-q8qiuf77zh] {
    color: #ffc107;
}

.stat-item-small.danger i[b-q8qiuf77zh] {
    color: #dc3545;
}

.stat-item-small.primary i[b-q8qiuf77zh] {
    color: #1e2b4a;
}

.stat-item-small.info i[b-q8qiuf77zh] {
    color: #17a2b8;
}

.stat-item-small div span[b-q8qiuf77zh] {
    display: block;
    font-size: 12px;
    color: #6c757d;
}

.stat-item-small div strong[b-q8qiuf77zh] {
    display: block;
    font-size: 20px;
    font-weight: 700;
    color: #1e2b4a;
}

/* Atividades */
.activities-section[b-q8qiuf77zh] {
    margin-bottom: 32px;
}

.activities-grid[b-q8qiuf77zh] {
    display: grid;
    grid-template-columns: repeat(auto-fit, minmax(400px, 1fr));
    gap: 20px;
}

.activity-panel[b-q8qiuf77zh] {
    background: white;
    border-radius: 12px;
    padding: 24px;
    box-shadow: 0 2px 8px rgba(0, 0, 0, 0.08);
    border: 1px solid #e9ecef;
}

.activity-panel h3[b-q8qiuf77zh] {
    font-size: 16px;
    font-weight: 700;
    color: #1e2b4a;
    margin-bottom: 20px;
    display: flex;
    align-items: center;
    gap: 8px;
}

.activity-list[b-q8qiuf77zh] {
    display: flex;
    flex-direction: column;
    gap: 12px;
}

.activity-item[b-q8qiuf77zh] {
    display: flex;
    justify-content: space-between;
    align-items: center;
    padding: 12px;
    background: #f8f9fa;
    border-radius: 8px;
    transition: background 0.2s ease;
}

.activity-item:hover[b-q8qiuf77zh] {
    background: #e9ecef;
}

.activity-info[b-q8qiuf77zh] {
    flex: 1;
    min-width: 0;
}

.activity-info strong[b-q8qiuf77zh] {
    display: block;
    font-size: 14px;
    font-weight: 600;
    color: #1e2b4a;
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis;
}

.activity-info span[b-q8qiuf77zh] {
    display: block;
    font-size: 12px;
    color: #6c757d;
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis;
}

.activity-meta[b-q8qiuf77zh] {
    display: flex;
    flex-direction: column;
    align-items: flex-end;
    gap: 4px;
}

.activity-value[b-q8qiuf77zh] {
    font-size: 14px;
    font-weight: 700;
    color: #28a745;
}

.activity-time[b-q8qiuf77zh] {
    font-size: 11px;
    color: #868e96;
}

.status-badge[b-q8qiuf77zh] {
    padding: 4px 10px;
    border-radius: 12px;
    font-size: 11px;
    font-weight: 600;
    text-transform: uppercase;
}

.status-badge.status-success[b-q8qiuf77zh] {
    background: #d4edda;
    color: #155724;
}

.status-badge.status-warning[b-q8qiuf77zh] {
    background: #fff3cd;
    color: #856404;
}

.status-badge.status-danger[b-q8qiuf77zh] {
    background: #f8d7da;
    color: #721c24;
}

.status-badge.status-info[b-q8qiuf77zh] {
    background: #d1ecf1;
    color: #0c5460;
}

.status-badge.status-secondary[b-q8qiuf77zh] {
    background: #e9ecef;
    color: #495057;
}

/* Footer */
.dashboard-footer[b-q8qiuf77zh] {
    margin-top: 32px;
    padding: 20px;
    background: white;
    border-radius: 12px;
    text-align: center;
    border: 1px solid #e9ecef;
    display: flex;
    justify-content: center;
    gap: 32px;
}

.dashboard-footer p[b-q8qiuf77zh] {
    margin: 0;
    color: #6c757d;
    font-size: 13px;
    display: flex;
    align-items: center;
    gap: 8px;
}

/* Animações */
@keyframes spin-b-q8qiuf77zh {
    from {
        transform: rotate(0deg);
    }
    to {
        transform: rotate(360deg);
    }
}

.spin[b-q8qiuf77zh] {
    animation: spin-b-q8qiuf77zh 1s linear infinite;
}

/* Responsividade */
@media (max-width: 1400px) {
    .metrics-grid[b-q8qiuf77zh] {
        grid-template-columns: repeat(2, 1fr);
    }
}

@media (max-width: 992px) {
    .dashboard-header[b-q8qiuf77zh] {
        flex-direction: column;
        align-items: flex-start;
        gap: 20px;
    }

    .dashboard-subtitle[b-q8qiuf77zh] {
        margin-left: 0;
    }

    .metrics-grid[b-q8qiuf77zh] {
        grid-template-columns: 1fr;
    }

    .stats-row[b-q8qiuf77zh],
    .activities-grid[b-q8qiuf77zh] {
        grid-template-columns: 1fr;
    }
}

@media (max-width: 768px) {
    .dashboard-admin[b-q8qiuf77zh] {
        padding: 16px;
    }

    .dashboard-title-section h1[b-q8qiuf77zh] {
        font-size: 24px;
    }

    .financial-cards[b-q8qiuf77zh] {
        grid-template-columns: 1fr;
    }

    .alerts-grid[b-q8qiuf77zh] {
        grid-template-columns: 1fr;
    }

    .activity-item[b-q8qiuf77zh] {
        flex-direction: column;
        align-items: flex-start;
        gap: 8px;
    }

    .activity-meta[b-q8qiuf77zh] {
        align-items: flex-start;
    }
}

@media (max-width: 480px) {
    .dashboard-title-section h1[b-q8qiuf77zh] {
        font-size: 20px;
    }

    .dashboard-title-section h1 i[b-q8qiuf77zh] {
        font-size: 24px;
    }

    .stat-item-group[b-q8qiuf77zh] {
        grid-template-columns: 1fr;
    }
}
/* _content/VeiculoSeguroBlazor/Components/Pages/Admin/DetalhesConsulta.razor.rz.scp.css */
/* DetalhesConsulta.razor.css - Estilo para página de detalhes da consulta baseado na paleta Oxford Blue */

/* Container principal */
.container[b-j9nkhe1l11] {
    background-color: #F9FAFB;
    min-height: 100vh;
    padding: 32px 24px;
}

/* Cabeçalho da página */
.d-flex.justify-content-between.align-items-center[b-j9nkhe1l11] {
    margin-bottom: 32px;
}

h1[b-j9nkhe1l11] {
    font-family: 'Inter', -apple-system, BlinkMacSystemFont, 'Segoe UI', Roboto, sans-serif;
    font-size: 28px;
    font-weight: 600;
    color: #111827;
    margin: 0;
}

/* Botão de voltar */
.btn-secondary[b-j9nkhe1l11] {
    background-color: #E5E7EB;
    border-color: #E5E7EB;
    color: #4B5563;
    padding: 10px 18px;
    border-radius: 6px;
    font-weight: 500;
    font-size: 14px;
    cursor: pointer;
    transition: all 0.2s ease;
    display: inline-flex;
    align-items: center;
    gap: 8px;
    border: 1px solid transparent;
}

.btn-secondary:hover[b-j9nkhe1l11] {
    background-color: #D1D5DB;
    border-color: #D1D5DB;
    color: #111827;
    transform: translateY(-1px);
    box-shadow: 0 2px 4px rgba(0, 0, 0, 0.1);
}

/* Estados de carregamento */
.d-flex.justify-content-center[b-j9nkhe1l11] {
    display: flex;
    justify-content: center;
    align-items: center;
    min-height: 300px;
}

.spinner-border[b-j9nkhe1l11] {
    width: 2rem;
    height: 2rem;
    border-width: 0.25em;
}

.spinner-border.text-primary[b-j9nkhe1l11] {
    color: #14365C !important;
}

/* Alertas Toast Flutuantes */
.alert[b-j9nkhe1l11] {
    position: fixed;
    top: 80px;
    right: 24px;
    max-width: 450px;
    min-width: 320px;
    padding: 16px 20px;
    border-radius: 8px;
    box-shadow: 0 8px 24px rgba(0, 0, 0, 0.12);
    display: flex;
    align-items: flex-start;
    gap: 12px;
    z-index: 9999;
    animation: slideInRight-b-j9nkhe1l11 0.4s cubic-bezier(0.16, 1, 0.3, 1);
    backdrop-filter: blur(10px);
    border: none;
    font-size: 14px;
    line-height: 1.5;
}

.alert-error[b-j9nkhe1l11] {
    background-color: rgba(239, 68, 68, 0.96);
    color: white;
    border-left: 4px solid #dc2626;
}

.alert-success[b-j9nkhe1l11] {
    background-color: rgba(16, 185, 129, 0.96);
    color: white;
    border-left: 4px solid #059669;
}

.alert-info[b-j9nkhe1l11] {
    background-color: rgba(20, 54, 92, 0.96);
    color: white;
    border-left: 4px solid #14365C;
}

.alert-icon[b-j9nkhe1l11] {
    width: 22px;
    height: 22px;
    fill: currentColor;
    flex-shrink: 0;
    margin-top: 2px;
}

.alert-content[b-j9nkhe1l11] {
    flex: 1;
    display: flex;
    flex-direction: column;
    gap: 6px;
}

.alert-content strong[b-j9nkhe1l11] {
    font-weight: 600;
    font-size: 15px;
    display: block;
}

.alert-content span[b-j9nkhe1l11] {
    font-size: 13px;
    opacity: 0.95;
    line-height: 1.5;
}

.alert-close[b-j9nkhe1l11] {
    background: transparent;
    border: none;
    color: currentColor;
    cursor: pointer;
    padding: 4px;
    border-radius: 4px;
    transition: all 0.2s ease;
    flex-shrink: 0;
    opacity: 0.8;
}

.alert-close:hover[b-j9nkhe1l11] {
    background-color: rgba(255, 255, 255, 0.25);
    opacity: 1;
}

.alert-close svg[b-j9nkhe1l11] {
    width: 18px;
    height: 18px;
    fill: currentColor;
}

/* Detalhes do Reprocessamento */
.reprocessamento-item[b-j9nkhe1l11] {
    padding: 8px 0;
    font-size: 13px;
    line-height: 1.6;
    border-bottom: 1px solid rgba(255, 255, 255, 0.2);
}

.reprocessamento-item:last-child[b-j9nkhe1l11] {
    border-bottom: none;
}

.reprocessamento-item strong[b-j9nkhe1l11] {
    font-weight: 600;
    margin-right: 6px;
}

.text-success[b-j9nkhe1l11] {
    color: #86efac !important;
}

.text-danger[b-j9nkhe1l11] {
    color: #fca5a5 !important;
}

/* Animação de entrada */
@keyframes slideInRight-b-j9nkhe1l11 {
    from {
        opacity: 0;
        transform: translateX(100px);
    }
    to {
        opacity: 1;
        transform: translateX(0);
    }
}

/* Responsividade para Toast */
@media (max-width: 768px) {
    .alert[b-j9nkhe1l11] {
        top: 60px;
        right: 12px;
        left: 12px;
        max-width: none;
        min-width: auto;
    }
}

/* Cards */
.card[b-j9nkhe1l11] {
    background: #FFFFFF;
    border: none;
    border-radius: 12px;
    box-shadow: 0px 1px 3px rgba(16, 24, 40, 0.05);
    overflow: hidden;
    margin-bottom: 24px;
}

.card-header[b-j9nkhe1l11] {
    padding: 20px 24px;
    border-bottom: 1px solid #E5E7EB;
}

.card-header.bg-primary[b-j9nkhe1l11] {
    background-color: #14365C !important;
    color: #FFFFFF;
    border-bottom: none;
}

.card-header h4[b-j9nkhe1l11] {
    font-family: 'Inter', -apple-system, BlinkMacSystemFont, 'Segoe UI', Roboto, sans-serif;
    font-size: 18px;
    font-weight: 600;
    margin: 0;
}

.card-body[b-j9nkhe1l11] {
    padding: 24px;
}

/* Layout de colunas */
.row[b-j9nkhe1l11] {
    display: flex;
    flex-wrap: wrap;
    margin-right: -12px;
    margin-left: -12px;
}

.col-md-6[b-j9nkhe1l11] {
    flex: 0 0 auto;
    width: 50%;
    padding-right: 12px;
    padding-left: 12px;
}

/* Listas de definição */
.row dl[b-j9nkhe1l11] {
    margin-bottom: 0;
}

dt[b-j9nkhe1l11] {
    font-weight: 600;
    color: #4B5563;
    font-size: 14px;
    margin-bottom: 8px;
}

dd[b-j9nkhe1l11] {
    color: #111827;
    font-size: 14px;
    margin-bottom: 16px;
    font-weight: 500;
}

.col-sm-4[b-j9nkhe1l11] {
    flex: 0 0 auto;
    width: 33.33333333%;
}

.col-sm-8[b-j9nkhe1l11] {
    flex: 0 0 auto;
    width: 66.66666667%;
}

/* Tabelas */
.table-responsive[b-j9nkhe1l11] {
    border-radius: 8px;
    overflow: hidden;
    margin-top: 0;
}

.table[b-j9nkhe1l11] {
    margin-bottom: 0;
    color: #111827;
    font-size: 14px;
}

.table thead th[b-j9nkhe1l11] {
    background-color: #F9FAFB;
    border-bottom: 2px solid #E5E7EB;
    color: #4B5563;
    font-weight: 600;
    font-size: 12px;
    text-transform: uppercase;
    letter-spacing: 0.05em;
    padding: 16px;
    border-top: none;
}

.table tbody td[b-j9nkhe1l11] {
    padding: 16px;
    border-bottom: 1px solid #F2F4F7;
    vertical-align: middle;
}

.table-striped tbody tr:nth-of-type(odd)[b-j9nkhe1l11] {
    background-color: rgba(249, 250, 251, 0.5);
}

.table tbody tr:hover[b-j9nkhe1l11] {
    background-color: rgba(20, 54, 92, 0.02);
}

/* Código pré-formatado */
pre[b-j9nkhe1l11] {
    background-color: #F9FAFB;
    border: 1px solid #E5E7EB;
    border-radius: 6px;
    padding: 12px;
    font-family: 'Consolas', 'Monaco', 'Courier New', monospace;
    font-size: 12px;
    line-height: 1.4;
    color: #4B5563;
    margin: 0;
    white-space: pre-wrap;
    word-wrap: break-word;
    max-height: 200px;
    overflow-y: auto;
}

code[b-j9nkhe1l11] {
    color: #14365C;
    font-family: inherit;
}

/* Flex utilities */
.d-flex[b-j9nkhe1l11] {
    display: flex !important;
}

.justify-content-between[b-j9nkhe1l11] {
    justify-content: space-between !important;
}

.justify-content-center[b-j9nkhe1l11] {
    justify-content: center !important;
}

.align-items-center[b-j9nkhe1l11] {
    align-items: center !important;
}

/* Margin utilities */
.mb-0[b-j9nkhe1l11] {
    margin-bottom: 0 !important;
}

.mb-4[b-j9nkhe1l11] {
    margin-bottom: 32px !important;
}

.mt-4[b-j9nkhe1l11] {
    margin-top: 32px !important;
}

/* Text utilities */
.text-white[b-j9nkhe1l11] {
    color: #FFFFFF !important;
}

.text-primary[b-j9nkhe1l11] {
    color: #14365C !important;
}

/* Visibility utilities */
.visually-hidden[b-j9nkhe1l11] {
    position: absolute !important;
    width: 1px !important;
    height: 1px !important;
    padding: 0 !important;
    margin: -1px !important;
    overflow: hidden !important;
    clip: rect(0, 0, 0, 0) !important;
    white-space: nowrap !important;
    border: 0 !important;
}

/* Responsividade */
@media (max-width: 768px) {
    .container[b-j9nkhe1l11] {
        padding: 16px 12px;
    }
    
    h1[b-j9nkhe1l11] {
        font-size: 24px;
        margin-bottom: 16px;
    }
    
    .d-flex.justify-content-between.align-items-center[b-j9nkhe1l11] {
        flex-direction: column;
        align-items: stretch;
        gap: 16px;
        margin-bottom: 24px;
    }
    
    .btn-secondary[b-j9nkhe1l11] {
        width: 100%;
        justify-content: center;
    }
    
    .card-header[b-j9nkhe1l11],
    .card-body[b-j9nkhe1l11] {
        padding: 16px;
    }
    
    .col-md-6[b-j9nkhe1l11] {
        width: 100%;
        margin-bottom: 24px;
    }
    
    .col-sm-4[b-j9nkhe1l11],
    .col-sm-8[b-j9nkhe1l11] {
        width: 100%;
    }
    
    .col-sm-4[b-j9nkhe1l11] {
        margin-bottom: 4px;
    }
    
    .col-sm-8[b-j9nkhe1l11] {
        margin-bottom: 16px;
        margin-left: 16px;
    }
    
    .table thead th[b-j9nkhe1l11],
    .table tbody td[b-j9nkhe1l11] {
        padding: 12px 8px;
        font-size: 12px;
    }
    
    pre[b-j9nkhe1l11] {
        font-size: 11px;
        padding: 8px;
        max-height: 150px;
    }
    
    /* Esconder algumas colunas em mobile */
    .table th:first-child[b-j9nkhe1l11],
    .table td:first-child[b-j9nkhe1l11] {
        display: none;
    }
}

/* Animações de entrada */
.card[b-j9nkhe1l11] {
    animation: fadeInUp-b-j9nkhe1l11 0.6s ease-out;
}

.card:nth-child(1)[b-j9nkhe1l11] {
    animation-delay: 0.1s;
}

.card:nth-child(2)[b-j9nkhe1l11] {
    animation-delay: 0.2s;
}

@keyframes fadeInUp-b-j9nkhe1l11 {
    from {
        opacity: 0;
        transform: translateY(20px);
    }
    to {
        opacity: 1;
        transform: translateY(0);
    }
}

/* Melhorias específicas para valores monetários */
dd:contains("R$")[b-j9nkhe1l11] {
    font-weight: 600;
    color: #14365C;
}

/* Melhorias para informações de usuário */
.user-info[b-j9nkhe1l11] {
    background-color: #F9FAFB;
    border-radius: 8px;
    padding: 16px;
    border-left: 4px solid #14365C;
}

/* Estados específicos para diferentes tipos de dados */
.data-section[b-j9nkhe1l11] {
    border-left: 3px solid #E6EEF8;
    padding-left: 16px;
    margin-bottom: 24px;
}

/* Indicadores visuais */
.status-indicator[b-j9nkhe1l11] {
    width: 8px;
    height: 8px;
    border-radius: 50%;
    display: inline-block;
    margin-right: 8px;
}

.status-indicator.success[b-j9nkhe1l11] {
    background-color: #027A48;
}

.status-indicator.warning[b-j9nkhe1l11] {
    background-color: #F59E0B;
}

.status-indicator.error[b-j9nkhe1l11] {
    background-color: #B42318;
}

/* Scroll suave para código longo */
pre[b-j9nkhe1l11]::-webkit-scrollbar {
    width: 6px;
    height: 6px;
}

pre[b-j9nkhe1l11]::-webkit-scrollbar-track {
    background: #F3F4F6;
    border-radius: 3px;
}

pre[b-j9nkhe1l11]::-webkit-scrollbar-thumb {
    background: #D1D5DB;
    border-radius: 3px;
}

pre[b-j9nkhe1l11]::-webkit-scrollbar-thumb:hover {
    background: #9CA3AF;
}

/* Estados de loading para tabela */
.table-loading[b-j9nkhe1l11] {
    text-align: center;
    padding: 48px 24px;
    color: #4B5563;
    font-style: italic;
}

/* Melhorias para leitura de código */
.code-highlight[b-j9nkhe1l11] {
    background-color: #E6EEF8;
    padding: 2px 4px;
    border-radius: 3px;
    font-family: 'Consolas', 'Monaco', 'Courier New', monospace;
    font-size: 85%;
    color: #14365C;
}
/* _content/VeiculoSeguroBlazor/Components/Pages/Admin/DetalhesFatura.razor.rz.scp.css */
/* DetalhesFatura.razor.css - Estilo para página de detalhes da fatura baseado na paleta Oxford Blue */

/* Container principal */
.container[b-pml6yjdt6c] {
    background-color: #F9FAFB;
    min-height: 100vh;
    padding: 32px 24px;
}

/* Botão de voltar */
.btn-secondary[b-pml6yjdt6c] {
    background-color: #E5E7EB;
    border-color: #E5E7EB;
    color: #4B5563;
    padding: 10px 18px;
    border-radius: 6px;
    font-weight: 500;
    font-size: 14px;
    cursor: pointer;
    transition: all 0.2s ease;
    display: inline-flex;
    align-items: center;
    gap: 8px;
    border: 1px solid transparent;
}

.btn-secondary:hover[b-pml6yjdt6c] {
    background-color: #D1D5DB;
    border-color: #D1D5DB;
    color: #111827;
    transform: translateY(-1px);
    box-shadow: 0 2px 4px rgba(0, 0, 0, 0.1);
}

/* Estados de loading */
.loading-text[b-pml6yjdt6c] {
    display: flex;
    justify-content: center;
    align-items: center;
    padding: 48px 24px;
    color: #4B5563;
    font-style: italic;
}

/* Cards */
.card[b-pml6yjdt6c] {
    background: #FFFFFF;
    border: none;
    border-radius: 12px;
    box-shadow: 0px 1px 3px rgba(16, 24, 40, 0.05);
    overflow: hidden;
    margin-top: 24px;
}

.card-header[b-pml6yjdt6c] {
    padding: 24px;
    border-bottom: 1px solid #E5E7EB;
}

.card-header.bg-primary[b-pml6yjdt6c] {
    background-color: #14365C !important;
    color: #FFFFFF;
    border-bottom: none;
}

.card-header h3[b-pml6yjdt6c] {
    font-family: 'Inter', -apple-system, BlinkMacSystemFont, 'Segoe UI', Roboto, sans-serif;
    font-size: 24px;
    font-weight: 600;
    margin: 0;
}

.card-body[b-pml6yjdt6c] {
    padding: 32px;
}

/* Layout de duas colunas */
.row[b-pml6yjdt6c] {
    display: flex;
    flex-wrap: wrap;
    margin-right: -12px;
    margin-left: -12px;
}

.col[b-pml6yjdt6c], .col-md-6[b-pml6yjdt6c] {
    padding-right: 12px;
    padding-left: 12px;
}

.col-md-6[b-pml6yjdt6c] {
    flex: 0 0 auto;
    width: 50%;
}

.col[b-pml6yjdt6c] {
    flex: 1 0 0%;
}

/* Seções de informação */
h5[b-pml6yjdt6c] {
    font-family: 'Inter', -apple-system, BlinkMacSystemFont, 'Segoe UI', Roboto, sans-serif;
    font-size: 18px;
    font-weight: 600;
    color: #111827;
    margin-bottom: 20px;
    margin-top: 0;
    padding-bottom: 8px;
    border-bottom: 2px solid #E6EEF8;
}

/* Listas de definição */
.row dl[b-pml6yjdt6c] {
    margin-bottom: 0;
}

dt[b-pml6yjdt6c] {
    font-weight: 600;
    color: #4B5563;
    font-size: 14px;
    margin-bottom: 8px;
}

dd[b-pml6yjdt6c] {
    color: #111827;
    font-size: 14px;
    margin-bottom: 16px;
    font-weight: 500;
}

.col-sm-4[b-pml6yjdt6c] {
    flex: 0 0 auto;
    width: 33.33333333%;
}

.col-sm-8[b-pml6yjdt6c] {
    flex: 0 0 auto;
    width: 66.66666667%;
}

/* Badges de status */
.badge[b-pml6yjdt6c] {
    padding: 6px 12px;
    border-radius: 12px;
    font-size: 11px;
    font-weight: 500;
    text-transform: uppercase;
    letter-spacing: 0.025em;
}

.bg-warning[b-pml6yjdt6c] {
    background-color: #FEF3C7 !important;
    color: #92400E !important;
}

.bg-success[b-pml6yjdt6c] {
    background-color: #ECFDF3 !important;
    color: #027A48 !important;
}

.bg-danger[b-pml6yjdt6c] {
    background-color: #FEF2F2 !important;
    color: #B42318 !important;
}

.bg-secondary[b-pml6yjdt6c] {
    background-color: #F3F4F6 !important;
    color: #4B5563 !important;
}

/* Alertas */
.alert[b-pml6yjdt6c] {
    border: none;
    border-radius: 8px;
    padding: 16px;
    margin-top: 24px;
    font-size: 14px;
    line-height: 1.5;
    display: flex;
    align-items: center;
    gap: 8px;
}

.alert-info[b-pml6yjdt6c] {
    background-color: #E6EEF8;
    color: #14365C;
    border-left: 4px solid #14365C;
}

/* Botões de ação */
.btn[b-pml6yjdt6c] {
    padding: 10px 18px;
    border-radius: 6px;
    font-weight: 500;
    font-size: 14px;
    cursor: pointer;
    transition: all 0.2s ease;
    display: inline-flex;
    align-items: center;
    gap: 8px;
    border: 1px solid transparent;
}

.btn-warning[b-pml6yjdt6c] {
    background-color: #F59E0B;
    border-color: #F59E0B;
    color: #FFFFFF;
}

.btn-warning:hover:not(:disabled)[b-pml6yjdt6c] {
    background-color: #D97706;
    border-color: #D97706;
    transform: translateY(-1px);
    box-shadow: 0 4px 8px rgba(245, 158, 11, 0.2);
}

.btn-success[b-pml6yjdt6c] {
    background-color: #027A48;
    border-color: #027A48;
    color: #FFFFFF;
}

.btn-success:hover:not(:disabled)[b-pml6yjdt6c] {
    background-color: #016A40;
    border-color: #016A40;
    transform: translateY(-1px);
    box-shadow: 0 4px 8px rgba(2, 122, 72, 0.2);
}

.btn-primary[b-pml6yjdt6c] {
    background-color: #14365C;
    border-color: #14365C;
    color: #FFFFFF;
}

.btn-primary:hover:not(:disabled)[b-pml6yjdt6c] {
    background-color: #0F2A47;
    border-color: #0F2A47;
    transform: translateY(-1px);
    box-shadow: 0 4px 8px rgba(20, 54, 92, 0.2);
}

/* Gap para botões */
.d-flex.gap-2[b-pml6yjdt6c] {
    display: flex;
    gap: 16px;
}

/* Separadores */
hr[b-pml6yjdt6c] {
    border: none;
    border-top: 1px solid #E5E7EB;
    margin: 32px 0;
}

/* Tabelas */
.table-responsive[b-pml6yjdt6c] {
    border-radius: 8px;
    overflow: hidden;
    margin-top: 16px;
}

.table[b-pml6yjdt6c] {
    margin-bottom: 0;
    color: #111827;
    font-size: 14px;
}

.table thead th[b-pml6yjdt6c] {
    background-color: #F9FAFB;
    border-bottom: 2px solid #E5E7EB;
    color: #4B5563;
    font-weight: 600;
    font-size: 12px;
    text-transform: uppercase;
    letter-spacing: 0.05em;
    padding: 12px;
    border-top: none;
}

.table tbody td[b-pml6yjdt6c] {
    padding: 12px;
    border-bottom: 1px solid #F2F4F7;
    vertical-align: middle;
}

.table-striped tbody tr:nth-of-type(odd)[b-pml6yjdt6c] {
    background-color: rgba(249, 250, 251, 0.5);
}

.table tbody tr:hover[b-pml6yjdt6c] {
    background-color: rgba(20, 54, 92, 0.02);
}

.table-sm th[b-pml6yjdt6c],
.table-sm td[b-pml6yjdt6c] {
    padding: 8px 12px;
}

/* Footer da tabela */
.table tfoot td[b-pml6yjdt6c] {
    background-color: #F9FAFB;
    font-weight: 600;
    border-top: 2px solid #E5E7EB;
    padding: 12px;
}

/* Modais */
.modal[b-pml6yjdt6c] {
    z-index: 1050;
}

.modal-backdrop[b-pml6yjdt6c] {
    background-color: rgba(17, 24, 39, 0.5);
    z-index: 1040;
}

.modal-dialog[b-pml6yjdt6c] {
    margin: 1.75rem auto;
    max-width: 500px;
}

.modal-dialog.modal-lg[b-pml6yjdt6c] {
    max-width: 800px;
}

.modal-content[b-pml6yjdt6c] {
    background-color: #FFFFFF;
    border: none;
    border-radius: 12px;
    box-shadow: 0px 10px 25px rgba(16, 24, 40, 0.15);
    overflow: hidden;
}

.modal-header[b-pml6yjdt6c] {
    background-color: #F9FAFB;
    border-bottom: 1px solid #E5E7EB;
    padding: 20px 24px;
    display: flex;
    justify-content: space-between;
    align-items: center;
}

.modal-title[b-pml6yjdt6c] {
    font-family: 'Inter', -apple-system, BlinkMacSystemFont, 'Segoe UI', Roboto, sans-serif;
    font-size: 18px;
    font-weight: 600;
    color: #111827;
    margin: 0;
}

.close[b-pml6yjdt6c] {
    background: none;
    border: none;
    font-size: 24px;
    color: #4B5563;
    cursor: pointer;
    padding: 0;
    width: 32px;
    height: 32px;
    display: flex;
    align-items: center;
    justify-content: center;
    border-radius: 4px;
    transition: all 0.2s ease;
}

.close:hover[b-pml6yjdt6c] {
    background-color: #E5E7EB;
    color: #111827;
}

.modal-body[b-pml6yjdt6c] {
    padding: 24px;
}

.modal-footer[b-pml6yjdt6c] {
    background-color: #F9FAFB;
    border-top: 1px solid #E5E7EB;
    padding: 16px 24px;
    display: flex;
    justify-content: flex-end;
    gap: 12px;
}

/* Formulários nos modais */
.form-group[b-pml6yjdt6c] {
    margin-bottom: 20px;
}

.form-group label[b-pml6yjdt6c] {
    font-weight: 500;
    color: #111827;
    margin-bottom: 8px;
    font-size: 14px;
    display: block;
}

.form-control[b-pml6yjdt6c] {
    border: 1px solid #E5E7EB;
    border-radius: 6px;
    padding: 10px 14px;
    font-size: 14px;
    line-height: 1.5;
    color: #111827;
    background-color: #FFFFFF;
    transition: all 0.2s ease;
    width: 100%;
}

.form-control:focus[b-pml6yjdt6c] {
    border-color: #14365C;
    box-shadow: 0 0 0 3px rgba(20, 54, 92, 0.1);
    outline: none;
}

/* Checkboxes */
input[type="checkbox"][b-pml6yjdt6c] {
    width: 16px;
    height: 16px;
    border: 1px solid #E5E7EB;
    border-radius: 3px;
    background-color: #FFFFFF;
    cursor: pointer;
    appearance: none;
    position: relative;
    transition: all 0.2s ease;
}

input[type="checkbox"]:checked[b-pml6yjdt6c] {
    background-color: #14365C;
    border-color: #14365C;
}

input[type="checkbox"]:checked[b-pml6yjdt6c]::after {
    content: '✓';
    position: absolute;
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%);
    color: #FFFFFF;
    font-size: 12px;
    font-weight: bold;
}

/* Flex utilities */
.d-flex[b-pml6yjdt6c] {
    display: flex !important;
}

.justify-content-between[b-pml6yjdt6c] {
    justify-content: space-between !important;
}

.align-items-center[b-pml6yjdt6c] {
    align-items: center !important;
}

/* Margin utilities */
.mb-0[b-pml6yjdt6c] {
    margin-bottom: 0 !important;
}

.mb-4[b-pml6yjdt6c] {
    margin-bottom: 32px !important;
}

.mt-3[b-pml6yjdt6c] {
    margin-top: 24px !important;
}

.mt-4[b-pml6yjdt6c] {
    margin-top: 32px !important;
}

/* Text utilities */
.text-white[b-pml6yjdt6c] {
    color: #FFFFFF !important;
}

.text-end[b-pml6yjdt6c] {
    text-align: right !important;
}

.fw-bold[b-pml6yjdt6c] {
    font-weight: 600 !important;
}

/* Ícones Bootstrap */
.bi[b-pml6yjdt6c] {
    font-size: inherit;
}

/* Responsividade */
@media (max-width: 768px) {
    .container[b-pml6yjdt6c] {
        padding: 16px 12px;
    }
    
    .card-header[b-pml6yjdt6c],
    .card-body[b-pml6yjdt6c] {
        padding: 20px 16px;
    }
    
    .card-header h3[b-pml6yjdt6c] {
        font-size: 20px;
    }
    
    .col-md-6[b-pml6yjdt6c] {
        width: 100%;
        margin-bottom: 24px;
    }
    
    .col-sm-4[b-pml6yjdt6c],
    .col-sm-8[b-pml6yjdt6c] {
        width: 100%;
    }
    
    .col-sm-4[b-pml6yjdt6c] {
        margin-bottom: 4px;
    }
    
    .col-sm-8[b-pml6yjdt6c] {
        margin-bottom: 16px;
        margin-left: 16px;
    }
    
    .table thead th[b-pml6yjdt6c],
    .table tbody td[b-pml6yjdt6c],
    .table tfoot td[b-pml6yjdt6c] {
        padding: 8px 6px;
        font-size: 12px;
    }
    
    .d-flex.justify-content-between[b-pml6yjdt6c] {
        flex-direction: column;
        gap: 12px;
    }
    
    .badge[b-pml6yjdt6c] {
        align-self: flex-start;
    }
    
    .d-flex.gap-2[b-pml6yjdt6c] {
        flex-direction: column;
        gap: 12px;
    }
    
    .btn[b-pml6yjdt6c] {
        width: 100%;
        justify-content: center;
    }
    
    .modal-dialog[b-pml6yjdt6c] {
        margin: 1rem;
        max-width: calc(100% - 2rem);
    }
    
    .modal-header[b-pml6yjdt6c],
    .modal-body[b-pml6yjdt6c],
    .modal-footer[b-pml6yjdt6c] {
        padding: 16px;
    }
    
    /* Esconder algumas colunas em mobile */
    .table th:nth-child(1)[b-pml6yjdt6c],
    .table td:nth-child(1)[b-pml6yjdt6c],
    .table th:nth-child(3)[b-pml6yjdt6c],
    .table td:nth-child(3)[b-pml6yjdt6c] {
        display: none;
    }
}

/* Animações de entrada */
.card[b-pml6yjdt6c] {
    animation: fadeInUp-b-pml6yjdt6c 0.6s ease-out;
}

@keyframes fadeInUp-b-pml6yjdt6c {
    from {
        opacity: 0;
        transform: translateY(20px);
    }
    to {
        opacity: 1;
        transform: translateY(0);
    }
}

/* Estados específicos para diferentes seções */
.info-section[b-pml6yjdt6c] {
    background-color: #FAFBFC;
    border-radius: 8px;
    padding: 20px;
    margin-bottom: 24px;
}

.boleto-section[b-pml6yjdt6c] {
    background-color: #E6EEF8;
    border-radius: 8px;
    padding: 20px;
    border-left: 4px solid #14365C;
}

/* Destaque para valores totais */
.total-highlight[b-pml6yjdt6c] {
    background-color: #E6EEF8;
    padding: 2px 8px;
    border-radius: 4px;
    font-weight: 600;
    color: #14365C;
}

/* Estados de botão desabilitado */
.btn:disabled[b-pml6yjdt6c] {
    background-color: #9CA3AF;
    border-color: #9CA3AF;
    color: #FFFFFF;
    cursor: not-allowed;
    transform: none;
    box-shadow: none;
}

/* Indicadores visuais para status */
.status-indicator[b-pml6yjdt6c] {
    width: 8px;
    height: 8px;
    border-radius: 50%;
    display: inline-block;
    margin-right: 8px;
}

.status-indicator.pendente[b-pml6yjdt6c] {
    background-color: #F59E0B;
}

.status-indicator.paga[b-pml6yjdt6c] {
    background-color: #027A48;
}

.status-indicator.vencida[b-pml6yjdt6c] {
    background-color: #B42318;
}

.status-indicator.cancelada[b-pml6yjdt6c] {
    background-color: #6B7280;
}

/* Melhorias para tabelas em modais */
.modal-body .table[b-pml6yjdt6c] {
    margin-bottom: 0;
    font-size: 13px;
}

.modal-body .table thead th[b-pml6yjdt6c] {
    padding: 8px;
    font-size: 11px;
}

.modal-body .table tbody td[b-pml6yjdt6c] {
    padding: 8px;
}

/* Efeito hover nos modais */
.modal.show[b-pml6yjdt6c] {
    animation: modalFadeIn-b-pml6yjdt6c 0.3s ease-out;
}

@keyframes modalFadeIn-b-pml6yjdt6c {
    from {
        opacity: 0;
        transform: scale(0.9);
    }
    to {
        opacity: 1;
        transform: scale(1);
    }
}

/* Melhorias para valores monetários */
.table tbody td:last-child[b-pml6yjdt6c],
.table tfoot td:last-child[b-pml6yjdt6c] {
    font-weight: 600;
    color: #14365C;
}
/* _content/VeiculoSeguroBlazor/Components/Pages/Admin/EditarCliente.razor.rz.scp.css */
/* EditarCliente.razor.css - Estilo para página de edição de cliente baseado na paleta Oxford Blue */

/* Container principal */
.container[b-h0583a0y6e] {
    background-color: #F9FAFB;
    min-height: 100vh;
    padding: 32px 24px;
}

/* Título principal */
h1[b-h0583a0y6e] {
    font-family: 'Inter', -apple-system, BlinkMacSystemFont, 'Segoe UI', Roboto, sans-serif;
    font-size: 28px;
    font-weight: 600;
    color: #111827;
    margin-bottom: 32px;
    margin-top: 0;
}

/* Cards */
.card[b-h0583a0y6e] {
    background: #FFFFFF;
    border: none;
    border-radius: 12px;
    box-shadow: 0px 1px 3px rgba(16, 24, 40, 0.05);
    overflow: hidden;
}

.card-body[b-h0583a0y6e] {
    padding: 32px;
}

/* Layout de linhas e colunas */
.row[b-h0583a0y6e] {
    display: flex;
    flex-wrap: wrap;
    margin-right: -12px;
    margin-left: -12px;
}

.col-md-6[b-h0583a0y6e], .col-md-12[b-h0583a0y6e] {
    padding-right: 12px;
    padding-left: 12px;
}

.col-md-6[b-h0583a0y6e] {
    flex: 0 0 auto;
    width: 50%;
}

.col-md-12[b-h0583a0y6e] {
    flex: 0 0 auto;
    width: 100%;
}

/* Grupos de formulário */
.form-group[b-h0583a0y6e] {
    margin-bottom: 24px;
}

.form-label[b-h0583a0y6e] {
    font-weight: 500;
    color: #111827;
    margin-bottom: 8px;
    font-size: 14px;
    display: block;
}

/* Campos de input */
.form-control[b-h0583a0y6e] {
    border: 1px solid #E5E7EB;
    border-radius: 6px;
    padding: 12px 16px;
    font-size: 14px;
    line-height: 1.5;
    color: #111827;
    background-color: #FFFFFF;
    transition: all 0.2s ease;
    width: 100%;
}

.form-control:focus[b-h0583a0y6e] {
    border-color: #14365C;
    box-shadow: 0 0 0 3px rgba(20, 54, 92, 0.1);
    outline: none;
}

.form-control[b-h0583a0y6e]::placeholder {
    color: #9CA3AF;
}

/* Estados de validação */
.form-control.is-invalid[b-h0583a0y6e] {
    border-color: #B42318;
    box-shadow: 0 0 0 3px rgba(180, 35, 24, 0.1);
}

.invalid-feedback[b-h0583a0y6e] {
    color: #B42318;
    font-size: 12px;
    margin-top: 4px;
    display: block;
}

/* Checkboxes */
.form-check[b-h0583a0y6e] {
    display: flex;
    align-items: center;
    gap: 8px;
    margin-top: 20px;
}

.form-check-input[b-h0583a0y6e] {
    width: 18px;
    height: 18px;
    border: 1px solid #E5E7EB;
    border-radius: 4px;
    background-color: #FFFFFF;
    cursor: pointer;
    appearance: none;
    position: relative;
    transition: all 0.2s ease;
}

.form-check-input:checked[b-h0583a0y6e] {
    background-color: #14365C;
    border-color: #14365C;
}

.form-check-input:checked[b-h0583a0y6e]::after {
    content: '✓';
    position: absolute;
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%);
    color: #FFFFFF;
    font-size: 12px;
    font-weight: bold;
}

.form-check-label[b-h0583a0y6e] {
    font-size: 14px;
    color: #111827;
    cursor: pointer;
    margin: 0;
    font-weight: 500;
}

/* Botões */
.btn[b-h0583a0y6e] {
    padding: 12px 24px;
    border-radius: 6px;
    font-weight: 500;
    font-size: 14px;
    cursor: pointer;
    transition: all 0.2s ease;
    display: inline-flex;
    align-items: center;
    gap: 8px;
    border: 1px solid transparent;
    text-decoration: none;
}

.btn-primary[b-h0583a0y6e] {
    background-color: #14365C;
    border-color: #14365C;
    color: #FFFFFF;
}

.btn-primary:hover:not(:disabled)[b-h0583a0y6e] {
    background-color: #0F2A47;
    border-color: #0F2A47;
    transform: translateY(-1px);
    box-shadow: 0 4px 8px rgba(20, 54, 92, 0.2);
}

.btn-secondary[b-h0583a0y6e] {
    background-color: #E5E7EB;
    border-color: #E5E7EB;
    color: #4B5563;
}

.btn-secondary:hover:not(:disabled)[b-h0583a0y6e] {
    background-color: #D1D5DB;
    border-color: #D1D5DB;
    color: #111827;
    transform: translateY(-1px);
    box-shadow: 0 2px 4px rgba(0, 0, 0, 0.1);
}

.btn:disabled[b-h0583a0y6e] {
    background-color: #9CA3AF;
    border-color: #9CA3AF;
    color: #FFFFFF;
    cursor: not-allowed;
    transform: none;
    box-shadow: none;
}

/* Spinner */
.spinner-border[b-h0583a0y6e] {
    width: 1.5rem;
    height: 1.5rem;
    border-width: 0.2em;
}

.spinner-border.text-primary[b-h0583a0y6e] {
    color: #14365C !important;
}

.spinner-border-sm[b-h0583a0y6e] {
    width: 16px;
    height: 16px;
    border-width: 2px;
}

/* Estados de loading */
.text-center[b-h0583a0y6e] {
    text-align: center;
    padding: 24px;
    color: #4B5563;
}

.text-center p[b-h0583a0y6e] {
    margin-top: 12px;
    margin-bottom: 0;
    font-size: 14px;
    color: #4B5563;
}

/* Alertas */
.alert[b-h0583a0y6e] {
    border: none;
    border-radius: 8px;
    padding: 16px;
    margin-top: 24px;
    font-size: 14px;
    line-height: 1.5;
}

.alert-danger[b-h0583a0y6e] {
    background-color: #FEF2F2;
    color: #B42318;
    border-left: 4px solid #B42318;
}

/* Flex utilities */
.d-flex[b-h0583a0y6e] {
    display: flex !important;
}

.justify-content-between[b-h0583a0y6e] {
    justify-content: space-between !important;
}

/* Margin utilities */
.mb-3[b-h0583a0y6e] {
    margin-bottom: 24px !important;
}

.mt-3[b-h0583a0y6e] {
    margin-top: 24px !important;
}

.mt-4[b-h0583a0y6e] {
    margin-top: 32px !important;
}

.ms-1[b-h0583a0y6e] {
    margin-left: 8px !important;
}

/* Visibility utilities */
.visually-hidden[b-h0583a0y6e] {
    position: absolute !important;
    width: 1px !important;
    height: 1px !important;
    padding: 0 !important;
    margin: -1px !important;
    overflow: hidden !important;
    clip: rect(0, 0, 0, 0) !important;
    white-space: nowrap !important;
    border: 0 !important;
}

/* Responsividade */
@media (max-width: 768px) {
    .container[b-h0583a0y6e] {
        padding: 16px 12px;
    }
    
    h1[b-h0583a0y6e] {
        font-size: 24px;
        margin-bottom: 24px;
    }
    
    .card-body[b-h0583a0y6e] {
        padding: 20px 16px;
    }
    
    .col-md-6[b-h0583a0y6e],
    .col-md-12[b-h0583a0y6e] {
        width: 100%;
        margin-bottom: 16px;
    }
    
    .d-flex.justify-content-between[b-h0583a0y6e] {
        flex-direction: column;
        gap: 12px;
    }
    
    .btn[b-h0583a0y6e] {
        width: 100%;
        justify-content: center;
    }
    
    .form-control[b-h0583a0y6e] {
        padding: 14px 16px;
        font-size: 16px; /* Previne zoom em iOS */
    }
    
    .form-check[b-h0583a0y6e] {
        margin-top: 16px;
        padding: 12px;
        background-color: #F9FAFB;
        border-radius: 6px;
        border: 1px solid #E5E7EB;
    }
}

/* Animações de entrada */
.card[b-h0583a0y6e] {
    animation: fadeInUp-b-h0583a0y6e 0.6s ease-out;
}

@keyframes fadeInUp-b-h0583a0y6e {
    from {
        opacity: 0;
        transform: translateY(20px);
    }
    to {
        opacity: 1;
        transform: translateY(0);
    }
}

/* Estados de foco melhorados */
.form-control:focus[b-h0583a0y6e],
.form-check-input:focus[b-h0583a0y6e] {
    box-shadow: 0 0 0 3px rgba(20, 54, 92, 0.1);
    border-color: #14365C;
}

/* Melhorias visuais para campos obrigatórios */
.form-label.required[b-h0583a0y6e]::after {
    content: ' *';
    color: #B42318;
    font-weight: bold;
}

/* Estados hover para campos */
.form-control:hover:not(:focus)[b-h0583a0y6e] {
    border-color: #D1D5DB;
}

/* Indicadores visuais para diferentes tipos de campo */
.form-control[type="email"][b-h0583a0y6e] {
    background-image: url("data:image/svg+xml;charset=utf8,%3Csvg xmlns='http://www.w3.org/2000/svg' width='16' height='16' fill='%23666' viewBox='0 0 16 16'%3E%3Cpath d='M2 2A2 2 0 0 0 0 4v8a2 2 0 0 0 2 2h12a2 2 0 0 0 2-2V4a2 2 0 0 0-2-2H2zM1 4a1 1 0 0 1 1-1h12a1 1 0 0 1 1 1v.217l-7 4.2-7-4.2V4zm13 2.383-4.708 2.825L15 11.105V6.383zm-.034 6.876-5.64-3.471L8 9.583l-0.326-.195-5.64 3.471A1 1 0 0 0 2 15h12a1 1 0 0 0 .966-.741zM1 11.105l4.708-1.897L1 6.383v4.722z'/%3E%3C/svg%3E");
    background-repeat: no-repeat;
    background-position: right 12px center;
    background-size: 16px;
    padding-right: 40px;
}

.form-control[type="tel"][b-h0583a0y6e] {
    background-image: url("data:image/svg+xml;charset=utf8,%3Csvg xmlns='http://www.w3.org/2000/svg' width='16' height='16' fill='%23666' viewBox='0 0 16 16'%3E%3Cpath d='M3.654 1.328a.678.678 0 0 0-1.015-.063L1.605 2.3c-.483.484-.661 1.169-.45 1.77a17.568 17.568 0 0 0 4.168 6.608 17.569 17.569 0 0 0 6.608 4.168c.601.211 1.286.033 1.77-.45l1.034-1.034a.678.678 0 0 0-.063-1.015l-2.307-1.794a.678.678 0 0 0-.58-.122L9.98 10.8a6.056 6.056 0 0 1-1.876-.91 5.963 5.963 0 0 1-.571-.454l-.005-.005L7.073 8.98a6.064 6.064 0 0 1-.91-1.876l.369-1.805a.678.678 0 0 0-.122-.58L3.654 1.328z'/%3E%3C/svg%3E");
    background-repeat: no-repeat;
    background-position: right 12px center;
    background-size: 16px;
    padding-right: 40px;
}

/* Melhorias para loading state */
.loading-overlay[b-h0583a0y6e] {
    position: relative;
}

.loading-overlay[b-h0583a0y6e]::after {
    content: '';
    position: absolute;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
    background-color: rgba(249, 250, 251, 0.8);
    border-radius: 12px;
    z-index: 10;
}

/* Container para botões de ação */
.action-buttons[b-h0583a0y6e] {
    background-color: #F9FAFB;
    border-top: 1px solid #E5E7EB;
    padding: 24px 32px;
    margin: 32px -32px -32px;
    border-radius: 0 0 12px 12px;
}

/* Melhorias para grupos de formulário */
.form-section[b-h0583a0y6e] {
    background-color: #FAFBFC;
    border-radius: 8px;
    padding: 20px;
    margin-bottom: 24px;
    border: 1px solid #F2F4F7;
}

.form-section h3[b-h0583a0y6e] {
    font-size: 16px;
    font-weight: 600;
    color: #111827;
    margin-bottom: 20px;
    margin-top: 0;
    padding-bottom: 8px;
    border-bottom: 1px solid #E5E7EB;
}

/* Estados de validação global */
.form-valid .form-control[b-h0583a0y6e] {
    border-color: #027A48;
}

.form-invalid .form-control.is-invalid[b-h0583a0y6e] {
    animation: shake-b-h0583a0y6e 0.5s ease-in-out;
}

@keyframes shake-b-h0583a0y6e {
    0%, 20%, 40%, 60%, 80%, 100% {
        transform: translateX(0);
    }
    10%, 30%, 50%, 70%, 90% {
        transform: translateX(-2px);
    }
}

/* Tooltip para campos */
.field-tooltip[b-h0583a0y6e] {
    position: relative;
    display: inline-block;
    margin-left: 4px;
    color: #4B5563;
    cursor: help;
}

.field-tooltip:hover[b-h0583a0y6e]::after {
    content: attr(data-tooltip);
    position: absolute;
    bottom: 100%;
    left: 50%;
    transform: translateX(-50%);
    background-color: #111827;
    color: #FFFFFF;
    padding: 8px 12px;
    border-radius: 4px;
    font-size: 12px;
    white-space: nowrap;
    z-index: 1000;
}
/* _content/VeiculoSeguroBlazor/Components/Pages/Admin/EditarUsuario.razor.rz.scp.css */
/* EditarUsuario.razor.css - Estilo para página de edição de usuário baseado na paleta Oxford Blue */

/* Container principal */
.container[b-804p5asppl] {
    background-color: #F9FAFB;
    min-height: 100vh;
    padding: 32px 24px;
}

/* Título principal */
h1[b-804p5asppl] {
    font-family: 'Inter', -apple-system, BlinkMacSystemFont, 'Segoe UI', Roboto, sans-serif;
    font-size: 28px;
    font-weight: 600;
    color: #111827;
    margin-bottom: 32px;
    margin-top: 0;
}

/* Cards */
.card[b-804p5asppl] {
    background: #FFFFFF;
    border: none;
    border-radius: 12px;
    box-shadow: 0px 1px 3px rgba(16, 24, 40, 0.05);
    overflow: hidden;
}

.card-body[b-804p5asppl] {
    padding: 32px;
}

/* Layout de linhas e colunas */
.row[b-804p5asppl] {
    display: flex;
    flex-wrap: wrap;
    margin-right: -12px;
    margin-left: -12px;
}

.col-md-6[b-804p5asppl] {
    flex: 0 0 auto;
    width: 50%;
    padding-right: 12px;
    padding-left: 12px;
}

/* Grupos de formulário */
.form-group[b-804p5asppl] {
    margin-bottom: 24px;
}

.form-label[b-804p5asppl] {
    font-weight: 500;
    color: #111827;
    margin-bottom: 8px;
    font-size: 14px;
    display: block;
}

/* Campos obrigatórios */
.form-label:has(+ input[required])[b-804p5asppl],
.form-label:contains("*")[b-804p5asppl] {
    position: relative;
}

.form-label:contains("*")[b-804p5asppl]::after {
    content: '';
    position: absolute;
    top: 0;
    right: -8px;
    width: 4px;
    height: 4px;
    background-color: #B42318;
    border-radius: 50%;
}

/* Campos de input */
.form-control[b-804p5asppl] {
    border: 1px solid #E5E7EB;
    border-radius: 6px;
    padding: 12px 16px;
    font-size: 14px;
    line-height: 1.5;
    color: #111827;
    background-color: #FFFFFF;
    transition: all 0.2s ease;
    width: 100%;
}

.form-control:focus[b-804p5asppl] {
    border-color: #14365C;
    box-shadow: 0 0 0 3px rgba(20, 54, 92, 0.1);
    outline: none;
}

.form-control[b-804p5asppl]::placeholder {
    color: #9CA3AF;
}

/* Select dropdown */
.form-select[b-804p5asppl] {
    border: 1px solid #E5E7EB;
    border-radius: 6px;
    padding: 12px 16px;
    font-size: 14px;
    line-height: 1.5;
    color: #111827;
    background-color: #FFFFFF;
    transition: all 0.2s ease;
    width: 100%;
    background-image: url("data:image/svg+xml;charset=utf8,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 16 16'%3E%3Cpath fill='none' stroke='%23666' stroke-linecap='round' stroke-linejoin='round' stroke-width='2' d='M2 5l6 6 6-6'/%3E%3C/svg%3E");
    background-repeat: no-repeat;
    background-position: right 12px center;
    background-size: 16px;
    padding-right: 40px;
}

.form-select:focus[b-804p5asppl] {
    border-color: #14365C;
    box-shadow: 0 0 0 3px rgba(20, 54, 92, 0.1);
    outline: none;
}

/* Checkboxes */
.form-check[b-804p5asppl] {
    display: flex;
    align-items: center;
    gap: 12px;
    margin-bottom: 12px;
    padding: 8px 12px;
    border-radius: 6px;
    transition: background-color 0.2s ease;
}

.form-check:hover[b-804p5asppl] {
    background-color: #F9FAFB;
}

.form-check-input[b-804p5asppl] {
    width: 18px;
    height: 18px;
    border: 1px solid #E5E7EB;
    border-radius: 4px;
    background-color: #FFFFFF;
    cursor: pointer;
    appearance: none;
    position: relative;
    transition: all 0.2s ease;
    margin: 0;
}

.form-check-input:checked[b-804p5asppl] {
    background-color: #14365C;
    border-color: #14365C;
}

.form-check-input:checked[b-804p5asppl]::after {
    content: '✓';
    position: absolute;
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%);
    color: #FFFFFF;
    font-size: 12px;
    font-weight: bold;
}

.form-check-label[b-804p5asppl] {
    font-size: 14px;
    color: #111827;
    cursor: pointer;
    margin: 0;
    font-weight: 500;
    flex: 1;
}

/* Container para checkboxes de perfis */
.mt-2[b-804p5asppl] {
    margin-top: 16px;
    background-color: #F9FAFB;
    border-radius: 8px;
    padding: 16px;
    border: 1px solid #E5E7EB;
}

/* Botões */
.btn[b-804p5asppl] {
    padding: 12px 24px;
    border-radius: 6px;
    font-weight: 500;
    font-size: 14px;
    cursor: pointer;
    transition: all 0.2s ease;
    display: inline-flex;
    align-items: center;
    gap: 8px;
    border: 1px solid transparent;
    text-decoration: none;
}

.btn-primary[b-804p5asppl] {
    background-color: #14365C;
    border-color: #14365C;
    color: #FFFFFF;
}

.btn-primary:hover:not(:disabled)[b-804p5asppl] {
    background-color: #0F2A47;
    border-color: #0F2A47;
    transform: translateY(-1px);
    box-shadow: 0 4px 8px rgba(20, 54, 92, 0.2);
}

.btn-secondary[b-804p5asppl] {
    background-color: #E5E7EB;
    border-color: #E5E7EB;
    color: #4B5563;
}

.btn-secondary:hover:not(:disabled)[b-804p5asppl] {
    background-color: #D1D5DB;
    border-color: #D1D5DB;
    color: #111827;
    transform: translateY(-1px);
    box-shadow: 0 2px 4px rgba(0, 0, 0, 0.1);
}

.btn:disabled[b-804p5asppl] {
    background-color: #9CA3AF;
    border-color: #9CA3AF;
    color: #FFFFFF;
    cursor: not-allowed;
    transform: none;
    box-shadow: none;
}

/* Spinner */
.spinner-border[b-804p5asppl] {
    width: 1.5rem;
    height: 1.5rem;
    border-width: 0.2em;
}

.spinner-border-sm[b-804p5asppl] {
    width: 16px;
    height: 16px;
    border-width: 2px;
}

/* Alertas */
.alert[b-804p5asppl] {
    border: none;
    border-radius: 8px;
    padding: 16px;
    margin-top: 24px;
    font-size: 14px;
    line-height: 1.5;
}

.alert-danger[b-804p5asppl] {
    background-color: #FEF2F2;
    color: #B42318;
    border-left: 4px solid #B42318;
}

.alert-success[b-804p5asppl] {
    background-color: #ECFDF3;
    color: #027A48;
    border-left: 4px solid #027A48;
}

/* Mensagens de validação */
.text-danger[b-804p5asppl] {
    color: #B42318;
    font-size: 12px;
    margin-top: 4px;
    display: block;
}

.validation-summary[b-804p5asppl] {
    background-color: #FEF2F2;
    border: 1px solid #F87171;
    border-radius: 8px;
    padding: 16px;
    margin-bottom: 24px;
}

.validation-summary ul[b-804p5asppl] {
    margin: 0;
    padding-left: 20px;
}

.validation-summary li[b-804p5asppl] {
    color: #B42318;
    font-size: 14px;
    margin-bottom: 4px;
}

/* Seções específicas para diferentes tipos de campo */
.password-section[b-804p5asppl] {
    background-color: #FEF3C7;
    border-radius: 8px;
    padding: 20px;
    margin-bottom: 24px;
    border-left: 4px solid #F59E0B;
}

.roles-section[b-804p5asppl] {
    background-color: #E6EEF8;
    border-radius: 8px;
    padding: 20px;
    margin-bottom: 24px;
    border-left: 4px solid #14365C;
}

.cliente-section[b-804p5asppl] {
    background-color: #ECFDF3;
    border-radius: 8px;
    padding: 20px;
    margin-bottom: 24px;
    border-left: 4px solid #027A48;
}

/* Flex utilities */
.d-flex[b-804p5asppl] {
    display: flex !important;
}

.justify-content-between[b-804p5asppl] {
    justify-content: space-between !important;
}

/* Margin utilities */
.mb-3[b-804p5asppl] {
    margin-bottom: 24px !important;
}

.mt-3[b-804p5asppl] {
    margin-top: 24px !important;
}

.mt-4[b-804p5asppl] {
    margin-top: 32px !important;
}

.ms-1[b-804p5asppl] {
    margin-left: 8px !important;
}

/* Ícones Bootstrap */
.bi[b-804p5asppl] {
    font-size: inherit;
}

/* Responsividade */
@media (max-width: 768px) {
    .container[b-804p5asppl] {
        padding: 16px 12px;
    }
    
    h1[b-804p5asppl] {
        font-size: 24px;
        margin-bottom: 24px;
    }
    
    .card-body[b-804p5asppl] {
        padding: 20px 16px;
    }
    
    .col-md-6[b-804p5asppl] {
        width: 100%;
        margin-bottom: 16px;
    }
    
    .d-flex.justify-content-between[b-804p5asppl] {
        flex-direction: column;
        gap: 12px;
    }
    
    .btn[b-804p5asppl] {
        width: 100%;
        justify-content: center;
    }
    
    .form-control[b-804p5asppl],
    .form-select[b-804p5asppl] {
        padding: 14px 16px;
        font-size: 16px; /* Previne zoom em iOS */
    }
    
    .form-check[b-804p5asppl] {
        padding: 12px;
        background-color: #F9FAFB;
        border-radius: 6px;
        border: 1px solid #E5E7EB;
        margin-bottom: 8px;
    }
    
    .mt-2[b-804p5asppl] {
        padding: 12px;
    }
}

/* Animações de entrada */
.card[b-804p5asppl] {
    animation: fadeInUp-b-804p5asppl 0.6s ease-out;
}

@keyframes fadeInUp-b-804p5asppl {
    from {
        opacity: 0;
        transform: translateY(20px);
    }
    to {
        opacity: 1;
        transform: translateY(0);
    }
}

/* Estados de foco melhorados */
.form-control:focus[b-804p5asppl],
.form-select:focus[b-804p5asppl],
.form-check-input:focus[b-804p5asppl] {
    box-shadow: 0 0 0 3px rgba(20, 54, 92, 0.1);
    border-color: #14365C;
}

/* Estados hover para campos */
.form-control:hover:not(:focus)[b-804p5asppl],
.form-select:hover:not(:focus)[b-804p5asppl] {
    border-color: #D1D5DB;
}

/* Melhorias visuais para diferentes tipos de input */
input[type="password"][b-804p5asppl] {
    background-image: url("data:image/svg+xml;charset=utf8,%3Csvg xmlns='http://www.w3.org/2000/svg' width='16' height='16' fill='%23666' viewBox='0 0 16 16'%3E%3Cpath d='M8 1a2 2 0 0 1 2 2v4H6V3a2 2 0 0 1 2-2zm3 6V3a3 3 0 0 0-6 0v4a2 2 0 0 0-2 2v5a2 2 0 0 0 2 2h6a2 2 0 0 0 2-2V9a2 2 0 0 0-2-2z'/%3E%3C/svg%3E");
    background-repeat: no-repeat;
    background-position: right 12px center;
    background-size: 16px;
    padding-right: 40px;
}

input[type="email"][b-804p5asppl] {
    background-image: url("data:image/svg+xml;charset=utf8,%3Csvg xmlns='http://www.w3.org/2000/svg' width='16' height='16' fill='%23666' viewBox='0 0 16 16'%3E%3Cpath d='M2 2A2 2 0 0 0 0 4v8a2 2 0 0 0 2 2h12a2 2 0 0 0 2-2V4a2 2 0 0 0-2-2H2zM1 4a1 1 0 0 1 1-1h12a1 1 0 0 1 1 1v.217l-7 4.2-7-4.2V4zm13 2.383-4.708 2.825L15 11.105V6.383zm-.034 6.876-5.64-3.471L8 9.583l-0.326-.195-5.64 3.471A1 1 0 0 0 2 15h12a1 1 0 0 0 .966-.741zM1 11.105l4.708-1.897L1 6.383v4.722z'/%3E%3C/svg%3E");
    background-repeat: no-repeat;
    background-position: right 12px center;
    background-size: 16px;
    padding-right: 40px;
}

/* Estados de validação específicos */
.form-control.is-valid[b-804p5asppl] {
    border-color: #027A48;
    background-image: url("data:image/svg+xml;charset=utf8,%3Csvg xmlns='http://www.w3.org/2000/svg' width='16' height='16' fill='%23027A48' viewBox='0 0 16 16'%3E%3Cpath d='M12.736 3.97a.733.733 0 0 1 1.047 0c.286.289.29.756.01 1.05L7.88 12.01a.733.733 0 0 1-1.065.02L3.217 8.384a.757.757 0 0 1 0-1.06.733.733 0 0 1 1.047 0l3.052 3.093 5.4-6.425a.247.247 0 0 1 .02-.022Z'/%3E%3C/svg%3E");
    background-repeat: no-repeat;
    background-position: right 12px center;
    background-size: 16px;
}

.form-control.is-invalid[b-804p5asppl] {
    border-color: #B42318;
    background-image: url("data:image/svg+xml;charset=utf8,%3Csvg xmlns='http://www.w3.org/2000/svg' width='16' height='16' fill='%23B42318' viewBox='0 0 16 16'%3E%3Cpath d='M16 8A8 8 0 1 1 0 8a8 8 0 0 1 16 0zM5.354 4.646a.5.5 0 1 0-.708.708L7.293 8l-2.647 2.646a.5.5 0 0 0 .708.708L8 8.707l2.646 2.647a.5.5 0 0 0 .708-.708L8.707 8l2.647-2.646a.5.5 0 0 0-.708-.708L8 7.293 5.354 4.646z'/%3E%3C/svg%3E");
    background-repeat: no-repeat;
    background-position: right 12px center;
    background-size: 16px;
}

/* Animação para validação */
.form-invalid .form-control.is-invalid[b-804p5asppl] {
    animation: shake-b-804p5asppl 0.5s ease-in-out;
}

@keyframes shake-b-804p5asppl {
    0%, 20%, 40%, 60%, 80%, 100% {
        transform: translateX(0);
    }
    10%, 30%, 50%, 70%, 90% {
        transform: translateX(-2px);
    }
}

/* Melhorias para loading state */
.loading-overlay[b-804p5asppl] {
    position: relative;
}

.loading-overlay[b-804p5asppl]::after {
    content: '';
    position: absolute;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
    background-color: rgba(249, 250, 251, 0.8);
    border-radius: 12px;
    z-index: 10;
}

/* Container para botões de ação */
.action-buttons[b-804p5asppl] {
    background-color: #F9FAFB;
    border-top: 1px solid #E5E7EB;
    padding: 24px 32px;
    margin: 32px -32px -32px;
    border-radius: 0 0 12px 12px;
}

/* Estados de sucesso e erro para o formulário completo */
.form-success[b-804p5asppl] {
    border: 2px solid #027A48;
    border-radius: 12px;
}

.form-error[b-804p5asppl] {
    border: 2px solid #B42318;
    border-radius: 12px;
}

/* Melhorias para seções do formulário */
.form-section-title[b-804p5asppl] {
    font-size: 16px;
    font-weight: 600;
    color: #111827;
    margin-bottom: 16px;
    padding-bottom: 8px;
    border-bottom: 1px solid #E5E7EB;
}

/* Indicadores visuais para perfis */
.role-admin .form-check-label[b-804p5asppl] {
    color: #B42318;
    font-weight: 600;
}

.role-gestor .form-check-label[b-804p5asppl] {
    color: #F59E0B;
    font-weight: 600;
}

.role-usuario .form-check-label[b-804p5asppl] {
    color: #027A48;
    font-weight: 600;
}

/* Tooltip para ajuda */
.help-tooltip[b-804p5asppl] {
    position: relative;
    display: inline-block;
    margin-left: 4px;
    color: #4B5563;
    cursor: help;
}

.help-tooltip:hover[b-804p5asppl]::after {
    content: attr(data-tooltip);
    position: absolute;
    bottom: 100%;
    left: 50%;
    transform: translateX(-50%);
    background-color: #111827;
    color: #FFFFFF;
    padding: 8px 12px;
    border-radius: 4px;
    font-size: 12px;
    white-space: nowrap;
    z-index: 1000;
}
/* _content/VeiculoSeguroBlazor/Components/Pages/Admin/FaturasCliente.razor.rz.scp.css */
/* FaturasCliente.razor.css - Estilo para página de faturas do cliente baseado na paleta Oxford Blue */

/* Container principal */
.container[b-mhnsu97cw1] {
    background-color: #F9FAFB;
    min-height: 100vh;
    padding: 32px 24px;
}

/* Botão de voltar */
.btn-secondary[b-mhnsu97cw1] {
    background-color: #E5E7EB;
    border-color: #E5E7EB;
    color: #4B5563;
    padding: 10px 18px;
    border-radius: 6px;
    font-weight: 500;
    font-size: 14px;
    cursor: pointer;
    transition: all 0.2s ease;
    display: inline-flex;
    align-items: center;
    gap: 8px;
    border: 1px solid transparent;
}

.btn-secondary:hover[b-mhnsu97cw1] {
    background-color: #D1D5DB;
    border-color: #D1D5DB;
    color: #111827;
    transform: translateY(-1px);
    box-shadow: 0 2px 4px rgba(0, 0, 0, 0.1);
}

/* Estados de loading */
.loading-text[b-mhnsu97cw1] {
    display: flex;
    justify-content: center;
    align-items: center;
    padding: 48px 24px;
    color: #4B5563;
    font-style: italic;
}

/* Cards */
.card[b-mhnsu97cw1] {
    background: #FFFFFF;
    border: none;
    border-radius: 12px;
    box-shadow: 0px 1px 3px rgba(16, 24, 40, 0.05);
    overflow: hidden;
    margin-bottom: 24px;
}

.card-header[b-mhnsu97cw1] {
    padding: 24px;
    border-bottom: 1px solid #E5E7EB;
}

.card-header.bg-primary[b-mhnsu97cw1] {
    background-color: #14365C !important;
    color: #FFFFFF;
    border-bottom: none;
}

.card-header h3[b-mhnsu97cw1], .card-header h4[b-mhnsu97cw1] {
    font-family: 'Inter', -apple-system, BlinkMacSystemFont, 'Segoe UI', Roboto, sans-serif;
    font-size: 20px;
    font-weight: 600;
    margin: 0;
}

.card-body[b-mhnsu97cw1] {
    padding: 24px;
}

/* Card de resumo (bg-light) */
.card.bg-light[b-mhnsu97cw1] {
    background-color: #F9FAFB !important;
    border: 1px solid #E5E7EB;
}

.card.bg-light .card-body[b-mhnsu97cw1] {
    padding: 20px;
}

.card.bg-light .card-title[b-mhnsu97cw1] {
    font-size: 16px;
    font-weight: 600;
    color: #111827;
    margin-bottom: 12px;
}

.card.bg-light .card-text[b-mhnsu97cw1] {
    font-size: 14px;
    color: #4B5563;
    margin-bottom: 8px;
    font-weight: 500;
}

/* Layout de colunas */
.row[b-mhnsu97cw1] {
    display: flex;
    flex-wrap: wrap;
    margin-right: -12px;
    margin-left: -12px;
}

.col[b-mhnsu97cw1], .col-md-4[b-mhnsu97cw1] {
    padding-right: 12px;
    padding-left: 12px;
}

.col-md-4[b-mhnsu97cw1] {
    flex: 0 0 auto;
    width: 33.33333333%;
}

.col[b-mhnsu97cw1] {
    flex: 1 0 0%;
}

/* Listas de definição */
.row dl[b-mhnsu97cw1] {
    margin-bottom: 0;
}

dt[b-mhnsu97cw1] {
    font-weight: 600;
    color: #4B5563;
    font-size: 14px;
    margin-bottom: 8px;
}

dd[b-mhnsu97cw1] {
    color: #111827;
    font-size: 14px;
    margin-bottom: 16px;
    font-weight: 500;
}

.col-sm-4[b-mhnsu97cw1] {
    flex: 0 0 auto;
    width: 33.33333333%;
}

.col-sm-8[b-mhnsu97cw1] {
    flex: 0 0 auto;
    width: 66.66666667%;
}

/* Badges de status */
.badge[b-mhnsu97cw1] {
    padding: 6px 12px;
    border-radius: 12px;
    font-size: 11px;
    font-weight: 500;
    text-transform: uppercase;
    letter-spacing: 0.025em;
}

.bg-success[b-mhnsu97cw1] {
    background-color: #ECFDF3 !important;
    color: #027A48 !important;
}

.bg-danger[b-mhnsu97cw1] {
    background-color: #FEF2F2 !important;
    color: #B42318 !important;
}

.bg-warning[b-mhnsu97cw1] {
    background-color: #FEF3C7 !important;
    color: #92400E !important;
}

.bg-secondary[b-mhnsu97cw1] {
    background-color: #F3F4F6 !important;
    color: #4B5563 !important;
}

.bg-info[b-mhnsu97cw1] {
    background-color: #E6EEF8 !important;
    color: #14365C !important;
}

/* Alertas */
.alert[b-mhnsu97cw1] {
    border: none;
    border-radius: 8px;
    padding: 16px;
    margin-bottom: 24px;
    font-size: 14px;
    line-height: 1.5;
}

.alert-info[b-mhnsu97cw1] {
    background-color: #E6EEF8;
    color: #14365C;
    border-left: 4px solid #14365C;
}

/* Seção de filtros */
.input-group[b-mhnsu97cw1] {
    display: flex;
    gap: 8px;
}

.form-select[b-mhnsu97cw1] {
    border: 1px solid #E5E7EB;
    border-radius: 6px;
    padding: 8px 12px;
    font-size: 14px;
    line-height: 1.5;
    color: #111827;
    background-color: #FFFFFF;
    transition: all 0.2s ease;
    background-image: url("data:image/svg+xml;charset=utf8,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 16 16'%3E%3Cpath fill='none' stroke='%23666' stroke-linecap='round' stroke-linejoin='round' stroke-width='2' d='M2 5l6 6 6-6'/%3E%3C/svg%3E");
    background-repeat: no-repeat;
    background-position: right 8px center;
    background-size: 12px;
    padding-right: 32px;
    min-width: 140px;
}

.form-select:focus[b-mhnsu97cw1] {
    border-color: #14365C;
    box-shadow: 0 0 0 3px rgba(20, 54, 92, 0.1);
    outline: none;
}

/* Botões */
.btn[b-mhnsu97cw1] {
    padding: 8px 16px;
    border-radius: 6px;
    font-weight: 500;
    font-size: 14px;
    cursor: pointer;
    transition: all 0.2s ease;
    display: inline-flex;
    align-items: center;
    gap: 6px;
    border: 1px solid transparent;
    text-decoration: none;
}

.btn-outline-primary[b-mhnsu97cw1] {
    background-color: transparent;
    border-color: #14365C;
    color: #14365C;
}

.btn-outline-primary:hover[b-mhnsu97cw1] {
    background-color: #14365C;
    border-color: #14365C;
    color: #FFFFFF;
    transform: translateY(-1px);
    box-shadow: 0 2px 4px rgba(20, 54, 92, 0.2);
}

.btn-sm[b-mhnsu97cw1] {
    padding: 6px 12px;
    font-size: 12px;
}

.btn-info[b-mhnsu97cw1] {
    background-color: #14365C;
    border-color: #14365C;
    color: #FFFFFF;
}

.btn-info:hover[b-mhnsu97cw1] {
    background-color: #0F2A47;
    border-color: #0F2A47;
    transform: translateY(-1px);
    box-shadow: 0 2px 4px rgba(20, 54, 92, 0.2);
}

.btn-warning[b-mhnsu97cw1] {
    background-color: #F59E0B;
    border-color: #F59E0B;
    color: #FFFFFF;
}

.btn-warning:hover[b-mhnsu97cw1] {
    background-color: #D97706;
    border-color: #D97706;
    transform: translateY(-1px);
    box-shadow: 0 2px 4px rgba(245, 158, 11, 0.2);
}

.btn-primary[b-mhnsu97cw1] {
    background-color: #14365C;
    border-color: #14365C;
    color: #FFFFFF;
}

.btn-primary:hover[b-mhnsu97cw1] {
    background-color: #0F2A47;
    border-color: #0F2A47;
    transform: translateY(-1px);
    box-shadow: 0 4px 8px rgba(20, 54, 92, 0.2);
}

/* Grupos de botões */
.btn-group[b-mhnsu97cw1] {
    display: flex;
    gap: 4px;
}

.btn-group .btn[b-mhnsu97cw1] {
    border-radius: 4px;
}

/* Tabelas */
.table-responsive[b-mhnsu97cw1] {
    border-radius: 8px;
    overflow: hidden;
    margin-top: 16px;
}

.table[b-mhnsu97cw1] {
    margin-bottom: 0;
    color: #111827;
    font-size: 14px;
}

.table thead th[b-mhnsu97cw1] {
    background-color: #F9FAFB;
    border-bottom: 2px solid #E5E7EB;
    color: #4B5563;
    font-weight: 600;
    font-size: 12px;
    text-transform: uppercase;
    letter-spacing: 0.05em;
    padding: 12px;
    border-top: none;
}

.table tbody td[b-mhnsu97cw1] {
    padding: 12px;
    border-bottom: 1px solid #F2F4F7;
    vertical-align: middle;
}

.table-striped tbody tr:nth-of-type(odd)[b-mhnsu97cw1] {
    background-color: rgba(249, 250, 251, 0.5);
}

.table tbody tr:hover[b-mhnsu97cw1] {
    background-color: rgba(20, 54, 92, 0.02);
}

/* Modais */
.modal[b-mhnsu97cw1] {
    z-index: 1050;
}

.modal-backdrop[b-mhnsu97cw1] {
    background-color: rgba(17, 24, 39, 0.5);
    z-index: 1040;
}

.modal-dialog[b-mhnsu97cw1] {
    margin: 1.75rem auto;
    max-width: 500px;
}

.modal-content[b-mhnsu97cw1] {
    background-color: #FFFFFF;
    border: none;
    border-radius: 12px;
    box-shadow: 0px 10px 25px rgba(16, 24, 40, 0.15);
    overflow: hidden;
}

.modal-header[b-mhnsu97cw1] {
    background-color: #F9FAFB;
    border-bottom: 1px solid #E5E7EB;
    padding: 20px 24px;
    display: flex;
    justify-content: space-between;
    align-items: center;
}

.modal-title[b-mhnsu97cw1] {
    font-family: 'Inter', -apple-system, BlinkMacSystemFont, 'Segoe UI', Roboto, sans-serif;
    font-size: 18px;
    font-weight: 600;
    color: #111827;
    margin: 0;
}

.close[b-mhnsu97cw1] {
    background: none;
    border: none;
    font-size: 24px;
    color: #4B5563;
    cursor: pointer;
    padding: 0;
    width: 32px;
    height: 32px;
    display: flex;
    align-items: center;
    justify-content: center;
    border-radius: 4px;
    transition: all 0.2s ease;
}

.close:hover[b-mhnsu97cw1] {
    background-color: #E5E7EB;
    color: #111827;
}

.modal-body[b-mhnsu97cw1] {
    padding: 24px;
}

.modal-footer[b-mhnsu97cw1] {
    background-color: #F9FAFB;
    border-top: 1px solid #E5E7EB;
    padding: 16px 24px;
    display: flex;
    justify-content: flex-end;
    gap: 12px;
}

/* Formulários nos modais */
.form-group[b-mhnsu97cw1] {
    margin-bottom: 20px;
}

.form-group label[b-mhnsu97cw1] {
    font-weight: 500;
    color: #111827;
    margin-bottom: 8px;
    font-size: 14px;
    display: block;
}

.form-control[b-mhnsu97cw1] {
    border: 1px solid #E5E7EB;
    border-radius: 6px;
    padding: 10px 14px;
    font-size: 14px;
    line-height: 1.5;
    color: #111827;
    background-color: #FFFFFF;
    transition: all 0.2s ease;
    width: 100%;
}

.form-control:focus[b-mhnsu97cw1] {
    border-color: #14365C;
    box-shadow: 0 0 0 3px rgba(20, 54, 92, 0.1);
    outline: none;
}

/* Flex utilities */
.d-flex[b-mhnsu97cw1] {
    display: flex !important;
}

.justify-content-between[b-mhnsu97cw1] {
    justify-content: space-between !important;
}

.align-items-center[b-mhnsu97cw1] {
    align-items: center !important;
}

/* Text utilities */
.text-white[b-mhnsu97cw1] {
    color: #FFFFFF !important;
}

.text-center[b-mhnsu97cw1] {
    text-align: center !important;
}

/* Margin utilities */
.mb-0[b-mhnsu97cw1] {
    margin-bottom: 0 !important;
}

.mb-4[b-mhnsu97cw1] {
    margin-bottom: 32px !important;
}

/* Ícones Bootstrap */
.bi[b-mhnsu97cw1] {
    font-size: inherit;
}

/* Responsividade */
@media (max-width: 768px) {
    .container[b-mhnsu97cw1] {
        padding: 16px 12px;
    }
    
    .card-header[b-mhnsu97cw1],
    .card-body[b-mhnsu97cw1] {
        padding: 16px;
    }
    
    .col-md-4[b-mhnsu97cw1] {
        width: 100%;
        margin-bottom: 24px;
    }
    
    .col-sm-4[b-mhnsu97cw1],
    .col-sm-8[b-mhnsu97cw1] {
        width: 100%;
    }
    
    .col-sm-4[b-mhnsu97cw1] {
        margin-bottom: 4px;
    }
    
    .col-sm-8[b-mhnsu97cw1] {
        margin-bottom: 16px;
        margin-left: 16px;
    }
    
    .input-group[b-mhnsu97cw1] {
        flex-direction: column;
        gap: 12px;
    }
    
    .form-select[b-mhnsu97cw1] {
        min-width: auto;
        width: 100%;
    }
    
    .d-flex.justify-content-between[b-mhnsu97cw1] {
        flex-direction: column;
        gap: 16px;
    }
    
    .table thead th[b-mhnsu97cw1],
    .table tbody td[b-mhnsu97cw1] {
        padding: 8px 6px;
        font-size: 12px;
    }
    
    .btn-group[b-mhnsu97cw1] {
        flex-direction: column;
        gap: 4px;
    }
    
    .btn-sm[b-mhnsu97cw1] {
        width: 100%;
        justify-content: center;
    }
    
    .modal-dialog[b-mhnsu97cw1] {
        margin: 1rem;
        max-width: calc(100% - 2rem);
    }
    
    .modal-header[b-mhnsu97cw1],
    .modal-body[b-mhnsu97cw1],
    .modal-footer[b-mhnsu97cw1] {
        padding: 16px;
    }
    
    /* Esconder algumas colunas em mobile */
    .table th:nth-child(3)[b-mhnsu97cw1],
    .table td:nth-child(3)[b-mhnsu97cw1],
    .table th:nth-child(7)[b-mhnsu97cw1],
    .table td:nth-child(7)[b-mhnsu97cw1] {
        display: none;
    }
}

/* Animações de entrada */
.card[b-mhnsu97cw1] {
    animation: fadeInUp-b-mhnsu97cw1 0.6s ease-out;
}

.card:nth-child(1)[b-mhnsu97cw1] {
    animation-delay: 0.1s;
}

.card:nth-child(2)[b-mhnsu97cw1] {
    animation-delay: 0.2s;
}

@keyframes fadeInUp-b-mhnsu97cw1 {
    from {
        opacity: 0;
        transform: translateY(20px);
    }
    to {
        opacity: 1;
        transform: translateY(0);
    }
}

/* Estados específicos para valores */
.valor-destaque[b-mhnsu97cw1] {
    font-weight: 600;
    color: #14365C;
}

/* Melhorias para informações do cliente */
.cliente-info[b-mhnsu97cw1] {
    background-color: #F9FAFB;
    border-radius: 8px;
    padding: 16px;
    border-left: 4px solid #14365C;
}

/* Estados específicos para diferentes status de fatura */
.status-pendente[b-mhnsu97cw1] {
    background-color: #FEF3C7;
    color: #92400E;
}

.status-paga[b-mhnsu97cw1] {
    background-color: #ECFDF3;
    color: #027A48;
}

.status-vencida[b-mhnsu97cw1] {
    background-color: #FEF2F2;
    color: #B42318;
}

.status-cancelada[b-mhnsu97cw1] {
    background-color: #F3F4F6;
    color: #4B5563;
}

/* Melhorias para resumo */
.resumo-card[b-mhnsu97cw1] {
    border-left: 4px solid #14365C;
    background: linear-gradient(135deg, #F9FAFB 0%, #E6EEF8 100%);
}

/* Efeito hover nos modais */
.modal.show[b-mhnsu97cw1] {
    animation: modalFadeIn-b-mhnsu97cw1 0.3s ease-out;
}

@keyframes modalFadeIn-b-mhnsu97cw1 {
    from {
        opacity: 0;
        transform: scale(0.9);
    }
    to {
        opacity: 1;
        transform: scale(1);
    }
}

/* Estados de loading para tabela */
.table-loading[b-mhnsu97cw1] {
    text-align: center;
    padding: 48px 24px;
    color: #4B5563;
    font-style: italic;
}

/* Melhorias para seleção de filtros */
.filter-section[b-mhnsu97cw1] {
    background-color: #F9FAFB;
    border-radius: 8px;
    padding: 16px;
    margin-bottom: 16px;
    border: 1px solid #E5E7EB;
}

/* Indicadores visuais para faturas em atraso */
.fatura-vencida[b-mhnsu97cw1] {
    background-color: rgba(180, 35, 24, 0.05);
    border-left: 3px solid #B42318;
}

/* Melhorias para valores monetários na tabela */
.table tbody td:nth-child(5)[b-mhnsu97cw1] {
    font-weight: 600;
    color: #14365C;
}

/* Estados hover para linhas da tabela */
.table tbody tr:hover .btn[b-mhnsu97cw1] {
    transform: translateY(-1px);
    box-shadow: 0 2px 4px rgba(0, 0, 0, 0.1);
}

/* Melhorias para contadores */
.counter-badge[b-mhnsu97cw1] {
    background-color: #14365C;
    color: #FFFFFF;
    padding: 2px 8px;
    border-radius: 12px;
    font-size: 11px;
    font-weight: 600;
    margin-left: 8px;
}

/* Estados específicos para diferentes seções */
.section-header[b-mhnsu97cw1] {
    border-bottom: 2px solid #E6EEF8;
    padding-bottom: 8px;
    margin-bottom: 16px;
}

/* Melhorias para acessibilidade */
.btn:focus[b-mhnsu97cw1],
.form-select:focus[b-mhnsu97cw1],
.form-control:focus[b-mhnsu97cw1] {
    outline: 2px solid #14365C;
    outline-offset: 2px;
}

/* Tooltip para informações adicionais */
.info-tooltip[b-mhnsu97cw1] {
    position: relative;
    cursor: help;
    color: #4B5563;
    margin-left: 4px;
}

.info-tooltip:hover[b-mhnsu97cw1]::after {
    content: attr(data-tooltip);
    position: absolute;
    bottom: 100%;
    left: 50%;
    transform: translateX(-50%);
    background-color: #111827;
    color: #FFFFFF;
    padding: 8px 12px;
    border-radius: 4px;
    font-size: 12px;
    white-space: nowrap;
    z-index: 1000;
}
/* _content/VeiculoSeguroBlazor/Components/Pages/Admin/GerenciarAnexosCliente.razor.rz.scp.css */
/* GerenciarAnexosCliente.razor.css - Estilos para gerenciamento de anexos de clientes */

/* ===== BREADCRUMB ===== */
.breadcrumb[b-cfa7d2jkls] {
    background-color: #F9FAFB;
    padding: 12px 16px;
    border-radius: 8px;
}

.breadcrumb-item a[b-cfa7d2jkls] {
    color: #14365C;
    text-decoration: none;
    font-weight: 500;
}

.breadcrumb-item a:hover[b-cfa7d2jkls] {
    text-decoration: underline;
}

.breadcrumb-item.active[b-cfa7d2jkls] {
    color: #6B7280;
}

/* ===== HEADER ===== */
h1[b-cfa7d2jkls] {
    font-size: 28px;
    font-weight: 600;
    color: #111827;
    margin-bottom: 8px;
}

/* ===== EMPTY STATE ===== */
.empty-state[b-cfa7d2jkls] {
    text-align: center;
    padding: 80px 20px;
    background-color: #F9FAFB;
    border-radius: 12px;
    border: 2px dashed #E5E7EB;
}

.empty-state i[b-cfa7d2jkls] {
    font-size: 64px;
    color: #D1D5DB;
    margin-bottom: 16px;
}

.empty-state h5[b-cfa7d2jkls] {
    font-size: 18px;
    font-weight: 600;
    color: #111827;
    margin-bottom: 8px;
}

.empty-state p[b-cfa7d2jkls] {
    color: #6B7280;
    margin-bottom: 0;
}

/* ===== CARDS DE ANEXOS ===== */
.anexo-card[b-cfa7d2jkls] {
    background: #FFFFFF;
    border: 1px solid #E5E7EB;
    border-radius: 12px;
    overflow: hidden;
    transition: all 0.2s ease;
    display: flex;
    flex-direction: column;
    height: 100%;
}

.anexo-card:hover[b-cfa7d2jkls] {
    border-color: #14365C;
    box-shadow: 0 4px 12px rgba(20, 54, 92, 0.1);
    transform: translateY(-2px);
}

/* ===== PREVIEW/ÍCONE ===== */
.anexo-preview[b-cfa7d2jkls] {
    width: 100%;
    height: 200px;
    background-color: #F3F4F6;
    display: flex;
    align-items: center;
    justify-content: center;
    overflow: hidden;
    position: relative;
}

.anexo-imagem[b-cfa7d2jkls] {
    width: 100%;
    height: 100%;
    object-fit: cover;
    transition: transform 0.3s ease;
}

.anexo-card:hover .anexo-imagem[b-cfa7d2jkls] {
    transform: scale(1.05);
}

.pdf-icon-container[b-cfa7d2jkls] {
    display: flex;
    align-items: center;
    justify-content: center;
    width: 100%;
    height: 100%;
}

.pdf-icon[b-cfa7d2jkls] {
    font-size: 80px;
    color: #B42318;
}

/* ===== INFO DO ANEXO ===== */
.anexo-info[b-cfa7d2jkls] {
    padding: 16px;
    flex: 1;
}

.anexo-nome[b-cfa7d2jkls] {
    font-size: 14px;
    font-weight: 600;
    color: #111827;
    margin-bottom: 8px;
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis;
}

.anexo-descricao[b-cfa7d2jkls] {
    font-size: 12px;
    color: #6B7280;
    margin-top: 8px;
    margin-bottom: 0;
    font-style: italic;
    line-height: 1.4;
}

/* ===== AÇÕES ===== */
.anexo-actions[b-cfa7d2jkls] {
    display: flex;
    gap: 6px;
    padding: 12px 16px;
    border-top: 1px solid #E5E7EB;
    background-color: #F9FAFB;
}

.anexo-actions .btn[b-cfa7d2jkls] {
    flex: 1;
    font-size: 13px;
    padding: 6px 8px;
    display: flex;
    align-items: center;
    justify-content: center;
    gap: 4px;
}

.anexo-actions .btn i[b-cfa7d2jkls] {
    font-size: 16px;
}

/* ===== PAGINAÇÃO ===== */
.pagination[b-cfa7d2jkls] {
    margin-bottom: 0;
}

.page-link[b-cfa7d2jkls] {
    color: #14365C;
    border-color: #E5E7EB;
    padding: 8px 16px;
    font-weight: 500;
}

.page-link:hover[b-cfa7d2jkls] {
    background-color: #F9FAFB;
    border-color: #14365C;
    color: #14365C;
}

.page-item.active .page-link[b-cfa7d2jkls] {
    background-color: #14365C;
    border-color: #14365C;
    color: #FFFFFF;
}

.page-item.disabled .page-link[b-cfa7d2jkls] {
    background-color: #F3F4F6;
    border-color: #E5E7EB;
    color: #9CA3AF;
}

/* ===== MODAIS ===== */
.modal.show[b-cfa7d2jkls] {
    display: block;
}

.modal-content[b-cfa7d2jkls] {
    border: none;
    border-radius: 12px;
    box-shadow: 0px 10px 25px rgba(16, 24, 40, 0.15);
}

.modal-header[b-cfa7d2jkls] {
    background-color: #F9FAFB;
    border-bottom: 1px solid #E5E7EB;
    padding: 20px 24px;
}

.modal-title[b-cfa7d2jkls] {
    font-size: 18px;
    font-weight: 600;
    color: #111827;
    display: flex;
    align-items: center;
}

.modal-body[b-cfa7d2jkls] {
    padding: 24px;
}

.modal-footer[b-cfa7d2jkls] {
    background-color: #F9FAFB;
    border-top: 1px solid #E5E7EB;
    padding: 16px 24px;
}

.modal-visualizacao-body[b-cfa7d2jkls] {
    padding: 0;
    text-align: center;
    background-color: #F3F4F6;
}

.visualizacao-imagem[b-cfa7d2jkls] {
    max-width: 100%;
    max-height: 80vh;
    object-fit: contain;
}

.pdf-fallback[b-cfa7d2jkls] {
    padding: 16px;
    background-color: #FFFFFF;
    border-top: 1px solid #E5E7EB;
}

.pdf-fallback p[b-cfa7d2jkls] {
    margin: 0;
    font-size: 14px;
    color: #6B7280;
}

/* ===== PREVIEW DE ARQUIVOS (UPLOAD) ===== */
.arquivos-preview[b-cfa7d2jkls] {
    background-color: #F9FAFB;
    border: 1px solid #E5E7EB;
    border-radius: 8px;
    padding: 16px;
    margin-top: 16px;
}

.arquivos-preview h6[b-cfa7d2jkls] {
    font-size: 14px;
    font-weight: 600;
    color: #111827;
    margin-bottom: 12px;
}

.arquivo-preview-item[b-cfa7d2jkls] {
    background-color: #FFFFFF;
    border: 1px solid #E5E7EB;
    border-radius: 6px;
    padding: 12px;
    margin-bottom: 8px;
}

.arquivo-preview-item:last-child[b-cfa7d2jkls] {
    margin-bottom: 0;
}

.arquivo-preview-item i[b-cfa7d2jkls] {
    font-size: 18px;
}

.bi-image[b-cfa7d2jkls] {
    color: #027A48;
}

.bi-file-pdf[b-cfa7d2jkls] {
    color: #B42318;
}

/* ===== ALERTAS ===== */
.alert[b-cfa7d2jkls] {
    border-radius: 8px;
    padding: 16px;
    display: flex;
    align-items: center;
    border: none;
}

.alert-success[b-cfa7d2jkls] {
    background-color: #ECFDF3;
    color: #027A48;
    border-left: 4px solid #027A48;
}

.alert-danger[b-cfa7d2jkls] {
    background-color: #FEF2F2;
    color: #B42318;
    border-left: 4px solid #B42318;
}

.alert-info[b-cfa7d2jkls] {
    background-color: #E6EEF8;
    color: #14365C;
    border-left: 4px solid #14365C;
}

.alert i[b-cfa7d2jkls] {
    font-size: 18px;
}

.alert .btn-close[b-cfa7d2jkls] {
    margin-left: auto;
}

/* ===== BOTÕES ===== */
.btn[b-cfa7d2jkls] {
    border-radius: 6px;
    font-weight: 500;
    padding: 10px 18px;
    transition: all 0.2s ease;
}

.btn-primary[b-cfa7d2jkls] {
    background-color: #14365C;
    border-color: #14365C;
    color: #FFFFFF;
}

.btn-primary:hover[b-cfa7d2jkls] {
    background-color: #0F2A47;
    border-color: #0F2A47;
    transform: translateY(-1px);
    box-shadow: 0 4px 8px rgba(20, 54, 92, 0.2);
}

.btn-secondary[b-cfa7d2jkls] {
    background-color: #E5E7EB;
    border-color: #E5E7EB;
    color: #4B5563;
}

.btn-secondary:hover[b-cfa7d2jkls] {
    background-color: #D1D5DB;
    border-color: #D1D5DB;
    color: #111827;
}

.btn-outline-primary[b-cfa7d2jkls] {
    border-color: #14365C;
    color: #14365C;
}

.btn-outline-primary:hover[b-cfa7d2jkls] {
    background-color: #14365C;
    border-color: #14365C;
    color: #FFFFFF;
}

.btn-outline-success[b-cfa7d2jkls] {
    border-color: #027A48;
    color: #027A48;
}

.btn-outline-success:hover[b-cfa7d2jkls] {
    background-color: #027A48;
    border-color: #027A48;
    color: #FFFFFF;
}

.btn-success[b-cfa7d2jkls] {
    background-color: #027A48;
    border-color: #027A48;
    color: #FFFFFF;
}

.btn-success:hover[b-cfa7d2jkls] {
    background-color: #026038;
    border-color: #026038;
    transform: translateY(-1px);
    box-shadow: 0 4px 8px rgba(2, 122, 72, 0.2);
}

.btn-outline-danger[b-cfa7d2jkls] {
    border-color: #B42318;
    color: #B42318;
}

.btn-outline-danger:hover[b-cfa7d2jkls] {
    background-color: #B42318;
    border-color: #B42318;
    color: #FFFFFF;
}

.btn-danger[b-cfa7d2jkls] {
    background-color: #B42318;
    border-color: #B42318;
    color: #FFFFFF;
}

.btn-danger:hover[b-cfa7d2jkls] {
    background-color: #912018;
    border-color: #912018;
}

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

/* ===== FORMULÁRIOS ===== */
.form-label[b-cfa7d2jkls] {
    font-weight: 500;
    color: #111827;
    margin-bottom: 8px;
    font-size: 14px;
}

.form-control[b-cfa7d2jkls] {
    border: 1px solid #E5E7EB;
    border-radius: 6px;
    padding: 10px 14px;
    font-size: 14px;
    color: #111827;
    transition: all 0.2s ease;
}

.form-control:focus[b-cfa7d2jkls] {
    border-color: #14365C;
    box-shadow: 0 0 0 3px rgba(20, 54, 92, 0.1);
    outline: none;
}

.form-text[b-cfa7d2jkls] {
    font-size: 12px;
    color: #6B7280;
    margin-top: 4px;
}

/* ===== SPINNER ===== */
.spinner-border[b-cfa7d2jkls] {
    width: 2rem;
    height: 2rem;
    border-width: 0.25em;
}

.spinner-border.text-primary[b-cfa7d2jkls] {
    color: #14365C !important;
}

.spinner-border-sm[b-cfa7d2jkls] {
    width: 1rem;
    height: 1rem;
    border-width: 0.2em;
}

.visually-hidden[b-cfa7d2jkls] {
    position: absolute !important;
    width: 1px !important;
    height: 1px !important;
    padding: 0 !important;
    margin: -1px !important;
    overflow: hidden !important;
    clip: rect(0, 0, 0, 0) !important;
    white-space: nowrap !important;
    border: 0 !important;
}

/* ===== ANIMAÇÕES ===== */
@keyframes fadeIn-b-cfa7d2jkls {
    from {
        opacity: 0;
        transform: translateY(10px);
    }
    to {
        opacity: 1;
        transform: translateY(0);
    }
}

.anexo-card[b-cfa7d2jkls] {
    animation: fadeIn-b-cfa7d2jkls 0.3s ease-out;
}

/* ===== RESPONSIVIDADE ===== */
@media (max-width: 768px) {
    h1[b-cfa7d2jkls] {
        font-size: 24px;
    }

    .anexo-preview[b-cfa7d2jkls] {
        height: 150px;
    }

    .pdf-icon[b-cfa7d2jkls] {
        font-size: 60px;
    }

    .modal-dialog[b-cfa7d2jkls] {
        margin: 1rem;
        max-width: calc(100% - 2rem);
    }

    .modal-xl[b-cfa7d2jkls] {
        max-width: calc(100% - 2rem);
    }

    .visualizacao-imagem[b-cfa7d2jkls] {
        max-height: 60vh;
    }

    .pagination[b-cfa7d2jkls] {
        flex-wrap: wrap;
    }

    .page-link[b-cfa7d2jkls] {
        padding: 6px 12px;
        font-size: 14px;
    }
}

@media (max-width: 576px) {
    .anexo-actions[b-cfa7d2jkls] {
        flex-direction: column;
    }

    .anexo-actions .btn[b-cfa7d2jkls] {
        width: 100%;
    }
}
/* _content/VeiculoSeguroBlazor/Components/Pages/Admin/GerenciarAvisos.razor.rz.scp.css */
/* Container Principal */
.avisos-admin-container[b-5lj56pef4a] {
    padding: 24px;
    max-width: 1600px;
    margin: 0 auto;
}

.avisos-admin-container h1[b-5lj56pef4a] {
    font-size: 28px;
    font-weight: 700;
    color: #14365C;
    margin-bottom: 4px;
}

/* Card da Lista */
.avisos-list-card[b-5lj56pef4a] {
    background: white;
    border-radius: 16px;
    box-shadow: 0 4px 12px rgba(0, 0, 0, 0.08);
    overflow: hidden;
    height: calc(100vh - 200px);
    display: flex;
    flex-direction: column;
}

.list-header[b-5lj56pef4a] {
    padding: 20px;
    border-bottom: 1px solid #E5E7EB;
    display: flex;
    justify-content: space-between;
    align-items: center;
    background: linear-gradient(135deg, #14365C 0%, #265985 100%);
    color: white;
}

.list-header h5[b-5lj56pef4a] {
    margin: 0;
    font-weight: 600;
    font-size: 18px;
}

.list-header .btn[b-5lj56pef4a] {
    background: white;
    color: #14365C;
    border: none;
    font-weight: 600;
}

.list-header .btn:hover[b-5lj56pef4a] {
    background: #F3F4F6;
    transform: translateY(-2px);
}

/* Filtros */
.filters-row[b-5lj56pef4a] {
    padding: 16px 20px;
    display: flex;
    gap: 12px;
    border-bottom: 1px solid #E5E7EB;
    background: #F9FAFB;
}

.filters-row .form-select[b-5lj56pef4a] {
    flex: 1;
    border-color: #D1D5DB;
}

/* Lista de Avisos */
.avisos-list[b-5lj56pef4a] {
    flex: 1;
    overflow-y: auto;
    padding: 16px;
}

.avisos-list[b-5lj56pef4a]::-webkit-scrollbar {
    width: 6px;
}

.avisos-list[b-5lj56pef4a]::-webkit-scrollbar-track {
    background: #F3F4F6;
}

.avisos-list[b-5lj56pef4a]::-webkit-scrollbar-thumb {
    background: #9CA3AF;
    border-radius: 3px;
}

.avisos-list[b-5lj56pef4a]::-webkit-scrollbar-thumb:hover {
    background: #6B7280;
}

/* Item da Lista */
.aviso-item[b-5lj56pef4a] {
    background: white;
    border: 2px solid #E5E7EB;
    border-radius: 12px;
    padding: 16px;
    margin-bottom: 12px;
    cursor: pointer;
    transition: all 0.2s ease;
    position: relative;
}

.aviso-item:hover[b-5lj56pef4a] {
    border-color: #14365C;
    box-shadow: 0 4px 12px rgba(20, 54, 92, 0.1);
    transform: translateY(-2px);
}

.aviso-item.selected[b-5lj56pef4a] {
    border-color: #14365C;
    background: #F0F4F8;
    box-shadow: 0 4px 16px rgba(20, 54, 92, 0.15);
}

.aviso-item-header[b-5lj56pef4a] {
    display: flex;
    justify-content: space-between;
    align-items: center;
    margin-bottom: 10px;
}

.aviso-item-tipo[b-5lj56pef4a] {
    padding: 4px 10px;
    border-radius: 8px;
    font-size: 10px;
    font-weight: 700;
    text-transform: uppercase;
    letter-spacing: 0.5px;
    color: white;
}

.aviso-item-title[b-5lj56pef4a] {
    font-size: 15px;
    font-weight: 700;
    color: #14365C;
    margin: 8px 0;
    line-height: 1.4;
}

.aviso-item-message[b-5lj56pef4a] {
    font-size: 13px;
    color: #6B7280;
    margin: 8px 0;
    line-height: 1.5;
}

.aviso-item-footer[b-5lj56pef4a] {
    display: flex;
    gap: 16px;
    flex-wrap: wrap;
    margin-top: 10px;
}

.aviso-item-footer small[b-5lj56pef4a] {
    display: flex;
    align-items: center;
    gap: 4px;
}

.aviso-item-stats[b-5lj56pef4a] {
    margin-top: 8px;
    padding-top: 8px;
    border-top: 1px solid #E5E7EB;
}

.aviso-item-stats span[b-5lj56pef4a] {
    font-size: 11px;
    color: #6B7280;
    display: inline-flex;
    align-items: center;
    gap: 4px;
}

.aviso-item-actions[b-5lj56pef4a] {
    position: absolute;
    top: 16px;
    right: 16px;
    display: none;
    gap: 4px;
    z-index: 100;
}

.aviso-item:hover .aviso-item-actions[b-5lj56pef4a] {
    display: flex;
}

.aviso-item-actions .btn[b-5lj56pef4a] {
    padding: 4px 8px;
    font-size: 12px;
    background: rgba(255, 255, 255, 0.95);
    backdrop-filter: blur(4px);
    box-shadow: 0 2px 8px rgba(0, 0, 0, 0.15);
    border-width: 1.5px;
}

.aviso-item-actions .btn:hover[b-5lj56pef4a] {
    background: white;
    transform: translateY(-1px);
    box-shadow: 0 4px 12px rgba(0, 0, 0, 0.2);
}

/* Estado Vazio */
.empty-state[b-5lj56pef4a] {
    text-align: center;
    padding: 48px 24px;
    color: #9CA3AF;
}

.empty-state i[b-5lj56pef4a] {
    font-size: 64px;
    margin-bottom: 16px;
    opacity: 0.5;
}

.empty-state p[b-5lj56pef4a] {
    font-size: 14px;
    margin-bottom: 16px;
}

/* Card do Formulário */
.form-card[b-5lj56pef4a] {
    background: white;
    border-radius: 16px;
    box-shadow: 0 4px 12px rgba(0, 0, 0, 0.08);
    overflow: visible;
    max-height: none;
    display: flex;
    flex-direction: column;
}

.form-header[b-5lj56pef4a] {
    padding: 20px 24px;
    border-bottom: 1px solid #E5E7EB;
    display: flex;
    justify-content: space-between;
    align-items: center;
    background: linear-gradient(135deg, #14365C 0%, #265985 100%);
    color: white;
}

.form-header h5[b-5lj56pef4a] {
    margin: 0;
    font-weight: 600;
    font-size: 18px;
}

.form-header .btn[b-5lj56pef4a] {
    background: rgba(255, 255, 255, 0.2);
    color: white;
    border: 1px solid rgba(255, 255, 255, 0.3);
}

.form-header .btn:hover[b-5lj56pef4a] {
    background: rgba(255, 255, 255, 0.3);
    border-color: rgba(255, 255, 255, 0.5);
}

.form-body[b-5lj56pef4a] {
    flex: 1;
    overflow-y: visible;
    padding: 24px;
}

.form-body[b-5lj56pef4a]::-webkit-scrollbar {
    width: 6px;
}

.form-body[b-5lj56pef4a]::-webkit-scrollbar-track {
    background: #F3F4F6;
}

.form-body[b-5lj56pef4a]::-webkit-scrollbar-thumb {
    background: #9CA3AF;
    border-radius: 3px;
}

.form-footer[b-5lj56pef4a] {
    position: relative;
    padding: 20px 24px;
    border-top: 1px solid #E5E7EB;
    display: flex;
    gap: 12px;
    background: #F9FAFB;
    flex-shrink: 0;
    margin-top: auto;
}

.form-footer .btn[b-5lj56pef4a] {
    flex: 1;
}

/* Preview Section */
.preview-section[b-5lj56pef4a] {
    margin-top: 24px;
    padding: 20px;
    background: #F9FAFB;
    border-radius: 12px;
    border: 2px dashed #D1D5DB;
}

.preview-section h6[b-5lj56pef4a] {
    font-weight: 700;
    color: #14365C;
    display: flex;
    align-items: center;
    gap: 8px;
}

.preview-card[b-5lj56pef4a] {
    background: white;
    border-radius: 12px;
    padding: 20px;
    display: flex;
    align-items: center;
    gap: 20px;
    border-left: 4px solid #14365C;
    box-shadow: 0 2px 8px rgba(0, 0, 0, 0.08);
}

.preview-icon[b-5lj56pef4a] {
    width: 56px;
    height: 56px;
    border-radius: 12px;
    display: flex;
    align-items: center;
    justify-content: center;
    background: #14365C;
    color: white;
    font-size: 24px;
    flex-shrink: 0;
}

.preview-content[b-5lj56pef4a] {
    flex: 1;
}

.preview-header[b-5lj56pef4a] {
    display: flex;
    align-items: center;
    gap: 12px;
    margin-bottom: 8px;
}

.preview-header h5[b-5lj56pef4a] {
    margin: 0;
    font-size: 18px;
    font-weight: 700;
    color: #14365C;
}

.preview-header .badge[b-5lj56pef4a] {
    padding: 4px 12px;
    font-size: 11px;
    font-weight: 600;
    text-transform: uppercase;
    letter-spacing: 0.5px;
}

.preview-content p[b-5lj56pef4a] {
    font-size: 14px;
    color: #374151;
    margin: 8px 0;
    line-height: 1.6;
}

.preview-link[b-5lj56pef4a] {
    display: inline-flex;
    align-items: center;
    gap: 6px;
    color: #14365C;
    font-weight: 600;
    font-size: 13px;
    text-decoration: none;
    transition: all 0.2s ease;
}

.preview-link:hover[b-5lj56pef4a] {
    color: #265985;
    gap: 8px;
}

/* Modal */
.modal-overlay[b-5lj56pef4a] {
    position: fixed;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
    background: rgba(0, 0, 0, 0.5);
    display: flex;
    align-items: center;
    justify-content: center;
    z-index: 1050;
    animation: fadeIn-b-5lj56pef4a 0.2s ease;
}

@keyframes fadeIn-b-5lj56pef4a {
    from { opacity: 0; }
    to { opacity: 1; }
}

.modal-content[b-5lj56pef4a] {
    background: white;
    border-radius: 16px;
    box-shadow: 0 20px 60px rgba(0, 0, 0, 0.3);
    max-width: 500px;
    width: 90%;
    animation: slideUp-b-5lj56pef4a 0.3s ease;
}

@keyframes slideUp-b-5lj56pef4a {
    from {
        opacity: 0;
        transform: translateY(20px);
    }
    to {
        opacity: 1;
        transform: translateY(0);
    }
}

.modal-header[b-5lj56pef4a] {
    padding: 20px 24px;
    border-bottom: 1px solid #E5E7EB;
}

.modal-header h5[b-5lj56pef4a] {
    margin: 0;
    font-weight: 700;
    color: #14365C;
    display: flex;
    align-items: center;
    gap: 8px;
}

.modal-body[b-5lj56pef4a] {
    padding: 24px;
}

.modal-body p[b-5lj56pef4a] {
    margin-bottom: 12px;
}

.modal-footer[b-5lj56pef4a] {
    padding: 16px 24px;
    border-top: 1px solid #E5E7EB;
    display: flex;
    justify-content: flex-end;
    gap: 12px;
}

/* Toast */
.toast-container[b-5lj56pef4a] {
    position: fixed;
    bottom: 24px;
    right: 24px;
    z-index: 1060;
    animation: slideInRight-b-5lj56pef4a 0.3s ease;
}

@keyframes slideInRight-b-5lj56pef4a {
    from {
        opacity: 0;
        transform: translateX(100px);
    }
    to {
        opacity: 1;
        transform: translateX(0);
    }
}

.toast[b-5lj56pef4a] {
    background: white;
    padding: 16px 20px;
    border-radius: 12px;
    box-shadow: 0 8px 24px rgba(0, 0, 0, 0.15);
    display: flex;
    align-items: center;
    gap: 12px;
    min-width: 300px;
    font-size: 14px;
    font-weight: 500;
    border-left: 4px solid;
}

.toast-success[b-5lj56pef4a] {
    border-left-color: #10B981;
    color: #065F46;
}

.toast-success i[b-5lj56pef4a] {
    color: #10B981;
    font-size: 20px;
}

.toast-error[b-5lj56pef4a] {
    border-left-color: #EF4444;
    color: #991B1B;
}

.toast-error i[b-5lj56pef4a] {
    color: #EF4444;
    font-size: 20px;
}

/* Responsivo */
@media (max-width: 768px) {
    .avisos-admin-container[b-5lj56pef4a] {
        padding: 16px;
    }

    .avisos-list-card[b-5lj56pef4a],
    .form-card[b-5lj56pef4a] {
        height: auto;
        min-height: 400px;
    }

    .aviso-item-actions[b-5lj56pef4a] {
        display: flex;
        position: static;
        margin-top: 12px;
        justify-content: flex-end;
    }

    .filters-row[b-5lj56pef4a] {
        flex-direction: column;
    }

    .modal-content[b-5lj56pef4a] {
        margin: 16px;
    }

    .toast-container[b-5lj56pef4a] {
        left: 16px;
        right: 16px;
    }

    .toast[b-5lj56pef4a] {
        min-width: unset;
    }
}

/* Badges customizados */
.badge[b-5lj56pef4a] {
    padding: 4px 10px;
    font-size: 11px;
    font-weight: 600;
    border-radius: 6px;
}

.bg-success[b-5lj56pef4a] {
    background: #10B981 !important;
}

.bg-danger[b-5lj56pef4a] {
    background: #EF4444 !important;
}

.bg-secondary[b-5lj56pef4a] {
    background: #6B7280 !important;
}

/* Botões de Estatísticas */
.aviso-item-stats[b-5lj56pef4a] {
    display: flex;
    align-items: center;
    gap: 8px;
    flex-wrap: wrap;
}

.btn-stats[b-5lj56pef4a] {
    background: transparent;
    border: none;
    font-size: 11px;
    color: #6B7280;
    display: inline-flex;
    align-items: center;
    gap: 4px;
    padding: 4px 8px;
    border-radius: 6px;
    cursor: pointer;
    transition: all 0.2s ease;
}

.btn-stats:hover[b-5lj56pef4a] {
    background: #F3F4F6;
    color: #14365C;
    transform: translateY(-1px);
}

.btn-stats i[b-5lj56pef4a] {
    font-size: 12px;
}

.btn-metrics[b-5lj56pef4a] {
    background: linear-gradient(135deg, #14365C 0%, #265985 100%);
    color: white;
    font-weight: 600;
    padding: 4px 12px;
}

.btn-metrics:hover[b-5lj56pef4a] {
    background: linear-gradient(135deg, #0F2A47 0%, #14365C 100%);
    color: white;
    box-shadow: 0 4px 12px rgba(20, 54, 92, 0.3);
}

/* Modal Large */
.modal-large[b-5lj56pef4a] {
    max-width: 800px;
    max-height: 85vh;
    overflow: hidden;
    display: flex;
    flex-direction: column;
}

.modal-large .modal-body[b-5lj56pef4a] {
    overflow-y: auto;
    max-height: calc(85vh - 140px);
}

.modal-large .modal-header[b-5lj56pef4a] {
    display: flex;
    justify-content: space-between;
    align-items: center;
}

.modal-large .modal-header button[b-5lj56pef4a] {
    background: transparent;
    border: none;
    font-size: 28px;
    color: #6B7280;
    cursor: pointer;
    line-height: 1;
    padding: 0;
    width: 32px;
    height: 32px;
    display: flex;
    align-items: center;
    justify-content: center;
    border-radius: 6px;
    transition: all 0.2s ease;
}

.modal-large .modal-header button:hover[b-5lj56pef4a] {
    background: #F3F4F6;
    color: #14365C;
}

/* Tabela de Visualizadores */
.visualizadores-table[b-5lj56pef4a] {
    width: 100%;
    border-collapse: collapse;
    margin-top: 16px;
}

.visualizadores-table th[b-5lj56pef4a] {
    background: #F9FAFB;
    padding: 12px 16px;
    text-align: left;
    font-weight: 600;
    font-size: 12px;
    color: #6B7280;
    text-transform: uppercase;
    letter-spacing: 0.5px;
    border-bottom: 2px solid #E5E7EB;
}

.visualizadores-table td[b-5lj56pef4a] {
    padding: 12px 16px;
    border-bottom: 1px solid #E5E7EB;
    font-size: 14px;
    color: #374151;
}

.visualizadores-table tr:hover[b-5lj56pef4a] {
    background: #F9FAFB;
}

.visualizadores-table .user-name[b-5lj56pef4a] {
    font-weight: 600;
    color: #14365C;
}

.visualizadores-table .cliente-badge[b-5lj56pef4a] {
    background: #E6EEF8;
    color: #14365C;
    padding: 4px 8px;
    border-radius: 6px;
    font-size: 11px;
    font-weight: 600;
}

.visualizadores-empty[b-5lj56pef4a] {
    text-align: center;
    padding: 48px 24px;
    color: #9CA3AF;
}

.visualizadores-empty i[b-5lj56pef4a] {
    font-size: 48px;
    margin-bottom: 16px;
    opacity: 0.5;
}

/* Cards de Métricas */
.metrics-cards[b-5lj56pef4a] {
    display: grid;
    grid-template-columns: repeat(auto-fit, minmax(200px, 1fr));
    gap: 16px;
    margin-bottom: 24px;
}

.metric-card[b-5lj56pef4a] {
    background: linear-gradient(135deg, #F9FAFB 0%, #FFFFFF 100%);
    border: 1px solid #E5E7EB;
    border-radius: 12px;
    padding: 20px;
    text-align: center;
    transition: all 0.2s ease;
}

.metric-card:hover[b-5lj56pef4a] {
    transform: translateY(-2px);
    box-shadow: 0 4px 12px rgba(0, 0, 0, 0.1);
    border-color: #14365C;
}

.metric-card-value[b-5lj56pef4a] {
    font-size: 32px;
    font-weight: 700;
    color: #14365C;
    margin-bottom: 8px;
}

.metric-card-label[b-5lj56pef4a] {
    font-size: 12px;
    font-weight: 600;
    color: #6B7280;
    text-transform: uppercase;
    letter-spacing: 0.5px;
}

.metric-card-icon[b-5lj56pef4a] {
    font-size: 24px;
    color: #14365C;
    margin-bottom: 12px;
}

.metric-card.success .metric-card-value[b-5lj56pef4a] {
    color: #10B981;
}

.metric-card.success .metric-card-icon[b-5lj56pef4a] {
    color: #10B981;
}

.metric-card.warning .metric-card-value[b-5lj56pef4a] {
    color: #F59E0B;
}

.metric-card.warning .metric-card-icon[b-5lj56pef4a] {
    color: #F59E0B;
}

/* Chart Container */
.chart-wrapper[b-5lj56pef4a] {
    background: white;
    border-radius: 12px;
    padding: 24px;
    border: 1px solid #E5E7EB;
}

.chart-wrapper h6[b-5lj56pef4a] {
    font-size: 16px;
    font-weight: 700;
    color: #14365C;
    margin-bottom: 20px;
    text-align: center;
}

.chart-canvas-container[b-5lj56pef4a] {
    position: relative;
    height: 300px;
    display: flex;
    align-items: center;
    justify-content: center;
}

/* Loading State */
.loading-metrics[b-5lj56pef4a] {
    text-align: center;
    padding: 48px 24px;
}

.loading-metrics .spinner-border[b-5lj56pef4a] {
    width: 48px;
    height: 48px;
    color: #14365C;
}

.loading-metrics p[b-5lj56pef4a] {
    margin-top: 16px;
    color: #6B7280;
}

/* Chart Loading Overlay */
.chart-loading-overlay[b-5lj56pef4a] {
    position: absolute;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
    display: flex;
    flex-direction: column;
    align-items: center;
    justify-content: center;
    background: rgba(255, 255, 255, 0.95);
    border-radius: 12px;
    z-index: 10;
    animation: fadeIn-b-5lj56pef4a 0.2s ease;
}

.chart-loading-overlay .spinner-border[b-5lj56pef4a] {
    width: 40px;
    height: 40px;
    color: #14365C;
}

.chart-loading-overlay p[b-5lj56pef4a] {
    margin-top: 12px;
    color: #6B7280;
    font-size: 14px;
    font-weight: 500;
}

/* Chart Error Overlay */
.chart-error-overlay[b-5lj56pef4a] {
    position: absolute;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
    display: flex;
    flex-direction: column;
    align-items: center;
    justify-content: center;
    background: rgba(255, 255, 255, 0.98);
    border-radius: 12px;
    z-index: 10;
    animation: fadeIn-b-5lj56pef4a 0.3s ease;
}

.chart-error-overlay i[b-5lj56pef4a] {
    font-size: 48px;
    margin-bottom: 16px;
}

.chart-error-overlay p[b-5lj56pef4a] {
    color: #6B7280;
    font-size: 14px;
    font-weight: 500;
    margin-bottom: 16px;
}

.chart-error-overlay .btn[b-5lj56pef4a] {
    box-shadow: 0 2px 8px rgba(20, 54, 92, 0.2);
}

/* ===== CORREÇÃO: BOTÃO PRIMARY INVISÍVEL ===== */
/* Override do gradiente global que causa invisibilidade do botão */
[b-5lj56pef4a] .form-footer .btn-primary {
    background-color: #14365C !important;
    background-image: none !important;
    color: #FFFFFF !important;
    border: none !important;
    padding: 12px 32px !important;
    font-weight: 600 !important;
    border-radius: 50px !important;
    transition: all 0.3s ease !important;
}

[b-5lj56pef4a] .form-footer .btn-primary:hover:not(:disabled) {
    background-color: #0F2A47 !important;
    background-image: none !important;
    transform: translateY(-2px);
    box-shadow: 0 6px 15px rgba(20, 54, 92, 0.3) !important;
}

[b-5lj56pef4a] .form-footer .btn-primary:disabled {
    background-color: #6B7280 !important;
    background-image: none !important;
    opacity: 0.6;
    cursor: not-allowed;
    transform: none;
}
/* _content/VeiculoSeguroBlazor/Components/Pages/Admin/GerenciarChamados.razor.rz.scp.css */
/* GerenciarChamados.razor.css - Estilo para página de gerenciamento de chamados baseado na paleta Oxford Blue */

/* Container principal */
.container-fluid[b-z0j2479w7w] {
    background-color: #F9FAFB;
    min-height: 100vh;
}

/* Títulos */
h1.fs-2[b-z0j2479w7w] {
    font-family: 'Inter', -apple-system, BlinkMacSystemFont, 'Segoe UI', Roboto, sans-serif;
    font-size: 28px;
    font-weight: 600;
    color: #111827;
    margin: 0;
}

h2.fs-5[b-z0j2479w7w], h3.fs-5[b-z0j2479w7w] {
    font-family: 'Inter', -apple-system, BlinkMacSystemFont, 'Segoe UI', Roboto, sans-serif;
    font-size: 18px;
    font-weight: 600;
    color: #111827;
    margin: 0;
}

/* Cards */
.card[b-z0j2479w7w] {
    background: #FFFFFF;
    border: none;
    border-radius: 12px;
    box-shadow: 0px 1px 3px rgba(16, 24, 40, 0.05);
    overflow: hidden;
    margin-bottom: 24px;
}

.card.shadow-sm[b-z0j2479w7w] {
    box-shadow: 0px 2px 4px rgba(16, 24, 40, 0.08) !important;
}

.card-header[b-z0j2479w7w] {
    padding: 20px 24px;
    border-bottom: 1px solid #E5E7EB;
}

.card-header.bg-light[b-z0j2479w7w] {
    background-color: #F9FAFB !important;
    border-bottom: 1px solid #E5E7EB;
}

.card-body[b-z0j2479w7w] {
    padding: 24px;
}

.card-body.p-0[b-z0j2479w7w] {
    padding: 0 !important;
}

/* Layout de colunas */
.row[b-z0j2479w7w] {
    display: flex;
    flex-wrap: wrap;
    margin-right: -12px;
    margin-left: -12px;
}

.col[b-z0j2479w7w], .col-auto[b-z0j2479w7w], .col-md-3[b-z0j2479w7w], .col-md-6[b-z0j2479w7w] {
    padding-right: 12px;
    padding-left: 12px;
}

.col-md-3[b-z0j2479w7w] {
    flex: 0 0 auto;
    width: 25%;
}

.col-md-6[b-z0j2479w7w] {
    flex: 0 0 auto;
    width: 50%;
}

.col[b-z0j2479w7w] {
    flex: 1 0 0%;
}

.col-auto[b-z0j2479w7w] {
    flex: 0 0 auto;
    width: auto;
}

/* Formulários */
.form-label[b-z0j2479w7w] {
    font-weight: 500;
    color: #111827;
    margin-bottom: 8px;
    font-size: 14px;
    display: block;
}

.form-select[b-z0j2479w7w], .form-control[b-z0j2479w7w] {
    border: 1px solid #E5E7EB;
    border-radius: 6px;
    padding: 10px 14px;
    font-size: 14px;
    line-height: 1.5;
    color: #111827;
    background-color: #FFFFFF;
    transition: all 0.2s ease;
    width: 100%;
}

.form-select[b-z0j2479w7w] {
    background-image: url("data:image/svg+xml;charset=utf8,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 16 16'%3E%3Cpath fill='none' stroke='%23666' stroke-linecap='round' stroke-linejoin='round' stroke-width='2' d='M2 5l6 6 6-6'/%3E%3C/svg%3E");
    background-repeat: no-repeat;
    background-position: right 10px center;
    background-size: 14px;
    padding-right: 40px;
}

.form-select:focus[b-z0j2479w7w], .form-control:focus[b-z0j2479w7w] {
    border-color: #14365C;
    box-shadow: 0 0 0 3px rgba(20, 54, 92, 0.1);
    outline: none;
}

/* Input groups */
.input-group[b-z0j2479w7w] {
    display: flex;
    flex-wrap: wrap;
    align-items: stretch;
    width: 100%;
}

.input-group .form-control[b-z0j2479w7w] {
    position: relative;
    flex: 1 1 auto;
    width: 1%;
    min-width: 0;
}

.input-group-text[b-z0j2479w7w] {
    display: flex;
    align-items: center;
    padding: 10px 14px;
    font-size: 14px;
    font-weight: 400;
    line-height: 1.5;
    color: #4B5563;
    text-align: center;
    white-space: nowrap;
    background-color: #F9FAFB;
    border: 1px solid #E5E7EB;
    border-radius: 6px;
}

.input-group .form-control:not(:first-child)[b-z0j2479w7w] {
    border-top-left-radius: 0;
    border-bottom-left-radius: 0;
}

.input-group .form-control:not(:last-child)[b-z0j2479w7w] {
    border-top-right-radius: 0;
    border-bottom-right-radius: 0;
}

.input-group .input-group-text:not(:first-child)[b-z0j2479w7w] {
    border-top-left-radius: 0;
    border-bottom-left-radius: 0;
}

.input-group .input-group-text:not(:last-child)[b-z0j2479w7w] {
    border-top-right-radius: 0;
    border-bottom-right-radius: 0;
}

/* Botões */
.btn[b-z0j2479w7w] {
    padding: 10px 18px;
    border-radius: 6px;
    font-weight: 500;
    font-size: 14px;
    cursor: pointer;
    transition: all 0.2s ease;
    display: inline-flex;
    align-items: center;
    gap: 8px;
    border: 1px solid transparent;
    text-decoration: none;
}

.btn-primary[b-z0j2479w7w] {
    background-color: #14365C;
    border-color: #14365C;
    color: #FFFFFF;
}

.btn-primary:hover[b-z0j2479w7w] {
    background-color: #0F2A47;
    border-color: #0F2A47;
    transform: translateY(-1px);
    box-shadow: 0 4px 8px rgba(20, 54, 92, 0.2);
}

.btn-outline-secondary[b-z0j2479w7w] {
    background-color: transparent;
    border-color: #E5E7EB;
    color: #4B5563;
}

.btn-outline-secondary:hover[b-z0j2479w7w] {
    background-color: #F3F4F6;
    border-color: #D1D5DB;
    color: #111827;
    transform: translateY(-1px);
    box-shadow: 0 2px 4px rgba(0, 0, 0, 0.1);
}

.btn-outline-primary[b-z0j2479w7w] {
    background-color: transparent;
    border-color: #14365C;
    color: #14365C;
}

.btn-outline-primary:hover[b-z0j2479w7w] {
    background-color: #14365C;
    border-color: #14365C;
    color: #FFFFFF;
    transform: translateY(-1px);
    box-shadow: 0 2px 4px rgba(20, 54, 92, 0.2);
}

.btn-sm[b-z0j2479w7w] {
    padding: 6px 12px;
    font-size: 12px;
}

/* Botões de grupo */
.btn-group[b-z0j2479w7w] {
    position: relative;
    display: inline-flex;
    vertical-align: middle;
}

.btn-group .btn[b-z0j2479w7w] {
    position: relative;
    flex: 1 1 auto;
    border-radius: 4px;
}

.btn-group .btn:not(:last-child)[b-z0j2479w7w] {
    border-top-right-radius: 0;
    border-bottom-right-radius: 0;
}

.btn-group .btn:not(:first-child)[b-z0j2479w7w] {
    border-top-left-radius: 0;
    border-bottom-left-radius: 0;
    margin-left: -1px;
}

/* Dropdowns */
.dropdown-toggle-split[b-z0j2479w7w] {
    padding-left: 8px;
    padding-right: 8px;
}

.dropdown-menu[b-z0j2479w7w] {
    background-color: #FFFFFF;
    border: 1px solid #E5E7EB;
    border-radius: 8px;
    box-shadow: 0px 4px 8px rgba(16, 24, 40, 0.1);
    padding: 8px 0;
    margin: 4px 0;
    font-size: 14px;
}

.dropdown-item[b-z0j2479w7w] {
    display: block;
    width: 100%;
    padding: 8px 16px;
    color: #111827;
    text-decoration: none;
    background-color: transparent;
    border: 0;
    transition: all 0.2s ease;
}

.dropdown-item:hover[b-z0j2479w7w] {
    background-color: #F9FAFB;
    color: #14365C;
}

.dropdown-divider[b-z0j2479w7w] {
    height: 0;
    margin: 8px 0;
    overflow: hidden;
    border-top: 1px solid #E5E7EB;
}

/* Tabelas */
.table-responsive[b-z0j2479w7w] {
    border-radius: 8px;
    overflow: hidden;
}

.table[b-z0j2479w7w] {
    margin-bottom: 0;
    color: #111827;
    font-size: 14px;
}

.table thead th[b-z0j2479w7w] {
    background-color: #F9FAFB;
    border-bottom: 2px solid #E5E7EB;
    color: #4B5563;
    font-weight: 600;
    font-size: 12px;
    text-transform: uppercase;
    letter-spacing: 0.05em;
    padding: 16px 12px;
    border-top: none;
    vertical-align: middle;
}

.table tbody td[b-z0j2479w7w] {
    padding: 16px 12px;
    border-bottom: 1px solid #F2F4F7;
    vertical-align: middle;
}

.table-light thead th[b-z0j2479w7w] {
    background-color: #F9FAFB;
}

.table-hover tbody tr:hover[b-z0j2479w7w] {
    background-color: rgba(20, 54, 92, 0.02);
}

/* Badges */
.badge[b-z0j2479w7w] {
    padding: 6px 10px;
    border-radius: 12px;
    font-size: 11px;
    font-weight: 500;
    text-transform: uppercase;
    letter-spacing: 0.025em;
}

.bg-info[b-z0j2479w7w] {
    background-color: #E6EEF8 !important;
    color: #14365C !important;
}

.bg-primary[b-z0j2479w7w] {
    background-color: #14365C !important;
    color: #FFFFFF !important;
}

.bg-warning[b-z0j2479w7w] {
    background-color: #FEF3C7 !important;
    color: #92400E !important;
}

.bg-secondary[b-z0j2479w7w] {
    background-color: #F3F4F6 !important;
    color: #4B5563 !important;
}

.bg-success[b-z0j2479w7w] {
    background-color: #ECFDF3 !important;
    color: #027A48 !important;
}

.bg-dark[b-z0j2479w7w] {
    background-color: #111827 !important;
    color: #FFFFFF !important;
}

.bg-danger[b-z0j2479w7w] {
    background-color: #FEF2F2 !important;
    color: #B42318 !important;
}

.badge.rounded-pill[b-z0j2479w7w] {
    border-radius: 50rem !important;
}

/* Estados de loading */
.spinner-border[b-z0j2479w7w] {
    width: 2rem;
    height: 2rem;
    border-width: 0.25em;
}

.spinner-border.text-primary[b-z0j2479w7w] {
    color: #14365C !important;
}

/* Alertas */
.alert[b-z0j2479w7w] {
    border: none;
    border-radius: 8px;
    padding: 16px;
    font-size: 14px;
    line-height: 1.5;
}

.alert-info[b-z0j2479w7w] {
    background-color: #E6EEF8;
    color: #14365C;
    border-left: 4px solid #14365C;
}

.alert-success[b-z0j2479w7w] {
    background-color: #ECFDF3;
    color: #027A48;
    border-left: 4px solid #027A48;
}

/* Paginação */
.pagination[b-z0j2479w7w] {
    margin: 0;
}

.page-item[b-z0j2479w7w] {
    margin: 0 2px;
}

.page-link[b-z0j2479w7w] {
    position: relative;
    display: block;
    padding: 8px 12px;
    color: #14365C;
    text-decoration: none;
    background-color: #FFFFFF;
    border: 1px solid #E5E7EB;
    border-radius: 6px;
    transition: all 0.2s ease;
}

.page-link:hover[b-z0j2479w7w] {
    background-color: #F9FAFB;
    border-color: #14365C;
    color: #0F2A47;
}

.page-item.active .page-link[b-z0j2479w7w] {
    background-color: #14365C;
    border-color: #14365C;
    color: #FFFFFF;
}

.page-item.disabled .page-link[b-z0j2479w7w] {
    color: #9CA3AF;
    background-color: #F3F4F6;
    border-color: #E5E7EB;
    cursor: not-allowed;
}

/* List groups */
.list-group[b-z0j2479w7w] {
    display: flex;
    flex-direction: column;
    padding-left: 0;
    margin-bottom: 0;
    border-radius: 8px;
}

.list-group-item[b-z0j2479w7w] {
    position: relative;
    display: block;
    padding: 12px 16px;
    color: #111827;
    text-decoration: none;
    background-color: #FFFFFF;
    border: 1px solid #E5E7EB;
    margin-bottom: -1px;
}

.list-group-item:first-child[b-z0j2479w7w] {
    border-top-left-radius: 8px;
    border-top-right-radius: 8px;
}

.list-group-item:last-child[b-z0j2479w7w] {
    border-bottom-left-radius: 8px;
    border-bottom-right-radius: 8px;
}

.list-group-item-action[b-z0j2479w7w] {
    color: #111827;
    transition: all 0.2s ease;
}

.list-group-item-action:hover[b-z0j2479w7w] {
    background-color: #F9FAFB;
    color: #14365C;
    text-decoration: none;
}

.list-group-flush .list-group-item[b-z0j2479w7w] {
    border-right: 0;
    border-left: 0;
    border-radius: 0;
}

.list-group-flush .list-group-item:first-child[b-z0j2479w7w] {
    border-top: 0;
}

.list-group-flush .list-group-item:last-child[b-z0j2479w7w] {
    border-bottom: 0;
}

/* Cards de altura completa */
.h-100[b-z0j2479w7w] {
    height: 100% !important;
}

/* Utilities */
.d-flex[b-z0j2479w7w] {
    display: flex !important;
}

.justify-content-between[b-z0j2479w7w] {
    justify-content: space-between !important;
}

.justify-content-end[b-z0j2479w7w] {
    justify-content: flex-end !important;
}

.justify-content-center[b-z0j2479w7w] {
    justify-content: center !important;
}

.align-items-center[b-z0j2479w7w] {
    align-items: center !important;
}

.w-100[b-z0j2479w7w] {
    width: 100% !important;
}

.text-muted[b-z0j2479w7w] {
    color: #6B7280 !important;
}

.text-center[b-z0j2479w7w] {
    text-align: center !important;
}

.text-decoration-line-through[b-z0j2479w7w] {
    text-decoration: line-through !important;
}

/* Margin utilities */
.mb-0[b-z0j2479w7w] {
    margin-bottom: 0 !important;
}

.mb-1[b-z0j2479w7w] {
    margin-bottom: 4px !important;
}

.mb-3[b-z0j2479w7w] {
    margin-bottom: 24px !important;
}

.mb-4[b-z0j2479w7w] {
    margin-bottom: 32px !important;
}

.me-2[b-z0j2479w7w] {
    margin-right: 16px !important;
}

.mt-2[b-z0j2479w7w] {
    margin-top: 16px !important;
}

.mt-4[b-z0j2479w7w] {
    margin-top: 32px !important;
}

.m-3[b-z0j2479w7w] {
    margin: 24px !important;
}

/* Padding utilities */
.px-4[b-z0j2479w7w] {
    padding-left: 32px !important;
    padding-right: 32px !important;
}

.py-3[b-z0j2479w7w] {
    padding-top: 24px !important;
    padding-bottom: 24px !important;
}

.py-4[b-z0j2479w7w] {
    padding-top: 32px !important;
    padding-bottom: 32px !important;
}

.py-5[b-z0j2479w7w] {
    padding-top: 48px !important;
    padding-bottom: 48px !important;
}

.p-0[b-z0j2479w7w] {
    padding: 0 !important;
}

.p-2[b-z0j2479w7w] {
    padding: 16px !important;
}

/* Visibility utilities */
.visually-hidden[b-z0j2479w7w] {
    position: absolute !important;
    width: 1px !important;
    height: 1px !important;
    padding: 0 !important;
    margin: -1px !important;
    overflow: hidden !important;
    clip: rect(0, 0, 0, 0) !important;
    white-space: nowrap !important;
    border: 0 !important;
}

/* Border utilities */
.border-top[b-z0j2479w7w] {
    border-top: 1px solid #E5E7EB !important;
}

/* Responsividade */
@media (max-width: 768px) {
    .container-fluid[b-z0j2479w7w] {
        padding: 16px 12px;
    }
    
    h1.fs-2[b-z0j2479w7w] {
        font-size: 24px;
    }
    
    .card-header[b-z0j2479w7w],
    .card-body[b-z0j2479w7w] {
        padding: 16px;
    }
    
    .col-md-3[b-z0j2479w7w],
    .col-md-6[b-z0j2479w7w] {
        width: 100%;
        margin-bottom: 16px;
    }
    
    .d-flex.justify-content-between[b-z0j2479w7w] {
        flex-direction: column;
        gap: 16px;
    }
    
    .d-flex.justify-content-end[b-z0j2479w7w] {
        justify-content: stretch;
    }
    
    .btn[b-z0j2479w7w] {
        width: 100%;
        justify-content: center;
        margin-bottom: 8px;
    }
    
    .btn-group[b-z0j2479w7w] {
        flex-direction: column;
        width: 100%;
    }
    
    .btn-group .btn[b-z0j2479w7w] {
        border-radius: 6px !important;
        margin-left: 0 !important;
        margin-bottom: 4px;
    }
    
    .input-group[b-z0j2479w7w] {
        flex-direction: column;
        gap: 8px;
    }
    
    .table-responsive[b-z0j2479w7w] {
        font-size: 12px;
    }
    
    .table thead th[b-z0j2479w7w],
    .table tbody td[b-z0j2479w7w] {
        padding: 8px 6px;
    }
    
    /* Esconder algumas colunas em mobile */
    .table th:nth-child(4)[b-z0j2479w7w],
    .table td:nth-child(4)[b-z0j2479w7w],
    .table th:nth-child(7)[b-z0j2479w7w],
    .table td:nth-child(7)[b-z0j2479w7w],
    .table th:nth-child(8)[b-z0j2479w7w],
    .table td:nth-child(8)[b-z0j2479w7w] {
        display: none;
    }
    
    .pagination[b-z0j2479w7w] {
        flex-wrap: wrap;
        justify-content: center;
    }
    
    .page-link[b-z0j2479w7w] {
        padding: 6px 10px;
        font-size: 12px;
    }
}

/* Animações de entrada */
.card[b-z0j2479w7w] {
    animation: fadeInUp-b-z0j2479w7w 0.6s ease-out;
}

.card:nth-child(1)[b-z0j2479w7w] {
    animation-delay: 0.1s;
}

.card:nth-child(2)[b-z0j2479w7w] {
    animation-delay: 0.2s;
}

.card:nth-child(3)[b-z0j2479w7w] {
    animation-delay: 0.3s;
}

@keyframes fadeInUp-b-z0j2479w7w {
    from {
        opacity: 0;
        transform: translateY(20px);
    }
    to {
        opacity: 1;
        transform: translateY(0);
    }
}

/* Melhorias para hover em cards */
.card:hover[b-z0j2479w7w] {
    box-shadow: 0px 4px 8px rgba(16, 24, 40, 0.12);
    transform: translateY(-1px);
    transition: all 0.2s ease;
}

/* Estados específicos para diferentes prioridades de chamados */
.prioridade-critica[b-z0j2479w7w] {
    border-left: 4px solid #B42318;
}

.prioridade-alta[b-z0j2479w7w] {
    border-left: 4px solid #F59E0B;
}

.prioridade-media[b-z0j2479w7w] {
    border-left: 4px solid #14365C;
}

.prioridade-baixa[b-z0j2479w7w] {
    border-left: 4px solid #027A48;
}

/* Melhorias para filtros */
.filter-section[b-z0j2479w7w] {
    background-color: #F9FAFB;
    border-radius: 8px;
    padding: 20px;
    margin-bottom: 24px;
    border: 1px solid #E5E7EB;
}

/* Estados de foco melhorados */
.btn:focus[b-z0j2479w7w],
.form-control:focus[b-z0j2479w7w],
.form-select:focus[b-z0j2479w7w] {
    outline: 2px solid #14365C;
    outline-offset: 2px;
}

/* Melhorias para estatísticas */
.stats-card[b-z0j2479w7w] {
    border-left: 4px solid #14365C;
    transition: all 0.2s ease;
}

.stats-card:hover[b-z0j2479w7w] {
    border-left-color: #0F2A47;
    transform: translateY(-2px);
}

/* Indicadores de urgência */
.urgente[b-z0j2479w7w] {
    position: relative;
}

.urgente[b-z0j2479w7w]::before {
    content: '';
    position: absolute;
    top: 0;
    left: 0;
    right: 0;
    height: 3px;
    background: linear-gradient(90deg, #B42318, #F59E0B);
    border-radius: 12px 12px 0 0;
}

/* Melhorias para tooltips */
.tooltip-container[b-z0j2479w7w] {
    position: relative;
    cursor: help;
}

.tooltip-container:hover[b-z0j2479w7w]::after {
    content: attr(data-tooltip);
    position: absolute;
    bottom: 100%;
    left: 50%;
    transform: translateX(-50%);
    background-color: #111827;
    color: #FFFFFF;
    padding: 8px 12px;
    border-radius: 4px;
    font-size: 12px;
    white-space: nowrap;
    z-index: 1000;
}

/* Estados para chamados sem atendente */
.sem-atendente[b-z0j2479w7w] {
    border-left: 3px solid #F59E0B;
    background-color: rgba(245, 158, 11, 0.05);
}

/* Ícones Bootstrap */
.bi[b-z0j2479w7w] {
    font-size: inherit;
}
/* _content/VeiculoSeguroBlazor/Components/Pages/Admin/GerenciarClientes.razor.rz.scp.css */
.cliente-card[b-vc3yzkbmjt] {
    transition: all 0.3s ease;
    border-left: 3px solid transparent;
}

.cliente-card:hover[b-vc3yzkbmjt] {
    transform: translateY(-2px);
    box-shadow: 0 4px 8px rgba(0,0,0,0.1);
}

.cliente-card.active[b-vc3yzkbmjt] {
    border-left: 3px solid var(--bs-primary);
    background-color: rgba(13, 110, 253, 0.05);
}

.cliente-list[b-vc3yzkbmjt] {
    max-height: calc(100vh - 220px);
    overflow-y: auto;
    scrollbar-width: thin;
}

.cliente-list[b-vc3yzkbmjt]::-webkit-scrollbar {
    width: 5px;
}

.cliente-list[b-vc3yzkbmjt]::-webkit-scrollbar-thumb {
    background-color: rgba(0,0,0,0.2);
    border-radius: 10px;
}

.search-container[b-vc3yzkbmjt] {
    position: relative;
}

.search-container .form-control[b-vc3yzkbmjt] {
    padding-left: 40px;
    border-radius: 20px;
    border: 1px solid #ced4da;
    box-shadow: 0 2px 5px rgba(0,0,0,0.05);
    transition: all 0.3s ease;
}

.search-container .form-control:focus[b-vc3yzkbmjt] {
    box-shadow: 0 0 0 0.25rem rgba(13, 110, 253, 0.25);
    border-color: #86b7fe;
}

.search-icon[b-vc3yzkbmjt] {
    position: absolute;
    left: 14px;
    top: 10px;
    color: #6c757d;
}

.cliente-detail-card[b-vc3yzkbmjt] {
    border-radius: 10px;
    box-shadow: 0 4px 12px rgba(0,0,0,0.08);
    transition: all 0.3s ease;
    height: 100%;
}

.card[b-vc3yzkbmjt] {
    border-radius: 10px;
    overflow: hidden;
    box-shadow: 0 4px 12px rgba(0,0,0,0.08);
    transition: all 0.3s ease;
    border: none;
}

.action-btn[b-vc3yzkbmjt] {
    border-radius: 20px;
    padding: 0.375rem 1rem;
    transition: all 0.2s ease;
}

.action-btn:hover[b-vc3yzkbmjt] {
    transform: translateY(-2px);
}

/* Botão "Novo Cliente" no header - garantir visibilidade */
.btn-primary.action-btn[b-vc3yzkbmjt] {
    color: #ffffff !important;
    background: linear-gradient(135deg, #1e2b4a 0%, #2c3c5d 100%) !important;
    border: none !important;
}

.btn-primary.action-btn:hover[b-vc3yzkbmjt] {
    background: linear-gradient(135deg, #0f172a 0%, #1e2b4a 100%) !important;
}

.stats-value[b-vc3yzkbmjt] {
    font-size: 1.75rem;
    font-weight: 600;
    color: #343a40;
}

.stats-label[b-vc3yzkbmjt] {
    font-size: 0.85rem;
    color: #6c757d;
    font-weight: 500;
}

.paginator[b-vc3yzkbmjt] {
    display: flex;
    align-items: center;
    justify-content: space-between;
    padding: 0.5rem;
}

.data-table thead th[b-vc3yzkbmjt] {
    background-color: #f8f9fa;
    border-top: none;
    border-bottom: 2px solid #dee2e6;
    color: #495057;
    font-weight: 600;
}

.empty-state[b-vc3yzkbmjt] {
    text-align: center;
    padding: 2rem;
    color: #6c757d;
}

.empty-state i[b-vc3yzkbmjt] {
    font-size: 3rem;
    margin-bottom: 1rem;
    opacity: 0.5;
}

.detail-item[b-vc3yzkbmjt] {
    margin-bottom: 1rem;
}

.detail-label[b-vc3yzkbmjt] {
    font-size: 0.85rem;
    color: #6c757d;
    font-weight: 500;
    margin-bottom: 0.25rem;
}

.detail-value[b-vc3yzkbmjt] {
    font-weight: 500;
}

.action-button-group[b-vc3yzkbmjt] {
    display: flex;
    gap: 0.5rem;
    margin-top: 1rem;
}

.btn-icon[b-vc3yzkbmjt] {
    display: inline-flex;
    align-items: center;
    justify-content: center;
    gap: 0.75rem;
    padding: 16px 24px;
    border: 2px solid #e2e8f0;
    border-radius: 12px;
    background-color: white;
    color: #1e2b4a;
    font-weight: 600;
    font-size: 15px;
    transition: all 0.3s cubic-bezier(0.4, 0, 0.2, 1);
    box-shadow: 0 2px 8px rgba(0, 0, 0, 0.04);
}

.btn-icon i[b-vc3yzkbmjt] {
    font-size: 20px;
    transition: transform 0.3s ease;
}

.btn-icon:hover[b-vc3yzkbmjt] {
    background-color: rgba(0, 212, 255, 0.04);
    border-color: #00d4ff;
    color: #1e2b4a;
    transform: translateY(-3px);
    box-shadow: 0 6px 16px rgba(0, 212, 255, 0.15);
}

.btn-icon:hover i[b-vc3yzkbmjt] {
    transform: scale(1.1);
}

.btn-icon:active[b-vc3yzkbmjt] {
    transform: translateY(-1px);
    box-shadow: 0 4px 12px rgba(0, 212, 255, 0.12);
}

/* Fix para botões no header - garantir que fiquem acima do ::after */
.admin-header button[b-vc3yzkbmjt] {
    position: relative;
    z-index: 10;
}

/* Botão Editar - Estilo moderno e elegante */
.admin-header .btn-outline-light[b-vc3yzkbmjt] {
    border: 2px solid rgba(255, 255, 255, 0.4);
    background-color: rgba(255, 255, 255, 0.08);
    color: white;
    font-weight: 600;
    padding: 8px 20px;
    border-radius: 8px;
    font-size: 14px;
    transition: all 0.3s ease;
    box-shadow: 0 2px 8px rgba(0, 0, 0, 0.1);
}

.admin-header .btn-outline-light:hover[b-vc3yzkbmjt] {
    background-color: rgba(255, 255, 255, 0.18);
    border-color: rgba(255, 255, 255, 0.7);
    color: white;
    transform: translateY(-2px);
    box-shadow: 0 4px 12px rgba(0, 0, 0, 0.15);
}

.admin-header .btn-outline-light:active[b-vc3yzkbmjt] {
    transform: translateY(0);
    box-shadow: 0 2px 6px rgba(0, 0, 0, 0.1);
}

/* Botão Desativar - Laranja/Âmbar suave */
.admin-header .btn-outline-warning[b-vc3yzkbmjt] {
    border: 2px solid rgba(251, 191, 36, 0.5);
    background-color: rgba(251, 191, 36, 0.12);
    color: #fef3c7;
    font-weight: 600;
    padding: 8px 20px;
    border-radius: 8px;
    font-size: 14px;
    transition: all 0.3s ease;
    box-shadow: 0 2px 8px rgba(251, 191, 36, 0.15);
}

.admin-header .btn-outline-warning:hover[b-vc3yzkbmjt] {
    background-color: rgba(251, 191, 36, 0.22);
    border-color: rgba(251, 191, 36, 0.8);
    color: #fef3c7;
    transform: translateY(-2px);
    box-shadow: 0 4px 12px rgba(251, 191, 36, 0.25);
}

.admin-header .btn-outline-warning:active[b-vc3yzkbmjt] {
    transform: translateY(0);
    box-shadow: 0 2px 6px rgba(251, 191, 36, 0.15);
}

/* Botão Ativar - Verde suave e moderno */
.admin-header .btn-outline-success[b-vc3yzkbmjt] {
    border: 2px solid rgba(52, 211, 153, 0.5);
    background-color: rgba(52, 211, 153, 0.12);
    color: #d1fae5;
    font-weight: 600;
    padding: 8px 20px;
    border-radius: 8px;
    font-size: 14px;
    transition: all 0.3s ease;
    box-shadow: 0 2px 8px rgba(52, 211, 153, 0.15);
}

.admin-header .btn-outline-success:hover[b-vc3yzkbmjt] {
    background-color: rgba(52, 211, 153, 0.22);
    border-color: rgba(52, 211, 153, 0.8);
    color: #d1fae5;
    transform: translateY(-2px);
    box-shadow: 0 4px 12px rgba(52, 211, 153, 0.25);
}

.admin-header .btn-outline-success:active[b-vc3yzkbmjt] {
    transform: translateY(0);
    box-shadow: 0 2px 6px rgba(52, 211, 153, 0.15);
}

/* Garantir que o botão "Salvar Cliente" seja visível */
.card-body .btn-primary[b-vc3yzkbmjt] {
    color: #ffffff !important;
    background: linear-gradient(135deg, #1e2b4a 0%, #2c3c5d 100%) !important;
    border: none !important;
    font-weight: 600;
    padding: 12px 24px;
    border-radius: 50px;
    transition: all 0.3s ease;
    box-shadow: 0 4px 10px rgba(0, 0, 0, 0.15);
}

.card-body .btn-primary:hover[b-vc3yzkbmjt] {
    transform: translateY(-2px);
    box-shadow: 0 6px 15px rgba(0, 0, 0, 0.2);
    background: linear-gradient(135deg, #0f172a 0%, #1e2b4a 100%) !important;
}

.card-body .btn-primary:active[b-vc3yzkbmjt] {
    transform: translateY(0);
    box-shadow: 0 2px 8px rgba(0, 0, 0, 0.15);
}
/* _content/VeiculoSeguroBlazor/Components/Pages/Admin/GerenciarComunicadosVenda.razor.rz.scp.css */
.page-header[b-hriggcbyk6] {
    background: linear-gradient(135deg, #14365C 0%, #1a4a7a 100%);
    color: white;
    padding: 1.5rem 2rem;
    border-radius: 12px;
    margin-bottom: 1.5rem;
    display: flex;
    justify-content: space-between;
    align-items: center;
}

.page-header h1[b-hriggcbyk6] {
    margin: 0;
    font-size: 1.5rem;
    font-weight: 600;
}

.page-header p[b-hriggcbyk6] {
    margin: 0.25rem 0 0;
    opacity: 0.8;
    font-size: 0.9rem;
}

.filtros-card[b-hriggcbyk6] {
    background: white;
    border-radius: 12px;
    padding: 1.25rem;
    margin-bottom: 1rem;
    box-shadow: 0 2px 8px rgba(0, 0, 0, 0.08);
}

.filtros-row[b-hriggcbyk6] {
    display: flex;
    gap: 1rem;
    flex-wrap: wrap;
    align-items: end;
}

.filtro-group[b-hriggcbyk6] {
    display: flex;
    flex-direction: column;
    gap: 0.25rem;
}

.filtro-group label[b-hriggcbyk6] {
    font-size: 0.75rem;
    font-weight: 600;
    color: #6c757d;
    text-transform: uppercase;
}

.filtro-group select[b-hriggcbyk6],
.filtro-group input[b-hriggcbyk6] {
    min-width: 180px;
    padding: 0.5rem 0.75rem;
    border: 1px solid #dee2e6;
    border-radius: 8px;
    font-size: 0.9rem;
}

.search-box[b-hriggcbyk6] {
    flex: 1;
    min-width: 250px;
}

.table-card[b-hriggcbyk6] {
    background: white;
    border-radius: 12px;
    box-shadow: 0 2px 8px rgba(0, 0, 0, 0.08);
    overflow: hidden;
}

.table-card table[b-hriggcbyk6] {
    margin-bottom: 0;
}

.table-card th[b-hriggcbyk6] {
    background: #f8f9fa;
    font-weight: 600;
    font-size: 0.8rem;
    text-transform: uppercase;
    color: #6c757d;
    border-bottom: 2px solid #dee2e6;
    padding: 1rem;
}

.table-card td[b-hriggcbyk6] {
    padding: 0.875rem 1rem;
    vertical-align: middle;
    border-bottom: 1px solid #f0f0f0;
}

.table-card tbody tr:hover[b-hriggcbyk6] {
    background-color: #f8f9fa;
}

.protocolo-code[b-hriggcbyk6] {
    font-family: 'Courier New', monospace;
    background: #e9ecef;
    padding: 0.25rem 0.5rem;
    border-radius: 4px;
    font-size: 0.85rem;
}

.badge-bloqueado[b-hriggcbyk6] {
    background-color: #dc3545 !important;
    animation: pulse-b-hriggcbyk6 2s infinite;
}

@keyframes pulse-b-hriggcbyk6 {
    0%, 100% { opacity: 1; }
    50% { opacity: 0.7; }
}

.btn-action[b-hriggcbyk6] {
    padding: 0.25rem 0.5rem;
    font-size: 0.8rem;
    border-radius: 6px;
}

.empty-state[b-hriggcbyk6] {
    text-align: center;
    padding: 4rem 2rem;
    color: #6c757d;
}

.empty-state i[b-hriggcbyk6] {
    font-size: 4rem;
    opacity: 0.3;
    margin-bottom: 1rem;
}

.pagination-container[b-hriggcbyk6] {
    display: flex;
    justify-content: space-between;
    align-items: center;
    padding: 1rem;
    border-top: 1px solid #dee2e6;
}

.pagination-info[b-hriggcbyk6] {
    font-size: 0.875rem;
    color: #6c757d;
}

/* Modal Styles */
.modal-xl-custom[b-hriggcbyk6] {
    max-width: 900px;
}

.detail-section[b-hriggcbyk6] {
    background: #f8f9fa;
    border-radius: 8px;
    padding: 1rem;
    margin-bottom: 1rem;
}

.detail-section h6[b-hriggcbyk6] {
    color: #14365C;
    margin-bottom: 0.75rem;
    font-weight: 600;
    border-bottom: 2px solid #14365C;
    padding-bottom: 0.5rem;
}

.detail-row[b-hriggcbyk6] {
    display: flex;
    justify-content: space-between;
    padding: 0.375rem 0;
    border-bottom: 1px solid #e9ecef;
}

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

.detail-label[b-hriggcbyk6] {
    font-weight: 500;
    color: #6c757d;
    font-size: 0.85rem;
}

.detail-value[b-hriggcbyk6] {
    font-weight: 500;
    color: #212529;
    text-align: right;
}

.stats-badges[b-hriggcbyk6] {
    display: flex;
    gap: 0.5rem;
    margin-bottom: 1rem;
}

.stat-badge[b-hriggcbyk6] {
    padding: 0.5rem 1rem;
    border-radius: 8px;
    font-size: 0.8rem;
    font-weight: 600;
}

.stat-badge.total[b-hriggcbyk6] {
    background: #e9ecef;
    color: #495057;
}

.stat-badge.pendentes[b-hriggcbyk6] {
    background: #fff3cd;
    color: #856404;
}

.stat-badge.enviados[b-hriggcbyk6] {
    background: #d4edda;
    color: #155724;
}

.stat-badge.erros[b-hriggcbyk6] {
    background: #f8d7da;
    color: #721c24;
}

.stat-badge.bloqueados[b-hriggcbyk6] {
    background: #dc3545;
    color: white;
}
/* _content/VeiculoSeguroBlazor/Components/Pages/Admin/GerenciarFaturas.razor.rz.scp.css */
/* GerenciarFaturas.razor.css - Estilo para página de gerenciamento de faturas baseado na paleta Oxford Blue */

/* Título principal */
h3[b-h0ihufadpe] {
    font-family: 'Inter', -apple-system, BlinkMacSystemFont, 'Segoe UI', Roboto, sans-serif;
    font-size: 28px;
    font-weight: 600;
    color: #111827;
    margin-bottom: 32px;
    margin-top: 0;
}

h5[b-h0ihufadpe] {
    font-family: 'Inter', -apple-system, BlinkMacSystemFont, 'Segoe UI', Roboto, sans-serif;
    font-size: 18px;
    font-weight: 600;
    color: #111827;
    margin-bottom: 16px;
    margin-top: 0;
}

/* Layout de colunas */
.row[b-h0ihufadpe] {
    display: flex;
    flex-wrap: wrap;
    margin-right: -12px;
    margin-left: -12px;
}

.col-md-4[b-h0ihufadpe], .col-md-6[b-h0ihufadpe], .col-md-8[b-h0ihufadpe], .col-md-12[b-h0ihufadpe] {
    padding-right: 12px;
    padding-left: 12px;
}

.col-md-4[b-h0ihufadpe] {
    flex: 0 0 auto;
    width: 33.33333333%;
}

.col-md-6[b-h0ihufadpe] {
    flex: 0 0 auto;
    width: 50%;
}

.col-md-8[b-h0ihufadpe] {
    flex: 0 0 auto;
    width: 66.66666667%;
}

.col-md-12[b-h0ihufadpe] {
    flex: 0 0 auto;
    width: 100%;
}

/* Botões */
.btn[b-h0ihufadpe] {
    padding: 10px 18px;
    border-radius: 6px;
    font-weight: 500;
    font-size: 14px;
    cursor: pointer;
    transition: all 0.2s ease;
    display: inline-flex;
    align-items: center;
    gap: 8px;
    border: 1px solid transparent;
    text-decoration: none;
}

.btn-primary[b-h0ihufadpe] {
    background-color: #14365C;
    border-color: #14365C;
    color: #FFFFFF;
}

.btn-primary:hover[b-h0ihufadpe] {
    background-color: #0F2A47;
    border-color: #0F2A47;
    transform: translateY(-1px);
    box-shadow: 0 4px 8px rgba(20, 54, 92, 0.2);
}

.btn-outline-primary[b-h0ihufadpe] {
    background-color: transparent;
    border-color: #14365C;
    color: #14365C;
}

.btn-outline-primary:hover[b-h0ihufadpe] {
    background-color: #14365C;
    border-color: #14365C;
    color: #FFFFFF;
    transform: translateY(-1px);
    box-shadow: 0 2px 4px rgba(20, 54, 92, 0.2);
}

.btn-info[b-h0ihufadpe] {
    background-color: #14365C;
    border-color: #14365C;
    color: #FFFFFF;
}

.btn-info:hover[b-h0ihufadpe] {
    background-color: #0F2A47;
    border-color: #0F2A47;
    transform: translateY(-1px);
    box-shadow: 0 4px 8px rgba(20, 54, 92, 0.2);
}

.btn-outline-info[b-h0ihufadpe] {
    background-color: transparent;
    border-color: #14365C;
    color: #14365C;
}

.btn-outline-info:hover[b-h0ihufadpe] {
    background-color: #14365C;
    border-color: #14365C;
    color: #FFFFFF;
    transform: translateY(-1px);
    box-shadow: 0 2px 4px rgba(20, 54, 92, 0.2);
}

.btn-warning[b-h0ihufadpe] {
    background-color: #F59E0B;
    border-color: #F59E0B;
    color: #FFFFFF;
}

.btn-warning:hover[b-h0ihufadpe] {
    background-color: #D97706;
    border-color: #D97706;
    transform: translateY(-1px);
    box-shadow: 0 4px 8px rgba(245, 158, 11, 0.2);
}

.btn-outline-warning[b-h0ihufadpe] {
    background-color: transparent;
    border-color: #F59E0B;
    color: #F59E0B;
}

.btn-outline-warning:hover[b-h0ihufadpe] {
    background-color: #F59E0B;
    border-color: #F59E0B;
    color: #FFFFFF;
    transform: translateY(-1px);
    box-shadow: 0 2px 4px rgba(245, 158, 11, 0.2);
}

.btn-secondary[b-h0ihufadpe] {
    background-color: #E5E7EB;
    border-color: #E5E7EB;
    color: #4B5563;
}

.btn-secondary:hover[b-h0ihufadpe] {
    background-color: #D1D5DB;
    border-color: #D1D5DB;
    color: #111827;
    transform: translateY(-1px);
    box-shadow: 0 2px 4px rgba(0, 0, 0, 0.1);
}

.btn-success[b-h0ihufadpe] {
    background-color: #027A48;
    border-color: #027A48;
    color: #FFFFFF;
}

.btn-success:hover[b-h0ihufadpe] {
    background-color: #016A40;
    border-color: #016A40;
    transform: translateY(-1px);
    box-shadow: 0 4px 8px rgba(2, 122, 72, 0.2);
}

.btn-sm[b-h0ihufadpe] {
    padding: 6px 12px;
    font-size: 12px;
}

.btn:disabled[b-h0ihufadpe] {
    background-color: #9CA3AF;
    border-color: #9CA3AF;
    color: #FFFFFF;
    cursor: not-allowed;
    transform: none;
    box-shadow: none;
}

/* Grupos de botões */
.btn-group[b-h0ihufadpe] {
    display: inline-flex;
    vertical-align: middle;
    gap: 4px;
}

.btn-group .btn[b-h0ihufadpe] {
    border-radius: 6px;
}

/* Text alignment */
.text-end[b-h0ihufadpe] {
    text-align: right !important;
}

/* Cards */
.card[b-h0ihufadpe] {
    background: #FFFFFF;
    border: none;
    border-radius: 12px;
    box-shadow: 0px 1px 3px rgba(16, 24, 40, 0.05);
    overflow: hidden;
    margin-bottom: 24px;
}

.card-body[b-h0ihufadpe] {
    padding: 24px;
}

/* Alertas */
.alert[b-h0ihufadpe] {
    border: none;
    border-radius: 8px;
    padding: 20px;
    margin-bottom: 24px;
    font-size: 14px;
    line-height: 1.5;
}

.alert-info[b-h0ihufadpe] {
    background-color: #E6EEF8;
    color: #14365C;
    border-left: 4px solid #14365C;
}

.alert h5[b-h0ihufadpe] {
    color: #14365C;
    margin-bottom: 12px;
    display: flex;
    align-items: center;
    gap: 8px;
}

.alert p[b-h0ihufadpe] {
    margin-bottom: 16px;
    color: #4B5563;
}

/* Input groups */
.input-group[b-h0ihufadpe] {
    display: flex;
    flex-wrap: wrap;
    align-items: stretch;
    width: 100%;
    margin-bottom: 16px;
}

.input-group-text[b-h0ihufadpe] {
    display: flex;
    align-items: center;
    padding: 10px 14px;
    font-size: 14px;
    font-weight: 500;
    line-height: 1.5;
    color: #4B5563;
    text-align: center;
    white-space: nowrap;
    background-color: #F9FAFB;
    border: 1px solid #E5E7EB;
    border-radius: 6px 0 0 6px;
}

.form-select[b-h0ihufadpe] {
    border: 1px solid #E5E7EB;
    border-radius: 0;
    padding: 10px 14px;
    font-size: 14px;
    line-height: 1.5;
    color: #111827;
    background-color: #FFFFFF;
    transition: all 0.2s ease;
    background-image: url("data:image/svg+xml;charset=utf8,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 16 16'%3E%3Cpath fill='none' stroke='%23666' stroke-linecap='round' stroke-linejoin='round' stroke-width='2' d='M2 5l6 6 6-6'/%3E%3C/svg%3E");
    background-repeat: no-repeat;
    background-position: right 10px center;
    background-size: 14px;
    padding-right: 40px;
}

.input-group .btn[b-h0ihufadpe] {
    border-radius: 0 6px 6px 0;
    border-left: 0;
}

.form-select:focus[b-h0ihufadpe] {
    border-color: #14365C;
    box-shadow: 0 0 0 3px rgba(20, 54, 92, 0.1);
    outline: none;
}

/* Estados de loading */
.loading-text[b-h0ihufadpe] {
    display: flex;
    justify-content: center;
    align-items: center;
    padding: 48px 24px;
    color: #4B5563;
    font-style: italic;
}

/* Tabelas */
.table-responsive[b-h0ihufadpe] {
    border-radius: 8px;
    overflow: hidden;
    margin-top: 16px;
}

.table[b-h0ihufadpe] {
    margin-bottom: 0;
    color: #111827;
    font-size: 14px;
}

.table thead th[b-h0ihufadpe] {
    background-color: #F9FAFB;
    border-bottom: 2px solid #E5E7EB;
    color: #4B5563;
    font-weight: 600;
    font-size: 12px;
    text-transform: uppercase;
    letter-spacing: 0.05em;
    padding: 16px 12px;
    border-top: none;
    vertical-align: middle;
}

.table tbody td[b-h0ihufadpe] {
    padding: 16px 12px;
    border-bottom: 1px solid #F2F4F7;
    vertical-align: middle;
}

.table-striped tbody tr:nth-of-type(odd)[b-h0ihufadpe] {
    background-color: rgba(249, 250, 251, 0.5);
}

.table tbody tr:hover[b-h0ihufadpe] {
    background-color: rgba(20, 54, 92, 0.02);
}

.table-sm th[b-h0ihufadpe],
.table-sm td[b-h0ihufadpe] {
    padding: 8px 12px;
}

/* Badges */
.badge[b-h0ihufadpe] {
    padding: 6px 12px;
    border-radius: 12px;
    font-size: 11px;
    font-weight: 500;
    text-transform: uppercase;
    letter-spacing: 0.025em;
}

.bg-info[b-h0ihufadpe] {
    background-color: #E6EEF8 !important;
    color: #14365C !important;
}

.bg-warning[b-h0ihufadpe] {
    background-color: #FEF3C7 !important;
    color: #92400E !important;
}

.bg-success[b-h0ihufadpe] {
    background-color: #ECFDF3 !important;
    color: #027A48 !important;
}

.bg-danger[b-h0ihufadpe] {
    background-color: #FEF2F2 !important;
    color: #B42318 !important;
}

.bg-secondary[b-h0ihufadpe] {
    background-color: #F3F4F6 !important;
    color: #4B5563 !important;
}

/* Paginação */
.pagination[b-h0ihufadpe] {
    margin: 0;
    display: flex;
    padding-left: 0;
    list-style: none;
    border-radius: 6px;
}

.page-item[b-h0ihufadpe] {
    margin: 0 2px;
}

.page-link[b-h0ihufadpe] {
    position: relative;
    display: block;
    padding: 8px 12px;
    color: #14365C;
    text-decoration: none;
    background-color: #FFFFFF;
    border: 1px solid #E5E7EB;
    border-radius: 6px;
    transition: all 0.2s ease;
}

.page-link:hover[b-h0ihufadpe] {
    background-color: #F9FAFB;
    border-color: #14365C;
    color: #0F2A47;
}

.page-item.active .page-link[b-h0ihufadpe] {
    background-color: #14365C;
    border-color: #14365C;
    color: #FFFFFF;
}

.page-item.disabled .page-link[b-h0ihufadpe] {
    color: #9CA3AF;
    background-color: #F3F4F6;
    border-color: #E5E7EB;
    cursor: not-allowed;
}

/* Modais */
.modal[b-h0ihufadpe] {
    z-index: 1050;
}

.modal-backdrop[b-h0ihufadpe] {
    background-color: rgba(17, 24, 39, 0.5);
    z-index: 1040;
}

.modal-dialog[b-h0ihufadpe] {
    margin: 1.75rem auto;
    max-width: 500px;
}

.modal-dialog.modal-lg[b-h0ihufadpe] {
    max-width: 800px;
}

.modal-content[b-h0ihufadpe] {
    background-color: #FFFFFF;
    border: none;
    border-radius: 12px;
    box-shadow: 0px 10px 25px rgba(16, 24, 40, 0.15);
    overflow: hidden;
}

.modal-header[b-h0ihufadpe] {
    background-color: #F9FAFB;
    border-bottom: 1px solid #E5E7EB;
    padding: 20px 24px;
    display: flex;
    justify-content: space-between;
    align-items: center;
}

.modal-title[b-h0ihufadpe] {
    font-family: 'Inter', -apple-system, BlinkMacSystemFont, 'Segoe UI', Roboto, sans-serif;
    font-size: 18px;
    font-weight: 600;
    color: #111827;
    margin: 0;
}

.close[b-h0ihufadpe] {
    background: none;
    border: none;
    font-size: 24px;
    color: #4B5563;
    cursor: pointer;
    padding: 0;
    width: 32px;
    height: 32px;
    display: flex;
    align-items: center;
    justify-content: center;
    border-radius: 4px;
    transition: all 0.2s ease;
}

.close:hover[b-h0ihufadpe] {
    background-color: #E5E7EB;
    color: #111827;
}

.modal-body[b-h0ihufadpe] {
    padding: 24px;
}

.modal-footer[b-h0ihufadpe] {
    background-color: #F9FAFB;
    border-top: 1px solid #E5E7EB;
    padding: 16px 24px;
    display: flex;
    justify-content: flex-end;
    gap: 12px;
}

/* Formulários nos modais */
.form-group[b-h0ihufadpe] {
    margin-bottom: 20px;
}

.form-group label[b-h0ihufadpe] {
    font-weight: 500;
    color: #111827;
    margin-bottom: 8px;
    font-size: 14px;
    display: block;
}

.form-control[b-h0ihufadpe] {
    border: 1px solid #E5E7EB;
    border-radius: 6px;
    padding: 10px 14px;
    font-size: 14px;
    line-height: 1.5;
    color: #111827;
    background-color: #FFFFFF;
    transition: all 0.2s ease;
    width: 100%;
}

.form-control:focus[b-h0ihufadpe] {
    border-color: #14365C;
    box-shadow: 0 0 0 3px rgba(20, 54, 92, 0.1);
    outline: none;
}

/* Checkboxes */
input[type="checkbox"][b-h0ihufadpe] {
    width: 16px;
    height: 16px;
    border: 1px solid #E5E7EB;
    border-radius: 3px;
    background-color: #FFFFFF;
    cursor: pointer;
    appearance: none;
    position: relative;
    transition: all 0.2s ease;
}

input[type="checkbox"]:checked[b-h0ihufadpe] {
    background-color: #14365C;
    border-color: #14365C;
}

input[type="checkbox"]:checked[b-h0ihufadpe]::after {
    content: '✓';
    position: absolute;
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%);
    color: #FFFFFF;
    font-size: 12px;
    font-weight: bold;
}

/* Utilities */
.d-flex[b-h0ihufadpe] {
    display: flex !important;
}

.justify-content-between[b-h0ihufadpe] {
    justify-content: space-between !important;
}

.justify-content-end[b-h0ihufadpe] {
    justify-content: flex-end !important;
}

.align-items-center[b-h0ihufadpe] {
    align-items: center !important;
}

/* Margin utilities */
.mb-2[b-h0ihufadpe] {
    margin-bottom: 16px !important;
}

.mb-3[b-h0ihufadpe] {
    margin-bottom: 24px !important;
}

.mb-4[b-h0ihufadpe] {
    margin-bottom: 32px !important;
}

.mt-3[b-h0ihufadpe] {
    margin-top: 24px !important;
}

/* Ícones Bootstrap */
.bi[b-h0ihufadpe] {
    font-size: inherit;
}

/* Responsividade */
@media (max-width: 768px) {
    h3[b-h0ihufadpe] {
        font-size: 24px;
        margin-bottom: 24px;
    }
    
    .card-body[b-h0ihufadpe] {
        padding: 16px;
    }
    
    .col-md-4[b-h0ihufadpe],
    .col-md-6[b-h0ihufadpe],
    .col-md-8[b-h0ihufadpe],
    .col-md-12[b-h0ihufadpe] {
        width: 100%;
        margin-bottom: 16px;
    }
    
    .d-flex.justify-content-between[b-h0ihufadpe] {
        flex-direction: column;
        gap: 16px;
    }
    
    .text-end[b-h0ihufadpe] {
        text-align: left !important;
    }
    
    .btn[b-h0ihufadpe] {
        width: 100%;
        justify-content: center;
        margin-bottom: 8px;
    }
    
    .btn-group[b-h0ihufadpe] {
        flex-direction: column;
        width: 100%;
        gap: 4px;
    }
    
    .btn-group .btn[b-h0ihufadpe] {
        width: 100%;
        border-radius: 6px;
    }
    
    .input-group[b-h0ihufadpe] {
        flex-direction: column;
        gap: 8px;
    }
    
    .input-group-text[b-h0ihufadpe] {
        border-radius: 6px;
    }
    
    .form-select[b-h0ihufadpe] {
        border-radius: 6px;
    }
    
    .input-group .btn[b-h0ihufadpe] {
        border-radius: 6px;
        border-left: 1px solid #E5E7EB;
    }
    
    .table-responsive[b-h0ihufadpe] {
        font-size: 12px;
    }
    
    .table thead th[b-h0ihufadpe],
    .table tbody td[b-h0ihufadpe] {
        padding: 8px 6px;
    }
    
    /* Esconder algumas colunas em mobile */
    .table th:nth-child(3)[b-h0ihufadpe],
    .table td:nth-child(3)[b-h0ihufadpe],
    .table th:nth-child(4)[b-h0ihufadpe],
    .table td:nth-child(4)[b-h0ihufadpe],
    .table th:nth-child(7)[b-h0ihufadpe],
    .table td:nth-child(7)[b-h0ihufadpe] {
        display: none;
    }
    
    .modal-dialog[b-h0ihufadpe] {
        margin: 1rem;
        max-width: calc(100% - 2rem);
    }
    
    .modal-header[b-h0ihufadpe],
    .modal-body[b-h0ihufadpe],
    .modal-footer[b-h0ihufadpe] {
        padding: 16px;
    }
    
    .pagination[b-h0ihufadpe] {
        flex-wrap: wrap;
        justify-content: center;
    }
    
    .page-link[b-h0ihufadpe] {
        padding: 6px 10px;
        font-size: 12px;
    }
}

/* Animações de entrada */
.card[b-h0ihufadpe] {
    animation: fadeInUp-b-h0ihufadpe 0.6s ease-out;
}

.table tbody tr[b-h0ihufadpe] {
    animation: fadeInUp-b-h0ihufadpe 0.4s ease-out;
}

.alert[b-h0ihufadpe] {
    animation: fadeInDown-b-h0ihufadpe 0.5s ease-out;
}

@keyframes fadeInUp-b-h0ihufadpe {
    from {
        opacity: 0;
        transform: translateY(20px);
    }
    to {
        opacity: 1;
        transform: translateY(0);
    }
}

@keyframes fadeInDown-b-h0ihufadpe {
    from {
        opacity: 0;
        transform: translateY(-20px);
    }
    to {
        opacity: 1;
        transform: translateY(0);
    }
}

/* Estados específicos para diferentes tipos de status */
.status-em-faturamento[b-h0ihufadpe] {
    background-color: rgba(20, 54, 92, 0.05);
    border-left: 3px solid #14365C;
}

.status-pendente[b-h0ihufadpe] {
    background-color: rgba(245, 158, 11, 0.05);
    border-left: 3px solid #F59E0B;
}

.status-paga[b-h0ihufadpe] {
    background-color: rgba(2, 122, 72, 0.05);
    border-left: 3px solid #027A48;
}

.status-vencida[b-h0ihufadpe] {
    background-color: rgba(180, 35, 24, 0.05);
    border-left: 3px solid #B42318;
}

/* Melhorias para hover em cards */
.card:hover[b-h0ihufadpe] {
    box-shadow: 0px 4px 8px rgba(16, 24, 40, 0.12);
    transform: translateY(-1px);
    transition: all 0.2s ease;
}

/* Estados de foco melhorados */
.btn:focus[b-h0ihufadpe],
.form-control:focus[b-h0ihufadpe],
.form-select:focus[b-h0ihufadpe] {
    outline: 2px solid #14365C;
    outline-offset: 2px;
}

/* Validação de formulários */
.validation-summary[b-h0ihufadpe] {
    background-color: #FEF2F2;
    border: 1px solid #F87171;
    border-radius: 8px;
    padding: 16px;
    margin-bottom: 24px;
    color: #B42318;
}

.validation-summary ul[b-h0ihufadpe] {
    margin: 0;
    padding-left: 20px;
}

.validation-summary li[b-h0ihufadpe] {
    font-size: 14px;
    margin-bottom: 4px;
}

/* Melhorias para valores monetários */
.valor-destaque[b-h0ihufadpe] {
    font-weight: 600;
    color: #14365C;
    font-size: 16px;
}

/* Indicadores de urgência para faturas vencidas */
.fatura-vencida[b-h0ihufadpe] {
    position: relative;
}

.fatura-vencida[b-h0ihufadpe]::before {
    content: '';
    position: absolute;
    top: 0;
    left: 0;
    right: 0;
    height: 3px;
    background: linear-gradient(90deg, #B42318, #F59E0B);
    border-radius: 12px 12px 0 0;
}

/* Estados para botões ativos no modo de visualização */
.btn.active[b-h0ihufadpe] {
    box-shadow: 0 0 0 3px rgba(20, 54, 92, 0.2);
}

/* Estados específicos para faturas em faturamento */
.em-faturamento[b-h0ihufadpe] {
    border: 2px solid #14365C;
    background-color: rgba(20, 54, 92, 0.02);
}

/* Melhorias para navegação de páginas */
.pagination-info[b-h0ihufadpe] {
    display: flex;
    justify-content: space-between;
    align-items: center;
    margin-top: 20px;
    padding: 16px;
    background-color: #F9FAFB;
    border-radius: 8px;
    font-size: 14px;
    color: #4B5563;
}

/* Estados hover para linhas da tabela */
.table tbody tr:hover .btn[b-h0ihufadpe] {
    transform: translateY(-1px);
    box-shadow: 0 2px 4px rgba(0, 0, 0, 0.1);
}

/* Melhorias para modais grandes */
.modal-lg .modal-body[b-h0ihufadpe] {
    max-height: 70vh;
    overflow-y: auto;
}

/* Estados específicos para diferentes seções */
.section-header[b-h0ihufadpe] {
    border-bottom: 2px solid #E6EEF8;
    padding-bottom: 12px;
    margin-bottom: 20px;
}

/* Melhorias para acessibilidade */
.btn:focus-visible[b-h0ihufadpe],
.form-control:focus-visible[b-h0ihufadpe],
.form-select:focus-visible[b-h0ihufadpe] {
    outline: 2px solid #14365C;
    outline-offset: 2px;
}

/* Efeito hover nos modais */
.modal.show[b-h0ihufadpe] {
    animation: modalFadeIn-b-h0ihufadpe 0.3s ease-out;
}

@keyframes modalFadeIn-b-h0ihufadpe {
    from {
        opacity: 0;
        transform: scale(0.9);
    }
    to {
        opacity: 1;
        transform: scale(1);
    }
}

/* Estilo específico para o botão de ajustar valor */
.bi-calculator[b-h0ihufadpe] {
    color: #14365C;
}

.btn:hover .bi-calculator[b-h0ihufadpe] {
    color: #0F2A47;
}
/* _content/VeiculoSeguroBlazor/Components/Pages/Admin/GerenciarTemplates.razor.rz.scp.css */
/* GerenciarTemplates.razor.css - Estilos para página de gerenciamento de templates baseado na paleta Oxford Blue */

/* ===== TÍTULOS ===== */
h1[b-v25i5ryggd] {
    font-family: 'Inter', -apple-system, BlinkMacSystemFont, 'Segoe UI', Roboto, sans-serif;
    font-size: 28px;
    font-weight: 600;
    color: #111827;
    margin-bottom: 32px;
    margin-top: 0;
}

h5[b-v25i5ryggd] {
    font-family: 'Inter', -apple-system, BlinkMacSystemFont, 'Segoe UI', Roboto, sans-serif;
    font-size: 18px;
    font-weight: 600;
    color: #111827;
    margin: 0;
}

h6[b-v25i5ryggd] {
    font-family: 'Inter', -apple-system, BlinkMacSystemFont, 'Segoe UI', Roboto, sans-serif;
    font-size: 16px;
    font-weight: 600;
    color: #111827;
    margin: 0;
}

/* ===== ALERTAS ===== */
.alert[b-v25i5ryggd] {
    border: none;
    border-radius: 8px;
    padding: 16px;
    margin-bottom: 24px;
    font-size: 14px;
    line-height: 1.5;
    position: relative;
}

.alert-success[b-v25i5ryggd] {
    background-color: #ECFDF3;
    color: #027A48;
    border-left: 4px solid #027A48;
}

.alert-danger[b-v25i5ryggd] {
    background-color: #FEF2F2;
    color: #B42318;
    border-left: 4px solid #B42318;
}

.alert-dismissible[b-v25i5ryggd] {
    padding-right: 48px;
}

.btn-close[b-v25i5ryggd] {
    position: absolute;
    top: 50%;
    right: 16px;
    transform: translateY(-50%);
    background: none;
    border: none;
    font-size: 20px;
    color: inherit;
    cursor: pointer;
    opacity: 0.7;
    transition: opacity 0.2s ease;
    width: 24px;
    height: 24px;
    display: flex;
    align-items: center;
    justify-content: center;
}

.btn-close:hover[b-v25i5ryggd] {
    opacity: 1;
    background-color: rgba(0, 0, 0, 0.05);
    border-radius: 4px;
}

/* ===== LOADING ===== */
.spinner-border[b-v25i5ryggd] {
    width: 2rem;
    height: 2rem;
    border-width: 0.25em;
}

.spinner-border.text-primary[b-v25i5ryggd] {
    color: #14365C !important;
}

.visually-hidden[b-v25i5ryggd] {
    position: absolute !important;
    width: 1px !important;
    height: 1px !important;
    padding: 0 !important;
    margin: -1px !important;
    overflow: hidden !important;
    clip: rect(0, 0, 0, 0) !important;
    white-space: nowrap !important;
    border: 0 !important;
}

/* ===== CARDS ===== */
.admin-card[b-v25i5ryggd] {
    background: #FFFFFF;
    border: none;
    border-radius: 12px;
    box-shadow: 0px 1px 3px rgba(16, 24, 40, 0.05);
    overflow: hidden;
    margin-bottom: 24px;
    transition: all 0.2s ease;
}

.admin-card:hover[b-v25i5ryggd] {
    box-shadow: 0px 4px 8px rgba(16, 24, 40, 0.12);
    transform: translateY(-1px);
}

.admin-header[b-v25i5ryggd] {
    padding: 20px 24px;
    border-bottom: 1px solid #E5E7EB;
    background-color: #F9FAFB;
}

.admin-header h5[b-v25i5ryggd] {
    font-size: 18px;
    font-weight: 600;
    color: #111827;
    margin: 0;
}

.card[b-v25i5ryggd] {
    background: #FFFFFF;
    border: none;
    border-radius: 12px;
    box-shadow: 0px 1px 3px rgba(16, 24, 40, 0.05);
    overflow: hidden;
    margin-bottom: 24px;
}

.card-header[b-v25i5ryggd] {
    padding: 20px 24px;
    border-bottom: 1px solid #E5E7EB;
    background-color: #F9FAFB;
}

.card-header.bg-primary[b-v25i5ryggd] {
    background: linear-gradient(135deg, #14365C 0%, #265985 100%) !important;
    color: #FFFFFF;
    border-bottom: none;
}

.card-body[b-v25i5ryggd] {
    padding: 24px;
}

.empty-state[b-v25i5ryggd] {
    text-align: center;
    padding: 48px 24px;
    color: #6B7280;
}

.empty-state i[b-v25i5ryggd] {
    font-size: 64px;
    opacity: 0.3;
    margin-bottom: 16px;
}

.empty-state p[b-v25i5ryggd] {
    margin: 8px 0;
    font-size: 14px;
}

/* ===== BOTÕES ===== */
.btn[b-v25i5ryggd] {
    padding: 10px 18px;
    border-radius: 6px;
    font-weight: 500;
    font-size: 14px;
    cursor: pointer;
    transition: all 0.2s ease;
    display: inline-flex;
    align-items: center;
    gap: 8px;
    border: 1px solid transparent;
    text-decoration: none;
}

.btn-primary[b-v25i5ryggd] {
    background-color: #14365C !important;
    border-color: #14365C !important;
    color: #FFFFFF !important;
    background-image: none !important;
}

.btn-primary:hover[b-v25i5ryggd] {
    background-color: #0F2A47 !important;
    border-color: #0F2A47 !important;
    color: #FFFFFF !important;
    transform: translateY(-1px);
    box-shadow: 0 4px 8px rgba(20, 54, 92, 0.2) !important;
}

.btn-secondary[b-v25i5ryggd] {
    background-color: #E5E7EB !important;
    border-color: #E5E7EB !important;
    color: #4B5563 !important;
    background-image: none !important;
}

.btn-secondary:hover[b-v25i5ryggd] {
    background-color: #D1D5DB !important;
    border-color: #D1D5DB !important;
    color: #111827 !important;
    transform: translateY(-1px);
    box-shadow: 0 2px 4px rgba(0, 0, 0, 0.1) !important;
}

.btn-success[b-v25i5ryggd] {
    background-color: #027A48 !important;
    border-color: #027A48 !important;
    color: #FFFFFF !important;
    background-image: none !important;
}

.btn-success:hover[b-v25i5ryggd] {
    background-color: #016A40 !important;
    border-color: #016A40 !important;
    color: #FFFFFF !important;
    transform: translateY(-1px);
    box-shadow: 0 4px 8px rgba(2, 122, 72, 0.2) !important;
}

.btn-outline-danger[b-v25i5ryggd] {
    background-color: transparent !important;
    border-color: #B42318 !important;
    color: #B42318 !important;
    background-image: none !important;
}

.btn-outline-danger:hover[b-v25i5ryggd] {
    background-color: #B42318 !important;
    border-color: #B42318 !important;
    color: #FFFFFF !important;
    transform: translateY(-1px);
    box-shadow: 0 4px 8px rgba(180, 35, 24, 0.2) !important;
}

.btn-sm[b-v25i5ryggd] {
    padding: 6px 12px !important;
    font-size: 12px !important;
}

.btn-link[b-v25i5ryggd] {
    background: none !important;
    border: none !important;
    padding: 4px !important;
    color: #4B5563 !important;
    text-decoration: none !important;
}

.btn-link:hover[b-v25i5ryggd] {
    color: #14365C !important;
    background-color: #F3F4F6 !important;
    border-radius: 4px !important;
    transform: none !important;
    box-shadow: none !important;
}

.action-btn[b-v25i5ryggd] {
    display: inline-flex;
    align-items: center;
    gap: 8px;
}

/* ===== TABELAS ===== */
.table-container[b-v25i5ryggd] {
    border-radius: 8px;
    overflow: hidden;
    margin-top: 16px;
}

.report-table[b-v25i5ryggd] {
    width: 100%;
    margin-bottom: 0;
    color: #111827;
    font-size: 14px;
    border-collapse: collapse;
}

.report-table thead th[b-v25i5ryggd] {
    background-color: #F9FAFB;
    border-bottom: 2px solid #E5E7EB;
    color: #4B5563;
    font-weight: 600;
    font-size: 12px;
    text-transform: uppercase;
    letter-spacing: 0.05em;
    padding: 16px 12px;
    border-top: none;
    vertical-align: middle;
    text-align: left;
}

.report-table tbody td[b-v25i5ryggd] {
    padding: 16px 12px;
    border-bottom: 1px solid #F2F4F7;
    vertical-align: middle;
}

.report-table tbody tr:hover[b-v25i5ryggd] {
    background-color: rgba(20, 54, 92, 0.02);
}

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

.action-icon[b-v25i5ryggd] {
    font-size: 18px;
    transition: all 0.2s ease;
}

.btn-link:hover .action-icon[b-v25i5ryggd] {
    transform: scale(1.1);
}

/* ===== BADGES ===== */
.status-badge[b-v25i5ryggd] {
    padding: 6px 10px;
    border-radius: 12px;
    font-size: 11px;
    font-weight: 500;
    text-transform: uppercase;
    letter-spacing: 0.025em;
    display: inline-block;
}

.status-success[b-v25i5ryggd] {
    background-color: #ECFDF3 !important;
    color: #027A48 !important;
}

.status-error[b-v25i5ryggd] {
    background-color: #FEF2F2 !important;
    color: #B42318 !important;
}

.status-pending[b-v25i5ryggd] {
    background-color: #E6EEF8 !important;
    color: #14365C !important;
}

/* ===== MODAIS ===== */
.modal[b-v25i5ryggd] {
    z-index: 1050;
}

.modal-backdrop[b-v25i5ryggd] {
    background-color: rgba(17, 24, 39, 0.5);
    z-index: 1040;
}

.modal-dialog[b-v25i5ryggd] {
    margin: 1.75rem auto;
    max-width: 500px;
}

.modal-dialog.modal-lg[b-v25i5ryggd] {
    max-width: 800px;
}

.modal-dialog.modal-xl[b-v25i5ryggd] {
    max-width: 1140px;
}

.modal-content[b-v25i5ryggd] {
    background-color: #FFFFFF;
    border: none;
    border-radius: 12px;
    box-shadow: 0px 10px 25px rgba(16, 24, 40, 0.15);
    overflow: hidden;
}

.modal-header[b-v25i5ryggd] {
    background-color: #F9FAFB;
    border-bottom: 1px solid #E5E7EB;
    padding: 20px 24px;
    display: flex;
    justify-content: space-between;
    align-items: center;
}

.modal-title[b-v25i5ryggd] {
    font-family: 'Inter', -apple-system, BlinkMacSystemFont, 'Segoe UI', Roboto, sans-serif;
    font-size: 18px;
    font-weight: 600;
    color: #111827;
    margin: 0;
}

.modal-body[b-v25i5ryggd] {
    padding: 24px;
}

.modal-footer[b-v25i5ryggd] {
    background-color: #F9FAFB;
    border-top: 1px solid #E5E7EB;
    padding: 16px 24px;
    display: flex;
    justify-content: flex-end;
    gap: 12px;
}

/* ===== FORMULÁRIOS ===== */
.form-group[b-v25i5ryggd] {
    margin-bottom: 20px;
}

.form-label[b-v25i5ryggd] {
    font-weight: 500;
    color: #111827;
    margin-bottom: 8px;
    font-size: 14px;
    display: block;
}

.form-control[b-v25i5ryggd] {
    border: 1px solid #E5E7EB;
    border-radius: 6px;
    padding: 10px 14px;
    font-size: 14px;
    line-height: 1.5;
    color: #111827;
    background-color: #FFFFFF;
    transition: all 0.2s ease;
    width: 100%;
}

.form-control:focus[b-v25i5ryggd] {
    border-color: #14365C;
    box-shadow: 0 0 0 3px rgba(20, 54, 92, 0.1);
    outline: none;
}

.form-control-sm[b-v25i5ryggd] {
    padding: 6px 10px;
    font-size: 12px;
    border-radius: 4px;
}

.form-select[b-v25i5ryggd] {
    border: 1px solid #E5E7EB;
    border-radius: 6px;
    padding: 10px 14px;
    font-size: 14px;
    line-height: 1.5;
    color: #111827;
    background-color: #FFFFFF;
    transition: all 0.2s ease;
    width: 100%;
}

.form-select:focus[b-v25i5ryggd] {
    border-color: #14365C;
    box-shadow: 0 0 0 3px rgba(20, 54, 92, 0.1);
    outline: none;
}

.form-check[b-v25i5ryggd] {
    display: flex;
    align-items: center;
    gap: 8px;
    margin-bottom: 12px;
}

.form-check-input[b-v25i5ryggd] {
    width: 18px;
    height: 18px;
    border: 1px solid #E5E7EB;
    border-radius: 4px;
    background-color: #FFFFFF;
    cursor: pointer;
    appearance: none;
    position: relative;
    transition: all 0.2s ease;
    margin: 0;
}

.form-check-input:checked[b-v25i5ryggd] {
    background-color: #14365C;
    border-color: #14365C;
}

.form-check-input:checked[b-v25i5ryggd]::after {
    content: '✓';
    position: absolute;
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%);
    color: #FFFFFF;
    font-size: 12px;
    font-weight: bold;
}

.form-check-label[b-v25i5ryggd] {
    font-size: 14px;
    color: #111827;
    cursor: pointer;
    margin: 0;
    font-weight: 500;
}

.form-text[b-v25i5ryggd] {
    font-size: 12px;
    color: #6B7280;
    margin-top: 4px;
}

textarea.form-control[b-v25i5ryggd] {
    resize: vertical;
    min-height: 80px;
}

/* ===== LAYOUT ===== */
.row[b-v25i5ryggd] {
    display: flex;
    flex-wrap: wrap;
    margin-right: -12px;
    margin-left: -12px;
}

.col-md-3[b-v25i5ryggd],
.col-md-4[b-v25i5ryggd],
.col-md-5[b-v25i5ryggd],
.col-md-6[b-v25i5ryggd],
.col-md-12[b-v25i5ryggd] {
    padding-right: 12px;
    padding-left: 12px;
}

.col-md-3[b-v25i5ryggd] {
    flex: 0 0 auto;
    width: 25%;
}

.col-md-4[b-v25i5ryggd] {
    flex: 0 0 auto;
    width: 33.333333%;
}

.col-md-5[b-v25i5ryggd] {
    flex: 0 0 auto;
    width: 41.666667%;
}

.col-md-6[b-v25i5ryggd] {
    flex: 0 0 auto;
    width: 50%;
}

.col-md-12[b-v25i5ryggd] {
    flex: 0 0 auto;
    width: 100%;
}

/* ===== UTILITIES ===== */
.d-flex[b-v25i5ryggd] {
    display: flex !important;
}

.justify-content-between[b-v25i5ryggd] {
    justify-content: space-between !important;
}

.justify-content-center[b-v25i5ryggd] {
    justify-content: center !important;
}

.justify-content-end[b-v25i5ryggd] {
    justify-content: flex-end !important;
}

.align-items-center[b-v25i5ryggd] {
    align-items: center !important;
}

.align-items-end[b-v25i5ryggd] {
    align-items: flex-end !important;
}

.text-end[b-v25i5ryggd] {
    text-align: right !important;
}

.text-center[b-v25i5ryggd] {
    text-align: center !important;
}

.text-muted[b-v25i5ryggd] {
    color: #6B7280 !important;
    font-size: 12px;
}

.text-white[b-v25i5ryggd] {
    color: #FFFFFF !important;
}

.w-100[b-v25i5ryggd] {
    width: 100% !important;
}

/* Margin utilities */
.mb-0[b-v25i5ryggd] {
    margin-bottom: 0 !important;
}

.mb-1[b-v25i5ryggd] {
    margin-bottom: 4px !important;
}

.mb-2[b-v25i5ryggd] {
    margin-bottom: 8px !important;
}

.mb-3[b-v25i5ryggd] {
    margin-bottom: 24px !important;
}

.mb-4[b-v25i5ryggd] {
    margin-bottom: 32px !important;
}

.me-1[b-v25i5ryggd] {
    margin-right: 4px !important;
}

.me-2[b-v25i5ryggd] {
    margin-right: 12px !important;
}

.ms-2[b-v25i5ryggd] {
    margin-left: 12px !important;
}

/* ===== ÍCONES ===== */
.bi[b-v25i5ryggd] {
    font-size: inherit;
}

/* ===== TABELAS ESPECÍFICAS ===== */
.table[b-v25i5ryggd] {
    margin-bottom: 0;
    color: #111827;
    font-size: 14px;
}

.table thead th[b-v25i5ryggd] {
    background-color: #F9FAFB;
    border-bottom: 2px solid #E5E7EB;
    color: #4B5563;
    font-weight: 600;
    font-size: 12px;
    text-transform: uppercase;
    letter-spacing: 0.05em;
    padding: 12px;
    border-top: none;
}

.table tbody td[b-v25i5ryggd] {
    padding: 12px;
    border-bottom: 1px solid #F2F4F7;
    vertical-align: middle;
}

.table-striped tbody tr:nth-of-type(odd)[b-v25i5ryggd] {
    background-color: rgba(249, 250, 251, 0.5);
}

.table tbody tr:hover[b-v25i5ryggd] {
    background-color: rgba(20, 54, 92, 0.02);
}

.table-responsive[b-v25i5ryggd] {
    border-radius: 8px;
    overflow: hidden;
    margin-top: 16px;
}

/* ===== BADGES ESPECÍFICOS ===== */
.badge[b-v25i5ryggd] {
    padding: 6px 10px;
    border-radius: 12px;
    font-size: 11px;
    font-weight: 500;
    text-transform: uppercase;
    letter-spacing: 0.025em;
    display: inline-block;
}

.bg-success[b-v25i5ryggd] {
    background-color: #ECFDF3 !important;
    color: #027A48 !important;
}

.bg-danger[b-v25i5ryggd] {
    background-color: #FEF2F2 !important;
    color: #B42318 !important;
}

.bg-info[b-v25i5ryggd] {
    background-color: #E6EEF8 !important;
    color: #14365C !important;
}

.bg-warning[b-v25i5ryggd] {
    background-color: #FEF3C7 !important;
    color: #92400E !important;
}

.bg-primary[b-v25i5ryggd] {
    background-color: #14365C !important;
    color: #FFFFFF !important;
}

.bg-secondary[b-v25i5ryggd] {
    background-color: #F3F4F6 !important;
    color: #4B5563 !important;
}

/* ===== ANIMAÇÕES ===== */
@keyframes fadeInUp-b-v25i5ryggd {
    from {
        opacity: 0;
        transform: translateY(20px);
    }
    to {
        opacity: 1;
        transform: translateY(0);
    }
}

@keyframes modalFadeIn-b-v25i5ryggd {
    from {
        opacity: 0;
        transform: scale(0.9);
    }
    to {
        opacity: 1;
        transform: scale(1);
    }
}

.admin-card[b-v25i5ryggd] {
    animation: fadeInUp-b-v25i5ryggd 0.6s ease-out;
}

.modal.show[b-v25i5ryggd] {
    animation: modalFadeIn-b-v25i5ryggd 0.3s ease-out;
}

/* ===== RESPONSIVIDADE ===== */
@media (max-width: 768px) {
    h1[b-v25i5ryggd] {
        font-size: 24px;
        margin-bottom: 24px;
    }

    .admin-header[b-v25i5ryggd],
    .card-header[b-v25i5ryggd],
    .card-body[b-v25i5ryggd] {
        padding: 16px;
    }

    .d-flex.justify-content-between[b-v25i5ryggd] {
        flex-direction: column;
        gap: 16px;
    }

    .btn[b-v25i5ryggd] {
        width: 100%;
        justify-content: center;
    }

    .table-container[b-v25i5ryggd] {
        font-size: 12px;
    }

    .report-table thead th[b-v25i5ryggd],
    .report-table tbody td[b-v25i5ryggd] {
        padding: 8px 6px;
    }

    .modal-dialog[b-v25i5ryggd] {
        margin: 1rem;
        max-width: calc(100% - 2rem);
    }

    .modal-header[b-v25i5ryggd],
    .modal-body[b-v25i5ryggd],
    .modal-footer[b-v25i5ryggd] {
        padding: 16px;
    }

    .col-md-3[b-v25i5ryggd],
    .col-md-4[b-v25i5ryggd],
    .col-md-5[b-v25i5ryggd],
    .col-md-6[b-v25i5ryggd],
    .col-md-12[b-v25i5ryggd] {
        width: 100%;
        margin-bottom: 16px;
    }
}
/* _content/VeiculoSeguroBlazor/Components/Pages/Admin/GerenciarTiposConsulta.razor.rz.scp.css */
/* GerenciarTiposConsulta.razor.css - Estilo para página de gerenciamento de tipos de consulta baseado na paleta Oxford Blue */

/* Títulos principais */
h1[b-c61vycuynk] {
    font-family: 'Inter', -apple-system, BlinkMacSystemFont, 'Segoe UI', Roboto, sans-serif;
    font-size: 28px;
    font-weight: 600;
    color: #111827;
    margin-bottom: 32px;
    margin-top: 0;
}

h4[b-c61vycuynk] {
    font-family: 'Inter', -apple-system, BlinkMacSystemFont, 'Segoe UI', Roboto, sans-serif;
    font-size: 20px;
    font-weight: 600;
    color: #14365C;
    margin-bottom: 24px;
    margin-top: 0;
}

h5[b-c61vycuynk] {
    font-family: 'Inter', -apple-system, BlinkMacSystemFont, 'Segoe UI', Roboto, sans-serif;
    font-size: 18px;
    font-weight: 600;
    color: #111827;
    margin: 0;
}

h6[b-c61vycuynk] {
    font-family: 'Inter', -apple-system, BlinkMacSystemFont, 'Segoe UI', Roboto, sans-serif;
    font-size: 16px;
    font-weight: 600;
    color: #111827;
    margin: 0;
}

/* Estados de loading */
.spinner-border[b-c61vycuynk] {
    width: 2rem;
    height: 2rem;
    border-width: 0.25em;
}

.spinner-border.text-primary[b-c61vycuynk] {
    color: #14365C !important;
}

/* Alertas */
.alert[b-c61vycuynk] {
    border: none;
    border-radius: 8px;
    padding: 16px;
    margin-bottom: 24px;
    font-size: 14px;
    line-height: 1.5;
    position: relative;
}

.alert-success[b-c61vycuynk] {
    background-color: #ECFDF3;
    color: #027A48;
    border-left: 4px solid #027A48;
}

.alert-danger[b-c61vycuynk] {
    background-color: #FEF2F2;
    color: #B42318;
    border-left: 4px solid #B42318;
}

.alert-dismissible[b-c61vycuynk] {
    padding-right: 48px;
}

.btn-close[b-c61vycuynk] {
    position: absolute;
    top: 50%;
    right: 16px;
    transform: translateY(-50%);
    background: none;
    border: none;
    font-size: 20px;
    color: inherit;
    cursor: pointer;
    opacity: 0.7;
    transition: opacity 0.2s ease;
}

.btn-close:hover[b-c61vycuynk] {
    opacity: 1;
}

/* Cards */
.card[b-c61vycuynk] {
    background: #FFFFFF;
    border: none;
    border-radius: 12px;
    box-shadow: 0px 1px 3px rgba(16, 24, 40, 0.05);
    overflow: hidden;
    margin-bottom: 24px;
}

.card-header[b-c61vycuynk] {
    padding: 20px 24px;
    border-bottom: 1px solid #E5E7EB;
    background-color: #F9FAFB;
}

.card-body[b-c61vycuynk] {
    padding: 24px;
}

/* Botões */
.btn[b-c61vycuynk] {
    padding: 8px 16px;
    border-radius: 6px;
    font-weight: 500;
    font-size: 14px;
    cursor: pointer;
    transition: all 0.2s ease;
    display: inline-flex;
    align-items: center;
    gap: 6px;
    border: 1px solid transparent;
    text-decoration: none;
}

.btn-primary[b-c61vycuynk] {
    background-color: #14365C;
    border-color: #14365C;
    color: #FFFFFF;
}

.btn-primary:hover[b-c61vycuynk] {
    background-color: #0F2A47;
    border-color: #0F2A47;
    transform: translateY(-1px);
    box-shadow: 0 4px 8px rgba(20, 54, 92, 0.2);
}

.btn-secondary[b-c61vycuynk] {
    background-color: #E5E7EB;
    border-color: #E5E7EB;
    color: #4B5563;
}

.btn-secondary:hover[b-c61vycuynk] {
    background-color: #D1D5DB;
    border-color: #D1D5DB;
    color: #111827;
    transform: translateY(-1px);
    box-shadow: 0 2px 4px rgba(0, 0, 0, 0.1);
}

.btn-info[b-c61vycuynk] {
    background-color: #14365C;
    border-color: #14365C;
    color: #FFFFFF;
}

.btn-info:hover[b-c61vycuynk] {
    background-color: #0F2A47;
    border-color: #0F2A47;
    transform: translateY(-1px);
    box-shadow: 0 4px 8px rgba(20, 54, 92, 0.2);
}

.btn-danger[b-c61vycuynk] {
    background-color: #B42318;
    border-color: #B42318;
    color: #FFFFFF;
}

.btn-danger:hover[b-c61vycuynk] {
    background-color: #991B1B;
    border-color: #991B1B;
    transform: translateY(-1px);
    box-shadow: 0 4px 8px rgba(180, 35, 24, 0.2);
}

.btn-outline-primary[b-c61vycuynk] {
    background-color: transparent;
    border-color: #14365C;
    color: #14365C;
}

.btn-outline-primary:hover[b-c61vycuynk] {
    background-color: #14365C;
    border-color: #14365C;
    color: #FFFFFF;
    transform: translateY(-1px);
    box-shadow: 0 2px 4px rgba(20, 54, 92, 0.2);
}

.btn-outline-info[b-c61vycuynk] {
    background-color: transparent;
    border-color: #14365C;
    color: #14365C;
}

.btn-outline-info:hover[b-c61vycuynk] {
    background-color: #14365C;
    border-color: #14365C;
    color: #FFFFFF;
    transform: translateY(-1px);
    box-shadow: 0 2px 4px rgba(20, 54, 92, 0.2);
}

.btn-outline-danger[b-c61vycuynk] {
    background-color: transparent;
    border-color: #B42318;
    color: #B42318;
}

.btn-outline-danger:hover[b-c61vycuynk] {
    background-color: #B42318;
    border-color: #B42318;
    color: #FFFFFF;
    transform: translateY(-1px);
    box-shadow: 0 2px 4px rgba(180, 35, 24, 0.2);
}

.btn-outline-warning[b-c61vycuynk] {
    background-color: transparent;
    border-color: #F59E0B;
    color: #F59E0B;
}

.btn-outline-warning:hover[b-c61vycuynk] {
    background-color: #F59E0B;
    border-color: #F59E0B;
    color: #FFFFFF;
    transform: translateY(-1px);
    box-shadow: 0 2px 4px rgba(245, 158, 11, 0.2);
}

.btn-outline-success[b-c61vycuynk] {
    background-color: transparent;
    border-color: #027A48;
    color: #027A48;
}

.btn-outline-success:hover[b-c61vycuynk] {
    background-color: #027A48;
    border-color: #027A48;
    color: #FFFFFF;
    transform: translateY(-1px);
    box-shadow: 0 2px 4px rgba(2, 122, 72, 0.2);
}

.btn-sm[b-c61vycuynk] {
    padding: 6px 12px;
    font-size: 12px;
}

/* Grupos de botões */
.btn-group[b-c61vycuynk] {
    display: inline-flex;
    vertical-align: middle;
    gap: 4px;
}

.btn-group .btn[b-c61vycuynk] {
    border-radius: 4px;
}

/* Espaçamento entre botões no header */
.me-2[b-c61vycuynk] {
    margin-right: 12px !important;
}

/* Tabelas */
.table-responsive[b-c61vycuynk] {
    border-radius: 8px;
    overflow: hidden;
    margin-top: 16px;
}

.table[b-c61vycuynk] {
    margin-bottom: 0;
    color: #111827;
    font-size: 14px;
}

.table thead th[b-c61vycuynk] {
    background-color: #F9FAFB;
    border-bottom: 2px solid #E5E7EB;
    color: #4B5563;
    font-weight: 600;
    font-size: 12px;
    text-transform: uppercase;
    letter-spacing: 0.05em;
    padding: 16px 12px;
    border-top: none;
    vertical-align: middle;
}

.table tbody td[b-c61vycuynk] {
    padding: 16px 12px;
    border-bottom: 1px solid #F2F4F7;
    vertical-align: middle;
}

.table-striped tbody tr:nth-of-type(odd)[b-c61vycuynk] {
    background-color: rgba(249, 250, 251, 0.5);
}

.table tbody tr:hover[b-c61vycuynk] {
    background-color: rgba(20, 54, 92, 0.02);
}

/* Badges */
.badge[b-c61vycuynk] {
    padding: 6px 10px;
    border-radius: 12px;
    font-size: 11px;
    font-weight: 500;
    text-transform: uppercase;
    letter-spacing: 0.025em;
    margin-bottom: 4px;
    display: inline-block;
}

.bg-success[b-c61vycuynk] {
    background-color: #ECFDF3 !important;
    color: #027A48 !important;
}

.bg-danger[b-c61vycuynk] {
    background-color: #FEF2F2 !important;
    color: #B42318 !important;
}

.bg-info[b-c61vycuynk] {
    background-color: #E6EEF8 !important;
    color: #14365C !important;
}

.bg-warning[b-c61vycuynk] {
    background-color: #FEF3C7 !important;
    color: #92400E !important;
}

.bg-primary[b-c61vycuynk] {
    background-color: #14365C !important;
    color: #FFFFFF !important;
}

.bg-secondary[b-c61vycuynk] {
    background-color: #F3F4F6 !important;
    color: #4B5563 !important;
}

.mb-1[b-c61vycuynk] {
    margin-bottom: 4px !important;
}

/* Texto pequeno para detalhes de insumos */
.text-muted[b-c61vycuynk] {
    color: #6B7280 !important;
    font-size: 12px;
}

/* Modais */
.modal[b-c61vycuynk] {
    z-index: 1050;
}

.modal-backdrop[b-c61vycuynk] {
    background-color: rgba(17, 24, 39, 0.5);
    z-index: 1040;
}

.modal-dialog[b-c61vycuynk] {
    margin: 1.75rem auto;
    max-width: 500px;
}

.modal-dialog.modal-lg[b-c61vycuynk] {
    max-width: 800px;
}

.modal-content[b-c61vycuynk] {
    background-color: #FFFFFF;
    border: none;
    border-radius: 12px;
    box-shadow: 0px 10px 25px rgba(16, 24, 40, 0.15);
    overflow: hidden;
}

.modal-header[b-c61vycuynk] {
    background-color: #F9FAFB;
    border-bottom: 1px solid #E5E7EB;
    padding: 20px 24px;
    display: flex;
    justify-content: space-between;
    align-items: center;
}

.modal-title[b-c61vycuynk] {
    font-family: 'Inter', -apple-system, BlinkMacSystemFont, 'Segoe UI', Roboto, sans-serif;
    font-size: 18px;
    font-weight: 600;
    color: #111827;
    margin: 0;
}

.btn-close[b-c61vycuynk] {
    background: none;
    border: none;
    font-size: 20px;
    color: #4B5563;
    cursor: pointer;
    padding: 0;
    width: 24px;
    height: 24px;
    display: flex;
    align-items: center;
    justify-content: center;
    border-radius: 4px;
    transition: all 0.2s ease;
}

.btn-close:hover[b-c61vycuynk] {
    background-color: #E5E7EB;
    color: #111827;
}

.modal-body[b-c61vycuynk] {
    padding: 24px;
}

.modal-footer[b-c61vycuynk] {
    background-color: #F9FAFB;
    border-top: 1px solid #E5E7EB;
    padding: 16px 24px;
    display: flex;
    justify-content: flex-end;
    gap: 12px;
}

/* Formulários */
.form-group[b-c61vycuynk] {
    margin-bottom: 20px;
}

.form-label[b-c61vycuynk] {
    font-weight: 500;
    color: #111827;
    margin-bottom: 8px;
    font-size: 14px;
    display: block;
}

.form-control[b-c61vycuynk] {
    border: 1px solid #E5E7EB;
    border-radius: 6px;
    padding: 10px 14px;
    font-size: 14px;
    line-height: 1.5;
    color: #111827;
    background-color: #FFFFFF;
    transition: all 0.2s ease;
    width: 100%;
}

.form-control:focus[b-c61vycuynk] {
    border-color: #14365C;
    box-shadow: 0 0 0 3px rgba(20, 54, 92, 0.1);
    outline: none;
}

.form-control-sm[b-c61vycuynk] {
    padding: 6px 10px;
    font-size: 12px;
    border-radius: 4px;
}

.form-select[b-c61vycuynk] {
    border: 1px solid #E5E7EB;
    border-radius: 6px;
    padding: 10px 14px;
    font-size: 14px;
    line-height: 1.5;
    color: #111827;
    background-color: #FFFFFF;
    transition: all 0.2s ease;
    width: 100%;
    background-image: url("data:image/svg+xml;charset=utf8,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 16 16'%3E%3Cpath fill='none' stroke='%23666' stroke-linecap='round' stroke-linejoin='round' stroke-width='2' d='M2 5l6 6 6-6'/%3E%3C/svg%3E");
    background-repeat: no-repeat;
    background-position: right 10px center;
    background-size: 14px;
    padding-right: 40px;
}

.form-select:focus[b-c61vycuynk] {
    border-color: #14365C;
    box-shadow: 0 0 0 3px rgba(20, 54, 92, 0.1);
    outline: none;
}

/* Checkboxes */
.form-check[b-c61vycuynk] {
    display: flex;
    align-items: center;
    gap: 8px;
    margin-bottom: 12px;
}

.form-check-input[b-c61vycuynk] {
    width: 18px;
    height: 18px;
    border: 1px solid #E5E7EB;
    border-radius: 4px;
    background-color: #FFFFFF;
    cursor: pointer;
    appearance: none;
    position: relative;
    transition: all 0.2s ease;
    margin: 0;
}

.form-check-input:checked[b-c61vycuynk] {
    background-color: #14365C;
    border-color: #14365C;
}

.form-check-input:checked[b-c61vycuynk]::after {
    content: '✓';
    position: absolute;
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%);
    color: #FFFFFF;
    font-size: 12px;
    font-weight: bold;
}

.form-check-label[b-c61vycuynk] {
    font-size: 14px;
    color: #111827;
    cursor: pointer;
    margin: 0;
    font-weight: 500;
}

/* Textarea */
textarea.form-control[b-c61vycuynk] {
    resize: vertical;
    min-height: 80px;
}

/* Layout de colunas para modais */
.row[b-c61vycuynk] {
    display: flex;
    flex-wrap: wrap;
    margin-right: -12px;
    margin-left: -12px;
}

.col-md-3[b-c61vycuynk], .col-md-6[b-c61vycuynk], .col-md-12[b-c61vycuynk] {
    padding-right: 12px;
    padding-left: 12px;
}

.col-md-3[b-c61vycuynk] {
    flex: 0 0 auto;
    width: 25%;
}

.col-md-6[b-c61vycuynk] {
    flex: 0 0 auto;
    width: 50%;
}

.col-md-12[b-c61vycuynk] {
    flex: 0 0 auto;
    width: 100%;
}

/* Utilities */
.d-flex[b-c61vycuynk] {
    display: flex !important;
}

.justify-content-between[b-c61vycuynk] {
    justify-content: space-between !important;
}

.justify-content-end[b-c61vycuynk] {
    justify-content: flex-end !important;
}

.align-items-center[b-c61vycuynk] {
    align-items: center !important;
}

.align-items-end[b-c61vycuynk] {
    align-items: flex-end !important;
}

.text-end[b-c61vycuynk] {
    text-align: right !important;
}

.text-danger[b-c61vycuynk] {
    color: #B42318 !important;
}

/* Margin utilities */
.mb-0[b-c61vycuynk] {
    margin-bottom: 0 !important;
}

.mb-3[b-c61vycuynk] {
    margin-bottom: 24px !important;
}

.mb-4[b-c61vycuynk] {
    margin-bottom: 32px !important;
}

/* Visibility utilities */
.visually-hidden[b-c61vycuynk] {
    position: absolute !important;
    width: 1px !important;
    height: 1px !important;
    padding: 0 !important;
    margin: -1px !important;
    overflow: hidden !important;
    clip: rect(0, 0, 0, 0) !important;
    white-space: nowrap !important;
    border: 0 !important;
}

/* Ícones Bootstrap */
.bi[b-c61vycuynk] {
    font-size: inherit;
}

/* Responsividade */
@media (max-width: 768px) {
    h1[b-c61vycuynk] {
        font-size: 24px;
        margin-bottom: 24px;
    }
    
    h4[b-c61vycuynk] {
        font-size: 18px;
        margin-bottom: 16px;
    }
    
    .card-header[b-c61vycuynk],
    .card-body[b-c61vycuynk] {
        padding: 16px;
    }
    
    .d-flex.justify-content-between[b-c61vycuynk] {
        flex-direction: column;
        gap: 16px;
    }
    
    .btn[b-c61vycuynk] {
        width: 100%;
        justify-content: center;
        margin-bottom: 8px;
    }
    
    .btn-group[b-c61vycuynk] {
        flex-direction: column;
        width: 100%;
        gap: 4px;
    }
    
    .btn-group .btn[b-c61vycuynk] {
        width: 100%;
        border-radius: 6px;
    }
    
    .table-responsive[b-c61vycuynk] {
        font-size: 12px;
    }
    
    .table thead th[b-c61vycuynk],
    .table tbody td[b-c61vycuynk] {
        padding: 8px 6px;
    }
    
    /* Esconder algumas colunas em mobile */
    .table th:nth-child(4)[b-c61vycuynk],
    .table td:nth-child(4)[b-c61vycuynk] {
        display: none;
    }
    
    .modal-dialog[b-c61vycuynk] {
        margin: 1rem;
        max-width: calc(100% - 2rem);
    }
    
    .modal-header[b-c61vycuynk],
    .modal-body[b-c61vycuynk],
    .modal-footer[b-c61vycuynk] {
        padding: 16px;
    }
    
    .col-md-3[b-c61vycuynk],
    .col-md-6[b-c61vycuynk],
    .col-md-12[b-c61vycuynk] {
        width: 100%;
        margin-bottom: 16px;
    }
    
    .form-control[b-c61vycuynk],
    .form-select[b-c61vycuynk] {
        font-size: 16px; /* Previne zoom em iOS */
    }
}

/* Animações de entrada */
.card[b-c61vycuynk] {
    animation: fadeInUp-b-c61vycuynk 0.6s ease-out;
}

.alert[b-c61vycuynk] {
    animation: fadeInDown-b-c61vycuynk 0.5s ease-out;
}

.table tbody tr[b-c61vycuynk] {
    animation: fadeInUp-b-c61vycuynk 0.4s ease-out;
}

@keyframes fadeInUp-b-c61vycuynk {
    from {
        opacity: 0;
        transform: translateY(20px);
    }
    to {
        opacity: 1;
        transform: translateY(0);
    }
}

@keyframes fadeInDown-b-c61vycuynk {
    from {
        opacity: 0;
        transform: translateY(-20px);
    }
    to {
        opacity: 1;
        transform: translateY(0);
    }
}

/* Estados específicos para diferentes tipos de status */
.tipo-ativo[b-c61vycuynk] {
    background-color: rgba(2, 122, 72, 0.05);
    border-left: 3px solid #027A48;
}

.tipo-inativo[b-c61vycuynk] {
    background-color: rgba(180, 35, 24, 0.05);
    border-left: 3px solid #B42318;
}

/* Melhorias para hover em cards */
.card:hover[b-c61vycuynk] {
    box-shadow: 0px 4px 8px rgba(16, 24, 40, 0.12);
    transform: translateY(-1px);
    transition: all 0.2s ease;
}

/* Estados de foco melhorados */
.btn:focus[b-c61vycuynk],
.form-control:focus[b-c61vycuynk],
.form-select:focus[b-c61vycuynk],
.form-check-input:focus[b-c61vycuynk] {
    outline: 2px solid #14365C;
    outline-offset: 2px;
}

/* Melhorias para valores monetários */
.preco-destaque[b-c61vycuynk] {
    font-weight: 600;
    color: #14365C;
    font-size: 16px;
}

/* Estados específicos para diferentes tipos de insumos */
.insumo-obrigatorio[b-c61vycuynk] {
    border-left: 3px solid #14365C;
    background-color: rgba(20, 54, 92, 0.02);
}

.insumo-opcional[b-c61vycuynk] {
    border-left: 3px solid #6B7280;
    background-color: rgba(107, 114, 128, 0.02);
}

/* Melhorias para seções de insumos */
.insumos-section[b-c61vycuynk] {
    background-color: #F9FAFB;
    border-radius: 8px;
    padding: 12px;
    border: 1px solid #E5E7EB;
}

/* Estados hover para linhas da tabela */
.table tbody tr:hover .btn[b-c61vycuynk] {
    transform: translateY(-1px);
    box-shadow: 0 2px 4px rgba(0, 0, 0, 0.1);
}

/* Efeito hover nos modais */
.modal.show[b-c61vycuynk] {
    animation: modalFadeIn-b-c61vycuynk 0.3s ease-out;
}

@keyframes modalFadeIn-b-c61vycuynk {
    from {
        opacity: 0;
        transform: scale(0.9);
    }
    to {
        opacity: 1;
        transform: scale(1);
    }
}

/* Melhorias para tooltips */
.tooltip-container[b-c61vycuynk] {
    position: relative;
    cursor: help;
}

.tooltip-container:hover[b-c61vycuynk]::after {
    content: attr(data-tooltip);
    position: absolute;
    bottom: 100%;
    left: 50%;
    transform: translateX(-50%);
    background-color: #111827;
    color: #FFFFFF;
    padding: 8px 12px;
    border-radius: 4px;
    font-size: 12px;
    white-space: nowrap;
    z-index: 1000;
}

/* Estados para formulários com validação */
.form-invalid .form-control[b-c61vycuynk] {
    border-color: #B42318;
    box-shadow: 0 0 0 3px rgba(180, 35, 24, 0.1);
}

.form-valid .form-control[b-c61vycuynk] {
    border-color: #027A48;
    box-shadow: 0 0 0 3px rgba(2, 122, 72, 0.1);
}

/* Melhorias para acessibilidade */
.btn:focus-visible[b-c61vycuynk],
.form-control:focus-visible[b-c61vycuynk],
.form-select:focus-visible[b-c61vycuynk],
.form-check-input:focus-visible[b-c61vycuynk] {
    outline: 2px solid #14365C;
    outline-offset: 2px;
}

/* Estados específicos para diferentes seções */
.section-header[b-c61vycuynk] {
    border-bottom: 2px solid #E6EEF8;
    padding-bottom: 12px;
    margin-bottom: 20px;
}

/* Indicadores visuais para tipos sem insumos */
.sem-insumos[b-c61vycuynk] {
    background-color: rgba(245, 158, 11, 0.05);
    border-left: 3px solid #F59E0B;
}

/* Melhorias para o formulário de novo insumo */
.novo-insumo-form[b-c61vycuynk] {
    background-color: #E6EEF8;
    border-radius: 8px;
    border: 1px solid #14365C;
}

/* Estados específicos para diferentes status de badges */
.badge-obrigatorio[b-c61vycuynk] {
    background-color: #14365C !important;
    color: #FFFFFF !important;
}

.badge-opcional[b-c61vycuynk] {
    background-color: #6B7280 !important;
    color: #FFFFFF !important;
}

/* Melhorias para a exibição de insumos na tabela */
.insumos-list[b-c61vycuynk] {
    max-height: 120px;
    overflow-y: auto;
}

.insumos-list[b-c61vycuynk]::-webkit-scrollbar {
    width: 4px;
}

.insumos-list[b-c61vycuynk]::-webkit-scrollbar-track {
    background: #F3F4F6;
    border-radius: 2px;
}

.insumos-list[b-c61vycuynk]::-webkit-scrollbar-thumb {
    background: #D1D5DB;
    border-radius: 2px;
}

.insumos-list[b-c61vycuynk]::-webkit-scrollbar-thumb:hover {
    background: #9CA3AF;
}
/* _content/VeiculoSeguroBlazor/Components/Pages/Admin/GerenciarUsuarios.razor.rz.scp.css */
/* Estilos modernos para busca com dropdown */
.search-input-wrapper[b-rob3ufmkx1] {
    position: relative;
    display: flex;
    align-items: center;
}

.search-input-modern[b-rob3ufmkx1] {
    width: 100%;
    padding: 12px 45px 12px 40px;
    border: 2px solid #e2e8f0;
    border-radius: 10px;
    font-size: 15px;
    transition: all 0.3s ease;
    background-color: #ffffff;
}

.search-input-modern:focus[b-rob3ufmkx1] {
    border-color: #00d4ff;
    box-shadow: 0 0 0 3px rgba(0, 212, 255, 0.1);
    outline: none;
}

.search-icon-inside[b-rob3ufmkx1] {
    position: absolute;
    left: 12px;
    color: #64748b;
    font-size: 18px;
    pointer-events: none;
    z-index: 1;
}

.btn-clear-search[b-rob3ufmkx1] {
    position: absolute;
    right: 10px;
    background: none;
    border: none;
    color: #6c757d;
    font-size: 1.3rem;
    cursor: pointer;
    padding: 0;
    width: 28px;
    height: 28px;
    display: flex;
    align-items: center;
    justify-content: center;
    transition: all 0.2s ease;
    z-index: 1;
}

.btn-clear-search:hover[b-rob3ufmkx1] {
    color: #dc3545;
    transform: scale(1.1);
}

/* Dropdown de sugestões */
.autocomplete-suggestions[b-rob3ufmkx1] {
    position: absolute;
    top: calc(100% + 4px);
    left: 0;
    right: 0;
    background: white;
    border: 2px solid #e2e8f0;
    border-radius: 10px;
    box-shadow: 0 8px 20px rgba(0, 0, 0, 0.12);
    max-height: 400px;
    overflow-y: auto;
    z-index: 9999;
    animation: slideDown-b-rob3ufmkx1 0.2s ease;
}

@keyframes slideDown-b-rob3ufmkx1 {
    from {
        opacity: 0;
        transform: translateY(-10px);
    }
    to {
        opacity: 1;
        transform: translateY(0);
    }
}

.autocomplete-item[b-rob3ufmkx1] {
    padding: 12px 16px;
    cursor: pointer;
    border-bottom: 1px solid #f0f0f0;
    transition: all 0.2s ease;
}

.autocomplete-item:hover[b-rob3ufmkx1] {
    background: linear-gradient(90deg, rgba(0, 212, 255, 0.05) 0%, rgba(0, 212, 255, 0.02) 100%);
    border-left: 3px solid #00d4ff;
}

.autocomplete-item:last-child[b-rob3ufmkx1] {
    border-bottom: none;
}

.autocomplete-item-empty[b-rob3ufmkx1] {
    padding: 20px;
    text-align: center;
    color: #64748b;
}

.autocomplete-item-empty i[b-rob3ufmkx1] {
    font-size: 24px;
    display: block;
    margin-bottom: 8px;
}
/* _content/VeiculoSeguroBlazor/Components/Pages/Admin/LogsAdminMasterContent.razor.rz.scp.css */
/* Estilo para os botões de filtro */
.btn-primary[b-kem31y2112] {
    background: linear-gradient(135deg, #1e2b4a 0%, #2c3c5d 100%) !important;
    color: #ffffff !important;
    border: 2px solid #1e2b4a !important;
    font-weight: 600;
    padding: 10px 20px;
    border-radius: 8px;
    transition: all 0.3s ease;
}

.btn-primary:hover[b-kem31y2112] {
    background: linear-gradient(135deg, #2c3c5d 0%, #3d4d6e 100%) !important;
    border: 2px solid #2c3c5d !important;
    transform: translateY(-2px);
    box-shadow: 0 4px 12px rgba(30, 43, 74, 0.3);
}

.btn-outline-secondary[b-kem31y2112] {
    background: #ffffff !important;
    color: #6c757d !important;
    border: 2px solid #6c757d !important;
    font-weight: 600;
    padding: 10px 20px;
    border-radius: 8px;
    transition: all 0.3s ease;
}

.btn-outline-secondary:hover[b-kem31y2112] {
    background: #f8f9fa !important;
    color: #495057 !important;
    border: 2px solid #495057 !important;
}

/* Estilos para seção de modificações de templates */
.log-modificacoes[b-kem31y2112] {
    background: #f0f7ff !important;
    border-left: 4px solid #0d6efd !important;
}

.modificacao-section[b-kem31y2112] {
    background: white;
    padding: 12px;
    border-radius: 6px;
    border: 1px solid #dee2e6;
}

.modificacao-titulo[b-kem31y2112] {
    font-size: 0.95rem;
    font-weight: 600;
    margin-bottom: 10px;
}

.modificacao-titulo.added[b-kem31y2112] {
    color: #198754;
}

.modificacao-titulo.removed[b-kem31y2112] {
    color: #dc3545;
}

.modificacao-titulo.reordered[b-kem31y2112] {
    color: #ffc107;
}

.added-row[b-kem31y2112] {
    background-color: #d1e7dd !important;
}

.removed-row[b-kem31y2112] {
    background-color: #f8d7da !important;
}

.reordered-row[b-kem31y2112] {
    background-color: #fff3cd !important;
}

/* Estilos para autocomplete de clientes */
.autocomplete-suggestions[b-kem31y2112] {
    position: absolute;
    top: 100%;
    left: 0;
    right: 0;
    background: white;
    border: 1px solid #dee2e6;
    border-top: none;
    border-radius: 0 0 4px 4px;
    box-shadow: 0 4px 6px rgba(0, 0, 0, 0.1);
    max-height: 300px;
    overflow-y: auto;
    z-index: 1000;
    margin-top: 0;
}

.autocomplete-item[b-kem31y2112] {
    padding: 10px 15px;
    cursor: pointer;
    border-bottom: 1px solid #f0f0f0;
    transition: background-color 0.2s ease;
}

.autocomplete-item:hover[b-kem31y2112] {
    background-color: #f8f9fa;
}

.autocomplete-item:last-child[b-kem31y2112] {
    border-bottom: none;
}

.btn-clear-cliente[b-kem31y2112] {
    position: absolute;
    right: 10px;
    top: 50%;
    transform: translateY(-50%);
    background: none;
    border: none;
    color: #6c757d;
    font-size: 1.2rem;
    cursor: pointer;
    padding: 0;
    width: 24px;
    height: 24px;
    display: flex;
    align-items: center;
    justify-content: center;
    transition: color 0.2s ease;
}

.btn-clear-cliente:hover[b-kem31y2112] {
    color: #dc3545;
}
/* _content/VeiculoSeguroBlazor/Components/Pages/Admin/LogsManagerContent.razor.rz.scp.css */
/* Empty state */
.empty-state[b-u3xrw4eoyr] {
    text-align: center;
    padding: 60px 20px;
    color: #6c757d;
}

.empty-state i[b-u3xrw4eoyr] {
    font-size: 4rem;
    opacity: 0.3;
    margin-bottom: 20px;
}

/* Manager cards grid */
.managers-grid[b-u3xrw4eoyr] {
    display: grid;
    gap: 16px;
}

.manager-card[b-u3xrw4eoyr] {
    display: grid;
    grid-template-columns: 1fr auto auto;
    gap: 16px;
    align-items: center;
    padding: 20px;
    background: white;
    border: 1px solid #e2e8f0;
    border-radius: 12px;
    cursor: pointer;
    transition: all 0.2s ease;
    border-left: 4px solid #0d6efd;
}

.manager-card:hover[b-u3xrw4eoyr] {
    border-color: #0d6efd;
    box-shadow: 0 4px 12px rgba(13, 110, 253, 0.2);
    transform: translateY(-2px);
}

.manager-info[b-u3xrw4eoyr] {
    display: flex;
    gap: 16px;
    align-items: center;
}

.manager-avatar[b-u3xrw4eoyr] {
    font-size: 3rem;
    color: #0d6efd;
}

.manager-detalhes h5[b-u3xrw4eoyr] {
    margin: 0;
    font-size: 1.1rem;
    color: #111827;
}

.manager-detalhes small[b-u3xrw4eoyr] {
    color: #6c757d;
    font-size: 0.875rem;
}

.manager-stats[b-u3xrw4eoyr] {
    display: flex;
    flex-direction: column;
    align-items: flex-end;
    gap: 4px;
}

.badge-logs[b-u3xrw4eoyr] {
    display: inline-block;
    padding: 6px 12px;
    background: #f1f5f9;
    color: #64748b;
    border-radius: 20px;
    font-size: 0.875rem;
    font-weight: 600;
}

.badge-logs.has-logs[b-u3xrw4eoyr] {
    background: #d1ecf1;
    color: #0c5460;
}

.arrow-icon[b-u3xrw4eoyr] {
    font-size: 1.5rem;
    color: #cbd5e1;
    transition: transform 0.2s ease;
}

.manager-card:hover .arrow-icon[b-u3xrw4eoyr] {
    transform: translateX(4px);
    color: #0d6efd;
}

/* Logs list */
.logs-list[b-u3xrw4eoyr] {
    display: flex;
    flex-direction: column;
    gap: 16px;
}

.log-item[b-u3xrw4eoyr] {
    padding: 16px;
    background: #f8f9fa;
    border-left: 4px solid #14365C;
    border-radius: 8px;
    transition: all 0.2s ease;
}

.log-item:hover[b-u3xrw4eoyr] {
    background: #e9ecef;
    transform: translateX(4px);
}

.log-header[b-u3xrw4eoyr] {
    display: flex;
    justify-content: space-between;
    align-items: center;
    margin-bottom: 8px;
}

.log-date[b-u3xrw4eoyr] {
    font-size: 0.875rem;
    color: #6c757d;
}

.log-content p[b-u3xrw4eoyr] {
    color: #111827;
    font-size: 0.95rem;
}

.log-details[b-u3xrw4eoyr] {
    display: flex;
    flex-direction: column;
    gap: 8px;
    margin-top: 12px;
    padding-top: 12px;
    border-top: 1px solid #dee2e6;
}

.detail-item[b-u3xrw4eoyr] {
    display: flex;
    align-items: center;
    font-size: 0.875rem;
    color: #495057;
}

.detail-item i[b-u3xrw4eoyr] {
    color: #14365C;
    font-size: 1rem;
}

.detail-label[b-u3xrw4eoyr] {
    font-weight: 600;
    margin-right: 8px;
    color: #14365C;
}

.detail-value[b-u3xrw4eoyr] {
    color: #6c757d;
    word-break: break-word;
}

/* Estilo para os botões de filtro */
.btn-primary[b-u3xrw4eoyr] {
    background: linear-gradient(135deg, #1e2b4a 0%, #2c3c5d 100%) !important;
    color: #ffffff !important;
    border: 2px solid #1e2b4a !important;
    font-weight: 600;
    padding: 10px 20px;
    border-radius: 8px;
    transition: all 0.3s ease;
}

.btn-primary:hover[b-u3xrw4eoyr] {
    background: linear-gradient(135deg, #2c3c5d 0%, #3d4d6e 100%) !important;
    border: 2px solid #2c3c5d !important;
    transform: translateY(-2px);
    box-shadow: 0 4px 12px rgba(30, 43, 74, 0.3);
}

.btn-outline-secondary[b-u3xrw4eoyr] {
    background: #ffffff !important;
    color: #6c757d !important;
    border: 2px solid #6c757d !important;
    font-weight: 600;
    padding: 10px 20px;
    border-radius: 8px;
    transition: all 0.3s ease;
}

.btn-outline-secondary:hover[b-u3xrw4eoyr] {
    background: #f8f9fa !important;
    color: #495057 !important;
    border: 2px solid #495057 !important;
}

/* Estilos para seção de modificações de templates */
.log-modificacoes[b-u3xrw4eoyr] {
    background: #f0f7ff !important;
    border-left: 4px solid #0d6efd !important;
}

.modificacao-section[b-u3xrw4eoyr] {
    background: white;
    padding: 12px;
    border-radius: 6px;
    border: 1px solid #dee2e6;
}

.modificacao-titulo[b-u3xrw4eoyr] {
    font-size: 0.95rem;
    font-weight: 600;
    margin-bottom: 10px;
}

.modificacao-titulo.added[b-u3xrw4eoyr] {
    color: #198754;
}

.modificacao-titulo.removed[b-u3xrw4eoyr] {
    color: #dc3545;
}

.modificacao-titulo.reordered[b-u3xrw4eoyr] {
    color: #ffc107;
}

.added-row[b-u3xrw4eoyr] {
    background-color: #d1e7dd !important;
}

.removed-row[b-u3xrw4eoyr] {
    background-color: #f8d7da !important;
}

.reordered-row[b-u3xrw4eoyr] {
    background-color: #fff3cd !important;
}

/* Estilos para seção expandida */
.log-expanded-details[b-u3xrw4eoyr] {
    margin-top: 15px;
    padding: 15px;
    background: #fffbf0;
    border-radius: 8px;
    border-left: 4px solid #ffc107;
}

.log-expanded-details h6[b-u3xrw4eoyr] {
    color: #856404;
    font-weight: 600;
    margin-bottom: 15px;
}

.config-grid[b-u3xrw4eoyr] {
    display: grid;
    grid-template-columns: repeat(2, 1fr);
    gap: 10px;
    margin-bottom: 15px;
}

.config-item[b-u3xrw4eoyr] {
    padding: 10px;
    background: white;
    border-radius: 4px;
    border: 1px solid #ffc107;
}

.config-item strong[b-u3xrw4eoyr] {
    color: #856404;
    display: block;
    margin-bottom: 4px;
    font-size: 0.875rem;
}

.insumos-section[b-u3xrw4eoyr] {
    background: white;
    padding: 15px;
    border-radius: 4px;
    border: 1px solid #ffc107;
}

.insumos-section h6[b-u3xrw4eoyr] {
    margin-bottom: 10px;
}

.insumos-section .table[b-u3xrw4eoyr] {
    margin-bottom: 0;
}

.insumos-section .table th[b-u3xrw4eoyr] {
    background: #f8f9fa;
    color: #495057;
    font-weight: 600;
    font-size: 0.875rem;
}

.insumos-section .table td[b-u3xrw4eoyr] {
    font-size: 0.875rem;
}
/* _content/VeiculoSeguroBlazor/Components/Pages/Admin/LogsManagerDetalhe.razor.rz.scp.css */
/* Empty state */
.empty-state[b-51o75wn4y8] {
    text-align: center;
    padding: 60px 20px;
    color: #6c757d;
}

.empty-state i[b-51o75wn4y8] {
    font-size: 4rem;
    opacity: 0.3;
    margin-bottom: 20px;
}

/* Logs list */
.logs-list[b-51o75wn4y8] {
    display: flex;
    flex-direction: column;
    gap: 16px;
}

.log-item[b-51o75wn4y8] {
    padding: 16px;
    background: #f8f9fa;
    border-left: 4px solid #14365C;
    border-radius: 8px;
    transition: all 0.2s ease;
}

.log-item:hover[b-51o75wn4y8] {
    background: #e9ecef;
    transform: translateX(4px);
}

.log-header[b-51o75wn4y8] {
    display: flex;
    justify-content: space-between;
    align-items: center;
    margin-bottom: 8px;
}

.log-date[b-51o75wn4y8] {
    font-size: 0.875rem;
    color: #6c757d;
}

.log-content p[b-51o75wn4y8] {
    color: #111827;
    font-size: 0.95rem;
}

.log-details[b-51o75wn4y8] {
    display: flex;
    flex-direction: column;
    gap: 8px;
    margin-top: 12px;
    padding-top: 12px;
    border-top: 1px solid #dee2e6;
}

.detail-item[b-51o75wn4y8] {
    display: flex;
    align-items: center;
    font-size: 0.875rem;
    color: #495057;
}

.detail-item i[b-51o75wn4y8] {
    color: #14365C;
    font-size: 1rem;
}

.detail-label[b-51o75wn4y8] {
    font-weight: 600;
    margin-right: 8px;
    color: #14365C;
}

.detail-value[b-51o75wn4y8] {
    color: #6c757d;
    word-break: break-word;
}

/* Estilo para o botão de filtro */
.btn-primary[b-51o75wn4y8] {
    background: linear-gradient(135deg, #1e2b4a 0%, #2c3c5d 100%) !important;
    color: #ffffff !important;
    border: 2px solid #1e2b4a !important;
    font-weight: 600;
    padding: 10px 20px;
    border-radius: 8px;
    transition: all 0.3s ease;
}

.btn-primary:hover[b-51o75wn4y8] {
    background: linear-gradient(135deg, #2c3c5d 0%, #3d4d6e 100%) !important;
    border: 2px solid #2c3c5d !important;
    transform: translateY(-2px);
    box-shadow: 0 4px 12px rgba(30, 43, 74, 0.3);
}

/* Estilos para seção de modificações de templates */
.log-modificacoes[b-51o75wn4y8] {
    background: #f0f7ff !important;
    border-left: 4px solid #0d6efd !important;
}

.modificacao-section[b-51o75wn4y8] {
    background: white;
    padding: 12px;
    border-radius: 6px;
    border: 1px solid #dee2e6;
}

.modificacao-titulo[b-51o75wn4y8] {
    font-size: 0.95rem;
    font-weight: 600;
    margin-bottom: 10px;
}

.modificacao-titulo.added[b-51o75wn4y8] {
    color: #198754;
}

.modificacao-titulo.removed[b-51o75wn4y8] {
    color: #dc3545;
}

.modificacao-titulo.reordered[b-51o75wn4y8] {
    color: #ffc107;
}

.added-row[b-51o75wn4y8] {
    background-color: #d1e7dd !important;
}

.removed-row[b-51o75wn4y8] {
    background-color: #f8d7da !important;
}

.reordered-row[b-51o75wn4y8] {
    background-color: #fff3cd !important;
}

/* Estilos para seção expandida */
.log-expanded-details[b-51o75wn4y8] {
    margin-top: 15px;
    padding: 15px;
    background: #fffbf0;
    border-radius: 8px;
    border-left: 4px solid #ffc107;
}

.log-expanded-details h6[b-51o75wn4y8] {
    color: #856404;
    font-weight: 600;
    margin-bottom: 15px;
}

.config-grid[b-51o75wn4y8] {
    display: grid;
    grid-template-columns: repeat(2, 1fr);
    gap: 10px;
    margin-bottom: 15px;
}

.config-item[b-51o75wn4y8] {
    padding: 10px;
    background: white;
    border-radius: 4px;
    border: 1px solid #ffc107;
}

.config-item strong[b-51o75wn4y8] {
    color: #856404;
    display: block;
    margin-bottom: 4px;
    font-size: 0.875rem;
}

.insumos-section[b-51o75wn4y8] {
    background: white;
    padding: 15px;
    border-radius: 4px;
    border: 1px solid #ffc107;
}

.insumos-section h6[b-51o75wn4y8] {
    margin-bottom: 10px;
}

.insumos-section .table[b-51o75wn4y8] {
    margin-bottom: 0;
}

.insumos-section .table th[b-51o75wn4y8] {
    background: #f8f9fa;
    color: #495057;
    font-weight: 600;
    font-size: 0.875rem;
}

.insumos-section .table td[b-51o75wn4y8] {
    font-size: 0.875rem;
}
/* _content/VeiculoSeguroBlazor/Components/Pages/Admin/LogsMaster.razor.rz.scp.css */
/* Estilo para os botões de modo de visualização */
.btn-group .btn[b-ojjq06t5z2] {
    font-weight: 600;
    padding: 10px 20px;
    border-radius: 8px;
    transition: all 0.3s ease;
}

.btn-group .btn-primary[b-ojjq06t5z2] {
    background: linear-gradient(135deg, #1e2b4a 0%, #2c3c5d 100%) !important;
    color: #ffffff !important;
    border: 2px solid #1e2b4a !important;
}

.btn-group .btn-outline-primary[b-ojjq06t5z2] {
    background: #ffffff !important;
    color: #1e2b4a !important;
    border: 2px solid #1e2b4a !important;
}

.btn-group .btn-outline-primary:hover[b-ojjq06t5z2] {
    background: #f0f4ff !important;
    color: #1e2b4a !important;
    border: 2px solid #2c3c5d !important;
}

.btn-group .btn i[b-ojjq06t5z2] {
    font-size: 1rem;
}

/* Estilos para autocomplete de clientes */
.autocomplete-suggestions[b-ojjq06t5z2] {
    position: absolute;
    top: 100%;
    left: 0;
    min-width: 100%;
    width: max-content;
    max-width: 600px;
    background: white;
    border: 1px solid #dee2e6;
    border-top: none;
    border-radius: 0 0 4px 4px;
    box-shadow: 0 4px 6px rgba(0, 0, 0, 0.1);
    max-height: 300px;
    overflow-y: auto;
    z-index: 9999;
    margin-top: 0;
}

.autocomplete-item[b-ojjq06t5z2] {
    padding: 10px 15px;
    cursor: pointer;
    border-bottom: 1px solid #f0f0f0;
    transition: background-color 0.2s ease;
    white-space: nowrap;
}

.autocomplete-item:hover[b-ojjq06t5z2] {
    background-color: #f8f9fa;
}

.autocomplete-item:last-child[b-ojjq06t5z2] {
    border-bottom: none;
}

.btn-clear-cliente[b-ojjq06t5z2] {
    position: absolute;
    right: 10px;
    top: 50%;
    transform: translateY(-50%);
    background: none;
    border: none;
    color: #6c757d;
    font-size: 1.2rem;
    cursor: pointer;
    padding: 0;
    width: 24px;
    height: 24px;
    display: flex;
    align-items: center;
    justify-content: center;
    transition: color 0.2s ease;
}

.btn-clear-cliente:hover[b-ojjq06t5z2] {
    color: #dc3545;
}
/* _content/VeiculoSeguroBlazor/Components/Pages/Admin/LogsUsuarioMaster.razor.rz.scp.css */
/* Sobrescrever estilo do botão primary para melhor visibilidade na página de logs */
[b-276bsz98ky] .btn-primary {
    background: linear-gradient(135deg, #0d6efd 0%, #0a58ca 100%);
    color: #ffffff;
    border: none;
    box-shadow: 0 2px 8px rgba(13, 110, 253, 0.3);
    font-weight: 600;
    padding: 10px 20px;
    border-radius: 8px;
    transition: all 0.3s ease;
}

[b-276bsz98ky] .btn-primary:hover {
    background: linear-gradient(135deg, #0a58ca 0%, #084298 100%);
    box-shadow: 0 4px 12px rgba(13, 110, 253, 0.4);
    transform: translateY(-1px);
}

[b-276bsz98ky] .btn-primary:active {
    transform: translateY(0);
    box-shadow: 0 2px 4px rgba(13, 110, 253, 0.3);
}

[b-276bsz98ky] .btn-primary:disabled {
    background: #6c757d;
    opacity: 0.65;
    cursor: not-allowed;
}
/* _content/VeiculoSeguroBlazor/Components/Pages/Auth.razor.rz.scp.css */
/* Auth.razor.css - Estilo para página de autenticação baseado na paleta Oxford Blue */

/* Container principal */
.page-container[b-cf161loawp] {
    background-color: #F9FAFB;
    min-height: 100vh;
    padding: 32px 24px;
    display: flex;
    flex-direction: column;
    align-items: center;
    justify-content: center;
}

/* Título principal */
h1[b-cf161loawp] {
    font-family: 'Inter', -apple-system, BlinkMacSystemFont, 'Segoe UI', Roboto, sans-serif;
    font-size: 28px;
    font-weight: 600;
    color: #111827;
    margin-bottom: 24px;
    margin-top: 0;
    text-align: center;
}

/* Card de autenticação */
.auth-card[b-cf161loawp] {
    background: #FFFFFF;
    border-radius: 12px;
    box-shadow: 0px 4px 8px rgba(16, 24, 40, 0.1);
    padding: 48px 32px;
    max-width: 400px;
    width: 100%;
    text-align: center;
}

/* Mensagem de boas-vindas */
.welcome-message[b-cf161loawp] {
    color: #4B5563;
    font-size: 16px;
    line-height: 1.5;
    margin-top: 16px;
    padding: 20px;
    background-color: #E6EEF8;
    border-radius: 8px;
    border-left: 4px solid #14365C;
}

/* Ícone de sucesso */
.success-icon[b-cf161loawp] {
    width: 48px;
    height: 48px;
    background-color: #027A48;
    border-radius: 50%;
    display: flex;
    align-items: center;
    justify-content: center;
    margin: 0 auto 24px;
    color: white;
    font-size: 24px;
}

/* Status de autenticação */
.auth-status[b-cf161loawp] {
    display: inline-block;
    padding: 8px 16px;
    background-color: #ECFDF3;
    color: #027A48;
    border-radius: 20px;
    font-size: 14px;
    font-weight: 500;
    margin-bottom: 16px;
}

/* Responsividade */
@media (max-width: 768px) {
    .page-container[b-cf161loawp] {
        padding: 16px 12px;
    }
    
    .auth-card[b-cf161loawp] {
        padding: 32px 24px;
        margin: 16px;
    }
    
    h1[b-cf161loawp] {
        font-size: 24px;
        margin-bottom: 20px;
    }
    
    .welcome-message[b-cf161loawp] {
        font-size: 14px;
        padding: 16px;
    }
}

/* Animação de entrada */
@keyframes fadeInUp-b-cf161loawp {
    from {
        opacity: 0;
        transform: translateY(20px);
    }
    to {
        opacity: 1;
        transform: translateY(0);
    }
}

.auth-card[b-cf161loawp] {
    animation: fadeInUp-b-cf161loawp 0.6s ease-out;
}

/* Utilidade para centralizar conteúdo */
.centered-content[b-cf161loawp] {
    display: flex;
    flex-direction: column;
    align-items: center;
    justify-content: center;
    min-height: 60vh;
}
/* _content/VeiculoSeguroBlazor/Components/Pages/ComunicacaoVenda.razor.rz.scp.css */
/* Container Principal */
.comunicacao-venda-container[b-1brqx19c5k] {
    max-width: 1200px;
    margin: 0 auto;
    padding: 2rem;
    animation: fadeIn-b-1brqx19c5k 0.5s ease-in;
}

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

/* Header */
.page-header[b-1brqx19c5k] {
    background: linear-gradient(135deg, #0F2A47 0%, #14365C 100%);
    color: white;
    padding: 2.5rem;
    border-radius: 20px;
    display: flex;
    align-items: center;
    gap: 2rem;
    margin-bottom: 3rem;
    box-shadow: 0 10px 40px rgba(20, 54, 92, 0.3);
}

.header-actions[b-1brqx19c5k] {
    margin-left: auto;
}

.header-actions .btn-outline-light[b-1brqx19c5k] {
    color: white !important;
    border-color: white !important;
    background-color: transparent;
    transition: all 0.3s ease;
}

.header-actions .btn-outline-light:hover[b-1brqx19c5k] {
    background-color: rgba(255, 255, 255, 0.2) !important;
    color: white !important;
    border-color: white !important;
    transform: translateY(-2px);
    box-shadow: 0 5px 15px rgba(255, 255, 255, 0.3);
}

.header-actions .btn-outline-light:active[b-1brqx19c5k] {
    background-color: rgba(255, 255, 255, 0.3) !important;
    color: white !important;
    transform: translateY(0);
}

.header-actions .btn-outline-light i[b-1brqx19c5k] {
    color: white !important;
}

.header-icon[b-1brqx19c5k] {
    width: 80px;
    height: 80px;
    background: rgba(255, 255, 255, 0.2);
    border-radius: 20px;
    display: flex;
    align-items: center;
    justify-content: center;
    backdrop-filter: blur(10px);
}

.header-icon svg[b-1brqx19c5k] {
    width: 48px;
    height: 48px;
}

.header-content h1[b-1brqx19c5k] {
    font-size: 2rem;
    font-weight: 700;
    margin: 0 0 0.5rem 0;
}

.header-content p[b-1brqx19c5k] {
    font-size: 1.1rem;
    opacity: 0.9;
    margin: 0;
}

/* Progress Indicator */
.progress-indicator[b-1brqx19c5k] {
    display: flex;
    align-items: center;
    justify-content: center;
    margin-bottom: 3rem;
    position: relative;
}

.progress-step[b-1brqx19c5k] {
    display: flex;
    flex-direction: column;
    align-items: center;
    gap: 0.5rem;
    z-index: 2;
}

.step-number[b-1brqx19c5k] {
    width: 60px;
    height: 60px;
    border-radius: 50%;
    background: #e2e8f0;
    color: #64748b;
    display: flex;
    align-items: center;
    justify-content: center;
    font-size: 1.5rem;
    font-weight: 700;
    transition: all 0.3s ease;
}

.progress-step.active .step-number[b-1brqx19c5k] {
    background: linear-gradient(135deg, #14365C 0%, #0F2A47 100%);
    color: white;
    box-shadow: 0 5px 20px rgba(20, 54, 92, 0.4);
    transform: scale(1.1);
}

.progress-step.completed .step-number[b-1brqx19c5k] {
    background: #10b981;
    color: white;
}

.step-label[b-1brqx19c5k] {
    font-size: 0.95rem;
    font-weight: 600;
    color: #64748b;
}

.progress-step.active .step-label[b-1brqx19c5k] {
    color: #14365C;
}

.progress-step.completed .step-label[b-1brqx19c5k] {
    color: #10b981;
}

.progress-line[b-1brqx19c5k] {
    width: 200px;
    height: 4px;
    background: #e2e8f0;
    margin: 0 1rem;
    position: relative;
    top: -20px;
    transition: all 0.5s ease;
}

.progress-line.completed[b-1brqx19c5k] {
    background: #10b981;
}

/* Alerts */
.alert[b-1brqx19c5k] {
    display: flex;
    align-items: center;
    gap: 1rem;
    padding: 1.25rem;
    border-radius: 12px;
    margin-bottom: 2rem;
    animation: slideDown-b-1brqx19c5k 0.3s ease;
}

@keyframes slideDown-b-1brqx19c5k {
    from {
        opacity: 0;
        transform: translateY(-20px);
    }
    to {
        opacity: 1;
        transform: translateY(0);
    }
}

.alert-error[b-1brqx19c5k] {
    background: #fee2e2;
    border: 1px solid #fca5a5;
    color: #991b1b;
}

.alert-success[b-1brqx19c5k] {
    background: #d1fae5;
    border: 1px solid #6ee7b7;
    color: #065f46;
}

.alert-icon[b-1brqx19c5k] {
    width: 24px;
    height: 24px;
    flex-shrink: 0;
}

.alert-icon path[b-1brqx19c5k] {
    fill: currentColor;
}

.alert-content[b-1brqx19c5k] {
    flex: 1;
}

.alert-content strong[b-1brqx19c5k] {
    display: block;
    margin-bottom: 0.25rem;
}

.alert-close[b-1brqx19c5k] {
    background: none;
    border: none;
    font-size: 1.5rem;
    cursor: pointer;
    padding: 0;
    width: 24px;
    height: 24px;
    display: flex;
    align-items: center;
    justify-content: center;
    opacity: 0.7;
    transition: opacity 0.2s;
}

.alert-close:hover[b-1brqx19c5k] {
    opacity: 1;
}

/* Form Container */
.form-container[b-1brqx19c5k] {
    background: white;
    border-radius: 16px;
    box-shadow: 0 4px 20px rgba(0, 0, 0, 0.08);
    overflow: hidden;
}

.form-section[b-1brqx19c5k] {
    padding: 2rem;
    border-bottom: 1px solid #e2e8f0;
}

.form-section:last-child[b-1brqx19c5k] {
    border-bottom: none;
}

.section-title[b-1brqx19c5k] {
    font-size: 1.5rem;
    font-weight: 700;
    color: #1e293b;
    margin-bottom: 1.5rem;
    display: flex;
    align-items: center;
    gap: 0.75rem;
}

.section-title svg[b-1brqx19c5k] {
    width: 32px;
    height: 32px;
    color: #14365C;
}

.form-grid[b-1brqx19c5k] {
    display: grid;
    grid-template-columns: repeat(auto-fit, minmax(250px, 1fr));
    gap: 1.5rem;
}

.form-field[b-1brqx19c5k] {
    display: flex;
    flex-direction: column;
    gap: 0.5rem;
}

.form-field.full-width[b-1brqx19c5k] {
    grid-column: 1 / -1;
}

.form-field label[b-1brqx19c5k] {
    font-size: 0.95rem;
    font-weight: 600;
    color: #475569;
}

.form-input[b-1brqx19c5k] {
    padding: 0.875rem 1rem;
    border: 2px solid #e2e8f0;
    border-radius: 10px;
    font-size: 1rem;
    transition: all 0.2s;
    background: white;
}

.form-input:focus[b-1brqx19c5k] {
    outline: none;
    border-color: #14365C;
    box-shadow: 0 0 0 3px rgba(102, 126, 234, 0.1);
}

.form-input[b-1brqx19c5k]::placeholder {
    color: #cbd5e1;
}

/* Form Actions */
.form-actions[b-1brqx19c5k] {
    padding: 2rem;
    background: #f8fafc;
    display: flex;
    justify-content: center;
}

.btn[b-1brqx19c5k] {
    display: inline-flex;
    align-items: center;
    gap: 0.75rem;
    padding: 1rem 2.5rem;
    border: none;
    border-radius: 12px;
    font-size: 1.1rem;
    font-weight: 600;
    cursor: pointer;
    transition: all 0.3s;
    box-shadow: 0 4px 15px rgba(0, 0, 0, 0.1);
}

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

.btn svg[b-1brqx19c5k] {
    width: 24px;
    height: 24px;
}

.btn-primary[b-1brqx19c5k] {
    background: linear-gradient(135deg, #14365C 0%, #0F2A47 100%);
    color: white;
}

.btn-primary:hover:not(:disabled)[b-1brqx19c5k] {
    transform: translateY(-2px);
    box-shadow: 0 6px 25px rgba(20, 54, 92, 0.4);
}

.btn-success[b-1brqx19c5k] {
    background: linear-gradient(135deg, #10b981 0%, #059669 100%);
    color: white;
}

.btn-success:hover:not(:disabled)[b-1brqx19c5k] {
    transform: translateY(-2px);
    box-shadow: 0 6px 25px rgba(16, 185, 129, 0.4);
}

.btn-secondary[b-1brqx19c5k] {
    background: white;
    color: #64748b;
    border: 2px solid #e2e8f0;
}

.btn-secondary:hover[b-1brqx19c5k] {
    background: #f8fafc;
    border-color: #cbd5e1;
}

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

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

/* Confirmation Container */
.confirmation-container[b-1brqx19c5k] {
    display: flex;
    justify-content: center;
    padding: 2rem 0;
}

.success-card[b-1brqx19c5k] {
    background: white;
    border-radius: 20px;
    padding: 3rem;
    max-width: 600px;
    width: 100%;
    box-shadow: 0 10px 40px rgba(0, 0, 0, 0.1);
    text-align: center;
    animation: scaleIn-b-1brqx19c5k 0.4s ease;
}

@keyframes scaleIn-b-1brqx19c5k {
    from {
        opacity: 0;
        transform: scale(0.9);
    }
    to {
        opacity: 1;
        transform: scale(1);
    }
}

.success-card.large[b-1brqx19c5k] {
    max-width: 700px;
    padding: 4rem;
}

.success-icon[b-1brqx19c5k] {
    width: 100px;
    height: 100px;
    background: linear-gradient(135deg, #10b981 0%, #059669 100%);
    border-radius: 50%;
    display: flex;
    align-items: center;
    justify-content: center;
    margin: 0 auto 2rem;
    box-shadow: 0 10px 30px rgba(16, 185, 129, 0.3);
}

.success-icon svg[b-1brqx19c5k] {
    width: 60px;
    height: 60px;
    color: white;
}

.success-animation[b-1brqx19c5k] {
    width: 120px;
    height: 120px;
    background: linear-gradient(135deg, #10b981 0%, #059669 100%);
    border-radius: 50%;
    display: flex;
    align-items: center;
    justify-content: center;
    margin: 0 auto 2rem;
    box-shadow: 0 10px 40px rgba(16, 185, 129, 0.4);
    animation: pulse-b-1brqx19c5k 2s infinite;
}

@keyframes pulse-b-1brqx19c5k {
    0%, 100% {
        transform: scale(1);
    }
    50% {
        transform: scale(1.05);
    }
}

.success-animation svg[b-1brqx19c5k] {
    width: 70px;
    height: 70px;
    color: white;
}

.success-card h2[b-1brqx19c5k] {
    font-size: 2rem;
    font-weight: 700;
    color: #1e293b;
    margin-bottom: 1rem;
}

.success-card p[b-1brqx19c5k] {
    font-size: 1.1rem;
    color: #64748b;
    margin-bottom: 2rem;
    line-height: 1.6;
}

.protocol-display[b-1brqx19c5k] {
    background: #f8fafc;
    border: 2px dashed #cbd5e1;
    border-radius: 12px;
    padding: 1.5rem;
    margin: 2rem 0;
}

.protocol-display label[b-1brqx19c5k] {
    font-size: 0.95rem;
    font-weight: 600;
    color: #64748b;
    display: block;
    margin-bottom: 0.5rem;
}

.protocol-value[b-1brqx19c5k] {
    font-size: 1.5rem;
    font-weight: 700;
    color: #14365C;
    font-family: 'Courier New', monospace;
}

.warning-text[b-1brqx19c5k] {
    display: flex;
    align-items: center;
    gap: 0.75rem;
    background: #fef3c7;
    border: 1px solid #fde047;
    color: #92400e;
    padding: 1rem;
    border-radius: 10px;
    margin: 1.5rem 0;
    font-size: 0.95rem;
    font-weight: 500;
}

.warning-text svg[b-1brqx19c5k] {
    width: 24px;
    height: 24px;
    flex-shrink: 0;
}

.confirmation-actions[b-1brqx19c5k] {
    display: flex;
    gap: 1rem;
    justify-content: center;
    margin-top: 2rem;
}

.final-confirmation[b-1brqx19c5k] {
    display: flex;
    justify-content: center;
    padding: 2rem 0;
}

/* Responsive */
@media (max-width: 768px) {
    .comunicacao-venda-container[b-1brqx19c5k] {
        padding: 1rem;
    }

    .page-header[b-1brqx19c5k] {
        flex-direction: column;
        text-align: center;
        padding: 2rem;
    }

    .header-icon[b-1brqx19c5k] {
        width: 60px;
        height: 60px;
    }

    .header-icon svg[b-1brqx19c5k] {
        width: 36px;
        height: 36px;
    }

    .header-content h1[b-1brqx19c5k] {
        font-size: 1.5rem;
    }

    .header-content p[b-1brqx19c5k] {
        font-size: 1rem;
    }

    .progress-indicator[b-1brqx19c5k] {
        flex-direction: column;
        gap: 1.5rem;
    }

    .progress-line[b-1brqx19c5k] {
        width: 4px;
        height: 60px;
        top: 0;
    }

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

    .confirmation-actions[b-1brqx19c5k] {
        flex-direction: column;
    }

    .btn[b-1brqx19c5k] {
        width: 100%;
        justify-content: center;
    }
}

/* Upload Section */
.upload-section[b-1brqx19c5k] {
    margin-top: 1rem;
}

.upload-area[b-1brqx19c5k] {
    border: 2px dashed #e2e8f0;
    border-radius: 12px;
    padding: 3rem 2rem;
    text-align: center;
    background: #f8fafc;
    transition: all 0.3s ease;
    position: relative;
    cursor: pointer;
}

.upload-area:hover[b-1brqx19c5k] {
    border-color: #14365C;
    background: #f1f5f9;
}

.upload-area.dragging[b-1brqx19c5k] {
    border-color: #14365C;
    background: #e0f2fe;
    box-shadow: 0 0 0 3px rgba(20, 54, 92, 0.1);
}

.upload-icon[b-1brqx19c5k] {
    width: 64px;
    height: 64px;
    margin: 0 auto 1rem;
    color: #64748b;
}

.upload-text[b-1brqx19c5k] {
    font-size: 1.1rem;
    font-weight: 600;
    color: #1e293b;
    margin-bottom: 0.5rem;
}

.upload-hint[b-1brqx19c5k] {
    font-size: 0.9rem;
    color: #64748b;
    margin-bottom: 1.5rem;
}

.file-input[b-1brqx19c5k] {
    position: absolute !important;
    left: -9999px !important;
    width: 1px !important;
    height: 1px !important;
    opacity: 0 !important;
    pointer-events: none !important;
    overflow: hidden !important;
}

/* Esconder TODOS os elementos gerados pelo InputFile do Blazor */
.upload-area input[type="file"][b-1brqx19c5k],
.upload-area .file-input[b-1brqx19c5k],
#fileInput[b-1brqx19c5k] {
    position: absolute !important;
    left: -9999px !important;
    width: 1px !important;
    height: 1px !important;
    opacity: 0 !important;
    visibility: hidden !important;
    pointer-events: none !important;
    overflow: hidden !important;
}

.upload-area [b-1brqx19c5k]::file-selector-button,
.file-input[b-1brqx19c5k]::file-selector-button,
#fileInput[b-1brqx19c5k]::file-selector-button {
    display: none !important;
    visibility: hidden !important;
}

/* Esconder qualquer elemento filho do InputFile */
.upload-area .file-input *[b-1brqx19c5k],
#fileInput *[b-1brqx19c5k] {
    display: none !important;
    visibility: hidden !important;
}

/* Container para botões de upload */
.upload-buttons-container[b-1brqx19c5k] {
    display: flex;
    justify-content: center;
    align-items: center;
    gap: 1rem;
    width: 100%;
    margin-top: 1.5rem;
    flex-wrap: wrap;
}

/* Normalizar botões dentro do container */
.upload-buttons-container .upload-btn[b-1brqx19c5k] {
    display: inline-flex !important;
    margin: 0 !important;
    cursor: pointer;
    align-self: center;
    vertical-align: middle;
    line-height: 1;
}

/* Centralizar o botão estilizado */
.upload-btn[b-1brqx19c5k] {
    display: inline-flex !important;
}

/* File Preview */
.file-preview[b-1brqx19c5k] {
    display: flex;
    flex-direction: column;
    align-items: center;
    gap: 1.5rem;
    padding: 2rem;
    background: #f8fafc;
    border-radius: 12px;
    border: 2px solid #e2e8f0;
}

.image-preview[b-1brqx19c5k] {
    max-width: 100%;
    border-radius: 10px;
    overflow: hidden;
    box-shadow: 0 4px 15px rgba(0, 0, 0, 0.1);
}

.image-preview img[b-1brqx19c5k] {
    max-width: 100%;
    max-height: 400px;
    display: block;
    border-radius: 10px;
}

.pdf-preview[b-1brqx19c5k] {
    display: flex;
    align-items: center;
    gap: 1rem;
    padding: 1.5rem;
    background: white;
    border-radius: 10px;
    border: 1px solid #e2e8f0;
}

.pdf-preview svg[b-1brqx19c5k] {
    width: 48px;
    height: 48px;
    color: #ef4444;
    flex-shrink: 0;
}

.pdf-preview span[b-1brqx19c5k] {
    font-size: 1rem;
    font-weight: 600;
    color: #1e293b;
    word-break: break-all;
}

.btn-danger[b-1brqx19c5k] {
    background: linear-gradient(135deg, #ef4444 0%, #dc2626 100%);
    color: white;
}

.btn-danger:hover[b-1brqx19c5k] {
    transform: translateY(-2px);
    box-shadow: 0 6px 25px rgba(239, 68, 68, 0.4);
}

.btn-danger svg[b-1brqx19c5k] {
    width: 20px;
    height: 20px;
}

/* ========================================
   NOVOS ESTILOS - EXTRAÇÃO COM IA
   ======================================== */

/* ========== ETAPA 0: UPLOAD E EXTRAÇÃO COM IA ========== */

.upload-step-container[b-1brqx19c5k] {
    background: white;
    border-radius: 16px;
    box-shadow: 0 4px 20px rgba(0, 0, 0, 0.08);
    overflow: hidden;
    margin-bottom: 2rem;
    animation: fadeIn-b-1brqx19c5k 0.5s ease-in;
}

.upload-card[b-1brqx19c5k] {
    padding: 2.5rem;
}

.upload-header[b-1brqx19c5k] {
    display: flex;
    align-items: center;
    gap: 1.5rem;
    margin-bottom: 2.5rem;
    padding-bottom: 2rem;
    border-bottom: 2px solid #e2e8f0;
}

.upload-header-icon[b-1brqx19c5k] {
    width: 64px;
    height: 64px;
    background: linear-gradient(135deg, #14365C 0%, #0F2A47 100%);
    border-radius: 16px;
    display: flex;
    align-items: center;
    justify-content: center;
    color: white;
    flex-shrink: 0;
    box-shadow: 0 8px 20px rgba(20, 54, 92, 0.3);
}

.upload-header-icon svg[b-1brqx19c5k] {
    width: 36px;
    height: 36px;
}

.upload-header h2[b-1brqx19c5k] {
    font-size: 1.75rem;
    font-weight: 700;
    color: #1e293b;
    margin: 0 0 0.5rem 0;
}

.upload-header p[b-1brqx19c5k] {
    font-size: 1rem;
    color: #64748b;
    margin: 0;
    line-height: 1.5;
}

.upload-formats[b-1brqx19c5k] {
    font-size: 0.85rem;
    color: #94a3b8;
    margin-top: 1rem;
    text-align: center;
}

.upload-btn[b-1brqx19c5k] {
    margin-top: 1.5rem;
    width: auto;
    padding: 0.875rem 2rem;
}

/* File Preview Card (Nova versão modernizada) */
.file-preview-card[b-1brqx19c5k] {
    background: linear-gradient(135deg, #f8fafc 0%, #f1f5f9 100%);
    border: 2px solid #e2e8f0;
    border-radius: 12px;
    padding: 2rem;
    margin-top: 2rem;
    animation: slideDown-b-1brqx19c5k 0.4s ease;
}

@keyframes slideDown-b-1brqx19c5k {
    from {
        opacity: 0;
        transform: translateY(-10px);
    }
    to {
        opacity: 1;
        transform: translateY(0);
    }
}

.file-preview-header[b-1brqx19c5k] {
    display: flex;
    align-items: center;
    gap: 1rem;
    padding-bottom: 1.5rem;
    border-bottom: 1px solid #e2e8f0;
    margin-bottom: 1.5rem;
}

.file-icon[b-1brqx19c5k] {
    width: 48px;
    height: 48px;
    color: #14365C;
    flex-shrink: 0;
}

.file-info[b-1brqx19c5k] {
    flex: 1;
    display: flex;
    flex-direction: column;
    gap: 0.5rem;
}

.file-name[b-1brqx19c5k] {
    font-size: 1rem;
    font-weight: 600;
    color: #1e293b;
    word-break: break-word;
}

.file-status[b-1brqx19c5k] {
    font-size: 0.875rem;
    color: #10b981;
    font-weight: 500;
    display: flex;
    align-items: center;
    gap: 0.25rem;
}

.btn-icon-danger[b-1brqx19c5k] {
    width: 40px;
    height: 40px;
    background: linear-gradient(135deg, #ef4444 0%, #dc2626 100%);
    border: none;
    border-radius: 10px;
    display: flex;
    align-items: center;
    justify-content: center;
    cursor: pointer;
    transition: all 0.3s;
    flex-shrink: 0;
}

.btn-icon-danger:hover[b-1brqx19c5k] {
    transform: translateY(-2px);
    box-shadow: 0 6px 20px rgba(239, 68, 68, 0.4);
}

.btn-icon-danger svg[b-1brqx19c5k] {
    width: 20px;
    height: 20px;
    color: white;
}

.image-preview[b-1brqx19c5k] {
    margin-bottom: 1.5rem;
    border-radius: 8px;
    overflow: hidden;
    max-height: 400px;
    display: flex;
    align-items: center;
    justify-content: center;
    background: #1e293b;
}

.image-preview img[b-1brqx19c5k] {
    max-width: 100%;
    height: auto;
    display: block;
    border-radius: 8px;
}

/* Extraction Actions */
.extraction-actions[b-1brqx19c5k] {
    display: flex;
    gap: 1rem;
    justify-content: center;
    margin-top: 2rem;
    flex-wrap: wrap;
}

.btn-ai-extract[b-1brqx19c5k] {
    background: linear-gradient(135deg, #8b5cf6 0%, #7c3aed 100%);
    color: white;
    position: relative;
    overflow: hidden;
    padding: 1rem 2rem;
    font-size: 1rem;
    font-weight: 600;
    border: none;
    border-radius: 12px;
    cursor: pointer;
    display: flex;
    align-items: center;
    gap: 0.75rem;
    transition: all 0.3s;
    box-shadow: 0 4px 15px rgba(139, 92, 246, 0.3);
}

.btn-ai-extract:hover:not(:disabled)[b-1brqx19c5k] {
    transform: translateY(-2px);
    box-shadow: 0 8px 30px rgba(139, 92, 246, 0.5);
}

.btn-ai-extract:disabled[b-1brqx19c5k] {
    opacity: 0.8;
    cursor: not-allowed;
}

.btn-ai-extract[b-1brqx19c5k]::before {
    content: '';
    position: absolute;
    top: 0;
    left: -100%;
    width: 100%;
    height: 100%;
    background: linear-gradient(90deg, transparent, rgba(255, 255, 255, 0.3), transparent);
    animation: shimmer-b-1brqx19c5k 2.5s infinite;
}

@keyframes shimmer-b-1brqx19c5k {
    100% {
        left: 100%;
    }
}

.spinner-ai[b-1brqx19c5k] {
    width: 24px;
    height: 24px;
    border: 3px solid rgba(255, 255, 255, 0.3);
    border-top-color: white;
    border-radius: 50%;
    animation: spin-b-1brqx19c5k 0.8s linear infinite;
}

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

.ai-icon[b-1brqx19c5k] {
    width: 24px;
    height: 24px;
    animation: pulse-ai-b-1brqx19c5k 2s ease-in-out infinite;
}

@keyframes pulse-ai-b-1brqx19c5k {
    0%, 100% {
        transform: scale(1);
        opacity: 1;
    }
    50% {
        transform: scale(1.1);
        opacity: 0.9;
    }
}

/* ========== ETAPA 1: CONFERÊNCIA DE DADOS ========== */

.review-step-container[b-1brqx19c5k] {
    background: white;
    border-radius: 16px;
    box-shadow: 0 4px 20px rgba(0, 0, 0, 0.08);
    overflow: hidden;
    margin-bottom: 2rem;
    animation: fadeIn-b-1brqx19c5k 0.5s ease-in;
}

.review-header[b-1brqx19c5k] {
    background: linear-gradient(135deg, #f0fdf4 0%, #dcfce7 100%);
    padding: 2.5rem;
    display: flex;
    align-items: center;
    gap: 1.5rem;
    border-bottom: 2px solid #bbf7d0;
}

.review-icon[b-1brqx19c5k] {
    width: 64px;
    height: 64px;
    background: linear-gradient(135deg, #10b981 0%, #059669 100%);
    border-radius: 16px;
    display: flex;
    align-items: center;
    justify-content: center;
    color: white;
    flex-shrink: 0;
    box-shadow: 0 8px 20px rgba(16, 185, 129, 0.3);
}

.review-icon svg[b-1brqx19c5k] {
    width: 36px;
    height: 36px;
}

.review-header h2[b-1brqx19c5k] {
    font-size: 1.75rem;
    font-weight: 700;
    color: #065f46;
    margin: 0 0 0.5rem 0;
}

.review-header p[b-1brqx19c5k] {
    font-size: 1rem;
    color: #059669;
    margin: 0;
    line-height: 1.5;
}

.review-actions[b-1brqx19c5k] {
    display: flex;
    gap: 1rem;
    justify-content: space-between;
    padding: 2rem;
    background: #f8fafc;
    border-top: 1px solid #e2e8f0;
}

/* Auto-filled Badges e Indicadores */
.auto-filled-badge[b-1brqx19c5k] {
    display: inline-flex;
    align-items: center;
    gap: 0.5rem;
    background: linear-gradient(135deg, #8b5cf6 0%, #7c3aed 100%);
    color: white;
    padding: 0.5rem 1rem;
    border-radius: 20px;
    font-size: 0.875rem;
    font-weight: 600;
    margin-left: 1rem;
    animation: badge-pulse-b-1brqx19c5k 2s ease-in-out infinite;
    box-shadow: 0 2px 8px rgba(139, 92, 246, 0.3);
}

@keyframes badge-pulse-b-1brqx19c5k {
    0%, 100% {
        box-shadow: 0 2px 8px rgba(139, 92, 246, 0.3);
    }
    50% {
        box-shadow: 0 4px 16px rgba(139, 92, 246, 0.5);
    }
}

.field-badge[b-1brqx19c5k] {
    display: inline-flex;
    align-items: center;
    gap: 0.25rem;
    background: linear-gradient(135deg, #a78bfa 0%, #8b5cf6 100%);
    color: white;
    padding: 0.25rem 0.75rem;
    border-radius: 12px;
    font-size: 0.75rem;
    font-weight: 600;
    margin-top: 0.5rem;
    animation: fadeIn-b-1brqx19c5k 0.3s ease;
    box-shadow: 0 2px 6px rgba(167, 139, 250, 0.3);
}

.form-input.auto-filled[b-1brqx19c5k] {
    background: linear-gradient(135deg, #f5f3ff 0%, #ede9fe 100%);
    border-color: #a78bfa;
    position: relative;
    font-weight: 500;
}

.form-input.auto-filled:focus[b-1brqx19c5k] {
    border-color: #8b5cf6;
    box-shadow: 0 0 0 3px rgba(139, 92, 246, 0.15);
    background: white;
}

/* ========== PROGRESS INDICATOR COM STEP-ICON ========== */

.step-icon[b-1brqx19c5k] {
    width: 60px;
    height: 60px;
    border-radius: 50%;
    background: #e2e8f0;
    color: #64748b;
    display: flex;
    align-items: center;
    justify-content: center;
    transition: all 0.4s cubic-bezier(0.4, 0, 0.2, 1);
    position: relative;
    z-index: 1;
}

.step-icon svg[b-1brqx19c5k] {
    width: 30px;
    height: 30px;
    transition: all 0.3s;
}

.progress-step.active .step-icon[b-1brqx19c5k] {
    background: linear-gradient(135deg, #14365C 0%, #0F2A47 100%);
    color: white;
    box-shadow: 0 5px 20px rgba(20, 54, 92, 0.4);
    transform: scale(1.1);
    animation: pulse-step-b-1brqx19c5k 1.5s ease-in-out infinite;
}

@keyframes pulse-step-b-1brqx19c5k {
    0%, 100% {
        transform: scale(1.1);
        box-shadow: 0 5px 20px rgba(20, 54, 92, 0.4);
    }
    50% {
        transform: scale(1.15);
        box-shadow: 0 8px 30px rgba(20, 54, 92, 0.6);
    }
}

.progress-step.completed .step-icon[b-1brqx19c5k] {
    background: linear-gradient(135deg, #10b981 0%, #059669 100%);
    color: white;
    box-shadow: 0 4px 15px rgba(16, 185, 129, 0.4);
}

.progress-step.completed .step-icon svg[b-1brqx19c5k] {
    animation: success-bounce-b-1brqx19c5k 0.6s ease;
}

@keyframes success-bounce-b-1brqx19c5k {
    0%, 100% {
        transform: scale(1);
    }
    50% {
        transform: scale(1.2);
    }
}

/* Ajustes no step-label para 4 etapas */
.step-label[b-1brqx19c5k] {
    font-size: 0.875rem;
    font-weight: 600;
    color: #64748b;
    margin-top: 0.75rem;
    text-align: center;
    transition: color 0.3s;
}

.progress-step.active .step-label[b-1brqx19c5k] {
    color: #14365C;
    font-weight: 700;
}

.progress-step.completed .step-label[b-1brqx19c5k] {
    color: #10b981;
}

/* Ajustes no progress-indicator para 4 etapas */
.progress-indicator[b-1brqx19c5k] {
    display: flex;
    align-items: center;
    justify-content: space-between;
    max-width: 900px;
    margin: 0 auto 3rem;
    padding: 2rem;
    background: white;
    border-radius: 16px;
    box-shadow: 0 2px 12px rgba(0, 0, 0, 0.06);
}

.progress-step[b-1brqx19c5k] {
    display: flex;
    flex-direction: column;
    align-items: center;
    flex: 1;
    position: relative;
}

.progress-line[b-1brqx19c5k] {
    flex: 1;
    height: 3px;
    background: #e2e8f0;
    margin: 0 1rem;
    position: relative;
    top: -30px;
    transition: all 0.4s;
}

.progress-line.completed[b-1brqx19c5k] {
    background: linear-gradient(90deg, #10b981 0%, #059669 100%);
    box-shadow: 0 2px 8px rgba(16, 185, 129, 0.3);
}

/* ========== RESPONSIVE (Novos Elementos) ========== */

@media (max-width: 968px) {
    .progress-indicator[b-1brqx19c5k] {
        padding: 1.5rem 1rem;
    }

    .step-icon[b-1brqx19c5k] {
        width: 50px;
        height: 50px;
    }

    .step-icon svg[b-1brqx19c5k] {
        width: 24px;
        height: 24px;
    }

    .step-label[b-1brqx19c5k] {
        font-size: 0.75rem;
    }

    .progress-line[b-1brqx19c5k] {
        margin: 0 0.5rem;
    }
}

@media (max-width: 768px) {
    .upload-header[b-1brqx19c5k] {
        flex-direction: column;
        text-align: center;
        padding-bottom: 1.5rem;
    }

    .upload-header-icon[b-1brqx19c5k] {
        width: 56px;
        height: 56px;
    }

    .upload-header-icon svg[b-1brqx19c5k] {
        width: 30px;
        height: 30px;
    }

    .upload-header h2[b-1brqx19c5k] {
        font-size: 1.5rem;
    }

    .upload-card[b-1brqx19c5k] {
        padding: 1.5rem;
    }

    .review-header[b-1brqx19c5k] {
        flex-direction: column;
        text-align: center;
        padding: 2rem 1.5rem;
    }

    .review-icon[b-1brqx19c5k] {
        width: 56px;
        height: 56px;
    }

    .review-icon svg[b-1brqx19c5k] {
        width: 30px;
        height: 30px;
    }

    .review-header h2[b-1brqx19c5k] {
        font-size: 1.5rem;
    }

    .review-actions[b-1brqx19c5k] {
        flex-direction: column;
        padding: 1.5rem;
    }

    .extraction-actions[b-1brqx19c5k] {
        flex-direction: column;
    }

    .file-preview-header[b-1brqx19c5k] {
        flex-wrap: wrap;
    }

    .auto-filled-badge[b-1brqx19c5k] {
        margin-left: 0;
        margin-top: 0.5rem;
        font-size: 0.75rem;
        padding: 0.4rem 0.875rem;
    }

    .progress-indicator[b-1brqx19c5k] {
        padding: 1rem;
        flex-wrap: wrap;
        gap: 1rem;
    }

    .progress-step[b-1brqx19c5k] {
        flex: 1 1 45%;
        min-width: 120px;
    }

    .progress-line[b-1brqx19c5k] {
        display: none;
    }

    .step-icon[b-1brqx19c5k] {
        width: 48px;
        height: 48px;
    }

    .step-icon svg[b-1brqx19c5k] {
        width: 22px;
        height: 22px;
    }
}

@media (max-width: 480px) {
    .btn-ai-extract[b-1brqx19c5k] {
        width: 100%;
        justify-content: center;
    }

    .file-preview-card[b-1brqx19c5k] {
        padding: 1.5rem;
    }

    .upload-header h2[b-1brqx19c5k] {
        font-size: 1.25rem;
    }

    .review-header h2[b-1brqx19c5k] {
        font-size: 1.25rem;
    }
}

/* ========================================
   HISTORICO DE COMUNICADOS - NEW DESIGN
   ======================================== */

/* ========== CONTAINER & LAYOUT ========== */

.historico-container[b-1brqx19c5k] {
    max-width: 1400px;
    margin: 0 auto;
    padding: 2rem;
    animation: fadeIn-b-1brqx19c5k 0.5s ease-in;
}

/* ========== HEADER CARD ========== */

.historico-header-card[b-1brqx19c5k] {
    background: linear-gradient(135deg, #0F2A47 0%, #14365C 100%);
    border-radius: 16px;
    padding: 2rem;
    margin-bottom: 2rem;
    box-shadow: 0 4px 20px rgba(0, 0, 0, 0.08);
    display: flex;
    flex-direction: column;
    align-items: center;
    gap: 1.5rem;
    color: white;
}

.historico-header-content[b-1brqx19c5k] {
    text-align: center;
    width: 100%;
}

.historico-header-card h1[b-1brqx19c5k],
.historico-header-card h2[b-1brqx19c5k] {
    font-size: 1.75rem;
    font-weight: 700;
    margin: 0 0 0.5rem 0;
    letter-spacing: -0.5px;
    display: flex;
    align-items: center;
    justify-content: center;
    gap: 0.75rem;
}

.historico-header-card h1 i[b-1brqx19c5k],
.historico-header-card h2 i[b-1brqx19c5k] {
    font-size: 2rem;
}

.btn-voltar[b-1brqx19c5k] {
    background: rgba(255, 255, 255, 0.15);
    color: white;
    border: 2px solid rgba(255, 255, 255, 0.3);
    padding: 0.75rem 1.5rem;
    border-radius: 12px;
    font-weight: 600;
    display: inline-flex;
    align-items: center;
    gap: 0.5rem;
    transition: all 0.3s cubic-bezier(0.4, 0, 0.2, 1);
    backdrop-filter: blur(10px);
    cursor: pointer;
}

.btn-voltar:hover[b-1brqx19c5k] {
    background: rgba(255, 255, 255, 0.25);
    transform: translateX(-4px);
    box-shadow: 0 4px 15px rgba(255, 255, 255, 0.2);
}

.btn-voltar i[b-1brqx19c5k] {
    font-size: 1.25rem;
}

/* ========== SEARCH & FILTERS ========== */

.filtros-card[b-1brqx19c5k] {
    background: white;
    border-radius: 16px;
    padding: 1.5rem;
    margin-bottom: 2rem;
    box-shadow: 0 4px 20px rgba(0, 0, 0, 0.08);
}

.filtros-row[b-1brqx19c5k] {
    display: flex;
    align-items: center;
    gap: 1.5rem;
    flex-wrap: wrap;
}

.search-box[b-1brqx19c5k] {
    position: relative;
    flex: 1;
    min-width: 280px;
}

.search-box i[b-1brqx19c5k] {
    position: absolute;
    left: 1rem;
    top: 50%;
    transform: translateY(-50%);
    color: #64748b;
    font-size: 1rem;
    pointer-events: none;
}

.search-box input[b-1brqx19c5k] {
    width: 100%;
    padding: 0.875rem 1rem 0.875rem 2.75rem;
    border: 2px solid #e2e8f0;
    border-radius: 12px;
    font-size: 0.95rem;
    transition: all 0.3s cubic-bezier(0.4, 0, 0.2, 1);
    background: white;
}

.search-box input:focus[b-1brqx19c5k] {
    outline: none;
    border-color: #14365C;
    box-shadow: 0 0 0 3px rgba(20, 54, 92, 0.1);
}

.search-box input[b-1brqx19c5k]::placeholder {
    color: #cbd5e1;
}

.filtro-chips[b-1brqx19c5k] {
    display: flex;
    gap: 0.75rem;
    flex-wrap: wrap;
}

.chip[b-1brqx19c5k] {
    padding: 0.625rem 1.25rem;
    border: 2px solid #e2e8f0;
    border-radius: 24px;
    background: white;
    color: #64748b;
    font-size: 0.9rem;
    font-weight: 600;
    cursor: pointer;
    transition: all 0.3s cubic-bezier(0.4, 0, 0.2, 1);
    white-space: nowrap;
    display: inline-flex;
    align-items: center;
    gap: 0.5rem;
}

.chip:hover[b-1brqx19c5k] {
    background: #f8fafc;
    border-color: #cbd5e1;
    transform: translateY(-2px);
}

.chip.active[b-1brqx19c5k] {
    background: linear-gradient(135deg, #14365C 0%, #0F2A47 100%);
    color: white;
    border-color: #14365C;
    box-shadow: 0 4px 12px rgba(20, 54, 92, 0.3);
}

.chip i[b-1brqx19c5k] {
    font-size: 1rem;
}

/* ========== TABLE CARD ========== */

.table-card[b-1brqx19c5k] {
    background: white;
    border-radius: 16px;
    overflow: hidden;
    box-shadow: 0 4px 20px rgba(0, 0, 0, 0.08);
    margin-bottom: 2rem;
}

.historico-table[b-1brqx19c5k] {
    width: 100%;
    border-collapse: separate;
    border-spacing: 0;
}

.historico-table thead[b-1brqx19c5k] {
    background: linear-gradient(135deg, #f8fafc 0%, #f1f5f9 100%);
}

.historico-table thead th[b-1brqx19c5k] {
    padding: 0.75rem 1rem;
    text-align: left;
    font-weight: 700;
    color: #14365C;
    font-size: 0.8rem;
    text-transform: uppercase;
    letter-spacing: 0.5px;
    border-bottom: 2px solid #e2e8f0;
}

.historico-table thead th.sortable[b-1brqx19c5k] {
    cursor: pointer;
    user-select: none;
    transition: all 0.2s;
}

.historico-table thead th.sortable:hover[b-1brqx19c5k] {
    color: #0F2A47;
    background: rgba(20, 54, 92, 0.05);
}

.historico-table thead th.sortable[b-1brqx19c5k]::after {
    content: '\f0dc';
    font-family: 'Font Awesome 5 Free';
    font-weight: 900;
    margin-left: 0.5rem;
    opacity: 0.3;
    font-size: 0.75rem;
}

.historico-table tbody tr[b-1brqx19c5k] {
    transition: all 0.3s cubic-bezier(0.4, 0, 0.2, 1);
    border-bottom: 1px solid #f1f5f9;
}

.historico-table tbody tr:hover[b-1brqx19c5k] {
    background: #f8fafc;
    transform: translateX(8px);
    box-shadow: 0 2px 12px rgba(0, 0, 0, 0.06);
}

.historico-table tbody td[b-1brqx19c5k] {
    padding: 0.75rem 1rem;
    font-size: 0.85rem;
    color: #475569;
    vertical-align: middle;
}

.protocolo-code[b-1brqx19c5k] {
    font-family: 'Courier New', monospace;
    font-size: 0.875rem;
    background: #f1f5f9;
    padding: 0.375rem 0.75rem;
    border-radius: 6px;
    color: #14365C;
    font-weight: 600;
    display: inline-block;
}

/* Badge Status Styles (reusing existing badge styles) */
.historico-table .badge[b-1brqx19c5k] {
    padding: 0.5rem 1rem;
    border-radius: 20px;
    font-weight: 600;
    font-size: 0.8rem;
    display: inline-flex;
    align-items: center;
    gap: 0.5rem;
    white-space: nowrap;
}

.historico-table .badge.bg-success[b-1brqx19c5k] {
    background: linear-gradient(135deg, #10b981 0%, #059669 100%) !important;
    box-shadow: 0 2px 8px rgba(16, 185, 129, 0.3);
}

.historico-table .badge.bg-danger[b-1brqx19c5k] {
    background: linear-gradient(135deg, #ef4444 0%, #dc2626 100%) !important;
    box-shadow: 0 2px 8px rgba(239, 68, 68, 0.3);
}

.historico-table .badge.bg-warning[b-1brqx19c5k] {
    background: linear-gradient(135deg, #f59e0b 0%, #d97706 100%) !important;
    box-shadow: 0 2px 8px rgba(245, 158, 11, 0.3);
    color: white !important;
}

.historico-table .badge.bg-info[b-1brqx19c5k] {
    background: linear-gradient(135deg, #3b82f6 0%, #2563eb 100%) !important;
    box-shadow: 0 2px 8px rgba(59, 130, 246, 0.3);
}

.historico-table .badge.bg-secondary[b-1brqx19c5k] {
    background: linear-gradient(135deg, #6b7280 0%, #4b5563 100%) !important;
    box-shadow: 0 2px 8px rgba(107, 114, 128, 0.3);
}

.historico-table .btn-sm[b-1brqx19c5k] {
    padding: 0.5rem 1rem;
    font-size: 0.875rem;
    border-radius: 8px;
    font-weight: 600;
    transition: all 0.2s;
    cursor: pointer;
}

.historico-table .btn-outline-primary[b-1brqx19c5k] {
    border: 2px solid #14365C;
    color: #14365C;
    background: transparent;
}

.historico-table .btn-outline-primary:hover[b-1brqx19c5k] {
    background: #14365C;
    color: white;
    transform: translateY(-2px);
    box-shadow: 0 4px 12px rgba(20, 54, 92, 0.3);
}

/* ========== PAGINATION ========== */

.pagination-container[b-1brqx19c5k] {
    display: flex;
    align-items: center;
    justify-content: space-between;
    padding: 1.5rem;
    background: #f8fafc;
    border-top: 1px solid #e2e8f0;
    flex-wrap: wrap;
    gap: 1rem;
}

.pagination-info[b-1brqx19c5k] {
    font-size: 0.9rem;
    color: #64748b;
    font-weight: 500;
}

.pagination-controls[b-1brqx19c5k] {
    display: flex;
    align-items: center;
    gap: 0.5rem;
}

.page-btn[b-1brqx19c5k] {
    min-width: 40px;
    height: 40px;
    display: flex;
    align-items: center;
    justify-content: center;
    border: 2px solid #e2e8f0;
    background: white;
    color: #64748b;
    border-radius: 8px;
    font-weight: 600;
    font-size: 0.875rem;
    cursor: pointer;
    transition: all 0.3s cubic-bezier(0.4, 0, 0.2, 1);
}

.page-btn:hover:not(:disabled):not(.active)[b-1brqx19c5k] {
    background: #f8fafc;
    border-color: #cbd5e1;
    transform: translateY(-2px);
}

.page-btn.active[b-1brqx19c5k] {
    background: linear-gradient(135deg, #14365C 0%, #0F2A47 100%);
    color: white;
    border-color: #14365C;
    box-shadow: 0 4px 12px rgba(20, 54, 92, 0.3);
}

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

/* ========== LOADING & EMPTY STATES ========== */

.loading-state[b-1brqx19c5k] {
    display: flex;
    flex-direction: column;
    align-items: center;
    justify-content: center;
    padding: 4rem 2rem;
    background: white;
    border-radius: 16px;
    box-shadow: 0 4px 20px rgba(0, 0, 0, 0.08);
}

.loading-state .spinner-border[b-1brqx19c5k] {
    width: 4rem;
    height: 4rem;
    border-width: 0.4rem;
    color: #14365C;
    margin-bottom: 1.5rem;
}

.loading-state p[b-1brqx19c5k] {
    font-size: 1.1rem;
    color: #64748b;
    font-weight: 500;
}

.empty-state[b-1brqx19c5k] {
    display: flex;
    flex-direction: column;
    align-items: center;
    justify-content: center;
    padding: 4rem 2rem;
    background: white;
    border-radius: 16px;
    box-shadow: 0 4px 20px rgba(0, 0, 0, 0.08);
    text-align: center;
}

.empty-icon[b-1brqx19c5k] {
    width: 120px;
    height: 120px;
    background: linear-gradient(135deg, #f1f5f9 0%, #e2e8f0 100%);
    border-radius: 50%;
    display: flex;
    align-items: center;
    justify-content: center;
    margin-bottom: 2rem;
    color: #94a3b8;
}

.empty-icon i[b-1brqx19c5k] {
    font-size: 4rem;
}

.empty-state h3[b-1brqx19c5k] {
    font-size: 1.5rem;
    font-weight: 700;
    color: #1e293b;
    margin: 0 0 0.75rem 0;
}

.empty-state p[b-1brqx19c5k] {
    font-size: 1rem;
    color: #64748b;
    margin: 0;
    line-height: 1.6;
}

/* ========== RESPONSIVE ========== */

@media (max-width: 1200px) {
    .historico-container[b-1brqx19c5k] {
        padding: 1.5rem;
    }
}

@media (max-width: 968px) {
    .historico-container[b-1brqx19c5k] {
        padding: 1rem;
    }

    .historico-header-card[b-1brqx19c5k] {
        flex-direction: column;
        align-items: flex-start;
        gap: 1rem;
    }

    .historico-header-card h1[b-1brqx19c5k] {
        font-size: 1.5rem;
    }

    .btn-voltar[b-1brqx19c5k] {
        width: 100%;
        justify-content: center;
    }

    .filtros-row[b-1brqx19c5k] {
        flex-direction: column;
        align-items: stretch;
    }

    .search-box[b-1brqx19c5k] {
        width: 100%;
    }

    .filtro-chips[b-1brqx19c5k] {
        width: 100%;
        justify-content: center;
    }
}

@media (max-width: 768px) {
    .historico-table[b-1brqx19c5k] {
        font-size: 0.85rem;
    }

    .historico-table thead th[b-1brqx19c5k] {
        padding: 1rem;
        font-size: 0.75rem;
    }

    .historico-table tbody td[b-1brqx19c5k] {
        padding: 1rem;
        font-size: 0.85rem;
    }

    .historico-table tbody tr:hover[b-1brqx19c5k] {
        transform: translateX(4px);
    }

    /* Hide some columns on mobile */
    .historico-table thead th:nth-child(3)[b-1brqx19c5k],
    .historico-table tbody td:nth-child(3)[b-1brqx19c5k],
    .historico-table thead th:nth-child(4)[b-1brqx19c5k],
    .historico-table tbody td:nth-child(4)[b-1brqx19c5k] {
        display: none;
    }

    .pagination-container[b-1brqx19c5k] {
        flex-direction: column;
        align-items: center;
        gap: 1rem;
        padding: 1rem;
    }

    .pagination-info[b-1brqx19c5k] {
        text-align: center;
    }
}

@media (max-width: 480px) {
    .historico-header-card h1[b-1brqx19c5k] {
        font-size: 1.25rem;
    }

    .chip[b-1brqx19c5k] {
        font-size: 0.8rem;
        padding: 0.5rem 1rem;
    }

    .page-btn[b-1brqx19c5k] {
        min-width: 36px;
        height: 36px;
        font-size: 0.8rem;
    }

    .empty-icon[b-1brqx19c5k] {
        width: 100px;
        height: 100px;
    }

    .empty-icon i[b-1brqx19c5k] {
        font-size: 3rem;
    }

    .empty-state h3[b-1brqx19c5k] {
        font-size: 1.25rem;
    }
}

/* ========================================
   WIZARD POR ETAPAS - NOVO DESIGN
   ======================================== */

/* Sub-step indicator (padrão do progress) */
.sub-step-indicator[b-1brqx19c5k] {
    background: rgba(255, 255, 255, 0.9);
    color: #14365C;
    padding: 0.25rem 0.75rem;
    border-radius: 20px;
    font-size: 0.75rem;
    font-weight: 600;
    position: absolute;
    bottom: -8px;
    white-space: nowrap;
}

/* Section Progress (mini-stepper horizontal) */
.section-progress[b-1brqx19c5k] {
    display: flex;
    justify-content: center;
    align-items: center;
    gap: 0.5rem;
    margin-bottom: 2rem;
    flex-wrap: wrap;
}

.section-dot[b-1brqx19c5k] {
    display: flex;
    flex-direction: column;
    align-items: center;
    gap: 0.25rem;
    cursor: default;
}

.section-dot > span:first-child[b-1brqx19c5k] {
    width: 36px;
    height: 36px;
    border-radius: 50%;
    background: #e2e8f0;
    color: #64748b;
    display: flex;
    align-items: center;
    justify-content: center;
    font-size: 0.875rem;
    font-weight: 600;
    transition: all 0.3s ease;
}

.section-dot.active > span:first-child[b-1brqx19c5k] {
    background: linear-gradient(135deg, #14365C 0%, #1e4a7a 100%);
    color: white;
    box-shadow: 0 4px 12px rgba(20, 54, 92, 0.3);
}

.section-dot-label[b-1brqx19c5k] {
    font-size: 0.7rem;
    color: #64748b;
    text-transform: uppercase;
    letter-spacing: 0.5px;
}

.section-dot.active .section-dot-label[b-1brqx19c5k] {
    color: #14365C;
    font-weight: 600;
}

/* Step Container (cada etapa individual) */
.step-container[b-1brqx19c5k] {
    background: white;
    border-radius: 16px;
    padding: 2rem;
    box-shadow: 0 4px 20px rgba(0, 0, 0, 0.08);
    animation: fadeIn-b-1brqx19c5k 0.3s ease-in;
}

.step-header[b-1brqx19c5k] {
    display: flex;
    align-items: center;
    gap: 1rem;
    margin-bottom: 2rem;
    padding-bottom: 1.5rem;
    border-bottom: 2px solid #f1f5f9;
}

.step-header-icon[b-1brqx19c5k] {
    width: 56px;
    height: 56px;
    background: linear-gradient(135deg, #14365C 0%, #1e4a7a 100%);
    border-radius: 14px;
    display: flex;
    align-items: center;
    justify-content: center;
    flex-shrink: 0;
}

.step-header-icon svg[b-1brqx19c5k] {
    width: 28px;
    height: 28px;
    fill: white;
}

.step-header h2[b-1brqx19c5k] {
    font-size: 1.5rem;
    font-weight: 700;
    color: #1e293b;
    margin: 0;
}

.step-header p[b-1brqx19c5k] {
    font-size: 0.95rem;
    color: #64748b;
    margin: 0.25rem 0 0 0;
}

.step-actions[b-1brqx19c5k] {
    display: flex;
    justify-content: space-between;
    align-items: center;
    margin-top: 2rem;
    padding-top: 1.5rem;
    border-top: 2px solid #f1f5f9;
    gap: 1rem;
}

.step-actions .btn[b-1brqx19c5k] {
    display: flex;
    align-items: center;
    gap: 0.5rem;
    padding: 0.75rem 1.5rem;
    font-weight: 600;
    border-radius: 10px;
    transition: all 0.3s ease;
}

.step-actions .btn-secondary[b-1brqx19c5k] {
    background: #f1f5f9;
    color: #475569;
    border: none;
}

.step-actions .btn-secondary:hover[b-1brqx19c5k] {
    background: #e2e8f0;
    transform: translateX(-3px);
}

.step-actions .btn-primary[b-1brqx19c5k] {
    background: linear-gradient(135deg, #14365C 0%, #1e4a7a 100%);
    color: white;
    border: none;
}

.step-actions .btn-primary:hover[b-1brqx19c5k] {
    transform: translateX(3px);
    box-shadow: 0 4px 15px rgba(20, 54, 92, 0.3);
}

/* Confirmation Step Container */
.confirmation-step-container[b-1brqx19c5k] {
    background: white;
    border-radius: 16px;
    padding: 2rem;
    box-shadow: 0 4px 20px rgba(0, 0, 0, 0.08);
    animation: fadeIn-b-1brqx19c5k 0.3s ease-in;
}

.confirmation-header[b-1brqx19c5k] {
    display: flex;
    align-items: center;
    gap: 1rem;
    margin-bottom: 2rem;
    text-align: center;
    flex-direction: column;
}

.confirmation-header-icon[b-1brqx19c5k] {
    width: 72px;
    height: 72px;
    background: linear-gradient(135deg, #22c55e 0%, #16a34a 100%);
    border-radius: 50%;
    display: flex;
    align-items: center;
    justify-content: center;
}

.confirmation-header-icon i[b-1brqx19c5k] {
    font-size: 2rem;
    color: white;
}

.confirmation-header h2[b-1brqx19c5k] {
    font-size: 1.75rem;
    font-weight: 700;
    color: #1e293b;
    margin: 0;
}

.confirmation-header p[b-1brqx19c5k] {
    font-size: 1rem;
    color: #64748b;
    margin: 0;
}

/* Summary Cards (grade de resumo) */
.summary-cards[b-1brqx19c5k] {
    display: grid;
    grid-template-columns: repeat(auto-fit, minmax(280px, 1fr));
    gap: 1rem;
    margin-bottom: 2rem;
}

.summary-card[b-1brqx19c5k] {
    background: #f8fafc;
    border-radius: 12px;
    padding: 1.25rem;
    position: relative;
    border: 1px solid #e2e8f0;
    transition: all 0.3s ease;
}

.summary-card:hover[b-1brqx19c5k] {
    border-color: #14365C;
    box-shadow: 0 4px 12px rgba(20, 54, 92, 0.1);
}

.summary-card-header[b-1brqx19c5k] {
    display: flex;
    justify-content: space-between;
    align-items: center;
    margin-bottom: 0.75rem;
}

.summary-card-header h4[b-1brqx19c5k] {
    font-size: 0.9rem;
    font-weight: 600;
    color: #64748b;
    margin: 0;
    display: flex;
    align-items: center;
    gap: 0.5rem;
}

.summary-card-header h4 i[b-1brqx19c5k] {
    color: #14365C;
}

.btn-edit-section[b-1brqx19c5k] {
    background: transparent;
    border: none;
    color: #3b82f6;
    font-size: 0.8rem;
    cursor: pointer;
    display: flex;
    align-items: center;
    gap: 0.25rem;
    padding: 0.25rem 0.5rem;
    border-radius: 6px;
    transition: all 0.2s ease;
}

.btn-edit-section:hover[b-1brqx19c5k] {
    background: #eff6ff;
    color: #2563eb;
}

.summary-card-body p[b-1brqx19c5k] {
    margin: 0.25rem 0;
    color: #334155;
}

.summary-name[b-1brqx19c5k] {
    font-size: 1rem;
    font-weight: 600;
    color: #1e293b !important;
}

.summary-doc[b-1brqx19c5k],
.summary-address[b-1brqx19c5k],
.summary-address-details[b-1brqx19c5k],
.summary-cep[b-1brqx19c5k],
.summary-date[b-1brqx19c5k],
.summary-location[b-1brqx19c5k],
.summary-renavam[b-1brqx19c5k],
.summary-year[b-1brqx19c5k],
.summary-crv-number[b-1brqx19c5k],
.summary-crv-security[b-1brqx19c5k],
.summary-crv-details[b-1brqx19c5k] {
    font-size: 0.875rem;
    color: #64748b !important;
}

.summary-value[b-1brqx19c5k],
.summary-plate[b-1brqx19c5k] {
    font-size: 1.25rem;
    font-weight: 700;
    color: #14365C !important;
}

.summary-attachment[b-1brqx19c5k] {
    display: flex;
    align-items: center;
    gap: 0.5rem;
    padding: 1rem;
    background: #fef3c7;
    border-radius: 10px;
    margin-bottom: 2rem;
    color: #92400e;
}

.summary-attachment i[b-1brqx19c5k] {
    font-size: 1.25rem;
}

.confirmation-actions[b-1brqx19c5k] {
    display: flex;
    justify-content: space-between;
    align-items: center;
    padding-top: 1.5rem;
    border-top: 2px solid #f1f5f9;
    gap: 1rem;
}

.confirmation-actions .btn-success[b-1brqx19c5k] {
    background: linear-gradient(135deg, #22c55e 0%, #16a34a 100%);
    color: white;
    border: none;
    padding: 1rem 2rem;
    font-size: 1.1rem;
}

.confirmation-actions .btn-success:hover[b-1brqx19c5k] {
    box-shadow: 0 6px 20px rgba(34, 197, 94, 0.4);
    transform: translateY(-2px);
}

.confirmation-actions .btn-success i[b-1brqx19c5k] {
    font-size: 1.25rem;
}

/* Responsive para wizard */
@media (max-width: 768px) {
    .section-progress[b-1brqx19c5k] {
        gap: 0.25rem;
    }

    .section-dot > span:first-child[b-1brqx19c5k] {
        width: 28px;
        height: 28px;
        font-size: 0.75rem;
    }

    .section-dot-label[b-1brqx19c5k] {
        font-size: 0.6rem;
    }

    .step-container[b-1brqx19c5k],
    .confirmation-step-container[b-1brqx19c5k] {
        padding: 1.5rem;
    }

    .step-header[b-1brqx19c5k] {
        flex-direction: column;
        text-align: center;
    }

    .step-actions[b-1brqx19c5k],
    .confirmation-actions[b-1brqx19c5k] {
        flex-direction: column;
    }

    .step-actions .btn[b-1brqx19c5k],
    .confirmation-actions .btn[b-1brqx19c5k] {
        width: 100%;
        justify-content: center;
    }

    .summary-cards[b-1brqx19c5k] {
        grid-template-columns: 1fr;
    }
}
/* _content/VeiculoSeguroBlazor/Components/Pages/ConsultaCredito.razor.rz.scp.css */
/* Aviso discreto e centralizado */
.alert[b-2oedoueivn] {
    max-width: 600px;
    margin: 2rem auto;
    padding: 1.25rem;
    border-radius: 12px;
    display: flex;
    align-items: flex-start;
    gap: 12px;
    animation: slideDown-b-2oedoueivn 0.3s ease;
}

.alert-warning[b-2oedoueivn] {
    background: #fef3c7;
    border: 1px solid #fcd34d;
    color: #92400e;
}

.alert-info[b-2oedoueivn] {
    background: #dbeafe;
    border: 1px solid #93c5fd;
    color: #1e40af;
}

.alert-icon[b-2oedoueivn] {
    width: 24px;
    height: 24px;
    flex-shrink: 0;
    fill: currentColor;
}

.alert-content[b-2oedoueivn] {
    flex: 1;
}

.alert-content strong[b-2oedoueivn] {
    display: block;
    margin-bottom: 0.25rem;
    font-weight: 600;
    font-size: 14px;
}

.alert-content span[b-2oedoueivn] {
    font-size: 13px;
    line-height: 1.5;
}

@keyframes slideDown-b-2oedoueivn {
    from {
        opacity: 0;
        transform: translateY(-20px);
    }
    to {
        opacity: 1;
        transform: translateY(0);
    }
}
/* _content/VeiculoSeguroBlazor/Components/Pages/ConsultaDocumento.razor.rz.scp.css */
/* Oxford Blue Variables */
:root[b-lc8gh77518] {
    --oxford-blue-primary: #14365C;
    --oxford-blue-dark: #0F2A47;
    --oxford-blue-darker: #111827;
    --oxford-blue-light: #1e2b4a;
    --oxford-accent: #00d4ff;
    --oxford-background: #f5f7fa;
    --oxford-surface: #ffffff;
    --oxford-text: #1e293b;
    --oxford-text-secondary: #64748b;
    --oxford-border: #e2e8f0;
    --oxford-success: #10b981;
    --oxford-error: #ef4444;

    /* Shadows */
    --shadow-card: 0 4px 20px rgba(0, 0, 0, 0.08);
    --shadow-card-hover: 0 8px 30px rgba(0, 0, 0, 0.12);
    --transition: all 0.3s ease;
    --border-radius: 8px;
}

/* Main Layout */
.consulta-layout[b-lc8gh77518] {
    display: flex;
    gap: 24px;
    max-width: 1400px;
    margin: 0 auto;
    min-height: calc(100vh - 120px);
}

/* Alert Messages */
.alert[b-lc8gh77518] {
    position: fixed;
    top: 80px;
    right: 24px;
    max-width: 400px;
    padding: 16px 20px;
    border-radius: var(--border-radius);
    box-shadow: var(--shadow-card);
    display: flex;
    align-items: flex-start;
    gap: 12px;
    z-index: 1000;
    animation: slideInRight-b-lc8gh77518 0.3s ease-out;
    backdrop-filter: blur(8px);
}

.alert-error[b-lc8gh77518] {
    background-color: rgba(239, 68, 68, 0.95);
    color: white;
    border-left: 4px solid #dc2626;
}

.alert-success[b-lc8gh77518] {
    background-color: rgba(16, 185, 129, 0.95);
    color: white;
    border-left: 4px solid #059669;
}

.alert-icon[b-lc8gh77518] {
    width: 20px;
    height: 20px;
    fill: currentColor;
    flex-shrink: 0;
    margin-top: 2px;
}

.alert-content[b-lc8gh77518] {
    flex: 1;
    display: flex;
    flex-direction: column;
    gap: 4px;
}

.alert-content strong[b-lc8gh77518] {
    font-weight: 600;
    font-size: 14px;
}

.alert-content span[b-lc8gh77518] {
    font-size: 13px;
    opacity: 0.9;
    line-height: 1.4;
}

.alert-close[b-lc8gh77518] {
    background: transparent;
    border: none;
    color: currentColor;
    cursor: pointer;
    padding: 4px;
    border-radius: 4px;
    transition: var(--transition);
    flex-shrink: 0;
}

.alert-close:hover[b-lc8gh77518] {
    background-color: rgba(255, 255, 255, 0.2);
}

.alert-close svg[b-lc8gh77518] {
    width: 16px;
    height: 16px;
    fill: currentColor;
}

@keyframes slideInRight-b-lc8gh77518 {
    from {
        transform: translateX(100%);
        opacity: 0;
    }
    to {
        transform: translateX(0);
        opacity: 1;
    }
}

/* Results Container */
.results-container[b-lc8gh77518] {
    margin-top: 24px;
    background-color: var(--oxford-surface);
    border-radius: var(--border-radius);
    box-shadow: var(--shadow-card);
    overflow: hidden;
    transition: box-shadow 0.3s ease;
}

.results-container:hover[b-lc8gh77518] {
    box-shadow: var(--shadow-card-hover);
}

.results-header[b-lc8gh77518] {
    padding: 20px 24px;
    background: linear-gradient(135deg, #0F2A47 0%, #14365C 100%);
    display: flex;
    justify-content: space-between;
    align-items: center;
    border-bottom: 1px solid rgba(255, 255, 255, 0.1);
}

.results-header h3[b-lc8gh77518] {
    display: flex;
    align-items: center;
    font-size: 18px;
    font-weight: 600;
    margin: 0;
}

.results-icon[b-lc8gh77518] {
    width: 20px;
    height: 20px;
    fill: currentColor;
    margin-right: 8px;
}

.results-actions[b-lc8gh77518] {
    display: flex;
    gap: 8px;
}

.btn-secondary[b-lc8gh77518] {
    display: flex;
    align-items: center;
    gap: 6px;
    padding: 8px 16px;
    background-color: rgba(255, 255, 255, 0.1);
    color: white;
    border: 1px solid rgba(255, 255, 255, 0.2);
    border-radius: 6px;
    font-size: 13px;
    font-weight: 500;
    cursor: pointer;
    transition: var(--transition);
}

.btn-secondary:hover[b-lc8gh77518] {
    background-color: rgba(255, 255, 255, 0.2);
    border-color: rgba(255, 255, 255, 0.3);
}

.btn-secondary svg[b-lc8gh77518] {
    width: 14px;
    height: 14px;
    fill: currentColor;
}

/* Header Profissional com informações da consulta */
.consulta-header-profissional[b-lc8gh77518] {
    display: flex;
    align-items: stretch;
    background: linear-gradient(135deg, #14365C 0%, #1e4a7a 100%);
    border-radius: 0 0 12px 12px;
    overflow: hidden;
    box-shadow: 0 4px 12px rgba(20, 54, 92, 0.15);
    margin-bottom: 24px;
}

.header-brand[b-lc8gh77518] {
    display: flex;
    align-items: center;
    gap: 16px;
    padding: 24px 32px;
    background: rgba(0, 0, 0, 0.1);
    border-right: 1px solid rgba(255, 255, 255, 0.1);
    min-width: 240px;
}

.header-logo[b-lc8gh77518] {
    width: 48px;
    height: 48px;
    flex-shrink: 0;
}

.header-brand-text[b-lc8gh77518] {
    display: flex;
    flex-direction: column;
    gap: 2px;
}

.brand-name[b-lc8gh77518] {
    font-size: 18px;
    font-weight: 700;
    color: #ffffff;
    letter-spacing: 0.5px;
}

.brand-subtitle[b-lc8gh77518] {
    font-size: 12px;
    color: rgba(255, 255, 255, 0.7);
    font-weight: 400;
}

.header-info-grid[b-lc8gh77518] {
    flex: 1;
    display: flex;
    flex-direction: column;
    justify-content: center;
    padding: 16px 32px;
    gap: 8px;
}

.info-row[b-lc8gh77518] {
    display: flex;
    gap: 32px;
}

.info-block[b-lc8gh77518] {
    flex: 1;
    min-width: 0;
}

.info-block.full-width[b-lc8gh77518] {
    flex: 2;
}

.info-label[b-lc8gh77518] {
    display: block;
    font-size: 11px;
    font-weight: 500;
    color: rgba(255, 255, 255, 0.6);
    text-transform: uppercase;
    letter-spacing: 0.5px;
    margin-bottom: 2px;
}

.info-value[b-lc8gh77518] {
    display: block;
    font-size: 14px;
    font-weight: 500;
    color: #ffffff;
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis;
}

.info-value.highlight[b-lc8gh77518] {
    font-weight: 700;
    color: #00d4ff;
    font-size: 15px;
}

/* Responsivo para header profissional */
@media (max-width: 768px) {
    .consulta-header-profissional[b-lc8gh77518] {
        flex-direction: column;
    }

    .header-brand[b-lc8gh77518] {
        border-right: none;
        border-bottom: 1px solid rgba(255, 255, 255, 0.1);
        justify-content: center;
        padding: 16px 24px;
        min-width: unset;
    }

    .header-info-grid[b-lc8gh77518] {
        padding: 16px 24px;
    }

    .info-row[b-lc8gh77518] {
        flex-direction: column;
        gap: 12px;
    }

    .info-block.full-width[b-lc8gh77518] {
        flex: 1;
    }
}

.results-content[b-lc8gh77518] {
    padding: 0;
}

/* Result Items */
.result-item[b-lc8gh77518] {
    border-bottom: 1px solid var(--oxford-border);
}

.result-item:last-child[b-lc8gh77518] {
    border-bottom: none;
}

.result-header[b-lc8gh77518] {
    padding: 16px 24px;
    background-color: rgba(245, 247, 250, 0.5);
    display: flex;
    justify-content: space-between;
    align-items: center;
    border-bottom: 1px solid var(--oxford-border);
}

.result-header h4[b-lc8gh77518] {
    display: flex;
    align-items: center;
    font-size: 16px;
    font-weight: 600;
    margin: 0;
    color: var(--oxford-blue-primary);
}

.result-icon[b-lc8gh77518] {
    width: 18px;
    height: 18px;
    fill: var(--oxford-accent);
    margin-right: 8px;
}

.result-status[b-lc8gh77518] {
    display: flex;
    align-items: center;
    gap: 6px;
    font-size: 12px;
    font-weight: 500;
    color: var(--oxford-success);
    background-color: rgba(16, 185, 129, 0.1);
    padding: 4px 8px;
    border-radius: 12px;
}

.result-status svg[b-lc8gh77518] {
    width: 12px;
    height: 12px;
    fill: currentColor;
}

.result-content[b-lc8gh77518] {
    padding: 24px;
}

.json-result[b-lc8gh77518] {
    background-color: var(--oxford-background);
    border: 1px solid var(--oxford-border);
    border-radius: 6px;
    padding: 16px;
    font-family: 'Courier New', monospace;
    font-size: 12px;
    line-height: 1.4;
    color: var(--oxford-text);
    overflow-x: auto;
    white-space: pre-wrap;
    word-break: break-all;
}

/* Responsive Design */
@media (max-width: 991px) {
    .consulta-layout[b-lc8gh77518] {
        flex-direction: column;
        gap: 20px;
        padding: 0 16px;
    }

    .alert[b-lc8gh77518] {
        position: relative;
        top: auto;
        right: auto;
        max-width: none;
        margin-bottom: 20px;
        animation: none;
    }

    .results-container[b-lc8gh77518] {
        margin-top: 20px;
    }

    .results-header[b-lc8gh77518] {
        padding: 16px 20px;
        flex-direction: column;
        gap: 12px;
        align-items: stretch;
    }

    .results-actions[b-lc8gh77518] {
        justify-content: center;
    }

    .result-header[b-lc8gh77518] {
        padding: 12px 20px;
        flex-direction: column;
        gap: 8px;
        align-items: stretch;
        text-align: center;
    }

    .result-content[b-lc8gh77518] {
        padding: 20px;
    }
}

@media (max-width: 576px) {
    .consulta-layout[b-lc8gh77518] {
        padding: 0 12px;
        gap: 16px;
    }

    .alert[b-lc8gh77518] {
        padding: 12px 16px;
        border-radius: 6px;
    }

    .alert-content strong[b-lc8gh77518] {
        font-size: 13px;
    }

    .alert-content span[b-lc8gh77518] {
        font-size: 12px;
    }

    .results-header[b-lc8gh77518] {
        padding: 12px 16px;
    }

    .results-header h3[b-lc8gh77518] {
        font-size: 16px;
    }

    .btn-secondary[b-lc8gh77518] {
        padding: 6px 12px;
        font-size: 12px;
    }

    .result-header[b-lc8gh77518] {
        padding: 12px 16px;
    }

    .result-header h4[b-lc8gh77518] {
        font-size: 14px;
    }

    .result-content[b-lc8gh77518] {
        padding: 16px;
    }

    .json-result[b-lc8gh77518] {
        padding: 12px;
        font-size: 11px;
    }
}

/* Loading States */
@keyframes pulse-b-lc8gh77518 {
    0%, 100% {
        opacity: 1;
    }
    50% {
        opacity: 0.5;
    }
}

.loading[b-lc8gh77518] {
    animation: pulse-b-lc8gh77518 2s cubic-bezier(0.4, 0, 0.6, 1) infinite;
}

/* Focus States for Accessibility */
.alert-close:focus[b-lc8gh77518],
.btn-secondary:focus[b-lc8gh77518] {
    outline: 2px solid var(--oxford-accent);
    outline-offset: 2px;
}




/* Aviso discreto no topo */
.discrete-warning[b-lc8gh77518] {
    position: relative;
    top: auto;
    right: auto;
    max-width: none;
    margin-bottom: 20px;
    padding: 12px 16px;
    font-size: 0.9rem;
    background-color: #fef3c7;
    border: 1px solid #fcd34d;
    color: #92400e;
    animation: slideDown-b-lc8gh77518 0.3s ease;
}

.discrete-warning .alert-icon[b-lc8gh77518] {
    width: 20px;
    height: 20px;
}

.discrete-warning .alert-content strong[b-lc8gh77518] {
    font-size: 13px;
}

.discrete-warning .alert-content span[b-lc8gh77518] {
    font-size: 12px;
}

@keyframes slideDown-b-lc8gh77518 {
    from {
        opacity: 0;
        transform: translateY(-10px);
    }
    to {
        opacity: 1;
        transform: translateY(0);
    }
}

/* Reduced Motion Support */
@media (prefers-reduced-motion: reduce) {
    .alert[b-lc8gh77518],
    .results-container[b-lc8gh77518],
    .btn-secondary[b-lc8gh77518],
    .alert-close[b-lc8gh77518] {
        transition: none;
        animation: none;
    }
}
/* _content/VeiculoSeguroBlazor/Components/Pages/ConsultaVeiculoNova.razor.rz.scp.css */
/* Oxford Blue Variables */
:root[b-i8jdidj3jf] {
    --oxford-blue-primary: #14365C;
    --oxford-blue-dark: #0F2A47;
    --oxford-blue-darker: #111827;
    --oxford-blue-light: #1e2b4a;
    --oxford-accent: #00d4ff;
    --oxford-background: #f5f7fa;
    --oxford-surface: #ffffff;
    --oxford-text: #1e293b;
    --oxford-text-secondary: #64748b;
    --oxford-border: #e2e8f0;
    --oxford-success: #10b981;
    --oxford-error: #ef4444;
    
    /* Shadows */
    --shadow-card: 0 4px 20px rgba(0, 0, 0, 0.08);
    --shadow-card-hover: 0 8px 30px rgba(0, 0, 0, 0.12);
    --transition: all 0.3s ease;
    --border-radius: 8px;
}

/* Main Layout */
.consulta-layout[b-i8jdidj3jf] {
    display: flex;
    gap: 24px;
    max-width: 1400px;
    margin: 0 auto;
    min-height: calc(100vh - 120px);
}

/* Alert Messages */
.alert[b-i8jdidj3jf] {
    position: fixed;
    top: 80px;
    right: 24px;
    max-width: 400px;
    padding: 16px 20px;
    border-radius: var(--border-radius);
    box-shadow: var(--shadow-card);
    display: flex;
    align-items: flex-start;
    gap: 12px;
    z-index: 1000;
    animation: slideInRight-b-i8jdidj3jf 0.3s ease-out;
    backdrop-filter: blur(8px);
}

.alert-error[b-i8jdidj3jf] {
    background-color: rgba(239, 68, 68, 0.95);
    color: white;
    border-left: 4px solid #dc2626;
}

.alert-success[b-i8jdidj3jf] {
    background-color: rgba(16, 185, 129, 0.95);
    color: white;
    border-left: 4px solid #059669;
}

.alert-icon[b-i8jdidj3jf] {
    width: 20px;
    height: 20px;
    fill: currentColor;
    flex-shrink: 0;
    margin-top: 2px;
}

.alert-content[b-i8jdidj3jf] {
    flex: 1;
    display: flex;
    flex-direction: column;
    gap: 4px;
}

.alert-content strong[b-i8jdidj3jf] {
    font-weight: 600;
    font-size: 14px;
}

.alert-content span[b-i8jdidj3jf] {
    font-size: 13px;
    opacity: 0.9;
    line-height: 1.4;
}

.alert-close[b-i8jdidj3jf] {
    background: transparent;
    border: none;
    color: currentColor;
    cursor: pointer;
    padding: 4px;
    border-radius: 4px;
    transition: var(--transition);
    flex-shrink: 0;
}

.alert-close:hover[b-i8jdidj3jf] {
    background-color: rgba(255, 255, 255, 0.2);
}

.alert-close svg[b-i8jdidj3jf] {
    width: 16px;
    height: 16px;
    fill: currentColor;
}

@keyframes slideInRight-b-i8jdidj3jf {
    from {
        transform: translateX(100%);
        opacity: 0;
    }
    to {
        transform: translateX(0);
        opacity: 1;
    }
}

/* Results Container */
.results-container[b-i8jdidj3jf] {
    margin-top: 24px;
    background-color: var(--oxford-surface);
    border-radius: var(--border-radius);
    box-shadow: var(--shadow-card);
    overflow: hidden;
    transition: box-shadow 0.3s ease;
}

.results-container:hover[b-i8jdidj3jf] {
    box-shadow: var(--shadow-card-hover);
}

.results-header[b-i8jdidj3jf] {
    padding: 20px 24px;
    background: linear-gradient(135deg, #0F2A47 0%, #14365C 100%);
    display: flex;
    justify-content: space-between;
    align-items: center;
    border-bottom: 1px solid rgba(255, 255, 255, 0.1);
}

.results-header h3[b-i8jdidj3jf] {
    display: flex;
    align-items: center;
    font-size: 18px;
    font-weight: 600;
    margin: 0;
    color: #ffffff;
}

.results-icon[b-i8jdidj3jf] {
    width: 20px;
    height: 20px;
    fill: currentColor;
    margin-right: 8px;
}

.results-actions[b-i8jdidj3jf] {
    display: flex;
    gap: 8px;
    flex-wrap: wrap;
    row-gap: 8px;
}

.btn-secondary[b-i8jdidj3jf] {
    display: flex;
    align-items: center;
    gap: 6px;
    padding: 8px 16px;
    background-color: rgba(255, 255, 255, 0.1);
    color: white;
    border: 1px solid rgba(255, 255, 255, 0.2);
    border-radius: 6px;
    font-size: 13px;
    font-weight: 500;
    cursor: pointer;
    transition: var(--transition);
}

.btn-secondary:hover[b-i8jdidj3jf] {
    background-color: rgba(255, 255, 255, 0.2);
    border-color: rgba(255, 255, 255, 0.3);
}

.btn-secondary svg[b-i8jdidj3jf] {
    width: 14px;
    height: 14px;
    fill: currentColor;
}

/* Header Profissional com informações da consulta */
.consulta-header-profissional[b-i8jdidj3jf] {
    display: flex;
    align-items: stretch;
    background: linear-gradient(135deg, #14365C 0%, #1e4a7a 100%);
    border-radius: 0 0 12px 12px;
    overflow: hidden;
    box-shadow: 0 4px 12px rgba(20, 54, 92, 0.15);
    margin-bottom: 24px;
}

.header-brand[b-i8jdidj3jf] {
    display: flex;
    align-items: center;
    gap: 16px;
    padding: 24px 32px;
    background: rgba(0, 0, 0, 0.1);
    border-right: 1px solid rgba(255, 255, 255, 0.1);
    min-width: 240px;
}

.header-logo[b-i8jdidj3jf] {
    width: 48px;
    height: 48px;
    flex-shrink: 0;
}

.header-brand-text[b-i8jdidj3jf] {
    display: flex;
    flex-direction: column;
    gap: 2px;
}

.brand-name[b-i8jdidj3jf] {
    font-size: 18px;
    font-weight: 700;
    color: #ffffff;
    letter-spacing: 0.5px;
}

.brand-subtitle[b-i8jdidj3jf] {
    font-size: 12px;
    color: rgba(255, 255, 255, 0.7);
    font-weight: 400;
}

.header-info-grid[b-i8jdidj3jf] {
    flex: 1;
    display: flex;
    flex-direction: column;
    justify-content: center;
    padding: 16px 32px;
    gap: 8px;
}

.info-row[b-i8jdidj3jf] {
    display: flex;
    gap: 32px;
}

.info-block[b-i8jdidj3jf] {
    flex: 1;
    min-width: 0;
}

.info-block.full-width[b-i8jdidj3jf] {
    flex: 2;
}

.info-label[b-i8jdidj3jf] {
    display: block;
    font-size: 11px;
    font-weight: 500;
    color: rgba(255, 255, 255, 0.6);
    text-transform: uppercase;
    letter-spacing: 0.5px;
    margin-bottom: 2px;
}

.info-value[b-i8jdidj3jf] {
    display: block;
    font-size: 14px;
    font-weight: 500;
    color: #ffffff;
    white-space: normal;
    overflow-wrap: break-word;
    word-break: break-word;
}

.info-value.highlight[b-i8jdidj3jf] {
    font-weight: 700;
    color: #00d4ff;
    font-size: 15px;
}

/* Responsivo para header profissional */
@media (max-width: 768px) {
    .consulta-header-profissional[b-i8jdidj3jf] {
        flex-direction: column;
    }

    .header-brand[b-i8jdidj3jf] {
        border-right: none;
        border-bottom: 1px solid rgba(255, 255, 255, 0.1);
        justify-content: center;
        padding: 16px 24px;
        min-width: unset;
    }

    .header-info-grid[b-i8jdidj3jf] {
        padding: 16px 24px;
    }

    .info-row[b-i8jdidj3jf] {
        flex-direction: column;
        gap: 12px;
    }

    .info-block.full-width[b-i8jdidj3jf] {
        flex: 1;
    }
}

/* Compactar e centralizar resultados */
.results-container[b-i8jdidj3jf] {
    max-width: 1200px;
    margin: 0 auto 24px auto;
}

.results-header h3[b-i8jdidj3jf] {
    font-size: 1.25rem;
    font-weight: 600;
}

.results-content[b-i8jdidj3jf] {
    padding: 0 32px;
}

/* Result Items */
.result-item[b-i8jdidj3jf] {
    border-bottom: 1px solid var(--oxford-border);
    animation: fadeInUp-b-i8jdidj3jf 0.3s ease-out;
    animation-fill-mode: both;
    contain: layout style;
    will-change: opacity, transform;
}

.result-item:last-child[b-i8jdidj3jf] {
    border-bottom: none;
}

/* Delay escalonado para cada resultado */
.result-item:nth-child(1)[b-i8jdidj3jf] { animation-delay: 0s; }
.result-item:nth-child(2)[b-i8jdidj3jf] { animation-delay: 0.1s; }
.result-item:nth-child(3)[b-i8jdidj3jf] { animation-delay: 0.2s; }
.result-item:nth-child(4)[b-i8jdidj3jf] { animation-delay: 0.3s; }
.result-item:nth-child(5)[b-i8jdidj3jf] { animation-delay: 0.4s; }
.result-item:nth-child(6)[b-i8jdidj3jf] { animation-delay: 0.5s; }
.result-item:nth-child(7)[b-i8jdidj3jf] { animation-delay: 0.6s; }
.result-item:nth-child(8)[b-i8jdidj3jf] { animation-delay: 0.7s; }

.result-header[b-i8jdidj3jf] {
    padding: 12px 24px;
    background-color: rgba(20, 54, 92, 0.03);
    text-align: center;
    justify-content: center;
    border-radius: 8px;
    border: 1px solid rgba(20, 54, 92, 0.1);
    margin-bottom: 16px;
}

.result-header h4[b-i8jdidj3jf] {
    display: flex;
    justify-content: center;
    align-items: center;
    font-size: 18px;
    font-weight: 700;
    margin: 0;
    color: var(--oxford-blue-primary);
}

.result-icon[b-i8jdidj3jf] {
    width: 18px;
    height: 18px;
    fill: var(--oxford-accent);
    margin-right: 8px;
}

.result-status[b-i8jdidj3jf] {
    display: none;
}

.result-status svg[b-i8jdidj3jf] {
    width: 12px;
    height: 12px;
    fill: currentColor;
}

.result-content[b-i8jdidj3jf] {
    padding: 20px;
}

.json-result[b-i8jdidj3jf] {
    background-color: var(--oxford-background);
    border: 1px solid var(--oxford-border);
    border-radius: 6px;
    padding: 16px;
    font-family: 'Courier New', monospace;
    font-size: 12px;
    line-height: 1.4;
    color: var(--oxford-text);
    overflow-x: auto;
    white-space: pre-wrap;
    word-break: break-all;
}

/* Responsive Design */
@media (max-width: 991px) {
    .consulta-layout[b-i8jdidj3jf] {
        flex-direction: column;
        gap: 20px;
        padding: 0 16px;
    }
    
    .alert[b-i8jdidj3jf] {
        position: relative;
        top: auto;
        right: auto;
        max-width: none;
        margin-bottom: 20px;
        animation: none;
    }
    
    .results-container[b-i8jdidj3jf] {
        margin-top: 20px;
    }
    
    .results-header[b-i8jdidj3jf] {
        padding: 16px 20px;
        flex-direction: column;
        gap: 12px;
        align-items: stretch;
    }
    
    .results-actions[b-i8jdidj3jf] {
        justify-content: center;
        flex-wrap: wrap;
        row-gap: 8px;
    }
    
    .results-content[b-i8jdidj3jf] {
        padding: 0 24px;
    }

    .result-header[b-i8jdidj3jf] {
        padding: 12px 20px;
    }

    .result-content[b-i8jdidj3jf] {
        padding: 20px;
    }
}

@media (max-width: 576px) {
    .consulta-layout[b-i8jdidj3jf] {
        padding: 0 12px;
        gap: 16px;
    }
    
    .alert[b-i8jdidj3jf] {
        padding: 12px 16px;
        border-radius: 6px;
    }
    
    .alert-content strong[b-i8jdidj3jf] {
        font-size: 13px;
    }
    
    .alert-content span[b-i8jdidj3jf] {
        font-size: 12px;
    }
    
    .results-header[b-i8jdidj3jf] {
        padding: 12px 16px;
    }
    
    .results-header h3[b-i8jdidj3jf] {
        font-size: 16px;
    }
    
    .btn-secondary[b-i8jdidj3jf] {
        padding: 8px 14px;
        font-size: 11px;
        min-width: 85px;
        justify-content: center;
    }

    .results-actions[b-i8jdidj3jf] {
        gap: 6px;
        row-gap: 6px;
    }
    
    .results-content[b-i8jdidj3jf] {
        padding: 0 16px;
    }

    .result-header[b-i8jdidj3jf] {
        padding: 10px 16px;
    }

    .result-header h4[b-i8jdidj3jf] {
        font-size: 16px;
    }

    .result-content[b-i8jdidj3jf] {
        padding: 16px;
    }
    
    .json-result[b-i8jdidj3jf] {
        padding: 12px;
        font-size: 11px;
    }
}

/* Telas muito pequenas (< 400px) - Botões em coluna */
@media (max-width: 400px) {
    .results-actions[b-i8jdidj3jf] {
        flex-direction: column;
        align-items: stretch;
        gap: 8px;
    }

    .btn-secondary[b-i8jdidj3jf] {
        width: 100%;
        padding: 10px 14px;
        justify-content: center;
    }

    .results-header h3[b-i8jdidj3jf] {
        font-size: 15px;
    }

    .info-value[b-i8jdidj3jf] {
        font-size: 13px;
    }
}

/* Loading States */
@keyframes pulse-b-i8jdidj3jf {
    0%, 100% {
        opacity: 1;
    }
    50% {
        opacity: 0.5;
    }
}

.loading[b-i8jdidj3jf] {
    animation: pulse-b-i8jdidj3jf 2s cubic-bezier(0.4, 0, 0.6, 1) infinite;
}

/* Focus States for Accessibility */
.alert-close:focus[b-i8jdidj3jf],
.btn-secondary:focus[b-i8jdidj3jf] {
    outline: 2px solid var(--oxford-accent);
    outline-offset: 2px;
}

/* =============================================
   INDICADOR DE PROGRESSO PROGRESSIVO (OTIMIZADO)
   ============================================= */

.consultation-progress[b-i8jdidj3jf] {
    position: sticky;
    top: 80px;
    background: linear-gradient(135deg, #14365C, #1e2b4a);
    color: white;
    padding: 24px 32px;
    border-radius: 16px;
    margin: 0 auto 24px auto;
    max-width: 1200px;
    box-shadow: 0 8px 24px rgba(0, 0, 0, 0.15);
    z-index: 999;
    animation: slideInDown-b-i8jdidj3jf 0.4s ease-out;
    border: 1px solid rgba(255, 255, 255, 0.1);
    contain: layout style paint;
    will-change: transform, opacity;
}

/* Glow effect otimizado (GPU-accelerated) */
.consultation-progress[b-i8jdidj3jf]::before {
    content: '';
    position: absolute;
    inset: -3px;
    background: radial-gradient(circle at 50% 0%, rgba(0, 212, 255, 0.15), transparent 70%);
    border-radius: 16px;
    opacity: 0;
    animation: pulse-glow-optimized-b-i8jdidj3jf 2s ease-in-out infinite;
    pointer-events: none;
    z-index: -1;
}

.progress-header[b-i8jdidj3jf] {
    display: grid;
    grid-template-columns: 60px 1fr 80px;
    align-items: center;
    gap: 24px;
    margin-bottom: 20px;
}

/* Spinner Customizado */
.progress-spinner[b-i8jdidj3jf] {
    position: relative;
    width: 48px;
    height: 48px;
}

.spinner-ring[b-i8jdidj3jf] {
    position: absolute;
    inset: 0;
    border: 3px solid transparent;
    border-top-color: #00d4ff;
    border-right-color: #00d4ff;
    border-radius: 50%;
    animation: spinner-rotate-b-i8jdidj3jf 1.2s cubic-bezier(0.5, 0, 0.5, 1) infinite;
}

.spinner-ring-inner[b-i8jdidj3jf] {
    position: absolute;
    inset: 8px;
    border: 3px solid transparent;
    border-bottom-color: #00ffaa;
    border-left-color: #00ffaa;
    border-radius: 50%;
    animation: spinner-rotate-b-i8jdidj3jf 1.5s cubic-bezier(0.5, 0, 0.5, 1) infinite reverse;
}

/* Informações Centralizadas */
.progress-info[b-i8jdidj3jf] {
    text-align: center;
}

.progress-title[b-i8jdidj3jf] {
    font-size: 1.25rem;
    font-weight: 700;
    color: #FFFFFF;
    margin: 0 0 8px 0;
    letter-spacing: 0.5px;
}

.progress-counter[b-i8jdidj3jf] {
    font-size: 1rem;
    color: rgba(255, 255, 255, 0.95);
    margin: 0;
    font-weight: 500;
}

.progress-current[b-i8jdidj3jf] {
    font-size: 1.5rem;
    font-weight: 700;
    color: #00d4ff;
}

.progress-separator[b-i8jdidj3jf] {
    font-size: 1.2rem;
    color: rgba(255, 255, 255, 0.6);
    margin: 0 6px;
}

.progress-total[b-i8jdidj3jf] {
    font-size: 1.5rem;
    font-weight: 700;
    color: rgba(255, 255, 255, 0.9);
}

.progress-label[b-i8jdidj3jf] {
    font-size: 0.9rem;
    color: rgba(255, 255, 255, 0.8);
    margin-left: 8px;
}

/* Logo */
.progress-logo[b-i8jdidj3jf] {
    display: flex;
    align-items: center;
    justify-content: flex-end;
}

.progress-logo img[b-i8jdidj3jf] {
    width: 64px;
    height: 64px;
    object-fit: contain;
    filter: brightness(1.1);
}

/* Barra de Progresso */
.progress-bar-container[b-i8jdidj3jf] {
    width: 100%;
    height: 8px;
    background: rgba(255, 255, 255, 0.15);
    border-radius: 4px;
    overflow: hidden;
    position: relative;
}

.progress-bar-fill[b-i8jdidj3jf] {
    height: 100%;
    background: linear-gradient(90deg, #00d4ff 0%, #00ffaa 100%);
    border-radius: 4px;
    transition: width 0.5s cubic-bezier(0.4, 0, 0.2, 1);
    position: relative;
    display: flex;
    align-items: center;
    justify-content: flex-end;
    will-change: width;
}

.progress-percentage[b-i8jdidj3jf] {
    font-size: 0.75rem;
    font-weight: 700;
    color: white;
    padding-right: 8px;
    text-shadow: 0 1px 3px rgba(0, 0, 0, 0.5);
}

@keyframes slideInDown-b-i8jdidj3jf {
    from {
        opacity: 0;
        transform: translateY(-20px);
    }
    to {
        opacity: 1;
        transform: translateY(0);
    }
}

/* Animação otimizada usando transform+opacity (GPU) */
@keyframes pulse-glow-optimized-b-i8jdidj3jf {
    0%, 100% {
        opacity: 0;
        transform: scale(1);
    }
    50% {
        opacity: 1;
        transform: scale(1.02);
    }
}

/* Animação do spinner */
@keyframes spinner-rotate-b-i8jdidj3jf {
    0% {
        transform: rotate(0deg);
    }
    100% {
        transform: rotate(360deg);
    }
}

@keyframes fadeInUp-b-i8jdidj3jf {
    from {
        opacity: 0;
        transform: translateY(20px);
    }
    to {
        opacity: 1;
        transform: translateY(0);
    }
}

/* Responsivo para mobile */
@media (max-width: 768px) {
    .consultation-progress[b-i8jdidj3jf] {
        top: 60px;
        padding: 20px 16px;
        margin: 0 16px 20px 16px;
    }

    .progress-header[b-i8jdidj3jf] {
        grid-template-columns: 1fr;
        gap: 16px;
        text-align: center;
    }

    .progress-spinner[b-i8jdidj3jf] {
        margin: 0 auto;
    }

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

    .progress-logo img[b-i8jdidj3jf] {
        width: 48px;
        height: 48px;
    }

    .progress-title[b-i8jdidj3jf] {
        font-size: 1.1rem;
    }

    .progress-current[b-i8jdidj3jf],
    .progress-total[b-i8jdidj3jf] {
        font-size: 1.3rem;
    }

    .progress-label[b-i8jdidj3jf] {
        font-size: 0.85rem;
    }
}

/* Aviso discreto no topo */
.discrete-warning[b-i8jdidj3jf] {
    position: relative;
    top: auto;
    right: auto;
    max-width: none;
    margin-bottom: 20px;
    padding: 12px 16px;
    font-size: 0.9rem;
    background-color: #fef3c7;
    border: 1px solid #fcd34d;
    color: #92400e;
    animation: slideDown-b-i8jdidj3jf 0.3s ease;
}

.discrete-warning .alert-icon[b-i8jdidj3jf] {
    width: 20px;
    height: 20px;
}

.discrete-warning .alert-content strong[b-i8jdidj3jf] {
    font-size: 13px;
}

.discrete-warning .alert-content span[b-i8jdidj3jf] {
    font-size: 12px;
}

@keyframes slideDown-b-i8jdidj3jf {
    from {
        opacity: 0;
        transform: translateY(-10px);
    }
    to {
        opacity: 1;
        transform: translateY(0);
    }
}

/* Reduced Motion Support */
@media (prefers-reduced-motion: reduce) {
    .alert[b-i8jdidj3jf],
    .results-container[b-i8jdidj3jf],
    .btn-secondary[b-i8jdidj3jf],
    .alert-close[b-i8jdidj3jf],
    .consultation-progress[b-i8jdidj3jf],
    .progress-bar-fill[b-i8jdidj3jf],
    .result-item[b-i8jdidj3jf] {
        transition: none;
        animation: none;
    }
}
/* _content/VeiculoSeguroBlazor/Components/Pages/ConsumoCliente.razor.rz.scp.css */
/* ConsumoCliente.razor.css - Estilo para página de consumo baseado na paleta Oxford Blue */
.report-container[b-7egajrf07r] {
    background-color: var(--color-surface);
    border-radius: var(--border-radius);
    box-shadow: var(--shadow-card);
    overflow: hidden;
    margin-bottom: 24px;
}

.report-header[b-7egajrf07r] {
    background: linear-gradient(135deg, var(--color-primary) 0%, var(--color-secondary) 100%);
    color: var(--color-text-light);
    padding: 24px;
    position: relative;
    overflow: hidden;
}

    .report-header[b-7egajrf07r]::after {
        content: '';
        position: absolute;
        top: 0;
        right: 0;
        width: 150px;
        height: 100%;
        background: linear-gradient(90deg, rgba(255, 255, 255, 0) 0%, rgba(255, 255, 255, 0.08) 100%);
    }

    .report-header h2[b-7egajrf07r] {
        font-size: 24px;
        font-weight: 600;
        margin-bottom: 8px;
        position: relative;
        z-index: 1;
    }

    .report-header p[b-7egajrf07r] {
        opacity: 0.8;
        margin: 0;
        position: relative;
        z-index: 1;
    }

.filters-container[b-7egajrf07r] {
    padding: 20px;
    border-bottom: 1px solid var(--color-border);
    display: flex;
    flex-wrap: wrap;
    gap: 16px;
    align-items: flex-end;
}

.filter-group[b-7egajrf07r] {
    flex: 1;
    min-width: 200px;
}

    .filter-group label[b-7egajrf07r] {
        display: block;
        font-weight: 500;
        margin-bottom: 8px;
        font-size: 14px;
    }

    .filter-group select[b-7egajrf07r],
    .filter-group input[b-7egajrf07r] {
        width: 100%;
        padding: 10px 12px;
        border: 1px solid var(--color-border);
        border-radius: var(--border-radius-sm);
        background-color: var(--color-surface);
        font-size: 14px;
    }

.filter-actions[b-7egajrf07r] {
    display: flex;
    gap: 8px;
}

.btn-filter[b-7egajrf07r] {
    padding: 10px 16px;
    background-color: var(--color-primary);
    color: white;
    border: none;
    border-radius: var(--border-radius-sm);
    cursor: pointer;
    font-weight: 500;
    display: flex;
    align-items: center;
    gap: 6px;
}

    .btn-filter.outline[b-7egajrf07r] {
        background-color: transparent;
        border: 1px solid var(--color-border);
        color: var(--color-text);
    }

.filter-icon[b-7egajrf07r] {
    width: 16px;
    height: 16px;
    fill: currentColor;
}

.summary-cards[b-7egajrf07r] {
    display: grid;
    grid-template-columns: repeat(auto-fit, minmax(240px, 1fr));
    gap: 16px;
    padding: 20px;
}

.summary-card[b-7egajrf07r] {
    background-color: var(--color-background);
    border-radius: var(--border-radius);
    padding: 20px;
    text-align: center;
    box-shadow: var(--shadow-sm);
}

    .summary-card h3[b-7egajrf07r] {
        font-size: 14px;
        font-weight: 500;
        color: var(--color-text-secondary);
        margin-bottom: 8px;
        text-transform: uppercase;
    }

    .summary-card .value[b-7egajrf07r] {
        font-size: 24px;
        font-weight: 700;
        color: var(--color-primary);
    }

.table-container[b-7egajrf07r] {
    padding: 0 20px 20px;
    overflow-x: auto;
    -webkit-overflow-scrolling: touch;
}

.report-table[b-7egajrf07r] {
    width: 100%;
    border-collapse: collapse;
    font-size: 14px;
    table-layout: fixed;
}

    .report-table th[b-7egajrf07r] {
        background-color: rgba(0, 0, 0, 0.02);
        text-align: left;
        padding: 12px 8px;
        font-weight: 600;
        color: var(--color-text-secondary);
        border-bottom: 1px solid var(--color-border);
        overflow: hidden;
        text-overflow: ellipsis;
        white-space: nowrap;
    }

    .report-table td[b-7egajrf07r] {
        padding: 12px 8px;
        border-bottom: 1px solid var(--color-border);
        overflow: hidden;
        text-overflow: ellipsis;
        white-space: nowrap;
    }

    /* Larguras das colunas: Data/Hora, Parâmetro, Tipo, ID Consulta, Status, [Valor], Ações */
    .report-table th:nth-child(1)[b-7egajrf07r],
    .report-table td:nth-child(1)[b-7egajrf07r] { width: 120px; } /* Data/Hora */

    .report-table th:nth-child(2)[b-7egajrf07r],
    .report-table td:nth-child(2)[b-7egajrf07r] { width: 100px; } /* Parâmetro */

    .report-table th:nth-child(3)[b-7egajrf07r],
    .report-table td:nth-child(3)[b-7egajrf07r] { width: 130px; } /* Tipo (truncado 15 chars) */

    .report-table th:nth-child(4)[b-7egajrf07r],
    .report-table td:nth-child(4)[b-7egajrf07r] { width: 100px; } /* ID Consulta */

    .report-table th:nth-child(5)[b-7egajrf07r],
    .report-table td:nth-child(5)[b-7egajrf07r] { width: 90px; } /* Status */

    .report-table th:nth-child(6)[b-7egajrf07r],
    .report-table td:nth-child(6)[b-7egajrf07r] { width: 80px; } /* Valor (se existir) ou Ações */

    .report-table th:last-child[b-7egajrf07r],
    .report-table td:last-child[b-7egajrf07r] {
        width: 140px;
        text-align: center;
        white-space: nowrap;
        overflow: visible;
    } /* Ações (sempre última) */

    /* Célula de status - permitir quebra de linha para "X/Y" */
    .report-table td.status-cell[b-7egajrf07r] {
        white-space: normal;
        overflow: hidden;
    }

    .report-table tr:hover[b-7egajrf07r] {
        background-color: rgba(0, 212, 255, 0.04);
    }

.status-badge[b-7egajrf07r] {
    display: inline-block;
    padding: 4px 8px;
    border-radius: 50px;
    font-size: 12px;
    font-weight: 600;
    text-align: center;
}

.status-success[b-7egajrf07r] {
    background-color: rgba(16, 185, 129, 0.1);
    color: #10B981;
}

.status-pending[b-7egajrf07r] {
    background-color: rgba(245, 158, 11, 0.1);
    color: #F59E0B;
}

.status-error[b-7egajrf07r] {
    background-color: rgba(239, 68, 68, 0.1);
    color: #EF4444;
}

.action-icon[b-7egajrf07r] {
    width: 18px;
    height: 18px;
    fill: var(--color-text-secondary);
    cursor: pointer;
}

    .action-icon:hover[b-7egajrf07r] {
        fill: var(--color-primary);
    }

.table-actions[b-7egajrf07r] {
    display: flex;
    gap: 8px;
    justify-content: center;
    flex-wrap: nowrap;
}

.pagination[b-7egajrf07r] {
    display: flex;
    justify-content: space-between;
    align-items: center;
    padding: 16px 20px;
    border-top: 1px solid var(--color-border);
}

.pagination-info[b-7egajrf07r] {
    font-size: 14px;
    color: var(--color-text-secondary);
}

.pagination-controls[b-7egajrf07r] {
    display: flex;
    gap: 8px;
}

    .pagination-controls button[b-7egajrf07r] {
        width: 36px;
        height: 36px;
        display: flex;
        align-items: center;
        justify-content: center;
        border: 1px solid var(--color-border);
        background-color: var(--color-surface);
        border-radius: var(--border-radius-sm);
        cursor: pointer;
    }

        .pagination-controls button.active[b-7egajrf07r] {
            background-color: var(--color-primary);
            color: white;
            border-color: var(--color-primary);
        }

        .pagination-controls button:hover:not(.active):not(:disabled)[b-7egajrf07r] {
            background-color: var(--color-background);
        }

        .pagination-controls button:disabled[b-7egajrf07r] {
            opacity: 0.5;
            cursor: not-allowed;
        }

.pagination-ellipsis[b-7egajrf07r] {
    display: flex;
    align-items: center;
    justify-content: center;
    width: 36px;
    height: 36px;
    color: var(--color-text-secondary);
    font-weight: 600;
    user-select: none;
}

/* Responsividade Mobile - Tabela */
@media (max-width: 768px) {
    .table-container[b-7egajrf07r] {
        padding: 0 16px 16px;
    }

    .report-table[b-7egajrf07r] {
        font-size: 13px;
    }

    .report-table th[b-7egajrf07r],
    .report-table td[b-7egajrf07r] {
        padding: 10px 6px;
    }

    .table-actions[b-7egajrf07r] {
        gap: 6px;
    }

    .action-icon[b-7egajrf07r] {
        width: 16px;
        height: 16px;
    }
}

@media (max-width: 480px) {
    .table-container[b-7egajrf07r] {
        padding: 0 12px 12px;
    }

    .report-table[b-7egajrf07r] {
        font-size: 12px;
    }

    .report-table th[b-7egajrf07r],
    .report-table td[b-7egajrf07r] {
        padding: 8px 4px;
    }

    .table-actions[b-7egajrf07r] {
        gap: 4px;
    }

    .action-icon[b-7egajrf07r] {
        width: 14px;
        height: 14px;
    }

    .status-badge[b-7egajrf07r] {
        font-size: 10px;
        padding: 2px 6px;
    }
}

@media (max-width: 360px) {
    .table-container[b-7egajrf07r] {
        padding: 0 8px 8px;
    }

    .report-table th[b-7egajrf07r],
    .report-table td[b-7egajrf07r] {
        padding: 6px 3px;
    }

    .table-actions[b-7egajrf07r] {
        gap: 3px;
    }

    .action-icon[b-7egajrf07r] {
        width: 14px;
        height: 14px;
    }

    .status-badge[b-7egajrf07r] {
        font-size: 9px;
        padding: 2px 4px;
    }
}

/* Responsividade Mobile - Paginação */
@media (max-width: 768px) {
    .pagination[b-7egajrf07r] {
        flex-direction: column;
        gap: 12px;
        align-items: stretch;
    }

    .pagination-info[b-7egajrf07r] {
        text-align: center;
        font-size: 13px;
    }

    .pagination-controls[b-7egajrf07r] {
        justify-content: center;
        flex-wrap: wrap;
    }
}

@media (max-width: 480px) {
    .pagination[b-7egajrf07r] {
        padding: 12px 16px;
    }

    .pagination-info[b-7egajrf07r] {
        font-size: 12px;
    }

    .pagination-controls[b-7egajrf07r] {
        gap: 6px;
    }

    .pagination-controls button[b-7egajrf07r] {
        width: 32px;
        height: 32px;
        font-size: 12px;
    }

    .pagination-ellipsis[b-7egajrf07r] {
        width: 32px;
        height: 32px;
        font-size: 14px;
    }
}

@media (max-width: 360px) {
    .pagination-controls[b-7egajrf07r] {
        gap: 4px;
    }

    .pagination-controls button[b-7egajrf07r] {
        width: 28px;
        height: 28px;
        font-size: 11px;
    }

    .pagination-ellipsis[b-7egajrf07r] {
        width: 28px;
        height: 28px;
    }
}

/* Responsividade Mobile - Filtros */
@media (max-width: 768px) {
    .filters-container[b-7egajrf07r] {
        padding: 16px;
        gap: 12px;
        align-items: stretch;
    }

    .filter-group[b-7egajrf07r] {
        min-width: calc(50% - 6px);
    }

    .filter-group label[b-7egajrf07r] {
        font-size: 13px;
        margin-bottom: 6px;
    }

    .filter-group select[b-7egajrf07r],
    .filter-group input[b-7egajrf07r] {
        padding: 9px 10px;
        font-size: 13px;
    }

    .btn-filter[b-7egajrf07r] {
        padding: 9px 14px;
        font-size: 13px;
    }
}

@media (max-width: 480px) {
    .filters-container[b-7egajrf07r] {
        padding: 12px;
        gap: 10px;
    }

    .filter-group[b-7egajrf07r] {
        min-width: 100%;
        flex: 1 1 100%;
    }

    .filter-group label[b-7egajrf07r] {
        font-size: 12px;
        margin-bottom: 4px;
    }

    .filter-group select[b-7egajrf07r],
    .filter-group input[b-7egajrf07r] {
        padding: 8px 10px;
        font-size: 12px;
    }

    .filter-actions[b-7egajrf07r] {
        width: 100%;
        flex-direction: column;
        gap: 8px;
    }

    .btn-filter[b-7egajrf07r] {
        width: 100%;
        justify-content: center;
        padding: 10px 12px;
        font-size: 12px;
    }
}

@media (max-width: 360px) {
    .filters-container[b-7egajrf07r] {
        padding: 10px;
        gap: 8px;
    }

    .filter-group label[b-7egajrf07r] {
        font-size: 11px;
        margin-bottom: 3px;
    }

    .filter-group select[b-7egajrf07r],
    .filter-group input[b-7egajrf07r] {
        padding: 7px 8px;
        font-size: 11px;
    }

    .btn-filter[b-7egajrf07r] {
        padding: 9px 10px;
        font-size: 11px;
    }
}

/* Header Profissional com informações da consulta (preview) */
.consulta-header-profissional[b-7egajrf07r] {
    display: flex;
    align-items: stretch;
    background: linear-gradient(135deg, #14365C 0%, #1e4a7a 100%);
    overflow: hidden;
    box-shadow: 0 4px 12px rgba(20, 54, 92, 0.15);
}

.header-brand[b-7egajrf07r] {
    display: flex;
    align-items: center;
    gap: 16px;
    padding: 24px 32px;
    background: rgba(0, 0, 0, 0.1);
    border-right: 1px solid rgba(255, 255, 255, 0.1);
    min-width: 240px;
}

.header-logo[b-7egajrf07r] {
    width: 48px;
    height: 48px;
    flex-shrink: 0;
}

.header-brand-text[b-7egajrf07r] {
    display: flex;
    flex-direction: column;
    gap: 2px;
}

.brand-name[b-7egajrf07r] {
    font-size: 18px;
    font-weight: 700;
    color: #ffffff;
    letter-spacing: 0.5px;
}

.brand-subtitle[b-7egajrf07r] {
    font-size: 12px;
    color: rgba(255, 255, 255, 0.7);
    font-weight: 400;
}

.header-info-grid[b-7egajrf07r] {
    flex: 1;
    display: flex;
    flex-direction: column;
    justify-content: center;
    padding: 16px 32px;
    gap: 8px;
}

.info-row[b-7egajrf07r] {
    display: flex;
    gap: 32px;
}

.info-block[b-7egajrf07r] {
    flex: 1;
    min-width: 0;
}

.info-block.full-width[b-7egajrf07r] {
    flex: 2;
}

.info-label[b-7egajrf07r] {
    display: block;
    font-size: 11px;
    font-weight: 500;
    color: rgba(255, 255, 255, 0.6);
    text-transform: uppercase;
    letter-spacing: 0.5px;
    margin-bottom: 2px;
}

.info-value[b-7egajrf07r] {
    display: block;
    font-size: 14px;
    font-weight: 500;
    color: #ffffff;
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis;
}

.info-value.highlight[b-7egajrf07r] {
    font-weight: 700;
    color: #00d4ff;
    font-size: 15px;
}

/* Responsivo para header profissional */
@media (max-width: 768px) {
    .consulta-header-profissional[b-7egajrf07r] {
        flex-direction: column;
    }

    .header-brand[b-7egajrf07r] {
        border-right: none;
        border-bottom: 1px solid rgba(255, 255, 255, 0.1);
        justify-content: center;
        padding: 16px 24px;
        min-width: unset;
    }

    .header-info-grid[b-7egajrf07r] {
        padding: 16px 24px;
    }

    .info-row[b-7egajrf07r] {
        flex-direction: column;
        gap: 12px;
    }

    .info-block.full-width[b-7egajrf07r] {
        flex: 1;
    }
}

.report-footer[b-7egajrf07r] {
    padding: 16px 20px;
    border-top: 1px solid var(--color-border);
    display: flex;
    justify-content: flex-end;
    gap: 16px;
}

.invoice-details[b-7egajrf07r] {
    background-color: #f8fafc;
    border-radius: var(--border-radius);
    padding: 20px;
    margin: 0 20px 20px;
    border: 1px solid var(--color-border);
}

.invoice-header[b-7egajrf07r] {
    display: flex;
    justify-content: space-between;
    margin-bottom: 16px;
    padding-bottom: 16px;
    border-bottom: 1px solid var(--color-border);
}

.invoice-title[b-7egajrf07r] {
    font-weight: 600;
    font-size: 18px;
}

.invoice-meta[b-7egajrf07r] {
    font-size: 14px;
    color: var(--color-text-secondary);
}

.invoice-row[b-7egajrf07r] {
    display: flex;
    justify-content: space-between;
    padding: 8px 0;
}

    .invoice-row.total[b-7egajrf07r] {
        border-top: 1px solid var(--color-border);
        margin-top: 8px;
        padding-top: 16px;
        font-weight: 600;
        font-size: 18px;
    }
/* Container principal */
.page-container[b-7egajrf07r] {
    background-color: #F9FAFB;
    min-height: 100vh;
    padding: 32px 24px;
}

/* Título principal */
h1[b-7egajrf07r] {
    font-family: 'Inter', -apple-system, BlinkMacSystemFont, 'Segoe UI', Roboto, sans-serif;
    font-size: 28px;
    font-weight: 600;
    color: #111827;
    margin-bottom: 32px;
    margin-top: 0;
}

/* Alertas Toast Flutuantes */
.alert[b-7egajrf07r] {
    position: fixed;
    top: 80px;
    right: 24px;
    max-width: 450px;
    min-width: 320px;
    padding: 16px 20px;
    border-radius: 8px;
    box-shadow: 0 8px 24px rgba(0, 0, 0, 0.12);
    display: flex;
    align-items: flex-start;
    gap: 12px;
    z-index: 9999;
    animation: slideInRight-b-7egajrf07r 0.4s cubic-bezier(0.16, 1, 0.3, 1);
    backdrop-filter: blur(10px);
    border: none;
    font-size: 14px;
    line-height: 1.5;
    margin-bottom: 0;
}

.alert-error[b-7egajrf07r] {
    background-color: rgba(239, 68, 68, 0.96);
    color: white;
    border-left: 4px solid #dc2626;
}

.alert-success[b-7egajrf07r] {
    background-color: rgba(16, 185, 129, 0.96);
    color: white;
    border-left: 4px solid #059669;
}

.alert-info[b-7egajrf07r] {
    background-color: rgba(20, 54, 92, 0.96);
    color: white;
    border-left: 4px solid #14365C;
}

.alert-icon[b-7egajrf07r] {
    width: 22px;
    height: 22px;
    fill: currentColor;
    flex-shrink: 0;
    margin-top: 2px;
}

.alert-content[b-7egajrf07r] {
    flex: 1;
    display: flex;
    flex-direction: column;
    gap: 6px;
}

.alert-content strong[b-7egajrf07r] {
    font-weight: 600;
    font-size: 15px;
    display: block;
}

.alert-content span[b-7egajrf07r] {
    font-size: 13px;
    opacity: 0.95;
    line-height: 1.5;
}

.alert-close[b-7egajrf07r] {
    background: transparent;
    border: none;
    color: currentColor;
    cursor: pointer;
    padding: 4px;
    border-radius: 4px;
    transition: all 0.2s ease;
    flex-shrink: 0;
    opacity: 0.8;
}

.alert-close:hover[b-7egajrf07r] {
    background-color: rgba(255, 255, 255, 0.25);
    opacity: 1;
}

.alert-close svg[b-7egajrf07r] {
    width: 18px;
    height: 18px;
    fill: currentColor;
}

/* Animação de entrada */
@keyframes slideInRight-b-7egajrf07r {
    from {
        opacity: 0;
        transform: translateX(100px);
    }
    to {
        opacity: 1;
        transform: translateX(0);
    }
}

/* Cards */
.card[b-7egajrf07r] {
    background: #FFFFFF;
    border: none;
    border-radius: 12px;
    box-shadow: 0px 1px 3px rgba(16, 24, 40, 0.05);
    overflow: hidden;
    margin-bottom: 24px;
}

.card-header[b-7egajrf07r] {
    padding: 20px 24px;
    font-weight: 600;
    border-bottom: 1px solid #E5E7EB;
}

.card-header.bg-primary[b-7egajrf07r] {
    background-color: #14365C !important;
    color: #FFFFFF;
    border-bottom: none;
}

.card-header.bg-success[b-7egajrf07r] {
    background-color: #027A48 !important;
    color: #FFFFFF;
    border-bottom: none;
}

.card-header h5[b-7egajrf07r] {
    font-size: 16px;
    font-weight: 600;
    margin: 0;
}

.card-body[b-7egajrf07r] {
    padding: 24px;
}

/* Formulários */
.form-label[b-7egajrf07r] {
    font-weight: 500;
    color: #111827;
    margin-bottom: 8px;
    font-size: 14px;
    display: block;
}

.form-control[b-7egajrf07r], .form-select[b-7egajrf07r] {
    border: 1px solid #E5E7EB;
    border-radius: 6px;
    padding: 10px 14px;
    font-size: 14px;
    line-height: 1.5;
    color: #111827;
    background-color: #FFFFFF;
    transition: all 0.2s ease;
    width: 100%;
}

.form-control:focus[b-7egajrf07r], .form-select:focus[b-7egajrf07r] {
    border-color: #14365C;
    box-shadow: 0 0 0 3px rgba(20, 54, 92, 0.1);
    outline: none;
}

/* Botões */
.btn[b-7egajrf07r] {
    padding: 10px 18px;
    border-radius: 6px;
    font-weight: 500;
    font-size: 14px;
    cursor: pointer;
    transition: all 0.2s ease;
    display: inline-flex;
    align-items: center;
    gap: 8px;
    border: 1px solid transparent;
}

.btn-primary[b-7egajrf07r] {
    background-color: #14365C;
    border-color: #14365C;
    color: #FFFFFF;
}

.btn-primary:hover:not(:disabled)[b-7egajrf07r] {
    background-color: #0F2A47;
    border-color: #0F2A47;
    transform: translateY(-1px);
    box-shadow: 0 4px 8px rgba(20, 54, 92, 0.2);
}

.btn-outline-primary[b-7egajrf07r] {
    background-color: transparent;
    border-color: #14365C;
    color: #14365C;
}

.btn-outline-primary:hover[b-7egajrf07r] {
    background-color: #14365C;
    border-color: #14365C;
    color: #FFFFFF;
}

.btn-outline-secondary[b-7egajrf07r] {
    background-color: transparent;
    border-color: #E5E7EB;
    color: #4B5563;
}

.btn-outline-secondary:hover[b-7egajrf07r] {
    background-color: #F9FAFB;
    border-color: #E5E7EB;
    color: #111827;
}

.btn-sm[b-7egajrf07r] {
    padding: 6px 12px;
    font-size: 12px;
}

/* Estatísticas do resumo */
.text-center h2[b-7egajrf07r] {
    font-size: 32px;
    font-weight: 700;
    color: #14365C;
    margin-bottom: 8px;
    line-height: 1;
}

.text-muted[b-7egajrf07r] {
    color: #4B5563 !important;
}

.text-success[b-7egajrf07r] {
    color: #027A48 !important;
}

.text-danger[b-7egajrf07r] {
    color: #B42318 !important;
}

/* Tabelas */
.table-responsive[b-7egajrf07r] {
    border-radius: 8px;
    overflow: hidden;
}

.table[b-7egajrf07r] {
    margin-bottom: 0;
    color: #111827;
}

.table thead th[b-7egajrf07r] {
    background-color: #F9FAFB;
    border-bottom: 2px solid #E5E7EB;
    color: #4B5563;
    font-weight: 600;
    font-size: 12px;
    text-transform: uppercase;
    letter-spacing: 0.05em;
    padding: 16px;
}

.table tbody td[b-7egajrf07r] {
    padding: 16px;
    border-bottom: 1px solid #F2F4F7;
    vertical-align: middle;
}

.table-hover tbody tr:hover[b-7egajrf07r] {
    background-color: rgba(20, 54, 92, 0.02);
}

/* Estados de carregamento */
.spinner-border[b-7egajrf07r] {
    width: 2rem;
    height: 2rem;
    border-width: 0.25em;
}

.spinner-border.text-primary[b-7egajrf07r] {
    color: #14365C !important;
}

/* Estados vazios */
.text-center.py-5[b-7egajrf07r] {
    padding: 48px 24px !important;
}

.text-center.py-5 .bi[b-7egajrf07r] {
    color: #9CA3AF;
    margin-bottom: 16px;
}

/* Ícones Bootstrap */
.bi[b-7egajrf07r] {
    font-size: inherit;
}

.fs-1[b-7egajrf07r] {
    font-size: 3rem !important;
}

.fs-4[b-7egajrf07r] {
    font-size: 1.5rem !important;
}

/* Utilities customizadas */
.mb-4[b-7egajrf07r] {
    margin-bottom: 32px !important;
}

.mb-3[b-7egajrf07r] {
    margin-bottom: 24px !important;
}

.mb-2[b-7egajrf07r] {
    margin-bottom: 16px !important;
}

.mb-1[b-7egajrf07r] {
    margin-bottom: 8px !important;
}

.mb-0[b-7egajrf07r] {
    margin-bottom: 0 !important;
}

.mt-2[b-7egajrf07r] {
    margin-top: 16px !important;
}

.me-1[b-7egajrf07r] {
    margin-right: 8px !important;
}

.me-2[b-7egajrf07r] {
    margin-right: 16px !important;
}

/* Layout responsivo */
@media (max-width: 768px) {
    .page-container[b-7egajrf07r] {
        padding: 16px 12px;
    }
    
    h1[b-7egajrf07r] {
        font-size: 24px;
        margin-bottom: 24px;
    }
    
    .card-body[b-7egajrf07r] {
        padding: 16px;
    }
    
    .card-header[b-7egajrf07r] {
        padding: 16px;
    }

    .alert[b-7egajrf07r] {
        top: 60px;
        right: 12px;
        left: 12px;
        max-width: none;
        min-width: auto;
        padding: 16px;
    }

    .table thead th[b-7egajrf07r],
    .table tbody td[b-7egajrf07r] {
        padding: 12px 8px;
    }
    
    .text-center h2[b-7egajrf07r] {
        font-size: 24px;
    }
    
    .btn[b-7egajrf07r] {
        padding: 8px 16px;
    }
}

/* Flex utilities */
.d-flex[b-7egajrf07r] {
    display: flex !important;
}

.align-items-center[b-7egajrf07r] {
    align-items: center !important;
}

.justify-content-between[b-7egajrf07r] {
    justify-content: space-between !important;
}

.justify-content-end[b-7egajrf07r] {
    justify-content: flex-end !important;
}

/* Text utilities */
.text-end[b-7egajrf07r] {
    text-align: right !important;
}

.text-center[b-7egajrf07r] {
    text-align: center !important;
}

/* Visibility utilities */
.visually-hidden[b-7egajrf07r] {
    position: absolute !important;
    width: 1px !important;
    height: 1px !important;
    padding: 0 !important;
    margin: -1px !important;
    overflow: hidden !important;
    clip: rect(0, 0, 0, 0) !important;
    white-space: nowrap !important;
    border: 0 !important;
}

/* Row e Col simulados */
.row[b-7egajrf07r] {
    display: flex;
    flex-wrap: wrap;
    margin-right: -12px;
    margin-left: -12px;
}

.col-md-6[b-7egajrf07r], .col-6[b-7egajrf07r] {
    flex: 0 0 auto;
    padding-right: 12px;
    padding-left: 12px;
}

.col-md-6[b-7egajrf07r] {
    width: 50%;
}

.col-6[b-7egajrf07r] {
    width: 50%;
}

@media (max-width: 768px) {
    .col-md-6[b-7egajrf07r] {
        width: 100%;
        margin-bottom: 16px;
    }
}

/* Melhorias específicas para badges de variação */
small.text-success[b-7egajrf07r], small.text-danger[b-7egajrf07r] {
    font-weight: 500;
    font-size: 11px;
}

/* Card com shadow personalizado */
.shadow-sm[b-7egajrf07r] {
    box-shadow: 0px 1px 3px rgba(16, 24, 40, 0.05) !important;
}

.border-0[b-7egajrf07r] {
    border: none !important;
}
/* _content/VeiculoSeguroBlazor/Components/Pages/Dashboard/CardEstatisticas.razor.rz.scp.css */
/* CardEstatisticas.razor.css - Estilo para cards de estatísticas baseado na paleta Oxford Blue */

/* Layout principal */
.row[b-8moozdqs5c] {
    display: flex;
    flex-wrap: wrap;
    margin-right: -12px;
    margin-left: -12px;
}

.col-md-3[b-8moozdqs5c], .col-sm-6[b-8moozdqs5c] {
    padding-right: 12px;
    padding-left: 12px;
}

.col-md-3[b-8moozdqs5c] {
    flex: 0 0 auto;
    width: 25%;
}

.col-sm-6[b-8moozdqs5c] {
    flex: 0 0 auto;
    width: 50%;
}

/* Cards de estatísticas */
.card[b-8moozdqs5c] {
    border: none;
    border-radius: 12px;
    box-shadow: 0px 4px 8px rgba(16, 24, 40, 0.1);
    overflow: hidden;
    transition: all 0.2s ease;
    position: relative;
}

.card:hover[b-8moozdqs5c] {
    transform: translateY(-4px);
    box-shadow: 0px 8px 16px rgba(16, 24, 40, 0.15);
}

.card.h-100[b-8moozdqs5c] {
    height: 100%;
}

/* Cores dos cards atualizadas para paleta Oxford Blue */
.card.bg-primary[b-8moozdqs5c] {
    background: linear-gradient(135deg, #14365C 0%, #265985 100%) !important;
    color: #FFFFFF;
}

.card.bg-success[b-8moozdqs5c] {
    background: linear-gradient(135deg, #027A48 0%, #059669 100%) !important;
    color: #FFFFFF;
}

.card.bg-warning[b-8moozdqs5c] {
    background: linear-gradient(135deg, #F59E0B 0%, #D97706 100%) !important;
    color: #FFFFFF;
}

.card.bg-danger[b-8moozdqs5c] {
    background: linear-gradient(135deg, #B42318 0%, #991B1B 100%) !important;
    color: #FFFFFF;
}

/* Card body */
.card-body[b-8moozdqs5c] {
    padding: 24px;
    position: relative;
}

/* Flex utilities */
.d-flex[b-8moozdqs5c] {
    display: flex !important;
}

.justify-content-between[b-8moozdqs5c] {
    justify-content: space-between !important;
}

.align-items-center[b-8moozdqs5c] {
    align-items: center !important;
}

/* Conteúdo do card */
.me-3[b-8moozdqs5c] {
    margin-right: 24px !important;
}

.text-white-75[b-8moozdqs5c] {
    color: rgba(255, 255, 255, 0.75) !important;
    font-size: 14px;
    font-weight: 500;
    text-transform: uppercase;
    letter-spacing: 0.05em;
    margin-bottom: 8px;
}

.small[b-8moozdqs5c] {
    font-size: 12px !important;
}

/* Números de estatísticas */
.fs-1[b-8moozdqs5c] {
    font-size: 2.5rem !important;
    font-weight: 700 !important;
    line-height: 1.1;
    margin: 0;
}

.fw-bold[b-8moozdqs5c] {
    font-weight: 700 !important;
}

/* Ícones */
.oi[b-8moozdqs5c] {
    font-size: 2.5rem !important;
    opacity: 0.3;
    transition: opacity 0.2s ease;
}

.card:hover .oi[b-8moozdqs5c] {
    opacity: 0.5;
}

/* Card footer */
.card-footer[b-8moozdqs5c] {
    background-color: rgba(0, 0, 0, 0.1);
    border-top: 1px solid rgba(255, 255, 255, 0.1);
    padding: 12px 24px;
    position: relative;
}

.card-footer a[b-8moozdqs5c] {
    color: #FFFFFF;
    text-decoration: none;
    font-weight: 500;
    transition: all 0.2s ease;
}

.card-footer a:hover[b-8moozdqs5c] {
    color: rgba(255, 255, 255, 0.8);
    text-decoration: underline;
}

.stretched-link[b-8moozdqs5c]::after {
    position: absolute;
    top: 0;
    right: 0;
    bottom: 0;
    left: 0;
    z-index: 1;
    content: "";
}

/* Text utilities */
.text-white[b-8moozdqs5c] {
    color: #FFFFFF !important;
}

/* Margin utilities */
.mb-3[b-8moozdqs5c] {
    margin-bottom: 24px !important;
}

.mb-4[b-8moozdqs5c] {
    margin-bottom: 32px !important;
}

/* Responsividade */
@media (max-width: 768px) {
    .col-md-3[b-8moozdqs5c] {
        width: 50%;
    }
    
    .fs-1[b-8moozdqs5c] {
        font-size: 2rem !important;
    }
    
    .oi[b-8moozdqs5c] {
        font-size: 2rem !important;
    }
    
    .card-body[b-8moozdqs5c] {
        padding: 20px;
    }
    
    .card-footer[b-8moozdqs5c] {
        padding: 10px 20px;
    }
    
    .me-3[b-8moozdqs5c] {
        margin-right: 16px !important;
    }
}

@media (max-width: 576px) {
    .col-sm-6[b-8moozdqs5c] {
        width: 100%;
        margin-bottom: 16px;
    }
    
    .fs-1[b-8moozdqs5c] {
        font-size: 1.8rem !important;
    }
    
    .oi[b-8moozdqs5c] {
        font-size: 1.8rem !important;
    }
    
    .card-body[b-8moozdqs5c] {
        padding: 16px;
    }
    
    .text-white-75[b-8moozdqs5c] {
        font-size: 12px;
    }
}

/* Animações de entrada */
.card:nth-child(1)[b-8moozdqs5c] {
    animation: slideInLeft-b-8moozdqs5c 0.6s ease-out;
}

.card:nth-child(2)[b-8moozdqs5c] {
    animation: slideInLeft-b-8moozdqs5c 0.6s ease-out 0.1s both;
}

.card:nth-child(3)[b-8moozdqs5c] {
    animation: slideInLeft-b-8moozdqs5c 0.6s ease-out 0.2s both;
}

.card:nth-child(4)[b-8moozdqs5c] {
    animation: slideInLeft-b-8moozdqs5c 0.6s ease-out 0.3s both;
}

@keyframes slideInLeft-b-8moozdqs5c {
    from {
        opacity: 0;
        transform: translateX(-30px);
    }
    to {
        opacity: 1;
        transform: translateX(0);
    }
}

/* Estados de loading */
.loading-card[b-8moozdqs5c] {
    background: linear-gradient(90deg, #F3F4F6 25%, #E5E7EB 50%, #F3F4F6 75%);
    background-size: 200% 100%;
    animation: loading-b-8moozdqs5c 2s infinite;
}

@keyframes loading-b-8moozdqs5c {
    0% {
        background-position: 200% 0;
    }
    100% {
        background-position: -200% 0;
    }
}

/* Melhorias visuais específicas */
.card-primary-enhanced[b-8moozdqs5c] {
    background: linear-gradient(135deg, #14365C 0%, #265985 50%, #0F2A47 100%) !important;
}

.card-success-enhanced[b-8moozdqs5c] {
    background: linear-gradient(135deg, #027A48 0%, #16A34A 50%, #15803D 100%) !important;
}

.card-warning-enhanced[b-8moozdqs5c] {
    background: linear-gradient(135deg, #F59E0B 0%, #F97316 50%, #EA580C 100%) !important;
}

.card-danger-enhanced[b-8moozdqs5c] {
    background: linear-gradient(135deg, #B42318 0%, #DC2626 50%, #991B1B 100%) !important;
}

/* Efeitos de brilho no hover */
.card[b-8moozdqs5c]::before {
    content: '';
    position: absolute;
    top: 0;
    left: -100%;
    width: 100%;
    height: 100%;
    background: linear-gradient(90deg, transparent, rgba(255, 255, 255, 0.1), transparent);
    transition: left 0.5s;
}

.card:hover[b-8moozdqs5c]::before {
    left: 100%;
}

/* Indicadores visuais para diferentes tipos de estatística */
.stat-indicator[b-8moozdqs5c] {
    position: absolute;
    top: 12px;
    right: 12px;
    width: 8px;
    height: 8px;
    border-radius: 50%;
    background-color: rgba(255, 255, 255, 0.5);
}

.stat-trend-up[b-8moozdqs5c] {
    position: relative;
}

.stat-trend-up[b-8moozdqs5c]::after {
    content: '↗';
    position: absolute;
    top: -8px;
    right: -8px;
    font-size: 16px;
    color: rgba(255, 255, 255, 0.7);
}

/* Melhorias para acessibilidade */
.card:focus-within[b-8moozdqs5c] {
    outline: 2px solid rgba(255, 255, 255, 0.5);
    outline-offset: 2px;
}

/* Texto alternativo para ícones */
.sr-only[b-8moozdqs5c] {
    position: absolute !important;
    width: 1px !important;
    height: 1px !important;
    padding: 0 !important;
    margin: -1px !important;
    overflow: hidden !important;
    clip: rect(0, 0, 0, 0) !important;
    white-space: nowrap !important;
    border: 0 !important;
}
/* _content/VeiculoSeguroBlazor/Components/Pages/Dashboard/DashboardLeilao.razor.rz.scp.css */
/* Dashboard de Consultas - Animated Counter Design */

.dashboard-consultas[b-l52etlpals] {
    padding: 24px;
    max-width: 1400px;
    margin: 0 auto;
}

/* Loading, Error, No Data States */
.loading-container[b-l52etlpals],
.error-container[b-l52etlpals],
.no-data-container[b-l52etlpals] {
    display: flex;
    flex-direction: column;
    align-items: center;
    justify-content: center;
    padding: 48px;
    text-align: center;
}

.loading-spinner[b-l52etlpals] {
    width: 48px;
    height: 48px;
    border: 4px solid #E5E7EB;
    border-top-color: #14365C;
    border-radius: 50%;
    animation: spin-b-l52etlpals 1s linear infinite;
}

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

.loading-text[b-l52etlpals] {
    margin-top: 16px;
    color: #6B7280;
    font-size: 14px;
}

.error-icon[b-l52etlpals],
.no-data-icon[b-l52etlpals] {
    font-size: 48px;
    margin-bottom: 16px;
}

.error-icon[b-l52etlpals] {
    color: #B42318;
}

.no-data-icon[b-l52etlpals] {
    color: #6B7280;
}

.error-text[b-l52etlpals],
.no-data-text[b-l52etlpals] {
    color: #374151;
    font-size: 14px;
    line-height: 1.6;
}

/* Summary Card - Layout Moderno e Compacto */
.summary-card[b-l52etlpals] {
    background: linear-gradient(135deg, #14365C 0%, #265985 100%);
    border-radius: 12px;
    padding: 12px 16px;
    margin-bottom: 24px;
    position: relative;
    box-shadow: 0 2px 8px rgba(20, 54, 92, 0.1);
    min-height: 80px;
}

/* Ícone posicionado no canto superior esquerdo */
.summary-icon-absolute[b-l52etlpals] {
    position: absolute;
    top: 10px;
    left: 12px;
    color: rgba(255, 255, 255, 0.5);
    pointer-events: none;
}

/* Conteúdo principal */
.summary-content[b-l52etlpals] {
    padding-left: 40px;
    color: white;
    display: flex;
    flex-direction: column;
    gap: 6px;
}

/* Linha superior: Título */
.summary-top-row[b-l52etlpals] {
    display: flex;
    justify-content: space-between;
    align-items: flex-start;
    gap: 16px;
}

.summary-title[b-l52etlpals] {
    font-size: 18px;
    font-weight: 600;
    margin: 0;
    padding: 0;
    line-height: 1.2;
}

/* Filtros compactos no canto inferior direito */
.summary-filters[b-l52etlpals] {
    position: absolute;
    bottom: 8px;
    right: 12px;
    display: flex;
    gap: 8px;
    align-items: center;
}

.form-select-compact[b-l52etlpals] {
    padding: 4px 8px;
    border: 1px solid rgba(255, 255, 255, 0.3);
    border-radius: 6px;
    font-size: 11px;
    color: white;
    background: rgba(255, 255, 255, 0.15);
    cursor: pointer;
    min-width: 140px;
    transition: all 0.2s ease;
}

.form-select-compact:hover[b-l52etlpals] {
    background: rgba(255, 255, 255, 0.25);
    border-color: rgba(255, 255, 255, 0.5);
}

.form-select-compact:focus[b-l52etlpals] {
    outline: none;
    background: rgba(255, 255, 255, 0.25);
    border-color: white;
    box-shadow: 0 0 0 2px rgba(255, 255, 255, 0.2);
}

.form-select-compact option[b-l52etlpals] {
    background: #14365C;
    color: white;
}

/* Estatística principal */
.summary-stat[b-l52etlpals] {
    display: flex;
    align-items: baseline;
    gap: 8px;
    margin-top: 2px;
}

.summary-stat-label[b-l52etlpals] {
    font-size: 13px;
    opacity: 0.85;
}

.summary-stat-value[b-l52etlpals] {
    font-size: 28px;
    font-weight: 700;
    line-height: 1;
}

/* Data com label no canto superior direito */
.summary-timestamp[b-l52etlpals] {
    position: absolute;
    top: 10px;
    right: 12px;
    display: flex;
    flex-direction: column;
    align-items: flex-end;
    gap: 2px;
    color: white;
}

.timestamp-label[b-l52etlpals] {
    font-size: 10px;
    opacity: 0.6;
    font-weight: 400;
}

.timestamp-value[b-l52etlpals] {
    font-size: 11px;
    opacity: 0.85;
    font-weight: 500;
}

/* Grid de Cards - 4 colunas em 1 linha */
.cards-grid[b-l52etlpals] {
    display: grid;
    grid-template-columns: repeat(4, 1fr);
    gap: 20px;
    margin-top: 24px;
}

/* Card Individual - Novo Design Simplificado */
.stat-card[b-l52etlpals] {
    background: white;
    border-radius: 16px;
    padding: 24px;
    box-shadow: 0 4px 12px rgba(0, 0, 0, 0.08);
    transition: all 0.3s cubic-bezier(0.4, 0, 0.2, 1);
    cursor: pointer;
    position: relative;
    overflow: hidden;
    border: 2px solid transparent;
}

.stat-card[b-l52etlpals]::before {
    content: '';
    position: absolute;
    top: 0;
    left: 0;
    right: 0;
    height: 4px;
    background: linear-gradient(90deg, #14365C 0%, #265985 100%);
    opacity: 0;
    transition: opacity 0.3s ease;
}

.stat-card:hover[b-l52etlpals] {
    transform: translateY(-4px);
    box-shadow: 0 8px 24px rgba(20, 54, 92, 0.15);
    border-color: rgba(20, 54, 92, 0.1);
}

.stat-card:hover[b-l52etlpals]::before {
    opacity: 1;
}

/* Card Header */
.stat-card-header[b-l52etlpals] {
    display: flex;
    justify-content: space-between;
    align-items: center;
    margin-bottom: 20px;
}

.stat-card-title[b-l52etlpals] {
    font-size: 16px;
    font-weight: 600;
    color: #374151;
    margin: 0;
}

/* Número Principal - Grande e Animado */
.stat-number[b-l52etlpals] {
    font-size: 56px;
    font-weight: 700;
    color: #14365C;
    text-align: center;
    line-height: 1;
    margin: 24px 0;
    font-variant-numeric: tabular-nums;
}

/* Ícone de Expandir */
.expand-icon[b-l52etlpals] {
    width: 24px;
    height: 24px;
    color: #9CA3AF;
    transition: all 0.3s ease;
    flex-shrink: 0;
}

.stat-card:hover .expand-icon[b-l52etlpals] {
    color: #14365C;
    transform: scale(1.1);
}

/* Card Expandido - quando Leilões é expandido, ocupa mais espaço vertical */
.stat-card-expanded[b-l52etlpals] {
    /* Não altera o grid-column, mantém na mesma linha */
}

.stat-card-expanded .stat-number[b-l52etlpals] {
    font-size: 48px;
    margin: 16px 0;
}

/* Sub-items (quando card está expandido) */
.stat-sub-items[b-l52etlpals] {
    border-top: 2px solid #F3F4F6;
    padding-top: 20px;
    margin-top: 20px;
    display: flex;
    flex-direction: column;
    gap: 12px;
}

.stat-sub-item[b-l52etlpals] {
    background: linear-gradient(135deg, #F9FAFB 0%, #F3F4F6 100%);
    border-radius: 12px;
    padding: 16px;
    display: flex;
    flex-direction: column;
    align-items: center;
    gap: 8px;
    transition: all 0.2s ease;
}

.stat-sub-item:hover[b-l52etlpals] {
    background: linear-gradient(135deg, #EEF2FF 0%, #E0E7FF 100%);
    transform: scale(1.02);
}

.sub-item-title[b-l52etlpals] {
    font-size: 13px;
    font-weight: 500;
    color: #6B7280;
    text-align: center;
}

.sub-item-number[b-l52etlpals] {
    font-size: 32px;
    font-weight: 700;
    color: #14365C;
    font-variant-numeric: tabular-nums;
}

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

/* Tablet (481px - 768px) */
@media (max-width: 768px) and (min-width: 481px) {
    .summary-timestamp[b-l52etlpals] {
        display: none;
    }

    .summary-card[b-l52etlpals] {
        padding-bottom: 48px;
    }

    .summary-filters[b-l52etlpals] {
        gap: 6px;
    }

    .form-select-compact[b-l52etlpals] {
        min-width: 120px;
        font-size: 10px;
    }

    .cards-grid[b-l52etlpals] {
        grid-template-columns: 1fr;
    }
}

/* Mobile (≤ 480px) */
@media (max-width: 480px) {
    .summary-card[b-l52etlpals] {
        min-height: 140px;
        padding-bottom: 92px;
        padding-top: 16px;
    }

    .summary-icon-absolute[b-l52etlpals] {
        width: 24px;
        height: 24px;
        top: 12px;
        left: 12px;
    }

    .summary-timestamp[b-l52etlpals] {
        display: none;
    }

    .summary-content[b-l52etlpals] {
        padding-left: 36px;
        padding-right: 8px;
    }

    .summary-title[b-l52etlpals] {
        font-size: 15px;
        line-height: 1.3;
    }

    .summary-stat[b-l52etlpals] {
        margin-top: 8px;
        flex-direction: column;
        align-items: flex-start;
        gap: 4px;
    }

    .summary-stat-label[b-l52etlpals] {
        font-size: 12px;
    }

    .summary-stat-value[b-l52etlpals] {
        font-size: 36px;
        font-weight: 700;
    }

    .summary-filters[b-l52etlpals] {
        flex-direction: column;
        align-items: stretch;
        gap: 8px;
        bottom: 12px;
        left: 12px;
        right: 12px;
    }

    .form-select-compact[b-l52etlpals] {
        width: 100%;
        min-width: unset;
        padding: 8px 12px;
        font-size: 12px;
    }

    .cards-grid[b-l52etlpals] {
        grid-template-columns: 1fr;
    }

    .stat-number[b-l52etlpals] {
        font-size: 48px;
    }

    .sub-item-number[b-l52etlpals] {
        font-size: 28px;
    }
}

/* Animações */
@keyframes fadeIn-b-l52etlpals {
    from {
        opacity: 0;
        transform: translateY(10px);
    }
    to {
        opacity: 1;
        transform: translateY(0);
    }
}

.stat-card[b-l52etlpals] {
    animation: fadeIn-b-l52etlpals 0.4s ease-out backwards;
}

.stat-card:nth-child(1)[b-l52etlpals] { animation-delay: 0s; }
.stat-card:nth-child(2)[b-l52etlpals] { animation-delay: 0.1s; }
.stat-card:nth-child(3)[b-l52etlpals] { animation-delay: 0.2s; }
.stat-card:nth-child(4)[b-l52etlpals] { animation-delay: 0.3s; }
.stat-card:nth-child(5)[b-l52etlpals] { animation-delay: 0.4s; }
.stat-card:nth-child(6)[b-l52etlpals] { animation-delay: 0.5s; }
/* _content/VeiculoSeguroBlazor/Components/Pages/Dashboard/GraficoConsultas.razor.rz.scp.css */
/* GraficoConsultas.razor.css - Estilo para componente de gráficos baseado na paleta Oxford Blue */

/* Card principal */
.card[b-nxeebmh1ug] {
    background: #FFFFFF;
    border: none;
    border-radius: 12px;
    box-shadow: 0px 1px 3px rgba(16, 24, 40, 0.05);
    overflow: hidden;
}

.card-header[b-nxeebmh1ug] {
    background-color: #F9FAFB;
    border-bottom: 1px solid #E5E7EB;
    padding: 20px 24px;
    font-weight: 600;
    color: #111827;
    font-size: 16px;
    display: flex;
    align-items: center;
}

.card-body[b-nxeebmh1ug] {
    padding: 32px 24px;
}

/* Layout de colunas */
.row[b-nxeebmh1ug] {
    display: flex;
    flex-wrap: wrap;
    margin-right: -12px;
    margin-left: -12px;
}

.col-xl-6[b-nxeebmh1ug] {
    flex: 0 0 auto;
    width: 50%;
    padding-right: 12px;
    padding-left: 12px;
}

/* Container dos gráficos */
.chart-container[b-nxeebmh1ug] {
    position: relative;
    background: #FFFFFF;
    border-radius: 8px;
    padding: 16px;
    border: 1px solid #F2F4F7;
    transition: all 0.2s ease;
    margin-bottom: 24px;
}

.chart-container:hover[b-nxeebmh1ug] {
    border-color: #E6EEF8;
    box-shadow: 0px 2px 6px rgba(16, 24, 40, 0.08);
}

/* Gráfico de Barras CSS */
.bar-chart[b-nxeebmh1ug] {
    padding: 16px 0;
}

.bar-item[b-nxeebmh1ug] {
    margin-bottom: 16px;
}

.bar-label[b-nxeebmh1ug] {
    font-size: 12px;
    font-weight: 500;
    color: #4B5563;
    margin-bottom: 4px;
    text-transform: capitalize;
}

.bar-container[b-nxeebmh1ug] {
    background-color: #F3F4F6;
    border-radius: 4px;
    height: 32px;
    position: relative;
    overflow: hidden;
}

.bar-fill[b-nxeebmh1ug] {
    background: linear-gradient(90deg, #14365C 0%, #265985 100%);
    height: 100%;
    border-radius: 4px;
    position: relative;
    transition: width 0.8s ease-in-out;
    animation: barGrow-b-nxeebmh1ug 1.2s ease-out;
    display: flex;
    align-items: center;
    justify-content: flex-end;
    padding-right: 8px;
    min-width: 24px;
}

.bar-value[b-nxeebmh1ug] {
    color: #FFFFFF;
    font-size: 11px;
    font-weight: 600;
    text-shadow: 0 1px 2px rgba(0, 0, 0, 0.3);
}

@keyframes barGrow-b-nxeebmh1ug {
    from { width: 0% !important; }
    to { width: var(--final-width); }
}

/* Gráfico de Pizza CSS/SVG */
.pie-chart[b-nxeebmh1ug] {
    display: flex;
    flex-direction: column;
    align-items: center;
    padding: 16px 0;
}

.pie-svg[b-nxeebmh1ug] {
    width: 200px;
    height: 200px;
    margin-bottom: 16px;
}

.pie-slice[b-nxeebmh1ug] {
    transition: transform 0.2s ease, filter 0.2s ease;
    transform-origin: 100px 100px;
    cursor: pointer;
}

.pie-slice:hover[b-nxeebmh1ug] {
    transform: scale(1.05);
    filter: brightness(1.1);
}

/* Ícones */
.oi[b-nxeebmh1ug] {
    font-size: inherit;
}

.me-1[b-nxeebmh1ug] {
    margin-right: 8px !important;
}

/* Margin utilities */
.mb-4[b-nxeebmh1ug] {
    margin-bottom: 32px !important;
}

/* Títulos dos gráficos (se adicionados) */
.chart-title[b-nxeebmh1ug] {
    font-size: 14px;
    font-weight: 600;
    color: #111827;
    margin-bottom: 16px;
    text-align: center;
    padding-bottom: 8px;
    border-bottom: 1px solid #F2F4F7;
}

/* Estados de loading para gráficos */
.chart-loading[b-nxeebmh1ug] {
    display: flex;
    align-items: center;
    justify-content: center;
    height: 300px;
    background-color: #F9FAFB;
    border-radius: 8px;
    border: 2px dashed #E5E7EB;
}

.chart-loading-text[b-nxeebmh1ug] {
    color: #4B5563;
    font-size: 14px;
    font-style: italic;
}

.chart-loading-spinner[b-nxeebmh1ug] {
    width: 24px;
    height: 24px;
    border: 3px solid #E5E7EB;
    border-top: 3px solid #14365C;
    border-radius: 50%;
    animation: spin-b-nxeebmh1ug 1s linear infinite;
    margin-right: 12px;
}

@keyframes spin-b-nxeebmh1ug {
    0% { transform: rotate(0deg); }
    100% { transform: rotate(360deg); }
}

/* Estados de erro */
.chart-error[b-nxeebmh1ug] {
    display: flex;
    flex-direction: column;
    align-items: center;
    justify-content: center;
    height: 300px;
    background-color: #FEF2F2;
    border-radius: 8px;
    border: 2px dashed #F87171;
    color: #B42318;
}

.chart-error-icon[b-nxeebmh1ug] {
    font-size: 32px;
    margin-bottom: 12px;
}

.chart-error-text[b-nxeebmh1ug] {
    font-size: 14px;
    text-align: center;
}

/* Placeholder para gráficos */
.chart-placeholder[b-nxeebmh1ug] {
    height: 300px;
    background: linear-gradient(135deg, #F9FAFB 0%, #E6EEF8 100%);
    border-radius: 8px;
    display: flex;
    align-items: center;
    justify-content: center;
    position: relative;
    overflow: hidden;
}

.chart-placeholder[b-nxeebmh1ug]::before {
    content: '';
    position: absolute;
    top: 0;
    left: -100%;
    width: 100%;
    height: 100%;
    background: linear-gradient(90deg, transparent, rgba(255, 255, 255, 0.3), transparent);
    animation: shimmer-b-nxeebmh1ug 2s infinite;
}

@keyframes shimmer-b-nxeebmh1ug {
    0% { left: -100%; }
    100% { left: 100%; }
}

.chart-placeholder-text[b-nxeebmh1ug] {
    color: #14365C;
    font-size: 16px;
    font-weight: 500;
    z-index: 1;
}

/* Legendas customizadas (se necessárias) */
.chart-legend[b-nxeebmh1ug] {
    display: flex;
    justify-content: center;
    flex-wrap: wrap;
    gap: 16px;
    margin-top: 16px;
    padding-top: 16px;
    border-top: 1px solid #F2F4F7;
}

.legend-item[b-nxeebmh1ug] {
    display: flex;
    align-items: center;
    gap: 8px;
    font-size: 12px;
    color: #4B5563;
}

.legend-color[b-nxeebmh1ug] {
    width: 12px;
    height: 12px;
    border-radius: 3px;
}

/* Cores para as legendas baseadas na paleta Oxford Blue */
.legend-color.primary[b-nxeebmh1ug] {
    background-color: #14365C;
}

.legend-color.secondary[b-nxeebmh1ug] {
    background-color: #265985;
}

.legend-color.success[b-nxeebmh1ug] {
    background-color: #027A48;
}

.legend-color.warning[b-nxeebmh1ug] {
    background-color: #F59E0B;
}

.legend-color.danger[b-nxeebmh1ug] {
    background-color: #B42318;
}

.legend-color.info[b-nxeebmh1ug] {
    background-color: #E6EEF8;
}

/* Responsividade */
@media (max-width: 1200px) {
    .col-xl-6[b-nxeebmh1ug] {
        width: 100%;
        margin-bottom: 24px;
    }
    
    .chart-container[b-nxeebmh1ug] {
        margin-bottom: 32px;
    }
}

@media (max-width: 768px) {
    .card-header[b-nxeebmh1ug],
    .card-body[b-nxeebmh1ug] {
        padding: 16px;
    }
    
    .chart-container[b-nxeebmh1ug] {
        padding: 12px;
        height: 250px !important;
    }
    
    .chart-legend[b-nxeebmh1ug] {
        gap: 12px;
        margin-top: 12px;
        padding-top: 12px;
    }
    
    .legend-item[b-nxeebmh1ug] {
        font-size: 11px;
    }
}

@media (max-width: 576px) {
    .chart-container[b-nxeebmh1ug] {
        height: 200px !important;
    }
    
    .chart-legend[b-nxeebmh1ug] {
        flex-direction: column;
        align-items: center;
        gap: 8px;
    }
}

/* Animações de entrada */
.chart-container[b-nxeebmh1ug] {
    animation: fadeInUp-b-nxeebmh1ug 0.6s ease-out;
}

.chart-container:nth-child(1)[b-nxeebmh1ug] {
    animation-delay: 0.2s;
}

.chart-container:nth-child(2)[b-nxeebmh1ug] {
    animation-delay: 0.4s;
}

@keyframes fadeInUp-b-nxeebmh1ug {
    from {
        opacity: 0;
        transform: translateY(20px);
    }
    to {
        opacity: 1;
        transform: translateY(0);
    }
}

/* Melhorias para acessibilidade */
canvas:focus[b-nxeebmh1ug] {
    outline: 2px solid #14365C;
    outline-offset: 2px;
}

/* Overlay para interações */
.chart-overlay[b-nxeebmh1ug] {
    position: absolute;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
    background: rgba(20, 54, 92, 0.02);
    opacity: 0;
    transition: opacity 0.2s ease;
    border-radius: 6px;
}

.chart-container:hover .chart-overlay[b-nxeebmh1ug] {
    opacity: 1;
}

/* Botões de controle dos gráficos (se necessários) */
.chart-controls[b-nxeebmh1ug] {
    display: flex;
    justify-content: center;
    gap: 8px;
    margin-top: 16px;
    padding-top: 16px;
    border-top: 1px solid #F2F4F7;
}

.chart-control-btn[b-nxeebmh1ug] {
    background-color: #F9FAFB;
    border: 1px solid #E5E7EB;
    color: #4B5563;
    padding: 6px 12px;
    border-radius: 4px;
    font-size: 12px;
    cursor: pointer;
    transition: all 0.2s ease;
}

.chart-control-btn:hover[b-nxeebmh1ug] {
    background-color: #E6EEF8;
    border-color: #14365C;
    color: #14365C;
}

.chart-control-btn.active[b-nxeebmh1ug] {
    background-color: #14365C;
    border-color: #14365C;
    color: #FFFFFF;
}

/* Indicadores de dados */
.data-indicator[b-nxeebmh1ug] {
    position: absolute;
    top: 16px;
    right: 16px;
    background-color: rgba(20, 54, 92, 0.9);
    color: #FFFFFF;
    padding: 4px 8px;
    border-radius: 4px;
    font-size: 11px;
    font-weight: 500;
}

/* Tooltips customizados (se implementados) */
.chart-tooltip[b-nxeebmh1ug] {
    background-color: rgba(17, 24, 39, 0.95);
    color: #FFFFFF;
    padding: 8px 12px;
    border-radius: 6px;
    font-size: 12px;
    box-shadow: 0px 4px 8px rgba(0, 0, 0, 0.2);
    z-index: 1000;
}

/* Estados sem dados */
.no-data-chart[b-nxeebmh1ug] {
    display: flex;
    flex-direction: column;
    align-items: center;
    justify-content: center;
    height: 300px;
    color: #9CA3AF;
    background-color: #F9FAFB;
    border-radius: 8px;
    border: 2px dashed #E5E7EB;
}

.no-data-icon[b-nxeebmh1ug] {
    font-size: 48px;
    margin-bottom: 12px;
}

.no-data-text[b-nxeebmh1ug] {
    font-size: 14px;
    text-align: center;
    line-height: 1.5;
}

/* Estilos específicos para gráficos CSS */
.chart-container .bar-chart .bar-item:last-child[b-nxeebmh1ug] {
    margin-bottom: 0;
}

.chart-container .pie-chart .chart-legend[b-nxeebmh1ug] {
    margin-top: 0;
    padding-top: 0;
    border-top: none;
}

/* Animações de entrada para gráficos */
.bar-item[b-nxeebmh1ug] {
    animation: fadeInLeft-b-nxeebmh1ug 0.6s ease-out;
}

.bar-item:nth-child(1)[b-nxeebmh1ug] { animation-delay: 0.1s; }
.bar-item:nth-child(2)[b-nxeebmh1ug] { animation-delay: 0.2s; }
.bar-item:nth-child(3)[b-nxeebmh1ug] { animation-delay: 0.3s; }
.bar-item:nth-child(4)[b-nxeebmh1ug] { animation-delay: 0.4s; }
.bar-item:nth-child(5)[b-nxeebmh1ug] { animation-delay: 0.5s; }
.bar-item:nth-child(6)[b-nxeebmh1ug] { animation-delay: 0.6s; }

@keyframes fadeInLeft-b-nxeebmh1ug {
    from {
        opacity: 0;
        transform: translateX(-20px);
    }
    to {
        opacity: 1;
        transform: translateX(0);
    }
}

.pie-svg[b-nxeebmh1ug] {
    animation: fadeInScale-b-nxeebmh1ug 0.8s ease-out;
}

@keyframes fadeInScale-b-nxeebmh1ug {
    from {
        opacity: 0;
        transform: scale(0.8);
    }
    to {
        opacity: 1;
        transform: scale(1);
    }
}

/* Responsividade para gráficos CSS */
@media (max-width: 768px) {
    .bar-container[b-nxeebmh1ug] {
        height: 28px;
    }
    
    .bar-label[b-nxeebmh1ug] {
        font-size: 11px;
    }
    
    .bar-value[b-nxeebmh1ug] {
        font-size: 10px;
    }
    
    .pie-svg[b-nxeebmh1ug] {
        width: 160px;
        height: 160px;
    }
    
    .legend-item[b-nxeebmh1ug] {
        font-size: 11px;
    }
}

@media (max-width: 576px) {
    .bar-container[b-nxeebmh1ug] {
        height: 24px;
    }
    
    .pie-svg[b-nxeebmh1ug] {
        width: 140px;
        height: 140px;
    }
    
    .chart-legend[b-nxeebmh1ug] {
        gap: 8px;
    }
}

/* Melhorias de acessibilidade para gráficos CSS */
.bar-fill:focus[b-nxeebmh1ug],
.pie-slice:focus[b-nxeebmh1ug] {
    outline: 2px solid #14365C;
    outline-offset: 2px;
}

/* Estados de hover para barras */
.bar-fill:hover[b-nxeebmh1ug] {
    background: linear-gradient(90deg, #0F2A47 0%, #1E4A6F 100%);
    transform: scaleY(1.05);
    transition: all 0.2s ease;
}

/* Indicadores visuais melhorados */
.chart-title[b-nxeebmh1ug] {
    position: relative;
}

.chart-title[b-nxeebmh1ug]::after {
    content: '';
    position: absolute;
    bottom: -4px;
    left: 50%;
    transform: translateX(-50%);
    width: 40px;
    height: 2px;
    background-color: #14365C;
    border-radius: 1px;
}
/* _content/VeiculoSeguroBlazor/Components/Pages/Dashboard/QuadroAnuncios.razor.rz.scp.css */
/* QuadroAnuncios.razor.css - Estilo para quadro de anúncios baseado na paleta Oxford Blue */

/* Container principal */
.anuncios-container[b-5ry567n2h0] {
    margin-bottom: 32px;
}

/* Card principal */
.card[b-5ry567n2h0] {
    background: #FFFFFF;
    border: none;
    border-radius: 12px;
    box-shadow: 0px 1px 3px rgba(16, 24, 40, 0.05);
    overflow: hidden;
}

.card-header[b-5ry567n2h0] {
    padding: 20px 24px;
    border-bottom: 1px solid #E5E7EB;
}

.card-header.bg-primary[b-5ry567n2h0] {
    background-color: #14365C !important;
    color: #FFFFFF;
    border-bottom: none;
}

.card-header h4[b-5ry567n2h0] {
    font-family: 'Inter', -apple-system, BlinkMacSystemFont, 'Segoe UI', Roboto, sans-serif;
    font-size: 18px;
    font-weight: 600;
    margin: 0;
    display: flex;
    align-items: center;
}

.card-body[b-5ry567n2h0] {
    padding: 24px;
}

/* Lista de anúncios */
.list-group[b-5ry567n2h0] {
    border-radius: 0;
}

.list-group-item[b-5ry567n2h0] {
    background-color: #FFFFFF;
    border: 1px solid #E5E7EB;
    border-radius: 8px !important;
    padding: 20px;
    margin-bottom: 16px;
    transition: all 0.2s ease;
    position: relative;
    overflow: hidden;
}

.list-group-item:last-child[b-5ry567n2h0] {
    margin-bottom: 0;
}

.list-group-item-action:hover[b-5ry567n2h0] {
    background-color: #F9FAFB;
    transform: translateY(-2px);
    box-shadow: 0px 4px 8px rgba(16, 24, 40, 0.1);
}

/* Flex utilities */
.flex-column[b-5ry567n2h0] {
    flex-direction: column !important;
}

.align-items-start[b-5ry567n2h0] {
    align-items: flex-start !important;
}

.d-flex[b-5ry567n2h0] {
    display: flex !important;
}

.w-100[b-5ry567n2h0] {
    width: 100% !important;
}

.justify-content-between[b-5ry567n2h0] {
    justify-content: space-between !important;
}

/* Títulos dos anúncios */
.list-group-item h5[b-5ry567n2h0] {
    font-family: 'Inter', -apple-system, BlinkMacSystemFont, 'Segoe UI', Roboto, sans-serif;
    font-size: 16px;
    font-weight: 600;
    color: #111827;
    margin-bottom: 8px;
    line-height: 1.4;
}

/* Conteúdo dos anúncios */
.list-group-item p[b-5ry567n2h0] {
    color: #4B5563;
    font-size: 14px;
    line-height: 1.6;
    margin-bottom: 8px;
}

/* Datas */
.list-group-item small[b-5ry567n2h0] {
    color: #9CA3AF;
    font-size: 12px;
    font-weight: 500;
}

/* Botões de ação */
.btn[b-5ry567n2h0] {
    padding: 6px 12px;
    border-radius: 6px;
    font-weight: 500;
    font-size: 12px;
    cursor: pointer;
    transition: all 0.2s ease;
    display: inline-flex;
    align-items: center;
    gap: 4px;
    border: 1px solid transparent;
}

.btn-sm[b-5ry567n2h0] {
    padding: 4px 8px;
    font-size: 11px;
}

.btn-outline-primary[b-5ry567n2h0] {
    background-color: transparent;
    border-color: #14365C;
    color: #14365C;
}

.btn-outline-primary:hover[b-5ry567n2h0] {
    background-color: #14365C;
    border-color: #14365C;
    color: #FFFFFF;
    transform: translateY(-1px);
    box-shadow: 0 2px 4px rgba(20, 54, 92, 0.2);
}

/* Classes de prioridade */
.border-info[b-5ry567n2h0] {
    border-left: 4px solid #E6EEF8 !important;
    background-color: rgba(230, 238, 248, 0.1);
}

.border-success[b-5ry567n2h0] {
    border-left: 4px solid #027A48 !important;
    background-color: rgba(2, 122, 72, 0.05);
}

.border-warning[b-5ry567n2h0] {
    border-left: 4px solid #F59E0B !important;
    background-color: rgba(245, 158, 11, 0.05);
}

.border-danger[b-5ry567n2h0] {
    border-left: 4px solid #B42318 !important;
    background-color: rgba(180, 35, 24, 0.05);
}

/* Indicadores visuais para prioridades */
.border-info[b-5ry567n2h0]::before {
    content: "ℹ";
    position: absolute;
    top: 16px;
    right: 16px;
    width: 24px;
    height: 24px;
    background-color: #E6EEF8;
    color: #14365C;
    border-radius: 50%;
    display: flex;
    align-items: center;
    justify-content: center;
    font-size: 14px;
    font-weight: bold;
}

.border-success[b-5ry567n2h0]::before {
    content: "✓";
    position: absolute;
    top: 16px;
    right: 16px;
    width: 24px;
    height: 24px;
    background-color: #ECFDF3;
    color: #027A48;
    border-radius: 50%;
    display: flex;
    align-items: center;
    justify-content: center;
    font-size: 14px;
    font-weight: bold;
}

.border-warning[b-5ry567n2h0]::before {
    content: "⚠";
    position: absolute;
    top: 16px;
    right: 16px;
    width: 24px;
    height: 24px;
    background-color: #FEF3C7;
    color: #F59E0B;
    border-radius: 50%;
    display: flex;
    align-items: center;
    justify-content: center;
    font-size: 14px;
    font-weight: bold;
}

.border-danger[b-5ry567n2h0]::before {
    content: "🚨";
    position: absolute;
    top: 16px;
    right: 16px;
    width: 24px;
    height: 24px;
    background-color: #FEF2F2;
    color: #B42318;
    border-radius: 50%;
    display: flex;
    align-items: center;
    justify-content: center;
    font-size: 12px;
    font-weight: bold;
}

/* Alertas para estado vazio */
.alert[b-5ry567n2h0] {
    border: none;
    border-radius: 8px;
    padding: 16px;
    margin: 0;
    font-size: 14px;
    line-height: 1.5;
}

.alert-info[b-5ry567n2h0] {
    background-color: #E6EEF8;
    color: #14365C;
    border-left: 4px solid #14365C;
}

/* Ícones */
.oi[b-5ry567n2h0] {
    font-size: inherit;
}

.me-2[b-5ry567n2h0] {
    margin-right: 16px !important;
}

/* Margin utilities */
.mb-1[b-5ry567n2h0] {
    margin-bottom: 8px !important;
}

.mb-2[b-5ry567n2h0] {
    margin-bottom: 16px !important;
}

.mb-4[b-5ry567n2h0] {
    margin-bottom: 32px !important;
}

.mt-2[b-5ry567n2h0] {
    margin-top: 16px !important;
}

/* Text utilities */
.text-white[b-5ry567n2h0] {
    color: #FFFFFF !important;
}

/* Responsividade */
@media (max-width: 768px) {
    .card-header[b-5ry567n2h0],
    .card-body[b-5ry567n2h0] {
        padding: 16px;
    }
    
    .card-header h4[b-5ry567n2h0] {
        font-size: 16px;
    }
    
    .list-group-item[b-5ry567n2h0] {
        padding: 16px;
        margin-bottom: 12px;
    }
    
    .list-group-item h5[b-5ry567n2h0] {
        font-size: 14px;
    }
    
    .list-group-item p[b-5ry567n2h0] {
        font-size: 13px;
    }
    
    .d-flex.justify-content-between[b-5ry567n2h0] {
        flex-direction: column;
        gap: 8px;
    }
    
    .border-info[b-5ry567n2h0]::before,
    .border-success[b-5ry567n2h0]::before,
    .border-warning[b-5ry567n2h0]::before,
    .border-danger[b-5ry567n2h0]::before {
        top: 12px;
        right: 12px;
        width: 20px;
        height: 20px;
        font-size: 12px;
    }
}

/* Animações */
.list-group-item[b-5ry567n2h0] {
    animation: slideInUp-b-5ry567n2h0 0.6s ease-out;
}

.list-group-item:nth-child(1)[b-5ry567n2h0] {
    animation-delay: 0.1s;
}

.list-group-item:nth-child(2)[b-5ry567n2h0] {
    animation-delay: 0.2s;
}

.list-group-item:nth-child(3)[b-5ry567n2h0] {
    animation-delay: 0.3s;
}

@keyframes slideInUp-b-5ry567n2h0 {
    from {
        opacity: 0;
        transform: translateY(20px);
    }
    to {
        opacity: 1;
        transform: translateY(0);
    }
}

/* Efeitos de hover melhorados */
.list-group-item-action[b-5ry567n2h0] {
    cursor: pointer;
}

.list-group-item-action:hover h5[b-5ry567n2h0] {
    color: #14365C;
}

.list-group-item-action:hover .btn-outline-primary[b-5ry567n2h0] {
    background-color: #14365C;
    color: #FFFFFF;
}

/* Estados específicos para anúncios urgentes */
.border-danger[b-5ry567n2h0] {
    animation: pulse-urgent-b-5ry567n2h0 3s infinite;
}

@keyframes pulse-urgent-b-5ry567n2h0 {
    0%, 100% {
        box-shadow: 0px 1px 3px rgba(16, 24, 40, 0.05);
    }
    50% {
        box-shadow: 0px 4px 12px rgba(180, 35, 24, 0.2);
    }
}

/* Melhorias para leitura */
.list-group-item.border-danger h5[b-5ry567n2h0] {
    color: #B42318;
}

.list-group-item.border-warning h5[b-5ry567n2h0] {
    color: #92400E;
}

.list-group-item.border-success h5[b-5ry567n2h0] {
    color: #027A48;
}

.list-group-item.border-info h5[b-5ry567n2h0] {
    color: #14365C;
}

/* Links dentro dos anúncios */
.list-group-item a:not(.btn)[b-5ry567n2h0] {
    color: #14365C;
    text-decoration: underline;
    font-weight: 500;
}

.list-group-item a:not(.btn):hover[b-5ry567n2h0] {
    color: #0F2A47;
}

/* Estados de carregamento */
.loading-announcement[b-5ry567n2h0] {
    background: linear-gradient(90deg, #F3F4F6 25%, #E5E7EB 50%, #F3F4F6 75%);
    background-size: 200% 100%;
    animation: loading-b-5ry567n2h0 2s infinite;
    border-radius: 8px;
    height: 80px;
    margin-bottom: 16px;
}

@keyframes loading-b-5ry567n2h0 {
    0% {
        background-position: 200% 0;
    }
    100% {
        background-position: -200% 0;
    }
}

/* Espaçamento para conteúdo com indicadores */
.list-group-item.border-info[b-5ry567n2h0],
.list-group-item.border-success[b-5ry567n2h0],
.list-group-item.border-warning[b-5ry567n2h0],
.list-group-item.border-danger[b-5ry567n2h0] {
    padding-right: 56px;
}
/* _content/VeiculoSeguroBlazor/Components/Pages/DetalheChamado.razor.rz.scp.css */
/* DetalheChamado.razor.css - Estilo para página de detalhe do chamado baseado na paleta Oxford Blue */

/* Container principal */
.container-fluid[b-75rhhspzc8] {
    background-color: #F9FAFB;
    min-height: 100vh;
    padding: 32px 24px;
}

/* Breadcrumb */
.breadcrumb[b-75rhhspzc8] {
    background: none;
    padding: 0;
    margin-bottom: 16px;
    font-size: 14px;
}

.breadcrumb-item a[b-75rhhspzc8] {
    color: #14365C;
    text-decoration: none;
    transition: color 0.2s ease;
}

.breadcrumb-item a:hover[b-75rhhspzc8] {
    color: #0F2A47;
    text-decoration: underline;
}

.breadcrumb-item.active[b-75rhhspzc8] {
    color: #4B5563;
}

.breadcrumb-item + .breadcrumb-item[b-75rhhspzc8]::before {
    content: ">";
    color: #9CA3AF;
    margin: 0 8px;
}

/* Título principal */
h1[b-75rhhspzc8] {
    font-family: 'Inter', -apple-system, BlinkMacSystemFont, 'Segoe UI', Roboto, sans-serif;
    font-size: 28px;
    font-weight: 600;
    color: #111827;
    margin-bottom: 0;
    margin-top: 0;
}

/* Cards */
.card[b-75rhhspzc8] {
    background: #FFFFFF;
    border: none;
    border-radius: 12px;
    box-shadow: 0px 1px 3px rgba(16, 24, 40, 0.05);
    overflow: hidden;
    margin-bottom: 24px;
}

.card-header[b-75rhhspzc8] {
    background-color: #F9FAFB;
    border-bottom: 1px solid #E5E7EB;
    padding: 20px 24px;
}

.card-header.bg-light[b-75rhhspzc8] {
    background-color: #F9FAFB !important;
}

.card-title[b-75rhhspzc8] {
    font-size: 18px;
    font-weight: 600;
    color: #111827;
    margin: 0;
}

.card-body[b-75rhhspzc8] {
    padding: 24px;
}

/* Card específico de informações */
.h-100[b-75rhhspzc8] {
    height: 100%;
}

/* Seções de informação */
.card-body h3[b-75rhhspzc8] {
    font-size: 14px;
    font-weight: 600;
    color: #4B5563;
    margin-bottom: 8px;
    margin-top: 0;
    text-transform: uppercase;
    letter-spacing: 0.025em;
}

.card-body p[b-75rhhspzc8] {
    color: #111827;
    margin: 0;
    font-size: 14px;
    line-height: 1.5;
}

/* Badges */
.badge[b-75rhhspzc8] {
    padding: 6px 12px;
    border-radius: 12px;
    font-size: 11px;
    font-weight: 500;
    text-transform: uppercase;
    letter-spacing: 0.025em;
}

.bg-info[b-75rhhspzc8] {
    background-color: #E6EEF8 !important;
    color: #14365C !important;
}

.bg-primary[b-75rhhspzc8] {
    background-color: #14365C !important;
    color: #FFFFFF !important;
}

.bg-warning[b-75rhhspzc8] {
    background-color: #FEF3C7 !important;
    color: #92400E !important;
}

.bg-secondary[b-75rhhspzc8] {
    background-color: #F3F4F6 !important;
    color: #4B5563 !important;
}

.bg-success[b-75rhhspzc8] {
    background-color: #ECFDF3 !important;
    color: #027A48 !important;
}

.bg-dark[b-75rhhspzc8] {
    background-color: #111827 !important;
    color: #FFFFFF !important;
}

.bg-danger[b-75rhhspzc8] {
    background-color: #FEF2F2 !important;
    color: #B42318 !important;
}

/* Botões */
.btn[b-75rhhspzc8] {
    padding: 8px 16px;
    border-radius: 6px;
    font-weight: 500;
    font-size: 14px;
    cursor: pointer;
    transition: all 0.2s ease;
    display: inline-flex;
    align-items: center;
    gap: 8px;
    border: 1px solid transparent;
}

.btn-primary[b-75rhhspzc8] {
    background-color: #14365C;
    border-color: #14365C;
    color: #FFFFFF;
}

.btn-primary:hover:not(:disabled)[b-75rhhspzc8] {
    background-color: #0F2A47;
    border-color: #0F2A47;
    transform: translateY(-1px);
    box-shadow: 0 4px 8px rgba(20, 54, 92, 0.2);
}

.btn-outline-primary[b-75rhhspzc8] {
    background-color: transparent;
    border-color: #14365C;
    color: #14365C;
}

.btn-outline-primary:hover[b-75rhhspzc8] {
    background-color: #14365C;
    border-color: #14365C;
    color: #FFFFFF;
}

.btn-outline-secondary[b-75rhhspzc8] {
    background-color: transparent;
    border-color: #E5E7EB;
    color: #4B5563;
}

.btn-outline-secondary:hover[b-75rhhspzc8] {
    background-color: #F9FAFB;
    border-color: #E5E7EB;
    color: #111827;
}

.btn-sm[b-75rhhspzc8] {
    padding: 4px 8px;
    font-size: 12px;
}

.btn:disabled[b-75rhhspzc8] {
    background-color: #9CA3AF;
    border-color: #9CA3AF;
    color: #FFFFFF;
    cursor: not-allowed;
    transform: none;
    box-shadow: none;
}

/* Dropdowns */
.dropdown-menu[b-75rhhspzc8] {
    border: 1px solid #E5E7EB;
    border-radius: 8px;
    box-shadow: 0px 4px 8px rgba(16, 24, 40, 0.1);
    padding: 8px 0;
}

.dropdown-item[b-75rhhspzc8] {
    color: #111827;
    padding: 8px 16px;
    font-size: 14px;
    transition: background-color 0.15s ease-in-out;
}

.dropdown-item:hover[b-75rhhspzc8] {
    background-color: #F9FAFB;
    color: #14365C;
}

.dropdown-item.disabled[b-75rhhspzc8] {
    color: #9CA3AF;
    cursor: not-allowed;
}

.dropdown-divider[b-75rhhspzc8] {
    border-top: 1px solid #E5E7EB;
    margin: 8px 0;
}

/* Timeline */
.timeline[b-75rhhspzc8] {
    position: relative;
    padding: 24px;
}

.timeline-item[b-75rhhspzc8] {
    position: relative;
    padding: 20px 24px;
    border-left: 3px solid #E5E7EB;
    margin-bottom: 24px;
    background-color: #FFFFFF;
    border-radius: 0 8px 8px 0;
    transition: all 0.2s ease;
}

.timeline-item:hover[b-75rhhspzc8] {
    border-left-color: #14365C;
    background-color: #FAFBFC;
}

.timeline-item:last-child[b-75rhhspzc8] {
    margin-bottom: 0;
}

.timeline-item[b-75rhhspzc8]:before {
    content: "";
    position: absolute;
    left: -9px;
    top: 24px;
    width: 16px;
    height: 16px;
    border-radius: 50%;
    background: #14365C;
    border: 3px solid #FFFFFF;
    box-shadow: 0 2px 4px rgba(16, 24, 40, 0.1);
}

.timeline-item.bg-light[b-75rhhspzc8] {
    background-color: #E6EEF8 !important;
    border-left-color: #14365C;
}

.timeline-item.bg-light[b-75rhhspzc8]:before {
    background: #027A48;
}

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

.timeline-header strong[b-75rhhspzc8] {
    color: #111827;
    font-weight: 600;
    font-size: 14px;
}

.timeline-body[b-75rhhspzc8] {
    margin-top: 12px;
}

.timeline-body p[b-75rhhspzc8] {
    color: #4B5563;
    font-size: 14px;
    line-height: 1.6;
    margin: 0;
}

/* Texto com quebra de linha */
.white-space-pre-line[b-75rhhspzc8] {
    white-space: pre-line;
}

/* Formulários */
.form-label[b-75rhhspzc8] {
    font-weight: 500;
    color: #111827;
    margin-bottom: 8px;
    font-size: 14px;
    display: block;
}

.form-control[b-75rhhspzc8] {
    border: 1px solid #E5E7EB;
    border-radius: 6px;
    padding: 10px 14px;
    font-size: 14px;
    line-height: 1.5;
    color: #111827;
    background-color: #FFFFFF;
    transition: all 0.2s ease;
    width: 100%;
}

.form-control:focus[b-75rhhspzc8] {
    border-color: #14365C;
    box-shadow: 0 0 0 3px rgba(20, 54, 92, 0.1);
    outline: none;
}

.form-control[b-75rhhspzc8]::placeholder {
    color: #9CA3AF;
}

/* Textarea específico */
textarea.form-control[b-75rhhspzc8] {
    resize: vertical;
    min-height: 100px;
}

/* Checkbox */
.form-check[b-75rhhspzc8] {
    display: flex;
    align-items: center;
    gap: 8px;
    margin-bottom: 16px;
}

.form-check-input[b-75rhhspzc8] {
    width: 16px;
    height: 16px;
    border: 1px solid #E5E7EB;
    border-radius: 3px;
    background-color: #FFFFFF;
    cursor: pointer;
}

.form-check-input:checked[b-75rhhspzc8] {
    background-color: #14365C;
    border-color: #14365C;
}

.form-check-label[b-75rhhspzc8] {
    font-size: 14px;
    color: #4B5563;
    cursor: pointer;
    margin: 0;
}

/* Texto de ajuda */
.form-text[b-75rhhspzc8] {
    color: #4B5563;
    font-size: 12px;
    margin-top: 4px;
}

/* Estados de carregamento */
.spinner-border[b-75rhhspzc8] {
    width: 2rem;
    height: 2rem;
    border-width: 0.25em;
}

.spinner-border.text-primary[b-75rhhspzc8] {
    color: #14365C !important;
}

.spinner-border-sm[b-75rhhspzc8] {
    width: 16px;
    height: 16px;
    border-width: 2px;
}

/* Alertas */
.alert[b-75rhhspzc8] {
    border: none;
    border-radius: 8px;
    padding: 16px;
    margin-bottom: 24px;
    font-size: 14px;
    line-height: 1.5;
}

.alert-info[b-75rhhspzc8] {
    background-color: #E6EEF8;
    color: #14365C;
    border-left: 4px solid #14365C;
}

.alert-danger[b-75rhhspzc8] {
    background-color: #FEF2F2;
    color: #B42318;
    border-left: 4px solid #B42318;
}

/* Layout utilities */
.row[b-75rhhspzc8] {
    display: flex;
    flex-wrap: wrap;
    margin-right: -12px;
    margin-left: -12px;
}

.col[b-75rhhspzc8], .col-md-4[b-75rhhspzc8], .col-md-8[b-75rhhspzc8] {
    padding-right: 12px;
    padding-left: 12px;
}

.col-md-8[b-75rhhspzc8] {
    flex: 0 0 auto;
    width: 66.66666667%;
}

.col-md-4[b-75rhhspzc8] {
    flex: 0 0 auto;
    width: 33.33333333%;
}

.col[b-75rhhspzc8] {
    flex: 1 0 0%;
}

/* Flex utilities */
.d-flex[b-75rhhspzc8] {
    display: flex !important;
}

.justify-content-between[b-75rhhspzc8] {
    justify-content: space-between !important;
}

.justify-content-center[b-75rhhspzc8] {
    justify-content: center !important;
}

.justify-content-end[b-75rhhspzc8] {
    justify-content: flex-end !important;
}

.align-items-center[b-75rhhspzc8] {
    align-items: center !important;
}

.d-inline-block[b-75rhhspzc8] {
    display: inline-block !important;
}

/* Margin utilities */
.mb-0[b-75rhhspzc8] {
    margin-bottom: 0 !important;
}

.mb-3[b-75rhhspzc8] {
    margin-bottom: 24px !important;
}

.mb-4[b-75rhhspzc8] {
    margin-bottom: 32px !important;
}

.me-1[b-75rhhspzc8] {
    margin-right: 8px !important;
}

.me-2[b-75rhhspzc8] {
    margin-right: 16px !important;
}

.ms-2[b-75rhhspzc8] {
    margin-left: 16px !important;
}

.mt-2[b-75rhhspzc8] {
    margin-top: 16px !important;
}

/* Padding utilities */
.py-4[b-75rhhspzc8] {
    padding-top: 32px !important;
    padding-bottom: 32px !important;
}

.px-4[b-75rhhspzc8] {
    padding-left: 32px !important;
    padding-right: 32px !important;
}

.p-0[b-75rhhspzc8] {
    padding: 0 !important;
}

.p-3[b-75rhhspzc8] {
    padding: 24px !important;
}

.px-3[b-75rhhspzc8] {
    padding-left: 24px !important;
    padding-right: 24px !important;
}

.py-2[b-75rhhspzc8] {
    padding-top: 16px !important;
    padding-bottom: 16px !important;
}

/* Font utilities */
.fs-2[b-75rhhspzc8] {
    font-size: 2rem !important;
}

.fs-5[b-75rhhspzc8] {
    font-size: 1.25rem !important;
}

.fs-6[b-75rhhspzc8] {
    font-size: 1rem !important;
}

/* Text utilities */
.text-muted[b-75rhhspzc8] {
    color: #4B5563 !important;
}

.text-dark[b-75rhhspzc8] {
    color: #111827 !important;
}

.text-decoration-line-through[b-75rhhspzc8] {
    text-decoration: line-through !important;
}

/* Shadow utilities */
.shadow-sm[b-75rhhspzc8] {
    box-shadow: 0px 1px 3px rgba(16, 24, 40, 0.05) !important;
}

/* Visibility utilities */
.visually-hidden[b-75rhhspzc8] {
    position: absolute !important;
    width: 1px !important;
    height: 1px !important;
    padding: 0 !important;
    margin: -1px !important;
    overflow: hidden !important;
    clip: rect(0, 0, 0, 0) !important;
    white-space: nowrap !important;
    border: 0 !important;
}

/* Responsividade */
@media (max-width: 768px) {
    .container-fluid[b-75rhhspzc8] {
        padding: 16px 12px;
    }
    
    h1[b-75rhhspzc8] {
        font-size: 24px;
        margin-bottom: 16px;
    }
    
    .card-header[b-75rhhspzc8],
    .card-body[b-75rhhspzc8] {
        padding: 16px;
    }
    
    .col-md-8[b-75rhhspzc8],
    .col-md-4[b-75rhhspzc8] {
        width: 100%;
        margin-bottom: 16px;
    }
    
    .d-flex.justify-content-between[b-75rhhspzc8] {
        flex-direction: column;
        gap: 16px;
    }
    
    .timeline[b-75rhhspzc8] {
        padding: 16px;
    }
    
    .timeline-item[b-75rhhspzc8] {
        padding: 16px 20px;
        margin-bottom: 20px;
    }
    
    .timeline-header[b-75rhhspzc8] {
        flex-direction: column;
        align-items: flex-start;
        gap: 8px;
    }
    
    .breadcrumb[b-75rhhspzc8] {
        font-size: 12px;
    }
    
    .btn[b-75rhhspzc8] {
        width: 100%;
        justify-content: center;
        margin-bottom: 8px;
    }
    
    .dropdown[b-75rhhspzc8] {
        width: 100%;
    }
    
    .dropdown-toggle[b-75rhhspzc8] {
        width: 100%;
    }
}

/* Melhorias específicas */
.timeline-item[b-75rhhspzc8] {
    animation: fadeInLeft-b-75rhhspzc8 0.3s ease-out;
}

@keyframes fadeInLeft-b-75rhhspzc8 {
    from {
        opacity: 0;
        transform: translateX(-20px);
    }
    to {
        opacity: 1;
        transform: translateX(0);
    }
}

/* Estados de loading centralizados */
.loading-center[b-75rhhspzc8] {
    display: flex;
    justify-content: center;
    align-items: center;
    min-height: 300px;
}

/* Badge com tamanho específico */
.badge.fs-6[b-75rhhspzc8] {
    font-size: 12px !important;
    padding: 8px 16px;
}

/* Ícones Bootstrap */
.bi[b-75rhhspzc8] {
    font-size: inherit;
}

/* Melhorias para anexos */
.attachment-link[b-75rhhspzc8] {
    display: inline-flex;
    align-items: center;
    gap: 8px;
    padding: 8px 12px;
    background-color: #F9FAFB;
    border: 1px solid #E5E7EB;
    border-radius: 6px;
    color: #14365C;
    text-decoration: none;
    font-size: 13px;
    transition: all 0.2s ease;
}

.attachment-link:hover[b-75rhhspzc8] {
    background-color: #E6EEF8;
    border-color: #14365C;
    color: #0F2A47;
    text-decoration: none;
}
/* _content/VeiculoSeguroBlazor/Components/Pages/EditarUsuarioCliente.razor.rz.scp.css */
/* Utilizar variáveis CSS do app.css para manter consistência com a paleta de cores do site */

/* ====================================
   HEADERS DOS CARDS - Gradiente Azul
   ==================================== */
.card-header[b-gam35idej0] {
    background: linear-gradient(135deg, var(--color-primary, #1e2b4a) 0%, var(--color-secondary, #2c3c5d) 100%);
    color: var(--color-text-light, #f8fafc);
    border: none;
    padding: 20px 24px;
    border-radius: var(--border-radius, 8px) var(--border-radius, 8px) 0 0;
    font-weight: 600;
}

.card-header h5[b-gam35idej0] {
    margin: 0;
    font-size: 1.1rem;
    font-weight: 600;
    color: var(--color-text-light, #f8fafc);
}

/* ====================================
   CARD BODIES - Fundo Branco Limpo
   ==================================== */
.card-body[b-gam35idej0] {
    background-color: var(--color-surface, #ffffff);
    padding: 24px;
}

/* ====================================
   LABELS DE FORMULÁRIOS - Legível
   ==================================== */
.form-label[b-gam35idej0] {
    color: var(--color-text, #1e293b);
    font-weight: 500;
    margin-bottom: 8px;
    font-size: 0.95rem;
}

/* ====================================
   CHECKBOXES E RADIO LABELS
   ==================================== */
.form-check-label[b-gam35idej0] {
    color: var(--color-text, #1e293b);
    font-weight: 500;
    cursor: pointer;
}

.form-check-label strong[b-gam35idej0] {
    color: var(--color-text, #1e293b);
    font-weight: 600;
}

/* ====================================
   DESCRIÇÕES PEQUENAS - Cinza Legível
   ==================================== */
.form-check-label small[b-gam35idej0],
small.text-muted[b-gam35idej0],
.text-muted[b-gam35idej0] {
    color: var(--color-text-secondary, #64748b) !important;
    font-size: 0.875rem;
    line-height: 1.4;
}

/* ====================================
   CARDS PRINCIPAIS - Sombra Suave
   ==================================== */
.card[b-gam35idej0] {
    background-color: var(--color-surface, #ffffff);
    border: none;
    box-shadow: 0 4px 20px rgba(0, 0, 0, 0.08);
    border-radius: var(--border-radius, 8px);
    margin-bottom: 20px;
}

/* ====================================
   INPUTS E SELECTS - Foco com Accent
   ==================================== */
.form-control:focus[b-gam35idej0],
.form-select:focus[b-gam35idej0],
.form-check-input:focus[b-gam35idej0] {
    border-color: var(--color-accent, #00d4ff);
    box-shadow: 0 0 0 0.2rem rgba(0, 212, 255, 0.25);
}

/* ====================================
   CHECKBOXES E RADIOS - Checked State
   ==================================== */
.form-check-input:checked[b-gam35idej0] {
    background-color: var(--color-accent, #00d4ff);
    border-color: var(--color-accent, #00d4ff);
}

.form-check-input[type="radio"]:checked[b-gam35idej0] {
    background-color: var(--color-accent, #00d4ff);
    border-color: var(--color-accent, #00d4ff);
}

/* ====================================
   TÍTULOS H6 EM SEÇÕES
   ==================================== */
h6[b-gam35idej0] {
    color: var(--color-text, #1e293b);
    font-weight: 600;
    margin-bottom: 12px;
}

/* ====================================
   ALERTAS CUSTOMIZADOS
   ==================================== */
.alert-info[b-gam35idej0] {
    background-color: rgba(0, 212, 255, 0.1);
    border-color: rgba(0, 212, 255, 0.3);
    color: var(--color-text, #1e293b);
}

.alert-warning[b-gam35idej0] {
    background-color: rgba(255, 193, 7, 0.1);
    border-color: rgba(255, 193, 7, 0.3);
    color: var(--color-text, #1e293b);
}

/* ====================================
   TABELA DE HORÁRIOS
   ==================================== */
.table[b-gam35idej0] {
    color: var(--color-text, #1e293b);
}

.table thead[b-gam35idej0] {
    background-color: rgba(30, 43, 74, 0.05);
}

.table thead th[b-gam35idej0] {
    color: var(--color-text, #1e293b);
    font-weight: 600;
    border-bottom: 2px solid var(--color-border, #e2e8f0);
}

.table tbody td[b-gam35idej0] {
    color: var(--color-text, #1e293b);
}

/* ====================================
   BOTÕES - Alinhados com o Site
   ==================================== */
.btn-primary[b-gam35idej0] {
    background: linear-gradient(135deg, var(--color-primary, #1e2b4a) 0%, var(--color-secondary, #2c3c5d) 100%);
    border: none;
    color: var(--color-text-light, #f8fafc) !important;
    font-weight: 600;
    padding: 12px 24px;
    border-radius: 50px;
    box-shadow: 0 4px 10px rgba(0, 212, 255, 0.25);
    transition: all 0.3s ease;
}

.btn-primary:hover[b-gam35idej0] {
    background: linear-gradient(135deg, var(--color-primary-dark, #0f172a) 0%, var(--color-primary, #1e2b4a) 100%);
    transform: translateY(-2px);
    box-shadow: 0 6px 15px rgba(0, 0, 0, 0.2);
    color: var(--color-text-light, #f8fafc) !important;
}

.btn-primary:disabled[b-gam35idej0] {
    background: linear-gradient(135deg, #94a3b8 0%, #64748b 100%);
    color: #cbd5e1 !important;
    opacity: 0.6;
    cursor: not-allowed;
    transform: none;
}

.btn-secondary[b-gam35idej0] {
    background: #e2e8f0;
    border: 1px solid #cbd5e1;
    color: var(--color-text, #1e293b) !important;
    font-weight: 500;
    padding: 12px 24px;
    border-radius: 50px;
    transition: all 0.3s ease;
}

.btn-secondary:hover[b-gam35idej0] {
    background: #cbd5e1;
    border-color: #94a3b8;
    color: var(--color-text, #1e293b) !important;
    transform: translateY(-1px);
}

.btn-success[b-gam35idej0] {
    background: linear-gradient(135deg, #10b981 0%, #059669 100%);
    border: none;
    color: white !important;
    font-weight: 500;
}

.btn-success:hover[b-gam35idej0] {
    background: linear-gradient(135deg, #059669 0%, #047857 100%);
    transform: translateY(-1px);
    box-shadow: 0 4px 12px rgba(16, 185, 129, 0.3);
    color: white !important;
}

.btn-danger[b-gam35idej0] {
    background: linear-gradient(135deg, #ef4444 0%, #dc2626 100%);
    border: none;
    color: white !important;
    font-weight: 500;
}

.btn-danger:hover[b-gam35idej0] {
    background: linear-gradient(135deg, #dc2626 0%, #b91c1c 100%);
    transform: translateY(-1px);
    box-shadow: 0 4px 12px rgba(239, 68, 68, 0.3);
    color: white !important;
}
/* _content/VeiculoSeguroBlazor/Components/Pages/Error.razor.rz.scp.css */
/* Error.razor.css - Estilo para página de erro baseado na paleta Oxford Blue */

/* Container principal */
.page-container[b-4e6xg89m8a] {
    background-color: #F9FAFB;
    min-height: 100vh;
    padding: 32px 24px;
    display: flex;
    flex-direction: column;
    align-items: center;
    justify-content: center;
}

/* Títulos de erro */
h1[b-4e6xg89m8a] {
    font-family: 'Inter', -apple-system, BlinkMacSystemFont, 'Segoe UI', Roboto, sans-serif;
    font-size: 32px;
    font-weight: 700;
    color: #B42318;
    margin-bottom: 16px;
    margin-top: 0;
    text-align: center;
}

h2[b-4e6xg89m8a] {
    font-family: 'Inter', -apple-system, BlinkMacSystemFont, 'Segoe UI', Roboto, sans-serif;
    font-size: 20px;
    font-weight: 500;
    color: #B42318;
    margin-bottom: 32px;
    margin-top: 0;
    text-align: center;
    max-width: 600px;
}

h3[b-4e6xg89m8a] {
    font-family: 'Inter', -apple-system, BlinkMacSystemFont, 'Segoe UI', Roboto, sans-serif;
    font-size: 18px;
    font-weight: 600;
    color: #111827;
    margin-bottom: 16px;
    margin-top: 32px;
}

/* Classe de texto de perigo */
.text-danger[b-4e6xg89m8a] {
    color: #B42318 !important;
}

/* Parágrafos */
p[b-4e6xg89m8a] {
    color: #4B5563;
    font-size: 14px;
    line-height: 1.6;
    margin-bottom: 16px;
    max-width: 700px;
}

/* Código e request ID */
code[b-4e6xg89m8a] {
    background-color: #F9FAFB;
    border: 1px solid #E5E7EB;
    border-radius: 4px;
    padding: 4px 8px;
    font-family: 'Consolas', 'Monaco', 'Courier New', monospace;
    font-size: 13px;
    color: #14365C;
}

strong[b-4e6xg89m8a] {
    color: #111827;
    font-weight: 600;
}

/* Card de erro */
.error-card[b-4e6xg89m8a] {
    background: #FFFFFF;
    border-radius: 12px;
    box-shadow: 0px 4px 8px rgba(16, 24, 40, 0.1);
    padding: 48px 32px;
    max-width: 800px;
    width: 100%;
    text-align: center;
    border: 1px solid #E5E7EB;
    margin: 24px auto;
}

/* Ícone de erro */
.error-icon[b-4e6xg89m8a] {
    width: 64px;
    height: 64px;
    background-color: #B42318;
    border-radius: 50%;
    display: flex;
    align-items: center;
    justify-content: center;
    margin: 0 auto 24px;
    color: white;
    font-size: 32px;
    font-weight: bold;
}

/* Seção de desenvolvimento */
.development-section[b-4e6xg89m8a] {
    background-color: #FEF3C7;
    border: 1px solid #F59E0B;
    border-radius: 8px;
    padding: 20px;
    margin-top: 24px;
    border-left: 4px solid #F59E0B;
}

.development-section h3[b-4e6xg89m8a] {
    color: #92400E;
    margin-top: 0;
    margin-bottom: 12px;
}

.development-section p[b-4e6xg89m8a] {
    color: #92400E;
    margin-bottom: 12px;
}

.development-section p:last-child[b-4e6xg89m8a] {
    margin-bottom: 0;
}

/* Request ID */
.request-id[b-4e6xg89m8a] {
    background-color: #E6EEF8;
    border: 1px solid #14365C;
    border-radius: 8px;
    padding: 16px;
    margin: 24px 0;
    border-left: 4px solid #14365C;
}

.request-id p[b-4e6xg89m8a] {
    color: #14365C;
    margin: 0;
    font-size: 14px;
}

/* Botão de voltar (se adicionado) */
.btn-back[b-4e6xg89m8a] {
    background-color: #14365C;
    border: 1px solid #14365C;
    color: #FFFFFF;
    padding: 12px 24px;
    border-radius: 6px;
    font-weight: 500;
    font-size: 14px;
    cursor: pointer;
    transition: all 0.2s ease;
    text-decoration: none;
    display: inline-flex;
    align-items: center;
    gap: 8px;
    margin-top: 24px;
}

.btn-back:hover[b-4e6xg89m8a] {
    background-color: #0F2A47;
    border-color: #0F2A47;
    color: #FFFFFF;
    transform: translateY(-1px);
    box-shadow: 0 4px 8px rgba(20, 54, 92, 0.2);
    text-decoration: none;
}

/* Responsividade */
@media (max-width: 768px) {
    .page-container[b-4e6xg89m8a] {
        padding: 16px 12px;
    }
    
    .error-card[b-4e6xg89m8a] {
        padding: 32px 24px;
        margin: 16px;
    }
    
    h1[b-4e6xg89m8a] {
        font-size: 28px;
        margin-bottom: 12px;
    }
    
    h2[b-4e6xg89m8a] {
        font-size: 18px;
        margin-bottom: 24px;
    }
    
    h3[b-4e6xg89m8a] {
        font-size: 16px;
    }
    
    p[b-4e6xg89m8a] {
        font-size: 13px;
    }
    
    .error-icon[b-4e6xg89m8a] {
        width: 48px;
        height: 48px;
        font-size: 24px;
        margin-bottom: 20px;
    }
    
    .development-section[b-4e6xg89m8a],
    .request-id[b-4e6xg89m8a] {
        padding: 16px;
    }
}

/* Animação de entrada */
@keyframes fadeInUp-b-4e6xg89m8a {
    from {
        opacity: 0;
        transform: translateY(20px);
    }
    to {
        opacity: 1;
        transform: translateY(0);
    }
}

.error-card[b-4e6xg89m8a] {
    animation: fadeInUp-b-4e6xg89m8a 0.6s ease-out;
}

/* Estados específicos para diferentes tipos de erro */
.error-404 h1[b-4e6xg89m8a] {
    color: #14365C;
}

.error-500 h1[b-4e6xg89m8a] {
    color: #B42318;
}

.error-403 h1[b-4e6xg89m8a] {
    color: #F59E0B;
}

/* Melhorias visuais */
.error-details[b-4e6xg89m8a] {
    text-align: left;
    max-width: 100%;
    margin-top: 24px;
}

.error-details strong[b-4e6xg89m8a] {
    display: block;
    margin-bottom: 4px;
}

/* Links de ajuda */
.help-links[b-4e6xg89m8a] {
    margin-top: 32px;
    padding-top: 24px;
    border-top: 1px solid #E5E7EB;
}

.help-link[b-4e6xg89m8a] {
    color: #14365C;
    text-decoration: none;
    font-weight: 500;
    display: inline-flex;
    align-items: center;
    gap: 8px;
    margin-right: 16px;
    transition: color 0.2s ease;
}

.help-link:hover[b-4e6xg89m8a] {
    color: #0F2A47;
    text-decoration: underline;
}

/* Utilidades */
.text-center[b-4e6xg89m8a] {
    text-align: center;
}

.mt-3[b-4e6xg89m8a] {
    margin-top: 24px;
}

.mb-3[b-4e6xg89m8a] {
    margin-bottom: 24px;
}

/* Estilos específicos para código de ambiente */
.env-variable[b-4e6xg89m8a] {
    background-color: #E6EEF8;
    color: #14365C;
    padding: 2px 6px;
    border-radius: 4px;
    font-family: 'Consolas', 'Monaco', 'Courier New', monospace;
    font-size: 12px;
    font-weight: 600;
}

/* Aviso de segurança */
.security-warning[b-4e6xg89m8a] {
    background-color: #FEF2F2;
    border: 1px solid #B42318;
    border-radius: 8px;
    padding: 16px;
    margin-top: 16px;
    border-left: 4px solid #B42318;
}

.security-warning p[b-4e6xg89m8a] {
    color: #B42318;
    margin: 0;
    font-weight: 500;
}
/* _content/VeiculoSeguroBlazor/Components/Pages/Home.razor.rz.scp.css */
/* Home.razor.css - Estilo para Dashboard baseado na paleta Oxford Blue */

.container-fluid[b-bof6h6hvrw] {
    background-color: #F9FAFB;
    min-height: 100vh;
    padding: 32px 24px;
}

h1[b-bof6h6hvrw] {
    font-family: 'Inter', -apple-system, BlinkMacSystemFont, 'Segoe UI', Roboto, sans-serif;
    font-size: 28px;
    font-weight: 600;
    color: #111827;
    margin-bottom: 32px;
    margin-top: 0;
}

/* Espaçamento entre os componentes do dashboard */
[b-bof6h6hvrw] .dashboard-component {
    margin-bottom: 32px;
}

/* Estilo geral para cards do dashboard */
[b-bof6h6hvrw] .card {
    background: #FFFFFF;
    border: none;
    border-radius: 12px;
    box-shadow: 0px 1px 3px rgba(16, 24, 40, 0.05);
    margin-bottom: 24px;
    overflow: hidden;
}

[b-bof6h6hvrw] .card-header {
    background-color: #FFFFFF;
    border-bottom: 1px solid #E5E7EB;
    padding: 20px 24px;
    font-weight: 600;
    color: #111827;
}

[b-bof6h6hvrw] .card-body {
    padding: 24px;
}

/* Estilo para estatísticas */
[b-bof6h6hvrw] .stat-value {
    font-size: 36px;
    font-weight: 700;
    color: #14365C;
    margin-bottom: 8px;
    line-height: 1;
}

[b-bof6h6hvrw] .stat-label {
    color: #4B5563;
    font-size: 14px;
    font-weight: 500;
}

/* Estilo para badges */
[b-bof6h6hvrw] .badge {
    padding: 4px 12px;
    border-radius: 16px;
    font-size: 12px;
    font-weight: 500;
}

[b-bof6h6hvrw] .badge-primary {
    background-color: #E6EEF8;
    color: #14365C;
}

[b-bof6h6hvrw] .badge-success {
    background-color: #ECFDF3;
    color: #027A48;
}

[b-bof6h6hvrw] .badge-danger {
    background-color: #FEF2F2;
    color: #B42318;
}

/* Estilo para gráficos */
[b-bof6h6hvrw] .chart-container {
    background: #FFFFFF;
    border-radius: 12px;
    box-shadow: 0px 1px 3px rgba(16, 24, 40, 0.05);
    padding: 24px;
}

/* Estilo para quadro de anúncios */
[b-bof6h6hvrw] .announcement-card {
    background: linear-gradient(135deg, #14365C 0%, #265985 100%);
    color: white;
    border-radius: 12px;
    padding: 32px;
    margin-bottom: 32px;
}

[b-bof6h6hvrw] .announcement-title {
    font-size: 24px;
    font-weight: 600;
    margin-bottom: 16px;
}

[b-bof6h6hvrw] .announcement-text {
    font-size: 16px;
    opacity: 0.9;
    line-height: 1.6;
}

/* Responsividade */
@media (max-width: 768px) {
    .container-fluid[b-bof6h6hvrw] {
        padding: 16px 12px;
    }
    
    h1[b-bof6h6hvrw] {
        font-size: 24px;
        margin-bottom: 24px;
    }
    
    [b-bof6h6hvrw] .card-body {
        padding: 16px;
    }
    
    [b-bof6h6hvrw] .stat-value {
        font-size: 28px;
    }
}

/* Layout em grid para estatísticas */
[b-bof6h6hvrw] .stats-grid {
    display: grid;
    grid-template-columns: repeat(auto-fit, minmax(200px, 1fr));
    gap: 24px;
    margin-bottom: 32px;
}

[b-bof6h6hvrw] .stat-card {
    background: #FFFFFF;
    border-radius: 12px;
    padding: 24px;
    box-shadow: 0px 1px 3px rgba(16, 24, 40, 0.05);
    text-align: center;
    border: 1px solid #F2F4F7;
}

[b-bof6h6hvrw] .stat-card:hover {
    box-shadow: 0px 4px 8px rgba(16, 24, 40, 0.1);
    transform: translateY(-2px);
    transition: all 0.2s ease;
}
/* _content/VeiculoSeguroBlazor/Components/Pages/LoginPage.razor.rz.scp.css */
/* LoginPage.razor.css - Estilo para página de login baseado na paleta Oxford Blue */

/* Reset de estilos globais para esta página */
[b-ggvnv382qa] body {
    background-color: #F9FAFB;
    font-family: 'Inter', -apple-system, BlinkMacSystemFont, 'Segoe UI', Roboto, sans-serif;
}

/* Container principal */
.login-container[b-ggvnv382qa] {
    min-height: 100vh;
    display: flex;
    align-items: center;
    justify-content: center;
    padding: 24px;
    background: linear-gradient(135deg, #F9FAFB 0%, #E6EEF8 100%);
}

/* Caixa de login */
.login-box[b-ggvnv382qa] {
    background-color: #FFFFFF;
    border-radius: 12px;
    box-shadow: 0px 4px 8px rgba(16, 24, 40, 0.1);
    width: 100%;
    max-width: 400px;
    padding: 48px 32px;
    border: 1px solid #E5E7EB;
}

/* Cabeçalho do login */
.login-header[b-ggvnv382qa] {
    text-align: center;
    margin-bottom: 32px;
}

.login-header h2[b-ggvnv382qa] {
    font-size: 28px;
    font-weight: 700;
    color: #14365C;
    margin-bottom: 8px;
    margin-top: 0;
}

.login-header p[b-ggvnv382qa] {
    color: #4B5563;
    font-size: 16px;
    margin: 0;
    line-height: 1.5;
}

/* Formulário de login */
.login-form[b-ggvnv382qa] {
    margin-top: 24px;
}

/* Grupos de formulário */
.form-group[b-ggvnv382qa] {
    margin-bottom: 24px;
}

/* Labels */
.form-group label[b-ggvnv382qa] {
    font-weight: 500;
    color: #111827;
    margin-bottom: 8px;
    font-size: 14px;
    display: block;
}

/* Campos de entrada */
.form-control[b-ggvnv382qa] {
    border: 1px solid #E5E7EB;
    border-radius: 6px;
    padding: 12px 16px;
    font-size: 14px;
    line-height: 1.5;
    color: #111827;
    background-color: #FFFFFF;
    transition: all 0.2s ease;
    width: 100%;
    box-sizing: border-box;
}

.form-control:focus[b-ggvnv382qa] {
    border-color: #14365C;
    box-shadow: 0 0 0 3px rgba(20, 54, 92, 0.1);
    outline: none;
}

.form-control[b-ggvnv382qa]::placeholder {
    color: #9CA3AF;
}

/* Checkbox customizado */
.form-check[b-ggvnv382qa] {
    display: flex;
    align-items: center;
    gap: 8px;
    margin-bottom: 24px;
}

.form-check-input[b-ggvnv382qa] {
    width: 16px;
    height: 16px;
    border: 1px solid #E5E7EB;
    border-radius: 3px;
    background-color: #FFFFFF;
    cursor: pointer;
}

.form-check-input:checked[b-ggvnv382qa] {
    background-color: #14365C;
    border-color: #14365C;
}

.form-check-label[b-ggvnv382qa] {
    font-size: 14px;
    color: #4B5563;
    cursor: pointer;
    margin: 0;
}

/* Botão primário */
.btn-primary[b-ggvnv382qa] {
    background-color: #14365C;
    border: 1px solid #14365C;
    color: #FFFFFF;
    padding: 12px 24px;
    border-radius: 6px;
    font-weight: 500;
    font-size: 16px;
    cursor: pointer;
    transition: all 0.2s ease;
    width: 100%;
    box-sizing: border-box;
}

.btn-primary:hover:not(:disabled)[b-ggvnv382qa] {
    background-color: #0F2A47;
    border-color: #0F2A47;
    transform: translateY(-1px);
    box-shadow: 0 4px 8px rgba(20, 54, 92, 0.2);
}

.btn-primary:disabled[b-ggvnv382qa] {
    background-color: #9CA3AF;
    border-color: #9CA3AF;
    cursor: not-allowed;
    transform: none;
    box-shadow: none;
}

.btn-lg[b-ggvnv382qa] {
    padding: 14px 24px;
    font-size: 16px;
}

/* Grid para botão */
.d-grid[b-ggvnv382qa] {
    display: grid;
    margin-bottom: 24px;
}

/* Links */
a[b-ggvnv382qa] {
    color: #14365C;
    text-decoration: none;
    font-size: 14px;
    transition: color 0.2s ease;
}

a:hover[b-ggvnv382qa] {
    color: #0F2A47;
    text-decoration: underline;
}

/* Alertas */
.alert[b-ggvnv382qa] {
    border: none;
    border-radius: 8px;
    padding: 16px;
    margin-bottom: 24px;
    font-size: 14px;
    line-height: 1.5;
}

.alert-danger[b-ggvnv382qa] {
    background-color: #FEF2F2;
    color: #B42318;
    border-left: 4px solid #B42318;
}

/* Mensagens de validação */
.text-danger[b-ggvnv382qa] {
    color: #B42318;
    font-size: 12px;
    margin-top: 4px;
    display: block;
}

/* Utilitários de texto */
.text-center[b-ggvnv382qa] {
    text-align: center;
}

.mb-3[b-ggvnv382qa] {
    margin-bottom: 24px;
}

.d-block[b-ggvnv382qa] {
    display: block;
}

/* Responsividade */
@media (max-width: 768px) {
    .login-container[b-ggvnv382qa] {
        padding: 16px;
    }
    
    .login-box[b-ggvnv382qa] {
        padding: 32px 24px;
        margin: 16px;
    }
    
    .login-header h2[b-ggvnv382qa] {
        font-size: 24px;
    }
    
    .login-header p[b-ggvnv382qa] {
        font-size: 14px;
    }
    
    .form-control[b-ggvnv382qa] {
        padding: 10px 14px;
    }
    
    .btn-primary[b-ggvnv382qa] {
        padding: 12px 20px;
        font-size: 14px;
    }
}

/* Animação de entrada */
@keyframes fadeInUp-b-ggvnv382qa {
    from {
        opacity: 0;
        transform: translateY(20px);
    }
    to {
        opacity: 1;
        transform: translateY(0);
    }
}

.login-box[b-ggvnv382qa] {
    animation: fadeInUp-b-ggvnv382qa 0.6s ease-out;
}

/* Estados de loading */
.loading-overlay[b-ggvnv382qa] {
    position: relative;
}

.loading-overlay[b-ggvnv382qa]::before {
    content: '';
    position: absolute;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
    background-color: rgba(249, 250, 251, 0.8);
    z-index: 1;
    border-radius: 6px;
}

/* Melhorias visuais */
.login-box:hover[b-ggvnv382qa] {
    box-shadow: 0px 6px 12px rgba(16, 24, 40, 0.15);
    transition: box-shadow 0.3s ease;
}

/* Logo ou ícone (se houver) */
.brand-logo[b-ggvnv382qa] {
    width: 64px;
    height: 64px;
    margin: 0 auto 24px;
    background-color: #14365C;
    border-radius: 50%;
    display: flex;
    align-items: center;
    justify-content: center;
    color: white;
    font-size: 24px;
    font-weight: bold;
}
/* _content/VeiculoSeguroBlazor/Components/Pages/Logs.razor.rz.scp.css */
/* Grid de usuários */
.usuarios-grid[b-x978l0mtcq] {
    display: grid;
    grid-template-columns: repeat(auto-fill, minmax(450px, 1fr));
    gap: 20px;
    margin-top: 20px;
}

/* Card de usuário */
.usuario-card[b-x978l0mtcq] {
    background: var(--color-surface, #ffffff);
    border: 1px solid var(--color-border, #e2e8f0);
    border-radius: 12px;
    padding: 20px;
    cursor: pointer;
    transition: all 0.3s ease;
    display: flex;
    align-items: center;
    justify-content: space-between;
    gap: 16px;
}

.usuario-card:hover[b-x978l0mtcq] {
    transform: translateY(-4px);
    box-shadow: 0 8px 24px rgba(0, 0, 0, 0.12);
    border-color: var(--color-accent, #00d4ff);
}

.usuario-info[b-x978l0mtcq] {
    display: flex;
    align-items: center;
    gap: 16px;
    flex: 1;
}

.usuario-avatar[b-x978l0mtcq] {
    font-size: 3rem;
    color: var(--color-primary, #1e2b4a);
    line-height: 1;
}

.usuario-avatar i[b-x978l0mtcq] {
    display: block;
}

.usuario-detalhes h5[b-x978l0mtcq] {
    margin: 0;
    font-size: 1.1rem;
    font-weight: 600;
    color: var(--color-text, #1e293b);
}

.usuario-detalhes small[b-x978l0mtcq] {
    font-size: 0.875rem;
    color: var(--color-text-secondary, #64748b);
}

.usuario-stats[b-x978l0mtcq] {
    display: flex;
    flex-direction: column;
    align-items: flex-end;
    gap: 6px;
    min-width: 150px;
}

.badge-logs[b-x978l0mtcq] {
    background: linear-gradient(135deg, var(--color-accent, #00d4ff) 0%, #0099cc 100%);
    color: white;
    padding: 6px 14px;
    border-radius: 20px;
    font-weight: 600;
    font-size: 0.875rem;
    white-space: nowrap;
}

.arrow-icon[b-x978l0mtcq] {
    font-size: 1.5rem;
    color: var(--color-text-secondary, #64748b);
    transition: all 0.3s ease;
}

.usuario-card:hover .arrow-icon[b-x978l0mtcq] {
    color: var(--color-accent, #00d4ff);
    transform: translateX(4px);
}

/* Estado vazio */
.empty-state[b-x978l0mtcq] {
    text-align: center;
    padding: 60px 20px;
    background: var(--color-surface, #ffffff);
    border-radius: 12px;
    border: 1px dashed var(--color-border, #e2e8f0);
}

.empty-state i[b-x978l0mtcq] {
    font-size: 4rem;
    color: var(--color-text-secondary, #64748b);
    margin-bottom: 16px;
}

.empty-state h5[b-x978l0mtcq] {
    color: var(--color-text, #1e293b);
    margin-bottom: 8px;
}

.empty-state p[b-x978l0mtcq] {
    color: var(--color-text-secondary, #64748b);
    margin: 0;
}

/* Responsividade */
@media (max-width: 768px) {
    .usuarios-grid[b-x978l0mtcq] {
        grid-template-columns: 1fr;
    }

    .usuario-card[b-x978l0mtcq] {
        padding: 16px;
    }

    .usuario-avatar[b-x978l0mtcq] {
        font-size: 2.5rem;
    }

    .usuario-stats[b-x978l0mtcq] {
        min-width: 120px;
    }
}
/* _content/VeiculoSeguroBlazor/Components/Pages/LogsUsuario.razor.rz.scp.css */
/* Container de logs com scroll */
.logs-container[b-3lz2sq4937] {
    max-height: 600px;
    overflow-y: auto;
    padding-right: 8px;
}

/* Estilização da scrollbar */
.logs-container[b-3lz2sq4937]::-webkit-scrollbar {
    width: 8px;
}

.logs-container[b-3lz2sq4937]::-webkit-scrollbar-track {
    background: #f1f1f1;
    border-radius: 4px;
}

.logs-container[b-3lz2sq4937]::-webkit-scrollbar-thumb {
    background: var(--color-text-secondary, #64748b);
    border-radius: 4px;
}

.logs-container[b-3lz2sq4937]::-webkit-scrollbar-thumb:hover {
    background: var(--color-primary, #1e2b4a);
}

/* Item de log */
.log-item[b-3lz2sq4937] {
    background: var(--color-surface, #ffffff);
    border: 1px solid var(--color-border, #e2e8f0);
    border-radius: 8px;
    margin-bottom: 12px;
    cursor: pointer;
    transition: all 0.3s ease;
    overflow: hidden;
}

.log-item:hover[b-3lz2sq4937] {
    border-color: var(--color-accent, #00d4ff);
    box-shadow: 0 4px 12px rgba(0, 0, 0, 0.08);
}

.log-item.expanded[b-3lz2sq4937] {
    border-color: var(--color-accent, #00d4ff);
}

/* Resumo do log */
.log-resumo[b-3lz2sq4937] {
    padding: 16px;
    display: flex;
    align-items: center;
    gap: 12px;
}

.log-icon[b-3lz2sq4937] {
    font-size: 1.5rem;
    color: var(--color-primary, #1e2b4a);
    flex-shrink: 0;
}

.log-info[b-3lz2sq4937] {
    flex: 1;
    display: flex;
    flex-direction: column;
    gap: 4px;
}

.log-info strong[b-3lz2sq4937] {
    color: var(--color-text, #1e293b);
    font-size: 0.95rem;
}

.log-desc[b-3lz2sq4937] {
    color: var(--color-text-secondary, #64748b);
    font-size: 0.875rem;
}

.chevron-icon[b-3lz2sq4937] {
    font-size: 1.25rem;
    color: var(--color-text-secondary, #64748b);
    transition: all 0.3s ease;
    flex-shrink: 0;
}

.log-item.expanded .chevron-icon[b-3lz2sq4937] {
    color: var(--color-accent, #00d4ff);
}

/* Detalhes do log */
.log-detalhes[b-3lz2sq4937] {
    padding: 16px;
    border-top: 1px solid var(--color-border, #e2e8f0);
    background: rgba(245, 247, 250, 0.5);
}

.detalhe-row[b-3lz2sq4937] {
    display: flex;
    padding: 10px 0;
    border-bottom: 1px dashed var(--color-border, #e2e8f0);
    gap: 12px;
}

.detalhe-row:last-child[b-3lz2sq4937] {
    border-bottom: none;
}

.detalhe-row .label[b-3lz2sq4937] {
    font-weight: 600;
    color: var(--color-text, #1e293b);
    min-width: 140px;
    flex-shrink: 0;
}

.detalhe-row .value[b-3lz2sq4937] {
    color: var(--color-text-secondary, #64748b);
    word-break: break-word;
}

.detalhe-row .value.small[b-3lz2sq4937] {
    font-size: 0.8rem;
    font-family: monospace;
}

/* Status badges */
.status-badge[b-3lz2sq4937] {
    padding: 4px 10px;
    border-radius: 12px;
    font-size: 0.8rem;
    font-weight: 600;
}

.status-success[b-3lz2sq4937] {
    background: #10b981;
    color: white;
}

.status-warning[b-3lz2sq4937] {
    background: #f59e0b;
    color: white;
}

.status-error[b-3lz2sq4937] {
    background: #ef4444;
    color: white;
}

.status-info[b-3lz2sq4937] {
    background: #3b82f6;
    color: white;
}

/* Paginação */
.pagination-container[b-3lz2sq4937] {
    display: flex;
    justify-content: space-between;
    align-items: center;
    margin-top: 24px;
    padding: 16px;
    background: var(--color-surface, #ffffff);
    border-radius: 8px;
    border: 1px solid var(--color-border, #e2e8f0);
}

.pagination-info[b-3lz2sq4937] {
    color: var(--color-text, #1e293b);
    font-weight: 500;
}

/* Card de filtros */
.card[b-3lz2sq4937] {
    border: 1px solid var(--color-border, #e2e8f0);
    border-radius: 12px;
    box-shadow: 0 2px 8px rgba(0, 0, 0, 0.05);
}

.card-body[b-3lz2sq4937] {
    padding: 20px;
}

.form-label[b-3lz2sq4937] {
    color: var(--color-text, #1e293b);
    font-weight: 500;
    margin-bottom: 8px;
    font-size: 0.9rem;
}

.form-select[b-3lz2sq4937],
.form-control[b-3lz2sq4937] {
    border: 1px solid var(--color-border, #e2e8f0);
    border-radius: 8px;
    padding: 8px 12px;
}

.form-select:focus[b-3lz2sq4937],
.form-control:focus[b-3lz2sq4937] {
    border-color: var(--color-accent, #00d4ff);
    box-shadow: 0 0 0 0.2rem rgba(0, 212, 255, 0.25);
}

/* Empty state */
.empty-state[b-3lz2sq4937] {
    text-align: center;
    padding: 60px 20px;
    background: var(--color-surface, #ffffff);
    border-radius: 12px;
    border: 1px dashed var(--color-border, #e2e8f0);
}

.empty-state i[b-3lz2sq4937] {
    font-size: 4rem;
    color: var(--color-text-secondary, #64748b);
    margin-bottom: 16px;
}

.empty-state h5[b-3lz2sq4937] {
    color: var(--color-text, #1e293b);
    margin-bottom: 8px;
}

.empty-state p[b-3lz2sq4937] {
    color: var(--color-text-secondary, #64748b);
    margin: 0;
}

/* Responsividade */
@media (max-width: 768px) {
    .logs-container[b-3lz2sq4937] {
        max-height: 500px;
    }

    .log-resumo[b-3lz2sq4937] {
        padding: 12px;
    }

    .log-detalhes[b-3lz2sq4937] {
        padding: 12px;
    }

    .detalhe-row[b-3lz2sq4937] {
        flex-direction: column;
        gap: 4px;
    }

    .detalhe-row .label[b-3lz2sq4937] {
        min-width: auto;
    }

    .pagination-container[b-3lz2sq4937] {
        flex-direction: column;
        gap: 12px;
    }

    .pagination-info[b-3lz2sq4937] {
        order: -1;
    }
}

/* Correção de contraste para botão Filtrar - usando cores mais visíveis */
[b-3lz2sq4937] .btn-primary {
    background: linear-gradient(135deg, #0d6efd 0%, #0a58ca 100%);
    color: #ffffff;
    border: none;
    box-shadow: 0 2px 8px rgba(13, 110, 253, 0.3);
    font-weight: 600;
    padding: 10px 20px;
    border-radius: 8px;
    transition: all 0.3s ease;
}

[b-3lz2sq4937] .btn-primary:hover {
    background: linear-gradient(135deg, #0a58ca 0%, #084298 100%);
    box-shadow: 0 4px 12px rgba(13, 110, 253, 0.4);
    transform: translateY(-1px);
}

[b-3lz2sq4937] .btn-primary:active {
    transform: translateY(0);
    box-shadow: 0 2px 4px rgba(13, 110, 253, 0.3);
}

[b-3lz2sq4937] .btn-primary:disabled {
    background: #6c757d;
    opacity: 0.65;
    cursor: not-allowed;
}
/* _content/VeiculoSeguroBlazor/Components/Pages/MeusChamados.razor.rz.scp.css */
/* MeusChamados.razor.css - Estilo para página de chamados baseado na paleta Oxford Blue */

/* Container principal */
.container-fluid[b-nglyxm4xft] {
    background-color: #F9FAFB;
    min-height: 100vh;
    padding: 32px 24px;
}

/* Título principal */
h1[b-nglyxm4xft] {
    font-family: 'Inter', -apple-system, BlinkMacSystemFont, 'Segoe UI', Roboto, sans-serif;
    font-size: 28px;
    font-weight: 600;
    color: #111827;
    margin-bottom: 0;
    margin-top: 0;
}

/* Card principal */
.card[b-nglyxm4xft] {
    background: #FFFFFF;
    border: none;
    border-radius: 12px;
    box-shadow: 0px 1px 3px rgba(16, 24, 40, 0.05);
    overflow: hidden;
}

.card-header[b-nglyxm4xft] {
    background-color: #F9FAFB;
    border-bottom: 1px solid #E5E7EB;
    padding: 20px 24px;
}

.card-header.bg-light[b-nglyxm4xft] {
    background-color: #F9FAFB !important;
}

.card-title[b-nglyxm4xft] {
    font-size: 18px;
    font-weight: 600;
    color: #111827;
    margin: 0;
}

.card-body[b-nglyxm4xft] {
    padding: 0;
}

/* Botões */
.btn[b-nglyxm4xft] {
    padding: 10px 18px;
    border-radius: 6px;
    font-weight: 500;
    font-size: 14px;
    cursor: pointer;
    transition: all 0.2s ease;
    display: inline-flex;
    align-items: center;
    gap: 8px;
    border: 1px solid transparent;
}

.btn-primary[b-nglyxm4xft] {
    background-color: #14365C;
    border-color: #14365C;
    color: #FFFFFF;
}

.btn-primary:hover:not(:disabled)[b-nglyxm4xft] {
    background-color: #0F2A47;
    border-color: #0F2A47;
    transform: translateY(-1px);
    box-shadow: 0 4px 8px rgba(20, 54, 92, 0.2);
}

.btn-outline-primary[b-nglyxm4xft] {
    background-color: transparent;
    border-color: #14365C;
    color: #14365C;
}

.btn-outline-primary:hover[b-nglyxm4xft] {
    background-color: #14365C;
    border-color: #14365C;
    color: #FFFFFF;
}

.btn-sm[b-nglyxm4xft] {
    padding: 6px 12px;
    font-size: 12px;
}

/* Formulários */
.form-select[b-nglyxm4xft] {
    border: 1px solid #E5E7EB;
    border-radius: 6px;
    padding: 8px 12px;
    font-size: 14px;
    color: #111827;
    background-color: #FFFFFF;
    transition: all 0.2s ease;
    min-width: 150px;
}

.form-select:focus[b-nglyxm4xft] {
    border-color: #14365C;
    box-shadow: 0 0 0 3px rgba(20, 54, 92, 0.1);
    outline: none;
}

/* Tabelas */
.table-responsive[b-nglyxm4xft] {
    border-radius: 0 0 12px 12px;
    overflow: hidden;
}

.table[b-nglyxm4xft] {
    margin-bottom: 0;
    color: #111827;
    font-size: 14px;
}

.table thead th[b-nglyxm4xft] {
    background-color: #F9FAFB;
    border-bottom: 2px solid #E5E7EB;
    color: #4B5563;
    font-weight: 600;
    font-size: 12px;
    text-transform: uppercase;
    letter-spacing: 0.05em;
    padding: 16px;
    border-top: none;
}

.table tbody td[b-nglyxm4xft] {
    padding: 16px;
    border-bottom: 1px solid #F2F4F7;
    vertical-align: middle;
}

.table-hover tbody tr:hover[b-nglyxm4xft] {
    background-color: rgba(20, 54, 92, 0.02);
}

.table-light[b-nglyxm4xft] {
    background-color: #F9FAFB;
}

/* Badges */
.badge[b-nglyxm4xft] {
    padding: 4px 8px;
    border-radius: 12px;
    font-size: 11px;
    font-weight: 500;
    text-transform: uppercase;
    letter-spacing: 0.025em;
}

.bg-info[b-nglyxm4xft] {
    background-color: #E6EEF8 !important;
    color: #14365C !important;
}

.bg-primary[b-nglyxm4xft] {
    background-color: #14365C !important;
    color: #FFFFFF !important;
}

.bg-warning[b-nglyxm4xft] {
    background-color: #FEF3C7 !important;
    color: #92400E !important;
}

.bg-secondary[b-nglyxm4xft] {
    background-color: #F3F4F6 !important;
    color: #4B5563 !important;
}

.bg-success[b-nglyxm4xft] {
    background-color: #ECFDF3 !important;
    color: #027A48 !important;
}

.bg-dark[b-nglyxm4xft] {
    background-color: #111827 !important;
    color: #FFFFFF !important;
}

.bg-danger[b-nglyxm4xft] {
    background-color: #FEF2F2 !important;
    color: #B42318 !important;
}

/* Alertas */
.alert[b-nglyxm4xft] {
    border: none;
    border-radius: 8px;
    padding: 16px;
    margin: 24px;
    font-size: 14px;
    line-height: 1.5;
}

.alert-info[b-nglyxm4xft] {
    background-color: #E6EEF8;
    color: #14365C;
    border-left: 4px solid #14365C;
}

/* Estados de carregamento */
.spinner-border[b-nglyxm4xft] {
    width: 2rem;
    height: 2rem;
    border-width: 0.25em;
}

.spinner-border.text-primary[b-nglyxm4xft] {
    color: #14365C !important;
}

/* Paginação */
.pagination[b-nglyxm4xft] {
    margin: 0;
}

.page-link[b-nglyxm4xft] {
    color: #14365C;
    background-color: #FFFFFF;
    border: 1px solid #E5E7EB;
    padding: 8px 12px;
    font-size: 14px;
    transition: all 0.2s ease;
}

.page-link:hover[b-nglyxm4xft] {
    color: #0F2A47;
    background-color: #F9FAFB;
    border-color: #E5E7EB;
}

.page-item.active .page-link[b-nglyxm4xft] {
    background-color: #14365C;
    border-color: #14365C;
    color: #FFFFFF;
}

.page-item.disabled .page-link[b-nglyxm4xft] {
    color: #9CA3AF;
    background-color: #F9FAFB;
    border-color: #E5E7EB;
    cursor: not-allowed;
}

/* Layout utilities */
.row[b-nglyxm4xft] {
    display: flex;
    flex-wrap: wrap;
    margin-right: -12px;
    margin-left: -12px;
}

.col[b-nglyxm4xft], .col-auto[b-nglyxm4xft], .col-md-auto[b-nglyxm4xft] {
    flex: 1 0 0%;
    padding-right: 12px;
    padding-left: 12px;
}

.col-auto[b-nglyxm4xft], .col-md-auto[b-nglyxm4xft] {
    flex: 0 0 auto;
    width: auto;
}

/* Flex utilities */
.d-flex[b-nglyxm4xft] {
    display: flex !important;
}

.align-items-center[b-nglyxm4xft] {
    align-items: center !important;
}

.justify-content-between[b-nglyxm4xft] {
    justify-content: space-between !important;
}

.justify-content-center[b-nglyxm4xft] {
    justify-content: center !important;
}

/* Margin utilities */
.mb-0[b-nglyxm4xft] {
    margin-bottom: 0 !important;
}

.mb-4[b-nglyxm4xft] {
    margin-bottom: 32px !important;
}

.me-2[b-nglyxm4xft] {
    margin-right: 16px !important;
}

.mt-2[b-nglyxm4xft] {
    margin-top: 16px !important;
}

.mt-md-0[b-nglyxm4xft] {
    margin-top: 0 !important;
}

/* Padding utilities */
.py-4[b-nglyxm4xft] {
    padding-top: 32px !important;
    padding-bottom: 32px !important;
}

.py-5[b-nglyxm4xft] {
    padding-top: 48px !important;
    padding-bottom: 48px !important;
}

.px-4[b-nglyxm4xft] {
    padding-left: 32px !important;
    padding-right: 32px !important;
}

.p-0[b-nglyxm4xft] {
    padding: 0 !important;
}

.p-2[b-nglyxm4xft] {
    padding: 16px !important;
}

/* Font utilities */
.fs-2[b-nglyxm4xft] {
    font-size: 2rem !important;
}

.fs-5[b-nglyxm4xft] {
    font-size: 1.25rem !important;
}

/* Visibility utilities */
.visually-hidden[b-nglyxm4xft] {
    position: absolute !important;
    width: 1px !important;
    height: 1px !important;
    padding: 0 !important;
    margin: -1px !important;
    overflow: hidden !important;
    clip: rect(0, 0, 0, 0) !important;
    white-space: nowrap !important;
    border: 0 !important;
}

/* Shadow utilities */
.shadow-sm[b-nglyxm4xft] {
    box-shadow: 0px 1px 3px rgba(16, 24, 40, 0.05) !important;
}

/* Border utilities */
.border-top[b-nglyxm4xft] {
    border-top: 1px solid #E5E7EB !important;
}

/* Responsividade */
@media (max-width: 768px) {
    .container-fluid[b-nglyxm4xft] {
        padding: 16px 12px;
    }
    
    h1[b-nglyxm4xft] {
        font-size: 24px;
    }
    
    .card-header[b-nglyxm4xft] {
        padding: 16px;
    }
    
    .table thead th[b-nglyxm4xft],
    .table tbody td[b-nglyxm4xft] {
        padding: 12px 8px;
        font-size: 12px;
    }
    
    .btn[b-nglyxm4xft] {
        padding: 8px 12px;
        font-size: 12px;
    }
    
    .btn-sm[b-nglyxm4xft] {
        padding: 4px 8px;
        font-size: 11px;
    }
    
    .form-select[b-nglyxm4xft] {
        min-width: 120px;
        font-size: 12px;
    }
    
    .mt-md-0[b-nglyxm4xft] {
        margin-top: 16px !important;
    }
    
    .col-md-auto[b-nglyxm4xft] {
        flex: 1 0 0%;
        width: 100%;
        margin-top: 12px;
    }
    
    .pagination[b-nglyxm4xft] {
        font-size: 12px;
    }
    
    .page-link[b-nglyxm4xft] {
        padding: 6px 10px;
    }
}

/* Melhorias específicas */
.text-decoration-line-through[b-nglyxm4xft] {
    text-decoration: line-through !important;
}

/* Ícones Bootstrap */
.bi[b-nglyxm4xft] {
    font-size: inherit;
}

/* Estados de hover para linhas da tabela */
.table tbody tr[b-nglyxm4xft] {
    transition: background-color 0.15s ease-in-out;
}

/* Melhorias para campos de filtro */
.filter-container[b-nglyxm4xft] {
    background-color: #FFFFFF;
    border-radius: 8px;
    padding: 16px;
    margin-bottom: 24px;
    border: 1px solid #E5E7EB;
}
/* _content/VeiculoSeguroBlazor/Components/Pages/MinhasFaturaDetalhe.razor.rz.scp.css */
/* MinhasFaturaDetalhe.razor.css - Estilo para página de detalhe da fatura baseado na paleta Oxford Blue */

/* Container principal */
.container[b-1ik8rg4kz2] {
    background-color: #F9FAFB;
    min-height: 100vh;
    padding: 32px 24px;
}

/* Botão de voltar */
.btn-secondary[b-1ik8rg4kz2] {
    background-color: #E5E7EB;
    border-color: #E5E7EB;
    color: #4B5563;
    padding: 10px 18px;
    border-radius: 6px;
    font-weight: 500;
    font-size: 14px;
    cursor: pointer;
    transition: all 0.2s ease;
    display: inline-flex;
    align-items: center;
    gap: 8px;
    border: 1px solid transparent;
}

.btn-secondary:hover[b-1ik8rg4kz2] {
    background-color: #D1D5DB;
    border-color: #D1D5DB;
    color: #111827;
    transform: translateY(-1px);
    box-shadow: 0 2px 4px rgba(0, 0, 0, 0.1);
}

/* Estados de loading */
.loading-text[b-1ik8rg4kz2] {
    display: flex;
    justify-content: center;
    align-items: center;
    padding: 48px 24px;
    color: #4B5563;
    font-style: italic;
}

/* Card principal */
.card[b-1ik8rg4kz2] {
    background: #FFFFFF;
    border: none;
    border-radius: 12px;
    box-shadow: 0px 1px 3px rgba(16, 24, 40, 0.05);
    overflow: hidden;
    margin-top: 24px;
}

.card-header[b-1ik8rg4kz2] {
    padding: 24px;
    border-bottom: 1px solid #E5E7EB;
}

.card-header.bg-primary[b-1ik8rg4kz2] {
    background-color: #14365C !important;
    color: #FFFFFF;
    border-bottom: none;
}

.card-header h3[b-1ik8rg4kz2] {
    font-family: 'Inter', -apple-system, BlinkMacSystemFont, 'Segoe UI', Roboto, sans-serif;
    font-size: 24px;
    font-weight: 600;
    margin: 0;
}

.card-body[b-1ik8rg4kz2] {
    padding: 32px;
}

/* Layout de duas colunas */
.row[b-1ik8rg4kz2] {
    display: flex;
    flex-wrap: wrap;
    margin-right: -12px;
    margin-left: -12px;
}

.col[b-1ik8rg4kz2], .col-md-6[b-1ik8rg4kz2] {
    padding-right: 12px;
    padding-left: 12px;
}

.col-md-6[b-1ik8rg4kz2] {
    flex: 0 0 auto;
    width: 50%;
}

.col[b-1ik8rg4kz2] {
    flex: 1 0 0%;
}

/* Seções de informação */
h5[b-1ik8rg4kz2] {
    font-family: 'Inter', -apple-system, BlinkMacSystemFont, 'Segoe UI', Roboto, sans-serif;
    font-size: 18px;
    font-weight: 600;
    color: #111827;
    margin-bottom: 20px;
    margin-top: 0;
    padding-bottom: 8px;
    border-bottom: 2px solid #E6EEF8;
}

/* Listas de definição */
.row dl[b-1ik8rg4kz2] {
    margin-bottom: 0;
}

dt[b-1ik8rg4kz2] {
    font-weight: 600;
    color: #4B5563;
    font-size: 14px;
    margin-bottom: 8px;
}

dd[b-1ik8rg4kz2] {
    color: #111827;
    font-size: 14px;
    margin-bottom: 16px;
    font-weight: 500;
}

.col-sm-4[b-1ik8rg4kz2] {
    flex: 0 0 auto;
    width: 33.33333333%;
}

.col-sm-8[b-1ik8rg4kz2] {
    flex: 0 0 auto;
    width: 66.66666667%;
}

/* Badges de status */
.badge[b-1ik8rg4kz2] {
    padding: 6px 12px;
    border-radius: 12px;
    font-size: 11px;
    font-weight: 500;
    text-transform: uppercase;
    letter-spacing: 0.025em;
}

.bg-warning[b-1ik8rg4kz2] {
    background-color: #FEF3C7 !important;
    color: #92400E !important;
}

.bg-success[b-1ik8rg4kz2] {
    background-color: #ECFDF3 !important;
    color: #027A48 !important;
}

.bg-danger[b-1ik8rg4kz2] {
    background-color: #FEF2F2 !important;
    color: #B42318 !important;
}

.bg-secondary[b-1ik8rg4kz2] {
    background-color: #F3F4F6 !important;
    color: #4B5563 !important;
}

/* Botões de ação */
.btn[b-1ik8rg4kz2] {
    padding: 10px 18px;
    border-radius: 6px;
    font-weight: 500;
    font-size: 14px;
    cursor: pointer;
    transition: all 0.2s ease;
    display: inline-flex;
    align-items: center;
    gap: 8px;
    border: 1px solid transparent;
}

.btn-success[b-1ik8rg4kz2] {
    background-color: #027A48;
    border-color: #027A48;
    color: #FFFFFF;
}

.btn-success:hover:not(:disabled)[b-1ik8rg4kz2] {
    background-color: #016A40;
    border-color: #016A40;
    transform: translateY(-1px);
    box-shadow: 0 4px 8px rgba(2, 122, 72, 0.2);
}

/* Separadores */
hr[b-1ik8rg4kz2] {
    border: none;
    border-top: 1px solid #E5E7EB;
    margin: 32px 0;
}

/* Tabela de consultas */
.table-responsive[b-1ik8rg4kz2] {
    border-radius: 8px;
    overflow: hidden;
    margin-top: 16px;
}

.table[b-1ik8rg4kz2] {
    margin-bottom: 0;
    color: #111827;
    font-size: 14px;
}

.table thead th[b-1ik8rg4kz2] {
    background-color: #F9FAFB;
    border-bottom: 2px solid #E5E7EB;
    color: #4B5563;
    font-weight: 600;
    font-size: 12px;
    text-transform: uppercase;
    letter-spacing: 0.05em;
    padding: 12px;
    border-top: none;
}

.table tbody td[b-1ik8rg4kz2] {
    padding: 12px;
    border-bottom: 1px solid #F2F4F7;
    vertical-align: middle;
}

.table-striped tbody tr:nth-of-type(odd)[b-1ik8rg4kz2] {
    background-color: rgba(249, 250, 251, 0.5);
}

.table tbody tr:hover[b-1ik8rg4kz2] {
    background-color: rgba(20, 54, 92, 0.02);
}

.table-sm th[b-1ik8rg4kz2],
.table-sm td[b-1ik8rg4kz2] {
    padding: 8px 12px;
}

/* Footer da tabela */
.table tfoot td[b-1ik8rg4kz2] {
    background-color: #F9FAFB;
    font-weight: 600;
    border-top: 2px solid #E5E7EB;
    padding: 12px;
}

/* Flex utilities */
.d-flex[b-1ik8rg4kz2] {
    display: flex !important;
}

.justify-content-between[b-1ik8rg4kz2] {
    justify-content: space-between !important;
}

.align-items-center[b-1ik8rg4kz2] {
    align-items: center !important;
}

/* Margin utilities */
.mb-0[b-1ik8rg4kz2] {
    margin-bottom: 0 !important;
}

.mb-4[b-1ik8rg4kz2] {
    margin-bottom: 32px !important;
}

.mt-3[b-1ik8rg4kz2] {
    margin-top: 24px !important;
}

/* Text utilities */
.text-white[b-1ik8rg4kz2] {
    color: #FFFFFF !important;
}

.text-end[b-1ik8rg4kz2] {
    text-align: right !important;
}

.fw-bold[b-1ik8rg4kz2] {
    font-weight: 600 !important;
}

/* Ícones Bootstrap */
.bi[b-1ik8rg4kz2] {
    font-size: inherit;
}

/* Valores monetários destacados */
dd:has(+ dd):last-of-type[b-1ik8rg4kz2],
.table tbody td:last-child[b-1ik8rg4kz2],
.table tfoot td:last-child[b-1ik8rg4kz2] {
    font-weight: 600;
    color: #14365C;
}

/* Informações sem dados */
.no-data-message[b-1ik8rg4kz2] {
    text-align: center;
    padding: 32px 24px;
    color: #4B5563;
    font-style: italic;
    background-color: #F9FAFB;
    border-radius: 8px;
    margin-top: 16px;
}

/* Responsividade */
@media (max-width: 768px) {
    .container[b-1ik8rg4kz2] {
        padding: 16px 12px;
    }
    
    .card-header[b-1ik8rg4kz2],
    .card-body[b-1ik8rg4kz2] {
        padding: 20px 16px;
    }
    
    .card-header h3[b-1ik8rg4kz2] {
        font-size: 20px;
    }
    
    .col-md-6[b-1ik8rg4kz2] {
        width: 100%;
        margin-bottom: 24px;
    }
    
    .col-sm-4[b-1ik8rg4kz2],
    .col-sm-8[b-1ik8rg4kz2] {
        width: 100%;
    }
    
    .col-sm-4[b-1ik8rg4kz2] {
        margin-bottom: 4px;
    }
    
    .col-sm-8[b-1ik8rg4kz2] {
        margin-bottom: 16px;
    }
    
    dt[b-1ik8rg4kz2] {
        font-size: 13px;
    }
    
    dd[b-1ik8rg4kz2] {
        font-size: 13px;
        margin-left: 16px;
    }
    
    .table thead th[b-1ik8rg4kz2],
    .table tbody td[b-1ik8rg4kz2],
    .table tfoot td[b-1ik8rg4kz2] {
        padding: 8px 6px;
        font-size: 12px;
    }
    
    .d-flex.justify-content-between[b-1ik8rg4kz2] {
        flex-direction: column;
        gap: 12px;
    }
    
    .badge[b-1ik8rg4kz2] {
        align-self: flex-start;
    }
    
    /* Esconder algumas colunas em mobile */
    .table th:nth-child(1)[b-1ik8rg4kz2],
    .table td:nth-child(1)[b-1ik8rg4kz2],
    .table th:nth-child(3)[b-1ik8rg4kz2],
    .table td:nth-child(3)[b-1ik8rg4kz2] {
        display: none;
    }
}

/* Melhorias visuais */
.card-header .badge[b-1ik8rg4kz2] {
    font-size: 12px;
    padding: 8px 16px;
}

/* Animação de entrada */
@keyframes fadeInUp-b-1ik8rg4kz2 {
    from {
        opacity: 0;
        transform: translateY(20px);
    }
    to {
        opacity: 1;
        transform: translateY(0);
    }
}

.card[b-1ik8rg4kz2] {
    animation: fadeInUp-b-1ik8rg4kz2 0.6s ease-out;
}

/* Estados específicos para diferentes seções */
.info-section[b-1ik8rg4kz2] {
    background-color: #FAFBFC;
    border-radius: 8px;
    padding: 20px;
    margin-bottom: 24px;
}

.boleto-section[b-1ik8rg4kz2] {
    background-color: #E6EEF8;
    border-radius: 8px;
    padding: 20px;
    border-left: 4px solid #14365C;
}

/* Destaque para valores totais */
.total-highlight[b-1ik8rg4kz2] {
    background-color: #E6EEF8;
    padding: 2px 8px;
    border-radius: 4px;
    font-weight: 600;
    color: #14365C;
}

/* Estados de botão desabilitado */
.btn:disabled[b-1ik8rg4kz2] {
    background-color: #9CA3AF;
    border-color: #9CA3AF;
    color: #FFFFFF;
    cursor: not-allowed;
    transform: none;
    box-shadow: none;
}

/* Melhorias para listas de definição */
.definition-list[b-1ik8rg4kz2] {
    background-color: #FAFBFC;
    border-radius: 8px;
    padding: 16px;
    border: 1px solid #E5E7EB;
}

/* Indicadores visuais para status */
.status-indicator[b-1ik8rg4kz2] {
    width: 8px;
    height: 8px;
    border-radius: 50%;
    display: inline-block;
    margin-right: 8px;
}

.status-indicator.pendente[b-1ik8rg4kz2] {
    background-color: #F59E0B;
}

.status-indicator.paga[b-1ik8rg4kz2] {
    background-color: #027A48;
}

.status-indicator.vencida[b-1ik8rg4kz2] {
    background-color: #B42318;
}

.status-indicator.cancelada[b-1ik8rg4kz2] {
    background-color: #6B7280;
}
/* _content/VeiculoSeguroBlazor/Components/Pages/MinhasFaturas.razor.rz.scp.css */
/* MinhasFaturas.razor.css - Estilo para página de faturas baseado na paleta Oxford Blue */

/* Container principal */
.page-container[b-aq42b1r6fo] {
    background-color: #F9FAFB;
    min-height: 100vh;
    padding: 32px 24px;
}

/* Título principal */
h3[b-aq42b1r6fo] {
    font-family: 'Inter', -apple-system, BlinkMacSystemFont, 'Segoe UI', Roboto, sans-serif;
    font-size: 28px;
    font-weight: 600;
    color: #111827;
    margin-bottom: 32px;
    margin-top: 0;
}

/* Seção de filtros */
.mb-3[b-aq42b1r6fo] {
    margin-bottom: 32px;
}

.row[b-aq42b1r6fo] {
    display: flex;
    flex-wrap: wrap;
    margin-right: -12px;
    margin-left: -12px;
}

.col-md-6[b-aq42b1r6fo] {
    flex: 0 0 auto;
    width: 50%;
    padding-right: 12px;
    padding-left: 12px;
}

/* Input group para filtros */
.input-group[b-aq42b1r6fo] {
    display: flex;
    align-items: center;
    background: #FFFFFF;
    border-radius: 8px;
    box-shadow: 0px 1px 3px rgba(16, 24, 40, 0.05);
    overflow: hidden;
}

.form-select[b-aq42b1r6fo] {
    border: 1px solid #E5E7EB;
    border-radius: 6px 0 0 6px;
    padding: 10px 14px;
    font-size: 14px;
    color: #111827;
    background-color: #FFFFFF;
    transition: all 0.2s ease;
    flex: 1;
    border-right: none;
}

.form-select:focus[b-aq42b1r6fo] {
    border-color: #14365C;
    box-shadow: 0 0 0 3px rgba(20, 54, 92, 0.1);
    outline: none;
}

/* Botão de filtro */
.btn[b-aq42b1r6fo] {
    padding: 10px 18px;
    border-radius: 0 6px 6px 0;
    font-weight: 500;
    font-size: 14px;
    cursor: pointer;
    transition: all 0.2s ease;
    display: inline-flex;
    align-items: center;
    gap: 8px;
    border: 1px solid transparent;
}

.btn-primary[b-aq42b1r6fo] {
    background-color: #14365C;
    border-color: #14365C;
    color: #FFFFFF;
}

.btn-primary:hover:not(:disabled)[b-aq42b1r6fo] {
    background-color: #0F2A47;
    border-color: #0F2A47;
    transform: translateY(-1px);
    box-shadow: 0 4px 8px rgba(20, 54, 92, 0.2);
}

.btn-sm[b-aq42b1r6fo] {
    padding: 6px 12px;
    font-size: 12px;
    border-radius: 4px;
}

.btn-info[b-aq42b1r6fo] {
    background-color: #E6EEF8;
    border-color: #E6EEF8;
    color: #14365C;
}

.btn-info:hover[b-aq42b1r6fo] {
    background-color: #14365C;
    border-color: #14365C;
    color: #FFFFFF;
}

.btn-success[b-aq42b1r6fo] {
    background-color: #ECFDF3;
    border-color: #ECFDF3;
    color: #027A48;
}

.btn-success:hover[b-aq42b1r6fo] {
    background-color: #027A48;
    border-color: #027A48;
    color: #FFFFFF;
}

/* Estados de loading */
.loading-text[b-aq42b1r6fo] {
    display: flex;
    justify-content: center;
    align-items: center;
    padding: 48px 24px;
    color: #4B5563;
    font-style: italic;
}

/* Alertas */
.alert[b-aq42b1r6fo] {
    border: none;
    border-radius: 8px;
    padding: 16px;
    margin-bottom: 24px;
    font-size: 14px;
    line-height: 1.5;
}

.alert-info[b-aq42b1r6fo] {
    background-color: #E6EEF8;
    color: #14365C;
    border-left: 4px solid #14365C;
}

/* Tabelas */
.table-responsive[b-aq42b1r6fo] {
    background: #FFFFFF;
    border-radius: 12px;
    box-shadow: 0px 1px 3px rgba(16, 24, 40, 0.05);
    overflow: hidden;
}

.table[b-aq42b1r6fo] {
    margin-bottom: 0;
    color: #111827;
    font-size: 14px;
}

.table thead th[b-aq42b1r6fo] {
    background-color: #F9FAFB;
    border-bottom: 2px solid #E5E7EB;
    color: #4B5563;
    font-weight: 600;
    font-size: 12px;
    text-transform: uppercase;
    letter-spacing: 0.05em;
    padding: 16px;
    border-top: none;
}

.table tbody td[b-aq42b1r6fo] {
    padding: 16px;
    border-bottom: 1px solid #F2F4F7;
    vertical-align: middle;
}

.table-striped tbody tr:nth-of-type(odd)[b-aq42b1r6fo] {
    background-color: rgba(249, 250, 251, 0.5);
}

.table tbody tr:hover[b-aq42b1r6fo] {
    background-color: rgba(20, 54, 92, 0.02);
}

/* Badges de status */
.badge[b-aq42b1r6fo] {
    padding: 4px 8px;
    border-radius: 12px;
    font-size: 11px;
    font-weight: 500;
    text-transform: uppercase;
    letter-spacing: 0.025em;
}

.bg-warning[b-aq42b1r6fo] {
    background-color: #FEF3C7 !important;
    color: #92400E !important;
}

.bg-success[b-aq42b1r6fo] {
    background-color: #ECFDF3 !important;
    color: #027A48 !important;
}

.bg-danger[b-aq42b1r6fo] {
    background-color: #FEF2F2 !important;
    color: #B42318 !important;
}

.bg-secondary[b-aq42b1r6fo] {
    background-color: #F3F4F6 !important;
    color: #4B5563 !important;
}

.bg-info[b-aq42b1r6fo] {
    background-color: #DBEAFE !important;
    color: #1E40AF !important;
}

/* Ícones Bootstrap */
.bi[b-aq42b1r6fo] {
    font-size: inherit;
}

/* Valores monetários */
.table tbody td:nth-child(4)[b-aq42b1r6fo] {
    font-weight: 600;
    color: #14365C;
}

/* Colunas de ação */
.table tbody td:last-child[b-aq42b1r6fo] {
    text-align: right;
}

.table tbody td:last-child .btn[b-aq42b1r6fo] {
    margin-left: 8px;
}

.table tbody td:last-child .btn:first-child[b-aq42b1r6fo] {
    margin-left: 0;
}

/* Responsividade */
@media (max-width: 768px) {
    .page-container[b-aq42b1r6fo] {
        padding: 16px 12px;
    }
    
    h3[b-aq42b1r6fo] {
        font-size: 24px;
        margin-bottom: 24px;
    }
    
    .col-md-6[b-aq42b1r6fo] {
        width: 100%;
        margin-bottom: 16px;
    }
    
    .input-group[b-aq42b1r6fo] {
        flex-direction: column;
        border-radius: 8px;
    }
    
    .form-select[b-aq42b1r6fo] {
        border-radius: 6px;
        border-right: 1px solid #E5E7EB;
        margin-bottom: 8px;
    }
    
    .btn[b-aq42b1r6fo] {
        border-radius: 6px;
        width: 100%;
        justify-content: center;
    }
    
    .table thead th[b-aq42b1r6fo],
    .table tbody td[b-aq42b1r6fo] {
        padding: 12px 8px;
        font-size: 12px;
    }
    
    .table tbody td:last-child[b-aq42b1r6fo] {
        text-align: left;
    }
    
    .table tbody td:last-child .btn[b-aq42b1r6fo] {
        display: block;
        width: 100%;
        margin: 4px 0;
    }
    
    /* Esconder algumas colunas em mobile */
    .table th:nth-child(2)[b-aq42b1r6fo],
    .table td:nth-child(2)[b-aq42b1r6fo] {
        display: none;
    }
}

/* Estados específicos para diferentes status de fatura */
.status-pendente[b-aq42b1r6fo] {
    animation: pulse-warning-b-aq42b1r6fo 2s infinite;
}

.status-vencida[b-aq42b1r6fo] {
    animation: pulse-danger-b-aq42b1r6fo 2s infinite;
}

@keyframes pulse-warning-b-aq42b1r6fo {
    0%, 100% {
        opacity: 1;
    }
    50% {
        opacity: 0.7;
    }
}

@keyframes pulse-danger-b-aq42b1r6fo {
    0%, 100% {
        opacity: 1;
    }
    50% {
        opacity: 0.8;
    }
}

/* Melhorias visuais para ações */
.action-buttons[b-aq42b1r6fo] {
    display: flex;
    gap: 8px;
    justify-content: flex-end;
}

/* Hover states para botões pequenos */
.btn-sm:hover[b-aq42b1r6fo] {
    transform: translateY(-1px);
    box-shadow: 0 2px 4px rgba(0, 0, 0, 0.1);
}

/* Estilo para linha de fatura vencida */
.table tbody tr.fatura-vencida[b-aq42b1r6fo] {
    background-color: rgba(180, 35, 24, 0.05);
    border-left: 3px solid #B42318;
}

/* Container para filtros melhorado */
.filter-container[b-aq42b1r6fo] {
    background: #FFFFFF;
    border-radius: 12px;
    padding: 24px;
    box-shadow: 0px 1px 3px rgba(16, 24, 40, 0.05);
    margin-bottom: 24px;
}

.filter-label[b-aq42b1r6fo] {
    font-weight: 500;
    color: #111827;
    margin-bottom: 8px;
    font-size: 14px;
    display: block;
}

/* Indicadores visuais para diferentes tipos de fatura */
.fatura-normal[b-aq42b1r6fo] {
    border-left: 3px solid transparent;
}

.fatura-pendente[b-aq42b1r6fo] {
    border-left: 3px solid #F59E0B;
}

.fatura-vencida[b-aq42b1r6fo] {
    border-left: 3px solid #B42318;
}

.fatura-paga[b-aq42b1r6fo] {
    border-left: 3px solid #027A48;
}

/* Tooltip para datas */
.date-tooltip[b-aq42b1r6fo] {
    cursor: help;
    text-decoration: underline;
    text-decoration-style: dotted;
}

/* Animação para carregamento */
.loading-spinner[b-aq42b1r6fo] {
    display: inline-block;
    width: 20px;
    height: 20px;
    border: 3px solid #E5E7EB;
    border-radius: 50%;
    border-top-color: #14365C;
    animation: spin-b-aq42b1r6fo 1s ease-in-out infinite;
}

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

/* Estilo para valores destacados */
.value-highlight[b-aq42b1r6fo] {
    background-color: #E6EEF8;
    padding: 2px 6px;
    border-radius: 4px;
    font-weight: 600;
}

/* Estados sem dados */
.empty-state[b-aq42b1r6fo] {
    text-align: center;
    padding: 48px 24px;
    color: #4B5563;
}

.empty-state-icon[b-aq42b1r6fo] {
    font-size: 48px;
    color: #9CA3AF;
    margin-bottom: 16px;
}

.empty-state p[b-aq42b1r6fo] {
    margin: 0;
    font-size: 16px;
    line-height: 1.5;
}
/* _content/VeiculoSeguroBlazor/Components/Pages/NovoChamado.razor.rz.scp.css */
/* NovoChamado.razor.css - Estilo para página de novo chamado baseado na paleta Oxford Blue */

/* Container principal */
.container-fluid[b-d4kwny7c7j] {
    background-color: #F9FAFB;
    min-height: 100vh;
    padding: 32px 24px;
}

/* Breadcrumb */
.breadcrumb[b-d4kwny7c7j] {
    background: none;
    padding: 0;
    margin-bottom: 16px;
    font-size: 14px;
}

.breadcrumb-item a[b-d4kwny7c7j] {
    color: #14365C;
    text-decoration: none;
    transition: color 0.2s ease;
}

.breadcrumb-item a:hover[b-d4kwny7c7j] {
    color: #0F2A47;
    text-decoration: underline;
}

.breadcrumb-item.active[b-d4kwny7c7j] {
    color: #4B5563;
}

.breadcrumb-item + .breadcrumb-item[b-d4kwny7c7j]::before {
    content: ">";
    color: #9CA3AF;
    margin: 0 8px;
}

/* Título principal */
h1[b-d4kwny7c7j] {
    font-family: 'Inter', -apple-system, BlinkMacSystemFont, 'Segoe UI', Roboto, sans-serif;
    font-size: 28px;
    font-weight: 600;
    color: #111827;
    margin-bottom: 0;
    margin-top: 0;
}

/* Cards */
.card[b-d4kwny7c7j] {
    background: #FFFFFF;
    border: none;
    border-radius: 12px;
    box-shadow: 0px 1px 3px rgba(16, 24, 40, 0.05);
    overflow: hidden;
    margin-bottom: 24px;
}

.card-header[b-d4kwny7c7j] {
    background-color: #F9FAFB;
    border-bottom: 1px solid #E5E7EB;
    padding: 20px 24px;
}

.card-header.bg-light[b-d4kwny7c7j] {
    background-color: #F9FAFB !important;
}

.card-title[b-d4kwny7c7j] {
    font-size: 18px;
    font-weight: 600;
    color: #111827;
    margin: 0;
}

.card-body[b-d4kwny7c7j] {
    padding: 24px;
}

/* Formulários */
.form-label[b-d4kwny7c7j] {
    font-weight: 500;
    color: #111827;
    margin-bottom: 8px;
    font-size: 14px;
    display: block;
}

.form-control[b-d4kwny7c7j], .form-select[b-d4kwny7c7j] {
    border: 1px solid #E5E7EB;
    border-radius: 6px;
    padding: 10px 14px;
    font-size: 14px;
    line-height: 1.5;
    color: #111827;
    background-color: #FFFFFF;
    transition: all 0.2s ease;
    width: 100%;
}

.form-control:focus[b-d4kwny7c7j], .form-select:focus[b-d4kwny7c7j] {
    border-color: #14365C;
    box-shadow: 0 0 0 3px rgba(20, 54, 92, 0.1);
    outline: none;
}

.form-control[b-d4kwny7c7j]::placeholder {
    color: #9CA3AF;
}

/* Textarea específico */
textarea.form-control[b-d4kwny7c7j] {
    resize: vertical;
    min-height: 120px;
}

/* Texto de ajuda */
.form-text[b-d4kwny7c7j] {
    color: #4B5563;
    font-size: 12px;
    margin-top: 4px;
}

/* Arquivo de upload */
input[type="file"].form-control[b-d4kwny7c7j] {
    padding: 8px 12px;
}

/* Botões */
.btn[b-d4kwny7c7j] {
    padding: 10px 18px;
    border-radius: 6px;
    font-weight: 500;
    font-size: 14px;
    cursor: pointer;
    transition: all 0.2s ease;
    display: inline-flex;
    align-items: center;
    gap: 8px;
    border: 1px solid transparent;
}

.btn-primary[b-d4kwny7c7j] {
    background-color: #14365C;
    border-color: #14365C;
    color: #FFFFFF;
}

.btn-primary:hover:not(:disabled)[b-d4kwny7c7j] {
    background-color: #0F2A47;
    border-color: #0F2A47;
    transform: translateY(-1px);
    box-shadow: 0 4px 8px rgba(20, 54, 92, 0.2);
}

.btn-primary:disabled[b-d4kwny7c7j] {
    background-color: #9CA3AF;
    border-color: #9CA3AF;
    cursor: not-allowed;
    transform: none;
    box-shadow: none;
}

.btn-outline-secondary[b-d4kwny7c7j] {
    background-color: transparent;
    border-color: #E5E7EB;
    color: #4B5563;
}

.btn-outline-secondary:hover[b-d4kwny7c7j] {
    background-color: #F9FAFB;
    border-color: #E5E7EB;
    color: #111827;
}

/* Spinner */
.spinner-border-sm[b-d4kwny7c7j] {
    width: 16px;
    height: 16px;
    border-width: 2px;
}

/* Alertas */
.alert[b-d4kwny7c7j] {
    border: none;
    border-radius: 8px;
    padding: 16px;
    margin-bottom: 24px;
    font-size: 14px;
    line-height: 1.5;
}

.alert-danger[b-d4kwny7c7j] {
    background-color: #FEF2F2;
    color: #B42318;
    border-left: 4px solid #B42318;
}

/* Mensagens de validação */
.validation-message[b-d4kwny7c7j] {
    color: #B42318;
    font-size: 12px;
    margin-top: 4px;
    display: block;
}

/* Cards laterais */
.col-md-4 .card[b-d4kwny7c7j] {
    margin-bottom: 24px;
}

.col-md-4 .card-body[b-d4kwny7c7j] {
    padding: 20px;
}

.col-md-4 h4[b-d4kwny7c7j] {
    font-size: 16px;
    font-weight: 600;
    color: #111827;
    margin-bottom: 12px;
    margin-top: 0;
}

.col-md-4 ul[b-d4kwny7c7j] {
    margin-bottom: 20px;
    padding-left: 20px;
}

.col-md-4 li[b-d4kwny7c7j] {
    margin-bottom: 8px;
    color: #4B5563;
    font-size: 14px;
    line-height: 1.5;
}

.col-md-4 strong[b-d4kwny7c7j] {
    color: #111827;
    font-weight: 600;
}

/* Layout responsivo */
.row[b-d4kwny7c7j] {
    display: flex;
    flex-wrap: wrap;
    margin-right: -12px;
    margin-left: -12px;
}

.col[b-d4kwny7c7j], .col-md-4[b-d4kwny7c7j], .col-md-6[b-d4kwny7c7j], .col-md-8[b-d4kwny7c7j] {
    padding-right: 12px;
    padding-left: 12px;
}

.col-md-8[b-d4kwny7c7j] {
    flex: 0 0 auto;
    width: 66.66666667%;
}

.col-md-6[b-d4kwny7c7j] {
    flex: 0 0 auto;
    width: 50%;
}

.col-md-4[b-d4kwny7c7j] {
    flex: 0 0 auto;
    width: 33.33333333%;
}

.col[b-d4kwny7c7j] {
    flex: 1 0 0%;
}

/* Flex utilities */
.d-flex[b-d4kwny7c7j] {
    display: flex !important;
}

.justify-content-end[b-d4kwny7c7j] {
    justify-content: flex-end !important;
}

.gap-2[b-d4kwny7c7j] {
    gap: 16px !important;
}

/* Margin utilities */
.mb-0[b-d4kwny7c7j] {
    margin-bottom: 0 !important;
}

.mb-2[b-d4kwny7c7j] {
    margin-bottom: 16px !important;
}

.mb-3[b-d4kwny7c7j] {
    margin-bottom: 24px !important;
}

.mb-4[b-d4kwny7c7j] {
    margin-bottom: 32px !important;
}

.me-1[b-d4kwny7c7j] {
    margin-right: 8px !important;
}

/* Padding utilities */
.py-4[b-d4kwny7c7j] {
    padding-top: 32px !important;
    padding-bottom: 32px !important;
}

.px-4[b-d4kwny7c7j] {
    padding-left: 32px !important;
    padding-right: 32px !important;
}

/* Font utilities */
.fs-2[b-d4kwny7c7j] {
    font-size: 2rem !important;
}

.fs-5[b-d4kwny7c7j] {
    font-size: 1.25rem !important;
}

.fs-6[b-d4kwny7c7j] {
    font-size: 1rem !important;
}

/* Text utilities */
.text-muted[b-d4kwny7c7j] {
    color: #4B5563 !important;
}

/* Shadow utilities */
.shadow-sm[b-d4kwny7c7j] {
    box-shadow: 0px 1px 3px rgba(16, 24, 40, 0.05) !important;
}

/* Responsividade */
@media (max-width: 768px) {
    .container-fluid[b-d4kwny7c7j] {
        padding: 16px 12px;
    }
    
    h1[b-d4kwny7c7j] {
        font-size: 24px;
    }
    
    .card-header[b-d4kwny7c7j],
    .card-body[b-d4kwny7c7j] {
        padding: 16px;
    }
    
    .col-md-8[b-d4kwny7c7j],
    .col-md-6[b-d4kwny7c7j],
    .col-md-4[b-d4kwny7c7j] {
        width: 100%;
        margin-bottom: 24px;
    }
    
    .col-md-6[b-d4kwny7c7j] {
        margin-bottom: 16px;
    }
    
    .d-flex.gap-2[b-d4kwny7c7j] {
        flex-direction: column;
        gap: 12px !important;
    }
    
    .btn[b-d4kwny7c7j] {
        width: 100%;
        justify-content: center;
    }
    
    .breadcrumb[b-d4kwny7c7j] {
        font-size: 12px;
    }
    
    .form-control[b-d4kwny7c7j],
    .form-select[b-d4kwny7c7j] {
        padding: 12px 14px;
    }
}

/* Estados específicos */
.loading-state[b-d4kwny7c7j] {
    opacity: 0.6;
    pointer-events: none;
}

/* Melhorias visuais para textarea */
textarea.form-control:focus[b-d4kwny7c7j] {
    min-height: 160px;
    transition: min-height 0.3s ease;
}

/* Estilo para file input */
.form-control[type="file"][b-d4kwny7c7j] {
    cursor: pointer;
}

.form-control[type="file"][b-d4kwny7c7j]::-webkit-file-upload-button {
    background-color: #F9FAFB;
    border: 1px solid #E5E7EB;
    border-radius: 4px;
    color: #4B5563;
    cursor: pointer;
    margin-right: 12px;
    padding: 6px 12px;
    transition: all 0.2s ease;
}

.form-control[type="file"][b-d4kwny7c7j]::-webkit-file-upload-button:hover {
    background-color: #E6EEF8;
    border-color: #14365C;
    color: #14365C;
}

/* Animação para cards laterais */
.col-md-4 .card[b-d4kwny7c7j] {
    transition: transform 0.2s ease, box-shadow 0.2s ease;
}

.col-md-4 .card:hover[b-d4kwny7c7j] {
    transform: translateY(-2px);
    box-shadow: 0px 4px 8px rgba(16, 24, 40, 0.1);
}

/* Estilo para listas de informações */
.info-list[b-d4kwny7c7j] {
    background-color: #F9FAFB;
    border-radius: 8px;
    padding: 16px;
    margin-bottom: 16px;
}

.info-list ul[b-d4kwny7c7j] {
    margin: 0;
}

/* Melhorias para validação */
.invalid-feedback[b-d4kwny7c7j] {
    color: #B42318;
    font-size: 12px;
    margin-top: 4px;
    display: block;
}

.is-invalid[b-d4kwny7c7j] {
    border-color: #B42318;
}

.is-invalid:focus[b-d4kwny7c7j] {
    border-color: #B42318;
    box-shadow: 0 0 0 3px rgba(180, 35, 24, 0.1);
}
/* _content/VeiculoSeguroBlazor/Components/Pages/Resultados/ResultadoComunicacaoVenda.razor.rz.scp.css */
.badge-bloqueado[b-n3osu0c11h] {
    background-color: #dc3545 !important;
    animation: pulse-bloqueado-b-n3osu0c11h 2s infinite;
}

@keyframes pulse-bloqueado-b-n3osu0c11h {
    0%, 100% { opacity: 1; }
    50% { opacity: 0.7; }
}
/* _content/VeiculoSeguroBlazor/Components/Pages/Resultados/ResultadoSerasaPF.razor.rz.scp.css */
/* ============================================
   Card de Status do CPF
   ============================================ */
.cpf-status-card[b-pjapw50q2a] {
    background: #f8fafc;
    border: 1px solid #e2e8f0;
    border-radius: 8px;
    padding: 24px;
    text-align: center;
    transition: all 0.3s ease;
}

.status-date[b-pjapw50q2a] {
    font-size: 0.875rem;
    color: #64748b;
    margin-top: 8px;
    margin-bottom: 0;
}

/* ============================================
   Cards de Negativação
   ============================================ */
.restriction-card[b-pjapw50q2a] {
    background: white;
    border: 1px solid #e2e8f0;
    border-radius: 8px;
    padding: 20px;
    transition: all 0.3s ease;
}

.restriction-card.has-restriction[b-pjapw50q2a] {
    border-left: 4px solid #EF4444;
    background: rgba(239, 68, 68, 0.02);
}

.restriction-header[b-pjapw50q2a] {
    display: flex;
    align-items: center;
    gap: 12px;
    margin-bottom: 16px;
    flex-wrap: wrap;
}

.restriction-header i[b-pjapw50q2a] {
    font-size: 1.5rem;
    color: #14365C;
}

.restriction-card.has-restriction .restriction-header i[b-pjapw50q2a] {
    color: #EF4444;
}

.restriction-title[b-pjapw50q2a] {
    font-weight: 700;
    font-size: 1rem;
    color: #14365C;
}

.restriction-subtitle[b-pjapw50q2a] {
    font-size: 0.75rem;
    color: #64748b;
    margin-left: auto;
    font-style: italic;
}

.restriction-details[b-pjapw50q2a] {
    display: flex;
    flex-direction: column;
    gap: 8px;
}

.restriction-value[b-pjapw50q2a] {
    font-size: 1.125rem;
    font-weight: 700;
    color: #EF4444;
    margin: 8px 0 0 0;
}

.restriction-dates[b-pjapw50q2a] {
    font-size: 0.75rem;
    color: #64748b;
    margin-top: 6px;
    margin-bottom: 0;
}

.restriction-dates small[b-pjapw50q2a] {
    margin: 0 4px;
}

/* Botão Ver Detalhes */
.btn-details[b-pjapw50q2a] {
    margin-top: 12px;
    padding: 8px 16px;
    background: #E6EEF8;
    border: 1px solid #14365C;
    border-radius: 6px;
    color: #14365C;
    font-size: 0.85rem;
    font-weight: 600;
    cursor: pointer;
    display: flex;
    align-items: center;
    gap: 8px;
    transition: all 0.25s ease;
    width: 100%;
    justify-content: center;
}

.btn-details:hover[b-pjapw50q2a] {
    background: #14365C;
    color: white;
}

.btn-details i[b-pjapw50q2a] {
    font-size: 0.75rem;
}

/* Lista de Detalhes */
.details-list[b-pjapw50q2a] {
    margin-top: 16px;
    display: flex;
    flex-direction: column;
    gap: 12px;
    padding-top: 16px;
    border-top: 1px solid #e2e8f0;
}

.detail-item[b-pjapw50q2a] {
    background: #f8fafc;
    border: 1px solid #e2e8f0;
    border-left: 3px solid #EF4444;
    border-radius: 6px;
    padding: 12px;
    display: flex;
    flex-direction: column;
    gap: 6px;
}

.detail-row[b-pjapw50q2a] {
    display: flex;
    justify-content: space-between;
    align-items: center;
    gap: 8px;
}

.detail-label[b-pjapw50q2a] {
    font-size: 0.8rem;
    color: #64748b;
    font-weight: 500;
}

.detail-value[b-pjapw50q2a] {
    font-size: 0.85rem;
    color: #1e293b;
    text-align: right;
}

.detail-amount[b-pjapw50q2a] {
    font-weight: 700;
    color: #EF4444;
    font-size: 0.95rem;
}

.detail-contract[b-pjapw50q2a],
.detail-cadus[b-pjapw50q2a] {
    font-family: 'Courier New', monospace;
    font-size: 0.8rem;
    color: #64748b;
}

.detail-badge[b-pjapw50q2a] {
    padding: 4px 12px;
    background: #FEF3C7;
    border: 1px solid #F59E0B;
    border-radius: 4px;
    font-size: 0.75rem;
    color: #92400E;
    font-weight: 600;
    display: inline-flex;
    align-items: center;
    gap: 6px;
}

.detail-badge i[b-pjapw50q2a] {
    font-size: 0.7rem;
}

.detail-badge.dispute[b-pjapw50q2a] {
    background: #FEF3C7;
    border-color: #F59E0B;
    color: #92400E;
}

/* ============================================
   Lista de Consultas
   ============================================ */
.section-subtitle[b-pjapw50q2a] {
    font-size: 0.875rem;
    color: #64748b;
    margin: -8px 0 16px 0;
}

.inquiry-list[b-pjapw50q2a] {
    display: flex;
    flex-direction: column;
    gap: 12px;
    margin-bottom: 24px;
}

.inquiry-item[b-pjapw50q2a] {
    background: white;
    border: 1px solid #e2e8f0;
    border-radius: 6px;
    padding: 16px;
    display: grid;
    grid-template-columns: auto 1fr auto;
    gap: 16px;
    align-items: center;
    transition: all 0.25s ease;
}

.inquiry-item:hover[b-pjapw50q2a] {
    border-color: #14365C;
    box-shadow: 0 2px 8px rgba(20, 54, 92, 0.08);
    transform: translateY(-2px);
}

.inquiry-date[b-pjapw50q2a] {
    font-weight: 600;
    font-size: 0.875rem;
    color: #14365C;
}

.inquiry-segment[b-pjapw50q2a] {
    color: #64748b;
    font-size: 0.875rem;
}

.inquiry-days[b-pjapw50q2a] {
    font-size: 0.75rem;
    color: #94a3b8;
    background: #f1f5f9;
    padding: 4px 8px;
    border-radius: 4px;
    white-space: nowrap;
}

/* ============================================
   Resumo Mensal
   ============================================ */
.subsection-title[b-pjapw50q2a] {
    font-size: 0.95rem;
    font-weight: 600;
    color: #14365C;
    margin: 24px 0 12px 0;
    padding-bottom: 8px;
    border-bottom: 2px solid #e2e8f0;
}

.monthly-summary[b-pjapw50q2a] {
    display: grid;
    grid-template-columns: repeat(auto-fill, minmax(120px, 1fr));
    gap: 8px;
    margin-top: 16px;
}

.monthly-item[b-pjapw50q2a] {
    background: #E6EEF8;
    border-radius: 6px;
    padding: 12px;
    text-align: center;
    transition: all 0.25s ease;
}

.monthly-item:hover[b-pjapw50q2a] {
    background: #d0dff3;
    transform: translateY(-2px);
    box-shadow: 0 4px 8px rgba(20, 54, 92, 0.1);
}

.monthly-month[b-pjapw50q2a] {
    font-size: 0.75rem;
    color: #64748b;
    text-transform: uppercase;
    font-weight: 600;
    margin-bottom: 4px;
}

.monthly-count[b-pjapw50q2a] {
    font-size: 1.5rem;
    font-weight: 700;
    color: #14365C;
}

/* ============================================
   Mensagens e Alertas
   ============================================ */
.no-data-message[b-pjapw50q2a] {
    text-align: center;
    padding: 24px;
}

.alert-message[b-pjapw50q2a] {
    padding: 16px;
    background: rgba(239, 68, 68, 0.05);
    border-left: 4px solid #EF4444;
    border-radius: 6px;
}

.error-container[b-pjapw50q2a] {
    text-align: center;
    padding: 40px;
    color: #64748b;
}

.error-icon[b-pjapw50q2a] {
    font-size: 3rem;
    color: #EF4444;
    margin-bottom: 16px;
}

.error-container h4[b-pjapw50q2a] {
    color: #1e293b;
    margin-bottom: 8px;
}

.error-container p[b-pjapw50q2a] {
    font-size: 0.875rem;
    color: #64748b;
}

.loading-container[b-pjapw50q2a] {
    text-align: center;
    padding: 40px;
    color: #64748b;
}

.loading-container i[b-pjapw50q2a] {
    font-size: 2rem;
    color: #14365C;
    margin-bottom: 16px;
}

/* ============================================
   Responsivo
   ============================================ */
@media (max-width: 768px) {
    .inquiry-item[b-pjapw50q2a] {
        grid-template-columns: 1fr;
        gap: 8px;
        text-align: left;
    }

    .inquiry-date[b-pjapw50q2a] {
        padding-bottom: 4px;
        border-bottom: 1px solid #f1f5f9;
    }

    .inquiry-days[b-pjapw50q2a] {
        align-self: flex-start;
    }

    .monthly-summary[b-pjapw50q2a] {
        grid-template-columns: repeat(2, 1fr);
    }

    .restriction-header[b-pjapw50q2a] {
        flex-direction: column;
        align-items: flex-start;
    }

    .restriction-subtitle[b-pjapw50q2a] {
        margin-left: 0;
        margin-top: -8px;
    }

    .cpf-status-card[b-pjapw50q2a] {
        padding: 16px;
    }
}

@media (max-width: 576px) {
    .monthly-summary[b-pjapw50q2a] {
        grid-template-columns: 1fr;
    }

    .inquiry-list[b-pjapw50q2a] {
        gap: 8px;
    }

    .inquiry-item[b-pjapw50q2a] {
        padding: 12px;
    }
}

/* ============================================
   Endereços Cadastrados
   ============================================ */
.address-list[b-pjapw50q2a] {
    display: flex;
    flex-direction: column;
    gap: 16px;
}

.address-card[b-pjapw50q2a] {
    background: white;
    border: 1px solid #e2e8f0;
    border-left: 4px solid #14365C;
    border-radius: 8px;
    overflow: hidden;
    transition: all 0.3s ease;
}

.address-card:hover[b-pjapw50q2a] {
    border-left-color: #2563eb;
    box-shadow: 0 4px 12px rgba(20, 54, 92, 0.1);
    transform: translateY(-2px);
}

.address-card-header[b-pjapw50q2a] {
    background: linear-gradient(135deg, #f8fafc 0%, #e6eef8 100%);
    padding: 12px 16px;
    display: flex;
    justify-content: space-between;
    align-items: center;
    border-bottom: 1px solid #e2e8f0;
}

.address-type-badge[b-pjapw50q2a] {
    display: flex;
    align-items: center;
    gap: 8px;
    font-weight: 600;
    font-size: 0.875rem;
    color: #14365C;
}

.address-type-badge i[b-pjapw50q2a] {
    color: #3b82f6;
    font-size: 1rem;
}

.address-update-date[b-pjapw50q2a] {
    display: flex;
    align-items: center;
    gap: 6px;
    font-size: 0.75rem;
    color: #64748b;
}

.address-update-date i[b-pjapw50q2a] {
    color: #94a3b8;
}

.address-card-body[b-pjapw50q2a] {
    padding: 16px;
}

.address-main[b-pjapw50q2a] {
    display: flex;
    gap: 12px;
    align-items: flex-start;
}

.address-icon[b-pjapw50q2a] {
    color: #14365C;
    font-size: 1.25rem;
    margin-top: 2px;
    flex-shrink: 0;
}

.address-text[b-pjapw50q2a] {
    flex: 1;
}

.address-street[b-pjapw50q2a] {
    font-size: 0.95rem;
    font-weight: 600;
    color: #1e293b;
    margin: 0 0 8px 0;
}

.address-location[b-pjapw50q2a] {
    font-size: 0.875rem;
    color: #64748b;
    margin: 0;
    display: flex;
    flex-wrap: wrap;
    align-items: center;
    gap: 6px;
}

.address-separator[b-pjapw50q2a] {
    color: #cbd5e1;
}

.address-zip[b-pjapw50q2a] {
    font-family: 'Courier New', monospace;
    font-weight: 500;
}

/* ============================================
   Telefones Cadastrados
   ============================================ */
.phone-grid[b-pjapw50q2a] {
    display: grid;
    grid-template-columns: repeat(auto-fill, minmax(280px, 1fr));
    gap: 16px;
}

.phone-card[b-pjapw50q2a] {
    background: white;
    border: 1px solid #e2e8f0;
    border-radius: 8px;
    padding: 16px;
    display: flex;
    align-items: center;
    gap: 16px;
    transition: all 0.3s ease;
}

.phone-card:hover[b-pjapw50q2a] {
    border-color: #14365C;
    box-shadow: 0 4px 12px rgba(20, 54, 92, 0.1);
    transform: translateY(-2px);
}

.phone-icon-wrapper[b-pjapw50q2a] {
    width: 48px;
    height: 48px;
    border-radius: 12px;
    display: flex;
    align-items: center;
    justify-content: center;
    flex-shrink: 0;
    transition: all 0.3s ease;
}

.phone-icon-wrapper.commercial[b-pjapw50q2a] {
    background: linear-gradient(135deg, #dbeafe 0%, #bfdbfe 100%);
    color: #1e40af;
}

.phone-icon-wrapper.residential[b-pjapw50q2a] {
    background: linear-gradient(135deg, #d1fae5 0%, #a7f3d0 100%);
    color: #065f46;
}

.phone-icon-wrapper i[b-pjapw50q2a] {
    font-size: 1.25rem;
}

.phone-card:hover .phone-icon-wrapper[b-pjapw50q2a] {
    transform: scale(1.1);
}

.phone-content[b-pjapw50q2a] {
    flex: 1;
    display: flex;
    flex-direction: column;
    gap: 4px;
}

.phone-type-label[b-pjapw50q2a] {
    font-size: 0.75rem;
    font-weight: 600;
    color: #64748b;
    text-transform: uppercase;
    letter-spacing: 0.5px;
}

.phone-number[b-pjapw50q2a] {
    font-size: 1.125rem;
    font-weight: 700;
    color: #14365C;
    font-family: 'Courier New', monospace;
}

.phone-update[b-pjapw50q2a] {
    display: flex;
    align-items: center;
    gap: 4px;
    font-size: 0.7rem;
    color: #94a3b8;
    margin-top: 2px;
}

.phone-update i[b-pjapw50q2a] {
    font-size: 0.65rem;
}

/* ============================================
   Participação Societária
   ============================================ */
.partnership-grid[b-pjapw50q2a] {
    display: grid;
    grid-template-columns: repeat(auto-fill, minmax(380px, 1fr));
    gap: 20px;
}

.partnership-card[b-pjapw50q2a] {
    background: white;
    border: 1px solid #e2e8f0;
    border-radius: 12px;
    overflow: hidden;
    transition: all 0.3s ease;
}

.partnership-card.has-negative[b-pjapw50q2a] {
    border-color: #fecaca;
    background: rgba(254, 202, 202, 0.05);
}

.partnership-card:hover[b-pjapw50q2a] {
    box-shadow: 0 8px 16px rgba(20, 54, 92, 0.12);
    transform: translateY(-4px);
}

.partnership-card-header[b-pjapw50q2a] {
    background: linear-gradient(135deg, #f8fafc 0%, #e6eef8 100%);
    padding: 20px;
    border-bottom: 2px solid #e2e8f0;
    display: flex;
    justify-content: space-between;
    align-items: flex-start;
    gap: 12px;
}

.partnership-card.has-negative .partnership-card-header[b-pjapw50q2a] {
    background: linear-gradient(135deg, #fef2f2 0%, #fee2e2 100%);
    border-bottom-color: #fecaca;
}

.partnership-title[b-pjapw50q2a] {
    display: flex;
    align-items: flex-start;
    gap: 12px;
    flex: 1;
}

.partnership-icon[b-pjapw50q2a] {
    font-size: 1.5rem;
    color: #14365C;
    margin-top: 2px;
}

.partnership-card.has-negative .partnership-icon[b-pjapw50q2a] {
    color: #dc2626;
}

.partnership-name[b-pjapw50q2a] {
    font-size: 1rem;
    font-weight: 700;
    color: #1e293b;
    margin: 0 0 4px 0;
    line-height: 1.3;
}

.partnership-cnpj[b-pjapw50q2a] {
    font-size: 0.8rem;
    color: #64748b;
    font-family: 'Courier New', monospace;
    margin: 0;
}

.partnership-negative-badge[b-pjapw50q2a] {
    background: #dc2626;
    color: white;
    padding: 6px 12px;
    border-radius: 6px;
    font-size: 0.75rem;
    font-weight: 700;
    display: flex;
    align-items: center;
    gap: 6px;
    white-space: nowrap;
    box-shadow: 0 2px 8px rgba(220, 38, 38, 0.3);
}

.partnership-negative-badge i[b-pjapw50q2a] {
    font-size: 0.7rem;
}

.partnership-card-body[b-pjapw50q2a] {
    padding: 20px;
}

.partnership-stats[b-pjapw50q2a] {
    display: grid;
    grid-template-columns: 2fr 1fr;
    gap: 12px;
    margin-bottom: 20px;
    padding-bottom: 16px;
    border-bottom: 1px solid #e2e8f0;
}

.partnership-stat[b-pjapw50q2a] {
    background: #f8fafc;
    border: 1px solid #e2e8f0;
    border-radius: 8px;
    padding: 12px 16px;
    text-align: center;
}

.partnership-stat.highlight[b-pjapw50q2a] {
    background: linear-gradient(135deg, #dbeafe 0%, #bfdbfe 100%);
    border-color: #3b82f6;
}

.stat-label[b-pjapw50q2a] {
    font-size: 0.7rem;
    color: #64748b;
    text-transform: uppercase;
    font-weight: 600;
    letter-spacing: 0.5px;
    margin-bottom: 4px;
}

.stat-value[b-pjapw50q2a] {
    font-size: 1.5rem;
    font-weight: 700;
    color: #14365C;
}

.partnership-stat.highlight .stat-value[b-pjapw50q2a] {
    color: #1e40af;
}

.partnership-info-rows[b-pjapw50q2a] {
    display: flex;
    flex-direction: column;
    gap: 12px;
}

.partnership-info-row[b-pjapw50q2a] {
    display: flex;
    justify-content: space-between;
    align-items: center;
    padding: 10px 12px;
    background: #f8fafc;
    border-radius: 6px;
    transition: all 0.2s ease;
}

.partnership-info-row:hover[b-pjapw50q2a] {
    background: #e6eef8;
}

.info-label[b-pjapw50q2a] {
    font-size: 0.85rem;
    color: #64748b;
    display: flex;
    align-items: center;
    gap: 8px;
}

.info-label i[b-pjapw50q2a] {
    color: #14365C;
    font-size: 0.75rem;
    width: 14px;
}

.info-value[b-pjapw50q2a] {
    font-size: 0.875rem;
    font-weight: 600;
    color: #1e293b;
    text-align: right;
}

.info-value.status-inactive[b-pjapw50q2a] {
    color: #dc2626;
}

.info-value.status-active[b-pjapw50q2a] {
    color: #059669;
}

/* ============================================
   Responsivo - Novas Seções
   ============================================ */
@media (max-width: 768px) {
    .partnership-grid[b-pjapw50q2a] {
        grid-template-columns: 1fr;
    }

    .partnership-stats[b-pjapw50q2a] {
        grid-template-columns: 1fr;
    }

    .partnership-card-header[b-pjapw50q2a] {
        flex-direction: column;
        align-items: flex-start;
    }

    .partnership-negative-badge[b-pjapw50q2a] {
        align-self: flex-start;
    }

    .phone-grid[b-pjapw50q2a] {
        grid-template-columns: 1fr;
    }
}

@media (max-width: 576px) {
    .address-card-header[b-pjapw50q2a] {
        flex-direction: column;
        align-items: flex-start;
        gap: 8px;
    }

    .partnership-info-row[b-pjapw50q2a] {
        flex-direction: column;
        align-items: flex-start;
        gap: 6px;
    }

    .info-value[b-pjapw50q2a] {
        text-align: left;
    }
}
/* _content/VeiculoSeguroBlazor/Components/Pages/Resultados/ResultadoSerasaPJ.razor.rz.scp.css */
/* ============================================
   Card de Status do CNPJ
   ============================================ */
.cnpj-status-card[b-ym6y1hnsyn] {
    background: #f8fafc;
    border: 1px solid #e2e8f0;
    border-radius: 8px;
    padding: 24px;
    text-align: center;
    transition: all 0.3s ease;
}

.status-date[b-ym6y1hnsyn] {
    font-size: 0.875rem;
    color: #64748b;
    margin-top: 8px;
    margin-bottom: 0;
}

/* ============================================
   Cards de Negativação (Reutilizado do PF)
   ============================================ */
.restriction-card[b-ym6y1hnsyn] {
    background: white;
    border: 1px solid #e2e8f0;
    border-radius: 8px;
    padding: 20px;
    transition: all 0.3s ease;
}

.restriction-card.has-restriction[b-ym6y1hnsyn] {
    border-left: 4px solid #EF4444;
    background: rgba(239, 68, 68, 0.02);
}

.restriction-header[b-ym6y1hnsyn] {
    display: flex;
    align-items: center;
    gap: 12px;
    margin-bottom: 16px;
    flex-wrap: wrap;
}

.restriction-header i[b-ym6y1hnsyn] {
    font-size: 1.5rem;
    color: #14365C;
}

.restriction-card.has-restriction .restriction-header i[b-ym6y1hnsyn] {
    color: #EF4444;
}

.restriction-title[b-ym6y1hnsyn] {
    font-weight: 700;
    font-size: 1rem;
    color: #14365C;
}

.restriction-subtitle[b-ym6y1hnsyn] {
    font-size: 0.75rem;
    color: #64748b;
    margin-left: auto;
    font-style: italic;
}

.restriction-details[b-ym6y1hnsyn] {
    display: flex;
    flex-direction: column;
    gap: 8px;
}

.restriction-value[b-ym6y1hnsyn] {
    font-size: 1.125rem;
    font-weight: 700;
    color: #EF4444;
    margin: 8px 0 0 0;
}

/* ============================================
   Lista de Consultas de Empresas (PJ)
   ============================================ */
.section-subtitle[b-ym6y1hnsyn] {
    font-size: 0.875rem;
    color: #64748b;
    margin: -8px 0 16px 0;
}

.inquiry-list[b-ym6y1hnsyn] {
    display: flex;
    flex-direction: column;
    gap: 12px;
    margin-bottom: 24px;
}

.inquiry-item-pj[b-ym6y1hnsyn] {
    background: white;
    border: 1px solid #e2e8f0;
    border-radius: 6px;
    padding: 16px;
    display: grid;
    grid-template-columns: 1fr auto;
    gap: 16px;
    align-items: center;
    transition: all 0.25s ease;
}

.inquiry-item-pj:hover[b-ym6y1hnsyn] {
    border-color: #14365C;
    box-shadow: 0 2px 8px rgba(20, 54, 92, 0.08);
    transform: translateY(-2px);
}

.inquiry-company-info[b-ym6y1hnsyn] {
    display: flex;
    flex-direction: column;
    gap: 4px;
}

.inquiry-company-name[b-ym6y1hnsyn] {
    font-weight: 600;
    font-size: 0.95rem;
    color: #14365C;
}

.inquiry-company-alias[b-ym6y1hnsyn] {
    font-size: 0.85rem;
    color: #64748b;
    font-style: italic;
}

.inquiry-company-cnpj[b-ym6y1hnsyn] {
    font-size: 0.8rem;
    color: #94a3b8;
    font-family: 'Courier New', monospace;
}

.inquiry-meta[b-ym6y1hnsyn] {
    display: flex;
    flex-direction: column;
    align-items: flex-end;
    gap: 4px;
    text-align: right;
}

.inquiry-date[b-ym6y1hnsyn] {
    font-weight: 600;
    font-size: 0.875rem;
    color: #14365C;
}

.inquiry-days[b-ym6y1hnsyn] {
    font-size: 0.75rem;
    color: #94a3b8;
    background: #f1f5f9;
    padding: 4px 8px;
    border-radius: 4px;
    white-space: nowrap;
}

/* ============================================
   Resumo de Quantidade de Consultas
   ============================================ */
.inquiry-summary-pj[b-ym6y1hnsyn] {
    display: grid;
    grid-template-columns: repeat(auto-fit, minmax(200px, 1fr));
    gap: 16px;
    margin-top: 24px;
    padding-top: 24px;
    border-top: 2px solid #e2e8f0;
}

.summary-card[b-ym6y1hnsyn] {
    background: linear-gradient(135deg, #E6EEF8 0%, #f8fafc 100%);
    border: 1px solid #e2e8f0;
    border-radius: 8px;
    padding: 20px;
    display: flex;
    flex-direction: column;
    align-items: center;
    gap: 8px;
    text-align: center;
    transition: all 0.25s ease;
}

.summary-card:hover[b-ym6y1hnsyn] {
    transform: translateY(-2px);
    box-shadow: 0 4px 8px rgba(20, 54, 92, 0.1);
}

.summary-card i[b-ym6y1hnsyn] {
    font-size: 2rem;
    color: #14365C;
}

.summary-label[b-ym6y1hnsyn] {
    font-size: 0.8rem;
    color: #64748b;
    font-weight: 500;
}

.summary-value[b-ym6y1hnsyn] {
    font-size: 2rem;
    font-weight: 700;
    color: #14365C;
}

/* ============================================
   Resumo Mensal de Consultas
   ============================================ */
.subsection-title[b-ym6y1hnsyn] {
    font-size: 0.95rem;
    font-weight: 600;
    color: #14365C;
    margin: 24px 0 12px 0;
    padding-bottom: 8px;
    border-bottom: 2px solid #e2e8f0;
}

.monthly-summary[b-ym6y1hnsyn] {
    display: grid;
    grid-template-columns: repeat(auto-fill, minmax(120px, 1fr));
    gap: 8px;
    margin-top: 16px;
}

.monthly-item[b-ym6y1hnsyn] {
    background: #E6EEF8;
    border-radius: 6px;
    padding: 12px;
    text-align: center;
    transition: all 0.25s ease;
}

.monthly-item:hover[b-ym6y1hnsyn] {
    background: #d0dff3;
    transform: translateY(-2px);
    box-shadow: 0 4px 8px rgba(20, 54, 92, 0.1);
}

.monthly-month[b-ym6y1hnsyn] {
    font-size: 0.75rem;
    color: #64748b;
    text-transform: uppercase;
    font-weight: 600;
    margin-bottom: 4px;
}

.monthly-count[b-ym6y1hnsyn] {
    font-size: 1.5rem;
    font-weight: 700;
    color: #14365C;
    display: block;
}

.monthly-bank[b-ym6y1hnsyn] {
    font-size: 0.7rem;
    color: #64748b;
    margin-top: 2px;
    display: block;
}

/* ============================================
   Mensagens e Alertas
   ============================================ */
.no-data-message[b-ym6y1hnsyn] {
    text-align: center;
    padding: 24px;
}

.error-container[b-ym6y1hnsyn] {
    text-align: center;
    padding: 40px;
    color: #64748b;
}

.error-icon[b-ym6y1hnsyn] {
    font-size: 3rem;
    color: #EF4444;
    margin-bottom: 16px;
}

.error-container h4[b-ym6y1hnsyn] {
    color: #1e293b;
    margin-bottom: 8px;
}

.error-container p[b-ym6y1hnsyn] {
    font-size: 0.875rem;
    color: #64748b;
}

.loading-container[b-ym6y1hnsyn] {
    text-align: center;
    padding: 40px;
    color: #64748b;
}

.loading-container i[b-ym6y1hnsyn] {
    font-size: 2rem;
    color: #14365C;
    margin-bottom: 16px;
}

/* ============================================
   Responsivo
   ============================================ */
@media (max-width: 768px) {
    .inquiry-item-pj[b-ym6y1hnsyn] {
        grid-template-columns: 1fr;
        gap: 12px;
    }

    .inquiry-meta[b-ym6y1hnsyn] {
        align-items: flex-start;
        text-align: left;
    }

    .inquiry-summary-pj[b-ym6y1hnsyn] {
        grid-template-columns: 1fr;
    }

    .monthly-summary[b-ym6y1hnsyn] {
        grid-template-columns: repeat(2, 1fr);
    }

    .restriction-header[b-ym6y1hnsyn] {
        flex-direction: column;
        align-items: flex-start;
    }

    .restriction-subtitle[b-ym6y1hnsyn] {
        margin-left: 0;
        margin-top: -8px;
    }

    .cnpj-status-card[b-ym6y1hnsyn] {
        padding: 16px;
    }
}

@media (max-width: 576px) {
    .monthly-summary[b-ym6y1hnsyn] {
        grid-template-columns: 1fr;
    }

    .inquiry-list[b-ym6y1hnsyn] {
        gap: 8px;
    }

    .inquiry-item-pj[b-ym6y1hnsyn] {
        padding: 12px;
    }
}

/* ============================================
   Mais Anotações Badge
   ============================================ */
.mais-anotacoes-wrapper[b-ym6y1hnsyn] {
    position: relative;
}

.feature-badge[b-ym6y1hnsyn] {
    display: inline-flex;
    align-items: center;
    gap: 8px;
    padding: 8px 16px;
    background: #eff6ff;
    border: 1px solid #93c5fd;
    border-radius: 6px;
    margin-bottom: 16px;
    font-size: 0.875rem;
    font-weight: 600;
    color: #1e40af;
}

.feature-badge i[b-ym6y1hnsyn] {
    font-size: 0.875rem;
    color: #3b82f6;
}
/* _content/VeiculoSeguroBlazor/Components/Shared/AnunciosCarousel.razor.rz.scp.css */
/* Seção de Anúncios */
.announcements-section[b-a6r9y93ec7] {
    margin-top: 32px;
    width: 100%;
}

/* Card de Anúncios */
.announcements-card[b-a6r9y93ec7] {
    position: relative;
    background: white;
    border-radius: 16px;
    padding: 24px;
    box-shadow: 0 4px 12px rgba(0, 0, 0, 0.08);
    overflow: visible;
    display: flex;
    flex-direction: column;
    gap: 48px;
    transition: all 0.3s cubic-bezier(0.4, 0, 0.2, 1);
    animation: fadeIn-b-a6r9y93ec7 0.4s ease-out;
}

.announcements-card:hover[b-a6r9y93ec7] {
    box-shadow: 0 8px 24px rgba(20, 54, 92, 0.15);
}

/* Container Principal (Botões + Conteúdo) */
.carousel-main[b-a6r9y93ec7] {
    position: relative;
    display: flex;
    align-items: center;
    gap: 16px;
    padding: 0 36px 12px 36px;
    min-height: 100px;
}

/* Container do Carrossel */
.carousel-container[b-a6r9y93ec7] {
    flex: 1;
    overflow: hidden;
}

.carousel-content[b-a6r9y93ec7] {
    transition: transform 0.5s ease-in-out;
}

/* Slide do Anúncio */
.announcement-slide[b-a6r9y93ec7] {
    display: flex;
    align-items: center;
    gap: 24px;
    border-left: 4px solid #14365C;
    padding-left: 20px;
    animation: slideIn-b-a6r9y93ec7 0.5s ease-out;
}

@keyframes slideIn-b-a6r9y93ec7 {
    from {
        opacity: 0;
        transform: translateX(20px);
    }
    to {
        opacity: 1;
        transform: translateX(0);
    }
}

/* Ícone do Anúncio */
.announcement-icon[b-a6r9y93ec7] {
    flex-shrink: 0;
    width: 56px;
    height: 56px;
    border-radius: 12px;
    display: flex;
    align-items: center;
    justify-content: center;
    background: #14365C;
    box-shadow: 0 4px 12px rgba(20, 54, 92, 0.2);
}

.announcement-icon svg[b-a6r9y93ec7] {
    width: 28px;
    height: 28px;
}

/* Conteúdo do Anúncio */
.announcement-content[b-a6r9y93ec7] {
    flex: 1;
    display: flex;
    flex-direction: column;
    gap: 12px;
}

.announcement-header[b-a6r9y93ec7] {
    display: flex;
    align-items: center;
    gap: 12px;
    flex-wrap: wrap;
}

.announcement-title[b-a6r9y93ec7] {
    font-size: 20px;
    font-weight: 700;
    color: #14365C;
    margin: 0;
    line-height: 1.3;
}

.announcement-badge[b-a6r9y93ec7] {
    padding: 4px 12px;
    border-radius: 12px;
    font-size: 11px;
    font-weight: 600;
    text-transform: uppercase;
    letter-spacing: 0.5px;
}

.announcement-message[b-a6r9y93ec7] {
    font-size: 14px;
    color: #374151;
    line-height: 1.6;
    margin: 0;
}

.announcement-link[b-a6r9y93ec7] {
    display: inline-flex;
    align-items: center;
    gap: 6px;
    color: #14365C;
    font-weight: 600;
    font-size: 13px;
    text-decoration: none;
    transition: all 0.2s ease;
    margin-top: 4px;
}

.announcement-link:hover[b-a6r9y93ec7] {
    color: #265985;
    gap: 8px;
}

.announcement-link svg[b-a6r9y93ec7] {
    transition: transform 0.2s ease;
}

.announcement-link:hover svg[b-a6r9y93ec7] {
    transform: translateX(2px) translateY(-2px);
}

/* Botões de Navegação */
.carousel-btn[b-a6r9y93ec7] {
    flex-shrink: 0;
    width: 40px;
    height: 40px;
    border-radius: 50%;
    background: rgba(20, 54, 92, 0.05);
    border: none;
    cursor: pointer;
    display: flex;
    align-items: center;
    justify-content: center;
    color: #14365C;
    transition: all 0.3s ease;
    z-index: 10;
}

.carousel-btn:hover[b-a6r9y93ec7] {
    background: #14365C;
    color: white;
    transform: scale(1.1);
}

.carousel-btn:active[b-a6r9y93ec7] {
    transform: scale(0.95);
}

/* Indicadores (Bolinhas) */
.carousel-indicators[b-a6r9y93ec7] {
    display: flex;
    justify-content: center;
    align-items: center;
    gap: 8px;
    padding: 20px 0 12px 0;
    margin-top: 8px;
}

.carousel-dot[b-a6r9y93ec7] {
    width: 8px;
    height: 8px;
    border-radius: 50%;
    background: rgba(20, 54, 92, 0.2);
    border: none;
    cursor: pointer;
    transition: all 0.3s ease;
    padding: 0;
}

.carousel-dot:hover[b-a6r9y93ec7] {
    background: rgba(20, 54, 92, 0.5);
    transform: scale(1.2);
}

.carousel-dot.active[b-a6r9y93ec7] {
    width: 24px;
    border-radius: 4px;
    background: #14365C;
}

/* Responsivo */
@media (max-width: 1024px) {
    .announcements-card[b-a6r9y93ec7] {
        padding: 20px;
    }

    .carousel-main[b-a6r9y93ec7] {
        padding: 0 24px;
        min-height: 90px;
    }

    .announcement-slide[b-a6r9y93ec7] {
        gap: 16px;
    }

    .announcement-icon[b-a6r9y93ec7] {
        width: 48px;
        height: 48px;
    }

    .announcement-icon svg[b-a6r9y93ec7] {
        width: 24px;
        height: 24px;
    }

    .announcement-title[b-a6r9y93ec7] {
        font-size: 18px;
    }

    .announcement-message[b-a6r9y93ec7] {
        font-size: 13px;
    }

    .carousel-btn[b-a6r9y93ec7] {
        width: 36px;
        height: 36px;
    }
}

@media (max-width: 768px) {
    .announcements-card[b-a6r9y93ec7] {
        padding: 16px;
        gap: 36px;
    }

    .carousel-main[b-a6r9y93ec7] {
        padding: 0 8px 8px 8px;
        gap: 8px;
        min-height: auto;
    }

    .announcement-slide[b-a6r9y93ec7] {
        flex-direction: column;
        align-items: flex-start;
        gap: 12px;
        border-left: none;
        border-top: 4px solid #14365C;
        padding-left: 0;
        padding-top: 12px;
    }

    .announcement-icon[b-a6r9y93ec7] {
        width: 44px;
        height: 44px;
    }

    .announcement-icon svg[b-a6r9y93ec7] {
        width: 22px;
        height: 22px;
    }

    .announcement-title[b-a6r9y93ec7] {
        font-size: 16px;
    }

    .announcement-message[b-a6r9y93ec7] {
        font-size: 12px;
    }

    .carousel-btn[b-a6r9y93ec7] {
        width: 32px;
        height: 32px;
        background: rgba(20, 54, 92, 0.9);
        color: white;
    }

    .carousel-indicators[b-a6r9y93ec7] {
        padding: 16px 0 8px 0;
        margin-top: 8px;
    }

    .carousel-dot[b-a6r9y93ec7] {
        width: 6px;
        height: 6px;
    }

    .carousel-dot.active[b-a6r9y93ec7] {
        width: 18px;
    }
}

/* Animações adicionais */
@keyframes fadeIn-b-a6r9y93ec7 {
    from {
        opacity: 0;
    }
    to {
        opacity: 1;
    }
}

/* Estados especiais para tipos de anúncios */
.announcement-slide[style*="border-left-color: #EF4444"][b-a6r9y93ec7] {
    animation: pulse-b-a6r9y93ec7 2s ease-in-out infinite;
}

@keyframes pulse-b-a6r9y93ec7 {
    0%, 100% {
        border-left-width: 4px;
    }
    50% {
        border-left-width: 6px;
    }
}
/* _content/VeiculoSeguroBlazor/Components/Shared/AtividadesRecentes.razor.rz.scp.css */
/* AtividadesRecentes.razor.css - Estilos para componente de atividades recentes em tempo real */

.atividades-recentes-container[b-862ylih3ta] {
    background: #FFFFFF;
    border: 1px solid #E5E7EB;
    border-radius: 12px;
    box-shadow: 0px 1px 3px rgba(16, 24, 40, 0.05);
    overflow: hidden;
    margin-bottom: 24px;
}

/* ===== HEADER ===== */
.atividades-header[b-862ylih3ta] {
    display: flex;
    justify-content: space-between;
    align-items: center;
    padding: 16px 20px;
    background: linear-gradient(135deg, #14365C 0%, #265985 100%);
    color: #FFFFFF;
    border-bottom: 1px solid rgba(255, 255, 255, 0.1);
}

.header-left[b-862ylih3ta] {
    display: flex;
    align-items: center;
}

.header-left h5[b-862ylih3ta] {
    font-size: 16px;
    font-weight: 600;
    margin: 0;
    color: #FFFFFF;
}

.header-left i[b-862ylih3ta] {
    font-size: 20px;
}

.header-right[b-862ylih3ta] {
    display: flex;
    align-items: center;
    gap: 8px;
}

.filtro-tipo[b-862ylih3ta] {
    width: 180px;
    font-size: 12px;
    padding: 4px 8px;
    background-color: rgba(255, 255, 255, 0.9);
    border: 1px solid rgba(255, 255, 255, 0.3);
    color: #14365C;
    font-weight: 500;
}

.filtro-tipo:focus[b-862ylih3ta] {
    background-color: #FFFFFF;
    border-color: #FFFFFF;
    box-shadow: 0 0 0 2px rgba(255, 255, 255, 0.3);
}

.refresh-btn[b-862ylih3ta],
.pause-btn[b-862ylih3ta],
.play-btn[b-862ylih3ta] {
    color: #FFFFFF !important;
    padding: 4px 8px !important;
    font-size: 16px;
    transition: all 0.2s ease;
    background: none !important;
    border: none !important;
}

.refresh-btn:hover[b-862ylih3ta],
.pause-btn:hover[b-862ylih3ta],
.play-btn:hover[b-862ylih3ta] {
    background-color: rgba(255, 255, 255, 0.15) !important;
    border-radius: 4px !important;
    transform: scale(1.1);
}

.spinning[b-862ylih3ta] {
    animation: spin-b-862ylih3ta 1s linear infinite;
}

@keyframes spin-b-862ylih3ta {
    from {
        transform: rotate(0deg);
    }
    to {
        transform: rotate(360deg);
    }
}

/* ===== BODY ===== */
.atividades-body[b-862ylih3ta] {
    background-color: #F9FAFB;
    max-height: 500px;
    overflow-y: auto;
}

/* Custom scrollbar */
.atividades-body[b-862ylih3ta]::-webkit-scrollbar {
    width: 6px;
}

.atividades-body[b-862ylih3ta]::-webkit-scrollbar-track {
    background: #F3F4F6;
}

.atividades-body[b-862ylih3ta]::-webkit-scrollbar-thumb {
    background: #D1D5DB;
    border-radius: 3px;
}

.atividades-body[b-862ylih3ta]::-webkit-scrollbar-thumb:hover {
    background: #9CA3AF;
}

/* ===== ESTADOS ===== */
.loading-state[b-862ylih3ta] {
    display: flex;
    align-items: center;
    justify-content: center;
    padding: 40px 20px;
    color: #6B7280;
}

.empty-state[b-862ylih3ta] {
    text-align: center;
    padding: 40px 20px;
    color: #9CA3AF;
}

.empty-state i[b-862ylih3ta] {
    font-size: 48px;
    opacity: 0.3;
    margin-bottom: 12px;
    display: block;
}

.empty-state p[b-862ylih3ta] {
    font-size: 14px;
    margin: 0;
}

/* ===== LISTA DE ATIVIDADES ===== */
.atividades-list[b-862ylih3ta] {
    display: flex;
    flex-direction: column;
}

.atividade-item[b-862ylih3ta] {
    display: flex;
    align-items: flex-start;
    gap: 12px;
    padding: 12px 16px;
    border-bottom: 1px solid #E5E7EB;
    transition: all 0.2s ease;
    background-color: #FFFFFF;
    animation: fadeIn-b-862ylih3ta 0.3s ease-out;
}

.atividade-item:last-child[b-862ylih3ta] {
    border-bottom: none;
}

.atividade-item:hover[b-862ylih3ta] {
    background-color: #F9FAFB;
}

.atividade-item.nova[b-862ylih3ta] {
    background-color: #ECFDF3;
    border-left: 3px solid #027A48;
    animation: slideIn-b-862ylih3ta 0.5s ease-out, pulse-b-862ylih3ta 2s ease-in-out;
}

@keyframes fadeIn-b-862ylih3ta {
    from {
        opacity: 0;
        transform: translateY(-10px);
    }
    to {
        opacity: 1;
        transform: translateY(0);
    }
}

@keyframes slideIn-b-862ylih3ta {
    from {
        opacity: 0;
        transform: translateX(-20px);
    }
    to {
        opacity: 1;
        transform: translateX(0);
    }
}

@keyframes pulse-b-862ylih3ta {
    0%, 100% {
        background-color: #ECFDF3;
    }
    50% {
        background-color: #D1FAE5;
    }
}

/* ===== ÍCONES DAS ATIVIDADES ===== */
.atividade-icon[b-862ylih3ta] {
    width: 36px;
    height: 36px;
    border-radius: 50%;
    display: flex;
    align-items: center;
    justify-content: center;
    font-size: 16px;
    flex-shrink: 0;
    transition: all 0.2s ease;
}

.atividade-item:hover .atividade-icon[b-862ylih3ta] {
    transform: scale(1.1);
}

.icon-success[b-862ylih3ta] {
    background-color: #ECFDF3;
    color: #027A48;
}

.icon-error[b-862ylih3ta] {
    background-color: #FEF2F2;
    color: #B42318;
}

.icon-warning[b-862ylih3ta] {
    background-color: #FEF3C7;
    color: #92400E;
}

.icon-info[b-862ylih3ta] {
    background-color: #E6EEF8;
    color: #14365C;
}

.icon-default[b-862ylih3ta] {
    background-color: #F3F4F6;
    color: #6B7280;
}

/* ===== CONTEÚDO DAS ATIVIDADES ===== */
.atividade-content[b-862ylih3ta] {
    flex: 1;
    min-width: 0;
}

.atividade-resumo[b-862ylih3ta] {
    font-size: 14px;
    font-weight: 500;
    color: #111827;
    margin-bottom: 4px;
    line-height: 1.4;
    display: flex;
    align-items: center;
    gap: 8px;
    flex-wrap: wrap;
}

.badge-novo[b-862ylih3ta] {
    display: inline-block;
    padding: 2px 6px;
    background: linear-gradient(135deg, #027A48 0%, #059669 100%);
    color: #FFFFFF;
    font-size: 9px;
    font-weight: 700;
    text-transform: uppercase;
    letter-spacing: 0.5px;
    border-radius: 4px;
    animation: blink-b-862ylih3ta 1.5s ease-in-out infinite;
}

@keyframes blink-b-862ylih3ta {
    0%, 100% {
        opacity: 1;
    }
    50% {
        opacity: 0.6;
    }
}

.atividade-meta[b-862ylih3ta] {
    display: flex;
    align-items: center;
    gap: 8px;
    font-size: 12px;
    color: #6B7280;
}

.atividade-usuario[b-862ylih3ta] {
    font-weight: 500;
}

.atividade-tempo[b-862ylih3ta] {
    color: #9CA3AF;
}

.atividade-meta[b-862ylih3ta]::before {
    content: '•';
    display: inline-block;
    margin: 0 4px;
    color: #D1D5DB;
}

.atividade-usuario[b-862ylih3ta]::after {
    content: '';
}

/* ===== FOOTER ===== */
.atividades-footer[b-862ylih3ta] {
    padding: 10px 16px;
    background-color: #F9FAFB;
    border-top: 1px solid #E5E7EB;
    display: flex;
    align-items: center;
    justify-content: center;
}

.atividades-footer small[b-862ylih3ta] {
    font-size: 11px;
    color: #6B7280;
    display: flex;
    align-items: center;
}

.atividades-footer i[b-862ylih3ta] {
    font-size: 12px;
}

/* ===== RESPONSIVIDADE ===== */
@media (max-width: 768px) {
    .atividades-header[b-862ylih3ta] {
        flex-direction: column;
        gap: 12px;
        align-items: stretch;
    }

    .header-right[b-862ylih3ta] {
        justify-content: space-between;
    }

    .filtro-tipo[b-862ylih3ta] {
        flex: 1;
        width: auto;
    }

    .atividade-icon[b-862ylih3ta] {
        width: 32px;
        height: 32px;
        font-size: 14px;
    }

    .atividade-resumo[b-862ylih3ta] {
        font-size: 13px;
    }

    .atividade-meta[b-862ylih3ta] {
        flex-direction: column;
        align-items: flex-start;
        gap: 2px;
    }

    .atividade-meta[b-862ylih3ta]::before {
        display: none;
    }

    .atividades-footer small[b-862ylih3ta] {
        flex-direction: column;
        text-align: center;
        gap: 4px;
    }
}

/* ===== ACESSIBILIDADE ===== */
.atividade-item:focus-within[b-862ylih3ta] {
    outline: 2px solid #14365C;
    outline-offset: -2px;
}

.refresh-btn:focus[b-862ylih3ta],
.pause-btn:focus[b-862ylih3ta],
.play-btn:focus[b-862ylih3ta],
.filtro-tipo:focus[b-862ylih3ta] {
    outline: 2px solid #FFFFFF;
    outline-offset: 2px;
}

/* ===== DARK MODE SUPPORT (FUTURO) ===== */
@media (prefers-color-scheme: dark) {
    /* Desabilitado por enquanto para manter consistência */
}
/* _content/VeiculoSeguroBlazor/Components/Shared/ConfirmacaoConsultaModal.razor.rz.scp.css */
/* ============================================
   MODAL OVERLAY
   ============================================ */
.modal-overlay[b-52zz9ghgyn] {
    position: fixed;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
    background: rgba(0, 0, 0, 0.5);
    display: flex;
    align-items: center;
    justify-content: center;
    z-index: 9999;
    padding: 20px;
    animation: fadeIn-b-52zz9ghgyn 0.2s ease;
}

@keyframes fadeIn-b-52zz9ghgyn {
    from {
        opacity: 0;
    }
    to {
        opacity: 1;
    }
}

/* ============================================
   MODAL CONTAINER
   ============================================ */
.modal-confirmacao[b-52zz9ghgyn] {
    background: white;
    border-radius: 12px;
    box-shadow: 0 10px 40px rgba(0, 0, 0, 0.2);
    width: 100%;
    max-width: 550px;
    max-height: 90vh;
    overflow: hidden;
    display: flex;
    flex-direction: column;
    animation: slideDown-b-52zz9ghgyn 0.3s ease;
}

@keyframes slideDown-b-52zz9ghgyn {
    from {
        opacity: 0;
        transform: translateY(-30px);
    }
    to {
        opacity: 1;
        transform: translateY(0);
    }
}

/* ============================================
   HEADER
   ============================================ */
.modal-header[b-52zz9ghgyn] {
    background: linear-gradient(135deg, #0F2A47 0%, #14365C 100%);
    color: white;
    padding: 24px 32px;
    text-align: center;
    position: relative;
    overflow: hidden;
}

.modal-header[b-52zz9ghgyn]::after {
    content: '';
    position: absolute;
    top: 0;
    right: 0;
    width: 150px;
    height: 100%;
    background: linear-gradient(90deg, rgba(255,255,255,0) 0%, rgba(255,255,255,0.08) 100%);
}

.icon-consulta[b-52zz9ghgyn] {
    fill: #00d4ff;
    margin-bottom: 12px;
    filter: drop-shadow(0 2px 8px rgba(0, 212, 255, 0.3));
}

.modal-header h3[b-52zz9ghgyn] {
    font-size: 22px;
    font-weight: 600;
    margin: 0 0 8px 0;
    position: relative;
    z-index: 1;
}

.subtitulo[b-52zz9ghgyn] {
    font-size: 13px;
    margin: 0;
    opacity: 0.9;
    font-weight: 400;
    position: relative;
    z-index: 1;
}

/* ============================================
   BODY
   ============================================ */
.modal-body[b-52zz9ghgyn] {
    padding: 24px 32px;
    overflow-y: auto;
    flex: 1;
}

.info-item[b-52zz9ghgyn] {
    margin-bottom: 20px;
    padding-bottom: 20px;
    border-bottom: 1px solid #e2e8f0;
}

.info-item:last-of-type[b-52zz9ghgyn] {
    border-bottom: none;
}

.info-label[b-52zz9ghgyn] {
    display: flex;
    align-items: center;
    gap: 8px;
    font-size: 13px;
    color: #64748b;
    margin-bottom: 8px;
}

.info-label svg[b-52zz9ghgyn] {
    fill: #64748b;
    flex-shrink: 0;
}

.info-label strong[b-52zz9ghgyn] {
    font-weight: 600;
}

.info-value[b-52zz9ghgyn] {
    font-size: 16px;
    color: #1e293b;
    font-weight: 500;
    display: flex;
    align-items: center;
    gap: 8px;
    flex-wrap: wrap;
    word-break: break-word;
}

.info-value.documento[b-52zz9ghgyn] {
    font-family: 'Courier New', monospace;
    font-size: 18px;
    color: #14365C;
    font-weight: 600;
    letter-spacing: 0.5px;
    word-break: break-all;
    overflow-wrap: break-word;
}

/* ============================================
   BADGES
   ============================================ */
.badge[b-52zz9ghgyn] {
    display: inline-block;
    padding: 3px 8px;
    font-size: 11px;
    font-weight: 600;
    border-radius: 4px;
    text-transform: uppercase;
    letter-spacing: 0.5px;
}

.badge-pf[b-52zz9ghgyn] {
    background: #e0f2fe;
    color: #0369a1;
}

.badge-pj[b-52zz9ghgyn] {
    background: #dcfce7;
    color: #166534;
}

/* ============================================
   FEATURES
   ============================================ */
.features-item[b-52zz9ghgyn] {
    border-bottom: 1px solid #e2e8f0;
}

.features-list[b-52zz9ghgyn] {
    display: flex;
    flex-direction: column;
    gap: 8px;
    margin-top: 8px;
}

.feature-badge[b-52zz9ghgyn] {
    display: flex;
    align-items: center;
    gap: 8px;
    padding: 10px 14px;
    background: #f8fafc;
    border: 1px solid #e2e8f0;
    border-radius: 6px;
    font-size: 13px;
    color: #475569;
    font-weight: 500;
    transition: all 0.2s ease;
    word-break: break-word;
    overflow-wrap: break-word;
}

.feature-badge svg[b-52zz9ghgyn] {
    fill: #22c55e;
    flex-shrink: 0;
}

.feature-badge:hover[b-52zz9ghgyn] {
    background: #f1f5f9;
    border-color: #cbd5e1;
}

/* ============================================
   PREÇO
   ============================================ */
.preco-section[b-52zz9ghgyn] {
    background: #f8fafc;
    border-radius: 8px;
    padding: 16px;
    margin-top: 8px;
}

.preco-header[b-52zz9ghgyn] {
    display: flex;
    align-items: center;
    gap: 8px;
    margin-bottom: 12px;
    padding-bottom: 12px;
    border-bottom: 1px solid #e2e8f0;
}

.preco-header svg[b-52zz9ghgyn] {
    fill: #14365C;
}

.preco-header strong[b-52zz9ghgyn] {
    font-size: 14px;
    color: #1e293b;
    font-weight: 600;
}

.preco-detalhes[b-52zz9ghgyn] {
    display: flex;
    flex-direction: column;
    gap: 8px;
}

.preco-item[b-52zz9ghgyn] {
    display: flex;
    justify-content: space-between;
    align-items: center;
    font-size: 14px;
    color: #475569;
}

.preco-item span:first-child[b-52zz9ghgyn] {
    font-weight: 400;
}

.preco-item span:last-child[b-52zz9ghgyn] {
    font-weight: 500;
    color: #1e293b;
}

.preco-total[b-52zz9ghgyn] {
    display: flex;
    justify-content: space-between;
    align-items: center;
    padding-top: 12px;
    margin-top: 8px;
    border-top: 2px solid #cbd5e1;
    font-size: 16px;
}

.preco-total strong[b-52zz9ghgyn] {
    font-weight: 700;
    color: #14365C;
}

/* ============================================
   AVISO
   ============================================ */
.aviso-confirmacao[b-52zz9ghgyn] {
    display: flex;
    align-items: flex-start;
    gap: 12px;
    padding: 12px 16px;
    background: #fef3c7;
    border: 1px solid #fde68a;
    border-radius: 8px;
    margin-top: 20px;
}

.aviso-confirmacao svg[b-52zz9ghgyn] {
    fill: #d97706;
    flex-shrink: 0;
    margin-top: 2px;
}

.aviso-confirmacao p[b-52zz9ghgyn] {
    margin: 0;
    font-size: 13px;
    color: #92400e;
    line-height: 1.5;
}

/* ============================================
   FOOTER
   ============================================ */
.modal-footer[b-52zz9ghgyn] {
    padding: 20px 32px;
    background: #f8fafc;
    border-top: 1px solid #e2e8f0;
    display: flex;
    justify-content: flex-end;
    gap: 12px;
}

.btn-cancel[b-52zz9ghgyn],
.btn-confirm[b-52zz9ghgyn] {
    display: flex;
    align-items: center;
    gap: 8px;
    padding: 10px 20px;
    border: none;
    border-radius: 8px;
    font-size: 14px;
    font-weight: 600;
    cursor: pointer;
    transition: all 0.2s ease;
}

.btn-cancel svg[b-52zz9ghgyn],
.btn-confirm svg[b-52zz9ghgyn] {
    width: 18px;
    height: 18px;
    fill: currentColor;
}

.btn-cancel[b-52zz9ghgyn] {
    background: white;
    color: #64748b;
    border: 1px solid #cbd5e1;
}

.btn-cancel:hover[b-52zz9ghgyn] {
    background: #f8fafc;
    border-color: #94a3b8;
    color: #475569;
}

.btn-confirm[b-52zz9ghgyn] {
    background: linear-gradient(135deg, #0F2A47 0%, #14365C 100%);
    color: white;
    box-shadow: 0 2px 8px rgba(20, 54, 92, 0.25);
}

.btn-confirm:hover[b-52zz9ghgyn] {
    transform: translateY(-2px);
    box-shadow: 0 4px 12px rgba(20, 54, 92, 0.35);
}

.btn-confirm:active[b-52zz9ghgyn] {
    transform: translateY(0);
}

/* ============================================
   RESPONSIVO
   ============================================ */
/* Tablet e Mobile Médio (401px - 640px) */
@media (max-width: 640px) and (min-width: 401px) {
    .modal-overlay[b-52zz9ghgyn] {
        padding: 12px;
    }

    .modal-confirmacao[b-52zz9ghgyn] {
        max-width: 100%;
    }

    .modal-header[b-52zz9ghgyn] {
        padding: 20px 20px;
    }

    .modal-header h3[b-52zz9ghgyn] {
        font-size: 20px;
    }

    .modal-body[b-52zz9ghgyn] {
        padding: 20px 20px;
    }

    .modal-footer[b-52zz9ghgyn] {
        padding: 16px 20px;
    }

    .info-value.documento[b-52zz9ghgyn] {
        font-size: 16px;
    }

    .feature-badge[b-52zz9ghgyn] {
        font-size: 12px;
        padding: 9px 12px;
    }
}

/* Mobile Extra-Pequeno (≤ 400px) */
@media (max-width: 400px) {
    .modal-overlay[b-52zz9ghgyn] {
        padding: 8px;
    }

    .modal-confirmacao[b-52zz9ghgyn] {
        max-width: 100%;
    }

    .modal-header[b-52zz9ghgyn] {
        padding: 16px 16px;
    }

    .modal-header h3[b-52zz9ghgyn] {
        font-size: 18px;
    }

    .subtitulo[b-52zz9ghgyn] {
        font-size: 12px;
    }

    .icon-consulta[b-52zz9ghgyn] {
        width: 40px;
        height: 40px;
    }

    .modal-body[b-52zz9ghgyn] {
        padding: 16px 16px;
    }

    .modal-footer[b-52zz9ghgyn] {
        padding: 12px 16px;
        flex-direction: column-reverse;
    }

    .info-item[b-52zz9ghgyn] {
        margin-bottom: 16px;
        padding-bottom: 16px;
    }

    .info-label[b-52zz9ghgyn] {
        font-size: 12px;
    }

    .info-label svg[b-52zz9ghgyn] {
        width: 16px;
        height: 16px;
    }

    .info-value[b-52zz9ghgyn] {
        font-size: 14px;
    }

    .info-value.documento[b-52zz9ghgyn] {
        font-size: 14px;
        letter-spacing: 0px;
    }

    .feature-badge[b-52zz9ghgyn] {
        padding: 8px 10px;
        font-size: 12px;
    }

    .preco-section[b-52zz9ghgyn] {
        padding: 12px;
    }

    .preco-item[b-52zz9ghgyn] {
        font-size: 13px;
    }

    .preco-total[b-52zz9ghgyn] {
        font-size: 14px;
    }

    .btn-cancel[b-52zz9ghgyn],
    .btn-confirm[b-52zz9ghgyn] {
        width: 100%;
        justify-content: center;
        padding: 10px 16px;
        font-size: 13px;
    }
}
/* _content/VeiculoSeguroBlazor/Components/Shared/ConfirmacaoResumoModal.razor.rz.scp.css */
/* Modal Overlay */
.confirmacao-modal-overlay[b-4r8es6tz92] {
    position: fixed;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
    background: rgba(0, 0, 0, 0.7);
    display: flex;
    align-items: center;
    justify-content: center;
    z-index: 10000;
    animation: fadeIn-b-4r8es6tz92 0.2s ease-out;
    padding: 20px;
}

/* Modal Container */
.confirmacao-modal[b-4r8es6tz92] {
    background: white;
    border-radius: 12px;
    box-shadow: 0 10px 40px rgba(0, 0, 0, 0.3);
    max-width: 550px;
    width: 100%;
    max-height: 90vh;
    display: flex;
    flex-direction: column;
    animation: slideUp-b-4r8es6tz92 0.3s ease-out;
    overflow: hidden;
}

/* Header */
.confirmacao-header[b-4r8es6tz92] {
    background: linear-gradient(135deg, #14365C 0%, #00d4ff 100%);
    color: white;
    padding: 24px;
    text-align: center;
    position: relative;
    flex-shrink: 0;
}

.confirmacao-header[b-4r8es6tz92]::after {
    content: '';
    position: absolute;
    top: 0;
    right: 0;
    width: 150px;
    height: 100%;
    background: linear-gradient(90deg, rgba(255,255,255,0) 0%, rgba(255,255,255,0.08) 100%);
    pointer-events: none;
}

.confirmacao-header h3[b-4r8es6tz92] {
    margin: 12px 0 0 0;
    font-size: 1.4rem;
    font-weight: 700;
    position: relative;
    z-index: 1;
}

.icon-warning[b-4r8es6tz92] {
    color: #ffffff;
    filter: drop-shadow(0 2px 4px rgba(0, 212, 255, 0.4));
    display: block;
    margin: 0 auto;
    position: relative;
    z-index: 1;
}

/* Body */
.confirmacao-body[b-4r8es6tz92] {
    padding: 24px;
    overflow-y: auto;
    flex: 1;
}

.aviso-principal[b-4r8es6tz92] {
    background-color: #E6EEF8;
    border-left: 4px solid #00d4ff;
    padding: 16px;
    border-radius: 6px;
    margin-bottom: 20px;
}

.aviso-principal p[b-4r8es6tz92] {
    margin: 0;
    color: #14365C;
    font-size: 1rem;
    line-height: 1.6;
    font-weight: 500;
}

/* Info List */
.info-list[b-4r8es6tz92] {
    display: flex;
    flex-direction: column;
    gap: 12px;
    margin-bottom: 20px;
}

.info-item[b-4r8es6tz92] {
    display: flex;
    align-items: flex-start;
    gap: 10px;
    padding: 10px;
    background-color: #f9fafb;
    border-radius: 6px;
    border: 1px solid #e5e7eb;
}

.info-item svg[b-4r8es6tz92] {
    flex-shrink: 0;
    margin-top: 2px;
}

.info-item span[b-4r8es6tz92] {
    color: #374151;
    font-size: 0.95rem;
    line-height: 1.5;
}

.icon-check[b-4r8es6tz92] {
    color: #10b981;
}

.icon-warn[b-4r8es6tz92] {
    color: #f59e0b;
}

.icon-tip[b-4r8es6tz92] {
    color: #3b82f6;
}

/* Status da Consulta */
.status-consulta[b-4r8es6tz92] {
    background-color: #f3f4f6;
    border: 1px solid #d1d5db;
    border-radius: 8px;
    padding: 16px;
}

.status-consulta > strong[b-4r8es6tz92] {
    display: block;
    margin-bottom: 12px;
    color: #1f2937;
    font-size: 0.95rem;
}

.status-bar[b-4r8es6tz92] {
    display: flex;
    align-items: center;
    gap: 8px;
    background-color: white;
    padding: 10px 12px;
    border-radius: 6px;
    border: 1px solid #e5e7eb;
}

.status-bar svg[b-4r8es6tz92] {
    color: #10b981;
    flex-shrink: 0;
}

.status-bar span[b-4r8es6tz92] {
    color: #374151;
    font-size: 0.9rem;
}

.status-bar strong[b-4r8es6tz92] {
    color: #1f2937;
    font-weight: 600;
}

/* Alert Incomplete */
.alert-incomplete[b-4r8es6tz92] {
    margin-top: 10px;
    display: flex;
    align-items: flex-start;
    gap: 8px;
    padding: 10px 12px;
    background-color: #fef3c7;
    border-left: 3px solid #f59e0b;
    border-radius: 4px;
}

.alert-incomplete svg[b-4r8es6tz92] {
    color: #f59e0b;
    flex-shrink: 0;
    margin-top: 1px;
}

.alert-incomplete small[b-4r8es6tz92] {
    color: #78350f;
    font-size: 0.85rem;
    line-height: 1.4;
}

/* Footer */
.confirmacao-footer[b-4r8es6tz92] {
    padding: 16px 24px;
    background-color: #F9FAFB;
    border-top: 1px solid #e5e7eb;
    display: flex;
    justify-content: flex-end;
    gap: 12px;
    flex-shrink: 0;
}

/* Buttons */
.btn[b-4r8es6tz92] {
    padding: 10px 20px;
    border-radius: 8px;
    border: none;
    font-weight: 600;
    cursor: pointer;
    transition: all 0.2s;
    font-size: 0.95rem;
    display: flex;
    align-items: center;
}

.btn-cancel[b-4r8es6tz92] {
    background-color: #E5E7EB;
    color: #4B5563;
}

.btn-cancel:hover[b-4r8es6tz92] {
    background-color: #D1D5DB;
    transform: translateY(-1px);
    box-shadow: 0 4px 12px rgba(0, 0, 0, 0.1);
}

.btn-confirm[b-4r8es6tz92] {
    background: linear-gradient(135deg, #14365C 0%, #265985 100%);
    color: white;
    box-shadow: 0 4px 10px rgba(20, 54, 92, 0.25);
}

.btn-confirm:hover[b-4r8es6tz92] {
    background: linear-gradient(135deg, #0F2A47 0%, #1a4d73 100%);
    transform: translateY(-2px);
    box-shadow: 0 6px 15px rgba(20, 54, 92, 0.35);
}

.btn-confirm svg[b-4r8es6tz92] {
    filter: drop-shadow(0 1px 2px rgba(0, 212, 255, 0.3));
}

/* Animations */
@keyframes fadeIn-b-4r8es6tz92 {
    from {
        opacity: 0;
    }
    to {
        opacity: 1;
    }
}

@keyframes slideUp-b-4r8es6tz92 {
    from {
        opacity: 0;
        transform: translateY(30px);
    }
    to {
        opacity: 1;
        transform: translateY(0);
    }
}

/* Responsive - Telas estreitas */
@media (max-width: 768px) {
    .confirmacao-modal[b-4r8es6tz92] {
        max-width: 95%;
        margin: 0 10px;
    }

    .confirmacao-header h3[b-4r8es6tz92] {
        font-size: 1.2rem;
    }

    .confirmacao-body[b-4r8es6tz92] {
        padding: 20px;
    }

    .aviso-principal p[b-4r8es6tz92] {
        font-size: 0.95rem;
    }

    .info-item span[b-4r8es6tz92] {
        font-size: 0.9rem;
    }

    .btn[b-4r8es6tz92] {
        padding: 9px 16px;
        font-size: 0.9rem;
    }
}

/* Responsive - Telas muito estreitas */
@media (max-width: 480px) {
    .confirmacao-modal-overlay[b-4r8es6tz92] {
        padding: 10px;
    }

    .confirmacao-footer[b-4r8es6tz92] {
        flex-direction: column;
        gap: 8px;
    }

    .confirmacao-footer .btn[b-4r8es6tz92] {
        width: 100%;
        justify-content: center;
    }
}

/* Responsive - Telas com altura pequena */
@media (max-height: 600px) {
    .confirmacao-modal[b-4r8es6tz92] {
        max-height: 95vh;
    }

    .confirmacao-header[b-4r8es6tz92] {
        padding: 16px;
    }

    .confirmacao-header h3[b-4r8es6tz92] {
        font-size: 1.1rem;
        margin: 8px 0 0 0;
    }

    .icon-warning[b-4r8es6tz92] {
        width: 36px;
        height: 36px;
    }

    .confirmacao-body[b-4r8es6tz92] {
        padding: 16px;
    }

    .info-item[b-4r8es6tz92] {
        padding: 8px;
    }

    .confirmacao-footer[b-4r8es6tz92] {
        padding: 12px 16px;
    }
}
/* _content/VeiculoSeguroBlazor/Components/Shared/ConsultationCard.razor.rz.scp.css */
/* Oxford Blue Variables (inherited from OptionsPanel) */
:root[b-8v1jw2108z] {
    --oxford-blue-primary: #14365C;
    --oxford-blue-dark: #0F2A47;
    --oxford-blue-darker: #111827;
    --oxford-blue-light: #1e2b4a;
    --oxford-accent: #00d4ff;
    --oxford-background: #f5f7fa;
    --oxford-surface: #ffffff;
    --oxford-text: #1e293b;
    --oxford-text-secondary: #64748b;
    --oxford-border: #e2e8f0;
    
    /* Shadows */
    --shadow-card: 0 4px 20px rgba(0, 0, 0, 0.08);
    --shadow-card-hover: 0 8px 30px rgba(0, 0, 0, 0.12);
    --shadow-button: 0 4px 10px rgba(0, 212, 255, 0.25);
    --transition: all 0.3s ease;
    --border-radius: 8px;
}

/* Content Panel */
.content-panel[b-8v1jw2108z] {
    flex: 1;
}

.consultation-card[b-8v1jw2108z] {

    border-radius: var(--border-radius);
    border: none;
    box-shadow: var(--shadow-card);
    height: calc(100vh - 48px);
    display: flex;
    flex-direction: column;
    transition: box-shadow 0.3s ease;
}

.consultation-card:hover[b-8v1jw2108z] {
    box-shadow: var(--shadow-card-hover);
}

/* Card Header */
.card-header[b-8v1jw2108z] {
    padding: 24px;
    background: linear-gradient(135deg, #0F2A47 0%, #14365C 100%);
    color: white;
    border-radius: var(--border-radius) var(--border-radius) 0 0;
    border-bottom: 1px solid rgba(255, 255, 255, 0.1);
    position: relative;
    overflow: hidden;
}

.card-header[b-8v1jw2108z]::after {
    content: '';
    position: absolute;
    top: 0;
    right: 0;
    width: 150px;
    height: 100%;
    background: linear-gradient(90deg, rgba(255,255,255,0) 0%, rgba(255,255,255,0.08) 100%);
}

.card-header h2[b-8v1jw2108z] {
    font-size: 24px;
    font-weight: 600;
    position: relative;
    z-index: 1;
    margin: 0;
}

/* Card Body */
.card-body[b-8v1jw2108z] {
    flex: 1;
    padding: 24px 32px;
    overflow-y: auto;
    display: flex;
    flex-direction: column;
    gap: 24px;
}

/* Info Row */
.info-row[b-8v1jw2108z] {
    display: grid;
    grid-template-columns: 1fr 1.5fr;
    gap: 32px;
    background-color: rgba(245, 247, 250, 0.5);
    border-radius: var(--border-radius);
    padding: 24px;
}

.info-column[b-8v1jw2108z] {
    position: relative;
}

.info-column:first-child[b-8v1jw2108z]::after {
    content: '';
    position: absolute;
    right: -16px;
    top: 0;
    height: 100%;
    width: 1px;
    background-color: var(--oxford-border);
}

.info-column h3[b-8v1jw2108z] {
    display: flex;
    align-items: center;
    font-size: 18px;
    font-weight: 600;
    margin-bottom: 16px;
    color: var(--oxford-blue-primary);
}

.info-icon[b-8v1jw2108z] {
    width: 18px;
    height: 18px;
    fill: var(--oxford-blue-primary);
    margin-right: 8px;
}

.info-column ul[b-8v1jw2108z] {
    list-style: none;
    padding-left: 8px;
    margin: 0;
}

.info-column ul li[b-8v1jw2108z] {
    margin-bottom: 10px;
    position: relative;
    padding-left: 20px;
    color: var(--oxford-text);
}

.info-column ul li[b-8v1jw2108z]::before {
    content: '';
    position: absolute;
    left: 0;
    top: 9px;
    width: 5px;
    height: 5px;
    border-radius: 50%;
    background-color: var(--oxford-accent);
}

.info-column p[b-8v1jw2108z] {
    line-height: 1.8;
    color: var(--oxford-text);
    margin: 0;
}

.price-info[b-8v1jw2108z] {
    margin-top: 16px;
    padding: 12px 16px;
    background-color: #E6EEF8;
    border-radius: var(--border-radius);
    border-left: 3px solid var(--oxford-accent);
}

.price-label[b-8v1jw2108z] {
    display: block;
    font-size: 12px;
    color: var(--oxford-text-secondary);
    margin-bottom: 4px;
}

.price-value[b-8v1jw2108z] {
    font-size: 18px;
    font-weight: 600;
    color: var(--oxford-accent);
}

/* Input Container */
.input-container[b-8v1jw2108z] {
    margin-top: 24px;
    background-color: #F9FAFB;
    border-radius: var(--border-radius);
    padding: 20px;
    border: 1px solid rgba(0, 0, 0, 0.05);
    max-width: 500px;
    margin-left: auto;
    margin-right: auto;
    display: flex;
    flex-direction: column;
}

.input-label[b-8v1jw2108z] {
    display: flex;
    align-items: center;
    font-weight: 500;
    margin-bottom: 8px;
    color: var(--oxford-text);
    align-self: center;
    justify-content: center;
}

.input-icon[b-8v1jw2108z] {
    width: 16px;
    height: 16px;
    fill: var(--oxford-text-secondary);
    margin-left: 8px;
}

.input-field[b-8v1jw2108z] {
    width: 100%;
    max-width: 300px;
    padding: 12px 16px;
    border: 1px solid var(--oxford-border);
    border-radius: var(--border-radius);
    font-size: 16px;
    transition: var(--transition);
    background-color: var(--oxford-surface);
    box-shadow: 0 1px 2px rgba(0, 0, 0, 0.05);
    align-self: center;
}

.input-field:focus[b-8v1jw2108z] {
    outline: none;
    border-color: var(--oxford-accent);
    transform: translateY(-2px);
    box-shadow: 0 4px 12px rgba(0, 212, 255, 0.15);
}

.input-field.invalid[b-8v1jw2108z] {
    border-color: #ef4444;
    box-shadow: 0 0 0 3px rgba(239, 68, 68, 0.1);
}

.error-message[b-8v1jw2108z] {
    display: block;
    margin-top: 6px;
    font-size: 12px;
    color: #ef4444;
    font-weight: 500;
    align-self: center;
    text-align: center;
}

.input-hint[b-8v1jw2108z] {
    display: block;
    margin-top: 8px;
    font-size: 12px;
    color: var(--oxford-text-secondary);
    align-self: center;
    text-align: center;
}

/* No Selection State */
.no-selection[b-8v1jw2108z] {
    display: flex;
    flex-direction: column;
    align-items: center;
    justify-content: center;
    text-align: center;
    padding: 60px 40px;
    color: var(--oxford-text-secondary);
}

.no-selection-icon[b-8v1jw2108z] {
    width: 48px;
    height: 48px;
    fill: var(--oxford-border);
    margin-bottom: 16px;
}

.no-selection h3[b-8v1jw2108z] {
    font-size: 20px;
    font-weight: 600;
    margin-bottom: 8px;
    color: var(--oxford-text);
}

.no-selection p[b-8v1jw2108z] {
    font-size: 14px;
    line-height: 1.6;
    max-width: 300px;
}

/* Action Button (agora dentro do input-container) */
.action-button[b-8v1jw2108z] {
    padding: 14px 36px;
    background: linear-gradient(135deg, #0F2A47 0%, #14365C 100%);
    color: white;
    border: none;
    border-radius: 50px;
    font-weight: 600;
    text-transform: uppercase;
    letter-spacing: 0.5px;
    font-size: 14px;
    cursor: pointer;
    transition: all 0.3s ease;
    box-shadow: var(--shadow-button);
    display: flex;
    align-items: center;
    gap: 8px;
    justify-content: center;
    align-self: center;
    margin-top: 20px;
}

.action-button:hover:not(:disabled)[b-8v1jw2108z] {
    transform: translateY(-2px);
    box-shadow: 0 6px 15px rgba(0, 0, 0, 0.2);
}

.action-button:disabled[b-8v1jw2108z] {
    opacity: 0.6;
    cursor: not-allowed;
    transform: none;
}

.action-button.loading[b-8v1jw2108z] {
    pointer-events: none;
}

.button-spinner[b-8v1jw2108z] {
    width: 16px;
    height: 16px;
    border: 2px solid rgba(255, 255, 255, 0.3);
    border-top: 2px solid white;
    border-radius: 50%;
    animation: spin-b-8v1jw2108z 1s linear infinite;
}

@keyframes spin-b-8v1jw2108z {
    0% { transform: rotate(0deg); }
    100% { transform: rotate(360deg); }
}

/* Responsive Design */
@media (max-width: 991px) {
    .consultation-card[b-8v1jw2108z] {
        height: auto;
    }
    
    .info-row[b-8v1jw2108z] {
        grid-template-columns: 1fr;
        gap: 24px;
    }
    
    .info-column:first-child[b-8v1jw2108z]::after {
        display: none;
    }
    
    .card-body[b-8v1jw2108z] {
        padding: 20px;
    }
}

@media (max-width: 576px) {
    .card-header[b-8v1jw2108z] {
        padding: 16px;
    }
    
    .card-header h2[b-8v1jw2108z] {
        font-size: 20px;
    }
    
    .card-body[b-8v1jw2108z] {
        padding: 16px;
        gap: 20px;
    }
    
    .card-footer[b-8v1jw2108z] {
        padding: 16px;
    }
    
    .info-row[b-8v1jw2108z] {
        padding: 16px;
    }
    
    .input-container[b-8v1jw2108z] {
        padding: 16px;
    }
    
    .input-field[b-8v1jw2108z] {
        max-width: 100%;
    }
    
    .action-button[b-8v1jw2108z] {
        padding: 12px 24px;
        font-size: 13px;
    }
    
    .no-selection[b-8v1jw2108z] {
        padding: 40px 20px;
    }
}

/* _content/VeiculoSeguroBlazor/Components/Shared/Dashboard/ChartCard.razor.rz.scp.css */
.chart-card[b-5d76sx5q8h] {
    background: white;
    border-radius: 16px;
    padding: 24px;
    box-shadow: 0 4px 12px rgba(0, 0, 0, 0.08);
    transition: all 0.3s cubic-bezier(0.4, 0, 0.2, 1);
    border: 1px solid #e9ecef;
    height: 100%;
    display: flex;
    flex-direction: column;
}

.chart-card:hover[b-5d76sx5q8h] {
    box-shadow: 0 8px 24px rgba(0, 0, 0, 0.12);
}

.chart-card-header[b-5d76sx5q8h] {
    margin-bottom: 20px;
}

.chart-card-title[b-5d76sx5q8h] {
    display: flex;
    align-items: center;
    gap: 12px;
    margin-bottom: 4px;
}

.chart-card-title i[b-5d76sx5q8h] {
    font-size: 24px;
    color: var(--color-primary);
}

.chart-card-title h3[b-5d76sx5q8h] {
    margin: 0;
    font-size: 18px;
    font-weight: 700;
    color: #1e2b4a;
}

.chart-card-subtitle[b-5d76sx5q8h] {
    font-size: 13px;
    color: #6c757d;
    margin-left: 36px;
}

.chart-card-body[b-5d76sx5q8h] {
    flex: 1;
    position: relative;
    min-height: 250px;
}

.chart-card-body canvas[b-5d76sx5q8h] {
    width: 100% !important;
    height: 100% !important;
}

.chart-card-footer[b-5d76sx5q8h] {
    margin-top: 16px;
    padding-top: 16px;
    border-top: 1px solid #e9ecef;
}

.chart-legend[b-5d76sx5q8h] {
    font-size: 12px;
    color: #6c757d;
    font-style: italic;
}

/* Animação de entrada */
@keyframes fadeInScale-b-5d76sx5q8h {
    from {
        opacity: 0;
        transform: scale(0.95);
    }
    to {
        opacity: 1;
        transform: scale(1);
    }
}

.chart-card[b-5d76sx5q8h] {
    animation: fadeInScale-b-5d76sx5q8h 0.5s ease-out;
}

/* Responsividade */
@media (max-width: 768px) {
    .chart-card[b-5d76sx5q8h] {
        padding: 20px;
    }

    .chart-card-title h3[b-5d76sx5q8h] {
        font-size: 16px;
    }

    .chart-card-body[b-5d76sx5q8h] {
        min-height: 200px;
    }
}

@media (max-width: 480px) {
    .chart-card[b-5d76sx5q8h] {
        padding: 16px;
    }

    .chart-card-title h3[b-5d76sx5q8h] {
        font-size: 15px;
    }

    .chart-card-body[b-5d76sx5q8h] {
        min-height: 180px;
    }
}
/* _content/VeiculoSeguroBlazor/Components/Shared/Dashboard/StatCard.razor.rz.scp.css */
.stat-card[b-sp30hyu760] {
    background: linear-gradient(135deg, #ffffff 0%, #f8f9fa 100%);
    border-radius: 16px;
    padding: 24px;
    box-shadow: 0 4px 12px rgba(0, 0, 0, 0.08);
    display: flex;
    gap: 20px;
    align-items: flex-start;
    transition: all 0.3s cubic-bezier(0.4, 0, 0.2, 1);
    border: 1px solid #e9ecef;
    position: relative;
    overflow: hidden;
}

.stat-card[b-sp30hyu760]::before {
    content: '';
    position: absolute;
    top: 0;
    left: 0;
    right: 0;
    height: 3px;
    background: linear-gradient(90deg, var(--color-primary) 0%, var(--color-accent) 100%);
    opacity: 0;
    transition: opacity 0.3s ease;
}

.stat-card:hover[b-sp30hyu760] {
    transform: translateY(-4px);
    box-shadow: 0 8px 24px rgba(0, 0, 0, 0.12);
}

.stat-card:hover[b-sp30hyu760]::before {
    opacity: 1;
}

.stat-card-icon[b-sp30hyu760] {
    width: 56px;
    height: 56px;
    border-radius: 12px;
    display: flex;
    align-items: center;
    justify-content: center;
    font-size: 24px;
    flex-shrink: 0;
    transition: transform 0.3s ease;
}

.stat-card:hover .stat-card-icon[b-sp30hyu760] {
    transform: scale(1.1);
}

.stat-card-icon.primary[b-sp30hyu760] {
    background: linear-gradient(135deg, #1e2b4a 0%, #2d3e63 100%);
    color: white;
    box-shadow: 0 4px 12px rgba(30, 43, 74, 0.3);
}

.stat-card-icon.success[b-sp30hyu760] {
    background: linear-gradient(135deg, #28a745 0%, #34ce57 100%);
    color: white;
    box-shadow: 0 4px 12px rgba(40, 167, 69, 0.3);
}

.stat-card-icon.warning[b-sp30hyu760] {
    background: linear-gradient(135deg, #ffc107 0%, #ffcd38 100%);
    color: white;
    box-shadow: 0 4px 12px rgba(255, 193, 7, 0.3);
}

.stat-card-icon.danger[b-sp30hyu760] {
    background: linear-gradient(135deg, #dc3545 0%, #e4606d 100%);
    color: white;
    box-shadow: 0 4px 12px rgba(220, 53, 69, 0.3);
}

.stat-card-icon.info[b-sp30hyu760] {
    background: linear-gradient(135deg, #00d4ff 0%, #00e1ff 100%);
    color: white;
    box-shadow: 0 4px 12px rgba(0, 212, 255, 0.3);
}

.stat-card-icon.purple[b-sp30hyu760] {
    background: linear-gradient(135deg, #6f42c1 0%, #8b5cf6 100%);
    color: white;
    box-shadow: 0 4px 12px rgba(111, 66, 193, 0.3);
}

.stat-card-icon i[b-sp30hyu760] {
    font-size: 28px;
}

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

.stat-card-label[b-sp30hyu760] {
    font-size: 13px;
    font-weight: 600;
    color: #6c757d;
    text-transform: uppercase;
    letter-spacing: 0.5px;
    margin-bottom: 8px;
}

.stat-card-value[b-sp30hyu760] {
    font-size: 32px;
    font-weight: 700;
    color: #1e2b4a;
    line-height: 1.2;
    margin-bottom: 8px;
    font-feature-settings: 'tnum' on, 'lnum' on;
}

.stat-card-trend[b-sp30hyu760] {
    display: inline-flex;
    align-items: center;
    gap: 4px;
    padding: 4px 10px;
    border-radius: 20px;
    font-size: 12px;
    font-weight: 600;
    margin-top: 8px;
}

.trend-up[b-sp30hyu760] {
    background: #d4edda;
    color: #155724;
}

.trend-up i[b-sp30hyu760] {
    color: #28a745;
}

.trend-down[b-sp30hyu760] {
    background: #f8d7da;
    color: #721c24;
}

.trend-down i[b-sp30hyu760] {
    color: #dc3545;
}

.trend-neutral[b-sp30hyu760] {
    background: #e9ecef;
    color: #495057;
}

.stat-card-subtitle[b-sp30hyu760] {
    font-size: 12px;
    color: #868e96;
    margin-top: 8px;
    font-weight: 500;
}

/* Animação de entrada */
@keyframes slideInUp-b-sp30hyu760 {
    from {
        opacity: 0;
        transform: translateY(20px);
    }
    to {
        opacity: 1;
        transform: translateY(0);
    }
}

.stat-card[b-sp30hyu760] {
    animation: slideInUp-b-sp30hyu760 0.5s ease-out;
}

/* Responsividade */
@media (max-width: 768px) {
    .stat-card[b-sp30hyu760] {
        padding: 20px;
        gap: 16px;
    }

    .stat-card-icon[b-sp30hyu760] {
        width: 48px;
        height: 48px;
    }

    .stat-card-icon i[b-sp30hyu760] {
        font-size: 24px;
    }

    .stat-card-value[b-sp30hyu760] {
        font-size: 28px;
    }
}

@media (max-width: 480px) {
    .stat-card[b-sp30hyu760] {
        padding: 16px;
    }

    .stat-card-value[b-sp30hyu760] {
        font-size: 24px;
    }
}
/* _content/VeiculoSeguroBlazor/Components/Shared/DisclaimerConsulta.razor.rz.scp.css */
/*
   Estilos do Disclaimer de Consulta Veicular
   Segue padrões Oxford Blue do sistema
*/

.disclaimer-consulta[b-qj21k9b32w] {
    margin-top: 32px;
    padding: 20px 24px;
    background-color: #f8fafc;
    border: 1px solid #e2e8f0;
    border-left: 4px solid #14365C;
    border-radius: 0 8px 8px 0;
    font-size: 12px;
    line-height: 1.6;
    color: #475569;
}

.disclaimer-header[b-qj21k9b32w] {
    font-weight: 600;
    color: #14365C;
    margin-bottom: 16px;
    padding-bottom: 12px;
    border-bottom: 1px solid #e2e8f0;
    font-size: 13px;
}

.disclaimer-header .empresa[b-qj21k9b32w] {
    font-weight: 700;
    color: #0f2a47;
}

.disclaimer-section[b-qj21k9b32w] {
    margin-bottom: 12px;
    text-align: justify;
}

.disclaimer-section:last-child[b-qj21k9b32w] {
    margin-bottom: 0;
}

.disclaimer-section strong[b-qj21k9b32w] {
    color: #1e293b;
    font-weight: 600;
}

/* Responsividade */
@media (max-width: 768px) {
    .disclaimer-consulta[b-qj21k9b32w] {
        margin-top: 24px;
        padding: 16px 20px;
        font-size: 11px;
    }

    .disclaimer-header[b-qj21k9b32w] {
        font-size: 12px;
        margin-bottom: 12px;
        padding-bottom: 10px;
    }

    .disclaimer-section[b-qj21k9b32w] {
        margin-bottom: 10px;
    }
}

@media (max-width: 480px) {
    .disclaimer-consulta[b-qj21k9b32w] {
        margin-top: 20px;
        padding: 14px 16px;
        font-size: 10px;
        border-left-width: 3px;
    }

    .disclaimer-header[b-qj21k9b32w] {
        font-size: 11px;
    }
}
/* _content/VeiculoSeguroBlazor/Components/Shared/JsonViewer.razor.rz.scp.css */
/* ========================================
   JSON Viewer Component Styles
   ======================================== */

.json-viewer[b-rt200mk6rq] {
    display: flex;
    flex-direction: column;
    height: 100%;
    border-radius: 8px;
    overflow: hidden;
    background-color: #1e2b4a;
}

/* Toolbar */
.json-viewer-toolbar[b-rt200mk6rq] {
    display: flex;
    justify-content: space-between;
    align-items: center;
    padding: 12px 16px;
    background: linear-gradient(135deg, #14365C 0%, #1e2b4a 100%);
    border-bottom: 1px solid rgba(255, 255, 255, 0.1);
}

.json-viewer-title[b-rt200mk6rq] {
    color: #fff;
    font-weight: 600;
    font-size: 0.95rem;
}

.toolbar-actions[b-rt200mk6rq] {
    display: flex;
    gap: 8px;
}

.toolbar-actions .btn[b-rt200mk6rq] {
    font-size: 0.8rem;
    padding: 4px 10px;
}

/* JSON Content */
.json-content[b-rt200mk6rq] {
    flex: 1;
    overflow: auto;
    padding: 16px 20px;
    background-color: #0d1b2a;
}

.json-pre[b-rt200mk6rq] {
    margin: 0;
    font-family: 'Consolas', 'Monaco', 'Courier New', monospace;
    font-size: 13px;
    line-height: 1.6;
    color: #e5e7eb;
    white-space: pre-wrap;
    word-break: break-word;
}

/* Syntax Highlighting */
.json-key[b-rt200mk6rq] {
    color: #60a5fa;
    font-weight: 500;
}

.json-string[b-rt200mk6rq] {
    color: #34d399;
}

.json-number[b-rt200mk6rq] {
    color: #c084fc;
}

.json-boolean[b-rt200mk6rq] {
    color: #f97316;
    font-weight: 600;
}

.json-null[b-rt200mk6rq] {
    color: #9ca3af;
    font-style: italic;
}

/* Scrollbar styling */
.json-content[b-rt200mk6rq]::-webkit-scrollbar {
    width: 8px;
    height: 8px;
}

.json-content[b-rt200mk6rq]::-webkit-scrollbar-track {
    background: #1e2b4a;
    border-radius: 4px;
}

.json-content[b-rt200mk6rq]::-webkit-scrollbar-thumb {
    background: #4b5563;
    border-radius: 4px;
}

.json-content[b-rt200mk6rq]::-webkit-scrollbar-thumb:hover {
    background: #6b7280;
}

/* Responsivo */
@media (max-width: 768px) {
    .json-pre[b-rt200mk6rq] {
        font-size: 11px;
    }

    .json-content[b-rt200mk6rq] {
        padding: 12px;
    }

    .json-viewer-toolbar[b-rt200mk6rq] {
        padding: 10px 12px;
    }
}
/* _content/VeiculoSeguroBlazor/Components/Shared/NotificationBell.razor.rz.scp.css */
/* ===== CONTAINER E BOTÃO PRINCIPAL ===== */
.notification-container[b-zu9ylaq7z7] {
    position: relative;
    display: inline-block;
}

.notification-button[b-zu9ylaq7z7] {
    background: transparent;
    border: none;
    width: 32px;
    height: 32px;
    display: flex;
    align-items: center;
    justify-content: center;
    cursor: pointer;
    color: #f8fafc;
    transition: all 0.3s ease;
    border-radius: 4px;
    position: relative;
    overflow: visible;
}

.notification-button:hover[b-zu9ylaq7z7] {
    background-color: rgba(15, 42, 71, 0.2);
    transform: translateY(-2px);
    box-shadow: 0 4px 8px rgba(0, 0, 0, 0.2);
}

.notification-button:active[b-zu9ylaq7z7] {
    transform: translateY(0);
    box-shadow: 0 2px 4px rgba(0, 0, 0, 0.1);
}

.notification-button svg[b-zu9ylaq7z7] {
    width: 20px;
    height: 20px;
    fill: currentColor;
}

/* ===== BADGE DE CONTADOR ===== */
.notification-badge[b-zu9ylaq7z7] {
    position: absolute;
    top: -4px;
    right: -4px;
    background: #B42318;
    color: white;
    border-radius: 10px;
    padding: 2px 6px;
    font-size: 10px;
    font-weight: 700;
    min-width: 18px;
    text-align: center;
    box-shadow: 0 2px 4px rgba(180, 35, 24, 0.4);
    animation: pulse-b-zu9ylaq7z7 2s infinite;
}

@keyframes pulse-b-zu9ylaq7z7 {
    0%, 100% {
        transform: scale(1);
    }
    50% {
        transform: scale(1.1);
    }
}

/* ===== OVERLAY ===== */
.notification-overlay[b-zu9ylaq7z7] {
    position: fixed;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
    background: transparent;
    z-index: 9998;
}

/* ===== DROPDOWN ===== */
.notification-dropdown[b-zu9ylaq7z7] {
    position: absolute;
    top: calc(100% + 8px);
    right: 0;
    width: 380px;
    max-height: 500px;
    background: #FFFFFF;
    border-radius: 12px;
    box-shadow: 0 8px 16px rgba(0, 0, 0, 0.15), 0 4px 8px rgba(0, 0, 0, 0.1);
    z-index: 9999;
    display: flex;
    flex-direction: column;
    overflow: hidden;
    animation: slideDown-b-zu9ylaq7z7 0.2s ease-out;
}

@keyframes slideDown-b-zu9ylaq7z7 {
    from {
        opacity: 0;
        transform: translateY(-10px);
    }
    to {
        opacity: 1;
        transform: translateY(0);
    }
}

/* ===== HEADER DO DROPDOWN ===== */
.notification-header[b-zu9ylaq7z7] {
    display: flex;
    align-items: center;
    justify-content: space-between;
    padding: 16px;
    border-bottom: 1px solid #E5E7EB;
    background: #F9FAFB;
}

.notification-header h3[b-zu9ylaq7z7] {
    margin: 0;
    font-size: 16px;
    font-weight: 600;
    color: #111827;
}

.btn-limpar-todas[b-zu9ylaq7z7] {
    background: transparent;
    border: none;
    cursor: pointer;
    padding: 4px;
    border-radius: 4px;
    color: #6B7280;
    transition: all 0.2s;
    display: flex;
    align-items: center;
    justify-content: center;
}

.btn-limpar-todas:hover[b-zu9ylaq7z7] {
    background: #E5E7EB;
    color: #374151;
}

.btn-limpar-todas svg[b-zu9ylaq7z7] {
    width: 18px;
    height: 18px;
}

/* ===== LISTA DE NOTIFICAÇÕES ===== */
.notification-list[b-zu9ylaq7z7] {
    overflow-y: auto;
    max-height: 440px;
}

.notification-list[b-zu9ylaq7z7]::-webkit-scrollbar {
    width: 6px;
}

.notification-list[b-zu9ylaq7z7]::-webkit-scrollbar-track {
    background: #F3F4F6;
}

.notification-list[b-zu9ylaq7z7]::-webkit-scrollbar-thumb {
    background: #D1D5DB;
    border-radius: 3px;
}

.notification-list[b-zu9ylaq7z7]::-webkit-scrollbar-thumb:hover {
    background: #9CA3AF;
}

/* ===== ITEM DE NOTIFICAÇÃO ===== */
.notification-item[b-zu9ylaq7z7] {
    display: flex;
    gap: 12px;
    padding: 12px 16px;
    border-bottom: 1px solid #F3F4F6;
    transition: background 0.2s;
    position: relative;
}

.notification-item:last-child[b-zu9ylaq7z7] {
    border-bottom: none;
}

.notification-item:hover[b-zu9ylaq7z7] {
    background: #F9FAFB;
}

/* Variantes de notificação */
.notification-item.notification-danger[b-zu9ylaq7z7] {
    background: rgba(180, 35, 24, 0.05);
    border-left: 3px solid #B42318;
}

.notification-item.notification-warning[b-zu9ylaq7z7] {
    background: rgba(245, 158, 11, 0.05);
    border-left: 3px solid #F59E0B;
}

.notification-item.notification-info[b-zu9ylaq7z7] {
    background: rgba(59, 130, 246, 0.05);
    border-left: 3px solid #3B82F6;
}

/* ===== ÍCONE DA NOTIFICAÇÃO ===== */
.notification-icon[b-zu9ylaq7z7] {
    flex-shrink: 0;
    width: 36px;
    height: 36px;
    border-radius: 50%;
    display: flex;
    align-items: center;
    justify-content: center;
    background: #E6EEF8;
    color: #14365C;
}

.notification-icon svg[b-zu9ylaq7z7] {
    width: 20px;
    height: 20px;
}

.notification-icon.icon-chamado[b-zu9ylaq7z7] {
    background: rgba(59, 130, 246, 0.1);
    color: #3B82F6;
}

.notification-icon.icon-aviso[b-zu9ylaq7z7] {
    background: rgba(245, 158, 11, 0.1);
    color: #F59E0B;
}

.notification-icon.icon-reprocessamento[b-zu9ylaq7z7] {
    background: rgba(16, 185, 129, 0.1);
    color: #10B981;
}

.notification-icon.icon-limite-info[b-zu9ylaq7z7] {
    background: rgba(59, 130, 246, 0.1);
    color: #3B82F6;
}

.notification-icon.icon-limite-warning[b-zu9ylaq7z7] {
    background: rgba(245, 158, 11, 0.1);
    color: #F59E0B;
}

.notification-icon.icon-limite-danger[b-zu9ylaq7z7] {
    background: rgba(180, 35, 24, 0.1);
    color: #B42318;
}

/* ===== CONTEÚDO DA NOTIFICAÇÃO ===== */
.notification-content[b-zu9ylaq7z7] {
    flex: 1;
    cursor: pointer;
    min-width: 0;
}

.notification-title[b-zu9ylaq7z7] {
    display: block;
    font-size: 14px;
    font-weight: 600;
    color: #111827;
    margin-bottom: 4px;
    line-height: 1.3;
}

.notification-message[b-zu9ylaq7z7] {
    font-size: 13px;
    color: #6B7280;
    margin: 0 0 6px 0;
    line-height: 1.4;
    word-wrap: break-word;
}

.notification-time[b-zu9ylaq7z7] {
    font-size: 11px;
    color: #9CA3AF;
    font-weight: 500;
}

/* ===== BOTÃO EXCLUIR ===== */
.btn-excluir[b-zu9ylaq7z7] {
    flex-shrink: 0;
    background: transparent;
    border: none;
    cursor: pointer;
    padding: 4px;
    border-radius: 4px;
    color: #9CA3AF;
    transition: all 0.2s;
    display: flex;
    align-items: center;
    justify-content: center;
    opacity: 0;
}

.notification-item:hover .btn-excluir[b-zu9ylaq7z7] {
    opacity: 1;
}

.btn-excluir:hover[b-zu9ylaq7z7] {
    background: #FEE2E2;
    color: #B42318;
}

.btn-excluir svg[b-zu9ylaq7z7] {
    width: 16px;
    height: 16px;
}

/* ===== ESTADO VAZIO ===== */
.notification-empty[b-zu9ylaq7z7] {
    display: flex;
    flex-direction: column;
    align-items: center;
    justify-content: center;
    padding: 48px 24px;
    color: #9CA3AF;
}

.notification-empty svg[b-zu9ylaq7z7] {
    width: 48px;
    height: 48px;
    margin-bottom: 12px;
    opacity: 0.5;
}

.notification-empty p[b-zu9ylaq7z7] {
    margin: 0;
    font-size: 14px;
    font-weight: 500;
}

/* ===== RESPONSIVIDADE ===== */
/* Tablets e telas médias (768px - 991px) */
@media (max-width: 991px) {
    .notification-dropdown[b-zu9ylaq7z7] {
        width: 340px;
        max-width: calc(100vw - 32px);
    }
}

/* Mobile (< 768px) */
@media (max-width: 768px) {
    .notification-dropdown[b-zu9ylaq7z7] {
        position: fixed;
        top: 60px;
        right: 16px;
        left: auto;
        width: calc(100vw - 32px);
        max-width: 400px;
    }
}

/* Mobile pequeno (< 480px) */
@media (max-width: 480px) {
    .notification-dropdown[b-zu9ylaq7z7] {
        top: 60px;
        right: 8px;
        left: 8px;
        width: auto;
        max-width: none;
    }

    .notification-header h3[b-zu9ylaq7z7] {
        font-size: 15px;
    }

    .notification-item[b-zu9ylaq7z7] {
        padding: 10px 12px;
    }

    .notification-title[b-zu9ylaq7z7] {
        font-size: 13px;
    }

    .notification-message[b-zu9ylaq7z7] {
        font-size: 12px;
    }
}
/* _content/VeiculoSeguroBlazor/Components/Shared/OptionalFeatures/AnotacoesCompletasDisplay.razor.rz.scp.css */
/* ============================================
   Anotações Completas Section
   ============================================ */
.anotacoes-completas-section[b-mqunf16639] {
    margin-bottom: 32px;
}

/* ============================================
   Container
   ============================================ */
.anotacoes-container[b-mqunf16639] {
    display: flex;
    flex-direction: column;
    gap: 20px;
}

/* ============================================
   Anotações Card
   ============================================ */
.anotacoes-card[b-mqunf16639] {
    background: white;
    border: 1px solid #e2e8f0;
    border-radius: 8px;
    overflow: hidden;
    box-shadow: 0 1px 3px rgba(0, 0, 0, 0.1);
}

/* ============================================
   Card Header
   ============================================ */
.card-header-anotacoes[b-mqunf16639] {
    display: flex;
    align-items: center;
    gap: 12px;
    padding: 20px;
    border-bottom: 1px solid #e2e8f0;
}

.card-header-anotacoes.danger[b-mqunf16639] {
    background: #fef2f2;
    border-left: 4px solid #DC2626;
}

.card-header-anotacoes.warning[b-mqunf16639] {
    background: #fefce8;
    border-left: 4px solid #F59E0B;
}

.card-header-anotacoes.critical[b-mqunf16639] {
    background: #fdf2f8;
    border-left: 4px solid #9333EA;
}

.header-icon[b-mqunf16639] {
    display: flex;
    align-items: center;
    justify-content: center;
    width: 40px;
    height: 40px;
    background: white;
    border: 1px solid #e2e8f0;
    border-radius: 6px;
    font-size: 1.125rem;
    flex-shrink: 0;
}

.card-header-anotacoes.danger .header-icon[b-mqunf16639] {
    color: #DC2626;
    border-color: #fecaca;
}

.card-header-anotacoes.warning .header-icon[b-mqunf16639] {
    color: #F59E0B;
    border-color: #fde68a;
}

.card-header-anotacoes.critical .header-icon[b-mqunf16639] {
    color: #9333EA;
    border-color: #f3e8ff;
}

.header-info[b-mqunf16639] {
    display: flex;
    flex-direction: column;
    gap: 4px;
    flex: 1;
}

.card-title[b-mqunf16639] {
    font-size: 1.125rem;
    font-weight: 700;
    color: #0f172a;
    margin: 0;
}

.subtitle[b-mqunf16639] {
    font-size: 0.8125rem;
    font-weight: 500;
    color: #64748b;
}

/* ============================================
   Card Content
   ============================================ */
.card-content-anotacoes[b-mqunf16639] {
    padding: 20px;
    display: flex;
    flex-direction: column;
    gap: 20px;
}

/* ============================================
   Summary Box
   ============================================ */
.summary-box[b-mqunf16639] {
    display: flex;
    gap: 16px;
    padding: 16px;
    border-radius: 6px;
    flex-wrap: wrap;
}

.summary-box.danger[b-mqunf16639] {
    background: #fef2f2;
    border: 1px solid #fecaca;
}

.summary-box.warning[b-mqunf16639] {
    background: #fefce8;
    border: 1px solid #fde68a;
}

.summary-item[b-mqunf16639] {
    display: flex;
    flex-direction: column;
    gap: 4px;
    flex: 1;
    min-width: 200px;
}

.summary-label[b-mqunf16639] {
    font-size: 0.75rem;
    font-weight: 600;
    color: #64748b;
    text-transform: uppercase;
}

.summary-value[b-mqunf16639] {
    font-size: 0.875rem;
    font-weight: 700;
    color: #0f172a;
}

/* ============================================
   Records List
   ============================================ */
.records-list[b-mqunf16639] {
    display: flex;
    flex-direction: column;
    gap: 12px;
    max-height: 600px;
    overflow-y: auto;
}

/* ============================================
   Record Item
   ============================================ */
.record-item[b-mqunf16639] {
    display: flex;
    flex-direction: column;
    gap: 10px;
    padding: 16px;
    border-radius: 6px;
}

.record-item.danger[b-mqunf16639] {
    background: #fef2f2;
    border: 1px solid #fecaca;
    border-left: 3px solid #DC2626;
}

.record-item.warning[b-mqunf16639] {
    background: #fefce8;
    border: 1px solid #fde68a;
    border-left: 3px solid #F59E0B;
}

.record-header[b-mqunf16639] {
    display: flex;
    justify-content: space-between;
    align-items: flex-start;
    gap: 12px;
}

.record-info[b-mqunf16639] {
    display: flex;
    flex-direction: column;
    gap: 4px;
    flex: 1;
}

.record-creditor[b-mqunf16639] {
    font-size: 0.9375rem;
    font-weight: 700;
    color: #0f172a;
    line-height: 1.3;
}

.record-nature[b-mqunf16639] {
    font-size: 0.8125rem;
    font-weight: 500;
    color: #64748b;
}

.record-amount[b-mqunf16639] {
    font-size: 1.125rem;
    font-weight: 700;
    color: #DC2626;
    white-space: nowrap;
}

.record-details[b-mqunf16639] {
    display: flex;
    flex-wrap: wrap;
    gap: 12px;
}

.detail-item[b-mqunf16639] {
    display: inline-flex;
    align-items: center;
    gap: 6px;
    font-size: 0.75rem;
    font-weight: 500;
    color: #64748b;
    padding: 4px 8px;
    background: white;
    border: 1px solid #e2e8f0;
    border-radius: 4px;
}

.detail-item i[b-mqunf16639] {
    font-size: 0.7rem;
    color: #94a3b8;
}

.detail-item.dispute[b-mqunf16639] {
    background: #fef3c7;
    border-color: #fcd34d;
    color: #92400e;
}

.detail-item.dispute i[b-mqunf16639] {
    color: #F59E0B;
}

/* ============================================
   Info Message
   ============================================ */
.info-message[b-mqunf16639] {
    display: flex;
    align-items: center;
    gap: 12px;
    padding: 14px 16px;
    border-radius: 6px;
}

.info-message.danger[b-mqunf16639] {
    background: #fef2f2;
    border: 1px solid #fecaca;
}

.info-message.warning[b-mqunf16639] {
    background: #fefce8;
    border: 1px solid #fde68a;
}

.info-message.critical[b-mqunf16639] {
    background: #fdf2f8;
    border: 1px solid #f3e8ff;
}

.info-message i[b-mqunf16639] {
    font-size: 1.125rem;
    flex-shrink: 0;
}

.info-message.danger i[b-mqunf16639] {
    color: #DC2626;
}

.info-message.warning i[b-mqunf16639] {
    color: #F59E0B;
}

.info-message.critical i[b-mqunf16639] {
    color: #9333EA;
}

.info-message span[b-mqunf16639] {
    font-size: 0.875rem;
    font-weight: 500;
    color: #0f172a;
    line-height: 1.5;
}

/* ============================================
   No Annotations Message
   ============================================ */
.no-annotations-message[b-mqunf16639] {
    display: flex;
    align-items: center;
    justify-content: center;
    gap: 12px;
    padding: 32px;
    background: #f0fdf4;
    border: 1px solid #bbf7d0;
    border-radius: 8px;
}

.no-annotations-message i[b-mqunf16639] {
    font-size: 1.5rem;
    color: #10B981;
}

.no-annotations-message span[b-mqunf16639] {
    font-size: 0.9375rem;
    font-weight: 600;
    color: #065f46;
}

/* ============================================
   Responsive
   ============================================ */
@media (max-width: 768px) {
    .card-content-anotacoes[b-mqunf16639] {
        padding: 16px;
        gap: 16px;
    }

    .summary-box[b-mqunf16639] {
        flex-direction: column;
        gap: 12px;
    }

    .summary-item[b-mqunf16639] {
        min-width: unset;
    }

    .records-list[b-mqunf16639] {
        max-height: 500px;
    }

    .record-header[b-mqunf16639] {
        flex-direction: column;
        align-items: flex-start;
    }

    .record-amount[b-mqunf16639] {
        font-size: 1rem;
    }
}

@media (max-width: 576px) {
    .card-header-anotacoes[b-mqunf16639] {
        padding: 16px;
    }

    .header-icon[b-mqunf16639] {
        width: 36px;
        height: 36px;
        font-size: 1rem;
    }

    .card-title[b-mqunf16639] {
        font-size: 1rem;
    }

    .subtitle[b-mqunf16639] {
        font-size: 0.75rem;
    }

    .record-item[b-mqunf16639] {
        padding: 12px;
    }

    .record-creditor[b-mqunf16639] {
        font-size: 0.875rem;
    }

    .no-annotations-message[b-mqunf16639] {
        padding: 24px 16px;
        flex-direction: column;
    }
}
/* _content/VeiculoSeguroBlazor/Components/Shared/OptionalFeatures/CapacidadePagamentoDisplay.razor.rz.scp.css */
/* ============================================
   Capacidade Pagamento Section
   ============================================ */
.capacidade-pagamento-section[b-jouiziipnp] {
    margin-bottom: 32px;
}

/* ============================================
   Capacidade Container
   ============================================ */
.capacidade-container[b-jouiziipnp] {
    display: flex;
    flex-direction: column;
    gap: 16px;
}

/* ============================================
   Capacidade Card
   ============================================ */
.capacidade-card[b-jouiziipnp] {
    background: white;
    border: 1px solid #e2e8f0;
    border-radius: 8px;
    padding: 20px;
    box-shadow: 0 1px 3px rgba(0, 0, 0, 0.1);
}

/* ============================================
   Capacidade Content
   ============================================ */
.capacidade-content[b-jouiziipnp] {
    display: flex;
    flex-direction: column;
    gap: 16px;
}

/* ============================================
   Model Info
   ============================================ */
.model-info[b-jouiziipnp] {
    display: flex;
    align-items: center;
    padding-bottom: 12px;
    border-bottom: 1px solid #f1f5f9;
}

.model-badge[b-jouiziipnp] {
    font-size: 0.875rem;
    font-weight: 600;
    color: #14365C;
    padding: 4px 12px;
    background: #f8fafc;
    border-radius: 4px;
    border: 1px solid #e2e8f0;
}

/* ============================================
   Message Box
   ============================================ */
.message-box[b-jouiziipnp] {
    display: flex;
    flex-direction: column;
    gap: 8px;
}

.message-label[b-jouiziipnp] {
    font-size: 0.875rem;
    font-weight: 600;
    color: #64748b;
    text-transform: uppercase;
    letter-spacing: 0.5px;
}

.message-text[b-jouiziipnp] {
    font-size: 1rem;
    font-weight: 600;
    color: #14365C;
    line-height: 1.5;
}

/* ============================================
   Responsive
   ============================================ */
@media (max-width: 768px) {
    .capacidade-card[b-jouiziipnp] {
        padding: 16px;
    }

    .message-text[b-jouiziipnp] {
        font-size: 0.9375rem;
    }
}

@media (max-width: 576px) {
    .model-badge[b-jouiziipnp] {
        width: 100%;
        text-align: center;
    }
}
/* _content/VeiculoSeguroBlazor/Components/Shared/OptionalFeatures/ComportamentoPagamentoSetorDisplay.razor.rz.scp.css */
/* ============================================
   Comportamento Setor Section
   ============================================ */
.comportamento-setor-section[b-x5za3fpcgn] {
    margin-bottom: 32px;
}

/* ============================================
   Comportamento Container
   ============================================ */
.comportamento-container[b-x5za3fpcgn] {
    display: flex;
    flex-direction: column;
    gap: 20px;
}

/* ============================================
   Comportamento Card
   ============================================ */
.comportamento-card[b-x5za3fpcgn] {
    background: white;
    border: 1px solid #e2e8f0;
    border-radius: 8px;
    padding: 20px;
    box-shadow: 0 1px 3px rgba(0, 0, 0, 0.1);
}

/* ============================================
   Card Header
   ============================================ */
.card-header[b-x5za3fpcgn] {
    display: flex;
    justify-content: space-between;
    align-items: center;
    padding: 0 0 16px 0;
    margin-bottom: 20px;
    border-bottom: 2px solid #f1f5f9;
    background: transparent;
}

.card-title[b-x5za3fpcgn] {
    font-size: 1.125rem;
    font-weight: 700;
    color: #0f172a;
    margin: 0;
}

.reference-date[b-x5za3fpcgn] {
    font-size: 0.75rem;
    font-weight: 600;
    color: #64748b;
    padding: 4px 10px;
    background: #f8fafc;
    border-radius: 4px;
    border: 1px solid #e2e8f0;
}

/* ============================================
   Metrics Grid
   ============================================ */
.metrics-grid[b-x5za3fpcgn] {
    display: grid;
    grid-template-columns: repeat(auto-fit, minmax(180px, 1fr));
    gap: 16px;
    margin-bottom: 20px;
}

.metric-item[b-x5za3fpcgn] {
    display: flex;
    flex-direction: column;
    gap: 6px;
    padding: 14px;
    background: #f8fafc;
    border: 1px solid #e2e8f0;
    border-radius: 6px;
    transition: all 0.2s ease;
}

.metric-item:hover[b-x5za3fpcgn] {
    background: #f1f5f9;
    border-color: #cbd5e1;
}

.metric-item.highlight[b-x5za3fpcgn] {
    background: linear-gradient(135deg, #f0f9ff 0%, #e0f2fe 100%);
    border-color: #bae6fd;
}

.metric-item.highlight:hover[b-x5za3fpcgn] {
    background: linear-gradient(135deg, #e0f2fe 0%, #bae6fd 100%);
}

.metric-label[b-x5za3fpcgn] {
    font-size: 0.75rem;
    font-weight: 600;
    color: #64748b;
    text-transform: uppercase;
    letter-spacing: 0.5px;
}

.metric-percentage[b-x5za3fpcgn] {
    font-size: 1.5rem;
    font-weight: 700;
    color: #14365C;
    line-height: 1;
}

.metric-value[b-x5za3fpcgn] {
    font-size: 0.875rem;
    font-weight: 600;
    color: #10B981;
}

/* ============================================
   Summary Section
   ============================================ */
.summary-section[b-x5za3fpcgn] {
    display: flex;
    flex-wrap: wrap;
    gap: 16px;
    padding: 16px;
    background: #f8fafc;
    border: 1px solid #e2e8f0;
    border-radius: 6px;
}

.summary-item[b-x5za3fpcgn] {
    display: flex;
    flex-direction: column;
    gap: 4px;
    flex: 1;
    min-width: 150px;
}

.summary-label[b-x5za3fpcgn] {
    font-size: 0.75rem;
    font-weight: 600;
    color: #64748b;
    text-transform: uppercase;
    letter-spacing: 0.5px;
}

.summary-value[b-x5za3fpcgn] {
    font-size: 1rem;
    font-weight: 700;
    color: #14365C;
}

/* ============================================
   Responsive
   ============================================ */
@media (max-width: 768px) {
    .comportamento-card[b-x5za3fpcgn] {
        padding: 16px;
    }

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

    .metrics-grid[b-x5za3fpcgn] {
        grid-template-columns: repeat(auto-fit, minmax(140px, 1fr));
        gap: 12px;
    }

    .metric-percentage[b-x5za3fpcgn] {
        font-size: 1.25rem;
    }

    .summary-section[b-x5za3fpcgn] {
        flex-direction: column;
        gap: 12px;
    }

    .summary-item[b-x5za3fpcgn] {
        min-width: unset;
    }
}

@media (max-width: 576px) {
    .card-title[b-x5za3fpcgn] {
        font-size: 1rem;
    }

    .metrics-grid[b-x5za3fpcgn] {
        grid-template-columns: 1fr;
    }

    .metric-item[b-x5za3fpcgn] {
        padding: 12px;
    }

    .reference-date[b-x5za3fpcgn] {
        font-size: 0.688rem;
    }
}
/* _content/VeiculoSeguroBlazor/Components/Shared/OptionalFeatures/ConsultasDetalhadasDisplay.razor.rz.scp.css */
/* ============================================
   Consultas Detalhadas Section
   ============================================ */
.consultas-detalhadas-section[b-tnofmwdsqr] {
    margin-bottom: 32px;
}

/* ============================================
   Container
   ============================================ */
.consultas-container[b-tnofmwdsqr] {
    display: flex;
    flex-direction: column;
    gap: 20px;
}

/* ============================================
   Consultas Card
   ============================================ */
.consultas-card[b-tnofmwdsqr] {
    background: white;
    border: 1px solid #e2e8f0;
    border-radius: 8px;
    overflow: hidden;
    box-shadow: 0 1px 3px rgba(0, 0, 0, 0.1);
}

/* ============================================
   Card Header
   ============================================ */
.card-header-consultas[b-tnofmwdsqr] {
    display: flex;
    align-items: center;
    gap: 12px;
    padding: 20px;
    background: #f8fafc;
    border-bottom: 1px solid #e2e8f0;
}

.header-icon[b-tnofmwdsqr] {
    display: flex;
    align-items: center;
    justify-content: center;
    width: 40px;
    height: 40px;
    background: white;
    border: 1px solid #e2e8f0;
    border-radius: 6px;
    color: #14365C;
    font-size: 1.125rem;
    flex-shrink: 0;
}

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

.card-title[b-tnofmwdsqr] {
    font-size: 1.125rem;
    font-weight: 700;
    color: #0f172a;
    margin: 0;
}

.subtitle[b-tnofmwdsqr] {
    font-size: 0.8125rem;
    font-weight: 500;
    color: #64748b;
}

/* ============================================
   Card Content
   ============================================ */
.card-content-consultas[b-tnofmwdsqr] {
    padding: 20px;
    display: flex;
    flex-direction: column;
    gap: 24px;
}

/* ============================================
   Quantity Summary
   ============================================ */
.quantity-summary[b-tnofmwdsqr] {
    display: flex;
    gap: 16px;
    padding-bottom: 20px;
    border-bottom: 1px solid #f1f5f9;
}

.quantity-item[b-tnofmwdsqr] {
    display: flex;
    flex-direction: column;
    gap: 6px;
    padding: 16px;
    border-radius: 6px;
    flex: 1;
}

.quantity-item.primary[b-tnofmwdsqr] {
    background: #eff6ff;
    border: 1px solid #93c5fd;
}

.quantity-item.secondary[b-tnofmwdsqr] {
    background: #f0fdf4;
    border: 1px solid #86efac;
}

.quantity-label[b-tnofmwdsqr] {
    font-size: 0.75rem;
    font-weight: 600;
    color: #64748b;
    text-transform: uppercase;
}

.quantity-value[b-tnofmwdsqr] {
    font-size: 2rem;
    font-weight: 700;
    color: #14365C;
    line-height: 1;
}

/* ============================================
   Companies Section
   ============================================ */
.companies-section[b-tnofmwdsqr] {
    display: flex;
    flex-direction: column;
    gap: 12px;
}

.subsection-title[b-tnofmwdsqr] {
    font-size: 0.875rem;
    font-weight: 700;
    color: #0f172a;
    text-transform: uppercase;
    letter-spacing: 0.5px;
    margin: 0;
}

.companies-list[b-tnofmwdsqr] {
    display: flex;
    flex-direction: column;
    gap: 10px;
    max-height: 500px;
    overflow-y: auto;
}

/* ============================================
   Company Item
   ============================================ */
.company-item[b-tnofmwdsqr] {
    display: flex;
    flex-direction: column;
    gap: 8px;
    padding: 14px;
    background: #f8fafc;
    border: 1px solid #e2e8f0;
    border-radius: 6px;
    border-left: 3px solid #14365C;
}

.company-header[b-tnofmwdsqr] {
    display: flex;
    justify-content: space-between;
    align-items: flex-start;
    gap: 12px;
}

.company-identity[b-tnofmwdsqr] {
    display: flex;
    flex-direction: column;
    gap: 4px;
    flex: 1;
}

.company-name[b-tnofmwdsqr] {
    font-size: 0.875rem;
    font-weight: 700;
    color: #0f172a;
    line-height: 1.3;
}

.company-doc[b-tnofmwdsqr] {
    font-size: 0.75rem;
    font-weight: 500;
    color: #64748b;
    font-family: 'Courier New', monospace;
}

.company-date[b-tnofmwdsqr] {
    display: flex;
    align-items: center;
    gap: 6px;
    font-size: 0.75rem;
    font-weight: 600;
    color: #64748b;
    white-space: nowrap;
}

.company-date i[b-tnofmwdsqr] {
    color: #94a3b8;
    font-size: 0.75rem;
}

.company-alias[b-tnofmwdsqr] {
    font-size: 0.8125rem;
    font-weight: 500;
    color: #14365C;
    font-style: italic;
}

.company-frequency[b-tnofmwdsqr] {
    display: flex;
    align-items: center;
    gap: 6px;
    font-size: 0.75rem;
    font-weight: 600;
    color: #10B981;
}

.company-frequency i[b-tnofmwdsqr] {
    font-size: 0.7rem;
}

/* ============================================
   Historical Section
   ============================================ */
.historical-section[b-tnofmwdsqr] {
    display: flex;
    flex-direction: column;
    gap: 12px;
}

.historical-grid[b-tnofmwdsqr] {
    display: grid;
    grid-template-columns: repeat(auto-fill, minmax(140px, 1fr));
    gap: 10px;
}

.historical-item[b-tnofmwdsqr] {
    display: flex;
    flex-direction: column;
    gap: 4px;
    padding: 12px;
    background: #f8fafc;
    border: 1px solid #e2e8f0;
    border-radius: 6px;
    text-align: center;
}

.historical-month[b-tnofmwdsqr] {
    font-size: 0.75rem;
    font-weight: 600;
    color: #64748b;
    text-transform: uppercase;
}

.historical-count[b-tnofmwdsqr] {
    font-size: 1.5rem;
    font-weight: 700;
    color: #14365C;
    line-height: 1;
}

.historical-bank[b-tnofmwdsqr] {
    font-size: 0.7rem;
    font-weight: 500;
    color: #10B981;
}

/* ============================================
   Segments Timeline
   ============================================ */
.segments-timeline[b-tnofmwdsqr] {
    display: flex;
    flex-direction: column;
    gap: 16px;
}

.segment-month[b-tnofmwdsqr] {
    display: flex;
    flex-direction: column;
    gap: 12px;
    padding: 16px;
    background: #f8fafc;
    border: 1px solid #e2e8f0;
    border-radius: 6px;
}

.segment-month-header[b-tnofmwdsqr] {
    display: flex;
    justify-content: space-between;
    align-items: center;
    padding-bottom: 12px;
    border-bottom: 1px solid #e2e8f0;
}

.segment-month-label[b-tnofmwdsqr] {
    font-size: 0.875rem;
    font-weight: 700;
    color: #0f172a;
}

.segment-month-total[b-tnofmwdsqr] {
    font-size: 0.75rem;
    font-weight: 600;
    color: #64748b;
}

.segment-bars[b-tnofmwdsqr] {
    display: flex;
    flex-direction: column;
    gap: 8px;
}

.segment-bar-item[b-tnofmwdsqr] {
    display: flex;
    flex-direction: column;
    gap: 4px;
}

.segment-bar-header[b-tnofmwdsqr] {
    display: flex;
    justify-content: space-between;
    align-items: center;
}

.segment-label[b-tnofmwdsqr] {
    font-size: 0.8125rem;
    font-weight: 600;
    color: #64748b;
}

.segment-count[b-tnofmwdsqr] {
    font-size: 0.8125rem;
    font-weight: 700;
    color: #14365C;
}

.segment-bar-track[b-tnofmwdsqr] {
    width: 100%;
    height: 8px;
    background: #e2e8f0;
    border-radius: 4px;
    overflow: hidden;
}

.segment-bar-fill[b-tnofmwdsqr] {
    height: 100%;
    transition: width 0.3s ease;
    border-radius: 4px;
}

.segment-bar-fill.segment-bank[b-tnofmwdsqr] {
    background: #3b82f6;
}

.segment-bar-fill.segment-industry[b-tnofmwdsqr] {
    background: #8b5cf6;
}

.segment-bar-fill.segment-commerce[b-tnofmwdsqr] {
    background: #10b981;
}

.segment-bar-fill.segment-services[b-tnofmwdsqr] {
    background: #f59e0b;
}

.segment-bar-fill.segment-others[b-tnofmwdsqr] {
    background: #64748b;
}

.segment-bar-fill.segment-default[b-tnofmwdsqr] {
    background: #94a3b8;
}

/* ============================================
   Responsive
   ============================================ */
@media (max-width: 768px) {
    .card-content-consultas[b-tnofmwdsqr] {
        padding: 16px;
        gap: 20px;
    }

    .quantity-summary[b-tnofmwdsqr] {
        flex-direction: column;
    }

    .quantity-value[b-tnofmwdsqr] {
        font-size: 1.75rem;
    }

    .companies-list[b-tnofmwdsqr] {
        max-height: 400px;
    }

    .company-header[b-tnofmwdsqr] {
        flex-direction: column;
        align-items: flex-start;
    }

    .historical-grid[b-tnofmwdsqr] {
        grid-template-columns: repeat(auto-fill, minmax(120px, 1fr));
    }

    .segment-month[b-tnofmwdsqr] {
        padding: 12px;
    }
}

@media (max-width: 576px) {
    .card-header-consultas[b-tnofmwdsqr] {
        padding: 16px;
    }

    .header-icon[b-tnofmwdsqr] {
        width: 36px;
        height: 36px;
        font-size: 1rem;
    }

    .card-title[b-tnofmwdsqr] {
        font-size: 1rem;
    }

    .historical-grid[b-tnofmwdsqr] {
        grid-template-columns: repeat(auto-fill, minmax(100px, 1fr));
    }

    .historical-count[b-tnofmwdsqr] {
        font-size: 1.25rem;
    }
}
/* _content/VeiculoSeguroBlazor/Components/Shared/OptionalFeatures/DividasOrgaosPublicosDisplay.razor.rz.scp.css */
/* ============================================
   Dívidas Órgãos Públicos Section
   ============================================ */
.dividas-publicas-section[b-xt792qfma0] {
    margin-bottom: 32px;
}

/* ============================================
   Container
   ============================================ */
.dividas-container[b-xt792qfma0] {
    display: flex;
    flex-direction: column;
    gap: 16px;
}

/* ============================================
   Dívida Card
   ============================================ */
.divida-card[b-xt792qfma0] {
    background: white;
    border: 1px solid #e2e8f0;
    border-left: 4px solid #DC2626;
    border-radius: 8px;
    overflow: hidden;
    box-shadow: 0 1px 3px rgba(0, 0, 0, 0.1);
}

/* ============================================
   Card Header
   ============================================ */
.card-header-divida[b-xt792qfma0] {
    display: flex;
    justify-content: space-between;
    align-items: center;
    padding: 20px;
    background: #fef2f2;
    border-bottom: 1px solid #fecaca;
    gap: 20px;
}

.header-main[b-xt792qfma0] {
    display: flex;
    align-items: center;
    gap: 12px;
    flex: 1;
}

.header-icon-wrapper[b-xt792qfma0] {
    display: flex;
    align-items: center;
    justify-content: center;
    width: 40px;
    height: 40px;
    background: white;
    border: 2px solid #DC2626;
    border-radius: 50%;
    color: #DC2626;
    font-size: 1.125rem;
    flex-shrink: 0;
}

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

.debt-title[b-xt792qfma0] {
    font-size: 1rem;
    font-weight: 700;
    color: #991b1b;
    margin: 0;
    line-height: 1.3;
}

.debt-origin[b-xt792qfma0] {
    font-size: 0.8125rem;
    font-weight: 600;
    color: #DC2626;
    text-transform: uppercase;
}

.debt-amount[b-xt792qfma0] {
    display: flex;
    flex-direction: column;
    align-items: flex-end;
    gap: 4px;
}

.amount-label[b-xt792qfma0] {
    font-size: 0.75rem;
    font-weight: 600;
    color: #991b1b;
    text-transform: uppercase;
}

.amount-value[b-xt792qfma0] {
    font-size: 1.5rem;
    font-weight: 700;
    color: #DC2626;
    line-height: 1;
}

/* ============================================
   Card Content
   ============================================ */
.card-content-divida[b-xt792qfma0] {
    padding: 20px;
    display: flex;
    flex-direction: column;
    gap: 16px;
}

/* ============================================
   Info Grid
   ============================================ */
.info-grid[b-xt792qfma0] {
    display: grid;
    grid-template-columns: repeat(auto-fit, minmax(200px, 1fr));
    gap: 16px;
}

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

.info-label[b-xt792qfma0] {
    font-size: 0.75rem;
    font-weight: 600;
    color: #64748b;
    text-transform: uppercase;
}

.info-value[b-xt792qfma0] {
    font-size: 0.875rem;
    font-weight: 600;
    color: #0f172a;
}

.info-value.process-number[b-xt792qfma0] {
    font-family: 'Courier New', monospace;
    font-size: 0.8125rem;
}

/* ============================================
   Description Section
   ============================================ */
.description-section[b-xt792qfma0] {
    display: flex;
    flex-direction: column;
    gap: 8px;
    padding-top: 16px;
    border-top: 1px solid #f1f5f9;
}

.subsection-title[b-xt792qfma0] {
    font-size: 0.875rem;
    font-weight: 700;
    color: #0f172a;
    text-transform: uppercase;
    letter-spacing: 0.5px;
    margin: 0;
}

.description-text[b-xt792qfma0] {
    font-size: 0.875rem;
    font-weight: 500;
    color: #64748b;
    line-height: 1.5;
    padding: 12px;
    background: #f8fafc;
    border: 1px solid #e2e8f0;
    border-radius: 6px;
}

/* ============================================
   No Debts Message
   ============================================ */
.no-debts-message[b-xt792qfma0] {
    display: flex;
    align-items: center;
    justify-content: center;
    gap: 12px;
    padding: 40px 20px;
    background: #f0fdf4;
    border: 1px solid #86efac;
    border-radius: 8px;
    color: #166534;
}

.no-debts-message i[b-xt792qfma0] {
    font-size: 1.5rem;
    color: #10B981;
}

.no-debts-message span[b-xt792qfma0] {
    font-size: 1rem;
    font-weight: 600;
}

/* ============================================
   Responsive
   ============================================ */
@media (max-width: 768px) {
    .card-header-divida[b-xt792qfma0] {
        flex-direction: column;
        align-items: flex-start;
        padding: 16px;
    }

    .header-main[b-xt792qfma0] {
        width: 100%;
    }

    .debt-amount[b-xt792qfma0] {
        width: 100%;
        align-items: flex-start;
    }

    .amount-value[b-xt792qfma0] {
        font-size: 1.25rem;
    }

    .card-content-divida[b-xt792qfma0] {
        padding: 16px;
    }

    .info-grid[b-xt792qfma0] {
        grid-template-columns: 1fr;
        gap: 12px;
    }
}

@media (max-width: 576px) {
    .header-icon-wrapper[b-xt792qfma0] {
        width: 36px;
        height: 36px;
        font-size: 1rem;
    }

    .debt-title[b-xt792qfma0] {
        font-size: 0.9375rem;
    }

    .no-debts-message[b-xt792qfma0] {
        flex-direction: column;
        padding: 32px 16px;
    }

    .no-debts-message i[b-xt792qfma0] {
        font-size: 2rem;
    }
}
/* _content/VeiculoSeguroBlazor/Components/Shared/OptionalFeatures/FaturamentoEstimadoDisplay.razor.rz.scp.css */
/* ============================================
   Faturamento Estimado Section
   ============================================ */
.faturamento-estimado-section[b-lwohp4atqn] {
    margin-bottom: 32px;
}

/* ============================================
   Faturamento Container
   ============================================ */
.faturamento-container[b-lwohp4atqn] {
    display: flex;
    flex-direction: column;
    gap: 16px;
}

/* ============================================
   Faturamento Card
   ============================================ */
.faturamento-card[b-lwohp4atqn] {
    background: white;
    border: 1px solid #e2e8f0;
    border-radius: 8px;
    padding: 20px;
    box-shadow: 0 1px 3px rgba(0, 0, 0, 0.1);
}

/* ============================================
   Faturamento Content
   ============================================ */
.faturamento-content[b-lwohp4atqn] {
    display: flex;
    flex-direction: column;
    gap: 16px;
}

/* ============================================
   Model Info
   ============================================ */
.model-info[b-lwohp4atqn] {
    display: flex;
    align-items: center;
    gap: 16px;
    padding-bottom: 12px;
    border-bottom: 1px solid #f1f5f9;
}

.model-badge[b-lwohp4atqn] {
    font-size: 0.875rem;
    font-weight: 600;
    color: #14365C;
    padding: 4px 12px;
    background: #f8fafc;
    border-radius: 4px;
    border: 1px solid #e2e8f0;
}

.score-text[b-lwohp4atqn] {
    font-size: 0.875rem;
    font-weight: 600;
    color: #64748b;
}

/* ============================================
   Valor Box
   ============================================ */
.valor-box[b-lwohp4atqn] {
    display: flex;
    flex-direction: column;
    gap: 8px;
}

.valor-label[b-lwohp4atqn] {
    font-size: 0.875rem;
    font-weight: 600;
    color: #64748b;
    text-transform: uppercase;
    letter-spacing: 0.5px;
}

.valor-amount[b-lwohp4atqn] {
    font-size: 1.875rem;
    font-weight: 700;
    color: #14365C;
    font-family: 'Arial', sans-serif;
}

/* ============================================
   Pontuação Info
   ============================================ */
.pontuacao-info[b-lwohp4atqn] {
    display: flex;
    align-items: center;
    gap: 12px;
    padding-top: 12px;
    border-top: 1px solid #f1f5f9;
}

.pontuacao-label[b-lwohp4atqn] {
    font-size: 0.875rem;
    font-weight: 600;
    color: #64748b;
}

.pontuacao-range[b-lwohp4atqn] {
    font-size: 0.875rem;
    font-weight: 700;
    color: #14365C;
    padding: 4px 12px;
    background: #f8fafc;
    border-radius: 4px;
    border: 1px solid #e2e8f0;
}

/* ============================================
   Responsive
   ============================================ */
@media (max-width: 768px) {
    .faturamento-card[b-lwohp4atqn] {
        padding: 16px;
    }

    .model-info[b-lwohp4atqn] {
        flex-direction: column;
        align-items: flex-start;
        gap: 8px;
    }

    .valor-amount[b-lwohp4atqn] {
        font-size: 1.5rem;
    }

    .pontuacao-info[b-lwohp4atqn] {
        flex-direction: column;
        align-items: flex-start;
        gap: 8px;
    }
}

@media (max-width: 576px) {
    .valor-amount[b-lwohp4atqn] {
        font-size: 1.25rem;
    }

    .model-badge[b-lwohp4atqn],
    .pontuacao-range[b-lwohp4atqn] {
        width: 100%;
        text-align: center;
    }
}
/* _content/VeiculoSeguroBlazor/Components/Shared/OptionalFeatures/GastoEstimadoDisplay.razor.rz.scp.css */
/* ============================================
   Gasto Estimado Section
   ============================================ */
.gasto-estimado-section[b-gdojb0qyws] {
    margin-bottom: 32px;
}

/* ============================================
   Gasto Container
   ============================================ */
.gasto-container[b-gdojb0qyws] {
    display: flex;
    flex-direction: column;
    gap: 16px;
}

/* ============================================
   Gasto Card
   ============================================ */
.gasto-card[b-gdojb0qyws] {
    background: white;
    border: 1px solid #e2e8f0;
    border-radius: 8px;
    padding: 20px;
    box-shadow: 0 1px 3px rgba(0, 0, 0, 0.1);
}

/* ============================================
   Gasto Content
   ============================================ */
.gasto-content[b-gdojb0qyws] {
    display: flex;
    flex-direction: column;
    gap: 16px;
}

/* ============================================
   Model Info
   ============================================ */
.model-info[b-gdojb0qyws] {
    display: flex;
    align-items: center;
    padding-bottom: 12px;
    border-bottom: 1px solid #f1f5f9;
}

.model-badge[b-gdojb0qyws] {
    font-size: 0.875rem;
    font-weight: 600;
    color: #14365C;
    padding: 4px 12px;
    background: #f8fafc;
    border-radius: 4px;
    border: 1px solid #e2e8f0;
}

/* ============================================
   Valor Box
   ============================================ */
.valor-box[b-gdojb0qyws] {
    display: flex;
    flex-direction: column;
    gap: 8px;
}

.valor-label[b-gdojb0qyws] {
    font-size: 0.875rem;
    font-weight: 600;
    color: #64748b;
    text-transform: uppercase;
    letter-spacing: 0.5px;
}

.valor-amount[b-gdojb0qyws] {
    font-size: 1.875rem;
    font-weight: 700;
    color: #14365C;
    font-family: 'Arial', sans-serif;
}

/* ============================================
   Responsive
   ============================================ */
@media (max-width: 768px) {
    .gasto-card[b-gdojb0qyws] {
        padding: 16px;
    }

    .valor-amount[b-gdojb0qyws] {
        font-size: 1.5rem;
    }
}

@media (max-width: 576px) {
    .valor-amount[b-gdojb0qyws] {
        font-size: 1.25rem;
    }

    .model-badge[b-gdojb0qyws] {
        width: 100%;
        text-align: center;
    }
}
/* _content/VeiculoSeguroBlazor/Components/Shared/OptionalFeatures/HistoricoPagamentoComercialDisplay.razor.rz.scp.css */
/* ============================================
   Histórico Comercial Section
   ============================================ */
.historico-comercial-section[b-ze4vjq8989] {
    margin-bottom: 32px;
}

/* ============================================
   Histórico Container
   ============================================ */
.historico-container[b-ze4vjq8989] {
    display: flex;
    flex-direction: column;
    gap: 20px;
}

/* ============================================
   Histórico Card
   ============================================ */
.historico-card[b-ze4vjq8989] {
    background: white;
    border: 1px solid #e2e8f0;
    border-radius: 8px;
    padding: 20px;
    box-shadow: 0 1px 3px rgba(0, 0, 0, 0.1);
    display: flex;
    flex-direction: column;
    gap: 24px;
}

/* ============================================
   Query Info
   ============================================ */
.query-info[b-ze4vjq8989] {
    display: flex;
    gap: 24px;
    padding-bottom: 16px;
    border-bottom: 2px solid #f1f5f9;
}

.info-item[b-ze4vjq8989] {
    display: flex;
    gap: 8px;
    align-items: center;
}

.info-label[b-ze4vjq8989] {
    font-size: 0.75rem;
    font-weight: 600;
    color: #64748b;
    text-transform: uppercase;
    letter-spacing: 0.5px;
}

.info-value[b-ze4vjq8989] {
    font-size: 0.875rem;
    font-weight: 700;
    color: #14365C;
}

/* ============================================
   Section Block
   ============================================ */
.section-block[b-ze4vjq8989] {
    display: flex;
    flex-direction: column;
    gap: 12px;
}

.block-title[b-ze4vjq8989] {
    font-size: 1rem;
    font-weight: 700;
    color: #0f172a;
    margin: 0;
    padding-bottom: 8px;
    border-bottom: 1px solid #f1f5f9;
}

/* ============================================
   Commitment Box
   ============================================ */
.commitment-box[b-ze4vjq8989] {
    display: flex;
    flex-direction: column;
    gap: 12px;
    padding: 14px;
    background: #f8fafc;
    border: 1px solid #e2e8f0;
    border-radius: 6px;
}

.range-info[b-ze4vjq8989] {
    display: flex;
    gap: 8px;
    align-items: center;
}

.range-label[b-ze4vjq8989] {
    font-size: 0.75rem;
    font-weight: 600;
    color: #64748b;
    text-transform: uppercase;
}

.range-value[b-ze4vjq8989] {
    font-size: 0.875rem;
    font-weight: 700;
    color: #10B981;
}

.percentages-grid[b-ze4vjq8989] {
    display: grid;
    grid-template-columns: repeat(auto-fit, minmax(120px, 1fr));
    gap: 12px;
}

.percentage-item[b-ze4vjq8989] {
    display: flex;
    flex-direction: column;
    gap: 4px;
    padding: 10px;
    background: white;
    border-radius: 4px;
    border: 1px solid #e2e8f0;
}

.percentage-label[b-ze4vjq8989] {
    font-size: 0.75rem;
    font-weight: 600;
    color: #64748b;
}

.percentage-value[b-ze4vjq8989] {
    font-size: 1.125rem;
    font-weight: 700;
    color: #14365C;
}

/* ============================================
   Punctuality Box
   ============================================ */
.punctuality-box[b-ze4vjq8989] {
    display: flex;
    flex-direction: column;
    gap: 12px;
    padding: 14px;
    background: #f8fafc;
    border: 1px solid #e2e8f0;
    border-radius: 6px;
}

.punctuality-grid[b-ze4vjq8989] {
    display: grid;
    grid-template-columns: repeat(auto-fit, minmax(140px, 1fr));
    gap: 12px;
}

.punctuality-item[b-ze4vjq8989] {
    display: flex;
    flex-direction: column;
    gap: 4px;
    padding: 10px;
    background: white;
    border-radius: 4px;
    border: 1px solid #e2e8f0;
}

.punctuality-item.highlight[b-ze4vjq8989] {
    background: linear-gradient(135deg, #f0f9ff 0%, #e0f2fe 100%);
    border-color: #bae6fd;
}

.punctuality-label[b-ze4vjq8989] {
    font-size: 0.75rem;
    font-weight: 600;
    color: #64748b;
}

.punctuality-value[b-ze4vjq8989] {
    font-size: 1.125rem;
    font-weight: 700;
    color: #14365C;
}

/* ============================================
   Supplier Box
   ============================================ */
.supplier-box[b-ze4vjq8989] {
    display: flex;
    flex-direction: column;
    gap: 12px;
    padding: 14px;
    background: #f8fafc;
    border: 1px solid #e2e8f0;
    border-radius: 6px;
}

.supplier-summary[b-ze4vjq8989] {
    display: flex;
    gap: 8px;
    align-items: center;
    padding: 10px;
    background: linear-gradient(135deg, #f0f9ff 0%, #e0f2fe 100%);
    border-radius: 4px;
}

.supplier-label[b-ze4vjq8989] {
    font-size: 0.875rem;
    font-weight: 600;
    color: #64748b;
}

.supplier-count[b-ze4vjq8989] {
    font-size: 1.25rem;
    font-weight: 700;
    color: #14365C;
}

.relationship-grid[b-ze4vjq8989] {
    display: grid;
    grid-template-columns: repeat(auto-fit, minmax(130px, 1fr));
    gap: 10px;
}

.relationship-item[b-ze4vjq8989] {
    display: flex;
    flex-direction: column;
    gap: 4px;
    padding: 10px;
    background: white;
    border-radius: 4px;
    border: 1px solid #e2e8f0;
}

.relationship-label[b-ze4vjq8989] {
    font-size: 0.75rem;
    font-weight: 600;
    color: #64748b;
}

.relationship-value[b-ze4vjq8989] {
    font-size: 1rem;
    font-weight: 700;
    color: #14365C;
}

/* ============================================
   Delay Box
   ============================================ */
.delay-box[b-ze4vjq8989] {
    display: flex;
    gap: 8px;
    align-items: center;
    padding: 12px 14px;
    background: #fff7ed;
    border: 1px solid #fed7aa;
    border-radius: 6px;
}

.delay-label[b-ze4vjq8989] {
    font-size: 0.875rem;
    font-weight: 600;
    color: #92400e;
}

.delay-value[b-ze4vjq8989] {
    font-size: 1rem;
    font-weight: 700;
    color: #c2410c;
}

/* ============================================
   To Due Box
   ============================================ */
.todue-box[b-ze4vjq8989] {
    display: flex;
    gap: 8px;
    align-items: center;
    padding: 12px 14px;
    background: #f0fdf4;
    border: 1px solid #bbf7d0;
    border-radius: 6px;
}

.todue-label[b-ze4vjq8989] {
    font-size: 0.875rem;
    font-weight: 600;
    color: #14532d;
}

.todue-value[b-ze4vjq8989] {
    font-size: 1rem;
    font-weight: 700;
    color: #15803d;
}

/* ============================================
   Messages Section
   ============================================ */
.messages-section[b-ze4vjq8989] {
    display: flex;
    flex-direction: column;
    gap: 8px;
}

.message-item[b-ze4vjq8989] {
    display: flex;
    gap: 10px;
    align-items: center;
    padding: 10px 12px;
    background: #eff6ff;
    border-left: 3px solid #3b82f6;
    border-radius: 4px;
    font-size: 0.875rem;
    color: #1e40af;
}

.message-item i[b-ze4vjq8989] {
    color: #3b82f6;
}

/* ============================================
   Responsive
   ============================================ */
@media (max-width: 768px) {
    .historico-card[b-ze4vjq8989] {
        padding: 16px;
        gap: 20px;
    }

    .query-info[b-ze4vjq8989] {
        flex-direction: column;
        gap: 12px;
    }

    .percentages-grid[b-ze4vjq8989],
    .punctuality-grid[b-ze4vjq8989],
    .relationship-grid[b-ze4vjq8989] {
        grid-template-columns: repeat(auto-fit, minmax(110px, 1fr));
    }
}

@media (max-width: 576px) {
    .percentages-grid[b-ze4vjq8989],
    .punctuality-grid[b-ze4vjq8989] {
        grid-template-columns: 1fr 1fr;
    }

    .relationship-grid[b-ze4vjq8989] {
        grid-template-columns: 1fr;
    }

    .commitment-box[b-ze4vjq8989],
    .punctuality-box[b-ze4vjq8989],
    .supplier-box[b-ze4vjq8989] {
        padding: 12px;
    }
}
/* _content/VeiculoSeguroBlazor/Components/Shared/OptionalFeatures/HistoricoPagamentoFinanceiroDisplay.razor.rz.scp.css */
/* ============================================
   Histórico Financeiro Section
   ============================================ */
.historico-financeiro-section[b-7i5n5654p6] {
    margin-bottom: 32px;
}

/* ============================================
   Histórico Financeiro Container
   ============================================ */
.historico-financeiro-container[b-7i5n5654p6] {
    display: flex;
    flex-direction: column;
    gap: 20px;
}

/* ============================================
   Financeiro Card
   ============================================ */
.financeiro-card[b-7i5n5654p6] {
    background: white;
    border: 1px solid #e2e8f0;
    border-radius: 8px;
    padding: 20px;
    box-shadow: 0 1px 3px rgba(0, 0, 0, 0.1);
    display: flex;
    flex-direction: column;
    gap: 20px;
}

.card-title[b-7i5n5654p6] {
    font-size: 1.125rem;
    font-weight: 700;
    color: #0f172a;
    margin: 0;
    padding-bottom: 12px;
    border-bottom: 2px solid #f1f5f9;
}

/* ============================================
   Summary Grid
   ============================================ */
.summary-grid[b-7i5n5654p6] {
    display: grid;
    grid-template-columns: repeat(auto-fit, minmax(150px, 1fr));
    gap: 12px;
}

.summary-item[b-7i5n5654p6] {
    display: flex;
    flex-direction: column;
    gap: 4px;
    padding: 12px;
    background: #f8fafc;
    border-radius: 4px;
    border: 1px solid #e2e8f0;
}

.summary-label[b-7i5n5654p6] {
    font-size: 0.75rem;
    font-weight: 600;
    color: #64748b;
    text-transform: uppercase;
    letter-spacing: 0.5px;
}

.summary-value[b-7i5n5654p6] {
    font-size: 1rem;
    font-weight: 700;
    color: #14365C;
}

/* ============================================
   Installment Section
   ============================================ */
.section-subtitle[b-7i5n5654p6] {
    font-size: 0.875rem;
    font-weight: 700;
    color: #0f172a;
    margin: 0;
    text-transform: uppercase;
    letter-spacing: 0.5px;
}

.installment-section[b-7i5n5654p6],
.payment-mode-section[b-7i5n5654p6] {
    display: flex;
    flex-direction: column;
    gap: 12px;
}

.installment-grid[b-7i5n5654p6] {
    display: grid;
    grid-template-columns: repeat(auto-fit, minmax(120px, 1fr));
    gap: 12px;
}

.installment-item[b-7i5n5654p6] {
    display: flex;
    flex-direction: column;
    gap: 6px;
    padding: 14px;
    border-radius: 6px;
    border: 2px solid;
}

.installment-item.paid[b-7i5n5654p6] {
    background: linear-gradient(135deg, #f0fdf4 0%, #dcfce7 100%);
    border-color: #86efac;
}

.installment-item.due[b-7i5n5654p6] {
    background: linear-gradient(135deg, #eff6ff 0%, #dbeafe 100%);
    border-color: #93c5fd;
}

.installment-item.overdue[b-7i5n5654p6] {
    background: linear-gradient(135deg, #fef2f2 0%, #fee2e2 100%);
    border-color: #fca5a5;
}

.installment-label[b-7i5n5654p6] {
    font-size: 0.75rem;
    font-weight: 600;
    color: #64748b;
    text-transform: uppercase;
}

.installment-value[b-7i5n5654p6] {
    font-size: 1.5rem;
    font-weight: 700;
    color: #0f172a;
}

/* ============================================
   Payment Mode Grid
   ============================================ */
.payment-mode-grid[b-7i5n5654p6] {
    display: grid;
    grid-template-columns: repeat(auto-fit, minmax(130px, 1fr));
    gap: 10px;
}

.mode-item[b-7i5n5654p6] {
    display: flex;
    flex-direction: column;
    gap: 4px;
    padding: 10px 12px;
    background: #f8fafc;
    border-radius: 4px;
    border: 1px solid #e2e8f0;
}

.mode-label[b-7i5n5654p6] {
    font-size: 0.75rem;
    font-weight: 600;
    color: #64748b;
}

.mode-value[b-7i5n5654p6] {
    font-size: 1rem;
    font-weight: 700;
    color: #14365C;
}

/* ============================================
   Payment Metrics
   ============================================ */
.payment-metrics[b-7i5n5654p6] {
    display: grid;
    grid-template-columns: repeat(auto-fit, minmax(140px, 1fr));
    gap: 12px;
}

.metric-item[b-7i5n5654p6] {
    display: flex;
    flex-direction: column;
    gap: 6px;
    padding: 12px;
    background: #f8fafc;
    border-radius: 6px;
    border: 1px solid #e2e8f0;
}

.metric-item.highlight[b-7i5n5654p6] {
    background: linear-gradient(135deg, #f0f9ff 0%, #e0f2fe 100%);
    border-color: #bae6fd;
}

.metric-label[b-7i5n5654p6] {
    font-size: 0.75rem;
    font-weight: 600;
    color: #64748b;
    text-transform: uppercase;
}

.metric-value[b-7i5n5654p6] {
    font-size: 1.25rem;
    font-weight: 700;
    color: #14365C;
}

/* ============================================
   Ranges Section
   ============================================ */
.ranges-section[b-7i5n5654p6] {
    display: flex;
    flex-direction: column;
    gap: 10px;
}

.range-item[b-7i5n5654p6] {
    display: flex;
    justify-content: space-between;
    align-items: center;
    padding: 10px 14px;
    border-radius: 4px;
    border-left: 3px solid;
}

.range-item.positive[b-7i5n5654p6] {
    background: #f0fdf4;
    border-color: #22c55e;
}

.range-item.negative[b-7i5n5654p6] {
    background: #fef2f2;
    border-color: #ef4444;
}

.range-label[b-7i5n5654p6] {
    font-size: 0.875rem;
    font-weight: 600;
    color: #64748b;
}

.range-value[b-7i5n5654p6] {
    font-size: 0.875rem;
    font-weight: 700;
    color: #0f172a;
}

/* ============================================
   Total Box
   ============================================ */
.total-box[b-7i5n5654p6] {
    display: flex;
    justify-content: space-between;
    align-items: center;
    padding: 12px 16px;
    background: linear-gradient(135deg, #f8fafc 0%, #f1f5f9 100%);
    border-radius: 6px;
    border: 2px solid #cbd5e1;
}

.total-label[b-7i5n5654p6] {
    font-size: 0.875rem;
    font-weight: 700;
    color: #64748b;
    text-transform: uppercase;
}

.total-value[b-7i5n5654p6] {
    font-size: 1.125rem;
    font-weight: 700;
    color: #14365C;
}

/* ============================================
   Expiration Grid
   ============================================ */
.expiration-grid[b-7i5n5654p6] {
    display: grid;
    grid-template-columns: repeat(auto-fit, minmax(140px, 1fr));
    gap: 12px;
}

.expiration-item[b-7i5n5654p6] {
    display: flex;
    flex-direction: column;
    gap: 6px;
    padding: 12px;
    background: #f8fafc;
    border-radius: 6px;
    border: 1px solid #e2e8f0;
}

.expiration-label[b-7i5n5654p6] {
    font-size: 0.75rem;
    font-weight: 600;
    color: #64748b;
    text-transform: uppercase;
}

.expiration-value[b-7i5n5654p6] {
    font-size: 1.125rem;
    font-weight: 700;
    color: #14365C;
}

/* ============================================
   Contract Grid
   ============================================ */
.contract-grid[b-7i5n5654p6] {
    display: grid;
    grid-template-columns: repeat(auto-fit, minmax(120px, 1fr));
    gap: 12px;
}

.contract-item[b-7i5n5654p6] {
    display: flex;
    flex-direction: column;
    gap: 6px;
    padding: 14px;
    border-radius: 6px;
    border: 2px solid;
}

.contract-item.paid[b-7i5n5654p6] {
    background: linear-gradient(135deg, #f0fdf4 0%, #dcfce7 100%);
    border-color: #86efac;
}

.contract-item.due[b-7i5n5654p6] {
    background: linear-gradient(135deg, #eff6ff 0%, #dbeafe 100%);
    border-color: #93c5fd;
}

.contract-item.overdue[b-7i5n5654p6] {
    background: linear-gradient(135deg, #fef2f2 0%, #fee2e2 100%);
    border-color: #fca5a5;
}

.contract-label[b-7i5n5654p6] {
    font-size: 0.75rem;
    font-weight: 600;
    color: #64748b;
    text-transform: uppercase;
}

.contract-value[b-7i5n5654p6] {
    font-size: 1.5rem;
    font-weight: 700;
    color: #0f172a;
}

/* ============================================
   Responsive
   ============================================ */
@media (max-width: 768px) {
    .financeiro-card[b-7i5n5654p6] {
        padding: 16px;
        gap: 16px;
    }

    .summary-grid[b-7i5n5654p6],
    .installment-grid[b-7i5n5654p6],
    .payment-mode-grid[b-7i5n5654p6],
    .payment-metrics[b-7i5n5654p6],
    .expiration-grid[b-7i5n5654p6],
    .contract-grid[b-7i5n5654p6] {
        grid-template-columns: repeat(auto-fit, minmax(110px, 1fr));
    }
}

@media (max-width: 576px) {
    .summary-grid[b-7i5n5654p6],
    .payment-metrics[b-7i5n5654p6],
    .expiration-grid[b-7i5n5654p6] {
        grid-template-columns: 1fr 1fr;
    }

    .installment-grid[b-7i5n5654p6],
    .contract-grid[b-7i5n5654p6] {
        grid-template-columns: 1fr;
    }

    .payment-mode-grid[b-7i5n5654p6] {
        grid-template-columns: 1fr 1fr;
    }
}
/* _content/VeiculoSeguroBlazor/Components/Shared/OptionalFeatures/LocalizacaoPJDisplay.razor.rz.scp.css */
/* ============================================
   Localização Section
   ============================================ */
.localizacao-section[b-ecup56vsu3] {
    margin-bottom: 32px;
}

/* ============================================
   Localização Container
   ============================================ */
.localizacao-container[b-ecup56vsu3] {
    display: grid;
    grid-template-columns: repeat(auto-fit, minmax(450px, 1fr));
    gap: 20px;
}

/* ============================================
   Localização Card
   ============================================ */
.localizacao-card[b-ecup56vsu3] {
    background: white;
    border: 1px solid #e2e8f0;
    border-radius: 8px;
    padding: 20px;
    box-shadow: 0 1px 3px rgba(0, 0, 0, 0.1);
    display: flex;
    flex-direction: column;
    gap: 16px;
}

.card-title[b-ecup56vsu3] {
    font-size: 1rem;
    font-weight: 700;
    color: #0f172a;
    margin: 0;
    padding-bottom: 12px;
    border-bottom: 2px solid #f1f5f9;
    display: flex;
    align-items: center;
    gap: 8px;
}

.card-title i[b-ecup56vsu3] {
    color: #14365C;
    font-size: 1rem;
}

/* ============================================
   Items List
   ============================================ */
.items-list[b-ecup56vsu3] {
    display: flex;
    flex-direction: column;
    gap: 12px;
    max-height: 500px;
    overflow-y: auto;
    padding-right: 4px;
}

.items-list[b-ecup56vsu3]::-webkit-scrollbar {
    width: 6px;
}

.items-list[b-ecup56vsu3]::-webkit-scrollbar-track {
    background: #f1f5f9;
    border-radius: 3px;
}

.items-list[b-ecup56vsu3]::-webkit-scrollbar-thumb {
    background: #cbd5e1;
    border-radius: 3px;
}

.items-list[b-ecup56vsu3]::-webkit-scrollbar-thumb:hover {
    background: #94a3b8;
}

/* ============================================
   Address Item
   ============================================ */
.address-item[b-ecup56vsu3] {
    display: flex;
    flex-direction: column;
    gap: 10px;
    padding: 14px;
    background: #f8fafc;
    border: 1px solid #e2e8f0;
    border-left: 3px solid #14365C;
    border-radius: 6px;
}

/* ============================================
   Phone Item
   ============================================ */
.phone-item[b-ecup56vsu3] {
    display: flex;
    flex-direction: column;
    gap: 10px;
    padding: 14px;
    background: #f8fafc;
    border: 1px solid #e2e8f0;
    border-left: 3px solid #10B981;
    border-radius: 6px;
}

/* ============================================
   Item Header
   ============================================ */
.item-header[b-ecup56vsu3] {
    display: flex;
    justify-content: space-between;
    align-items: center;
    gap: 10px;
}

.item-date[b-ecup56vsu3] {
    display: flex;
    align-items: center;
    gap: 6px;
    font-size: 0.75rem;
    font-weight: 600;
    color: #64748b;
}

.item-date i[b-ecup56vsu3] {
    font-size: 0.75rem;
    color: #94a3b8;
}

.item-date.no-date[b-ecup56vsu3] {
    color: #94a3b8;
    font-style: italic;
}

.related-badge[b-ecup56vsu3] {
    font-size: 0.75rem;
    font-weight: 600;
    padding: 4px 8px;
    border-radius: 4px;
    background: #dbeafe;
    color: #1e40af;
    border: 1px solid #93c5fd;
}

/* ============================================
   Address Content
   ============================================ */
.address-content[b-ecup56vsu3] {
    display: flex;
    flex-direction: column;
    gap: 8px;
}

.address-line[b-ecup56vsu3] {
    font-size: 0.875rem;
    font-weight: 600;
    color: #0f172a;
    line-height: 1.5;
}

.address-details[b-ecup56vsu3] {
    display: flex;
    flex-wrap: wrap;
    gap: 12px;
}

.detail-item[b-ecup56vsu3] {
    display: flex;
    align-items: center;
    gap: 6px;
    font-size: 0.75rem;
    font-weight: 500;
    color: #64748b;
}

.detail-item i[b-ecup56vsu3] {
    font-size: 0.75rem;
    color: #94a3b8;
}

/* ============================================
   Phone Content
   ============================================ */
.phone-content[b-ecup56vsu3] {
    display: flex;
    align-items: center;
    gap: 10px;
}

.phone-content i[b-ecup56vsu3] {
    color: #10B981;
    font-size: 1rem;
}

.phone-number[b-ecup56vsu3] {
    font-size: 0.875rem;
    font-weight: 700;
    color: #0f172a;
    font-family: 'Courier New', monospace;
}

/* ============================================
   Responsive
   ============================================ */
@media (max-width: 768px) {
    .localizacao-container[b-ecup56vsu3] {
        grid-template-columns: 1fr;
    }

    .localizacao-card[b-ecup56vsu3] {
        padding: 16px;
    }

    .items-list[b-ecup56vsu3] {
        max-height: 400px;
    }
}

@media (max-width: 576px) {
    .item-header[b-ecup56vsu3] {
        flex-direction: column;
        align-items: flex-start;
        gap: 8px;
    }

    .address-details[b-ecup56vsu3] {
        flex-direction: column;
        gap: 6px;
    }

    .phone-content[b-ecup56vsu3] {
        flex-direction: column;
        align-items: flex-start;
    }
}
/* _content/VeiculoSeguroBlazor/Components/Shared/OptionalFeatures/ParticipacoesEmpresaDisplay.razor.rz.scp.css */
/* ============================================
   Participações Section
   ============================================ */
.participacoes-section[b-wutv2bwsya] {
    margin-bottom: 32px;
}

/* ============================================
   Participações Container
   ============================================ */
.participacoes-container[b-wutv2bwsya] {
    display: flex;
    flex-direction: column;
    gap: 16px;
}

/* ============================================
   Participada Card
   ============================================ */
.participada-card[b-wutv2bwsya] {
    background: white;
    border: 1px solid #e2e8f0;
    border-radius: 8px;
    overflow: hidden;
    box-shadow: 0 1px 3px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease;
}

.participada-card.expanded[b-wutv2bwsya] {
    border-color: #cbd5e1;
    box-shadow: 0 4px 6px rgba(0, 0, 0, 0.1);
}

/* ============================================
   Card Header
   ============================================ */
.card-header-participada[b-wutv2bwsya] {
    display: flex;
    justify-content: space-between;
    align-items: center;
    padding: 20px;
    cursor: pointer;
    background: #f8fafc;
    border-bottom: 1px solid #e2e8f0;
    transition: background 0.2s ease;
}

.card-header-participada:hover[b-wutv2bwsya] {
    background: #f1f5f9;
}

.header-left[b-wutv2bwsya] {
    display: flex;
    flex-direction: column;
    gap: 12px;
    flex: 1;
}

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

/* ============================================
   Empresa Info
   ============================================ */
.empresa-info[b-wutv2bwsya] {
    display: flex;
    flex-direction: column;
    gap: 4px;
}

.empresa-nome[b-wutv2bwsya] {
    font-size: 1rem;
    font-weight: 700;
    color: #0f172a;
}

.empresa-cnpj[b-wutv2bwsya] {
    font-size: 0.875rem;
    font-weight: 500;
    color: #64748b;
    font-family: 'Courier New', monospace;
}

/* ============================================
   Badges Row
   ============================================ */
.badges-row[b-wutv2bwsya] {
    display: flex;
    gap: 8px;
    flex-wrap: wrap;
}

.status-badge[b-wutv2bwsya] {
    font-size: 0.75rem;
    font-weight: 600;
    padding: 4px 10px;
    border-radius: 4px;
    text-transform: uppercase;
}

.status-badge.status-active[b-wutv2bwsya] {
    background: #dcfce7;
    color: #166534;
    border: 1px solid #86efac;
}

.status-badge.status-inactive[b-wutv2bwsya] {
    background: #fee2e2;
    color: #991b1b;
    border: 1px solid #fca5a5;
}

.status-badge.status-suspended[b-wutv2bwsya] {
    background: #fef3c7;
    color: #92400e;
    border: 1px solid #fcd34d;
}

.status-badge.status-inapta[b-wutv2bwsya] {
    background: #fef3c7;
    color: #92400e;
    border: 1px solid #fcd34d;
}

.status-badge.status-other[b-wutv2bwsya] {
    background: #f3f4f6;
    color: #4b5563;
    border: 1px solid #d1d5db;
}

.restriction-badge[b-wutv2bwsya] {
    display: flex;
    align-items: center;
    gap: 4px;
    font-size: 0.75rem;
    font-weight: 600;
    padding: 4px 10px;
    border-radius: 4px;
    background: #fef2f2;
    color: #dc2626;
    border: 1px solid #fca5a5;
}

.restriction-badge i[b-wutv2bwsya] {
    font-size: 0.75rem;
}

/* ============================================
   Location and Capital
   ============================================ */
.location-info[b-wutv2bwsya] {
    display: flex;
    align-items: center;
    gap: 6px;
    font-size: 0.875rem;
    color: #64748b;
}

.location-info i[b-wutv2bwsya] {
    color: #94a3b8;
}

.capital-total[b-wutv2bwsya] {
    display: flex;
    flex-direction: column;
    align-items: flex-end;
    gap: 2px;
}

.capital-label[b-wutv2bwsya] {
    font-size: 0.75rem;
    font-weight: 600;
    color: #64748b;
    text-transform: uppercase;
}

.capital-value[b-wutv2bwsya] {
    font-size: 1.25rem;
    font-weight: 700;
    color: #14365C;
}

.toggle-icon[b-wutv2bwsya] {
    color: #64748b;
    font-size: 1rem;
    transition: transform 0.3s ease;
}

/* ============================================
   Card Content
   ============================================ */
.card-content[b-wutv2bwsya] {
    padding: 20px;
    background: white;
    display: flex;
    flex-direction: column;
    gap: 20px;
}

.info-row[b-wutv2bwsya] {
    display: grid;
    grid-template-columns: repeat(auto-fit, minmax(200px, 1fr));
    gap: 16px;
    padding-bottom: 16px;
    border-bottom: 1px solid #f1f5f9;
}

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

.info-label[b-wutv2bwsya] {
    font-size: 0.75rem;
    font-weight: 600;
    color: #64748b;
    text-transform: uppercase;
}

.info-value[b-wutv2bwsya] {
    font-size: 0.875rem;
    font-weight: 600;
    color: #0f172a;
}

/* ============================================
   Participants Section
   ============================================ */
.participants-section[b-wutv2bwsya] {
    display: flex;
    flex-direction: column;
    gap: 12px;
}

.subsection-title[b-wutv2bwsya] {
    font-size: 0.875rem;
    font-weight: 700;
    color: #0f172a;
    text-transform: uppercase;
    letter-spacing: 0.5px;
    margin: 0;
}

.participants-list[b-wutv2bwsya] {
    display: flex;
    flex-direction: column;
    gap: 12px;
}

/* ============================================
   Participant Item
   ============================================ */
.participant-item[b-wutv2bwsya] {
    display: flex;
    flex-direction: column;
    gap: 8px;
    padding: 12px;
    background: #f8fafc;
    border: 1px solid #e2e8f0;
    border-radius: 6px;
}

.participant-header[b-wutv2bwsya] {
    display: flex;
    justify-content: space-between;
    align-items: flex-start;
}

.participant-identity[b-wutv2bwsya] {
    display: flex;
    flex-direction: column;
    gap: 4px;
}

.participant-name[b-wutv2bwsya] {
    font-size: 0.875rem;
    font-weight: 700;
    color: #0f172a;
}

.participant-doc[b-wutv2bwsya] {
    font-size: 0.75rem;
    font-weight: 500;
    color: #64748b;
    font-family: 'Courier New', monospace;
}

.mini-restriction[b-wutv2bwsya] {
    color: #dc2626;
    font-size: 1rem;
}

.participant-details[b-wutv2bwsya] {
    display: flex;
    gap: 8px;
    flex-wrap: wrap;
}

.detail-badge[b-wutv2bwsya] {
    display: flex;
    align-items: center;
    gap: 4px;
    font-size: 0.75rem;
    font-weight: 600;
    padding: 4px 8px;
    border-radius: 4px;
}

.detail-badge.type[b-wutv2bwsya] {
    background: #dbeafe;
    color: #1e40af;
    border: 1px solid #93c5fd;
}

.detail-badge.capital[b-wutv2bwsya] {
    background: #dcfce7;
    color: #166534;
    border: 1px solid #86efac;
}

.detail-badge i[b-wutv2bwsya] {
    font-size: 0.75rem;
}

/* ============================================
   Responsive
   ============================================ */
@media (max-width: 768px) {
    .card-header-participada[b-wutv2bwsya] {
        flex-direction: column;
        align-items: flex-start;
        gap: 16px;
    }

    .header-right[b-wutv2bwsya] {
        width: 100%;
        flex-wrap: wrap;
        justify-content: space-between;
    }

    .capital-total[b-wutv2bwsya] {
        align-items: flex-start;
    }

    .card-content[b-wutv2bwsya] {
        padding: 16px;
    }

    .info-row[b-wutv2bwsya] {
        grid-template-columns: 1fr;
    }
}

@media (max-width: 576px) {
    .badges-row[b-wutv2bwsya] {
        flex-direction: column;
        align-items: flex-start;
    }

    .header-right[b-wutv2bwsya] {
        flex-direction: column;
        align-items: flex-start;
        gap: 12px;
    }

    .participant-header[b-wutv2bwsya] {
        flex-direction: column;
        gap: 8px;
    }
}
/* _content/VeiculoSeguroBlazor/Components/Shared/OptionalFeatures/PontualidadePagamentoDisplay.razor.rz.scp.css */
/* ============================================
   Pontualidade Pagamento Section
   ============================================ */
.pontualidade-pagamento-section[b-j1x0jejt1i] {
    margin-bottom: 32px;
}

/* ============================================
   Pontualidade Container
   ============================================ */
.pontualidade-container[b-j1x0jejt1i] {
    display: flex;
    flex-direction: column;
    gap: 16px;
}

/* ============================================
   Pontualidade Card
   ============================================ */
.pontualidade-card[b-j1x0jejt1i] {
    background: white;
    border: 1px solid #e2e8f0;
    border-radius: 8px;
    padding: 20px;
    box-shadow: 0 1px 3px rgba(0, 0, 0, 0.1);
}

/* ============================================
   Pontualidade Content
   ============================================ */
.pontualidade-content[b-j1x0jejt1i] {
    display: flex;
    flex-direction: column;
    gap: 20px;
}

/* ============================================
   Score Section
   ============================================ */
.score-section[b-j1x0jejt1i] {
    display: flex;
    align-items: center;
    justify-content: space-between;
    padding-bottom: 16px;
    border-bottom: 1px solid #f1f5f9;
}

.score-display[b-j1x0jejt1i] {
    display: flex;
    flex-direction: column;
    gap: 4px;
}

.score-label[b-j1x0jejt1i] {
    font-size: 0.875rem;
    font-weight: 600;
    color: #64748b;
    text-transform: uppercase;
    letter-spacing: 0.5px;
}

.score-value[b-j1x0jejt1i] {
    font-size: 2.5rem;
    font-weight: 700;
    line-height: 1;
}

.score-value.score-high[b-j1x0jejt1i] {
    color: #10B981;
}

.score-value.score-medium[b-j1x0jejt1i] {
    color: #F59E0B;
}

.score-value.score-low[b-j1x0jejt1i] {
    color: #EF4444;
}

.score-max[b-j1x0jejt1i] {
    font-size: 1.25rem;
    font-weight: 500;
    color: #94a3b8;
    margin-left: 4px;
}

.model-badge[b-j1x0jejt1i] {
    font-size: 0.875rem;
    font-weight: 600;
    color: #14365C;
    padding: 6px 14px;
    background: #f8fafc;
    border-radius: 4px;
    border: 1px solid #e2e8f0;
}

/* ============================================
   Info Section
   ============================================ */
.info-section[b-j1x0jejt1i] {
    display: flex;
    flex-direction: column;
    gap: 12px;
}

.info-row[b-j1x0jejt1i] {
    display: flex;
    align-items: center;
    gap: 8px;
    padding: 10px 14px;
    background: #f8fafc;
    border-radius: 4px;
}

.info-label[b-j1x0jejt1i] {
    font-size: 0.875rem;
    font-weight: 600;
    color: #64748b;
}

.info-value[b-j1x0jejt1i] {
    font-size: 0.875rem;
    font-weight: 700;
    color: #14365C;
}

.message-box[b-j1x0jejt1i] {
    padding: 12px 14px;
    background: #f8fafc;
    border-left: 3px solid #14365C;
    border-radius: 4px;
}

.message-text[b-j1x0jejt1i] {
    font-size: 0.875rem;
    font-weight: 500;
    color: #14365C;
    line-height: 1.5;
}

/* ============================================
   Responsive
   ============================================ */
@media (max-width: 768px) {
    .pontualidade-card[b-j1x0jejt1i] {
        padding: 16px;
    }

    .score-section[b-j1x0jejt1i] {
        flex-direction: column;
        align-items: flex-start;
        gap: 12px;
    }

    .score-value[b-j1x0jejt1i] {
        font-size: 2rem;
    }

    .score-max[b-j1x0jejt1i] {
        font-size: 1rem;
    }

    .model-badge[b-j1x0jejt1i] {
        align-self: flex-start;
    }
}

@media (max-width: 576px) {
    .score-value[b-j1x0jejt1i] {
        font-size: 1.75rem;
    }

    .info-row[b-j1x0jejt1i] {
        flex-direction: column;
        align-items: flex-start;
        gap: 4px;
    }
}
/* _content/VeiculoSeguroBlazor/Components/Shared/OptionalFeatures/QsaCompletoDisplay.razor.rz.scp.css */
/* ============================================
   QSA Completo Section
   ============================================ */
.qsa-completo-section[b-ap8gxmhdh6] {
    margin-bottom: 32px;
}

.qsa-completo-subsection[b-ap8gxmhdh6] {
    margin-top: 32px;
}

.qsa-completo-subsection-title[b-ap8gxmhdh6] {
    font-size: 1.15rem;
    font-weight: 700;
    color: #14365C;
    margin-bottom: 20px;
    padding: 12px 16px;
    background: linear-gradient(135deg, #E6EEF8 0%, #f8fafc 100%);
    border-left: 4px solid #14365C;
    border-radius: 6px;
    display: flex;
    align-items: center;
    gap: 12px;
}

.qsa-completo-subsection-title i[b-ap8gxmhdh6] {
    font-size: 1.2rem;
    color: #14365C;
}

/* ============================================
   Capital Social Card
   ============================================ */
.capital-info-card[b-ap8gxmhdh6] {
    background: linear-gradient(135deg, #E6EEF8 0%, #f8fafc 100%);
    border: 2px solid #14365C;
    border-radius: 12px;
    padding: 24px;
    margin-bottom: 32px;
    box-shadow: 0 4px 12px rgba(20, 54, 92, 0.1);
}

.capital-title[b-ap8gxmhdh6] {
    font-size: 1.1rem;
    font-weight: 700;
    color: #14365C;
    margin-bottom: 20px;
    display: flex;
    align-items: center;
    gap: 10px;
}

.capital-title i[b-ap8gxmhdh6] {
    font-size: 1.3rem;
    color: #14365C;
}

.capital-grid[b-ap8gxmhdh6] {
    display: grid;
    grid-template-columns: repeat(auto-fit, minmax(200px, 1fr));
    gap: 16px;
}

.capital-item[b-ap8gxmhdh6] {
    background: white;
    padding: 16px;
    border-radius: 8px;
    border-left: 3px solid #14365C;
    display: flex;
    flex-direction: column;
    gap: 8px;
    transition: all 0.3s ease;
}

.capital-item:hover[b-ap8gxmhdh6] {
    transform: translateY(-2px);
    box-shadow: 0 4px 8px rgba(20, 54, 92, 0.15);
}

.capital-label[b-ap8gxmhdh6] {
    font-size: 0.85rem;
    color: #64748b;
    font-weight: 600;
    text-transform: uppercase;
    letter-spacing: 0.5px;
}

.capital-value[b-ap8gxmhdh6] {
    font-size: 1.1rem;
    font-weight: 700;
    color: #14365C;
}

/* ============================================
   QSA Completo Grid
   ============================================ */
.qsa-completo-grid[b-ap8gxmhdh6] {
    display: grid;
    grid-template-columns: repeat(auto-fill, minmax(380px, 1fr));
    gap: 24px;
    margin-top: 20px;
}

/* ============================================
   QSA Completo Cards
   ============================================ */
.qsa-completo-card[b-ap8gxmhdh6] {
    background: white;
    border: 2px solid #e2e8f0;
    border-radius: 12px;
    overflow: hidden;
    transition: all 0.3s ease;
    box-shadow: 0 2px 8px rgba(0, 0, 0, 0.05);
}

.qsa-completo-card:hover[b-ap8gxmhdh6] {
    border-color: #14365C;
    box-shadow: 0 6px 20px rgba(20, 54, 92, 0.15);
    transform: translateY(-4px);
}

.qsa-completo-card.has-restriction[b-ap8gxmhdh6] {
    border-color: #EF4444;
    background: rgba(239, 68, 68, 0.02);
}

.qsa-completo-card.has-restriction:hover[b-ap8gxmhdh6] {
    border-color: #DC2626;
    box-shadow: 0 6px 20px rgba(239, 68, 68, 0.2);
}

.qsa-completo-card.admin-card[b-ap8gxmhdh6] {
    border-color: #14365C;
    background: linear-gradient(135deg, rgba(230, 238, 248, 0.3) 0%, rgba(248, 250, 252, 0.5) 100%);
}

/* ============================================
   Card Header
   ============================================ */
.qsa-completo-header[b-ap8gxmhdh6] {
    background: linear-gradient(135deg, #E6EEF8 0%, #f8fafc 100%);
    padding: 24px;
    display: flex;
    align-items: flex-start;
    gap: 16px;
    border-bottom: 2px solid #e2e8f0;
}

.qsa-completo-card.has-restriction .qsa-completo-header[b-ap8gxmhdh6] {
    background: linear-gradient(135deg, #FEE2E2 0%, #FEF2F2 100%);
}

.qsa-completo-card.admin-card .qsa-completo-header[b-ap8gxmhdh6] {
    background: linear-gradient(135deg, #14365C 0%, #1e5a8e 100%);
}

.qsa-completo-icon-wrapper[b-ap8gxmhdh6] {
    width: 56px;
    height: 56px;
    background: white;
    border-radius: 50%;
    display: flex;
    align-items: center;
    justify-content: center;
    flex-shrink: 0;
    box-shadow: 0 4px 12px rgba(20, 54, 92, 0.15);
}

.qsa-completo-icon-wrapper i[b-ap8gxmhdh6] {
    font-size: 1.75rem;
    color: #14365C;
}

.qsa-completo-icon-wrapper.admin[b-ap8gxmhdh6] {
    background: linear-gradient(135deg, #14365C 0%, #1e5a8e 100%);
}

.qsa-completo-icon-wrapper.admin i[b-ap8gxmhdh6] {
    color: white;
}

.qsa-completo-name-section[b-ap8gxmhdh6] {
    flex: 1;
    min-width: 0;
}

.qsa-completo-name[b-ap8gxmhdh6] {
    font-size: 1.1rem;
    font-weight: 700;
    color: #14365C;
    margin: 0 0 8px 0;
    line-height: 1.3;
    word-wrap: break-word;
}

.qsa-completo-card.admin-card .qsa-completo-name[b-ap8gxmhdh6] {
    color: white;
}

.qsa-completo-document[b-ap8gxmhdh6] {
    font-size: 0.9rem;
    color: #64748b;
    font-family: 'Courier New', monospace;
    display: block;
    margin-bottom: 8px;
}

.qsa-completo-card.admin-card .qsa-completo-document[b-ap8gxmhdh6] {
    color: rgba(255, 255, 255, 0.9);
}

.restriction-badge[b-ap8gxmhdh6] {
    display: inline-flex;
    align-items: center;
    gap: 6px;
    padding: 6px 12px;
    background: #FEE2E2;
    color: #991B1B;
    border-radius: 6px;
    font-size: 0.8rem;
    font-weight: 600;
    border: 1px solid #FCA5A5;
    margin-top: 4px;
}

.restriction-badge i[b-ap8gxmhdh6] {
    font-size: 0.85rem;
}

/* ============================================
   Section Dividers
   ============================================ */
.qsa-completo-section-divider[b-ap8gxmhdh6] {
    background: #f8fafc;
    padding: 12px 20px;
    margin: 0 -2px;
    border-top: 1px solid #e2e8f0;
    border-bottom: 1px solid #e2e8f0;
    font-weight: 700;
    font-size: 0.9rem;
    color: #14365C;
    display: flex;
    align-items: center;
    gap: 10px;
    margin-top: 16px;
    margin-bottom: 16px;
}

.qsa-completo-section-divider:first-of-type[b-ap8gxmhdh6] {
    margin-top: 0;
}

.qsa-completo-section-divider i[b-ap8gxmhdh6] {
    font-size: 1rem;
    color: #14365C;
}

.qsa-completo-section-divider.danger[b-ap8gxmhdh6] {
    background: #FEF2F2;
    color: #991B1B;
    border-color: #FCA5A5;
}

.qsa-completo-section-divider.danger i[b-ap8gxmhdh6] {
    color: #DC2626;
}

/* ============================================
   Info Grid (Dados Pessoais)
   ============================================ */
.qsa-completo-info-grid[b-ap8gxmhdh6] {
    padding: 0 20px 16px 20px;
    display: flex;
    flex-direction: column;
    gap: 12px;
}

.info-item[b-ap8gxmhdh6] {
    display: flex;
    align-items: center;
    gap: 10px;
    padding: 10px 14px;
    background: #f8fafc;
    border-radius: 6px;
    border-left: 3px solid #14365C;
}

.info-item i[b-ap8gxmhdh6] {
    color: #14365C;
    font-size: 0.9rem;
    flex-shrink: 0;
    width: 20px;
    text-align: center;
}

.info-label[b-ap8gxmhdh6] {
    font-size: 0.85rem;
    color: #64748b;
    font-weight: 600;
}

.info-value[b-ap8gxmhdh6] {
    font-size: 0.9rem;
    color: #14365C;
    font-weight: 600;
    margin-left: auto;
}

/* ============================================
   Participation Grid
   ============================================ */
.participation-grid[b-ap8gxmhdh6] {
    padding: 0 20px 16px 20px;
    display: grid;
    grid-template-columns: repeat(auto-fit, minmax(150px, 1fr));
    gap: 12px;
}

.participation-item[b-ap8gxmhdh6] {
    background: #E6EEF8;
    padding: 16px;
    border-radius: 8px;
    text-align: center;
    border: 2px solid #14365C;
}

.participation-label[b-ap8gxmhdh6] {
    display: block;
    font-size: 0.8rem;
    color: #64748b;
    font-weight: 600;
    text-transform: uppercase;
    margin-bottom: 8px;
}

.participation-value[b-ap8gxmhdh6] {
    display: block;
    font-size: 1.5rem;
    font-weight: 700;
    color: #14365C;
}

/* ============================================
   Address Section
   ============================================ */
.address-section[b-ap8gxmhdh6] {
    padding: 0 20px 16px 20px;
}

.address-line[b-ap8gxmhdh6] {
    font-size: 0.95rem;
    color: #14365C;
    font-weight: 600;
    margin-bottom: 8px;
    line-height: 1.5;
}

.address-details[b-ap8gxmhdh6] {
    font-size: 0.875rem;
    color: #64748b;
    margin: 0;
}

/* ============================================
   Phone Section
   ============================================ */
.phone-section[b-ap8gxmhdh6] {
    padding: 0 20px 16px 20px;
    display: flex;
    align-items: center;
    gap: 10px;
    font-size: 1rem;
    color: #14365C;
    font-weight: 600;
    font-family: 'Courier New', monospace;
}

.phone-section i[b-ap8gxmhdh6] {
    color: #14365C;
}

/* ============================================
   Debts Grid
   ============================================ */
.debts-grid[b-ap8gxmhdh6] {
    padding: 0 20px 20px 20px;
    display: grid;
    grid-template-columns: repeat(auto-fill, minmax(140px, 1fr));
    gap: 12px;
}

.debt-item[b-ap8gxmhdh6] {
    background: #FEF2F2;
    border: 2px solid #FCA5A5;
    border-radius: 8px;
    padding: 12px;
    transition: all 0.3s ease;
}

.debt-item:hover[b-ap8gxmhdh6] {
    border-color: #DC2626;
    box-shadow: 0 4px 8px rgba(220, 38, 38, 0.15);
    transform: translateY(-2px);
}

.debt-header[b-ap8gxmhdh6] {
    display: flex;
    justify-content: space-between;
    align-items: center;
    margin-bottom: 8px;
    padding-bottom: 8px;
    border-bottom: 1px solid #FCA5A5;
}

.debt-type[b-ap8gxmhdh6] {
    font-size: 0.75rem;
    font-weight: 700;
    color: #991B1B;
    text-transform: uppercase;
    flex: 1;
}

.debt-count[b-ap8gxmhdh6] {
    background: #DC2626;
    color: white;
    font-size: 0.75rem;
    font-weight: 700;
    padding: 4px 8px;
    border-radius: 12px;
    min-width: 24px;
    text-align: center;
}

.debt-details[b-ap8gxmhdh6] {
    display: flex;
    flex-direction: column;
    gap: 4px;
}

.debt-amount[b-ap8gxmhdh6] {
    font-size: 1rem;
    font-weight: 700;
    color: #DC2626;
}

.debt-date[b-ap8gxmhdh6] {
    font-size: 0.7rem;
    color: #991B1B;
}

/* ============================================
   No Debts
   ============================================ */
.no-debts[b-ap8gxmhdh6] {
    padding: 20px;
    text-align: center;
    background: #DCFCE7;
    color: #15803D;
    font-weight: 600;
    font-size: 0.95rem;
    display: flex;
    align-items: center;
    justify-content: center;
    gap: 10px;
    border-radius: 8px;
    margin: 0 20px 20px 20px;
    border: 2px solid #86EFAC;
}

.no-debts i[b-ap8gxmhdh6] {
    font-size: 1.2rem;
    color: #15803D;
}

/* ============================================
   Admin Info
   ============================================ */
.admin-info[b-ap8gxmhdh6] {
    padding: 20px;
    text-align: center;
    background: rgba(230, 238, 248, 0.5);
    color: #14365C;
    font-weight: 600;
    font-size: 0.9rem;
    display: flex;
    align-items: center;
    justify-content: center;
    gap: 10px;
}

.admin-info i[b-ap8gxmhdh6] {
    color: #14365C;
}

/* ============================================
   Responsive
   ============================================ */
@media (max-width: 1200px) {
    .qsa-completo-grid[b-ap8gxmhdh6] {
        grid-template-columns: repeat(auto-fill, minmax(320px, 1fr));
        gap: 20px;
    }
}

@media (max-width: 768px) {
    .qsa-completo-grid[b-ap8gxmhdh6] {
        grid-template-columns: 1fr;
        gap: 20px;
    }

    .capital-grid[b-ap8gxmhdh6] {
        grid-template-columns: repeat(auto-fit, minmax(150px, 1fr));
        gap: 12px;
    }

    .qsa-completo-header[b-ap8gxmhdh6] {
        padding: 20px;
        gap: 12px;
    }

    .qsa-completo-icon-wrapper[b-ap8gxmhdh6] {
        width: 48px;
        height: 48px;
    }

    .qsa-completo-icon-wrapper i[b-ap8gxmhdh6] {
        font-size: 1.5rem;
    }

    .qsa-completo-name[b-ap8gxmhdh6] {
        font-size: 1rem;
    }

    .qsa-completo-document[b-ap8gxmhdh6] {
        font-size: 0.85rem;
    }

    .debts-grid[b-ap8gxmhdh6] {
        grid-template-columns: 1fr;
    }

    .participation-grid[b-ap8gxmhdh6] {
        grid-template-columns: 1fr;
    }
}

@media (max-width: 576px) {
    .qsa-completo-header[b-ap8gxmhdh6] {
        flex-direction: column;
        align-items: center;
        text-align: center;
    }

    .capital-info-card[b-ap8gxmhdh6] {
        padding: 16px;
    }

    .capital-grid[b-ap8gxmhdh6] {
        grid-template-columns: 1fr;
    }

    .qsa-completo-info-grid[b-ap8gxmhdh6] {
        padding: 0 16px 16px 16px;
    }

    .info-item[b-ap8gxmhdh6] {
        flex-wrap: wrap;
    }

    .info-value[b-ap8gxmhdh6] {
        margin-left: 0;
        width: 100%;
        margin-top: 4px;
        text-align: left;
    }

    .debts-grid[b-ap8gxmhdh6] {
        padding: 0 16px 16px 16px;
    }

    .address-section[b-ap8gxmhdh6],
    .phone-section[b-ap8gxmhdh6] {
        padding: 0 16px 16px 16px;
    }
}

/* ============================================
   Collapsible Functionality
   ============================================ */
.qsa-completo-header.collapsible[b-ap8gxmhdh6] {
    cursor: pointer;
    user-select: none;
    position: relative;
}

.qsa-completo-header.collapsible:hover[b-ap8gxmhdh6] {
    background: linear-gradient(135deg, #d1e0f5 0%, #e8f0fc 100%);
}

.toggle-icon[b-ap8gxmhdh6] {
    display: flex;
    align-items: center;
    justify-content: center;
    width: 32px;
    height: 32px;
    background: white;
    border-radius: 50%;
    flex-shrink: 0;
    transition: all 0.3s ease;
    box-shadow: 0 2px 6px rgba(20, 54, 92, 0.15);
}

.toggle-icon i[b-ap8gxmhdh6] {
    font-size: 1rem;
    color: #14365C;
    transition: transform 0.3s ease;
}

.collapsible-content[b-ap8gxmhdh6] {
    max-height: 0;
    overflow: hidden;
    transition: max-height 0.3s ease-out;
}

.collapsible-content.expanded[b-ap8gxmhdh6] {
    max-height: 2000px;
    transition: max-height 0.5s ease-in;
}

@media (max-width: 768px) {
    .toggle-icon[b-ap8gxmhdh6] {
        width: 28px;
        height: 28px;
    }

    .toggle-icon i[b-ap8gxmhdh6] {
        font-size: 0.875rem;
    }
}
/* _content/VeiculoSeguroBlazor/Components/Shared/OptionalFeatures/QsaDisplay.razor.rz.scp.css */
/* ============================================
   QSA Section
   ============================================ */
.qsa-section[b-gzpk54tayg] {
    margin-bottom: 32px;
}

.qsa-subsection[b-gzpk54tayg] {
    margin-top: 24px;
}

.qsa-subsection:first-child[b-gzpk54tayg] {
    margin-top: 0;
}

.qsa-subsection-title[b-gzpk54tayg] {
    font-size: 1.1rem;
    font-weight: 600;
    color: #14365C;
    margin-bottom: 16px;
    padding-bottom: 8px;
    border-bottom: 2px solid #e2e8f0;
    display: flex;
    align-items: center;
    gap: 10px;
}

.qsa-subsection-title i[b-gzpk54tayg] {
    color: #14365C;
    font-size: 1rem;
}

/* ============================================
   QSA Grid
   ============================================ */
.qsa-grid[b-gzpk54tayg] {
    display: grid;
    grid-template-columns: repeat(auto-fill, minmax(320px, 1fr));
    gap: 20px;
    margin-top: 16px;
}

/* ============================================
   QSA Cards
   ============================================ */
.qsa-card[b-gzpk54tayg] {
    background: white;
    border: 2px solid #e2e8f0;
    border-radius: 10px;
    padding: 0;
    transition: all 0.3s ease;
    overflow: hidden;
    box-shadow: 0 1px 3px rgba(0, 0, 0, 0.05);
}

.qsa-card:hover[b-gzpk54tayg] {
    border-color: #14365C;
    box-shadow: 0 4px 12px rgba(20, 54, 92, 0.12);
    transform: translateY(-2px);
}

.qsa-card.has-restriction[b-gzpk54tayg] {
    border-color: #EF4444;
    background: rgba(239, 68, 68, 0.02);
}

.qsa-card.has-restriction:hover[b-gzpk54tayg] {
    border-color: #DC2626;
    box-shadow: 0 4px 12px rgba(239, 68, 68, 0.15);
}

/* ============================================
   QSA Card Header
   ============================================ */
.qsa-card-header[b-gzpk54tayg] {
    background: linear-gradient(135deg, #E6EEF8 0%, #f8fafc 100%);
    padding: 20px;
    display: flex;
    align-items: center;
    gap: 16px;
    border-bottom: 1px solid #e2e8f0;
}

.qsa-card.has-restriction .qsa-card-header[b-gzpk54tayg] {
    background: linear-gradient(135deg, #FEE2E2 0%, #FEF2F2 100%);
}

.qsa-icon-wrapper[b-gzpk54tayg] {
    width: 48px;
    height: 48px;
    background: white;
    border-radius: 50%;
    display: flex;
    align-items: center;
    justify-content: center;
    flex-shrink: 0;
    box-shadow: 0 2px 8px rgba(20, 54, 92, 0.1);
}

.qsa-icon-wrapper i[b-gzpk54tayg] {
    font-size: 1.5rem;
    color: #14365C;
}

.qsa-icon-wrapper.admin[b-gzpk54tayg] {
    background: linear-gradient(135deg, #14365C 0%, #1e5a8e 100%);
}

.qsa-icon-wrapper.admin i[b-gzpk54tayg] {
    color: white;
}

.qsa-name-wrapper[b-gzpk54tayg] {
    flex: 1;
    min-width: 0;
}

.qsa-name[b-gzpk54tayg] {
    font-size: 1rem;
    font-weight: 700;
    color: #14365C;
    margin: 0 0 4px 0;
    line-height: 1.3;
    word-wrap: break-word;
}

.qsa-document[b-gzpk54tayg] {
    font-size: 0.85rem;
    color: #64748b;
    font-family: 'Courier New', monospace;
    display: block;
}

/* ============================================
   QSA Card Body
   ============================================ */
.qsa-card-body[b-gzpk54tayg] {
    padding: 20px;
    display: flex;
    flex-direction: column;
    gap: 12px;
}

.qsa-detail[b-gzpk54tayg] {
    display: flex;
    align-items: center;
    gap: 8px;
    padding: 10px 12px;
    background: #f8fafc;
    border-radius: 6px;
    border-left: 3px solid #14365C;
}

.detail-icon[b-gzpk54tayg] {
    color: #14365C;
    font-size: 0.9rem;
    flex-shrink: 0;
}

.detail-label[b-gzpk54tayg] {
    font-size: 0.875rem;
    color: #64748b;
    font-weight: 500;
}

.detail-value[b-gzpk54tayg] {
    font-size: 0.9rem;
    color: #14365C;
    font-weight: 600;
    margin-left: auto;
}

/* ============================================
   QSA Alerts/Badges
   ============================================ */
.qsa-alert[b-gzpk54tayg] {
    display: flex;
    align-items: center;
    gap: 8px;
    padding: 10px 12px;
    border-radius: 6px;
    font-size: 0.875rem;
    font-weight: 600;
}

.qsa-alert i[b-gzpk54tayg] {
    font-size: 1rem;
    flex-shrink: 0;
}

.qsa-alert-success[b-gzpk54tayg] {
    background: #DCFCE7;
    color: #15803D;
    border: 1px solid #86EFAC;
}

.qsa-alert-success i[b-gzpk54tayg] {
    color: #15803D;
}

.qsa-alert-danger[b-gzpk54tayg] {
    background: #FEE2E2;
    color: #991B1B;
    border: 1px solid #FCA5A5;
}

.qsa-alert-danger i[b-gzpk54tayg] {
    color: #DC2626;
}

.qsa-alert-warning[b-gzpk54tayg] {
    background: #FEF3C7;
    color: #92400E;
    border: 1px solid #FCD34D;
}

.qsa-alert-warning i[b-gzpk54tayg] {
    color: #D97706;
}

/* ============================================
   Responsive
   ============================================ */
@media (max-width: 992px) {
    .qsa-grid[b-gzpk54tayg] {
        grid-template-columns: repeat(auto-fill, minmax(280px, 1fr));
        gap: 16px;
    }
}

@media (max-width: 768px) {
    .qsa-grid[b-gzpk54tayg] {
        grid-template-columns: 1fr;
        gap: 16px;
    }

    .qsa-card-header[b-gzpk54tayg] {
        padding: 16px;
        gap: 12px;
    }

    .qsa-icon-wrapper[b-gzpk54tayg] {
        width: 40px;
        height: 40px;
    }

    .qsa-icon-wrapper i[b-gzpk54tayg] {
        font-size: 1.25rem;
    }

    .qsa-name[b-gzpk54tayg] {
        font-size: 0.95rem;
    }

    .qsa-document[b-gzpk54tayg] {
        font-size: 0.8rem;
    }

    .qsa-card-body[b-gzpk54tayg] {
        padding: 16px;
        gap: 10px;
    }

    .qsa-subsection-title[b-gzpk54tayg] {
        font-size: 1rem;
    }
}

@media (max-width: 576px) {
    .qsa-card-header[b-gzpk54tayg] {
        flex-direction: column;
        align-items: flex-start;
        text-align: left;
        gap: 12px;
    }

    .qsa-icon-wrapper[b-gzpk54tayg] {
        align-self: flex-start;
    }

    .qsa-detail[b-gzpk54tayg] {
        flex-wrap: wrap;
    }

    .detail-value[b-gzpk54tayg] {
        margin-left: 0;
        width: 100%;
        margin-top: 4px;
    }
}
/* _content/VeiculoSeguroBlazor/Components/Shared/OptionalFeatures/RecuperacaoCreditoDisplay.razor.rz.scp.css */
/* ============================================
   Recuperação Crédito Section
   ============================================ */
.recuperacao-credito-section[b-pwkrh0wppr] {
    margin-bottom: 32px;
}

/* ============================================
   Recuperação Container
   ============================================ */
.recuperacao-container[b-pwkrh0wppr] {
    display: flex;
    flex-direction: column;
    gap: 20px;
}

/* ============================================
   Recuperação Card
   ============================================ */
.recuperacao-card[b-pwkrh0wppr] {
    background: white;
    border: 1px solid #e2e8f0;
    border-radius: 8px;
    padding: 20px;
    box-shadow: 0 1px 3px rgba(0, 0, 0, 0.1);
    display: flex;
    flex-direction: column;
    gap: 20px;
}

/* ============================================
   Card Header Row
   ============================================ */
.card-header-row[b-pwkrh0wppr] {
    display: flex;
    justify-content: space-between;
    align-items: center;
    padding-bottom: 16px;
    border-bottom: 2px solid #f1f5f9;
}

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

.model-label[b-pwkrh0wppr] {
    font-size: 0.75rem;
    font-weight: 600;
    color: #64748b;
    text-transform: uppercase;
    letter-spacing: 0.5px;
}

.model-value[b-pwkrh0wppr] {
    font-size: 1.125rem;
    font-weight: 700;
    color: #14365C;
}

.filter-badge[b-pwkrh0wppr] {
    font-size: 0.75rem;
    font-weight: 600;
    color: #64748b;
    padding: 4px 10px;
    background: #f8fafc;
    border-radius: 4px;
    border: 1px solid #e2e8f0;
}

/* ============================================
   Score Section
   ============================================ */
.score-section[b-pwkrh0wppr] {
    display: flex;
    justify-content: space-between;
    align-items: center;
    gap: 20px;
}

.score-display[b-pwkrh0wppr] {
    display: flex;
    flex-direction: column;
    gap: 6px;
}

.score-label[b-pwkrh0wppr] {
    font-size: 0.875rem;
    font-weight: 600;
    color: #64748b;
    text-transform: uppercase;
    letter-spacing: 0.5px;
}

.score-value[b-pwkrh0wppr] {
    font-size: 2.5rem;
    font-weight: 700;
    line-height: 1;
}

.score-value.score-neutral[b-pwkrh0wppr] {
    color: #64748b;
}

.score-value.score-critico[b-pwkrh0wppr] {
    color: #DC2626;
}

.score-value.score-alto[b-pwkrh0wppr] {
    color: #F97316;
}

.score-value.score-medio[b-pwkrh0wppr] {
    color: #F59E0B;
}

.score-value.score-baixo[b-pwkrh0wppr] {
    color: #84CC16;
}

.score-value.score-excelente[b-pwkrh0wppr] {
    color: #10B981;
}

.score-max[b-pwkrh0wppr] {
    font-size: 1.25rem;
    font-weight: 500;
    color: #94a3b8;
    margin-left: 4px;
}

.rate-display[b-pwkrh0wppr] {
    display: flex;
    flex-direction: column;
    gap: 6px;
    padding: 12px 16px;
    background: #f8fafc;
    border-radius: 6px;
    border: 1px solid #e2e8f0;
}

.rate-label[b-pwkrh0wppr] {
    font-size: 0.75rem;
    font-weight: 600;
    color: #64748b;
    text-transform: uppercase;
    letter-spacing: 0.5px;
}

.rate-value[b-pwkrh0wppr] {
    font-size: 1.25rem;
    font-weight: 700;
    color: #14365C;
}

/* ============================================
   Message Box
   ============================================ */
.message-box[b-pwkrh0wppr] {
    display: flex;
    align-items: center;
    gap: 10px;
    padding: 12px 16px;
    background: #f8fafc;
    border-left: 3px solid #14365C;
    border-radius: 4px;
}

.message-box i[b-pwkrh0wppr] {
    color: #14365C;
    font-size: 1rem;
    flex-shrink: 0;
}

.message-text[b-pwkrh0wppr] {
    font-size: 0.875rem;
    font-weight: 500;
    color: #14365C;
    line-height: 1.5;
}

/* ============================================
   Responsive
   ============================================ */
@media (max-width: 768px) {
    .recuperacao-card[b-pwkrh0wppr] {
        padding: 16px;
        gap: 16px;
    }

    .card-header-row[b-pwkrh0wppr] {
        flex-direction: column;
        align-items: flex-start;
        gap: 12px;
    }

    .filter-badge[b-pwkrh0wppr] {
        align-self: flex-start;
    }

    .score-section[b-pwkrh0wppr] {
        flex-direction: column;
        align-items: flex-start;
    }

    .score-value[b-pwkrh0wppr] {
        font-size: 2rem;
    }

    .score-max[b-pwkrh0wppr] {
        font-size: 1rem;
    }

    .rate-display[b-pwkrh0wppr] {
        width: 100%;
    }
}

@media (max-width: 576px) {
    .score-value[b-pwkrh0wppr] {
        font-size: 1.75rem;
    }

    .message-box[b-pwkrh0wppr] {
        flex-direction: column;
        align-items: flex-start;
        gap: 8px;
    }
}
/* _content/VeiculoSeguroBlazor/Components/Shared/OptionalFeatures/RiscoCreditoDisplay.razor.rz.scp.css */
.risk-message-card[b-qdh0widita] {
    background: linear-gradient(135deg, #fff5f5 0%, #fed7d7 100%);
    border-left: 4px solid #e53e3e;
    border-radius: 8px;
    padding: 20px;
    display: flex;
    align-items: flex-start;
    gap: 16px;
    box-shadow: 0 2px 8px rgba(229, 62, 62, 0.1);
}

.risk-icon-wrapper[b-qdh0widita] {
    flex-shrink: 0;
    width: 48px;
    height: 48px;
    background: #e53e3e;
    color: white;
    border-radius: 50%;
    display: flex;
    align-items: center;
    justify-content: center;
    font-size: 1.5rem;
}

.risk-message-text[b-qdh0widita] {
    flex: 1;
    font-size: 1rem;
    line-height: 1.6;
    color: #742a2a;
    margin: 0;
    font-weight: 500;
}
/* _content/VeiculoSeguroBlazor/Components/Shared/OptionalFeatures/RiscoNovasEmpresasDisplay.razor.rz.scp.css */
/* ============================================
   Risco Novas Empresas Section
   ============================================ */
.risco-novas-empresas-section[b-lsywof99rs] {
    margin-bottom: 32px;
}

/* ============================================
   Intro
   ============================================ */
.risco-intro[b-lsywof99rs] {
    background: linear-gradient(135deg, #E6EEF8 0%, #f8fafc 100%);
    border: 2px solid #14365C;
    border-radius: 12px;
    padding: 20px;
    margin-bottom: 24px;
}

.risco-description[b-lsywof99rs] {
    display: flex;
    align-items: center;
    gap: 12px;
    font-size: 0.95rem;
    color: #14365C;
    font-weight: 600;
    margin: 0;
    line-height: 1.6;
}

.risco-description i[b-lsywof99rs] {
    color: #14365C;
    font-size: 1.2rem;
    flex-shrink: 0;
}

/* ============================================
   Scores Container
   ============================================ */
.scores-container[b-lsywof99rs] {
    display: flex;
    flex-direction: column;
    gap: 24px;
    margin-bottom: 24px;
}

/* ============================================
   Score Risco Card
   ============================================ */
.score-risco-card[b-lsywof99rs] {
    background: white;
    border: 3px solid;
    border-radius: 16px;
    overflow: hidden;
    box-shadow: 0 6px 20px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease;
}

.score-risco-card:hover[b-lsywof99rs] {
    transform: translateY(-4px);
    box-shadow: 0 10px 32px rgba(0, 0, 0, 0.15);
}

/* Estilo padrão quando não há classificação de risco */
.score-risco-card:not(.baixo-risco):not(.medio-risco):not(.alto-risco)[b-lsywof99rs] {
    border-color: #14365C;
    background: linear-gradient(135deg, #E6EEF8 0%, #ffffff 100%);
}

.score-risco-card.baixo-risco[b-lsywof99rs] {
    border-color: #10B981;
    background: linear-gradient(135deg, #ECFDF5 0%, #ffffff 100%);
}

.score-risco-card.medio-risco[b-lsywof99rs] {
    border-color: #F59E0B;
    background: linear-gradient(135deg, #FFFBEB 0%, #ffffff 100%);
}

.score-risco-card.alto-risco[b-lsywof99rs] {
    border-color: #EF4444;
    background: linear-gradient(135deg, #FEF2F2 0%, #ffffff 100%);
}

/* ============================================
   Score Risco Header
   ============================================ */
.score-risco-header[b-lsywof99rs] {
    display: flex;
    align-items: center;
    gap: 20px;
    padding: 28px;
    background: linear-gradient(135deg, rgba(230, 238, 248, 0.5) 0%, rgba(248, 250, 252, 0.5) 100%);
    border-bottom: 2px solid #e2e8f0;
}

.risk-icon-wrapper[b-lsywof99rs] {
    width: 80px;
    height: 80px;
    border-radius: 50%;
    display: flex;
    align-items: center;
    justify-content: center;
    flex-shrink: 0;
    box-shadow: 0 6px 20px rgba(0, 0, 0, 0.2);
}

.risk-icon-wrapper i[b-lsywof99rs] {
    font-size: 2.5rem;
    color: white;
}

/* Estilo padrão quando não há classificação */
.risk-icon-wrapper:not(.baixo-risco):not(.medio-risco):not(.alto-risco)[b-lsywof99rs] {
    background: linear-gradient(135deg, #14365C 0%, #0F2845 100%);
}

.risk-icon-wrapper.baixo-risco[b-lsywof99rs] {
    background: linear-gradient(135deg, #10B981 0%, #059669 100%);
}

.risk-icon-wrapper.medio-risco[b-lsywof99rs] {
    background: linear-gradient(135deg, #F59E0B 0%, #D97706 100%);
}

.risk-icon-wrapper.alto-risco[b-lsywof99rs] {
    background: linear-gradient(135deg, #EF4444 0%, #DC2626 100%);
}

.risk-info[b-lsywof99rs] {
    flex: 1;
    display: flex;
    flex-direction: column;
    gap: 12px;
}

.risk-level-badge[b-lsywof99rs] {
    display: inline-block;
    padding: 12px 24px;
    border-radius: 10px;
    font-size: 1.3rem;
    font-weight: 800;
    text-transform: uppercase;
    letter-spacing: 1px;
    box-shadow: 0 4px 12px rgba(0, 0, 0, 0.15);
    width: fit-content;
}

.risk-level-badge.baixo-risco[b-lsywof99rs] {
    background: linear-gradient(135deg, #D1FAE5 0%, #A7F3D0 100%);
    color: #065F46;
    border: 2px solid #10B981;
}

.risk-level-badge.medio-risco[b-lsywof99rs] {
    background: linear-gradient(135deg, #FEF3C7 0%, #FDE68A 100%);
    color: #92400E;
    border: 2px solid #F59E0B;
}

.risk-level-badge.alto-risco[b-lsywof99rs] {
    background: linear-gradient(135deg, #FEE2E2 0%, #FECACA 100%);
    color: #991B1B;
    border: 2px solid #EF4444;
}

.model-badge[b-lsywof99rs] {
    display: inline-flex;
    align-items: center;
    gap: 8px;
    padding: 8px 16px;
    background: white;
    border: 2px solid #14365C;
    border-radius: 8px;
    font-size: 0.9rem;
    font-weight: 700;
    color: #14365C;
    width: fit-content;
}

.model-badge i[b-lsywof99rs] {
    font-size: 1rem;
}

/* ============================================
   Risk Analysis Box
   ============================================ */
.risk-analysis-box[b-lsywof99rs] {
    display: flex;
    gap: 20px;
    padding: 24px 28px;
    background: white;
    border-bottom: 1px solid #e2e8f0;
}

.analysis-icon[b-lsywof99rs] {
    width: 64px;
    height: 64px;
    border-radius: 50%;
    background: linear-gradient(135deg, #E6EEF8 0%, #f8fafc 100%);
    display: flex;
    align-items: center;
    justify-content: center;
    flex-shrink: 0;
    box-shadow: 0 4px 12px rgba(0, 0, 0, 0.1);
}

.analysis-icon i[b-lsywof99rs] {
    font-size: 1.75rem;
    color: #14365C;
}

.analysis-content[b-lsywof99rs] {
    flex: 1;
}

.analysis-title[b-lsywof99rs] {
    font-size: 1.05rem;
    font-weight: 700;
    color: #14365C;
    margin: 0 0 10px 0;
}

.analysis-message[b-lsywof99rs] {
    font-size: 1rem;
    color: #14365C;
    line-height: 1.6;
    margin: 0;
    font-weight: 600;
    font-family: 'Courier New', monospace;
}

/* ============================================
   Risk Interpretation
   ============================================ */
.risk-interpretation[b-lsywof99rs] {
    padding: 24px 28px;
    background: linear-gradient(135deg, rgba(230, 238, 248, 0.3) 0%, rgba(248, 250, 252, 0.5) 100%);
    border-bottom: 1px solid #e2e8f0;
}

.interpretation-title[b-lsywof99rs] {
    display: flex;
    align-items: center;
    gap: 10px;
    font-size: 1rem;
    font-weight: 700;
    color: #14365C;
    margin: 0 0 12px 0;
}

.interpretation-title i[b-lsywof99rs] {
    color: #F59E0B;
    font-size: 1.1rem;
}

.interpretation-text[b-lsywof99rs] {
    font-size: 0.95rem;
    color: #14365C;
    line-height: 1.7;
    margin: 0;
}

/* ============================================
   Risk Recommendations
   ============================================ */
.risk-recommendations[b-lsywof99rs] {
    padding: 24px 28px;
    background: white;
}

.recommendations-title[b-lsywof99rs] {
    display: flex;
    align-items: center;
    gap: 10px;
    font-size: 1rem;
    font-weight: 700;
    color: #14365C;
    margin: 0 0 16px 0;
}

.recommendations-title i[b-lsywof99rs] {
    color: #14365C;
    font-size: 1.1rem;
}

.recommendations-list[b-lsywof99rs] {
    list-style: none;
    padding: 0;
    margin: 0;
    display: flex;
    flex-direction: column;
    gap: 12px;
}

.recommendations-list li[b-lsywof99rs] {
    display: flex;
    align-items: flex-start;
    gap: 12px;
    padding: 12px 16px;
    background: linear-gradient(135deg, #F8FAFC 0%, #ffffff 100%);
    border-left: 3px solid #14365C;
    border-radius: 6px;
    font-size: 0.9rem;
    color: #14365C;
    line-height: 1.5;
}

.recommendations-list li i[b-lsywof99rs] {
    color: #10B981;
    font-size: 1rem;
    margin-top: 2px;
    flex-shrink: 0;
}

/* ============================================
   Models Legend
   ============================================ */
.models-legend[b-lsywof99rs] {
    background: white;
    border: 2px solid #e2e8f0;
    border-radius: 12px;
    padding: 24px;
    margin-bottom: 24px;
}

.legend-title[b-lsywof99rs] {
    font-size: 1rem;
    font-weight: 700;
    color: #14365C;
    margin: 0 0 16px 0;
    display: flex;
    align-items: center;
    gap: 10px;
}

.legend-title i[b-lsywof99rs] {
    color: #14365C;
}

.legend-text[b-lsywof99rs] {
    font-size: 0.95rem;
    color: #14365C;
    line-height: 1.7;
    margin: 0 0 16px 0;
}

.legend-text strong[b-lsywof99rs] {
    color: #14365C;
    font-weight: 700;
}

.legend-features[b-lsywof99rs] {
    list-style: none;
    padding: 0;
    margin: 0;
    display: grid;
    grid-template-columns: repeat(auto-fit, minmax(250px, 1fr));
    gap: 12px;
}

.legend-features li[b-lsywof99rs] {
    display: flex;
    align-items: center;
    gap: 12px;
    padding: 12px 16px;
    background: linear-gradient(135deg, #F8FAFC 0%, #ffffff 100%);
    border-left: 3px solid #14365C;
    border-radius: 6px;
    font-size: 0.875rem;
    color: #14365C;
}

.legend-features li i[b-lsywof99rs] {
    color: #14365C;
    font-size: 1.1rem;
    flex-shrink: 0;
}

/* ============================================
   Risk Levels Legend
   ============================================ */
.risk-levels-legend[b-lsywof99rs] {
    background: white;
    border: 2px solid #e2e8f0;
    border-radius: 12px;
    padding: 24px;
}

.levels-grid[b-lsywof99rs] {
    display: grid;
    grid-template-columns: repeat(auto-fit, minmax(280px, 1fr));
    gap: 16px;
}

.level-item[b-lsywof99rs] {
    display: flex;
    align-items: center;
    gap: 16px;
    padding: 20px;
    border-radius: 12px;
    border: 2px solid;
    transition: all 0.3s ease;
}

.level-item:hover[b-lsywof99rs] {
    transform: translateX(4px);
    box-shadow: 0 4px 12px rgba(0, 0, 0, 0.1);
}

.level-item.baixo-risco[b-lsywof99rs] {
    background: linear-gradient(135deg, #ECFDF5 0%, #ffffff 100%);
    border-color: #10B981;
}

.level-item.medio-risco[b-lsywof99rs] {
    background: linear-gradient(135deg, #FFFBEB 0%, #ffffff 100%);
    border-color: #F59E0B;
}

.level-item.alto-risco[b-lsywof99rs] {
    background: linear-gradient(135deg, #FEF2F2 0%, #ffffff 100%);
    border-color: #EF4444;
}

.level-badge[b-lsywof99rs] {
    width: 56px;
    height: 56px;
    border-radius: 50%;
    display: flex;
    align-items: center;
    justify-content: center;
    flex-shrink: 0;
    box-shadow: 0 4px 12px rgba(0, 0, 0, 0.15);
}

.level-item.baixo-risco .level-badge[b-lsywof99rs] {
    background: linear-gradient(135deg, #10B981 0%, #059669 100%);
}

.level-item.medio-risco .level-badge[b-lsywof99rs] {
    background: linear-gradient(135deg, #F59E0B 0%, #D97706 100%);
}

.level-item.alto-risco .level-badge[b-lsywof99rs] {
    background: linear-gradient(135deg, #EF4444 0%, #DC2626 100%);
}

.level-badge i[b-lsywof99rs] {
    font-size: 1.75rem;
    color: white;
}

.level-info[b-lsywof99rs] {
    flex: 1;
    display: flex;
    flex-direction: column;
    gap: 6px;
}

.level-name[b-lsywof99rs] {
    font-size: 1.05rem;
    font-weight: 700;
    color: #14365C;
}

.level-desc[b-lsywof99rs] {
    font-size: 0.875rem;
    color: #64748b;
    line-height: 1.4;
}

/* ============================================
   Responsive
   ============================================ */
@media (max-width: 992px) {
    .score-risco-header[b-lsywof99rs] {
        flex-direction: column;
        text-align: center;
        align-items: center;
    }

    .risk-info[b-lsywof99rs] {
        align-items: center;
    }

    .risk-analysis-box[b-lsywof99rs] {
        flex-direction: column;
        align-items: center;
        text-align: center;
    }
}

@media (max-width: 768px) {
    .risco-intro[b-lsywof99rs],
    .score-risco-card[b-lsywof99rs],
    .models-legend[b-lsywof99rs],
    .risk-levels-legend[b-lsywof99rs] {
        padding: 20px;
    }

    .score-risco-header[b-lsywof99rs] {
        padding: 20px;
    }

    .risk-icon-wrapper[b-lsywof99rs] {
        width: 64px;
        height: 64px;
    }

    .risk-icon-wrapper i[b-lsywof99rs] {
        font-size: 2rem;
    }

    .risk-level-badge[b-lsywof99rs] {
        font-size: 1.1rem;
        padding: 10px 20px;
    }

    .risk-analysis-box[b-lsywof99rs],
    .risk-interpretation[b-lsywof99rs],
    .risk-recommendations[b-lsywof99rs] {
        padding: 20px;
    }

    .levels-grid[b-lsywof99rs] {
        grid-template-columns: 1fr;
    }

    .legend-features[b-lsywof99rs] {
        grid-template-columns: 1fr;
    }
}

@media (max-width: 576px) {
    .risco-description[b-lsywof99rs] {
        flex-direction: column;
        text-align: center;
    }

    .analysis-icon[b-lsywof99rs] {
        width: 56px;
        height: 56px;
    }

    .analysis-icon i[b-lsywof99rs] {
        font-size: 1.5rem;
    }

    .level-item[b-lsywof99rs] {
        flex-direction: column;
        text-align: center;
    }

    .level-info[b-lsywof99rs] {
        align-items: center;
    }
}
/* _content/VeiculoSeguroBlazor/Components/Shared/OptionalFeatures/ScoreCardBase.razor.rz.scp.css */
/* ============================================
   SCORE CARD - Layout Corporativo Minimalista
   ============================================ */

.score-card[b-ne5he3xynj] {
    display: flex;
    flex-direction: column;
    gap: 16px;
    background: white;
    border: 1px solid #e2e8f0;
    border-radius: 8px;
    padding: 24px;
    box-shadow: 0 1px 3px rgba(0, 0, 0, 0.1);
}

/* Variants - Border Accent */
.score-card-blue[b-ne5he3xynj] {
    border-left: 4px solid #1d4ed8;
}

.score-card-orange[b-ne5he3xynj] {
    border-left: 4px solid #ea580c;
}

.score-card-green[b-ne5he3xynj] {
    border-left: 4px solid #059669;
}

.score-card-violet[b-ne5he3xynj] {
    border-left: 4px solid #7c3aed;
}

/* ============================================
   HEADER - Grid de Métricas
   ============================================ */

.score-header[b-ne5he3xynj] {
    display: grid;
    grid-template-columns: 1fr 2fr;
    gap: 24px;
    padding-bottom: 16px;
    border-bottom: 1px solid #f1f5f9;
}

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

.score-metric-label[b-ne5he3xynj] {
    font-size: 0.75rem;
    font-weight: 600;
    color: #64748b;
    text-transform: uppercase;
    letter-spacing: 0.025em;
}

/* Score Display */
.score-display[b-ne5he3xynj] {
    display: flex;
    align-items: baseline;
    gap: 6px;
    flex-wrap: wrap;
}

.score-value[b-ne5he3xynj] {
    font-size: 2rem;
    font-weight: 700;
    line-height: 1;
}

/* Variant Colors para Score Value */
.score-card-blue .score-primary .score-value[b-ne5he3xynj] {
    color: #1d4ed8;
}

.score-card-orange .score-primary .score-value[b-ne5he3xynj] {
    color: #ea580c;
}

.score-card-green .score-primary .score-value[b-ne5he3xynj] {
    color: #059669;
}

.score-card-violet .score-primary .score-value[b-ne5he3xynj] {
    color: #7c3aed;
}

.score-max[b-ne5he3xynj] {
    font-size: 1rem;
    font-weight: 500;
    color: #94a3b8;
}

.score-sublabel[b-ne5he3xynj] {
    font-size: 0.75rem;
    font-style: italic;
    color: #64748b;
    margin-left: 8px;
}

/* Secondary Metrics Grid */
.score-metrics-secondary[b-ne5he3xynj] {
    display: grid;
    grid-template-columns: repeat(2, 1fr);
    gap: 16px;
}

.score-metric-value[b-ne5he3xynj] {
    font-size: 1rem;
    font-weight: 600;
    color: #1e293b;
}

/* ============================================
   METADATA - Badges e Indicadores
   ============================================ */

.score-metadata[b-ne5he3xynj] {
    display: flex;
    gap: 12px;
    flex-wrap: wrap;
}

.score-model-badge[b-ne5he3xynj] {
    display: inline-block;
    padding: 6px 12px;
    background: #f1f5f9;
    border: 1px solid #cbd5e1;
    border-radius: 4px;
    font-size: 0.875rem;
    font-weight: 600;
    color: #334155;
}

/* ============================================
   MENSAGEM INSTITUCIONAL
   ============================================ */

.institutional-message[b-ne5he3xynj] {
    display: flex;
    align-items: center;
    gap: 12px;
    padding: 12px 16px;
    background: #f8fafc;
    border: 1px solid #e2e8f0;
    border-radius: 4px;
}

.institutional-message i[b-ne5he3xynj] {
    font-size: 1rem;
    color: #64748b;
    flex-shrink: 0;
}

.institutional-message span[b-ne5he3xynj] {
    font-size: 0.875rem;
    font-weight: 500;
    color: #334155;
    line-height: 1.5;
}

/* ============================================
   RESPONSIVE
   ============================================ */

@media (max-width: 768px) {
    .score-header[b-ne5he3xynj] {
        grid-template-columns: 1fr;
        gap: 16px;
    }

    .score-metrics-secondary[b-ne5he3xynj] {
        grid-template-columns: 1fr;
        gap: 12px;
    }

    .score-value[b-ne5he3xynj] {
        font-size: 1.75rem;
    }
}

@media (max-width: 576px) {
    .score-card[b-ne5he3xynj] {
        padding: 20px;
    }

    .score-value[b-ne5he3xynj] {
        font-size: 1.5rem;
    }

    .score-max[b-ne5he3xynj] {
        font-size: 0.875rem;
    }
}
/* _content/VeiculoSeguroBlazor/Components/Shared/OptionalFeatures/ScoreEmpresaSetorDisplay.razor.rz.scp.css */
/* ============================================
   Score Empresa e Setor Section
   ============================================ */
.score-empresa-setor-section[b-dbjhtz04zo] {
    margin-bottom: 32px;
}

.score-empresa-container[b-dbjhtz04zo] {
    display: flex;
    flex-direction: column;
    gap: 20px;
}

/* ============================================
   Cards Simples
   ============================================ */
.score-geral-card[b-dbjhtz04zo],
.score-setorizado-card[b-dbjhtz04zo] {
    background: white;
    border: 1px solid #e2e8f0;
    border-radius: 8px;
    padding: 20px;
    box-shadow: 0 1px 3px rgba(0, 0, 0, 0.1);
}

.card-header-simple[b-dbjhtz04zo] {
    display: flex;
    justify-content: space-between;
    align-items: center;
    padding-bottom: 16px;
    border-bottom: 1px solid #f1f5f9;
    margin-bottom: 16px;
}

.card-title-simple[b-dbjhtz04zo] {
    font-size: 1rem;
    font-weight: 700;
    color: #14365C;
}

.card-subtitle-simple[b-dbjhtz04zo] {
    font-size: 0.875rem;
    color: #64748b;
}

.billing-badge-simple[b-dbjhtz04zo] {
    font-size: 0.75rem;
    font-weight: 600;
    padding: 4px 12px;
    background: #ECFDF5;
    color: #059669;
    border: 1px solid #10B981;
    border-radius: 4px;
}

/* ============================================
   Score Display Simple
   ============================================ */
.score-display-simple[b-dbjhtz04zo] {
    display: flex;
    gap: 24px;
    flex-wrap: wrap;
}

.score-main[b-dbjhtz04zo] {
    display: flex;
    flex-direction: column;
    gap: 8px;
    flex: 1;
    min-width: 200px;
}

.score-label-simple[b-dbjhtz04zo] {
    font-size: 0.75rem;
    font-weight: 600;
    color: #64748b;
    text-transform: uppercase;
    letter-spacing: 0.5px;
}

.score-value-simple[b-dbjhtz04zo] {
    font-size: 2rem;
    font-weight: 700;
    color: #14365C;
}

.score-max-simple[b-dbjhtz04zo] {
    font-size: 1rem;
    color: #94a3b8;
}

.score-classification-simple[b-dbjhtz04zo] {
    font-size: 0.875rem;
    font-weight: 600;
    padding: 4px 12px;
    border-radius: 4px;
    width: fit-content;
}

/* Risk Classes */
.risk-critico[b-dbjhtz04zo] { color: #DC2626; background: #FEE2E2; }
.risk-alto[b-dbjhtz04zo] { color: #EA580C; background: #FFEDD5; }
.risk-medio[b-dbjhtz04zo] { color: #F59E0B; background: #FEF3C7; }
.risk-baixo[b-dbjhtz04zo] { color: #10B981; background: #D1FAE5; }
.risk-muito-baixo[b-dbjhtz04zo] { color: #059669; background: #ECFDF5; }

.score-details-simple[b-dbjhtz04zo] {
    display: flex;
    flex-direction: column;
    gap: 12px;
    flex: 1;
}

.detail-item-simple[b-dbjhtz04zo] {
    display: flex;
    justify-content: space-between;
    padding: 8px 12px;
    background: #f8fafc;
    border-radius: 4px;
    border: 1px solid #e2e8f0;
}

.detail-label-simple[b-dbjhtz04zo] {
    font-size: 0.875rem;
    color: #64748b;
    font-weight: 600;
}

.detail-value-simple[b-dbjhtz04zo] {
    font-size: 0.875rem;
    color: #14365C;
    font-weight: 600;
}

/* Rate Classes */
.rate-critico[b-dbjhtz04zo] { border-color: #DC2626; background: #FEE2E2; }
.rate-critico .detail-value-simple[b-dbjhtz04zo] { color: #DC2626; }
.rate-alto[b-dbjhtz04zo] { border-color: #EA580C; background: #FFEDD5; }
.rate-alto .detail-value-simple[b-dbjhtz04zo] { color: #EA580C; }
.rate-medio[b-dbjhtz04zo] { border-color: #F59E0B; background: #FEF3C7; }
.rate-medio .detail-value-simple[b-dbjhtz04zo] { color: #F59E0B; }
.rate-baixo[b-dbjhtz04zo] { border-color: #10B981; background: #D1FAE5; }
.rate-baixo .detail-value-simple[b-dbjhtz04zo] { color: #10B981; }

.score-message-simple[b-dbjhtz04zo] {
    margin-top: 12px;
    padding: 12px;
    background: #F8FAFC;
    border-left: 3px solid #14365C;
    font-size: 0.875rem;
    color: #475569;
    border-radius: 4px;
}

/* ============================================
   Setorizado Grid Simple
   ============================================ */
.setorizado-grid-simple[b-dbjhtz04zo] {
    display: grid;
    grid-template-columns: repeat(auto-fit, minmax(250px, 1fr));
    gap: 16px;
}

.setor-card-simple[b-dbjhtz04zo] {
    background: #f8fafc;
    border: 1px solid #e2e8f0;
    border-radius: 6px;
    padding: 16px;
}

.setor-header-simple[b-dbjhtz04zo] {
    display: flex;
    flex-direction: column;
    gap: 4px;
    padding-bottom: 12px;
    border-bottom: 1px solid #e2e8f0;
    margin-bottom: 12px;
}

.setor-title-simple[b-dbjhtz04zo] {
    font-size: 0.875rem;
    font-weight: 700;
    color: #14365C;
}

.setor-subtitle-simple[b-dbjhtz04zo] {
    font-size: 0.75rem;
    color: #64748b;
}

.setor-content-simple[b-dbjhtz04zo] {
    display: flex;
    flex-direction: column;
    gap: 12px;
}

.setor-metric[b-dbjhtz04zo] {
    display: flex;
    justify-content: space-between;
    align-items: baseline;
}

.metric-label[b-dbjhtz04zo] {
    font-size: 0.75rem;
    font-weight: 600;
    color: #64748b;
    text-transform: uppercase;
}

.metric-value[b-dbjhtz04zo] {
    font-size: 1.25rem;
    font-weight: 700;
    color: #14365C;
}

.metric-max[b-dbjhtz04zo] {
    font-size: 0.875rem;
    color: #94a3b8;
}

/* Setor Score Classes */
.setor-baixo[b-dbjhtz04zo] { color: #DC2626; }
.setor-medio[b-dbjhtz04zo] { color: #F59E0B; }
.setor-bom[b-dbjhtz04zo] { color: #10B981; }
.setor-excelente[b-dbjhtz04zo] { color: #059669; }

/* ============================================
   Responsive
   ============================================ */
@media (max-width: 992px) {
    .score-display-simple[b-dbjhtz04zo] {
        flex-direction: column;
    }

    .setorizado-grid-simple[b-dbjhtz04zo] {
        grid-template-columns: 1fr;
    }
}

@media (max-width: 768px) {
    .card-header-simple[b-dbjhtz04zo] {
        flex-direction: column;
        align-items: flex-start;
        gap: 8px;
    }

    .score-value-simple[b-dbjhtz04zo] {
        font-size: 1.5rem;
    }

    .metric-value[b-dbjhtz04zo] {
        font-size: 1rem;
    }
}
/* _content/VeiculoSeguroBlazor/Components/Shared/OptionalFeatures/ScorePositivoDisplay.razor.rz.scp.css */
/* ============================================
   Score Positivo Section
   ============================================ */
.score-positivo-section[b-ij7lxmpglk] {
    margin-bottom: 32px;
}

.score-container[b-ij7lxmpglk] {
    display: flex;
    flex-direction: column;
    gap: 24px;
}

/* ============================================
   Score Main Card
   ============================================ */
.score-main-card[b-ij7lxmpglk] {
    background: linear-gradient(135deg, #E6EEF8 0%, #f8fafc 100%);
    border: 3px solid #14365C;
    border-radius: 16px;
    padding: 32px;
    box-shadow: 0 8px 24px rgba(20, 54, 92, 0.15);
}

.score-header[b-ij7lxmpglk] {
    display: flex;
    align-items: center;
    gap: 24px;
    margin-bottom: 32px;
}

.score-icon-wrapper[b-ij7lxmpglk] {
    width: 80px;
    height: 80px;
    border-radius: 50%;
    display: flex;
    align-items: center;
    justify-content: center;
    flex-shrink: 0;
    box-shadow: 0 4px 16px rgba(0, 0, 0, 0.2);
    transition: all 0.3s ease;
}

.score-icon-wrapper i[b-ij7lxmpglk] {
    font-size: 2.5rem;
    color: white;
}

.score-icon-wrapper.risk-critico[b-ij7lxmpglk] {
    background: linear-gradient(135deg, #DC2626 0%, #991B1B 100%);
}

.score-icon-wrapper.risk-alto[b-ij7lxmpglk] {
    background: linear-gradient(135deg, #EA580C 0%, #C2410C 100%);
}

.score-icon-wrapper.risk-medio[b-ij7lxmpglk] {
    background: linear-gradient(135deg, #F59E0B 0%, #D97706 100%);
}

.score-icon-wrapper.risk-baixo[b-ij7lxmpglk] {
    background: linear-gradient(135deg, #3B82F6 0%, #2563EB 100%);
}

.score-icon-wrapper.risk-muito-baixo[b-ij7lxmpglk] {
    background: linear-gradient(135deg, #10B981 0%, #059669 100%);
}

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

.score-label[b-ij7lxmpglk] {
    font-size: 0.9rem;
    color: #64748b;
    font-weight: 600;
    text-transform: uppercase;
    letter-spacing: 1px;
}

.score-value[b-ij7lxmpglk] {
    font-size: 4rem;
    font-weight: 900;
    line-height: 1;
    font-family: 'Arial Black', sans-serif;
}

.score-value.risk-critico[b-ij7lxmpglk] {
    color: #DC2626;
}

.score-value.risk-alto[b-ij7lxmpglk] {
    color: #EA580C;
}

.score-value.risk-medio[b-ij7lxmpglk] {
    color: #F59E0B;
}

.score-value.risk-baixo[b-ij7lxmpglk] {
    color: #3B82F6;
}

.score-value.risk-muito-baixo[b-ij7lxmpglk] {
    color: #10B981;
}

.score-range[b-ij7lxmpglk] {
    font-size: 1.2rem;
    color: #64748b;
    font-weight: 600;
}

/* ============================================
   Progress Bar
   ============================================ */
.score-progress-container[b-ij7lxmpglk] {
    margin-bottom: 24px;
}

.score-progress-bar[b-ij7lxmpglk] {
    height: 32px;
    background: #e2e8f0;
    border-radius: 16px;
    overflow: hidden;
    position: relative;
    box-shadow: inset 0 2px 4px rgba(0, 0, 0, 0.1);
}

.score-progress-fill[b-ij7lxmpglk] {
    height: 100%;
    transition: width 1s ease-out;
    position: relative;
    border-radius: 16px;
}

.score-progress-fill[b-ij7lxmpglk]::after {
    content: '';
    position: absolute;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
    background: linear-gradient(90deg, transparent, rgba(255, 255, 255, 0.3), transparent);
    animation: shimmer-b-ij7lxmpglk 2s infinite;
}

@keyframes shimmer-b-ij7lxmpglk {
    0% { transform: translateX(-100%); }
    100% { transform: translateX(100%); }
}

.score-progress-fill.risk-critico[b-ij7lxmpglk] {
    background: linear-gradient(90deg, #DC2626 0%, #EF4444 100%);
}

.score-progress-fill.risk-alto[b-ij7lxmpglk] {
    background: linear-gradient(90deg, #EA580C 0%, #F97316 100%);
}

.score-progress-fill.risk-medio[b-ij7lxmpglk] {
    background: linear-gradient(90deg, #F59E0B 0%, #FCD34D 100%);
}

.score-progress-fill.risk-baixo[b-ij7lxmpglk] {
    background: linear-gradient(90deg, #3B82F6 0%, #60A5FA 100%);
}

.score-progress-fill.risk-muito-baixo[b-ij7lxmpglk] {
    background: linear-gradient(90deg, #10B981 0%, #34D399 100%);
}

.score-progress-labels[b-ij7lxmpglk] {
    display: flex;
    justify-content: space-between;
    margin-top: 8px;
    padding: 0 4px;
}

.score-progress-labels span[b-ij7lxmpglk] {
    font-size: 0.75rem;
    color: #64748b;
    font-weight: 600;
}

/* ============================================
   Risk Badge
   ============================================ */
.score-risk-badge[b-ij7lxmpglk] {
    display: inline-flex;
    align-items: center;
    gap: 10px;
    padding: 16px 24px;
    border-radius: 12px;
    font-size: 1.2rem;
    font-weight: 700;
    margin-bottom: 20px;
    box-shadow: 0 4px 12px rgba(0, 0, 0, 0.15);
}

.score-risk-badge i[b-ij7lxmpglk] {
    font-size: 1.4rem;
}

.score-risk-badge.risk-critico[b-ij7lxmpglk] {
    background: #FEE2E2;
    color: #991B1B;
    border: 2px solid #DC2626;
}

.score-risk-badge.risk-alto[b-ij7lxmpglk] {
    background: #FFEDD5;
    color: #9A3412;
    border: 2px solid #EA580C;
}

.score-risk-badge.risk-medio[b-ij7lxmpglk] {
    background: #FEF3C7;
    color: #92400E;
    border: 2px solid #F59E0B;
}

.score-risk-badge.risk-baixo[b-ij7lxmpglk] {
    background: #DBEAFE;
    color: #1E40AF;
    border: 2px solid #3B82F6;
}

.score-risk-badge.risk-muito-baixo[b-ij7lxmpglk] {
    background: #D1FAE5;
    color: #065F46;
    border: 2px solid #10B981;
}

/* ============================================
   Interpretation
   ============================================ */
.score-interpretation[b-ij7lxmpglk] {
    background: white;
    padding: 20px;
    border-radius: 10px;
    border-left: 4px solid #14365C;
}

.interpretation-text[b-ij7lxmpglk] {
    color: #14365C;
    font-size: 1rem;
    line-height: 1.6;
    margin: 0;
}

/* ============================================
   Details Grid
   ============================================ */
.score-details-grid[b-ij7lxmpglk] {
    display: grid;
    grid-template-columns: repeat(auto-fit, minmax(280px, 1fr));
    gap: 20px;
}

.score-detail-card[b-ij7lxmpglk] {
    background: white;
    border: 2px solid #e2e8f0;
    border-radius: 12px;
    padding: 24px;
    display: flex;
    gap: 16px;
    transition: all 0.3s ease;
    box-shadow: 0 2px 8px rgba(0, 0, 0, 0.05);
}

.score-detail-card:hover[b-ij7lxmpglk] {
    border-color: #14365C;
    box-shadow: 0 6px 20px rgba(20, 54, 92, 0.12);
    transform: translateY(-4px);
}

.score-detail-card.default-rate.rate-critico[b-ij7lxmpglk] {
    border-color: #DC2626;
    background: rgba(254, 226, 226, 0.3);
}

.score-detail-card.default-rate.rate-alto[b-ij7lxmpglk] {
    border-color: #EA580C;
    background: rgba(255, 237, 213, 0.3);
}

.score-detail-card.default-rate.rate-medio[b-ij7lxmpglk] {
    border-color: #F59E0B;
    background: rgba(254, 243, 199, 0.3);
}

.score-detail-card.message-card[b-ij7lxmpglk] {
    grid-column: 1 / -1;
    border-color: #F59E0B;
    background: rgba(254, 243, 199, 0.2);
}

.detail-icon[b-ij7lxmpglk] {
    width: 56px;
    height: 56px;
    background: linear-gradient(135deg, #E6EEF8 0%, #f8fafc 100%);
    border-radius: 50%;
    display: flex;
    align-items: center;
    justify-content: center;
    flex-shrink: 0;
}

.detail-icon i[b-ij7lxmpglk] {
    font-size: 1.75rem;
    color: #14365C;
}

.score-detail-card.default-rate.rate-critico .detail-icon[b-ij7lxmpglk] {
    background: linear-gradient(135deg, #FEE2E2 0%, #FEF2F2 100%);
}

.score-detail-card.default-rate.rate-critico .detail-icon i[b-ij7lxmpglk] {
    color: #DC2626;
}

.score-detail-card.default-rate.rate-alto .detail-icon[b-ij7lxmpglk] {
    background: linear-gradient(135deg, #FFEDD5 0%, #FFF7ED 100%);
}

.score-detail-card.default-rate.rate-alto .detail-icon i[b-ij7lxmpglk] {
    color: #EA580C;
}

.score-detail-card.message-card .detail-icon[b-ij7lxmpglk] {
    background: linear-gradient(135deg, #FEF3C7 0%, #FEFCE8 100%);
}

.score-detail-card.message-card .detail-icon i[b-ij7lxmpglk] {
    color: #F59E0B;
}

.detail-content[b-ij7lxmpglk] {
    flex: 1;
    display: flex;
    flex-direction: column;
    gap: 6px;
}

.detail-label[b-ij7lxmpglk] {
    font-size: 0.85rem;
    color: #64748b;
    font-weight: 600;
    text-transform: uppercase;
    letter-spacing: 0.5px;
}

.detail-value[b-ij7lxmpglk] {
    font-size: 1.5rem;
    font-weight: 700;
    color: #14365C;
}

.detail-description[b-ij7lxmpglk] {
    font-size: 0.875rem;
    color: #64748b;
    font-style: italic;
}

.message-text[b-ij7lxmpglk] {
    font-size: 1.1rem;
    font-weight: 600;
    color: #92400E;
    line-height: 1.4;
}

/* ============================================
   Legend
   ============================================ */
.score-legend[b-ij7lxmpglk] {
    background: white;
    border: 2px solid #e2e8f0;
    border-radius: 12px;
    padding: 24px;
}

.legend-title[b-ij7lxmpglk] {
    font-size: 1rem;
    font-weight: 700;
    color: #14365C;
    margin: 0 0 16px 0;
    display: flex;
    align-items: center;
    gap: 10px;
}

.legend-title i[b-ij7lxmpglk] {
    color: #14365C;
}

.legend-items[b-ij7lxmpglk] {
    display: grid;
    grid-template-columns: repeat(auto-fit, minmax(200px, 1fr));
    gap: 12px;
}

.legend-item[b-ij7lxmpglk] {
    display: flex;
    align-items: center;
    gap: 12px;
    padding: 10px 12px;
    background: #f8fafc;
    border-radius: 8px;
}

.legend-color[b-ij7lxmpglk] {
    width: 32px;
    height: 32px;
    border-radius: 6px;
    flex-shrink: 0;
    box-shadow: 0 2px 4px rgba(0, 0, 0, 0.1);
}

.legend-color.critico[b-ij7lxmpglk] {
    background: linear-gradient(135deg, #DC2626 0%, #EF4444 100%);
}

.legend-color.alto[b-ij7lxmpglk] {
    background: linear-gradient(135deg, #EA580C 0%, #F97316 100%);
}

.legend-color.medio[b-ij7lxmpglk] {
    background: linear-gradient(135deg, #F59E0B 0%, #FBBF24 100%);
}

.legend-color.baixo[b-ij7lxmpglk] {
    background: linear-gradient(135deg, #3B82F6 0%, #60A5FA 100%);
}

.legend-color.muito-baixo[b-ij7lxmpglk] {
    background: linear-gradient(135deg, #10B981 0%, #34D399 100%);
}

.legend-text[b-ij7lxmpglk] {
    font-size: 0.875rem;
    color: #14365C;
    line-height: 1.4;
}

/* ============================================
   Responsive
   ============================================ */
@media (max-width: 992px) {
    .score-details-grid[b-ij7lxmpglk] {
        grid-template-columns: 1fr;
    }

    .score-value[b-ij7lxmpglk] {
        font-size: 3rem;
    }

    .score-icon-wrapper[b-ij7lxmpglk] {
        width: 64px;
        height: 64px;
    }

    .score-icon-wrapper i[b-ij7lxmpglk] {
        font-size: 2rem;
    }
}

@media (max-width: 768px) {
    .score-main-card[b-ij7lxmpglk] {
        padding: 24px;
    }

    .score-header[b-ij7lxmpglk] {
        flex-direction: column;
        text-align: center;
        gap: 16px;
    }

    .score-value[b-ij7lxmpglk] {
        font-size: 2.5rem;
    }

    .legend-items[b-ij7lxmpglk] {
        grid-template-columns: 1fr;
    }

    .score-risk-badge[b-ij7lxmpglk] {
        width: 100%;
        justify-content: center;
    }
}

@media (max-width: 576px) {
    .score-progress-labels span[b-ij7lxmpglk] {
        font-size: 0.65rem;
    }

    .score-value[b-ij7lxmpglk] {
        font-size: 2rem;
    }

    .score-range[b-ij7lxmpglk] {
        font-size: 1rem;
    }

    .score-detail-card[b-ij7lxmpglk] {
        flex-direction: column;
        align-items: center;
        text-align: center;
    }

    .detail-value[b-ij7lxmpglk] {
        font-size: 1.2rem;
    }
}
/* _content/VeiculoSeguroBlazor/Components/Shared/OptionalFeatures/ScoreSociosPFDisplay.razor.rz.scp.css */
/* ============================================
   Score Sócios Section
   ============================================ */
.score-socios-section[b-22zheu394p] {
    margin-bottom: 32px;
}

/* ============================================
   Company Info Simple
   ============================================ */
.company-info-simple[b-22zheu394p] {
    display: flex;
    gap: 16px;
    margin-bottom: 20px;
    padding: 16px;
    background: #f8fafc;
    border: 1px solid #e2e8f0;
    border-radius: 8px;
}

.company-info-item-simple[b-22zheu394p] {
    display: flex;
    gap: 8px;
    align-items: center;
}

.info-label-simple[b-22zheu394p] {
    font-size: 0.875rem;
    font-weight: 600;
    color: #64748b;
}

.info-value-simple[b-22zheu394p] {
    font-size: 0.875rem;
    font-weight: 600;
    color: #14365C;
}

/* ============================================
   Partners Header Simple
   ============================================ */
.partners-header-simple[b-22zheu394p] {
    margin-bottom: 16px;
}

.partners-title-simple[b-22zheu394p] {
    font-size: 1rem;
    font-weight: 700;
    color: #14365C;
}

/* ============================================
   Partners Grid Simple
   ============================================ */
.partners-grid-simple[b-22zheu394p] {
    display: grid;
    grid-template-columns: repeat(auto-fill, minmax(300px, 1fr));
    gap: 16px;
}

.partner-card-simple[b-22zheu394p] {
    background: white;
    border: 1px solid #e2e8f0;
    border-radius: 8px;
    padding: 20px;
    box-shadow: 0 1px 3px rgba(0, 0, 0, 0.1);
    display: flex;
    flex-direction: column;
    gap: 16px;
}

/* ============================================
   Partner Header Simple
   ============================================ */
.partner-header-simple[b-22zheu394p] {
    display: flex;
    flex-direction: column;
    gap: 4px;
    padding-bottom: 12px;
    border-bottom: 1px solid #f1f5f9;
}

.partner-name-simple[b-22zheu394p] {
    font-size: 1rem;
    font-weight: 700;
    color: #14365C;
    margin: 0;
}

.partner-document-simple[b-22zheu394p] {
    font-size: 0.875rem;
    color: #64748b;
    font-family: 'Courier New', monospace;
}

/* ============================================
   Partner Score Simple
   ============================================ */
.partner-score-simple[b-22zheu394p] {
    display: flex;
    flex-direction: column;
    gap: 12px;
}

.score-item-simple[b-22zheu394p] {
    display: flex;
    justify-content: space-between;
    align-items: baseline;
}

.score-label-simple[b-22zheu394p] {
    font-size: 0.75rem;
    font-weight: 600;
    color: #64748b;
    text-transform: uppercase;
}

.score-value-simple[b-22zheu394p] {
    font-size: 1.5rem;
    font-weight: 700;
}

.score-max-simple[b-22zheu394p] {
    font-size: 0.875rem;
    color: #94a3b8;
}

/* Risk Classes */
.risk-critico[b-22zheu394p] { color: #DC2626; }
.risk-baixo[b-22zheu394p] { color: #EA580C; }
.risk-medio[b-22zheu394p] { color: #F59E0B; }
.risk-regular[b-22zheu394p] { color: #10B981; }
.risk-bom[b-22zheu394p] { color: #059669; }
.risk-muito-bom[b-22zheu394p] { color: #0891B2; }
.risk-excelente[b-22zheu394p] { color: #0369A1; }

.classification-simple[b-22zheu394p] {
    font-size: 0.875rem;
    font-weight: 600;
    padding: 6px 12px;
    border-radius: 4px;
    text-align: center;
}

/* Classification Classes */
.class-a[b-22zheu394p] { background: #DBEAFE; color: #1E40AF; }
.class-b[b-22zheu394p] { background: #D1FAE5; color: #059669; }
.class-c[b-22zheu394p] { background: #E0F2FE; color: #0369A1; }
.class-d[b-22zheu394p] { background: #FEF3C7; color: #92400E; }
.class-e[b-22zheu394p] { background: #FFEDD5; color: #9A3412; }
.class-f[b-22zheu394p] { background: #FEE2E2; color: #991B1B; }
.class-g[b-22zheu394p] { background: #FEE2E2; color: #7F1D1D; }

/* ============================================
   Payment Simple
   ============================================ */
.payment-simple[b-22zheu394p] {
    display: flex;
    justify-content: space-between;
    align-items: center;
    padding: 12px;
    background: #f8fafc;
    border-radius: 4px;
    border: 1px solid #e2e8f0;
}

.payment-label-simple[b-22zheu394p] {
    font-size: 0.875rem;
    font-weight: 600;
    color: #64748b;
}

.payment-value-simple[b-22zheu394p] {
    font-size: 1.125rem;
    font-weight: 700;
}

/* Success Classes */
.success-high[b-22zheu394p] { color: #059669; }
.success-medium[b-22zheu394p] { color: #10B981; }
.success-low[b-22zheu394p] { color: #F59E0B; }
.success-critical[b-22zheu394p] { color: #DC2626; }

/* ============================================
   Responsive
   ============================================ */
@media (max-width: 768px) {
    .company-info-simple[b-22zheu394p] {
        flex-direction: column;
        gap: 12px;
    }

    .partners-grid-simple[b-22zheu394p] {
        grid-template-columns: 1fr;
    }

    .score-value-simple[b-22zheu394p] {
        font-size: 1.25rem;
    }

    .payment-simple[b-22zheu394p] {
        flex-direction: column;
        gap: 8px;
        text-align: center;
    }
}

@media (max-width: 576px) {
    .partner-card-simple[b-22zheu394p] {
        padding: 16px;
    }

    .score-value-simple[b-22zheu394p] {
        font-size: 1rem;
    }
}
/* _content/VeiculoSeguroBlazor/Components/Shared/OptionalFeatures/SituacaoFiscalDisplay.razor.rz.scp.css */
/* ============================================
   Situação Fiscal Section
   ============================================ */
.situacao-fiscal-section[b-5fd6eozua0] {
    margin-bottom: 32px;
}

/* ============================================
   Container
   ============================================ */
.situacao-fiscal-container[b-5fd6eozua0] {
    display: flex;
    flex-direction: column;
    gap: 20px;
}

/* ============================================
   Fiscal Card
   ============================================ */
.fiscal-card[b-5fd6eozua0] {
    background: white;
    border: 1px solid #e2e8f0;
    border-radius: 8px;
    overflow: hidden;
    box-shadow: 0 1px 3px rgba(0, 0, 0, 0.1);
}

/* ============================================
   Card Header
   ============================================ */
.card-header-fiscal[b-5fd6eozua0] {
    display: flex;
    align-items: center;
    gap: 12px;
    padding: 20px;
    background: #f8fafc;
    border-bottom: 1px solid #e2e8f0;
}

.header-icon[b-5fd6eozua0] {
    display: flex;
    align-items: center;
    justify-content: center;
    width: 40px;
    height: 40px;
    background: white;
    border: 1px solid #e2e8f0;
    border-radius: 6px;
    color: #14365C;
    font-size: 1.125rem;
}

.card-title[b-5fd6eozua0] {
    font-size: 1.125rem;
    font-weight: 700;
    color: #0f172a;
    margin: 0;
}

/* ============================================
   Card Content
   ============================================ */
.card-content-fiscal[b-5fd6eozua0] {
    padding: 20px;
    display: flex;
    flex-direction: column;
    gap: 20px;
}

/* ============================================
   Info Grid
   ============================================ */
.info-grid[b-5fd6eozua0] {
    display: grid;
    grid-template-columns: repeat(auto-fit, minmax(220px, 1fr));
    gap: 16px;
    padding-bottom: 16px;
    border-bottom: 1px solid #f1f5f9;
}

.info-item[b-5fd6eozua0] {
    display: flex;
    flex-direction: column;
    gap: 4px;
}

.info-label[b-5fd6eozua0] {
    font-size: 0.75rem;
    font-weight: 600;
    color: #64748b;
    text-transform: uppercase;
}

.info-value[b-5fd6eozua0] {
    font-size: 0.875rem;
    font-weight: 600;
    color: #0f172a;
}

.info-value.status[b-5fd6eozua0] {
    color: #14365C;
    font-weight: 700;
    font-size: 1rem;
}

/* ============================================
   CNAE Section
   ============================================ */
.cnae-section[b-5fd6eozua0] {
    display: flex;
    flex-direction: column;
    gap: 12px;
}

.subsection-title[b-5fd6eozua0] {
    font-size: 0.875rem;
    font-weight: 700;
    color: #0f172a;
    text-transform: uppercase;
    letter-spacing: 0.5px;
    margin: 0;
}

.cnae-list[b-5fd6eozua0] {
    display: flex;
    flex-direction: column;
    gap: 8px;
    max-height: 400px;
    overflow-y: auto;
}

.cnae-card[b-5fd6eozua0] {
    display: flex;
    flex-direction: column;
    gap: 6px;
    padding: 12px;
    background: #f8fafc;
    border: 1px solid #e2e8f0;
    border-radius: 6px;
}

.cnae-card.primary[b-5fd6eozua0] {
    background: #eff6ff;
    border-color: #93c5fd;
    border-left: 3px solid #14365C;
}

.cnae-card.secondary[b-5fd6eozua0] {
    border-left: 3px solid #cbd5e1;
}

.cnae-code[b-5fd6eozua0] {
    font-size: 0.875rem;
    font-weight: 700;
    color: #14365C;
    font-family: 'Courier New', monospace;
}

.cnae-description[b-5fd6eozua0] {
    font-size: 0.875rem;
    font-weight: 500;
    color: #64748b;
    line-height: 1.4;
}

/* ============================================
   Activity Section
   ============================================ */
.activity-section[b-5fd6eozua0] {
    display: flex;
    flex-direction: column;
    gap: 12px;
}

.activity-description[b-5fd6eozua0] {
    font-size: 0.875rem;
    font-weight: 500;
    color: #64748b;
    line-height: 1.5;
    padding: 12px;
    background: #f8fafc;
    border: 1px solid #e2e8f0;
    border-radius: 6px;
    border-left: 3px solid #10B981;
}

/* ============================================
   Observation Box
   ============================================ */
.observation-box[b-5fd6eozua0] {
    display: flex;
    align-items: flex-start;
    gap: 10px;
    padding: 12px 16px;
    background: #fef3c7;
    border-left: 3px solid #F59E0B;
    border-radius: 4px;
}

.observation-box i[b-5fd6eozua0] {
    color: #F59E0B;
    font-size: 1rem;
    flex-shrink: 0;
    margin-top: 2px;
}

.observation-box span[b-5fd6eozua0] {
    font-size: 0.8125rem;
    font-weight: 500;
    color: #92400e;
    line-height: 1.5;
}

/* ============================================
   Responsive
   ============================================ */
@media (max-width: 768px) {
    .card-content-fiscal[b-5fd6eozua0] {
        padding: 16px;
        gap: 16px;
    }

    .info-grid[b-5fd6eozua0] {
        grid-template-columns: 1fr;
        gap: 12px;
    }

    .cnae-list[b-5fd6eozua0] {
        max-height: 300px;
    }
}

@media (max-width: 576px) {
    .card-header-fiscal[b-5fd6eozua0] {
        padding: 16px;
    }

    .header-icon[b-5fd6eozua0] {
        width: 36px;
        height: 36px;
        font-size: 1rem;
    }

    .card-title[b-5fd6eozua0] {
        font-size: 1rem;
    }

    .observation-box[b-5fd6eozua0] {
        flex-direction: column;
        gap: 8px;
    }
}
/* _content/VeiculoSeguroBlazor/Components/Shared/OptionalFeatures/VendasCartaoDisplay.razor.rz.scp.css */
/* ============================================
   Vendas Cartão Section
   ============================================ */
.vendas-cartao-section[b-kzxtq76uf2] {
    margin-bottom: 32px;
}

.vendas-summary[b-kzxtq76uf2] {
    margin-bottom: 20px;
    padding: 12px 16px;
    background: #f8fafc;
    border: 1px solid #e2e8f0;
    border-radius: 6px;
}

.vendas-count[b-kzxtq76uf2] {
    font-size: 0.875rem;
    font-weight: 600;
    color: #14365C;
}

/* ============================================
   Vendas Grid
   ============================================ */
.vendas-cartao-grid[b-kzxtq76uf2] {
    display: flex;
    flex-direction: column;
    gap: 16px;
}

/* ============================================
   Vendas Card
   ============================================ */
.vendas-card[b-kzxtq76uf2] {
    background: white;
    border: 1px solid #e2e8f0;
    border-radius: 8px;
    overflow: hidden;
    box-shadow: 0 1px 3px rgba(0, 0, 0, 0.1);
}

/* ============================================
   Vendas Header (Colapsável)
   ============================================ */
.vendas-header[b-kzxtq76uf2] {
    padding: 16px 20px;
    background: #f8fafc;
    border-bottom: 1px solid #e2e8f0;
    display: flex;
    justify-content: space-between;
    align-items: center;
    gap: 16px;
}

.vendas-header.collapsible[b-kzxtq76uf2] {
    cursor: pointer;
    user-select: none;
    transition: background 0.2s ease;
}

.vendas-header.collapsible:hover[b-kzxtq76uf2] {
    background: #f1f5f9;
}

.vendas-main-info[b-kzxtq76uf2] {
    display: flex;
    flex-direction: column;
    gap: 4px;
    flex: 1;
}

.vendas-brand[b-kzxtq76uf2] {
    font-size: 1rem;
    font-weight: 700;
    color: #14365C;
    margin: 0;
}

.vendas-document[b-kzxtq76uf2] {
    font-size: 0.875rem;
    color: #64748b;
    font-family: 'Courier New', monospace;
}

.vendas-meta[b-kzxtq76uf2] {
    display: flex;
    align-items: center;
    gap: 12px;
}

.vendas-channel[b-kzxtq76uf2] {
    font-size: 0.75rem;
    font-weight: 600;
    padding: 4px 10px;
    background: #DBEAFE;
    color: #1E40AF;
    border-radius: 4px;
}

.vendas-location[b-kzxtq76uf2] {
    font-size: 0.875rem;
    font-weight: 600;
    color: #64748b;
}

.toggle-icon-small[b-kzxtq76uf2] {
    width: 24px;
    height: 24px;
    display: flex;
    align-items: center;
    justify-content: center;
    background: white;
    border-radius: 50%;
    border: 1px solid #e2e8f0;
    flex-shrink: 0;
}

.toggle-icon-small i[b-kzxtq76uf2] {
    font-size: 0.75rem;
    color: #14365C;
}

/* ============================================
   Collapsible Content
   ============================================ */
.collapsible-content[b-kzxtq76uf2] {
    max-height: 0;
    overflow: hidden;
    transition: max-height 0.3s ease-out;
}

.collapsible-content.expanded[b-kzxtq76uf2] {
    max-height: 3000px;
    transition: max-height 0.5s ease-in;
}

/* ============================================
   Vendas Details
   ============================================ */
.vendas-details[b-kzxtq76uf2] {
    padding: 20px;
    display: flex;
    flex-direction: column;
    gap: 20px;
}

.detail-group[b-kzxtq76uf2] {
    display: flex;
    flex-direction: column;
    gap: 12px;
}

.group-title[b-kzxtq76uf2] {
    font-size: 0.875rem;
    font-weight: 700;
    color: #14365C;
    text-transform: uppercase;
    letter-spacing: 0.5px;
    margin: 0 0 8px 0;
    padding-bottom: 8px;
    border-bottom: 1px solid #f1f5f9;
}

.detail-row[b-kzxtq76uf2] {
    display: flex;
    gap: 12px;
    padding: 8px 12px;
    background: #f8fafc;
    border-radius: 4px;
}

.detail-label[b-kzxtq76uf2] {
    font-size: 0.875rem;
    font-weight: 600;
    color: #64748b;
    min-width: 150px;
    flex-shrink: 0;
}

.detail-value[b-kzxtq76uf2] {
    font-size: 0.875rem;
    color: #14365C;
    flex: 1;
}

/* ============================================
   Transactions Table
   ============================================ */
.transactions-table[b-kzxtq76uf2] {
    display: flex;
    flex-direction: column;
    gap: 4px;
    background: #f8fafc;
    border: 1px solid #e2e8f0;
    border-radius: 6px;
    padding: 12px;
}

.transactions-header[b-kzxtq76uf2],
.transactions-row[b-kzxtq76uf2] {
    display: grid;
    grid-template-columns: 120px repeat(7, 1fr);
    gap: 8px;
    align-items: center;
}

.transactions-header[b-kzxtq76uf2] {
    font-weight: 700;
    color: #14365C;
    font-size: 0.75rem;
    text-transform: uppercase;
    padding-bottom: 8px;
    border-bottom: 2px solid #e2e8f0;
}

.transactions-row[b-kzxtq76uf2] {
    padding: 6px 0;
    border-bottom: 1px solid #f1f5f9;
}

.transactions-row:last-child[b-kzxtq76uf2] {
    border-bottom: none;
}

.time-col[b-kzxtq76uf2] {
    font-size: 0.875rem;
    font-weight: 600;
    color: #14365C;
}

.day-col[b-kzxtq76uf2] {
    text-align: center;
    font-size: 0.875rem;
    color: #94a3b8;
    font-weight: 500;
}

.day-col.active[b-kzxtq76uf2] {
    color: #10B981;
    font-weight: 700;
}

/* ============================================
   Responsive
   ============================================ */
@media (max-width: 768px) {
    .vendas-header[b-kzxtq76uf2] {
        flex-direction: column;
        align-items: flex-start;
        gap: 12px;
    }

    .vendas-meta[b-kzxtq76uf2] {
        width: 100%;
        justify-content: space-between;
    }

    .detail-row[b-kzxtq76uf2] {
        flex-direction: column;
        gap: 4px;
    }

    .detail-label[b-kzxtq76uf2] {
        min-width: unset;
    }

    .transactions-header[b-kzxtq76uf2],
    .transactions-row[b-kzxtq76uf2] {
        grid-template-columns: 100px repeat(7, 1fr);
        gap: 4px;
    }

    .time-col[b-kzxtq76uf2],
    .day-col[b-kzxtq76uf2] {
        font-size: 0.75rem;
    }
}

@media (max-width: 576px) {
    .vendas-details[b-kzxtq76uf2] {
        padding: 16px;
    }

    .transactions-table[b-kzxtq76uf2] {
        padding: 8px;
        overflow-x: auto;
    }

    .transactions-header[b-kzxtq76uf2],
    .transactions-row[b-kzxtq76uf2] {
        min-width: 500px;
    }
}
/* _content/VeiculoSeguroBlazor/Components/Shared/OptionsPanel.razor.rz.scp.css */
/* Oxford Blue Variables */
:root[b-33t6r9439h] {
    --oxford-blue-primary: #14365C;
    --oxford-blue-dark: #0F2A47;
    --oxford-blue-darker: #111827;
    --oxford-blue-light: #1e2b4a;
    --oxford-accent: #00d4ff;
    --oxford-background: #f5f7fa;
    --oxford-surface: #ffffff;
    --oxford-text: #1e293b;
    --oxford-text-secondary: #64748b;
    --oxford-border: #e2e8f0;
    --oxford-sidebar-hover: rgba(255, 255, 255, 0.12);
    --oxford-sidebar-active: rgba(0, 212, 255, 0.2);
    
    /* Shadows */
    --shadow-card: 0 4px 20px rgba(0, 0, 0, 0.08);
    --shadow-card-hover: 0 8px 30px rgba(0, 0, 0, 0.12);
    --transition: all 0.3s ease;
    --border-radius: 8px;
}

/* Options Panel */
.options-panel[b-33t6r9439h] {
    width: 280px;
    flex-shrink: 0;
    background-color: white;
    border-radius: var(--border-radius);
    border: none;
    box-shadow: var(--shadow-card);
    padding: 20px;
    height: fit-content;
    max-height: calc(100vh - 48px);
    overflow-y: auto;
    transition: box-shadow 0.3s ease;
}

.options-panel:hover[b-33t6r9439h] {
    box-shadow: var(--shadow-card-hover);
}

.options-panel h2[b-33t6r9439h] {
    font-size: 18px;
    font-weight: 600;
    margin-bottom: 20px;
    color: var(--oxford-blue-primary);
    position: relative;
    padding-left: 28px;
    display: flex;
    align-items: center;
}

.options-panel h2[b-33t6r9439h]:before {
    content: '';
    position: absolute;
    left: 0;
    top: 50%;
    transform: translateY(-50%);
    width: 18px;
    height: 18px;
    background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='%2314365C'%3E%3Cpath d='M12 2C6.48 2 2 6.48 2 12s4.48 10 10 10 10-4.48 10-10S17.52 2 12 2zm-1 17.93c-3.95-.49-7-3.85-7-7.93 0-.62.08-1.21.21-1.79L9 15v1c0 1.1.9 2 2 2v1.93zm6.9-2.54c-.26-.81-1-1.39-1.9-1.39h-1v-3c0-.55-.45-1-1-1H8v-2h2c.55 0 1-.45 1-1V7h2c1.1 0 2-.9 2-2v-.41c2.93 1.19 5 4.06 5 7.41 0 2.08-.8 3.97-2.1 5.39z'/%3E%3C/svg%3E");
    background-size: contain;
    background-repeat: no-repeat;
}

/* Radio Group */
.radio-group[b-33t6r9439h] {
    display: flex;
    flex-direction: column;
    gap: 6px;
}

.radio-option[b-33t6r9439h] {
    position: relative;
}

.radio-option input[b-33t6r9439h] {
    position: absolute;
    opacity: 0;
    cursor: pointer;
}

    .radio-option label[b-33t6r9439h] {
        display: flex;
        align-items: center;
        justify-content: space-between;
        padding: 12px 16px;
        cursor: pointer;
        position: relative;
        border-radius: var(--border-radius);
        transition: var(--transition);
     
        font-size: 14px;
        font-weight: 500;
        color: #111827;
    }

        .radio-option label:hover[b-33t6r9439h] {
            background-color: #E6EEF8;
            box-shadow: inset 0 0 0 1px rgba(0, 212, 255, 0.2);
            color: #111827;
        }

    .radio-option input:checked + label[b-33t6r9439h] {
        background-color: #E6EEF8;
        color: var(--oxford-blue-darker);
        font-weight: 600;
        border-left: 3px solid #265985;
        box-shadow: inset 0 0 0 1px rgba(0, 212, 255, 0.3), 0 2px 4px rgba(0, 0, 0, 0.05);
    }

.price[b-33t6r9439h] {
    font-size: 12px;
    font-weight: 600;
    color: #265985;
    background-color: #E6EEF8;
    padding: 2px 8px;
    border-radius: 12px;
    margin-left: 8px;
}

/* Loading State */
.loading-state[b-33t6r9439h] {
    display: flex;
    align-items: center;
    justify-content: center;
    flex-direction: column;
    padding: 40px 20px;
    color: var(--oxford-text-secondary);
}

.spinner[b-33t6r9439h] {
    width: 24px;
    height: 24px;
    border: 2px solid var(--oxford-border);
    border-top: 2px solid var(--oxford-accent);
    border-radius: 50%;
    animation: spin-b-33t6r9439h 1s linear infinite;
    margin-bottom: 12px;
}

@keyframes spin-b-33t6r9439h {
    0% { transform: rotate(0deg); }
    100% { transform: rotate(360deg); }
}

.loading-state span[b-33t6r9439h] {
    font-size: 14px;
    text-align: center;
}

/* Responsive Design */
@media (max-width: 991px) {
    .options-panel[b-33t6r9439h] {
        width: 100%;
        max-height: none;
        margin-bottom: 24px;
    }
}

@media (max-width: 576px) {
    .options-panel[b-33t6r9439h] {
        padding: 16px;
        border-radius: 4px;
    }
    
    .options-panel h2[b-33t6r9439h] {
        font-size: 16px;
        padding-left: 24px;
    }
    
    .radio-option label[b-33t6r9439h] {
        padding: 10px 12px;
        font-size: 13px;
    }
}
/* _content/VeiculoSeguroBlazor/Components/Shared/ResumoIAModal.razor.rz.scp.css */
/* Modal Overlay */
.resumo-ia-modal-overlay[b-gm5u1sxwx8] {
    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: 10000;
    animation: fadeIn-b-gm5u1sxwx8 0.2s ease-out;
    padding: 20px;
}

/* Modal Container */
.resumo-ia-modal[b-gm5u1sxwx8] {
    background: white;
    border-radius: 12px;
    box-shadow: 0 10px 40px rgba(0, 0, 0, 0.3);
    max-width: 800px;
    width: 100%;
    max-height: 85vh;
    display: flex;
    flex-direction: column;
    animation: slideUp-b-gm5u1sxwx8 0.3s ease-out;
    overflow: hidden;
}

/* Header */
.modal-header[b-gm5u1sxwx8] {
    background: linear-gradient(135deg, #14365C 0%, #265985 100%);
    color: white;
    padding: 20px 24px;
    display: flex;
    justify-content: space-between;
    align-items: center;
    flex-shrink: 0;
    position: relative;
}

.modal-header[b-gm5u1sxwx8]::after {
    content: '';
    position: absolute;
    top: 0;
    right: 0;
    width: 150px;
    height: 100%;
    background: linear-gradient(90deg, rgba(255,255,255,0) 0%, rgba(255,255,255,0.08) 100%);
    pointer-events: none;
}

.modal-header h3[b-gm5u1sxwx8] {
    margin: 0;
    font-size: 1.25rem;
    font-weight: 600;
    display: flex;
    align-items: center;
    gap: 10px;
    position: relative;
    z-index: 1;
}

.icon-stars[b-gm5u1sxwx8] {
    color: #00d4ff;
    filter: drop-shadow(0 2px 4px rgba(0, 212, 255, 0.4));
}

.btn-close[b-gm5u1sxwx8] {
    background: rgba(255, 255, 255, 0.2);
    border: none;
    border-radius: 6px;
    padding: 6px;
    cursor: pointer;
    transition: all 0.2s;
    display: flex;
    align-items: center;
    justify-content: center;
}

.btn-close:hover[b-gm5u1sxwx8] {
    background: rgba(255, 255, 255, 0.3);
    transform: scale(1.1);
}

.btn-close svg[b-gm5u1sxwx8] {
    color: white;
}

/* Body */
.modal-body[b-gm5u1sxwx8] {
    padding: 24px;
    overflow-y: auto;
    flex: 1;
}

/* Loading State */
.loading-state[b-gm5u1sxwx8] {
    display: flex;
    flex-direction: column;
    align-items: center;
    justify-content: center;
    gap: 16px;
    padding: 60px 20px;
    min-height: 300px;
}

.loading-text[b-gm5u1sxwx8] {
    margin: 0;
    font-size: 1.1rem;
    color: #333;
    font-weight: 500;
}

.loading-state small[b-gm5u1sxwx8] {
    display: block;
    margin: 0;
    color: #666;
    font-size: 0.9rem;
}

/* Resumo Content */
.resumo-content[b-gm5u1sxwx8] {
    animation: fadeIn-b-gm5u1sxwx8 0.4s ease-out;
}

.resumo-text[b-gm5u1sxwx8] {
    line-height: 1.8;
    font-size: 1rem;
    color: #333;
}

.resumo-text p[b-gm5u1sxwx8] {
    margin-bottom: 16px;
    text-align: justify;
}

.resumo-text p:last-child[b-gm5u1sxwx8] {
    margin-bottom: 0;
}

.resumo-footer[b-gm5u1sxwx8] {
    margin-top: 24px;
    padding-top: 16px;
    border-top: 1px solid #e5e7eb;
    display: flex;
    align-items: center;
    gap: 6px;
}

.resumo-footer small[b-gm5u1sxwx8] {
    display: flex;
    align-items: center;
    gap: 6px;
}

/* Alerts */
.alert[b-gm5u1sxwx8] {
    display: flex;
    align-items: flex-start;
    gap: 12px;
    padding: 12px 16px;
    border-radius: 8px;
    margin-bottom: 16px;
}

.alert-icon[b-gm5u1sxwx8] {
    flex-shrink: 0;
    margin-top: 2px;
}

.alert-info-ia[b-gm5u1sxwx8] {
    background-color: #E0F2FE;
    border: 1px solid #7DD3FC;
    border-left: 4px solid #0EA5E9;
    color: #075985;
    display: flex;
    align-items: flex-start;
    gap: 12px;
    padding: 14px 16px;
    border-radius: 8px;
    margin-bottom: 20px;
}

.alert-info-ia .alert-icon[b-gm5u1sxwx8] {
    color: #0EA5E9;
    flex-shrink: 0;
    margin-top: 2px;
}

.alert-info-ia strong[b-gm5u1sxwx8] {
    display: block;
    margin-bottom: 6px;
    font-size: 0.95rem;
    font-weight: 600;
}

.alert-info-ia p[b-gm5u1sxwx8] {
    margin: 0;
    font-size: 0.9rem;
    line-height: 1.5;
}

.alert-success[b-gm5u1sxwx8] {
    background-color: #d1fae5;
    border: 1px solid #6ee7b7;
    color: #065f46;
}

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

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

/* Seções Estruturadas do Resumo */
.resumo-section[b-gm5u1sxwx8] {
    background: #ffffff;
    border: 1px solid #e5e7eb;
    border-left: 4px solid #14365C;
    border-radius: 8px;
    padding: 20px;
    margin-bottom: 16px;
    transition: all 0.2s ease;
}

.resumo-section:hover[b-gm5u1sxwx8] {
    box-shadow: 0 4px 12px rgba(20, 54, 92, 0.08);
    border-left-color: #265985;
}

.resumo-section-header[b-gm5u1sxwx8] {
    display: flex;
    align-items: center;
    gap: 12px;
    margin-bottom: 12px;
    padding-bottom: 12px;
    border-bottom: 1px solid #f3f4f6;
}

.resumo-section-header h5[b-gm5u1sxwx8] {
    margin: 0;
    font-size: 1.05rem;
    font-weight: 600;
    color: #14365C;
}

.resumo-section-icon[b-gm5u1sxwx8] {
    color: #265985;
    flex-shrink: 0;
}

.resumo-section-text[b-gm5u1sxwx8] {
    color: #374151;
    line-height: 1.8;
    font-size: 0.95rem;
    text-align: justify;
}

.resumo-section-conclusao[b-gm5u1sxwx8] {
    border-left-color: #10b981;
    background: linear-gradient(135deg, #ffffff 0%, #f0fdf4 100%);
}

.resumo-section-conclusao:hover[b-gm5u1sxwx8] {
    border-left-color: #059669;
}

.resumo-section-conclusao .resumo-section-header h5[b-gm5u1sxwx8] {
    color: #027A48;
}

.resumo-section-conclusao .resumo-section-icon[b-gm5u1sxwx8] {
    color: #10b981;
}

/* Footer */
.modal-footer[b-gm5u1sxwx8] {
    padding: 16px 24px;
    background-color: #F9FAFB;
    border-top: 1px solid #e5e7eb;
    display: flex;
    justify-content: flex-end;
    gap: 12px;
    flex-shrink: 0;
}

.btn[b-gm5u1sxwx8] {
    padding: 10px 20px;
    border-radius: 8px;
    border: none;
    font-weight: 600;
    cursor: pointer;
    transition: all 0.2s;
    font-size: 0.95rem;
}

.btn-secondary[b-gm5u1sxwx8] {
    background: linear-gradient(135deg, #14365C 0%, #265985 100%);
    color: white;
    box-shadow: 0 4px 10px rgba(20, 54, 92, 0.25);
}

.btn-secondary:hover[b-gm5u1sxwx8] {
    background: linear-gradient(135deg, #0F2A47 0%, #1a4d73 100%);
    transform: translateY(-2px);
    box-shadow: 0 6px 15px rgba(20, 54, 92, 0.35);
}

/* Animations */
@keyframes fadeIn-b-gm5u1sxwx8 {
    from {
        opacity: 0;
    }
    to {
        opacity: 1;
    }
}

@keyframes slideUp-b-gm5u1sxwx8 {
    from {
        opacity: 0;
        transform: translateY(30px);
    }
    to {
        opacity: 1;
        transform: translateY(0);
    }
}

/* Spinner */
.spinner-border[b-gm5u1sxwx8] {
    width: 3rem;
    height: 3rem;
    border-width: 0.3rem;
}

/* Responsive */
@media (max-width: 768px) {
    .resumo-ia-modal[b-gm5u1sxwx8] {
        max-width: 95%;
        max-height: 90vh;
    }

    .modal-header h3[b-gm5u1sxwx8] {
        font-size: 1.1rem;
    }

    .modal-body[b-gm5u1sxwx8] {
        padding: 20px;
    }

    .resumo-text[b-gm5u1sxwx8] {
        font-size: 0.95rem;
    }
}
/* _content/VeiculoSeguroBlazor/Components/Shared/SummaryCard.razor.rz.scp.css */
/* =============================================
   SUMMARY CARD - Cards de Resumo de Consulta
   Oxford Blue Design System - Visual Profissional
   ============================================= */

.summary-card[b-cwkal8gpz7] {
    border: none;
    border-radius: 12px;
    padding: 20px 16px;
    cursor: pointer;
    transition: all 0.25s ease;
    display: flex;
    flex-direction: column;
    align-items: center;
    justify-content: center;
    gap: 8px;
    position: relative;
    overflow: hidden;
    box-shadow: 0px 4px 8px rgba(16, 24, 40, 0.1);
    color: #ffffff;
    aspect-ratio: 1 / 1;
    min-height: 180px;
    max-height: 180px;
}

/* Gradientes de fundo por status */
.summary-card-success[b-cwkal8gpz7] {
    background: linear-gradient(135deg, #027A48 0%, #059669 100%);
}

.summary-card-warning[b-cwkal8gpz7] {
    background: linear-gradient(135deg, #F59E0B 0%, #D97706 100%);
}

.summary-card-danger[b-cwkal8gpz7] {
    background: linear-gradient(135deg, #B42318 0%, #991B1B 100%);
}

/* Efeito de brilho sutil no fundo */
.summary-card[b-cwkal8gpz7]::before {
    content: '';
    position: absolute;
    top: -50%;
    left: -50%;
    width: 200%;
    height: 200%;
    background: radial-gradient(circle, rgba(255,255,255,0.1) 0%, rgba(255,255,255,0) 70%);
    opacity: 0;
    transition: opacity 0.25s ease;
}

/* Hover Effects */
.summary-card:hover[b-cwkal8gpz7] {
    transform: translateY(-6px) scale(1.02);
    box-shadow: 0px 12px 24px rgba(16, 24, 40, 0.2);
}

.summary-card:hover[b-cwkal8gpz7]::before {
    opacity: 1;
}

.summary-card:active[b-cwkal8gpz7] {
    transform: translateY(-4px) scale(1.01);
}

/* Ícone Principal */
.summary-card-icon[b-cwkal8gpz7] {
    font-size: 2.75rem;
    color: #ffffff;
    transition: all 0.25s ease;
    position: relative;
    z-index: 1;
    filter: drop-shadow(0 2px 4px rgba(0, 0, 0, 0.1));
}

.summary-card:hover .summary-card-icon[b-cwkal8gpz7] {
    transform: scale(1.15);
}

/* Título */
.summary-card-title[b-cwkal8gpz7] {
    font-size: 0.875rem;
    font-weight: 700;
    color: #ffffff;
    text-align: center;
    line-height: 1.3;
    position: relative;
    z-index: 1;
    letter-spacing: 0.02em;
    text-shadow: 0 1px 2px rgba(0, 0, 0, 0.15);
}

/* Mensagem Adicional */
.summary-card-message[b-cwkal8gpz7] {
    font-size: 0.75rem;
    font-weight: 500;
    color: #ffffff;
    text-align: center;
    line-height: 1.2;
    position: relative;
    z-index: 1;
    opacity: 0.9;
    margin-top: 4px;
    text-shadow: 0 1px 2px rgba(0, 0, 0, 0.15);
}

/* Animação de pulso removida - cards agora são estáticos */

/* Responsividade */
@media (max-width: 768px) {
    .summary-card[b-cwkal8gpz7] {
        min-height: 160px;
        padding: 24px 16px;
        aspect-ratio: auto;
    }

    .summary-card-icon[b-cwkal8gpz7] {
        font-size: 3rem;
    }

    .summary-card-title[b-cwkal8gpz7] {
        font-size: 0.9375rem;
    }
}

@media (max-width: 576px) {
    .summary-card[b-cwkal8gpz7] {
        min-height: 140px;
        padding: 20px 12px;
    }

    .summary-card-icon[b-cwkal8gpz7] {
        font-size: 2.5rem;
    }

    .summary-card-title[b-cwkal8gpz7] {
        font-size: 0.875rem;
    }
}
/* _content/VeiculoSeguroBlazor/Components/Shared/SummaryCardsContainer.razor.rz.scp.css */
/* =============================================
   SUMMARY CARDS CONTAINER
   Container para cards de resumo de consulta
   ============================================= */

.summary-cards-container[b-e0msqgeuou] {
    display: grid;
    grid-template-columns: repeat(auto-fit, 140px);
    gap: 16px;
    margin: 48px 0 32px 0;
    padding: 0 24px;
    justify-content: center;
    animation: fadeInUp-b-e0msqgeuou 0.4s ease-out;
}

@keyframes fadeInUp-b-e0msqgeuou {
    from {
        opacity: 0;
        transform: translateY(20px);
    }
    to {
        opacity: 1;
        transform: translateY(0);
    }
}

/* Responsive breakpoints */
@media (max-width: 1200px) {
    .summary-cards-container[b-e0msqgeuou] {
        grid-template-columns: repeat(auto-fit, 140px);
        gap: 14px;
    }
}

@media (max-width: 992px) {
    .summary-cards-container[b-e0msqgeuou] {
        grid-template-columns: repeat(auto-fit, 140px);
        gap: 14px;
        margin: 32px 0 24px 0;
    }
}

@media (max-width: 768px) {
    .summary-cards-container[b-e0msqgeuou] {
        grid-template-columns: repeat(auto-fit, 140px);
        gap: 12px;
        margin: 28px 0 20px 0;
    }
}

@media (max-width: 576px) {
    .summary-cards-container[b-e0msqgeuou] {
        grid-template-columns: repeat(auto-fit, minmax(120px, 140px));
        gap: 12px;
        margin: 24px 0 20px 0;
        padding: 0 16px;
    }
}
/* _content/VeiculoSeguroBlazor/Components/Shared/UfCidadeSelector.razor.rz.scp.css */
.uf-cidade-selector[b-fttifk77ta] {
    width: 100%;
}

.selector-label[b-fttifk77ta] {
    font-size: 1.1rem;
    font-weight: 600;
    color: #2c3e50;
    margin-bottom: 0.75rem;
}

.selector-grid[b-fttifk77ta] {
    display: grid;
    grid-template-columns: 1fr 2fr;
    gap: 1rem;
}

@media (max-width: 768px) {
    .selector-grid[b-fttifk77ta] {
        grid-template-columns: 1fr;
    }
}

.form-field[b-fttifk77ta] {
    display: flex;
    flex-direction: column;
    gap: 0.5rem;
}

.form-field label[b-fttifk77ta] {
    font-size: 0.9rem;
    font-weight: 500;
    color: #555;
}

.form-input[b-fttifk77ta] {
    padding: 0.75rem;
    border: 2px solid #e0e0e0;
    border-radius: 8px;
    font-size: 1rem;
    transition: all 0.3s ease;
    background-color: #fff;
}

.form-input:hover:not(:disabled)[b-fttifk77ta] {
    border-color: #3498db;
}

.form-input:focus[b-fttifk77ta] {
    outline: none;
    border-color: #2980b9;
    box-shadow: 0 0 0 3px rgba(52, 152, 219, 0.1);
}

.form-input:disabled[b-fttifk77ta] {
    background-color: #f5f5f5;
    cursor: not-allowed;
    opacity: 0.6;
}

.form-input.filled[b-fttifk77ta] {
    border-color: #27ae60;
    background-color: #f0fff4;
}

select.form-input[b-fttifk77ta] {
    cursor: pointer;
}

select.form-input:disabled[b-fttifk77ta] {
    cursor: not-allowed;
}