/* /Pages/Ads/AdsAmazon.razor.rz.scp.css */
.ads-container[b-qj7h40at65] {
    padding: 24px;
    max-width: 1400px;
    margin: 0 auto;
}

.info-banner[b-qj7h40at65] {
    margin-bottom: 24px;
}

.controls-section[b-qj7h40at65] {
    background: #ffffff;
    border: 1px solid #e0e0e0;
    border-radius: 8px;
    padding: 20px;
    margin-bottom: 24px;
}

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

.control-group[b-qj7h40at65] {
    flex: 0 1 auto;
    min-width: 150px;
}

.control-group.flex-grow[b-qj7h40at65] {
    flex: 1;
    min-width: 200px;
}

.visibility-btn[b-qj7h40at65] {
    white-space: nowrap;
}

.search-field[b-qj7h40at65] {
    width: 100%;
}

.filter-select[b-qj7h40at65] {
    width: 100%;
    min-width: 140px;
}

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

.kpi-card[b-qj7h40at65] {
    background: #ffffff;
    border: 2px solid #d4a5f5;
    border-radius: 8px;
    padding: 20px;
    display: flex;
    flex-direction: column;
    justify-content: center;
    transition: all 0.3s ease;
}

.kpi-card:hover[b-qj7h40at65] {
    border-color: #b580f0;
    box-shadow: 0 2px 8px rgba(212, 165, 245, 0.15);
}

.kpi-label[b-qj7h40at65] {
    font-size: 12px;
    color: #666;
    font-weight: 600;
    text-transform: uppercase;
    letter-spacing: 0.5px;
    margin-bottom: 12px;
    display: flex;
    align-items: center;
    gap: 8px;
}

.info-icon[b-qj7h40at65] {
    opacity: 0.6;
    transition: opacity 0.2s;
}

.info-icon:hover[b-qj7h40at65] {
    opacity: 1;
}

.kpi-value[b-qj7h40at65] {
    font-size: 24px;
    font-weight: 700;
    color: #1a1a1a;
}

/* Products Section */
.products-section[b-qj7h40at65] {
    background: #ffffff;
    border: 1px solid #e0e0e0;
    border-radius: 8px;
    padding: 24px;
}

.products-section h3[b-qj7h40at65] {
    font-size: 16px;
    font-weight: 600;
    color: #1a1a1a;
    margin: 0 0 16px 0;
}

.products-table[b-qj7h40at65] {
    width: 100%;
}

[b-qj7h40at65] .products-table table {
    width: 100%;
}

[b-qj7h40at65] .products-table thead th {
    background: #f5f5f5;
    color: #666;
    font-weight: 600;
    font-size: 12px;
    padding: 16px 12px;
    border-bottom: 1px solid #e0e0e0;
}

[b-qj7h40at65] .products-table tbody td {
    padding: 12px;
    border-bottom: 1px solid #f0f0f0;
    color: #333;
    font-size: 14px;
}

[b-qj7h40at65] .products-table tbody tr:hover {
    background-color: #fafafa;
}

.product-cell[b-qj7h40at65] {
    padding: 12px !important;
}

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

.product-image[b-qj7h40at65] {
    width: 40px;
    height: 40px;
    border-radius: 4px;
    object-fit: cover;
    background: #f5f5f5;
}

.product-name[b-qj7h40at65] {
    font-weight: 500;
    color: #1a1a1a;
    font-size: 14px;
    line-height: 1.4;
}

.product-sku[b-qj7h40at65] {
    font-size: 12px;
    color: #999;
    margin-top: 4px;
}

/* Empty State */
.empty-state[b-qj7h40at65] {
    text-align: center;
    padding: 60px 20px;
    color: #999;
}

.empty-icon[b-qj7h40at65] {
    font-size: 64px;
    color: #d0d0d0;
    margin-bottom: 16px;
}

.empty-state h4[b-qj7h40at65] {
    font-size: 16px;
    font-weight: 600;
    color: #666;
    margin: 12px 0;
}

.empty-state p[b-qj7h40at65] {
    font-size: 14px;
    color: #999;
    margin: 0;
}

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

    .control-row[b-qj7h40at65] {
        flex-direction: column;
    }

    .control-group[b-qj7h40at65] {
        width: 100%;
        min-width: unset;
    }

    .kpi-grid[b-qj7h40at65] {
        grid-template-columns: repeat(auto-fit, minmax(180px, 1fr));
        gap: 12px;
    }

    .kpi-value[b-qj7h40at65] {
        font-size: 20px;
    }

    [b-qj7h40at65] .products-table tbody td {
        padding: 8px 4px;
        font-size: 12px;
    }

    .product-image[b-qj7h40at65] {
        width: 32px;
        height: 32px;
    }

    .product-name[b-qj7h40at65] {
        font-size: 12px;
    }
}

@media (max-width: 480px) {
    .kpi-grid[b-qj7h40at65] {
        grid-template-columns: 1fr;
    }

    .kpi-value[b-qj7h40at65] {
        font-size: 18px;
    }
}
/* /Pages/Ads/AdsMeli.razor.rz.scp.css */
.ads-container[b-51s6k1bt5g] {
    padding: 24px;
    max-width: 1400px;
    margin: 0 auto;
}

.info-banner[b-51s6k1bt5g] {
    margin-bottom: 24px;
}

.controls-section[b-51s6k1bt5g] {
    background: #ffffff;
    border: 1px solid #e0e0e0;
    border-radius: 8px;
    padding: 20px;
    margin-bottom: 24px;
}

.control-row[b-51s6k1bt5g] {
    display: flex;
    gap: 16px;
    flex-wrap: wrap;
    align-items: flex-end;
}

.control-group[b-51s6k1bt5g] {
    flex: 0 1 auto;
    min-width: 150px;
}

.control-group.flex-grow[b-51s6k1bt5g] {
    flex: 1;
    min-width: 200px;
}

.visibility-btn[b-51s6k1bt5g] {
    white-space: nowrap;
}

.search-field[b-51s6k1bt5g] {
    width: 100%;
}

.filter-select[b-51s6k1bt5g] {
    width: 100%;
    min-width: 140px;
}

/* KPI Grid */
.kpi-grid[b-51s6k1bt5g] {
    display: grid;
    grid-template-columns: repeat(auto-fit, minmax(220px, 1fr));
    gap: 16px;
    margin-bottom: 32px;
}

.kpi-card[b-51s6k1bt5g] {
    background: #ffffff;
    border: 2px solid #d4a5f5;
    border-radius: 8px;
    padding: 20px;
    display: flex;
    flex-direction: column;
    justify-content: center;
    transition: all 0.3s ease;
}

.kpi-card:hover[b-51s6k1bt5g] {
    border-color: #b580f0;
    box-shadow: 0 2px 8px rgba(212, 165, 245, 0.15);
}

.kpi-label[b-51s6k1bt5g] {
    font-size: 12px;
    color: #666;
    font-weight: 600;
    text-transform: uppercase;
    letter-spacing: 0.5px;
    margin-bottom: 12px;
    display: flex;
    align-items: center;
    gap: 8px;
}

.info-icon[b-51s6k1bt5g] {
    opacity: 0.6;
    transition: opacity 0.2s;
}

.info-icon:hover[b-51s6k1bt5g] {
    opacity: 1;
}

.kpi-value[b-51s6k1bt5g] {
    font-size: 24px;
    font-weight: 700;
    color: #1a1a1a;
}

/* Products Section */
.products-section[b-51s6k1bt5g] {
    background: #ffffff;
    border: 1px solid #e0e0e0;
    border-radius: 8px;
    padding: 24px;
}

.products-section h3[b-51s6k1bt5g] {
    font-size: 16px;
    font-weight: 600;
    color: #1a1a1a;
    margin: 0 0 16px 0;
}

/* Empty State */
.empty-state[b-51s6k1bt5g] {
    text-align: center;
    padding: 60px 20px;
    color: #999;
}

.empty-icon[b-51s6k1bt5g] {
    font-size: 64px;
    color: #d0d0d0;
    margin-bottom: 16px;
}

.empty-state h4[b-51s6k1bt5g] {
    font-size: 16px;
    font-weight: 600;
    color: #666;
    margin: 12px 0;
}

.empty-state p[b-51s6k1bt5g] {
    font-size: 14px;
    color: #999;
    margin: 0;
}

/* Responsive Design */
@media (max-width: 768px) {
    .ads-container[b-51s6k1bt5g] {
        padding: 16px;
    }

    .control-row[b-51s6k1bt5g] {
        flex-direction: column;
    }

    .control-group[b-51s6k1bt5g] {
        width: 100%;
        min-width: unset;
    }

    .kpi-grid[b-51s6k1bt5g] {
        grid-template-columns: repeat(auto-fit, minmax(180px, 1fr));
        gap: 12px;
    }

    .kpi-value[b-51s6k1bt5g] {
        font-size: 20px;
    }
}

@media (max-width: 480px) {
    .kpi-grid[b-51s6k1bt5g] {
        grid-template-columns: 1fr;
    }

    .kpi-value[b-51s6k1bt5g] {
        font-size: 18px;
    }
}
/* /Pages/Ads/AdsShopee.razor.rz.scp.css */
.ads-container[b-eodciz158t] {
    padding: 24px;
    max-width: 1400px;
    margin: 0 auto;
}

.info-banner[b-eodciz158t] {
    margin-bottom: 24px;
}

.controls-section[b-eodciz158t] {
    background: #ffffff;
    border: 1px solid #e0e0e0;
    border-radius: 8px;
    padding: 20px;
    margin-bottom: 24px;
}

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

.control-group[b-eodciz158t] {
    flex: 0 1 auto;
    min-width: 150px;
}

.control-group.flex-grow[b-eodciz158t] {
    flex: 1;
    min-width: 200px;
}

.visibility-btn[b-eodciz158t] {
    white-space: nowrap;
}

.search-field[b-eodciz158t] {
    width: 100%;
}

.filter-select[b-eodciz158t] {
    width: 100%;
    min-width: 140px;
}

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

.kpi-card[b-eodciz158t] {
    background: #ffffff;
    border: 2px solid #d4a5f5;
    border-radius: 8px;
    padding: 20px;
    display: flex;
    flex-direction: column;
    justify-content: center;
    transition: all 0.3s ease;
}

.kpi-card:hover[b-eodciz158t] {
    border-color: #b580f0;
    box-shadow: 0 2px 8px rgba(212, 165, 245, 0.15);
}

.kpi-label[b-eodciz158t] {
    font-size: 12px;
    color: #666;
    font-weight: 600;
    text-transform: uppercase;
    letter-spacing: 0.5px;
    margin-bottom: 12px;
    display: flex;
    align-items: center;
    gap: 8px;
}

.info-icon[b-eodciz158t] {
    opacity: 0.6;
    transition: opacity 0.2s;
}

.info-icon:hover[b-eodciz158t] {
    opacity: 1;
}

.kpi-value[b-eodciz158t] {
    font-size: 24px;
    font-weight: 700;
    color: #1a1a1a;
}

/* Products Section */
.products-section[b-eodciz158t] {
    background: #ffffff;
    border: 1px solid #e0e0e0;
    border-radius: 8px;
    padding: 24px;
}

.products-section h3[b-eodciz158t] {
    font-size: 16px;
    font-weight: 600;
    color: #1a1a1a;
    margin: 0 0 16px 0;
}

/* Empty State */
.empty-state[b-eodciz158t] {
    text-align: center;
    padding: 60px 20px;
    color: #999;
}

.empty-icon[b-eodciz158t] {
    font-size: 64px;
    color: #d0d0d0;
    margin-bottom: 16px;
}

.empty-state h4[b-eodciz158t] {
    font-size: 16px;
    font-weight: 600;
    color: #666;
    margin: 12px 0;
}

.empty-state p[b-eodciz158t] {
    font-size: 14px;
    color: #999;
    margin: 0;
}

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

    .control-row[b-eodciz158t] {
        flex-direction: column;
    }

    .control-group[b-eodciz158t] {
        width: 100%;
        min-width: unset;
    }

    .kpi-grid[b-eodciz158t] {
        grid-template-columns: repeat(auto-fit, minmax(180px, 1fr));
        gap: 12px;
    }

    .kpi-value[b-eodciz158t] {
        font-size: 20px;
    }
}

@media (max-width: 480px) {
    .kpi-grid[b-eodciz158t] {
        grid-template-columns: 1fr;
    }

    .kpi-value[b-eodciz158t] {
        font-size: 18px;
    }
}
/* /Pages/Agencias.razor.rz.scp.css */
.agencias-container[b-8zb4q1xlvy] {
    padding: 24px;
    max-width: 1200px;
    margin: 0 auto;
}

.header-section[b-8zb4q1xlvy] {
    margin-bottom: 32px;
    display: flex;
    justify-content: flex-end;
}

.agencias-grid[b-8zb4q1xlvy] {
    display: grid;
    grid-template-columns: repeat(auto-fill, minmax(300px, 1fr));
    gap: 24px;
}

.agencia-card[b-8zb4q1xlvy] {
    background: white;
    border: 1px solid #e0e0e0;
    border-radius: 8px;
    padding: 24px;
    box-shadow: 0 2px 4px rgba(0, 0, 0, 0.05);
    display: flex;
    flex-direction: column;
    gap: 16px;
    transition: all 0.3s ease;
}

.agencia-card:hover[b-8zb4q1xlvy] {
    border-color: #1976d2;
    box-shadow: 0 4px 12px rgba(25, 118, 210, 0.15);
}

.agencia-header[b-8zb4q1xlvy] {
    display: flex;
    justify-content: space-between;
    align-items: flex-start;
    gap: 16px;
}

.agencia-header h3[b-8zb4q1xlvy] {
    margin: 0;
    font-size: 18px;
    font-weight: 600;
    color: #212121;
}

.agencia-info[b-8zb4q1xlvy] {
    display: flex;
    flex-direction: column;
    gap: 8px;
}

.agencia-info p[b-8zb4q1xlvy] {
    margin: 0;
    font-size: 14px;
    color: #424242;
}

.agencia-info strong[b-8zb4q1xlvy] {
    font-weight: 600;
}

.agencia-status[b-8zb4q1xlvy] {
    margin-top: 8px;
}

.empty-state[b-8zb4q1xlvy] {
    text-align: center;
    padding: 60px 24px;
    background: white;
    border: 2px dashed #e0e0e0;
    border-radius: 8px;
}

.empty-state :deep .mud-icon[b-8zb4q1xlvy] {
    margin-bottom: 16px;
    color: #bdbdbd;
}

.empty-state h3[b-8zb4q1xlvy] {
    margin: 0 0 12px 0;
    font-size: 18px;
    font-weight: 600;
    color: #212121;
}

.empty-state p[b-8zb4q1xlvy] {
    margin: 0 0 24px 0;
    font-size: 14px;
    color: #757575;
}

@media (max-width: 768px) {
    .agencias-container[b-8zb4q1xlvy] {
        padding: 16px;
    }

    .agencias-grid[b-8zb4q1xlvy] {
        grid-template-columns: 1fr;
    }

    .agencia-header[b-8zb4q1xlvy] {
        flex-direction: column;
    }
}
/* /Pages/AmazonAvancado/InventarioV1.razor.rz.scp.css */
.inventario-container[b-smo7d7j8ur] {
    padding: 24px;
    max-width: 1400px;
    margin: 0 auto;
}

.filters-section[b-smo7d7j8ur] {
    display: flex;
    gap: 16px;
    margin-bottom: 32px;
    flex-wrap: wrap;
    align-items: center;
}

.search-field[b-smo7d7j8ur] {
    min-width: 300px;
    flex: 1;
    min-width: 200px;
}

.filter-select[b-smo7d7j8ur] {
    min-width: 150px;
    flex: 0 1 auto;
}

.table-section[b-smo7d7j8ur] {
    background: white;
    border-radius: 8px;
    overflow: hidden;
    box-shadow: 0 2px 4px rgba(0, 0, 0, 0.1);
}

.inventory-table[b-smo7d7j8ur] {
    width: 100%;
}

:deep .mud-table[b-smo7d7j8ur] {
    background-color: white;
}

:deep .mud-table-cell[b-smo7d7j8ur] {
    padding: 16px;
    border-bottom: 1px solid #e0e0e0;
}

:deep .mud-table-head-cell[b-smo7d7j8ur] {
    background-color: #f5f5f5;
    font-weight: 600;
    color: #212121;
}

:deep .mud-table-row:hover[b-smo7d7j8ur] {
    background-color: #fafafa;
}

@media (max-width: 768px) {
    .inventario-container[b-smo7d7j8ur] {
        padding: 16px;
    }

    .filters-section[b-smo7d7j8ur] {
        flex-direction: column;
    }

    .search-field[b-smo7d7j8ur],
    .filter-select[b-smo7d7j8ur] {
        width: 100%;
    }

    :deep .mud-table-cell[b-smo7d7j8ur] {
        padding: 12px 8px;
        font-size: 13px;
    }
}
/* /Pages/AmazonAvancado/ListarProduto.razor.rz.scp.css */
.listar-produto-container[b-znuk63fizg] {
    padding: 24px;
    max-width: 1200px;
    margin: 0 auto;
}

.action-grid[b-znuk63fizg] {
    display: grid;
    grid-template-columns: repeat(auto-fit, minmax(300px, 1fr));
    gap: 24px;
    margin-top: 32px;
}

.action-card[b-znuk63fizg] {
    background: white;
    border: 1px solid #e0e0e0;
    border-radius: 8px;
    padding: 32px 24px;
    cursor: pointer;
    transition: all 0.3s ease;
    text-align: center;
    display: flex;
    flex-direction: column;
    align-items: center;
    gap: 16px;
}

.action-card:hover[b-znuk63fizg] {
    border-color: #4caf50;
    box-shadow: 0 4px 12px rgba(76, 175, 80, 0.15);
    transform: translateY(-2px);
}

.card-icon[b-znuk63fizg] {
    width: 64px;
    height: 64px;
    border-radius: 50%;
    display: flex;
    align-items: center;
    justify-content: center;
    font-size: 32px;
}

.green-arrow[b-znuk63fizg],
.green-globe[b-znuk63fizg],
.green-copyright[b-znuk63fizg],
.green-target[b-znuk63fizg] {
    background-color: rgba(76, 175, 80, 0.1);
    color: #4caf50;
}

.action-card h3[b-znuk63fizg] {
    margin: 0;
    font-size: 18px;
    font-weight: 600;
    color: #212121;
}

.action-card p[b-znuk63fizg] {
    margin: 0;
    font-size: 14px;
    color: #757575;
    line-height: 1.5;
}

.badge-marca[b-znuk63fizg] {
    margin: 8px 0;
    height: 28px;
    font-size: 12px;
    font-weight: 500;
    color: #4caf50;
    border-color: #4caf50;
}

@media (max-width: 768px) {
    .action-grid[b-znuk63fizg] {
        grid-template-columns: 1fr;
    }

    .listar-produto-container[b-znuk63fizg] {
        padding: 16px;
    }
}
/* /Pages/AmazonAvancado/RelatorioNFs.razor.rz.scp.css */
.relatorio-container[b-wdkeu1moe6] {
    padding: 24px;
    max-width: 1400px;
    margin: 0 auto;
}

.filters-section[b-wdkeu1moe6] {
    display: flex;
    gap: 16px;
    margin-bottom: 32px;
    flex-wrap: wrap;
    align-items: center;
}

.date-filter[b-wdkeu1moe6] {
    min-width: 300px;
    flex: 1;
}

.filter-select[b-wdkeu1moe6] {
    min-width: 150px;
}

.table-section[b-wdkeu1moe6] {
    background: white;
    border-radius: 8px;
    overflow: hidden;
    box-shadow: 0 2px 4px rgba(0, 0, 0, 0.1);
}

.nf-table[b-wdkeu1moe6] {
    width: 100%;
}

:deep .mud-table[b-wdkeu1moe6] {
    background-color: white;
}

:deep .mud-table-cell[b-wdkeu1moe6] {
    padding: 16px;
    border-bottom: 1px solid #e0e0e0;
}

:deep .mud-table-head-cell[b-wdkeu1moe6] {
    background-color: #f5f5f5;
    font-weight: 600;
    color: #212121;
}

:deep .mud-table-row:hover[b-wdkeu1moe6] {
    background-color: #fafafa;
}

@media (max-width: 768px) {
    .relatorio-container[b-wdkeu1moe6] {
        padding: 16px;
    }

    .filters-section[b-wdkeu1moe6] {
        flex-direction: column;
    }

    .date-filter[b-wdkeu1moe6],
    .filter-select[b-wdkeu1moe6] {
        width: 100%;
    }

    :deep .mud-table-cell[b-wdkeu1moe6] {
        padding: 12px 8px;
        font-size: 13px;
    }
}
/* /Pages/Analitico/AnaliticoGraficos.razor.rz.scp.css */
.graficos-container[b-bh6tdnvdpb] {
    padding: 20px;
    background: #f8f9fa;
}

.filters-section[b-bh6tdnvdpb] {
    display: flex;
    gap: 16px;
    margin-bottom: 24px;
    flex-wrap: wrap;
}

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

.filter-group label[b-bh6tdnvdpb] {
    font-size: 13px;
    font-weight: 600;
    color: #333;
}

.form-select[b-bh6tdnvdpb] {
    padding: 8px 12px;
    border: 1px solid #d0d0d0;
    border-radius: 4px;
    font-size: 13px;
    background-color: white;
    cursor: pointer;
    min-width: 180px;
}

.form-select:hover[b-bh6tdnvdpb] {
    border-color: #999;
}

.form-select:focus[b-bh6tdnvdpb] {
    outline: none;
    border-color: #1976d2;
    box-shadow: 0 0 0 2px rgba(25, 118, 210, 0.1);
}

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

.chart-card[b-bh6tdnvdpb] {
    background: white;
    border-radius: 8px;
    box-shadow: 0 2px 8px rgba(0, 0, 0, 0.08);
    overflow: hidden;
}

.chart-header[b-bh6tdnvdpb] {
    display: flex;
    justify-content: space-between;
    align-items: center;
    padding: 16px;
    border-bottom: 1px solid #e8e8e8;
}

.chart-header h3[b-bh6tdnvdpb] {
    margin: 0;
    font-size: 15px;
    font-weight: 600;
    color: #333;
}

.btn-menu[b-bh6tdnvdpb] {
    background: none;
    border: none;
    font-size: 18px;
    cursor: pointer;
    color: #999;
    padding: 4px 8px;
    transition: color 0.2s ease;
}

.btn-menu:hover[b-bh6tdnvdpb] {
    color: #333;
}

.chart-body[b-bh6tdnvdpb] {
    padding: 20px;
    min-height: 300px;
    display: flex;
    align-items: center;
    justify-content: center;
}

/* Horizontal Chart */
.horizontal-chart[b-bh6tdnvdpb] {
    width: 100%;
    display: flex;
    flex-direction: column;
    gap: 16px;
}

.chart-row[b-bh6tdnvdpb] {
    display: flex;
    align-items: center;
    gap: 12px;
}

.month-label[b-bh6tdnvdpb] {
    font-size: 12px;
    font-weight: 600;
    color: #666;
    min-width: 35px;
    text-align: right;
}

.bar-container[b-bh6tdnvdpb] {
    flex: 1;
    background-color: #f0f2f5;
    border-radius: 4px;
    height: 24px;
    position: relative;
}

.bar[b-bh6tdnvdpb] {
    height: 100%;
    border-radius: 4px;
    transition: width 0.3s ease;
}

.bar-blue[b-bh6tdnvdpb] {
    background-color: #1976d2;
}

.bar-green[b-bh6tdnvdpb] {
    background-color: #22c55e;
}

.bar-purple[b-bh6tdnvdpb] {
    background-color: #9c27b0;
}

.value[b-bh6tdnvdpb] {
    font-size: 12px;
    font-weight: 600;
    color: #333;
    min-width: 90px;
    text-align: right;
}

/* Vertical Chart */
.vertical-chart[b-bh6tdnvdpb] {
    width: 100%;
    display: flex;
    align-items: flex-end;
    justify-content: space-around;
    gap: 8px;
    min-height: 280px;
}

.chart-column[b-bh6tdnvdpb] {
    display: flex;
    flex-direction: column;
    align-items: center;
    gap: 8px;
    flex: 1;
}

.chart-column .bar[b-bh6tdnvdpb] {
    width: 100%;
    max-width: 40px;
    transition: all 0.3s ease;
}

.chart-column .month-label[b-bh6tdnvdpb] {
    font-size: 11px;
    font-weight: 600;
    color: #666;
    margin-top: 4px;
}

.chart-column .value[b-bh6tdnvdpb] {
    font-size: 11px;
    font-weight: 600;
    color: #333;
}

.chart-footer[b-bh6tdnvdpb] {
    padding: 12px 16px;
    border-top: 1px solid #e8e8e8;
    display: flex;
    gap: 16px;
    font-size: 12px;
}

.legend-item[b-bh6tdnvdpb] {
    display: flex;
    align-items: center;
    gap: 6px;
    color: #666;
}

.legend-dot[b-bh6tdnvdpb] {
    width: 12px;
    height: 12px;
    border-radius: 2px;
    display: inline-block;
}

@media (max-width: 1200px) {
    .charts-grid[b-bh6tdnvdpb] {
        grid-template-columns: repeat(auto-fit, minmax(350px, 1fr));
    }
}

@media (max-width: 768px) {
    .charts-grid[b-bh6tdnvdpb] {
        grid-template-columns: 1fr;
    }

    .chart-body[b-bh6tdnvdpb] {
        min-height: 250px;
    }

    .horizontal-chart[b-bh6tdnvdpb] {
        gap: 12px;
    }

    .chart-row[b-bh6tdnvdpb] {
        gap: 8px;
    }

    .month-label[b-bh6tdnvdpb] {
        font-size: 11px;
    }

    .value[b-bh6tdnvdpb] {
        font-size: 11px;
        min-width: 70px;
    }

    .filters-section[b-bh6tdnvdpb] {
        flex-direction: column;
    }

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

    .form-select[b-bh6tdnvdpb] {
        width: 100%;
    }
}
/* /Pages/Analitico/AnaliticoProdutosInternos.razor.rz.scp.css */
.produtos-internos-container[b-l01re3m7f4] {
    padding: 20px;
    background: #f8f9fa;
}

.toolbar-section[b-l01re3m7f4] {
    display: flex;
    justify-content: space-between;
    align-items: center;
    gap: 16px;
    margin-bottom: 20px;
    flex-wrap: wrap;
}

.toolbar-left[b-l01re3m7f4],
.toolbar-right[b-l01re3m7f4] {
    display: flex;
    gap: 12px;
    align-items: center;
    flex-wrap: wrap;
}

.visibility-toggle[b-l01re3m7f4] {
    display: flex;
    align-items: center;
    gap: 6px;
    cursor: pointer;
    font-size: 13px;
    font-weight: 500;
    color: #333;
}

.visibility-toggle input[type="checkbox"][b-l01re3m7f4] {
    cursor: pointer;
    width: 16px;
    height: 16px;
}

.search-wrapper[b-l01re3m7f4] {
    position: relative;
}

.search-input[b-l01re3m7f4] {
    padding: 8px 12px;
    border: 1px solid #d0d0d0;
    border-radius: 4px;
    font-size: 13px;
    min-width: 200px;
}

.search-input:focus[b-l01re3m7f4] {
    outline: none;
    border-color: #1976d2;
    box-shadow: 0 0 0 2px rgba(25, 118, 210, 0.1);
}

.btn[b-l01re3m7f4] {
    padding: 8px 12px;
    border: none;
    border-radius: 4px;
    font-size: 13px;
    font-weight: 500;
    cursor: pointer;
    transition: all 0.2s ease;
    display: flex;
    align-items: center;
    gap: 6px;
}

.btn-secondary[b-l01re3m7f4] {
    background-color: #f0f2f5;
    color: #333;
    border: 1px solid #d0d0d0;
}

.btn-secondary:hover[b-l01re3m7f4] {
    background-color: #e8eaed;
    border-color: #999;
}

.form-select[b-l01re3m7f4] {
    padding: 8px 12px;
    border: 1px solid #d0d0d0;
    border-radius: 4px;
    font-size: 13px;
    background-color: white;
    cursor: pointer;
}

.form-select-sm[b-l01re3m7f4] {
    min-width: 160px;
}

.form-select:focus[b-l01re3m7f4] {
    outline: none;
    border-color: #1976d2;
    box-shadow: 0 0 0 2px rgba(25, 118, 210, 0.1);
}

.table-responsive[b-l01re3m7f4] {
    overflow-x: auto;
    background: white;
    border-radius: 8px;
    box-shadow: 0 2px 8px rgba(0, 0, 0, 0.08);
}

.produtos-table[b-l01re3m7f4] {
    width: 100%;
    border-collapse: collapse;
    font-size: 13px;
}

.produtos-table thead[b-l01re3m7f4] {
    background: #f0f2f5;
    border-bottom: 1px solid #d0d0d0;
    position: sticky;
    top: 0;
}

.produtos-table th[b-l01re3m7f4] {
    padding: 12px 16px;
    text-align: left;
    font-weight: 600;
    color: #333;
    white-space: nowrap;
}

.sortable[b-l01re3m7f4] {
    cursor: pointer;
    user-select: none;
    display: flex;
    align-items: center;
    gap: 6px;
}

.sortable:hover[b-l01re3m7f4] {
    background-color: #e8eaed;
}

.sort-icon[b-l01re3m7f4] {
    font-size: 11px;
    opacity: 0.5;
}

.sortable:hover .sort-icon[b-l01re3m7f4] {
    opacity: 1;
}

.produtos-table td[b-l01re3m7f4] {
    padding: 12px 16px;
    border-bottom: 1px solid #e8e8e8;
    color: #555;
}

.produtos-table tbody tr:hover[b-l01re3m7f4] {
    background-color: #f9f9f9;
}

.product-cell[b-l01re3m7f4] {
    display: flex;
    align-items: center;
    gap: 8px;
    font-weight: 500;
    color: #333;
}

.product-image[b-l01re3m7f4] {
    width: 32px;
    height: 32px;
    border-radius: 4px;
    background: #e8e8e8;
}

@media (max-width: 1024px) {
    .toolbar-section[b-l01re3m7f4] {
        flex-direction: column;
        align-items: flex-start;
    }

    .toolbar-left[b-l01re3m7f4],
    .toolbar-right[b-l01re3m7f4] {
        width: 100%;
        flex-direction: column;
    }

    .search-input[b-l01re3m7f4],
    .form-select[b-l01re3m7f4] {
        width: 100%;
    }

    .btn[b-l01re3m7f4] {
        width: 100%;
        justify-content: center;
    }
}

@media (max-width: 768px) {
    .produtos-table[b-l01re3m7f4] {
        font-size: 12px;
    }

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

    .product-cell[b-l01re3m7f4] {
        gap: 4px;
    }

    .product-image[b-l01re3m7f4] {
        width: 24px;
        height: 24px;
    }
}
/* /Pages/Analitico/AnaliticoReembolsos.razor.rz.scp.css */
.reembolsos-container[b-qyano83edl] {
    padding: 20px;
    background: #f8f9fa;
}

.info-banner[b-qyano83edl] {
    display: flex;
    align-items: flex-start;
    gap: 12px;
    padding: 12px 16px;
    background-color: #e3f2fd;
    border-left: 4px solid #1976d2;
    border-radius: 4px;
    margin-bottom: 20px;
    font-size: 13px;
    color: #1565c0;
}

.info-icon[b-qyano83edl] {
    font-size: 16px;
    flex-shrink: 0;
}

.toolbar-section[b-qyano83edl] {
    display: flex;
    justify-content: space-between;
    align-items: center;
    gap: 16px;
    margin-bottom: 20px;
    flex-wrap: wrap;
}

.toolbar-left[b-qyano83edl],
.toolbar-right[b-qyano83edl] {
    display: flex;
    gap: 12px;
    align-items: center;
    flex-wrap: wrap;
}

.visibility-toggle[b-qyano83edl] {
    display: flex;
    align-items: center;
    gap: 6px;
    cursor: pointer;
    font-size: 13px;
    font-weight: 500;
    color: #333;
}

.visibility-toggle input[type="checkbox"][b-qyano83edl] {
    cursor: pointer;
    width: 16px;
    height: 16px;
}

.search-wrapper[b-qyano83edl] {
    position: relative;
}

.search-input[b-qyano83edl] {
    padding: 8px 12px;
    border: 1px solid #d0d0d0;
    border-radius: 4px;
    font-size: 13px;
    min-width: 200px;
}

.search-input:focus[b-qyano83edl] {
    outline: none;
    border-color: #1976d2;
    box-shadow: 0 0 0 2px rgba(25, 118, 210, 0.1);
}

.form-select[b-qyano83edl] {
    padding: 8px 12px;
    border: 1px solid #d0d0d0;
    border-radius: 4px;
    font-size: 13px;
    background-color: white;
    cursor: pointer;
}

.form-select-sm[b-qyano83edl] {
    min-width: 150px;
}

.form-select:focus[b-qyano83edl] {
    outline: none;
    border-color: #1976d2;
    box-shadow: 0 0 0 2px rgba(25, 118, 210, 0.1);
}

.table-responsive[b-qyano83edl] {
    overflow-x: auto;
    background: white;
    border-radius: 8px;
    box-shadow: 0 2px 8px rgba(0, 0, 0, 0.08);
}

.reembolsos-table[b-qyano83edl] {
    width: 100%;
    border-collapse: collapse;
    font-size: 13px;
}

.reembolsos-table thead[b-qyano83edl] {
    background: #f0f2f5;
    border-bottom: 1px solid #d0d0d0;
    position: sticky;
    top: 0;
}

.reembolsos-table th[b-qyano83edl] {
    padding: 12px 16px;
    text-align: left;
    font-weight: 600;
    color: #333;
    white-space: nowrap;
}

.reembolsos-table td[b-qyano83edl] {
    padding: 12px 16px;
    border-bottom: 1px solid #e8e8e8;
    color: #555;
}

.reembolsos-table tbody tr:hover[b-qyano83edl] {
    background-color: #f9f9f9;
}

.product-cell[b-qyano83edl] {
    display: flex;
    align-items: center;
    gap: 12px;
    font-weight: 500;
    color: #333;
}

.product-image[b-qyano83edl] {
    width: 40px;
    height: 40px;
    border-radius: 4px;
    background: #e8e8e8;
    flex-shrink: 0;
}

.product-info[b-qyano83edl] {
    display: flex;
    flex-direction: column;
    gap: 2px;
}

.product-name[b-qyano83edl] {
    font-weight: 600;
    color: #333;
}

.product-sku[b-qyano83edl] {
    font-size: 11px;
    color: #999;
    font-weight: 400;
}

.percentage-badge[b-qyano83edl] {
    display: inline-block;
    padding: 2px 8px;
    background-color: #fff3e0;
    color: #e65100;
    border-radius: 3px;
    font-weight: 600;
    font-size: 12px;
}

.actions-cell[b-qyano83edl] {
    text-align: center;
}

.btn-action[b-qyano83edl] {
    background: none;
    border: none;
    font-size: 16px;
    cursor: pointer;
    padding: 4px 8px;
    transition: transform 0.2s ease;
}

.btn-action:hover[b-qyano83edl] {
    transform: scale(1.15);
}

@media (max-width: 1024px) {
    .toolbar-section[b-qyano83edl] {
        flex-direction: column;
        align-items: flex-start;
    }

    .toolbar-left[b-qyano83edl],
    .toolbar-right[b-qyano83edl] {
        width: 100%;
        flex-direction: column;
    }

    .search-input[b-qyano83edl],
    .form-select[b-qyano83edl] {
        width: 100%;
    }
}

@media (max-width: 768px) {
    .reembolsos-table[b-qyano83edl] {
        font-size: 12px;
    }

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

    .product-cell[b-qyano83edl] {
        gap: 8px;
    }

    .product-image[b-qyano83edl] {
        width: 32px;
        height: 32px;
    }

    .product-name[b-qyano83edl] {
        font-size: 12px;
    }

    .product-sku[b-qyano83edl] {
        font-size: 10px;
    }

    .info-banner[b-qyano83edl] {
        font-size: 12px;
    }
}
/* /Pages/Analitico/AnaliticoResumo.razor.rz.scp.css */
.analitico-resumo-container[b-wjr7g125ag] {
    padding: 20px;
    background: #f8f9fa;
    border-radius: 8px;
}

.filters-section[b-wjr7g125ag] {
    display: flex;
    gap: 16px;
    margin-bottom: 24px;
}

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

.filter-group label[b-wjr7g125ag] {
    font-size: 13px;
    font-weight: 600;
    color: #333;
}

.form-select[b-wjr7g125ag] {
    padding: 8px 12px;
    border: 1px solid #d0d0d0;
    border-radius: 4px;
    font-size: 13px;
    background-color: white;
    cursor: pointer;
    min-width: 180px;
}

.form-select:hover[b-wjr7g125ag] {
    border-color: #999;
}

.form-select:focus[b-wjr7g125ag] {
    outline: none;
    border-color: #1976d2;
    box-shadow: 0 0 0 2px rgba(25, 118, 210, 0.1);
}

.table-responsive[b-wjr7g125ag] {
    overflow-x: auto;
    background: white;
    border-radius: 8px;
    box-shadow: 0 2px 8px rgba(0, 0, 0, 0.08);
}

.financeiro-table[b-wjr7g125ag] {
    width: 100%;
    border-collapse: collapse;
    font-size: 13px;
}

.financeiro-table thead[b-wjr7g125ag] {
    background: #f0f2f5;
    border-bottom: 1px solid #d0d0d0;
}

.financeiro-table th[b-wjr7g125ag] {
    padding: 12px 16px;
    text-align: left;
    font-weight: 600;
    color: #333;
    white-space: nowrap;
}

.logo-amazon[b-wjr7g125ag] {
    width: 24px;
    height: 24px;
}

.financeiro-table td[b-wjr7g125ag] {
    padding: 12px 16px;
    border-bottom: 1px solid #e8e8e8;
    color: #555;
}

.financeiro-table tbody tr:hover[b-wjr7g125ag] {
    background-color: #f9f9f9;
}

.metric-label[b-wjr7g125ag] {
    font-weight: 600;
    color: #333;
    width: 200px;
}

@media (max-width: 768px) {
    .filters-section[b-wjr7g125ag] {
        flex-direction: column;
    }

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

    .form-select[b-wjr7g125ag] {
        width: 100%;
    }

    .financeiro-table[b-wjr7g125ag] {
        font-size: 12px;
    }

    .financeiro-table th[b-wjr7g125ag],
    .financeiro-table td[b-wjr7g125ag] {
        padding: 8px 12px;
    }
}
/* /Pages/Analitico/AnaliticoVendasPorAnuncios.razor.rz.scp.css */
.vendas-anuncios-container[b-5247dwkbpl] {
    padding: 20px;
    background: #f8f9fa;
}

.subtitle[b-5247dwkbpl] {
    font-size: 14px;
    color: #666;
    margin-bottom: 20px;
}

.toolbar-section[b-5247dwkbpl] {
    display: flex;
    justify-content: space-between;
    align-items: center;
    gap: 16px;
    margin-bottom: 16px;
    flex-wrap: wrap;
}

.toolbar-left[b-5247dwkbpl],
.toolbar-right[b-5247dwkbpl] {
    display: flex;
    gap: 12px;
    align-items: center;
    flex-wrap: wrap;
}

.visibility-toggle[b-5247dwkbpl] {
    display: flex;
    align-items: center;
    gap: 6px;
    cursor: pointer;
    font-size: 13px;
    font-weight: 500;
    color: #333;
}

.visibility-toggle input[type="checkbox"][b-5247dwkbpl] {
    cursor: pointer;
    width: 16px;
    height: 16px;
}

.search-wrapper[b-5247dwkbpl] {
    position: relative;
}

.search-input[b-5247dwkbpl] {
    padding: 8px 12px;
    border: 1px solid #d0d0d0;
    border-radius: 4px;
    font-size: 13px;
    min-width: 240px;
}

.search-input:focus[b-5247dwkbpl] {
    outline: none;
    border-color: #1976d2;
    box-shadow: 0 0 0 2px rgba(25, 118, 210, 0.1);
}

.btn-icon-only[b-5247dwkbpl] {
    width: 36px;
    height: 36px;
    border: 1px solid #d0d0d0;
    border-radius: 4px;
    background-color: white;
    cursor: pointer;
    font-size: 16px;
    display: flex;
    align-items: center;
    justify-content: center;
    transition: all 0.2s ease;
}

.btn-icon-only:hover[b-5247dwkbpl] {
    background-color: #f0f2f5;
    border-color: #999;
}

.form-select[b-5247dwkbpl] {
    padding: 8px 12px;
    border: 1px solid #d0d0d0;
    border-radius: 4px;
    font-size: 13px;
    background-color: white;
    cursor: pointer;
}

.form-select-sm[b-5247dwkbpl] {
    min-width: 150px;
}

.form-select:focus[b-5247dwkbpl] {
    outline: none;
    border-color: #1976d2;
    box-shadow: 0 0 0 2px rgba(25, 118, 210, 0.1);
}

.legend-bar[b-5247dwkbpl] {
    display: flex;
    gap: 24px;
    padding: 12px 16px;
    background: white;
    border-radius: 8px;
    margin-bottom: 12px;
    box-shadow: 0 1px 3px rgba(0, 0, 0, 0.05);
}

.legend-item[b-5247dwkbpl] {
    display: flex;
    align-items: center;
    gap: 6px;
    font-size: 12px;
    font-weight: 500;
    color: #333;
}

.legend-up[b-5247dwkbpl] {
    color: #22c55e;
}

.legend-stable[b-5247dwkbpl] {
    color: #999;
}

.legend-down[b-5247dwkbpl] {
    color: #ef4444;
}

.arrow-up[b-5247dwkbpl],
.arrow-down[b-5247dwkbpl],
.dash[b-5247dwkbpl] {
    font-weight: bold;
    font-size: 14px;
}

.count-info[b-5247dwkbpl] {
    font-size: 12px;
    color: #666;
    margin-bottom: 12px;
    padding: 0 4px;
}

.table-responsive[b-5247dwkbpl] {
    overflow-x: auto;
    background: white;
    border-radius: 8px;
    box-shadow: 0 2px 8px rgba(0, 0, 0, 0.08);
}

.vendas-table[b-5247dwkbpl] {
    width: 100%;
    border-collapse: collapse;
    font-size: 13px;
}

.vendas-table thead[b-5247dwkbpl] {
    background: #f0f2f5;
    border-bottom: 1px solid #d0d0d0;
    position: sticky;
    top: 0;
}

.vendas-table th[b-5247dwkbpl] {
    padding: 12px 16px;
    text-align: left;
    font-weight: 600;
    color: #333;
    white-space: nowrap;
}

.vendas-table td[b-5247dwkbpl] {
    padding: 12px 16px;
    border-bottom: 1px solid #e8e8e8;
    color: #555;
}

.vendas-table tbody tr:hover[b-5247dwkbpl] {
    background-color: #f9f9f9;
}

.marketplace-logo[b-5247dwkbpl] {
    width: 20px;
    height: 20px;
}

.product-title[b-5247dwkbpl] {
    display: flex;
    align-items: center;
    gap: 8px;
    font-weight: 500;
    color: #333;
}

.product-image[b-5247dwkbpl] {
    width: 32px;
    height: 32px;
    border-radius: 4px;
    background: #e8e8e8;
}

.value-up[b-5247dwkbpl] {
    color: #22c55e;
    font-weight: 600;
}

.value-stable[b-5247dwkbpl] {
    color: #999;
}

.value-down[b-5247dwkbpl] {
    color: #ef4444;
    font-weight: 600;
}

.trend-arrow[b-5247dwkbpl] {
    font-size: 14px;
    font-weight: bold;
}

@media (max-width: 1024px) {
    .toolbar-section[b-5247dwkbpl] {
        flex-direction: column;
        align-items: flex-start;
    }

    .toolbar-left[b-5247dwkbpl],
    .toolbar-right[b-5247dwkbpl] {
        width: 100%;
        flex-direction: column;
    }

    .search-input[b-5247dwkbpl],
    .form-select[b-5247dwkbpl] {
        width: 100%;
    }

    .legend-bar[b-5247dwkbpl] {
        flex-direction: column;
        gap: 8px;
    }
}

@media (max-width: 768px) {
    .vendas-table[b-5247dwkbpl] {
        font-size: 12px;
    }

    .vendas-table th[b-5247dwkbpl],
    .vendas-table td[b-5247dwkbpl] {
        padding: 8px 12px;
    }

    .product-title[b-5247dwkbpl] {
        gap: 4px;
    }

    .product-image[b-5247dwkbpl] {
        width: 24px;
        height: 24px;
    }

    .legend-bar[b-5247dwkbpl] {
        gap: 12px;
    }

    .legend-item[b-5247dwkbpl] {
        font-size: 11px;
    }
}
/* /Pages/Configuracoes/ConfiguracoesContasV1.razor.rz.scp.css */
.contas-container[b-woticklk83] {
    padding: 24px;
    max-width: 1200px;
    margin: 0 auto;
}

.header-section[b-woticklk83] {
    margin-bottom: 32px;
    display: flex;
    justify-content: flex-end;
}

.company-card[b-woticklk83] {
    background: white;
    border: 1px solid #e0e0e0;
    border-radius: 8px;
    padding: 24px;
    margin-bottom: 24px;
    box-shadow: 0 2px 4px rgba(0, 0, 0, 0.05);
}

.company-header[b-woticklk83] {
    display: flex;
    justify-content: space-between;
    align-items: flex-start;
    margin-bottom: 24px;
    padding-bottom: 16px;
    border-bottom: 1px solid #f0f0f0;
}

.company-info h3[b-woticklk83] {
    margin: 0;
    font-size: 18px;
    font-weight: 600;
    color: #212121;
}

.cnpj[b-woticklk83] {
    margin: 8px 0 0 0;
    font-size: 14px;
    color: #757575;
}

.accounts-table[b-woticklk83] {
    width: 100%;
    margin-top: 16px;
}

:deep .mud-table[b-woticklk83] {
    background-color: transparent;
}

:deep .mud-table-cell[b-woticklk83] {
    padding: 12px 16px;
    border-bottom: 1px solid #e0e0e0;
}

:deep .mud-table-head-cell[b-woticklk83] {
    background-color: transparent;
    font-weight: 600;
    color: #424242;
    border-bottom: 2px solid #e0e0e0;
}

:deep .mud-table-row:last-child .mud-table-cell[b-woticklk83] {
    border-bottom: none;
}

:deep .mud-table-row:hover[b-woticklk83] {
    background-color: #fafafa;
}

.action-icons[b-woticklk83] {
    display: flex;
    gap: 8px;
}

.mb-4[b-woticklk83] {
    margin-bottom: 16px;
}

@media (max-width: 768px) {
    .contas-container[b-woticklk83] {
        padding: 16px;
    }

    .company-card[b-woticklk83] {
        padding: 16px;
    }

    .company-header[b-woticklk83] {
        flex-direction: column;
        gap: 16px;
    }

    :deep .mud-table-cell[b-woticklk83] {
        padding: 8px 12px;
        font-size: 13px;
    }
}
/* /Pages/Configuracoes/ConfiguracoesFaturas.razor.rz.scp.css */
.faturas-container[b-fwijzx4njd] {
    padding: 24px;
    max-width: 1000px;
    margin: 0 auto;
}

.table-section[b-fwijzx4njd] {
    background: white;
    border-radius: 8px;
    overflow: hidden;
    box-shadow: 0 2px 4px rgba(0, 0, 0, 0.1);
}

.invoices-table[b-fwijzx4njd] {
    width: 100%;
}

:deep .mud-table[b-fwijzx4njd] {
    background-color: white;
}

:deep .mud-table-cell[b-fwijzx4njd] {
    padding: 16px;
    border-bottom: 1px solid #e0e0e0;
}

:deep .mud-table-head-cell[b-fwijzx4njd] {
    background-color: #f5f5f5;
    font-weight: 600;
    color: #212121;
}

:deep .mud-table-row:hover[b-fwijzx4njd] {
    background-color: #fafafa;
}

@media (max-width: 768px) {
    .faturas-container[b-fwijzx4njd] {
        padding: 16px;
    }

    :deep .mud-table-cell[b-fwijzx4njd] {
        padding: 12px 8px;
        font-size: 13px;
    }
}
/* /Pages/Configuracoes/ConfiguracoesGerais.razor.rz.scp.css */
.gerais-container[b-4wcnzzl582] {
    padding: 24px;
    max-width: 600px;
    margin: 0 auto;
}

.form-card[b-4wcnzzl582] {
    background: white;
    border: 1px solid #e0e0e0;
    border-radius: 8px;
    padding: 32px;
    box-shadow: 0 2px 4px rgba(0, 0, 0, 0.05);
}

.form-card h3[b-4wcnzzl582] {
    margin: 0 0 24px 0;
    font-size: 18px;
    font-weight: 600;
    color: #212121;
}

.form-section[b-4wcnzzl582] {
    margin-bottom: 24px;
}

.form-field[b-4wcnzzl582] {
    width: 100%;
}

.toggle-section[b-4wcnzzl582] {
    margin-top: 24px;
    display: flex;
    flex-direction: column;
    gap: 24px;
}

.toggle-item[b-4wcnzzl582] {
    display: flex;
    justify-content: space-between;
    align-items: flex-start;
    gap: 16px;
    padding: 16px;
    background-color: #fafafa;
    border-radius: 6px;
}

.toggle-label label[b-4wcnzzl582] {
    margin: 0;
    font-size: 14px;
    font-weight: 500;
    color: #212121;
    display: block;
    margin-bottom: 4px;
}

.toggle-label p[b-4wcnzzl582] {
    margin: 0;
    font-size: 12px;
    color: #757575;
    line-height: 1.4;
}

.button-section[b-4wcnzzl582] {
    margin-top: 32px;
    display: flex;
    gap: 12px;
}

.button-section :deep .mud-button[b-4wcnzzl582] {
    min-width: 120px;
}

.mt-5[b-4wcnzzl582] {
    margin-top: 40px;
}

@media (max-width: 768px) {
    .gerais-container[b-4wcnzzl582] {
        padding: 16px;
    }

    .form-card[b-4wcnzzl582] {
        padding: 24px 16px;
    }

    .toggle-item[b-4wcnzzl582] {
        flex-direction: column;
    }
}
/* /Pages/Configuracoes/ConfiguracoesMeuPerfil.razor.rz.scp.css */
.perfil-container[b-30yvxlxz66] {
    padding: 24px;
    max-width: 600px;
    margin: 0 auto;
}

.profile-card[b-30yvxlxz66] {
    background: white;
    border: 1px solid #e0e0e0;
    border-radius: 8px;
    padding: 32px;
    box-shadow: 0 2px 4px rgba(0, 0, 0, 0.05);
}

.avatar-section[b-30yvxlxz66] {
    text-align: center;
    margin-bottom: 32px;
}

.avatar-placeholder[b-30yvxlxz66] {
    width: 100px;
    height: 100px;
    border-radius: 50%;
    background-color: #e0e0e0;
    display: flex;
    align-items: center;
    justify-content: center;
    margin: 0 auto 16px;
    color: #757575;
    font-size: 40px;
}

.form-section[b-30yvxlxz66] {
    margin-bottom: 32px;
    display: flex;
    flex-direction: column;
    gap: 16px;
}

.form-field[b-30yvxlxz66] {
    width: 100%;
}

.password-section[b-30yvxlxz66] {
    margin-top: 32px;
    padding-top: 32px;
    border-top: 1px solid #e0e0e0;
}

.password-section h3[b-30yvxlxz66] {
    margin: 0 0 24px 0;
    font-size: 16px;
    font-weight: 600;
    color: #212121;
}

.button-section[b-30yvxlxz66] {
    margin-top: 32px;
    display: flex;
    gap: 12px;
}

.button-section :deep .mud-button[b-30yvxlxz66] {
    min-width: 120px;
}

@media (max-width: 768px) {
    .perfil-container[b-30yvxlxz66] {
        padding: 16px;
    }

    .profile-card[b-30yvxlxz66] {
        padding: 24px 16px;
    }

    .button-section[b-30yvxlxz66] {
        flex-direction: column;
    }

    .button-section :deep .mud-button[b-30yvxlxz66] {
        width: 100%;
    }
}
/* /Pages/Configuracoes/ConfiguracoesUpgrade.razor.rz.scp.css */
.upgrade-container[b-zc1dthpfne] {
    padding: 24px;
    max-width: 1200px;
    margin: 0 auto;
}

.plans-grid[b-zc1dthpfne] {
    display: grid;
    grid-template-columns: repeat(auto-fit, minmax(300px, 1fr));
    gap: 24px;
    margin-bottom: 60px;
}

.plan-card[b-zc1dthpfne] {
    background: white;
    border: 2px solid #e0e0e0;
    border-radius: 8px;
    padding: 32px 24px;
    position: relative;
    transition: all 0.3s ease;
    display: flex;
    flex-direction: column;
    gap: 24px;
}

.plan-card:hover[b-zc1dthpfne] {
    border-color: #1976d2;
    box-shadow: 0 8px 24px rgba(25, 118, 210, 0.15);
}

.plan-card.current-plan[b-zc1dthpfne] {
    border-color: #4caf50;
    background-color: #f1f8f4;
}

.badge-current[b-zc1dthpfne] {
    position: absolute;
    top: 16px;
    right: 16px;
    background-color: #4caf50;
    color: white;
    padding: 6px 12px;
    border-radius: 4px;
    font-size: 12px;
    font-weight: 600;
}

.plan-card h3[b-zc1dthpfne] {
    margin: 0;
    font-size: 24px;
    font-weight: 600;
    color: #212121;
}

.price[b-zc1dthpfne] {
    margin: 0;
    font-size: 32px;
    font-weight: 700;
    color: #1976d2;
}

.features-list[b-zc1dthpfne] {
    list-style: none;
    padding: 0;
    margin: 0;
    display: flex;
    flex-direction: column;
    gap: 12px;
}

.features-list li[b-zc1dthpfne] {
    display: flex;
    align-items: center;
    gap: 12px;
    font-size: 14px;
    color: #424242;
}

.comparison-section[b-zc1dthpfne] {
    margin-top: 60px;
    padding-top: 32px;
    border-top: 1px solid #e0e0e0;
}

.comparison-section h2[b-zc1dthpfne] {
    margin: 0 0 24px 0;
    font-size: 20px;
    font-weight: 600;
    color: #212121;
}

.comparison-table[b-zc1dthpfne] {
    width: 100%;
    background: white;
    border-radius: 8px;
    overflow: hidden;
    box-shadow: 0 2px 4px rgba(0, 0, 0, 0.05);
}

:deep .mud-table[b-zc1dthpfne] {
    background-color: white;
}

:deep .mud-table-cell[b-zc1dthpfne] {
    padding: 16px;
    border-bottom: 1px solid #e0e0e0;
    text-align: center;
}

:deep .mud-table-cell:first-child[b-zc1dthpfne] {
    text-align: left;
}

:deep .mud-table-head-cell[b-zc1dthpfne] {
    background-color: #f5f5f5;
    font-weight: 600;
    color: #212121;
    text-align: center;
}

:deep .mud-table-head-cell:first-child[b-zc1dthpfne] {
    text-align: left;
}

:deep .mud-table-row:hover[b-zc1dthpfne] {
    background-color: #fafafa;
}

@media (max-width: 768px) {
    .upgrade-container[b-zc1dthpfne] {
        padding: 16px;
    }

    .plans-grid[b-zc1dthpfne] {
        grid-template-columns: 1fr;
        gap: 16px;
    }

    .plan-card[b-zc1dthpfne] {
        padding: 24px 16px;
    }

    .price[b-zc1dthpfne] {
        font-size: 24px;
    }

    :deep .mud-table-cell[b-zc1dthpfne] {
        padding: 12px 8px;
        font-size: 13px;
    }
}
/* /Pages/CurvaAbc.razor.rz.scp.css */
.curva-filters[b-ekub9gr5lf] {
    display: flex;
    align-items: center;
    gap: 0.75rem;
    flex-wrap: wrap;
}

.btn-success[b-ekub9gr5lf] {
    background: #28a745;
    border-color: #28a745;
    color: white;
}

.btn-success:hover[b-ekub9gr5lf] {
    background: #218838;
    border-color: #1e7e34;
}

/* ── Curve Cards Row ──────────────────────────────────────────────────── */
.curva-abc-container[b-ekub9gr5lf] {
    display: flex;
    flex-direction: column;
    gap: 1.5rem;
}

.curve-cards-row[b-ekub9gr5lf] {
    display: grid;
    grid-template-columns: repeat(auto-fit, minmax(240px, 1fr));
    gap: 1.25rem;
}

/* ── Curve Card ──────────────────────────────────────────────────────── */
.curve-card[b-ekub9gr5lf] {
    background: #ffffff;
    border: 1px solid #e5e7eb;
    border-left: 4px solid #17a2b8;
    border-radius: 8px;
    overflow: hidden;
    box-shadow: 0 1px 3px rgba(0, 0, 0, 0.05);
    transition: all 0.2s ease;
}

.curve-card:hover[b-ekub9gr5lf] {
    box-shadow: 0 4px 6px rgba(0, 0, 0, 0.08);
}

.curve-card-header[b-ekub9gr5lf] {
    padding: 0.75rem 1rem;
    background: #f9fafb;
    border-bottom: 1px solid #e5e7eb;
}

.curve-badge[b-ekub9gr5lf] {
    display: inline-block;
    padding: 0.3rem 0.8rem;
    border-radius: 4px;
    font-size: 0.8rem;
    font-weight: 700;
    text-transform: uppercase;
    letter-spacing: 0.5px;
}

.badge-a[b-ekub9gr5lf] {
    background: #dcfce7;
    color: #166534;
}

.badge-b[b-ekub9gr5lf] {
    background: #dbeafe;
    color: #1e40af;
}

.badge-c[b-ekub9gr5lf] {
    background: #fed7aa;
    color: #92400e;
}

.badge-z[b-ekub9gr5lf] {
    background: #e5e7eb;
    color: #4b5563;
}

.curve-card-body[b-ekub9gr5lf] {
    padding: 1rem;
    display: flex;
    flex-direction: column;
    gap: 0.75rem;
}

.curve-metric[b-ekub9gr5lf] {
    display: flex;
    justify-content: space-between;
    align-items: baseline;
    padding-bottom: 0.5rem;
    border-bottom: 1px solid #f0f1f3;
}

.curve-metric:last-child[b-ekub9gr5lf] {
    border-bottom: none;
    padding-bottom: 0;
}

.metric-label[b-ekub9gr5lf] {
    font-size: 0.8rem;
    font-weight: 500;
    color: #6b7280;
    text-transform: uppercase;
    letter-spacing: 0.4px;
}

.metric-value[b-ekub9gr5lf] {
    font-size: 1.1rem;
    font-weight: 700;
    color: #1f2937;
}

.metric-value small[b-ekub9gr5lf] {
    font-size: 0.8rem;
    color: #9ca3af;
    margin-left: 0.25rem;
}

/* ── Data Section (Table) ────────────────────────────────────────────── */
.data-section[b-ekub9gr5lf] {
    background: #ffffff;
    border: 1px solid #e5e7eb;
    border-radius: 8px;
    overflow: hidden;
}

.data-section-header[b-ekub9gr5lf] {
    padding: 1.25rem;
    border-bottom: 1px solid #e5e7eb;
}

.section-title[b-ekub9gr5lf] {
    margin: 0;
    font-size: 1.1rem;
    font-weight: 700;
    color: #1f2937;
}

.table-responsive[b-ekub9gr5lf] {
    overflow-x: auto;
}

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

.data-table thead[b-ekub9gr5lf] {
    background: #f9fafb;
    border-bottom: 2px solid #e5e7eb;
}

.data-table th[b-ekub9gr5lf] {
    padding: 0.75rem 1rem;
    text-align: left;
    font-weight: 600;
    color: #6b7280;
    text-transform: uppercase;
    font-size: 0.75rem;
    letter-spacing: 0.5px;
    white-space: nowrap;
}

.data-table th.sortable[b-ekub9gr5lf] {
    cursor: pointer;
    user-select: none;
    transition: background 0.15s;
}

.data-table th.sortable:hover[b-ekub9gr5lf] {
    background: #f0f1f3;
}

.data-table th.text-right[b-ekub9gr5lf] {
    text-align: right;
}

.data-table tbody tr[b-ekub9gr5lf] {
    border-bottom: 1px solid #e5e7eb;
    transition: background 0.15s;
}

.data-table tbody tr:hover[b-ekub9gr5lf] {
    background: #f9fafb;
}

.data-table td[b-ekub9gr5lf] {
    padding: 0.75rem 1rem;
    color: #374151;
    vertical-align: middle;
}

.data-table td.text-right[b-ekub9gr5lf] {
    text-align: right;
}

.product-cell[b-ekub9gr5lf] {
    display: flex;
    align-items: center;
    gap: 0.75rem;
}

.product-image[b-ekub9gr5lf] {
    width: 40px;
    height: 40px;
    background: #f0f4f7;
    border-radius: 4px;
    display: flex;
    align-items: center;
    justify-content: center;
    font-size: 1.5rem;
    flex-shrink: 0;
}

.product-info[b-ekub9gr5lf] {
    display: flex;
    flex-direction: column;
    gap: 2px;
    min-width: 0;
}

.product-info strong[b-ekub9gr5lf] {
    color: #1f2937;
    font-weight: 600;
    line-height: 1.2;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
}

.product-info small[b-ekub9gr5lf] {
    color: #9ca3af;
    font-size: 0.8rem;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
}

.curve-badge-inline[b-ekub9gr5lf] {
    display: inline-block;
    padding: 0.25rem 0.5rem;
    border-radius: 4px;
    font-size: 0.75rem;
    font-weight: 600;
    text-transform: uppercase;
}

/* ── Responsive Design ───────────────────────────────────────────────── */
@media (max-width: 1024px) {
    .curve-cards-row[b-ekub9gr5lf] {
        grid-template-columns: repeat(auto-fit, minmax(200px, 1fr));
    }
}

@media (max-width: 768px) {
    .curva-filters[b-ekub9gr5lf] {
        flex-direction: column;
        align-items: stretch;
    }

    .curva-filters button[b-ekub9gr5lf],
    .curva-filters select[b-ekub9gr5lf] {
        width: 100%;
    }

    .curve-cards-row[b-ekub9gr5lf] {
        grid-template-columns: repeat(2, 1fr);
    }

    .data-table[b-ekub9gr5lf] {
        font-size: 0.8rem;
    }

    .data-table th[b-ekub9gr5lf],
    .data-table td[b-ekub9gr5lf] {
        padding: 0.5rem 0.75rem;
    }

    .metric-value[b-ekub9gr5lf] {
        font-size: 1rem;
    }
}

@media (max-width: 480px) {
    .curve-cards-row[b-ekub9gr5lf] {
        grid-template-columns: 1fr;
    }

    .product-cell[b-ekub9gr5lf] {
        flex-direction: column;
        align-items: flex-start;
        gap: 0.5rem;
    }

    .product-image[b-ekub9gr5lf] {
        width: 32px;
        height: 32px;
        font-size: 1.25rem;
    }

    .data-table[b-ekub9gr5lf] {
        font-size: 0.75rem;
    }

    .data-table th[b-ekub9gr5lf],
    .data-table td[b-ekub9gr5lf] {
        padding: 0.4rem 0.6rem;
    }

    .metric-value[b-ekub9gr5lf] {
        font-size: 0.95rem;
    }

    .curve-metric[b-ekub9gr5lf] {
        flex-direction: column;
        gap: 0.3rem;
        align-items: flex-start;
    }
}

/* ── Dark Mode Support ───────────────────────────────────────────────── */
:global(.theme-dark) .curve-card[b-ekub9gr5lf] {
    background: #1e293b;
    border-color: #334155;
}

:global(.theme-dark) .curve-card-header[b-ekub9gr5lf] {
    background: #0f172a;
    border-bottom-color: #334155;
}

:global(.theme-dark) .badge-a[b-ekub9gr5lf] {
    background: rgba(34, 197, 94, 0.15);
    color: #6ee7b7;
}

:global(.theme-dark) .badge-b[b-ekub9gr5lf] {
    background: rgba(59, 130, 246, 0.15);
    color: #93c5fd;
}

:global(.theme-dark) .badge-c[b-ekub9gr5lf] {
    background: rgba(245, 158, 11, 0.15);
    color: #fcd34d;
}

:global(.theme-dark) .badge-z[b-ekub9gr5lf] {
    background: rgba(75, 85, 99, 0.2);
    color: #9ca3af;
}

:global(.theme-dark) .curve-card-body[b-ekub9gr5lf] {
    color: #e2e8f0;
}

:global(.theme-dark) .curve-metric[b-ekub9gr5lf] {
    border-bottom-color: #334155;
}

:global(.theme-dark) .metric-label[b-ekub9gr5lf] {
    color: #94a3b8;
}

:global(.theme-dark) .metric-value[b-ekub9gr5lf] {
    color: #f1f5f9;
}

:global(.theme-dark) .metric-value small[b-ekub9gr5lf] {
    color: #64748b;
}

:global(.theme-dark) .data-section[b-ekub9gr5lf] {
    background: #1e293b;
    border-color: #334155;
}

:global(.theme-dark) .data-section-header[b-ekub9gr5lf] {
    border-bottom-color: #334155;
}

:global(.theme-dark) .section-title[b-ekub9gr5lf] {
    color: #f1f5f9;
}

:global(.theme-dark) .data-table thead[b-ekub9gr5lf] {
    background: #0f172a;
    border-bottom-color: #334155;
}

:global(.theme-dark) .data-table th[b-ekub9gr5lf] {
    color: #94a3b8;
}

:global(.theme-dark) .data-table th.sortable:hover[b-ekub9gr5lf] {
    background: #273549;
}

:global(.theme-dark) .data-table tbody tr[b-ekub9gr5lf] {
    border-bottom-color: #334155;
}

:global(.theme-dark) .data-table tbody tr:hover[b-ekub9gr5lf] {
    background: #273549;
}

:global(.theme-dark) .data-table td[b-ekub9gr5lf] {
    color: #e2e8f0;
}

:global(.theme-dark) .product-image[b-ekub9gr5lf] {
    background: #0f172a;
}

:global(.theme-dark) .product-info strong[b-ekub9gr5lf] {
    color: #f1f5f9;
}

:global(.theme-dark) .product-info small[b-ekub9gr5lf] {
    color: #64748b;
}
/* /Pages/DashboardV1.razor.rz.scp.css */
.dashboard-v1-container[b-p5d2c5pp7x] {
    display: flex;
    flex-direction: column;
    gap: 1.5rem;
    padding: 0;
}

/* ── KPI Row & Cards ─────────────────────────────────────────────────── */
.kpi-row[b-p5d2c5pp7x] {
    display: grid;
    grid-template-columns: repeat(auto-fit, minmax(220px, 1fr));
    gap: 1.25rem;
}

.kpi-card[b-p5d2c5pp7x] {
    background: #ffffff;
    border: 1px solid #e5e7eb;
    border-left: 4px solid #17a2b8;
    border-radius: 8px;
    padding: 1.25rem;
    box-shadow: 0 1px 3px rgba(0, 0, 0, 0.05);
    transition: all 0.2s ease;
}

.kpi-card:hover[b-p5d2c5pp7x] {
    box-shadow: 0 4px 6px rgba(0, 0, 0, 0.08);
    border-left-color: #28a745;
}

.kpi-header[b-p5d2c5pp7x] {
    display: flex;
    align-items: center;
    justify-content: space-between;
    margin-bottom: 0.75rem;
}

.kpi-label[b-p5d2c5pp7x] {
    font-size: 0.85rem;
    font-weight: 600;
    color: #6b7280;
    text-transform: uppercase;
    letter-spacing: 0.5px;
}

.kpi-value[b-p5d2c5pp7x] {
    font-size: 1.75rem;
    font-weight: 700;
    color: #1f2937;
    line-height: 1.2;
}

.btn-icon-sm[b-p5d2c5pp7x] {
    background: none;
    border: none;
    color: #9ca3af;
    cursor: pointer;
    font-size: 0.9rem;
    padding: 0.25rem;
    transition: color 0.15s;
}

.btn-icon-sm:hover[b-p5d2c5pp7x] {
    color: #17a2b8;
}

/* ── Collapsible Section ──────────────────────────────────────────────── */
.collapsible-section[b-p5d2c5pp7x] {
    background: #ffffff;
    border: 1px solid #e5e7eb;
    border-radius: 8px;
    overflow: hidden;
}

.collapsible-header[b-p5d2c5pp7x] {
    display: flex;
    align-items: center;
    gap: 0.75rem;
    width: 100%;
    padding: 1.25rem;
    background: none;
    border: none;
    cursor: pointer;
    font-size: 1rem;
    font-weight: 600;
    color: #1f2937;
    transition: background 0.15s;
}

.collapsible-header:hover[b-p5d2c5pp7x] {
    background: #f9fafb;
}

.collapsible-title[b-p5d2c5pp7x] {
    user-select: none;
}

.collapsible-content[b-p5d2c5pp7x] {
    padding: 0 1.25rem 1.25rem;
    border-top: 1px solid #e5e7eb;
    display: flex;
    flex-direction: column;
    gap: 1.25rem;
    animation: slideDown-b-p5d2c5pp7x 0.2s ease;
}

@keyframes slideDown-b-p5d2c5pp7x {
    from {
        opacity: 0;
        transform: translateY(-8px);
    }
    to {
        opacity: 1;
        transform: translateY(0);
    }
}

/* ── Chart Section ───────────────────────────────────────────────────── */
.chart-section[b-p5d2c5pp7x] {
    background: #ffffff;
    border: 1px solid #e5e7eb;
    border-radius: 8px;
    overflow: hidden;
}

.chart-header[b-p5d2c5pp7x] {
    display: flex;
    align-items: center;
    gap: 0.75rem;
    width: 100%;
    padding: 1.25rem;
    background: none;
    border: none;
    cursor: pointer;
    font-size: 1rem;
    font-weight: 600;
    color: #1f2937;
    transition: background 0.15s;
}

.chart-header:hover[b-p5d2c5pp7x] {
    background: #f9fafb;
}

.chart-title[b-p5d2c5pp7x] {
    user-select: none;
}

.chart-placeholder[b-p5d2c5pp7x] {
    padding: 1.5rem;
    border-top: 1px solid #e5e7eb;
    background: #f9fafb;
}

.chart-svg[b-p5d2c5pp7x] {
    width: 100%;
    height: 200px;
    display: block;
}

/* ── Data Section (Table) ────────────────────────────────────────────── */
.data-section[b-p5d2c5pp7x] {
    background: #ffffff;
    border: 1px solid #e5e7eb;
    border-radius: 8px;
    overflow: hidden;
}

.data-section-header[b-p5d2c5pp7x] {
    padding: 1.25rem;
    border-bottom: 1px solid #e5e7eb;
}

.section-title[b-p5d2c5pp7x] {
    margin: 0;
    font-size: 1.1rem;
    font-weight: 700;
    color: #1f2937;
}

.table-responsive[b-p5d2c5pp7x] {
    overflow-x: auto;
}

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

.data-table thead[b-p5d2c5pp7x] {
    background: #f9fafb;
    border-bottom: 2px solid #e5e7eb;
}

.data-table th[b-p5d2c5pp7x] {
    padding: 0.75rem 1rem;
    text-align: left;
    font-weight: 600;
    color: #6b7280;
    text-transform: uppercase;
    font-size: 0.75rem;
    letter-spacing: 0.5px;
    white-space: nowrap;
}

.data-table th.text-right[b-p5d2c5pp7x] {
    text-align: right;
}

.data-table tbody tr[b-p5d2c5pp7x] {
    border-bottom: 1px solid #e5e7eb;
    transition: background 0.15s;
}

.data-table tbody tr:hover[b-p5d2c5pp7x] {
    background: #f9fafb;
}

.data-table td[b-p5d2c5pp7x] {
    padding: 0.75rem 1rem;
    color: #374151;
}

.data-table td.text-right[b-p5d2c5pp7x] {
    text-align: right;
}

.product-cell[b-p5d2c5pp7x] {
    display: flex;
    align-items: center;
    gap: 0.75rem;
}

.product-image[b-p5d2c5pp7x] {
    width: 40px;
    height: 40px;
    background: #f0f4f7;
    border-radius: 4px;
    display: flex;
    align-items: center;
    justify-content: center;
    font-size: 1.5rem;
    flex-shrink: 0;
}

.product-info[b-p5d2c5pp7x] {
    display: flex;
    flex-direction: column;
    gap: 2px;
}

.product-info strong[b-p5d2c5pp7x] {
    color: #1f2937;
    font-weight: 600;
    line-height: 1.2;
}

.product-info small[b-p5d2c5pp7x] {
    color: #9ca3af;
    font-size: 0.8rem;
}

/* ── Badges ──────────────────────────────────────────────────────────── */
.badge-margin[b-p5d2c5pp7x] {
    display: inline-block;
    padding: 0.25rem 0.5rem;
    border-radius: 4px;
    font-weight: 600;
    font-size: 0.8rem;
    white-space: nowrap;
}

.badge-green[b-p5d2c5pp7x] {
    background: #d1fae5;
    color: #065f46;
}

.badge-yellow[b-p5d2c5pp7x] {
    background: #fef9c3;
    color: #854d0e;
}

.badge-red[b-p5d2c5pp7x] {
    background: #fee2e2;
    color: #7f1d1d;
}

/* ── Filter Date Display ─────────────────────────────────────────────── */
.filter-date[b-p5d2c5pp7x] {
    display: inline-block;
    padding: 0.35rem 0.75rem;
    background: #f0f4f7;
    border-radius: 4px;
    font-size: 0.875rem;
    color: #6b7280;
    font-weight: 500;
}

/* ── Responsive Design ───────────────────────────────────────────────── */
@media (max-width: 768px) {
    .kpi-row[b-p5d2c5pp7x] {
        grid-template-columns: repeat(auto-fit, minmax(180px, 1fr));
        gap: 1rem;
    }

    .kpi-value[b-p5d2c5pp7x] {
        font-size: 1.5rem;
    }

    .data-table[b-p5d2c5pp7x] {
        font-size: 0.75rem;
    }

    .data-table th[b-p5d2c5pp7x],
    .data-table td[b-p5d2c5pp7x] {
        padding: 0.5rem 0.75rem;
    }
}

@media (max-width: 480px) {
    .dashboard-v1-container[b-p5d2c5pp7x] {
        gap: 1rem;
    }

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

    .product-cell[b-p5d2c5pp7x] {
        flex-direction: column;
        align-items: flex-start;
        gap: 0.5rem;
    }

    .product-image[b-p5d2c5pp7x] {
        width: 32px;
        height: 32px;
    }
}

/* ── Dark Mode Support ───────────────────────────────────────────────── */
:global(.theme-dark) .kpi-card[b-p5d2c5pp7x] {
    background: #1e293b;
    border-color: #334155;
    border-left-color: #06b6d4;
}

:global(.theme-dark) .kpi-card:hover[b-p5d2c5pp7x] {
    box-shadow: 0 4px 6px rgba(0, 0, 0, 0.25);
    border-left-color: #22c55e;
}

:global(.theme-dark) .kpi-label[b-p5d2c5pp7x] {
    color: #94a3b8;
}

:global(.theme-dark) .kpi-value[b-p5d2c5pp7x] {
    color: #f1f5f9;
}

:global(.theme-dark) .collapsible-section[b-p5d2c5pp7x],
:global(.theme-dark) .chart-section[b-p5d2c5pp7x],
:global(.theme-dark) .data-section[b-p5d2c5pp7x] {
    background: #1e293b;
    border-color: #334155;
}

:global(.theme-dark) .collapsible-header[b-p5d2c5pp7x],
:global(.theme-dark) .chart-header[b-p5d2c5pp7x] {
    color: #f1f5f9;
}

:global(.theme-dark) .collapsible-header:hover[b-p5d2c5pp7x],
:global(.theme-dark) .chart-header:hover[b-p5d2c5pp7x] {
    background: #273549;
}

:global(.theme-dark) .collapsible-content[b-p5d2c5pp7x],
:global(.theme-dark) .chart-placeholder[b-p5d2c5pp7x] {
    border-top-color: #334155;
}

:global(.theme-dark) .data-table thead[b-p5d2c5pp7x] {
    background: #0f172a;
    border-bottom-color: #334155;
}

:global(.theme-dark) .data-table th[b-p5d2c5pp7x] {
    color: #94a3b8;
}

:global(.theme-dark) .data-table tbody tr[b-p5d2c5pp7x] {
    border-bottom-color: #334155;
}

:global(.theme-dark) .data-table tbody tr:hover[b-p5d2c5pp7x] {
    background: #273549;
}

:global(.theme-dark) .data-table td[b-p5d2c5pp7x] {
    color: #e2e8f0;
}

:global(.theme-dark) .data-section-header[b-p5d2c5pp7x] {
    border-bottom-color: #334155;
}

:global(.theme-dark) .section-title[b-p5d2c5pp7x] {
    color: #f1f5f9;
}

:global(.theme-dark) .product-image[b-p5d2c5pp7x] {
    background: #0f172a;
}

:global(.theme-dark) .product-info strong[b-p5d2c5pp7x] {
    color: #f1f5f9;
}

:global(.theme-dark) .product-info small[b-p5d2c5pp7x] {
    color: #64748b;
}

:global(.theme-dark) .filter-date[b-p5d2c5pp7x] {
    background: #0f172a;
    color: #94a3b8;
}

:global(.theme-dark) .badge-green[b-p5d2c5pp7x] {
    background: rgba(16, 185, 129, 0.15);
    color: #6ee7b7;
}

:global(.theme-dark) .badge-yellow[b-p5d2c5pp7x] {
    background: rgba(234, 179, 8, 0.15);
    color: #fde047;
}

:global(.theme-dark) .badge-red[b-p5d2c5pp7x] {
    background: rgba(239, 68, 68, 0.15);
    color: #fca5a5;
}
/* /Pages/EstoqueFulfillment/InventarioAnalytics.razor.rz.scp.css */
/* ═══════════════════════════════════════════════════════════════
   Filtro de Período
═══════════════════════════════════════════════════════════════ */
.period-filter-bar[b-o1z1gi8byg] {
    display: flex;
    align-items: center;
    flex-wrap: wrap;
    gap: 0.75rem;
    margin-bottom: 1.25rem;
}

.period-filter-buttons[b-o1z1gi8byg] {
    display: flex;
    gap: 0.375rem;
}

.btn-period[b-o1z1gi8byg] {
    padding: 0.35rem 0.85rem;
    border: 1px solid var(--color-border, #dee2e6);
    border-radius: 20px;
    background: transparent;
    color: var(--color-text-secondary, #6c757d);
    font-size: 0.85rem;
    cursor: pointer;
    transition: all 0.15s ease;
    white-space: nowrap;
}

.btn-period:hover[b-o1z1gi8byg] {
    border-color: var(--color-primary, #0d6efd);
    color: var(--color-primary, #0d6efd);
}

.btn-period--active[b-o1z1gi8byg] {
    background: var(--color-primary, #0d6efd);
    border-color: var(--color-primary, #0d6efd);
    color: #fff;
    font-weight: 600;
}

.btn-period--active:hover[b-o1z1gi8byg] {
    background: var(--color-primary-dark, #0b5ed7);
    color: #fff;
}

.period-custom-range[b-o1z1gi8byg] {
    display: flex;
    align-items: center;
    gap: 0.5rem;
    flex-wrap: wrap;
}

.period-custom-range .form-control[b-o1z1gi8byg] {
    width: auto;
    min-width: 130px;
}

.period-custom-sep[b-o1z1gi8byg] {
    color: var(--color-text-secondary, #6c757d);
    font-weight: 500;
}

.period-label[b-o1z1gi8byg] {
    font-size: 0.82rem;
    color: var(--color-text-secondary, #6c757d);
    margin-left: auto;
}

:global(.theme-dark) .btn-period[b-o1z1gi8byg] {
    border-color: #444;
    color: #aaa;
}

:global(.theme-dark) .btn-period:hover[b-o1z1gi8byg] {
    border-color: var(--color-primary, #4d9cf0);
    color: var(--color-primary, #4d9cf0);
}

/* ═══════════════════════════════════════════════════════════════
   ABC Cards (selecionáveis)
═══════════════════════════════════════════════════════════════ */
.abc-cards-section[b-o1z1gi8byg] {
    margin-bottom: 1.5rem;
}

.abc-cards-header[b-o1z1gi8byg] {
    display: flex;
    align-items: center;
    gap: 1rem;
    margin-bottom: 0.85rem;
    flex-wrap: wrap;
}

.abc-cards-header .section-title[b-o1z1gi8byg] {
    margin: 0;
}

.abc-filtro-ativo[b-o1z1gi8byg] {
    display: flex;
    align-items: center;
    gap: 0.5rem;
    font-size: 0.85rem;
}

.btn-link-muted[b-o1z1gi8byg] {
    background: none;
    border: none;
    color: var(--color-text-secondary, #6c757d);
    cursor: pointer;
    font-size: 0.82rem;
    padding: 0.1rem 0.4rem;
    display: flex;
    align-items: center;
    gap: 0.3rem;
    transition: color 0.15s;
}

.btn-link-muted:hover[b-o1z1gi8byg] {
    color: var(--color-danger, #dc3545);
}

.abc-cards-grid[b-o1z1gi8byg] {
    display: grid;
    grid-template-columns: repeat(4, 1fr);
    gap: 1rem;
}

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

@media (max-width: 600px) {
    .abc-cards-grid[b-o1z1gi8byg] {
        grid-template-columns: 1fr;
    }
}

.abc-card[b-o1z1gi8byg] {
    border: 2px solid var(--color-border, #dee2e6);
    border-radius: 10px;
    padding: 1rem;
    cursor: pointer;
    transition: all 0.18s ease;
    background: var(--color-card-bg, #fff);
    position: relative;
    user-select: none;
}

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

/* Cores de borda por curva */
.abc-card--green[b-o1z1gi8byg]  { border-left: 4px solid #28a745; }
.abc-card--blue[b-o1z1gi8byg]   { border-left: 4px solid #0d6efd; }
.abc-card--orange[b-o1z1gi8byg] { border-left: 4px solid #fd7e14; }
.abc-card--gray[b-o1z1gi8byg]   { border-left: 4px solid #6c757d; }

/* Estado selecionado */
.abc-card--green.abc-card--selected[b-o1z1gi8byg]  { border-color: #28a745; background: rgba(40,167,69,0.06); box-shadow: 0 0 0 2px rgba(40,167,69,0.3); }
.abc-card--blue.abc-card--selected[b-o1z1gi8byg]   { border-color: #0d6efd; background: rgba(13,110,253,0.06); box-shadow: 0 0 0 2px rgba(13,110,253,0.3); }
.abc-card--orange.abc-card--selected[b-o1z1gi8byg] { border-color: #fd7e14; background: rgba(253,126,20,0.06); box-shadow: 0 0 0 2px rgba(253,126,20,0.3); }
.abc-card--gray.abc-card--selected[b-o1z1gi8byg]   { border-color: #6c757d; background: rgba(108,117,125,0.06); box-shadow: 0 0 0 2px rgba(108,117,125,0.3); }

:global(.theme-dark) .abc-card[b-o1z1gi8byg] {
    background: var(--color-card-bg, #1e2530);
    border-color: #3a3f4b;
}

:global(.theme-dark) .abc-card--green.abc-card--selected[b-o1z1gi8byg]  { background: rgba(40,167,69,0.10); }
:global(.theme-dark) .abc-card--blue.abc-card--selected[b-o1z1gi8byg]   { background: rgba(13,110,253,0.10); }
:global(.theme-dark) .abc-card--orange.abc-card--selected[b-o1z1gi8byg] { background: rgba(253,126,20,0.10); }
:global(.theme-dark) .abc-card--gray.abc-card--selected[b-o1z1gi8byg]   { background: rgba(108,117,125,0.10); }

.abc-card-header[b-o1z1gi8byg] {
    display: flex;
    align-items: center;
    justify-content: space-between;
    margin-bottom: 0.75rem;
}

.abc-card-classe[b-o1z1gi8byg] {
    font-size: 1rem;
    font-weight: 700;
    letter-spacing: 0.03em;
}

.abc-card-produtos[b-o1z1gi8byg] {
    font-size: 0.78rem;
    color: var(--color-text-secondary, #6c757d);
}

.abc-card-body[b-o1z1gi8byg] {
    display: flex;
    flex-direction: column;
    gap: 0.5rem;
}

.abc-metric[b-o1z1gi8byg] {
    display: flex;
    flex-direction: column;
    gap: 0.08rem;
}

.abc-metric-value[b-o1z1gi8byg] {
    font-size: 0.97rem;
    font-weight: 600;
    line-height: 1.2;
}

.abc-metric-label[b-o1z1gi8byg] {
    font-size: 0.74rem;
    color: var(--color-text-secondary, #6c757d);
    text-transform: uppercase;
    letter-spacing: 0.04em;
}

/* Badge no título da seção Dias de Estoque quando filtro está ativo */
.section-filter-badge[b-o1z1gi8byg] {
    font-size: 0.75rem;
    margin-left: 0.5rem;
    vertical-align: middle;
}
/* /Pages/Financeiro/FinanceiroCategoriasOperacionais.razor.rz.scp.css */
.categorias-container[b-nv6hzs4y2c] {
    padding: 24px;
    max-width: 900px;
    margin: 0 auto;
}

.toolbar[b-nv6hzs4y2c] {
    margin-bottom: 24px;
    display: flex;
    gap: 12px;
}

.btn[b-nv6hzs4y2c] {
    padding: 10px 20px;
    border: none;
    border-radius: 6px;
    font-size: 14px;
    font-weight: 600;
    cursor: pointer;
    display: inline-flex;
    align-items: center;
    gap: 6px;
    transition: all 0.3s ease;
}

.btn-success[b-nv6hzs4y2c] {
    background: #28a745;
    color: white;
}

.btn-success:hover[b-nv6hzs4y2c] {
    background: #218838;
    transform: translateY(-2px);
    box-shadow: 0 4px 12px rgba(40, 167, 69, 0.3);
}

.me-2[b-nv6hzs4y2c] {
    margin-right: 6px;
}

.table-section[b-nv6hzs4y2c] {
    background: #ffffff;
    border: 1px solid #e0e0e0;
    border-radius: 8px;
    overflow: hidden;
}

.table-responsive[b-nv6hzs4y2c] {
    overflow-x: auto;
}

.data-table[b-nv6hzs4y2c] {
    width: 100%;
    border-collapse: collapse;
    font-size: 14px;
}

.data-table thead[b-nv6hzs4y2c] {
    background: #f9f9f9;
    border-bottom: 1px solid #e0e0e0;
}

.data-table thead th[b-nv6hzs4y2c] {
    padding: 16px 12px;
    text-align: left;
    font-weight: 600;
    color: #666;
    font-size: 12px;
    text-transform: uppercase;
    letter-spacing: 0.5px;
}

.data-table thead th.text-end[b-nv6hzs4y2c] {
    text-align: right;
}

.data-table thead th.text-center[b-nv6hzs4y2c] {
    text-align: center;
}

.data-table tbody tr[b-nv6hzs4y2c] {
    border-bottom: 1px solid #f0f0f0;
    transition: background-color 0.2s ease;
}

.data-table tbody tr:hover[b-nv6hzs4y2c] {
    background-color: #fafafa;
}

.data-table tbody tr:last-child[b-nv6hzs4y2c] {
    border-bottom: none;
}

.data-table tbody td[b-nv6hzs4y2c] {
    padding: 16px 12px;
    color: #333;
    vertical-align: middle;
}

.data-table tbody td.text-end[b-nv6hzs4y2c] {
    text-align: right;
    font-weight: 500;
}

.data-table tbody td.text-center[b-nv6hzs4y2c] {
    text-align: center;
}

.btn-icon[b-nv6hzs4y2c] {
    background: none;
    border: none;
    color: #666;
    cursor: pointer;
    padding: 6px;
    display: inline-flex;
    align-items: center;
    justify-content: center;
    border-radius: 4px;
    transition: all 0.2s ease;
    margin: 0 4px;
}

.btn-icon:hover[b-nv6hzs4y2c] {
    background: #f0f0f0;
    color: #333;
}

.btn-icon-danger[b-nv6hzs4y2c] {
    color: #dc3545;
}

.btn-icon-danger:hover[b-nv6hzs4y2c] {
    background: #ffe8e8;
}

.oi[b-nv6hzs4y2c] {
    display: inline-block;
}

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

    .data-table[b-nv6hzs4y2c] {
        font-size: 13px;
    }

    .data-table thead th[b-nv6hzs4y2c],
    .data-table tbody td[b-nv6hzs4y2c] {
        padding: 12px 8px;
    }

    .data-table thead th[b-nv6hzs4y2c] {
        font-size: 11px;
    }
}

@media (max-width: 480px) {
    .categorias-container[b-nv6hzs4y2c] {
        padding: 12px;
    }

    .toolbar[b-nv6hzs4y2c] {
        flex-wrap: wrap;
    }

    .btn[b-nv6hzs4y2c] {
        width: 100%;
        justify-content: center;
    }

    .data-table[b-nv6hzs4y2c] {
        font-size: 12px;
    }

    .data-table thead th[b-nv6hzs4y2c],
    .data-table tbody td[b-nv6hzs4y2c] {
        padding: 10px 6px;
    }
}
/* /Pages/Financeiro/FinanceiroMovimentacoes.razor.rz.scp.css */
.movimentacoes-container[b-krtoe84m97] {
    padding: 24px;
    max-width: 1000px;
    margin: 0 auto;
}

.toolbar[b-krtoe84m97] {
    margin-bottom: 24px;
    display: flex;
    gap: 12px;
}

.btn[b-krtoe84m97] {
    padding: 10px 20px;
    border: none;
    border-radius: 6px;
    font-size: 14px;
    font-weight: 600;
    cursor: pointer;
    display: inline-flex;
    align-items: center;
    gap: 6px;
    transition: all 0.3s ease;
}

.btn-success[b-krtoe84m97] {
    background: #28a745;
    color: white;
}

.btn-success:hover[b-krtoe84m97] {
    background: #218838;
    transform: translateY(-2px);
    box-shadow: 0 4px 12px rgba(40, 167, 69, 0.3);
}

.btn-secondary[b-krtoe84m97] {
    background: #6c757d;
    color: white;
}

.btn-secondary:hover[b-krtoe84m97] {
    background: #5a6268;
}

.me-2[b-krtoe84m97] {
    margin-right: 6px;
}

.table-section[b-krtoe84m97] {
    background: #ffffff;
    border: 1px solid #e0e0e0;
    border-radius: 8px;
    overflow: hidden;
}

.table-responsive[b-krtoe84m97] {
    overflow-x: auto;
}

.data-table[b-krtoe84m97] {
    width: 100%;
    border-collapse: collapse;
    font-size: 14px;
}

.data-table thead[b-krtoe84m97] {
    background: #f9f9f9;
    border-bottom: 1px solid #e0e0e0;
}

.data-table thead th[b-krtoe84m97] {
    padding: 16px 12px;
    text-align: left;
    font-weight: 600;
    color: #666;
    font-size: 12px;
    text-transform: uppercase;
    letter-spacing: 0.5px;
}

.data-table thead th.text-end[b-krtoe84m97] {
    text-align: right;
}

.data-table thead th.text-center[b-krtoe84m97] {
    text-align: center;
}

.data-table tbody tr[b-krtoe84m97] {
    border-bottom: 1px solid #f0f0f0;
    transition: background-color 0.2s ease;
}

.data-table tbody tr:hover[b-krtoe84m97] {
    background-color: #fafafa;
}

.data-table tbody tr:last-child[b-krtoe84m97] {
    border-bottom: none;
}

.data-table tbody td[b-krtoe84m97] {
    padding: 16px 12px;
    color: #333;
    vertical-align: middle;
}

.data-table tbody td.text-end[b-krtoe84m97] {
    text-align: right;
    font-weight: 500;
}

.data-table tbody td.text-center[b-krtoe84m97] {
    text-align: center;
}

.btn-icon[b-krtoe84m97] {
    background: none;
    border: none;
    color: #666;
    cursor: pointer;
    padding: 6px;
    display: inline-flex;
    align-items: center;
    justify-content: center;
    border-radius: 4px;
    transition: all 0.2s ease;
    margin: 0 4px;
}

.btn-icon:hover[b-krtoe84m97] {
    background: #f0f0f0;
    color: #333;
}

.btn-icon-danger[b-krtoe84m97] {
    color: #dc3545;
}

.btn-icon-danger:hover[b-krtoe84m97] {
    background: #ffe8e8;
}

/* Modal */
.modal-overlay[b-krtoe84m97] {
    position: fixed;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    background: rgba(0, 0, 0, 0.5);
    display: flex;
    align-items: center;
    justify-content: center;
    z-index: 1000;
    animation: fadeIn-b-krtoe84m97 0.3s ease-out;
}

@keyframes fadeIn-b-krtoe84m97 {
    from {
        opacity: 0;
    }
    to {
        opacity: 1;
    }
}

.modal-content[b-krtoe84m97] {
    background: white;
    border-radius: 8px;
    box-shadow: 0 10px 40px rgba(0, 0, 0, 0.3);
    max-width: 500px;
    width: 90%;
    max-height: 90vh;
    overflow-y: auto;
    animation: slideUp-b-krtoe84m97 0.3s ease-out;
}

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

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

.modal-header h3[b-krtoe84m97] {
    margin: 0;
    font-size: 18px;
    font-weight: 600;
    color: #1a1a1a;
}

.btn-close[b-krtoe84m97] {
    background: none;
    border: none;
    cursor: pointer;
    padding: 4px;
    display: flex;
    align-items: center;
    justify-content: center;
    color: #666;
    transition: color 0.2s ease;
}

.btn-close:hover[b-krtoe84m97] {
    color: #333;
}

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

.form-group[b-krtoe84m97] {
    margin-bottom: 20px;
}

.form-group:last-child[b-krtoe84m97] {
    margin-bottom: 0;
}

.form-label[b-krtoe84m97] {
    display: block;
    font-size: 14px;
    font-weight: 600;
    color: #333;
    margin-bottom: 8px;
}

.form-control[b-krtoe84m97],
.form-select[b-krtoe84m97] {
    width: 100%;
    padding: 10px 12px;
    border: 1px solid #ddd;
    border-radius: 6px;
    font-size: 14px;
    font-family: inherit;
    background: white;
    transition: all 0.2s ease;
}

.form-control:focus[b-krtoe84m97],
.form-select:focus[b-krtoe84m97] {
    outline: none;
    border-color: #28a745;
    box-shadow: 0 0 0 3px rgba(40, 167, 69, 0.1);
}

.modal-footer[b-krtoe84m97] {
    padding: 16px 24px;
    border-top: 1px solid #e0e0e0;
    display: flex;
    justify-content: flex-end;
    gap: 12px;
}

.oi[b-krtoe84m97] {
    display: inline-block;
}

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

    .data-table[b-krtoe84m97] {
        font-size: 13px;
    }

    .data-table thead th[b-krtoe84m97],
    .data-table tbody td[b-krtoe84m97] {
        padding: 12px 8px;
    }

    .data-table thead th[b-krtoe84m97] {
        font-size: 11px;
    }

    .modal-content[b-krtoe84m97] {
        max-width: calc(100% - 32px);
    }
}

@media (max-width: 480px) {
    .movimentacoes-container[b-krtoe84m97] {
        padding: 12px;
    }

    .toolbar[b-krtoe84m97] {
        flex-wrap: wrap;
    }

    .btn[b-krtoe84m97] {
        width: 100%;
        justify-content: center;
    }

    .data-table[b-krtoe84m97] {
        font-size: 12px;
    }

    .data-table thead th[b-krtoe84m97],
    .data-table tbody td[b-krtoe84m97] {
        padding: 10px 6px;
    }

    .modal-content[b-krtoe84m97] {
        width: 100%;
        border-radius: 0;
    }

    .modal-header[b-krtoe84m97] {
        padding: 16px 20px;
    }

    .modal-body[b-krtoe84m97] {
        padding: 20px;
    }

    .modal-footer[b-krtoe84m97] {
        padding: 16px 20px;
        flex-direction: column-reverse;
    }

    .modal-footer .btn[b-krtoe84m97] {
        width: 100%;
    }
}
/* /Pages/Financeiro/FinanceiroResumo.razor.rz.scp.css */
.financeiro-container[b-jdh2uc6rpr] {
    padding: 24px;
    max-width: 1000px;
    margin: 0 auto;
}

.info-banner[b-jdh2uc6rpr] {
    margin-bottom: 24px;
}

.alert[b-jdh2uc6rpr] {
    padding: 16px 20px;
    border-radius: 6px;
    border: 1px solid;
    font-size: 14px;
    line-height: 1.5;
}

.alert-info[b-jdh2uc6rpr] {
    background-color: #e3f2fd;
    border-color: #90caf9;
    color: #1565c0;
}

.alert strong[b-jdh2uc6rpr] {
    font-weight: 600;
    margin-right: 8px;
}

.controls-section[b-jdh2uc6rpr] {
    background: #ffffff;
    border: 1px solid #e0e0e0;
    border-radius: 8px;
    padding: 20px;
    margin-bottom: 24px;
}

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

.control-group[b-jdh2uc6rpr] {
    flex: 0 1 auto;
    min-width: auto;
}

.control-group.toggle-group[b-jdh2uc6rpr] {
    flex: 1;
    min-width: 300px;
}

.toggle-label[b-jdh2uc6rpr] {
    display: flex;
    align-items: center;
    cursor: pointer;
    user-select: none;
    gap: 8px;
}

.toggle-input[b-jdh2uc6rpr] {
    width: 18px;
    height: 18px;
    cursor: pointer;
    accent-color: #28a745;
}

.toggle-text[b-jdh2uc6rpr] {
    font-size: 14px;
    color: #333;
    font-weight: 500;
}

.info-icon[b-jdh2uc6rpr] {
    display: inline-flex;
    align-items: center;
    justify-content: center;
    width: 18px;
    height: 18px;
    background: #f0f0f0;
    border-radius: 50%;
    font-size: 12px;
    cursor: help;
    opacity: 0.6;
    transition: opacity 0.2s;
}

.info-icon:hover[b-jdh2uc6rpr] {
    opacity: 1;
}

.form-label[b-jdh2uc6rpr] {
    display: block;
    font-size: 12px;
    font-weight: 600;
    color: #666;
    margin-bottom: 6px;
    text-transform: uppercase;
    letter-spacing: 0.5px;
}

.form-select[b-jdh2uc6rpr],
.form-control[b-jdh2uc6rpr] {
    padding: 8px 12px;
    border: 1px solid #ddd;
    border-radius: 6px;
    font-size: 14px;
    font-family: inherit;
    background: white;
}

.form-select-sm[b-jdh2uc6rpr],
.form-control-sm[b-jdh2uc6rpr] {
    padding: 6px 10px;
    font-size: 13px;
}

.form-select:focus[b-jdh2uc6rpr],
.form-control:focus[b-jdh2uc6rpr] {
    outline: none;
    border-color: #28a745;
    box-shadow: 0 0 0 3px rgba(40, 167, 69, 0.1);
}

.btn[b-jdh2uc6rpr] {
    padding: 8px 16px;
    border: 1px solid;
    border-radius: 6px;
    font-size: 13px;
    font-weight: 600;
    cursor: pointer;
    display: inline-flex;
    align-items: center;
    gap: 6px;
    transition: all 0.3s ease;
    white-space: nowrap;
}

.btn-outline-secondary[b-jdh2uc6rpr] {
    background: white;
    border-color: #6c757d;
    color: #6c757d;
}

.btn-outline-secondary:hover[b-jdh2uc6rpr] {
    background: #6c757d;
    color: white;
}

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

.me-2[b-jdh2uc6rpr] {
    margin-right: 6px;
}

/* Financial Sections */
.financial-section[b-jdh2uc6rpr] {
    background: #ffffff;
    border: 1px solid #e0e0e0;
    border-radius: 8px;
    overflow: hidden;
    margin-bottom: 24px;
}

.section-header[b-jdh2uc6rpr] {
    background: linear-gradient(135deg, #f9f9f9 0%, #f5f5f5 100%);
    padding: 20px;
    border-bottom: 2px solid #e0e0e0;
    display: flex;
    align-items: center;
    gap: 12px;
}

.header-icon[b-jdh2uc6rpr] {
    font-size: 24px;
    display: flex;
    align-items: center;
}

.section-header h3[b-jdh2uc6rpr] {
    margin: 0;
    flex: 1;
    font-size: 16px;
    font-weight: 600;
    color: #1a1a1a;
}

.section-total[b-jdh2uc6rpr] {
    font-size: 18px;
    font-weight: 700;
    color: #1a1a1a;
    white-space: nowrap;
}

.section-total.positive[b-jdh2uc6rpr] {
    color: #28a745;
}

.section-total.negative[b-jdh2uc6rpr] {
    color: #dc3545;
}

.section-body[b-jdh2uc6rpr] {
    padding: 24px;
}

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

.breakdown-item[b-jdh2uc6rpr] {
    display: flex;
    justify-content: space-between;
    align-items: center;
    padding: 8px 0;
    font-size: 14px;
}

.item-label[b-jdh2uc6rpr] {
    color: #666;
    font-weight: 500;
}

.item-value[b-jdh2uc6rpr] {
    color: #1a1a1a;
    font-weight: 600;
}

.item-value.negative[b-jdh2uc6rpr] {
    color: #dc3545;
}

/* Marketplace Breakdown */
.marketplace-breakdown[b-jdh2uc6rpr] {
    display: grid;
    gap: 16px;
}

.marketplace-card[b-jdh2uc6rpr] {
    border: 1px solid #e8e8e8;
    border-radius: 6px;
    padding: 16px;
    background: #fafafa;
}

.marketplace-card h4[b-jdh2uc6rpr] {
    margin: 0 0 16px 0;
    font-size: 14px;
    font-weight: 600;
    color: #1a1a1a;
}

.fee-breakdown[b-jdh2uc6rpr] {
    display: flex;
    flex-direction: column;
    gap: 8px;
}

.fee-item[b-jdh2uc6rpr] {
    display: flex;
    justify-content: space-between;
    align-items: center;
    font-size: 13px;
    padding: 6px 0;
}

.fee-item span:first-child[b-jdh2uc6rpr] {
    color: #666;
}

.fee-value[b-jdh2uc6rpr] {
    font-weight: 600;
    font-family: 'Courier New', monospace;
    text-align: right;
    min-width: 80px;
}

.fee-value.positive[b-jdh2uc6rpr] {
    color: #28a745;
}

.fee-value.negative[b-jdh2uc6rpr] {
    color: #dc3545;
}

.fee-value-final[b-jdh2uc6rpr] {
    font-weight: 700;
    color: #1a1a1a;
    font-family: 'Courier New', monospace;
    text-align: right;
    min-width: 80px;
}

.fee-item.divider-top[b-jdh2uc6rpr] {
    padding-top: 12px;
    border-top: 2px solid #e0e0e0;
}

.final-section .section-header[b-jdh2uc6rpr] {
    background: linear-gradient(135deg, #e8f5e9 0%, #f1f8e9 100%);
    border-bottom-color: #28a745;
}

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

    .control-row[b-jdh2uc6rpr] {
        flex-direction: column;
    }

    .control-group[b-jdh2uc6rpr] {
        width: 100%;
    }

    .control-group.toggle-group[b-jdh2uc6rpr] {
        min-width: unset;
    }

    .section-header[b-jdh2uc6rpr] {
        flex-wrap: wrap;
    }

    .section-header h3[b-jdh2uc6rpr] {
        flex: 1 1 auto;
        min-width: 200px;
    }

    .section-total[b-jdh2uc6rpr] {
        flex: 1 1 100%;
        margin-top: 8px;
    }

    .breakdown-item[b-jdh2uc6rpr] {
        flex-direction: column;
        align-items: flex-start;
        gap: 4px;
    }

    .item-value[b-jdh2uc6rpr] {
        align-self: flex-end;
    }

    .fee-item[b-jdh2uc6rpr] {
        flex-direction: column;
        align-items: flex-start;
        gap: 4px;
    }

    .fee-value[b-jdh2uc6rpr],
    .fee-value-final[b-jdh2uc6rpr] {
        align-self: flex-end;
    }
}

@media (max-width: 480px) {
    .financeiro-container[b-jdh2uc6rpr] {
        padding: 12px;
    }

    .form-label[b-jdh2uc6rpr] {
        font-size: 11px;
    }

    .section-header[b-jdh2uc6rpr] {
        padding: 16px 12px;
    }

    .section-body[b-jdh2uc6rpr] {
        padding: 16px 12px;
    }

    .header-icon[b-jdh2uc6rpr] {
        font-size: 20px;
    }

    .section-header h3[b-jdh2uc6rpr] {
        font-size: 14px;
    }

    .section-total[b-jdh2uc6rpr] {
        font-size: 16px;
    }
}
/* /Pages/Gerenciamento/AssociacoesAmazon.razor.rz.scp.css */
.page-filters[b-bnxb8ulfxj] {
    display: flex;
    align-items: center;
    gap: 0.75rem;
    flex-wrap: wrap;
}

.filter-group[b-bnxb8ulfxj] {
    display: flex;
    align-items: center;
    gap: 0.5rem;
}

.search-box[b-bnxb8ulfxj] {
    display: flex;
    align-items: center;
    gap: 0.5rem;
    padding: 0 0.5rem;
    border: 1px solid #dee2e6;
    border-radius: 4px;
    background: #ffffff;
}

.search-box span[b-bnxb8ulfxj] {
    color: #6b7280;
    font-size: 0.9rem;
}

.search-box input[b-bnxb8ulfxj] {
    border: none;
    background: transparent;
    padding: 0.375rem 0;
}

.search-box input:focus[b-bnxb8ulfxj] {
    outline: none;
    box-shadow: none;
}

.data-section[b-bnxb8ulfxj] {
    background: #ffffff;
    border: 1px solid #e5e7eb;
    border-radius: 8px;
    overflow: hidden;
    margin-top: 1.5rem;
}

.table-responsive[b-bnxb8ulfxj] {
    overflow-x: auto;
}

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

.data-table thead[b-bnxb8ulfxj] {
    background: #f9fafb;
    border-bottom: 2px solid #e5e7eb;
}

.data-table th[b-bnxb8ulfxj] {
    padding: 0.75rem 1rem;
    text-align: left;
    font-weight: 600;
    color: #6b7280;
    text-transform: uppercase;
    font-size: 0.75rem;
    letter-spacing: 0.5px;
    white-space: nowrap;
}

.data-table th.text-end[b-bnxb8ulfxj] {
    text-align: right;
}

.data-table tbody tr[b-bnxb8ulfxj] {
    border-bottom: 1px solid #e5e7eb;
    transition: background 0.15s;
}

.data-table tbody tr:hover[b-bnxb8ulfxj] {
    background: #f9fafb;
}

.data-table td[b-bnxb8ulfxj] {
    padding: 0.75rem 1rem;
    color: #374151;
}

.data-table td.text-end[b-bnxb8ulfxj] {
    text-align: right;
}

/* Status Badge Styles */
.status-badge[b-bnxb8ulfxj] {
    display: inline-flex;
    align-items: center;
    justify-content: center;
}

.status-icon[b-bnxb8ulfxj] {
    display: inline-flex;
    align-items: center;
    justify-content: center;
    width: 24px;
    height: 24px;
    border-radius: 50%;
    font-weight: bold;
    font-size: 0.85rem;
}

.status-linked[b-bnxb8ulfxj] {
    background: #d1fae5;
    color: #065f46;
}

.status-error[b-bnxb8ulfxj] {
    background: #fee2e2;
    color: #7f1d1d;
}

.status-warning[b-bnxb8ulfxj] {
    background: #fef9c3;
    color: #854d0e;
}

.status-not-linked[b-bnxb8ulfxj] {
    background: #e5e7eb;
    color: #6b7280;
}

.product-image[b-bnxb8ulfxj] {
    width: 40px;
    height: 40px;
    background: #f0f4f7;
    border-radius: 4px;
    display: flex;
    align-items: center;
    justify-content: center;
    font-size: 1.5rem;
    flex-shrink: 0;
}

/* Dropdown Actions */
.dropdown-actions[b-bnxb8ulfxj] {
    position: relative;
    display: inline-block;
}

.dropdown-toggle[b-bnxb8ulfxj] {
    padding: 0.375rem 0.75rem;
    border: 1px solid #dee2e6;
    background: #ffffff;
    cursor: pointer;
}

.dropdown-toggle:hover[b-bnxb8ulfxj] {
    background: #f9fafb;
    border-color: #adb5bd;
}

.dropdown-menu[b-bnxb8ulfxj] {
    position: absolute;
    top: 100%;
    right: 0;
    background: #ffffff;
    border: 1px solid #dee2e6;
    border-radius: 4px;
    box-shadow: 0 2px 4px rgba(0, 0, 0, 0.1);
    min-width: 150px;
    z-index: 1000;
}

.dropdown-menu.show[b-bnxb8ulfxj] {
    display: block;
}

.dropdown-item[b-bnxb8ulfxj] {
    display: block;
    width: 100%;
    padding: 0.5rem 1rem;
    color: #374151;
    text-decoration: none;
    cursor: pointer;
    transition: background 0.15s;
    border: none;
    background: none;
}

.dropdown-item:hover[b-bnxb8ulfxj] {
    background: #f9fafb;
    color: #1f2937;
}

.dropdown-item:first-child[b-bnxb8ulfxj] {
    border-radius: 3px 3px 0 0;
}

.dropdown-item:last-child[b-bnxb8ulfxj] {
    border-radius: 0 0 3px 3px;
}

/* Responsive Design */
@media (max-width: 768px) {
    .page-filters[b-bnxb8ulfxj] {
        flex-direction: column;
        align-items: stretch;
    }

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

    .data-table[b-bnxb8ulfxj] {
        font-size: 0.75rem;
    }

    .data-table th[b-bnxb8ulfxj],
    .data-table td[b-bnxb8ulfxj] {
        padding: 0.5rem 0.75rem;
    }

    .product-image[b-bnxb8ulfxj] {
        width: 32px;
        height: 32px;
        font-size: 1.2rem;
    }
}

/* Dark Mode Support */
:global(.theme-dark) .data-section[b-bnxb8ulfxj] {
    background: #1e293b;
    border-color: #334155;
}

:global(.theme-dark) .data-table thead[b-bnxb8ulfxj] {
    background: #0f172a;
    border-bottom-color: #334155;
}

:global(.theme-dark) .data-table th[b-bnxb8ulfxj] {
    color: #94a3b8;
}

:global(.theme-dark) .data-table tbody tr[b-bnxb8ulfxj] {
    border-bottom-color: #334155;
}

:global(.theme-dark) .data-table tbody tr:hover[b-bnxb8ulfxj] {
    background: #273549;
}

:global(.theme-dark) .data-table td[b-bnxb8ulfxj] {
    color: #e2e8f0;
}

:global(.theme-dark) .search-box[b-bnxb8ulfxj] {
    background: #273549;
    border-color: #334155;
}

:global(.theme-dark) .search-box span[b-bnxb8ulfxj] {
    color: #94a3b8;
}

:global(.theme-dark) .search-box input[b-bnxb8ulfxj] {
    color: #e2e8f0;
}

:global(.theme-dark) .dropdown-toggle[b-bnxb8ulfxj] {
    background: #273549;
    border-color: #334155;
    color: #e2e8f0;
}

:global(.theme-dark) .dropdown-toggle:hover[b-bnxb8ulfxj] {
    background: #334155;
    border-color: #475569;
}

:global(.theme-dark) .dropdown-menu[b-bnxb8ulfxj] {
    background: #1e293b;
    border-color: #334155;
    box-shadow: 0 2px 4px rgba(0, 0, 0, 0.3);
}

:global(.theme-dark) .dropdown-item[b-bnxb8ulfxj] {
    color: #e2e8f0;
}

:global(.theme-dark) .dropdown-item:hover[b-bnxb8ulfxj] {
    background: #273549;
}

:global(.theme-dark) .product-image[b-bnxb8ulfxj] {
    background: #0f172a;
}
/* /Pages/Gerenciamento/AssociacoesMeli.razor.rz.scp.css */
.page-filters[b-9qcuhv1h8d] {
    display: flex;
    align-items: center;
    gap: 0.75rem;
    flex-wrap: wrap;
}

.filter-group[b-9qcuhv1h8d] {
    display: flex;
    align-items: center;
    gap: 0.5rem;
}

.search-box[b-9qcuhv1h8d] {
    display: flex;
    align-items: center;
    gap: 0.5rem;
    padding: 0 0.5rem;
    border: 1px solid #dee2e6;
    border-radius: 4px;
    background: #ffffff;
}

.search-box span[b-9qcuhv1h8d] {
    color: #6b7280;
    font-size: 0.9rem;
}

.search-box input[b-9qcuhv1h8d] {
    border: none;
    background: transparent;
    padding: 0.375rem 0;
}

.search-box input:focus[b-9qcuhv1h8d] {
    outline: none;
    box-shadow: none;
}

.data-section[b-9qcuhv1h8d] {
    background: #ffffff;
    border: 1px solid #e5e7eb;
    border-radius: 8px;
    overflow: hidden;
    margin-top: 1.5rem;
}

.table-responsive[b-9qcuhv1h8d] {
    overflow-x: auto;
}

.data-table[b-9qcuhv1h8d] {
    width: 100%;
    border-collapse: collapse;
    font-size: 0.875rem;
}

.data-table thead[b-9qcuhv1h8d] {
    background: #f9fafb;
    border-bottom: 2px solid #e5e7eb;
}

.data-table th[b-9qcuhv1h8d] {
    padding: 0.75rem 1rem;
    text-align: left;
    font-weight: 600;
    color: #6b7280;
    text-transform: uppercase;
    font-size: 0.75rem;
    letter-spacing: 0.5px;
    white-space: nowrap;
}

.data-table th.text-end[b-9qcuhv1h8d] {
    text-align: right;
}

.data-table tbody tr[b-9qcuhv1h8d] {
    border-bottom: 1px solid #e5e7eb;
    transition: background 0.15s;
}

.data-table tbody tr:hover[b-9qcuhv1h8d] {
    background: #f9fafb;
}

.data-table td[b-9qcuhv1h8d] {
    padding: 0.75rem 1rem;
    color: #374151;
}

.data-table td.text-end[b-9qcuhv1h8d] {
    text-align: right;
}

/* Status Badge Styles */
.status-badge[b-9qcuhv1h8d] {
    display: inline-flex;
    align-items: center;
    justify-content: center;
}

.status-icon[b-9qcuhv1h8d] {
    display: inline-flex;
    align-items: center;
    justify-content: center;
    width: 24px;
    height: 24px;
    border-radius: 50%;
    font-weight: bold;
    font-size: 0.85rem;
}

.status-linked[b-9qcuhv1h8d] {
    background: #d1fae5;
    color: #065f46;
}

.status-error[b-9qcuhv1h8d] {
    background: #fee2e2;
    color: #7f1d1d;
}

.status-warning[b-9qcuhv1h8d] {
    background: #fef9c3;
    color: #854d0e;
}

.status-not-linked[b-9qcuhv1h8d] {
    background: #e5e7eb;
    color: #6b7280;
}

.product-image[b-9qcuhv1h8d] {
    width: 40px;
    height: 40px;
    background: #f0f4f7;
    border-radius: 4px;
    display: flex;
    align-items: center;
    justify-content: center;
    font-size: 1.5rem;
    flex-shrink: 0;
}

/* Dropdown Actions */
.dropdown-actions[b-9qcuhv1h8d] {
    position: relative;
    display: inline-block;
}

.dropdown-toggle[b-9qcuhv1h8d] {
    padding: 0.375rem 0.75rem;
    border: 1px solid #dee2e6;
    background: #ffffff;
    cursor: pointer;
}

.dropdown-toggle:hover[b-9qcuhv1h8d] {
    background: #f9fafb;
    border-color: #adb5bd;
}

.dropdown-menu[b-9qcuhv1h8d] {
    position: absolute;
    top: 100%;
    right: 0;
    background: #ffffff;
    border: 1px solid #dee2e6;
    border-radius: 4px;
    box-shadow: 0 2px 4px rgba(0, 0, 0, 0.1);
    min-width: 150px;
    z-index: 1000;
}

.dropdown-menu.show[b-9qcuhv1h8d] {
    display: block;
}

.dropdown-item[b-9qcuhv1h8d] {
    display: block;
    width: 100%;
    padding: 0.5rem 1rem;
    color: #374151;
    text-decoration: none;
    cursor: pointer;
    transition: background 0.15s;
    border: none;
    background: none;
}

.dropdown-item:hover[b-9qcuhv1h8d] {
    background: #f9fafb;
    color: #1f2937;
}

.dropdown-item:first-child[b-9qcuhv1h8d] {
    border-radius: 3px 3px 0 0;
}

.dropdown-item:last-child[b-9qcuhv1h8d] {
    border-radius: 0 0 3px 3px;
}

/* Responsive Design */
@media (max-width: 768px) {
    .page-filters[b-9qcuhv1h8d] {
        flex-direction: column;
        align-items: stretch;
    }

    .filter-group[b-9qcuhv1h8d] {
        width: 100%;
    }

    .data-table[b-9qcuhv1h8d] {
        font-size: 0.75rem;
    }

    .data-table th[b-9qcuhv1h8d],
    .data-table td[b-9qcuhv1h8d] {
        padding: 0.5rem 0.75rem;
    }

    .product-image[b-9qcuhv1h8d] {
        width: 32px;
        height: 32px;
        font-size: 1.2rem;
    }
}

/* Dark Mode Support */
:global(.theme-dark) .data-section[b-9qcuhv1h8d] {
    background: #1e293b;
    border-color: #334155;
}

:global(.theme-dark) .data-table thead[b-9qcuhv1h8d] {
    background: #0f172a;
    border-bottom-color: #334155;
}

:global(.theme-dark) .data-table th[b-9qcuhv1h8d] {
    color: #94a3b8;
}

:global(.theme-dark) .data-table tbody tr[b-9qcuhv1h8d] {
    border-bottom-color: #334155;
}

:global(.theme-dark) .data-table tbody tr:hover[b-9qcuhv1h8d] {
    background: #273549;
}

:global(.theme-dark) .data-table td[b-9qcuhv1h8d] {
    color: #e2e8f0;
}

:global(.theme-dark) .search-box[b-9qcuhv1h8d] {
    background: #273549;
    border-color: #334155;
}

:global(.theme-dark) .search-box span[b-9qcuhv1h8d] {
    color: #94a3b8;
}

:global(.theme-dark) .search-box input[b-9qcuhv1h8d] {
    color: #e2e8f0;
}

:global(.theme-dark) .dropdown-toggle[b-9qcuhv1h8d] {
    background: #273549;
    border-color: #334155;
    color: #e2e8f0;
}

:global(.theme-dark) .dropdown-toggle:hover[b-9qcuhv1h8d] {
    background: #334155;
    border-color: #475569;
}

:global(.theme-dark) .dropdown-menu[b-9qcuhv1h8d] {
    background: #1e293b;
    border-color: #334155;
    box-shadow: 0 2px 4px rgba(0, 0, 0, 0.3);
}

:global(.theme-dark) .dropdown-item[b-9qcuhv1h8d] {
    color: #e2e8f0;
}

:global(.theme-dark) .dropdown-item:hover[b-9qcuhv1h8d] {
    background: #273549;
}

:global(.theme-dark) .product-image[b-9qcuhv1h8d] {
    background: #0f172a;
}
/* /Pages/Gerenciamento/AssociacoesShopee.razor.rz.scp.css */
.page-filters[b-z6gucn1bkp] {
    display: flex;
    align-items: center;
    gap: 0.75rem;
    flex-wrap: wrap;
}

.filter-group[b-z6gucn1bkp] {
    display: flex;
    align-items: center;
    gap: 0.5rem;
}

.search-box[b-z6gucn1bkp] {
    display: flex;
    align-items: center;
    gap: 0.5rem;
    padding: 0 0.5rem;
    border: 1px solid #dee2e6;
    border-radius: 4px;
    background: #ffffff;
}

.search-box span[b-z6gucn1bkp] {
    color: #6b7280;
    font-size: 0.9rem;
}

.search-box input[b-z6gucn1bkp] {
    border: none;
    background: transparent;
    padding: 0.375rem 0;
}

.search-box input:focus[b-z6gucn1bkp] {
    outline: none;
    box-shadow: none;
}

/* Empty State */
.empty-state[b-z6gucn1bkp] {
    display: flex;
    flex-direction: column;
    align-items: center;
    justify-content: center;
    padding: 4rem 2rem;
    text-align: center;
    margin-top: 2rem;
}

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

.empty-state-title[b-z6gucn1bkp] {
    font-size: 1.25rem;
    font-weight: 600;
    color: #1f2937;
    margin: 0 0 0.5rem 0;
}

.empty-state-description[b-z6gucn1bkp] {
    color: #6b7280;
    margin-bottom: 1.5rem;
}

/* Responsive Design */
@media (max-width: 768px) {
    .page-filters[b-z6gucn1bkp] {
        flex-direction: column;
        align-items: stretch;
    }

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

    .empty-state[b-z6gucn1bkp] {
        padding: 2rem 1rem;
    }

    .empty-state-icon[b-z6gucn1bkp] {
        font-size: 2.5rem;
    }

    .empty-state-title[b-z6gucn1bkp] {
        font-size: 1.1rem;
    }
}

/* Dark Mode Support */
:global(.theme-dark) .empty-state-title[b-z6gucn1bkp] {
    color: #f1f5f9;
}

:global(.theme-dark) .empty-state-description[b-z6gucn1bkp] {
    color: #94a3b8;
}

:global(.theme-dark) .search-box[b-z6gucn1bkp] {
    background: #273549;
    border-color: #334155;
}

:global(.theme-dark) .search-box span[b-z6gucn1bkp] {
    color: #94a3b8;
}

:global(.theme-dark) .search-box input[b-z6gucn1bkp] {
    color: #e2e8f0;
}
/* /Pages/Gerenciamento/AssociacoesTiktok.razor.rz.scp.css */
.page-filters[b-ak58cj8gp5] {
    display: flex;
    align-items: center;
    gap: 0.75rem;
    flex-wrap: wrap;
}

.filter-group[b-ak58cj8gp5] {
    display: flex;
    align-items: center;
    gap: 0.5rem;
}

.search-box[b-ak58cj8gp5] {
    display: flex;
    align-items: center;
    gap: 0.5rem;
    padding: 0 0.5rem;
    border: 1px solid #dee2e6;
    border-radius: 4px;
    background: #ffffff;
}

.search-box span[b-ak58cj8gp5] {
    color: #6b7280;
    font-size: 0.9rem;
}

.search-box input[b-ak58cj8gp5] {
    border: none;
    background: transparent;
    padding: 0.375rem 0;
}

.search-box input:focus[b-ak58cj8gp5] {
    outline: none;
    box-shadow: none;
}

/* Empty State */
.empty-state[b-ak58cj8gp5] {
    display: flex;
    flex-direction: column;
    align-items: center;
    justify-content: center;
    padding: 4rem 2rem;
    text-align: center;
    margin-top: 2rem;
}

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

.empty-state-title[b-ak58cj8gp5] {
    font-size: 1.25rem;
    font-weight: 600;
    color: #1f2937;
    margin: 0 0 0.5rem 0;
}

.empty-state-description[b-ak58cj8gp5] {
    color: #6b7280;
    margin-bottom: 1.5rem;
}

/* Responsive Design */
@media (max-width: 768px) {
    .page-filters[b-ak58cj8gp5] {
        flex-direction: column;
        align-items: stretch;
    }

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

    .empty-state[b-ak58cj8gp5] {
        padding: 2rem 1rem;
    }

    .empty-state-icon[b-ak58cj8gp5] {
        font-size: 2.5rem;
    }

    .empty-state-title[b-ak58cj8gp5] {
        font-size: 1.1rem;
    }
}

/* Dark Mode Support */
:global(.theme-dark) .empty-state-title[b-ak58cj8gp5] {
    color: #f1f5f9;
}

:global(.theme-dark) .empty-state-description[b-ak58cj8gp5] {
    color: #94a3b8;
}

:global(.theme-dark) .search-box[b-ak58cj8gp5] {
    background: #273549;
    border-color: #334155;
}

:global(.theme-dark) .search-box span[b-ak58cj8gp5] {
    color: #94a3b8;
}

:global(.theme-dark) .search-box input[b-ak58cj8gp5] {
    color: #e2e8f0;
}
/* /Pages/GestaoFulfillment/InventarioFbaV1.razor.rz.scp.css */
.page-filters[b-ca6fnntc39] {
    display: flex;
    align-items: center;
    gap: 0.75rem;
    flex-wrap: wrap;
}

.filter-group[b-ca6fnntc39] {
    display: flex;
    align-items: center;
    gap: 0.5rem;
}

.search-box[b-ca6fnntc39] {
    display: flex;
    align-items: center;
    gap: 0.5rem;
    padding: 0 0.5rem;
    border: 1px solid #dee2e6;
    border-radius: 4px;
    background: #ffffff;
}

.search-box span[b-ca6fnntc39] {
    color: #6b7280;
    font-size: 0.9rem;
}

.search-box input[b-ca6fnntc39] {
    border: none;
    background: transparent;
    padding: 0.375rem 0;
}

.search-box input:focus[b-ca6fnntc39] {
    outline: none;
    box-shadow: none;
}

.inventario-fba-container[b-ca6fnntc39] {
    display: flex;
    flex-direction: column;
    gap: 1.5rem;
    padding: 0;
}

/* ── KPI Row & Cards ─────────────────────────────────────────────────── */
.kpi-row[b-ca6fnntc39] {
    display: grid;
    grid-template-columns: repeat(auto-fit, minmax(220px, 1fr));
    gap: 1.25rem;
}

.kpi-card[b-ca6fnntc39] {
    background: #ffffff;
    border: 1px solid #e5e7eb;
    border-left: 4px solid #17a2b8;
    border-radius: 8px;
    padding: 1.25rem;
    box-shadow: 0 1px 3px rgba(0, 0, 0, 0.05);
    transition: all 0.2s ease;
}

.kpi-card:hover[b-ca6fnntc39] {
    box-shadow: 0 4px 6px rgba(0, 0, 0, 0.08);
    border-left-color: #28a745;
}

.kpi-header[b-ca6fnntc39] {
    display: flex;
    align-items: center;
    justify-content: space-between;
    margin-bottom: 0.75rem;
}

.kpi-label[b-ca6fnntc39] {
    font-size: 0.85rem;
    font-weight: 600;
    color: #6b7280;
    text-transform: uppercase;
    letter-spacing: 0.5px;
}

.kpi-value[b-ca6fnntc39] {
    font-size: 1.75rem;
    font-weight: 700;
    color: #1f2937;
    line-height: 1.2;
}

.btn-icon-sm[b-ca6fnntc39] {
    background: none;
    border: none;
    color: #9ca3af;
    cursor: pointer;
    font-size: 0.9rem;
    padding: 0.25rem;
    transition: color 0.15s;
}

.btn-icon-sm:hover[b-ca6fnntc39] {
    color: #17a2b8;
}

/* ── Data Section (Table) ────────────────────────────────────────────── */
.data-section[b-ca6fnntc39] {
    background: #ffffff;
    border: 1px solid #e5e7eb;
    border-radius: 8px;
    overflow: hidden;
}

.table-responsive[b-ca6fnntc39] {
    overflow-x: auto;
}

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

.data-table thead[b-ca6fnntc39] {
    background: #f9fafb;
    border-bottom: 2px solid #e5e7eb;
}

.data-table th[b-ca6fnntc39] {
    padding: 0.75rem 1rem;
    text-align: left;
    font-weight: 600;
    color: #6b7280;
    text-transform: uppercase;
    font-size: 0.75rem;
    letter-spacing: 0.5px;
    white-space: nowrap;
}

.data-table th.text-end[b-ca6fnntc39] {
    text-align: right;
}

.data-table tbody tr[b-ca6fnntc39] {
    border-bottom: 1px solid #e5e7eb;
    transition: background 0.15s;
}

.data-table tbody tr:hover[b-ca6fnntc39] {
    background: #f9fafb;
}

.data-table td[b-ca6fnntc39] {
    padding: 0.75rem 1rem;
    color: #374151;
}

.data-table td.text-end[b-ca6fnntc39] {
    text-align: right;
}

.product-cell[b-ca6fnntc39] {
    display: flex;
    align-items: center;
    gap: 0.75rem;
}

.product-image[b-ca6fnntc39] {
    width: 40px;
    height: 40px;
    background: #f0f4f7;
    border-radius: 4px;
    display: flex;
    align-items: center;
    justify-content: center;
    font-size: 1.5rem;
    flex-shrink: 0;
}

.product-info[b-ca6fnntc39] {
    display: flex;
    flex-direction: column;
    gap: 2px;
}

.product-info strong[b-ca6fnntc39] {
    color: #1f2937;
    font-weight: 600;
    line-height: 1.2;
}

.product-info small[b-ca6fnntc39] {
    color: #9ca3af;
    font-size: 0.8rem;
}

/* Quantity Badges and Links */
.quantity-badge[b-ca6fnntc39] {
    display: inline-block;
    padding: 0.25rem 0.5rem;
    border-radius: 4px;
    font-weight: 600;
    font-size: 0.8rem;
    white-space: nowrap;
}

.quantity-available[b-ca6fnntc39] {
    background: #d1fae5;
    color: #065f46;
}

.quantity-blocked[b-ca6fnntc39] {
    background: #fee2e2;
    color: #7f1d1d;
}

.quantity-link[b-ca6fnntc39] {
    color: #f59e0b;
    text-decoration: none;
    font-weight: 600;
    cursor: pointer;
    transition: color 0.15s;
}

.quantity-link:hover[b-ca6fnntc39] {
    color: #d97706;
}

.update-time[b-ca6fnntc39] {
    color: #9ca3af;
    font-size: 0.85rem;
}

/* Responsive Design */
@media (max-width: 768px) {
    .page-filters[b-ca6fnntc39] {
        flex-direction: column;
        align-items: stretch;
    }

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

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

    .kpi-value[b-ca6fnntc39] {
        font-size: 1.5rem;
    }

    .data-table[b-ca6fnntc39] {
        font-size: 0.75rem;
    }

    .data-table th[b-ca6fnntc39],
    .data-table td[b-ca6fnntc39] {
        padding: 0.5rem 0.75rem;
    }

    .product-cell[b-ca6fnntc39] {
        flex-direction: column;
        align-items: flex-start;
        gap: 0.5rem;
    }

    .product-image[b-ca6fnntc39] {
        width: 32px;
        height: 32px;
        font-size: 1.2rem;
    }
}

@media (max-width: 480px) {
    .inventario-fba-container[b-ca6fnntc39] {
        gap: 1rem;
    }

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

/* Dark Mode Support */
:global(.theme-dark) .kpi-card[b-ca6fnntc39] {
    background: #1e293b;
    border-color: #334155;
    border-left-color: #06b6d4;
}

:global(.theme-dark) .kpi-card:hover[b-ca6fnntc39] {
    box-shadow: 0 4px 6px rgba(0, 0, 0, 0.25);
    border-left-color: #22c55e;
}

:global(.theme-dark) .kpi-label[b-ca6fnntc39] {
    color: #94a3b8;
}

:global(.theme-dark) .kpi-value[b-ca6fnntc39] {
    color: #f1f5f9;
}

:global(.theme-dark) .data-section[b-ca6fnntc39] {
    background: #1e293b;
    border-color: #334155;
}

:global(.theme-dark) .data-table thead[b-ca6fnntc39] {
    background: #0f172a;
    border-bottom-color: #334155;
}

:global(.theme-dark) .data-table th[b-ca6fnntc39] {
    color: #94a3b8;
}

:global(.theme-dark) .data-table tbody tr[b-ca6fnntc39] {
    border-bottom-color: #334155;
}

:global(.theme-dark) .data-table tbody tr:hover[b-ca6fnntc39] {
    background: #273549;
}

:global(.theme-dark) .data-table td[b-ca6fnntc39] {
    color: #e2e8f0;
}

:global(.theme-dark) .search-box[b-ca6fnntc39] {
    background: #273549;
    border-color: #334155;
}

:global(.theme-dark) .search-box span[b-ca6fnntc39] {
    color: #94a3b8;
}

:global(.theme-dark) .search-box input[b-ca6fnntc39] {
    color: #e2e8f0;
}

:global(.theme-dark) .product-image[b-ca6fnntc39] {
    background: #0f172a;
}

:global(.theme-dark) .product-info strong[b-ca6fnntc39] {
    color: #f1f5f9;
}

:global(.theme-dark) .product-info small[b-ca6fnntc39] {
    color: #64748b;
}

:global(.theme-dark) .quantity-available[b-ca6fnntc39] {
    background: rgba(16, 185, 129, 0.15);
    color: #6ee7b7;
}

:global(.theme-dark) .quantity-blocked[b-ca6fnntc39] {
    background: rgba(239, 68, 68, 0.15);
    color: #fca5a5;
}

:global(.theme-dark) .quantity-link[b-ca6fnntc39] {
    color: #fbbf24;
}

:global(.theme-dark) .quantity-link:hover[b-ca6fnntc39] {
    color: #f59e0b;
}

:global(.theme-dark) .update-time[b-ca6fnntc39] {
    color: #64748b;
}

:global(.theme-dark) .btn-icon-sm[b-ca6fnntc39] {
    color: #64748b;
}

:global(.theme-dark) .btn-icon-sm:hover[b-ca6fnntc39] {
    color: #06b6d4;
}
/* /Pages/GestaoFulfillment/InventarioFull.razor.rz.scp.css */
.page-filters[b-qi24e5xx7x] {
    display: flex;
    align-items: center;
    gap: 0.75rem;
    flex-wrap: wrap;
}

.filter-group[b-qi24e5xx7x] {
    display: flex;
    align-items: center;
    gap: 0.5rem;
}

.search-box[b-qi24e5xx7x] {
    display: flex;
    align-items: center;
    gap: 0.5rem;
    padding: 0 0.5rem;
    border: 1px solid #dee2e6;
    border-radius: 4px;
    background: #ffffff;
}

.search-box span[b-qi24e5xx7x] {
    color: #6b7280;
    font-size: 0.9rem;
}

.search-box input[b-qi24e5xx7x] {
    border: none;
    background: transparent;
    padding: 0.375rem 0;
}

.search-box input:focus[b-qi24e5xx7x] {
    outline: none;
    box-shadow: none;
}

.inventario-full-container[b-qi24e5xx7x] {
    display: flex;
    flex-direction: column;
    gap: 1.5rem;
    padding: 0;
}

/* ── KPI Row & Cards ─────────────────────────────────────────────────── */
.kpi-row[b-qi24e5xx7x] {
    display: grid;
    grid-template-columns: repeat(auto-fit, minmax(220px, 1fr));
    gap: 1.25rem;
}

.kpi-card[b-qi24e5xx7x] {
    background: #ffffff;
    border: 1px solid #e5e7eb;
    border-left: 4px solid #17a2b8;
    border-radius: 8px;
    padding: 1.25rem;
    box-shadow: 0 1px 3px rgba(0, 0, 0, 0.05);
    transition: all 0.2s ease;
}

.kpi-card:hover[b-qi24e5xx7x] {
    box-shadow: 0 4px 6px rgba(0, 0, 0, 0.08);
    border-left-color: #28a745;
}

.kpi-header[b-qi24e5xx7x] {
    display: flex;
    align-items: center;
    justify-content: space-between;
    margin-bottom: 0.75rem;
}

.kpi-label[b-qi24e5xx7x] {
    font-size: 0.85rem;
    font-weight: 600;
    color: #6b7280;
    text-transform: uppercase;
    letter-spacing: 0.5px;
}

.kpi-value[b-qi24e5xx7x] {
    font-size: 1.75rem;
    font-weight: 700;
    color: #1f2937;
    line-height: 1.2;
}

.btn-icon-sm[b-qi24e5xx7x] {
    background: none;
    border: none;
    color: #9ca3af;
    cursor: pointer;
    font-size: 0.9rem;
    padding: 0.25rem;
    transition: color 0.15s;
}

.btn-icon-sm:hover[b-qi24e5xx7x] {
    color: #17a2b8;
}

/* ── Data Section (Table) ────────────────────────────────────────────── */
.data-section[b-qi24e5xx7x] {
    background: #ffffff;
    border: 1px solid #e5e7eb;
    border-radius: 8px;
    overflow: hidden;
}

.table-responsive[b-qi24e5xx7x] {
    overflow-x: auto;
}

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

.data-table thead[b-qi24e5xx7x] {
    background: #f9fafb;
    border-bottom: 2px solid #e5e7eb;
}

.data-table th[b-qi24e5xx7x] {
    padding: 0.75rem 1rem;
    text-align: left;
    font-weight: 600;
    color: #6b7280;
    text-transform: uppercase;
    font-size: 0.75rem;
    letter-spacing: 0.5px;
    white-space: nowrap;
}

.data-table th.text-end[b-qi24e5xx7x] {
    text-align: right;
}

.data-table tbody tr[b-qi24e5xx7x] {
    border-bottom: 1px solid #e5e7eb;
    transition: background 0.15s;
}

.data-table tbody tr:hover[b-qi24e5xx7x] {
    background: #f9fafb;
}

.data-table td[b-qi24e5xx7x] {
    padding: 0.75rem 1rem;
    color: #374151;
}

.data-table td.text-end[b-qi24e5xx7x] {
    text-align: right;
}

.product-cell[b-qi24e5xx7x] {
    display: flex;
    align-items: center;
    gap: 0.75rem;
}

.product-image[b-qi24e5xx7x] {
    width: 40px;
    height: 40px;
    background: #f0f4f7;
    border-radius: 4px;
    display: flex;
    align-items: center;
    justify-content: center;
    font-size: 1.5rem;
    flex-shrink: 0;
}

.product-info[b-qi24e5xx7x] {
    display: flex;
    flex-direction: column;
    gap: 2px;
}

.product-info strong[b-qi24e5xx7x] {
    color: #1f2937;
    font-weight: 600;
    line-height: 1.2;
}

.product-info small[b-qi24e5xx7x] {
    color: #9ca3af;
    font-size: 0.8rem;
}

/* Quantity Badges and Links */
.quantity-badge[b-qi24e5xx7x] {
    display: inline-block;
    padding: 0.25rem 0.5rem;
    border-radius: 4px;
    font-weight: 600;
    font-size: 0.8rem;
    white-space: nowrap;
}

.quantity-available[b-qi24e5xx7x] {
    background: #d1fae5;
    color: #065f46;
}

.quantity-blocked[b-qi24e5xx7x] {
    background: #fee2e2;
    color: #7f1d1d;
}

.quantity-link[b-qi24e5xx7x] {
    color: #f59e0b;
    text-decoration: none;
    font-weight: 600;
    cursor: pointer;
    transition: color 0.15s;
}

.quantity-link:hover[b-qi24e5xx7x] {
    color: #d97706;
}

.update-time[b-qi24e5xx7x] {
    color: #9ca3af;
    font-size: 0.85rem;
}

/* Empty Row */
.empty-row[b-qi24e5xx7x] {
    text-align: center;
    padding: 2rem !important;
}

.empty-message[b-qi24e5xx7x] {
    color: #9ca3af;
    font-size: 0.95rem;
}

/* Responsive Design */
@media (max-width: 768px) {
    .page-filters[b-qi24e5xx7x] {
        flex-direction: column;
        align-items: stretch;
    }

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

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

    .kpi-value[b-qi24e5xx7x] {
        font-size: 1.5rem;
    }

    .data-table[b-qi24e5xx7x] {
        font-size: 0.75rem;
    }

    .data-table th[b-qi24e5xx7x],
    .data-table td[b-qi24e5xx7x] {
        padding: 0.5rem 0.75rem;
    }

    .product-cell[b-qi24e5xx7x] {
        flex-direction: column;
        align-items: flex-start;
        gap: 0.5rem;
    }

    .product-image[b-qi24e5xx7x] {
        width: 32px;
        height: 32px;
        font-size: 1.2rem;
    }
}

@media (max-width: 480px) {
    .inventario-full-container[b-qi24e5xx7x] {
        gap: 1rem;
    }

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

/* Dark Mode Support */
:global(.theme-dark) .kpi-card[b-qi24e5xx7x] {
    background: #1e293b;
    border-color: #334155;
    border-left-color: #06b6d4;
}

:global(.theme-dark) .kpi-card:hover[b-qi24e5xx7x] {
    box-shadow: 0 4px 6px rgba(0, 0, 0, 0.25);
    border-left-color: #22c55e;
}

:global(.theme-dark) .kpi-label[b-qi24e5xx7x] {
    color: #94a3b8;
}

:global(.theme-dark) .kpi-value[b-qi24e5xx7x] {
    color: #f1f5f9;
}

:global(.theme-dark) .data-section[b-qi24e5xx7x] {
    background: #1e293b;
    border-color: #334155;
}

:global(.theme-dark) .data-table thead[b-qi24e5xx7x] {
    background: #0f172a;
    border-bottom-color: #334155;
}

:global(.theme-dark) .data-table th[b-qi24e5xx7x] {
    color: #94a3b8;
}

:global(.theme-dark) .data-table tbody tr[b-qi24e5xx7x] {
    border-bottom-color: #334155;
}

:global(.theme-dark) .data-table tbody tr:hover[b-qi24e5xx7x] {
    background: #273549;
}

:global(.theme-dark) .data-table td[b-qi24e5xx7x] {
    color: #e2e8f0;
}

:global(.theme-dark) .search-box[b-qi24e5xx7x] {
    background: #273549;
    border-color: #334155;
}

:global(.theme-dark) .search-box span[b-qi24e5xx7x] {
    color: #94a3b8;
}

:global(.theme-dark) .search-box input[b-qi24e5xx7x] {
    color: #e2e8f0;
}

:global(.theme-dark) .product-image[b-qi24e5xx7x] {
    background: #0f172a;
}

:global(.theme-dark) .product-info strong[b-qi24e5xx7x] {
    color: #f1f5f9;
}

:global(.theme-dark) .product-info small[b-qi24e5xx7x] {
    color: #64748b;
}

:global(.theme-dark) .quantity-available[b-qi24e5xx7x] {
    background: rgba(16, 185, 129, 0.15);
    color: #6ee7b7;
}

:global(.theme-dark) .quantity-blocked[b-qi24e5xx7x] {
    background: rgba(239, 68, 68, 0.15);
    color: #fca5a5;
}

:global(.theme-dark) .quantity-link[b-qi24e5xx7x] {
    color: #fbbf24;
}

:global(.theme-dark) .quantity-link:hover[b-qi24e5xx7x] {
    color: #f59e0b;
}

:global(.theme-dark) .update-time[b-qi24e5xx7x] {
    color: #64748b;
}

:global(.theme-dark) .empty-message[b-qi24e5xx7x] {
    color: #64748b;
}

:global(.theme-dark) .btn-icon-sm[b-qi24e5xx7x] {
    color: #64748b;
}

:global(.theme-dark) .btn-icon-sm:hover[b-qi24e5xx7x] {
    color: #06b6d4;
}
/* /Pages/IndiqueEGanhe.razor.rz.scp.css */
.indique-container[b-itknh0rgnc] {
    padding: 24px;
    max-width: 1200px;
    margin: 0 auto;
}

.referral-card[b-itknh0rgnc] {
    background: white;
    border: 1px solid #e0e0e0;
    border-radius: 8px;
    padding: 32px;
    margin-bottom: 40px;
    box-shadow: 0 2px 4px rgba(0, 0, 0, 0.05);
}

.referral-card h3[b-itknh0rgnc] {
    margin: 0 0 12px 0;
    font-size: 20px;
    font-weight: 600;
    color: #212121;
}

.description[b-itknh0rgnc] {
    margin: 0 0 24px 0;
    font-size: 14px;
    color: #757575;
}

.referral-link-section[b-itknh0rgnc] {
    display: flex;
    gap: 12px;
    align-items: center;
}

.link-display[b-itknh0rgnc] {
    flex: 1;
    position: relative;
}

.link-input[b-itknh0rgnc] {
    width: 100%;
    padding: 12px 16px;
    border: 1px solid #e0e0e0;
    border-radius: 4px;
    font-family: monospace;
    font-size: 13px;
    background-color: #f5f5f5;
    color: #424242;
}

.link-input:focus[b-itknh0rgnc] {
    outline: none;
    border-color: #1976d2;
    background-color: white;
}

.stats-grid[b-itknh0rgnc] {
    display: grid;
    grid-template-columns: repeat(auto-fit, minmax(250px, 1fr));
    gap: 24px;
    margin-bottom: 40px;
}

.stat-card[b-itknh0rgnc] {
    background: white;
    border: 1px solid #e0e0e0;
    border-radius: 8px;
    padding: 24px;
    display: flex;
    align-items: center;
    gap: 24px;
    box-shadow: 0 2px 4px rgba(0, 0, 0, 0.05);
}

.stat-icon[b-itknh0rgnc] {
    width: 64px;
    height: 64px;
    border-radius: 50%;
    background-color: #f5f5f5;
    display: flex;
    align-items: center;
    justify-content: center;
    flex-shrink: 0;
}

.stat-info[b-itknh0rgnc] {
    flex: 1;
}

.stat-label[b-itknh0rgnc] {
    margin: 0;
    font-size: 12px;
    color: #999;
    text-transform: uppercase;
    letter-spacing: 0.5px;
}

.stat-value[b-itknh0rgnc] {
    margin: 8px 0 0 0;
    font-size: 28px;
    font-weight: 700;
    color: #212121;
}

.share-section[b-itknh0rgnc] {
    background: white;
    border: 1px solid #e0e0e0;
    border-radius: 8px;
    padding: 32px;
    margin-bottom: 40px;
    box-shadow: 0 2px 4px rgba(0, 0, 0, 0.05);
}

.share-section h3[b-itknh0rgnc] {
    margin: 0 0 24px 0;
    font-size: 18px;
    font-weight: 600;
    color: #212121;
}

.share-buttons[b-itknh0rgnc] {
    display: flex;
    gap: 12px;
    flex-wrap: wrap;
}

.share-buttons :deep .mud-button[b-itknh0rgnc] {
    flex: 1;
    min-width: 150px;
}

.referrals-list[b-itknh0rgnc] {
    background: white;
    border: 1px solid #e0e0e0;
    border-radius: 8px;
    padding: 32px;
    box-shadow: 0 2px 4px rgba(0, 0, 0, 0.05);
}

.referrals-list h3[b-itknh0rgnc] {
    margin: 0 0 24px 0;
    font-size: 18px;
    font-weight: 600;
    color: #212121;
}

.referrals-table[b-itknh0rgnc] {
    width: 100%;
}

:deep .mud-table[b-itknh0rgnc] {
    background-color: white;
}

:deep .mud-table-cell[b-itknh0rgnc] {
    padding: 16px;
    border-bottom: 1px solid #e0e0e0;
}

:deep .mud-table-head-cell[b-itknh0rgnc] {
    background-color: #f5f5f5;
    font-weight: 600;
    color: #212121;
}

:deep .mud-table-row:hover[b-itknh0rgnc] {
    background-color: #fafafa;
}

@media (max-width: 768px) {
    .indique-container[b-itknh0rgnc] {
        padding: 16px;
    }

    .referral-card[b-itknh0rgnc],
    .share-section[b-itknh0rgnc],
    .referrals-list[b-itknh0rgnc] {
        padding: 24px 16px;
    }

    .referral-link-section[b-itknh0rgnc] {
        flex-direction: column;
    }

    .stats-grid[b-itknh0rgnc] {
        grid-template-columns: 1fr;
    }

    .stat-card[b-itknh0rgnc] {
        flex-direction: column;
        text-align: center;
    }

    .share-buttons[b-itknh0rgnc] {
        flex-direction: column;
    }

    .share-buttons :deep .mud-button[b-itknh0rgnc] {
        width: 100%;
    }

    :deep .mud-table-cell[b-itknh0rgnc] {
        padding: 12px 8px;
        font-size: 13px;
    }
}
/* /Pages/MargemVendas.razor.rz.scp.css */
/* ── Toolbar ──────────────────────────────────────────────────────── */
.mv-toolbar[b-ii8p9e8hz9] {
    display: flex;
    align-items: center;
    gap: 1rem;
    margin-bottom: 1.25rem;
    flex-wrap: wrap;
}

.mv-period-selector[b-ii8p9e8hz9] {
    display: flex;
    align-items: center;
    gap: 0.4rem;
    flex-wrap: wrap;
}

.mv-period-label[b-ii8p9e8hz9] {
    font-size: 0.8rem;
    font-weight: 600;
    color: var(--color-text-muted, #6b7280);
    margin-right: 0.2rem;
    white-space: nowrap;
}

.mv-period-btn[b-ii8p9e8hz9] {
    padding: 0.2rem 0.7rem;
    border-radius: 6px;
    border: 1px solid var(--color-border, #d1d5db);
    background: var(--color-surface, #fff);
    font-size: 0.8rem;
    font-weight: 500;
    color: var(--color-text, #374151);
    cursor: pointer;
    transition: background 0.12s, border-color 0.12s, color 0.12s;
    white-space: nowrap;
}

.mv-period-btn:hover[b-ii8p9e8hz9] {
    background: var(--color-bg-subtle, #f3f4f6);
    border-color: var(--color-primary, #3b82f6);
}

.mv-period-btn.active[b-ii8p9e8hz9] {
    background: var(--color-primary, #3b82f6);
    border-color: var(--color-primary, #3b82f6);
    color: #fff;
}

.mv-search[b-ii8p9e8hz9] {
    position: relative;
    flex: 1;
    min-width: 160px;
    max-width: 300px;
}

.mv-search .oi[b-ii8p9e8hz9] {
    position: absolute;
    left: 0.6rem;
    top: 50%;
    transform: translateY(-50%);
    color: var(--color-text-muted, #9ca3af);
    font-size: 0.8rem;
    pointer-events: none;
}

.mv-search .form-control[b-ii8p9e8hz9] {
    padding-left: 2rem;
    height: 32px;
    font-size: 0.85rem;
}

/* ── Tabs ─────────────────────────────────────────────────────────── */
.mv-tabs[b-ii8p9e8hz9] {
    display: flex;
    gap: 0;
    margin-bottom: 1rem;
    border-bottom: 2px solid var(--color-border, #e5e7eb);
}

.mv-tab[b-ii8p9e8hz9] {
    display: inline-flex;
    align-items: center;
    gap: 0.4rem;
    padding: 0.5rem 1.1rem;
    background: none;
    border: none;
    border-bottom: 2px solid transparent;
    margin-bottom: -2px;
    font-size: 0.875rem;
    font-weight: 500;
    color: var(--color-text-muted, #6b7280);
    cursor: pointer;
    transition: color 0.15s, border-color 0.15s;
    white-space: nowrap;
}

.mv-tab:hover[b-ii8p9e8hz9] {
    color: var(--color-text, #374151);
}

.mv-tab.active[b-ii8p9e8hz9] {
    color: var(--color-primary, #3b82f6);
    border-bottom-color: var(--color-primary, #3b82f6);
    font-weight: 600;
}

/* ── Section wrapper ──────────────────────────────────────────────── */
.mv-section[b-ii8p9e8hz9] {
    animation: fadeIn-b-ii8p9e8hz9 0.18s ease;
}

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

.mv-section-desc[b-ii8p9e8hz9] {
    font-size: 0.82rem;
    color: var(--color-text-muted, #6b7280);
    margin-bottom: 0.75rem;
}

/* ── Quadrante ────────────────────────────────────────────────────── */
.mv-quadrant-wrapper[b-ii8p9e8hz9] {
    position: relative;
}

.mv-quadrant-svg[b-ii8p9e8hz9] {
    width: 100%;
    max-width: 600px;
    height: auto;
    display: block;
    background: var(--color-surface, #fff);
    border: 1px solid var(--color-border, #e5e7eb);
    border-radius: 10px;
    margin: 0 auto 0.75rem;
}

.mv-quadrant-legend[b-ii8p9e8hz9] {
    display: flex;
    align-items: center;
    gap: 1.25rem;
    flex-wrap: wrap;
    font-size: 0.78rem;
    color: var(--color-text-muted, #6b7280);
    margin-top: 0.5rem;
    justify-content: center;
}

.mv-legend-dot[b-ii8p9e8hz9] {
    display: inline-block;
    width: 12px;
    height: 12px;
    border-radius: 50%;
    margin-right: 4px;
    vertical-align: middle;
}

.mv-empty[b-ii8p9e8hz9] {
    text-align: center;
    color: var(--color-text-muted, #9ca3af);
    font-size: 0.875rem;
    padding: 2rem 0;
}

/* ── Ranking grid ─────────────────────────────────────────────────── */
.mv-ranking-grid[b-ii8p9e8hz9] {
    display: grid;
    grid-template-columns: repeat(auto-fit, minmax(240px, 1fr));
    gap: 1.5rem;
}

.mv-ranking-col[b-ii8p9e8hz9] {
    display: flex;
    flex-direction: column;
    gap: 0.5rem;
}

.mv-ranking-title[b-ii8p9e8hz9] {
    font-size: 0.875rem;
    font-weight: 600;
    color: var(--color-text, #374151);
    margin-bottom: 0.5rem;
    padding-bottom: 0.4rem;
    border-bottom: 1px solid var(--color-border, #e5e7eb);
}

.mv-rank-item[b-ii8p9e8hz9] {
    display: flex;
    flex-direction: column;
    gap: 3px;
}

.mv-rank-info[b-ii8p9e8hz9] {
    display: flex;
    justify-content: space-between;
    align-items: baseline;
    gap: 0.5rem;
}

.mv-rank-sku[b-ii8p9e8hz9] {
    font-size: 0.8rem;
    font-weight: 500;
    color: var(--color-text, #374151);
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
    max-width: 60%;
}

.mv-rank-val[b-ii8p9e8hz9] {
    font-size: 0.8rem;
    font-weight: 600;
    white-space: nowrap;
}

.mv-rank-bar-track[b-ii8p9e8hz9] {
    height: 6px;
    background: var(--color-bg-subtle, #f3f4f6);
    border-radius: 3px;
    overflow: hidden;
}

.mv-rank-bar[b-ii8p9e8hz9] {
    height: 100%;
    border-radius: 3px;
    transition: width 0.4s ease;
}

.mv-rank-bar--green[b-ii8p9e8hz9] { background: #22c55e; }
.mv-rank-bar--blue[b-ii8p9e8hz9]  { background: #3b82f6; }
.mv-rank-bar--red[b-ii8p9e8hz9]   { background: #ef4444; }

/* ── Tabela ───────────────────────────────────────────────────────── */
.mv-sort-hint[b-ii8p9e8hz9] {
    font-size: 0.78rem;
    color: var(--color-text-muted, #9ca3af);
}

:deep(.row--alert)[b-ii8p9e8hz9] {
    background: rgba(239, 68, 68, 0.04);
}

:deep(.row--alert:hover)[b-ii8p9e8hz9] {
    background: rgba(239, 68, 68, 0.08);
}

:deep(.badge-pill--green)[b-ii8p9e8hz9] {
    background: #dcfce7;
    color: #166534;
    padding: 2px 8px;
    border-radius: 9999px;
    font-size: 0.7rem;
    font-weight: 600;
    white-space: nowrap;
}

:deep(.badge-pill--yellow)[b-ii8p9e8hz9] {
    background: #fef9c3;
    color: #854d0e;
    padding: 2px 8px;
    border-radius: 9999px;
    font-size: 0.7rem;
    font-weight: 600;
    white-space: nowrap;
}

:deep(.badge-pill--orange)[b-ii8p9e8hz9] {
    background: #ffedd5;
    color: #9a3412;
    padding: 2px 8px;
    border-radius: 9999px;
    font-size: 0.7rem;
    font-weight: 600;
    white-space: nowrap;
}

/* ── Dark mode ────────────────────────────────────────────────────── */
:global(.theme-dark) .mv-period-btn[b-ii8p9e8hz9] {
    background: #1e293b;
    border-color: #334155;
    color: #94a3b8;
}

:global(.theme-dark) .mv-period-btn:hover[b-ii8p9e8hz9] {
    background: #273549;
    border-color: #3b82f6;
}

:global(.theme-dark) .mv-period-btn.active[b-ii8p9e8hz9] {
    background: #3b82f6;
    border-color: #3b82f6;
    color: #fff;
}

:global(.theme-dark) .mv-tab[b-ii8p9e8hz9] {
    color: #94a3b8;
}

:global(.theme-dark) .mv-tab:hover[b-ii8p9e8hz9] {
    color: #e2e8f0;
}

:global(.theme-dark) .mv-tab.active[b-ii8p9e8hz9] {
    color: #60a5fa;
    border-bottom-color: #60a5fa;
}

:global(.theme-dark) .mv-tabs[b-ii8p9e8hz9] {
    border-bottom-color: #334155;
}

:global(.theme-dark) .mv-quadrant-svg[b-ii8p9e8hz9] {
    background: #1e293b;
    border-color: #334155;
}

:global(.theme-dark) .mv-ranking-title[b-ii8p9e8hz9] {
    color: #e2e8f0;
    border-bottom-color: #334155;
}

:global(.theme-dark) .mv-rank-sku[b-ii8p9e8hz9] {
    color: #e2e8f0;
}

:global(.theme-dark) .mv-rank-bar-track[b-ii8p9e8hz9] {
    background: rgba(255, 255, 255, 0.05);
}

:global(.theme-dark) :deep(.badge-pill--green)[b-ii8p9e8hz9] {
    background: rgba(34, 197, 94, 0.15);
    color: #86efac;
}

:global(.theme-dark) :deep(.badge-pill--yellow)[b-ii8p9e8hz9] {
    background: rgba(234, 179, 8, 0.15);
    color: #fde047;
}

:global(.theme-dark) :deep(.badge-pill--orange)[b-ii8p9e8hz9] {
    background: rgba(249, 115, 22, 0.15);
    color: #fdba74;
}

/* ── Responsive ───────────────────────────────────────────────────── */
@media (max-width: 640px) {
    .mv-ranking-grid[b-ii8p9e8hz9] {
        grid-template-columns: 1fr;
    }

    .mv-search[b-ii8p9e8hz9] {
        max-width: 100%;
        width: 100%;
    }
}
/* /Pages/Precificacao.razor.rz.scp.css */
/* ── Filtros ──────────────────────────────────────────────────────── */
.filter-bar[b-a2mrq2gmvt] {
    display: flex;
    align-items: center;
    gap: 1rem;
    margin-bottom: 1rem;
    flex-wrap: wrap;
}

.filter-search[b-a2mrq2gmvt] {
    max-width: 320px;
    flex-shrink: 0;
}

.filter-toggle[b-a2mrq2gmvt] {
    display: flex;
    align-items: center;
    gap: 0.4rem;
    font-size: 0.875rem;
    cursor: pointer;
    white-space: nowrap;
}

/* ── Linha com alerta de margem ──────────────────────────────────── */
:deep(.row--alert)[b-a2mrq2gmvt] {
    background: rgba(239, 68, 68, 0.04);
}

:deep(.row--alert:hover)[b-a2mrq2gmvt] {
    background: rgba(239, 68, 68, 0.08);
}

/* ── Badge vermelho ──────────────────────────────────────────────── */
:deep(.badge-pill--red)[b-a2mrq2gmvt] {
    background: #fee2e2;
    color: #991b1b;
    padding: 2px 8px;
    border-radius: 9999px;
    font-size: 0.7rem;
    font-weight: 600;
    white-space: nowrap;
}

/* ── Modal ───────────────────────────────────────────────────────── */
.modal-overlay[b-a2mrq2gmvt] {
    position: fixed;
    inset: 0;
    background: rgba(0, 0, 0, 0.45);
    display: flex;
    align-items: center;
    justify-content: center;
    z-index: 1000;
    padding: 1rem;
}

.modal-card[b-a2mrq2gmvt] {
    background: var(--color-surface, #fff);
    border-radius: 12px;
    box-shadow: 0 20px 60px rgba(0, 0, 0, 0.25);
    width: 100%;
    max-height: 90vh;
    overflow-y: auto;
    display: flex;
    flex-direction: column;
}

.modal-card--medium[b-a2mrq2gmvt] {
    max-width: 600px;
}

.modal-header[b-a2mrq2gmvt] {
    display: flex;
    align-items: center;
    justify-content: space-between;
    padding: 1.25rem 1.5rem 0.75rem;
    border-bottom: 1px solid var(--color-border, #e5e7eb);
}

.modal-header h3[b-a2mrq2gmvt] {
    margin: 0;
    font-size: 1.1rem;
    font-weight: 600;
}

.btn-close-modal[b-a2mrq2gmvt] {
    background: none;
    border: none;
    font-size: 1.5rem;
    line-height: 1;
    cursor: pointer;
    color: var(--color-text-muted, #6b7280);
    padding: 0 0.25rem;
}

.modal-body[b-a2mrq2gmvt] {
    padding: 1.25rem 1.5rem;
    flex: 1;
}

.modal-footer[b-a2mrq2gmvt] {
    padding: 1rem 1.5rem;
    border-top: 1px solid var(--color-border, #e5e7eb);
    display: flex;
    justify-content: flex-end;
    gap: 0.75rem;
}

/* ── Cabeçalho do produto no modal ───────────────────────────────── */
.edit-product-header[b-a2mrq2gmvt] {
    display: flex;
    align-items: center;
    gap: 0.75rem;
    margin-bottom: 1rem;
}

:deep(.product-thumb--lg)[b-a2mrq2gmvt] {
    width: 56px;
    height: 56px;
    object-fit: contain;
}

/* ── Info somente leitura (dados da API) ────────────────────────── */
.edit-readonly-info[b-a2mrq2gmvt] {
    background: var(--color-bg-subtle, #f9fafb);
    border: 1px solid var(--color-border, #e5e7eb);
    border-radius: 8px;
    padding: 0.75rem 1rem;
    margin-bottom: 1rem;
}

.edit-info-row[b-a2mrq2gmvt] {
    display: flex;
    justify-content: space-between;
    align-items: center;
    font-size: 0.875rem;
    padding: 0.25rem 0;
}

.edit-info-row span[b-a2mrq2gmvt] {
    color: var(--color-text-muted, #6b7280);
}

/* ── Label e badge de campo somente leitura (API) ───────────────── */
.label-api[b-a2mrq2gmvt] {
    display: flex;
    align-items: center;
    gap: 0.35rem;
}

.badge-api[b-a2mrq2gmvt] {
    display: inline-block;
    font-size: 0.62rem;
    font-weight: 700;
    letter-spacing: 0.04em;
    padding: 1px 5px;
    border-radius: 4px;
    background: #dbeafe;
    color: #1d4ed8;
    line-height: 1.4;
}

.form-control--api[b-a2mrq2gmvt] {
    background: var(--color-bg-subtle, #f9fafb);
    color: var(--color-text-muted, #6b7280);
    cursor: not-allowed;
    border-style: dashed;
}

/* ── Form grid ───────────────────────────────────────────────────── */
.form-grid[b-a2mrq2gmvt] {
    display: grid;
    grid-template-columns: 1fr 1fr;
    gap: 1rem;
}

.form-group--full[b-a2mrq2gmvt] {
    grid-column: 1 / -1;
}

.form-group label[b-a2mrq2gmvt] {
    display: block;
    font-size: 0.8rem;
    font-weight: 600;
    color: var(--color-text, #374151);
    margin-bottom: 0.25rem;
}

.form-hint[b-a2mrq2gmvt] {
    font-size: 0.72rem;
    color: var(--color-text-muted, #9ca3af);
    margin-top: 0.2rem;
    display: block;
}

/* ── Preview de margem ───────────────────────────────────────────── */
.margem-preview[b-a2mrq2gmvt] {
    padding: 0.75rem 1rem;
    border-radius: 8px;
    font-size: 0.9rem;
    margin-top: 1rem;
}

.margem-preview--ok[b-a2mrq2gmvt] {
    background: #f0fdf4;
    border: 1px solid #bbf7d0;
    color: #166534;
}

.margem-preview--alert[b-a2mrq2gmvt] {
    background: #fef2f2;
    border: 1px solid #fecaca;
    color: #991b1b;
}

/* ── Paginação ───────────────────────────────────────────────────── */
.pagination-bar[b-a2mrq2gmvt] {
    display: flex;
    align-items: center;
    justify-content: center;
    gap: 1rem;
    margin-top: 1rem;
}

.btn-pag[b-a2mrq2gmvt] {
    background: var(--color-surface, #fff);
    border: 1px solid var(--color-border, #e5e7eb);
    border-radius: 6px;
    padding: 0.25rem 0.75rem;
    cursor: pointer;
    font-size: 1.1rem;
    line-height: 1.5;
}

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

.pag-info[b-a2mrq2gmvt] {
    font-size: 0.875rem;
    color: var(--color-text-muted, #6b7280);
}

/* ── Dark mode ───────────────────────────────────────────────────── */
:global(.theme-dark) .modal-card[b-a2mrq2gmvt] {
    background: #1f2937;
    color: #f9fafb;
}

:global(.theme-dark) .modal-header[b-a2mrq2gmvt] {
    border-bottom-color: #374151;
}

:global(.theme-dark) .modal-header h3[b-a2mrq2gmvt] {
    color: #f9fafb;
}

:global(.theme-dark) .modal-footer[b-a2mrq2gmvt] {
    border-top-color: #374151;
}

:global(.theme-dark) .btn-close-modal[b-a2mrq2gmvt] {
    color: #9ca3af;
}

:global(.theme-dark) .edit-readonly-info[b-a2mrq2gmvt] {
    background: rgba(255, 255, 255, 0.04);
    border-color: #374151;
}

:global(.theme-dark) .edit-info-row span[b-a2mrq2gmvt] {
    color: #9ca3af;
}

:global(.theme-dark) .form-group label[b-a2mrq2gmvt] {
    color: #e5e7eb;
}

:global(.theme-dark) .form-hint[b-a2mrq2gmvt] {
    color: #6b7280;
}

:global(.theme-dark) .badge-api[b-a2mrq2gmvt] {
    background: rgba(59, 130, 246, 0.15);
    color: #93c5fd;
}

:global(.theme-dark) .form-control--api[b-a2mrq2gmvt] {
    background: rgba(255, 255, 255, 0.03);
    color: #6b7280;
    border-color: #374151;
}

:global(.theme-dark) .margem-preview--ok[b-a2mrq2gmvt] {
    background: rgba(22, 101, 52, 0.2);
    border-color: rgba(34, 197, 94, 0.3);
    color: #86efac;
}

:global(.theme-dark) .margem-preview--alert[b-a2mrq2gmvt] {
    background: rgba(153, 27, 27, 0.2);
    border-color: rgba(239, 68, 68, 0.3);
    color: #fca5a5;
}

/* ── Responsive ──────────────────────────────────────────────────── */
@media (max-width: 640px) {
    .form-grid[b-a2mrq2gmvt] {
        grid-template-columns: 1fr;
    }

    .filter-search[b-a2mrq2gmvt] {
        max-width: 100%;
        width: 100%;
    }
}
/* /Pages/Produtos.razor.rz.scp.css */
.col-sortable[b-5hugrqpx9d] {
    cursor: pointer;
    user-select: none;
    white-space: nowrap;
}

.col-sortable:hover[b-5hugrqpx9d] {
    background-color: rgba(0, 0, 0, 0.04);
}

.sort-icon[b-5hugrqpx9d] {
    font-size: 0.75rem;
    margin-left: 3px;
}

.sort-icon--idle[b-5hugrqpx9d] {
    opacity: 0.35;
}

.sort-icon--active[b-5hugrqpx9d] {
    opacity: 1;
    color: var(--bs-primary, #0d6efd);
}
/* /Pages/ProdutosV1.razor.rz.scp.css */
.page-filters[b-q9ttnqp0d1] {
    display: flex;
    align-items: center;
    gap: 0.75rem;
    flex-wrap: wrap;
}

.filter-group[b-q9ttnqp0d1] {
    display: flex;
    align-items: center;
    gap: 0.5rem;
}

.search-box[b-q9ttnqp0d1] {
    display: flex;
    align-items: center;
    gap: 0.5rem;
    padding: 0 0.5rem;
    border: 1px solid #dee2e6;
    border-radius: 4px;
    background: #ffffff;
}

.search-box span[b-q9ttnqp0d1] {
    color: #6b7280;
    font-size: 0.9rem;
}

.search-box input[b-q9ttnqp0d1] {
    border: none;
    background: transparent;
    padding: 0.375rem 0;
}

.search-box input:focus[b-q9ttnqp0d1] {
    outline: none;
    box-shadow: none;
}

.data-section[b-q9ttnqp0d1] {
    background: #ffffff;
    border: 1px solid #e5e7eb;
    border-radius: 8px;
    overflow: hidden;
    margin-top: 1.5rem;
}

.table-responsive[b-q9ttnqp0d1] {
    overflow-x: auto;
}

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

.data-table thead[b-q9ttnqp0d1] {
    background: #f9fafb;
    border-bottom: 2px solid #e5e7eb;
}

.data-table th[b-q9ttnqp0d1] {
    padding: 0.75rem 1rem;
    text-align: left;
    font-weight: 600;
    color: #6b7280;
    text-transform: uppercase;
    font-size: 0.75rem;
    letter-spacing: 0.5px;
    white-space: nowrap;
}

.data-table th.text-end[b-q9ttnqp0d1] {
    text-align: right;
}

.data-table tbody tr[b-q9ttnqp0d1] {
    border-bottom: 1px solid #e5e7eb;
    transition: background 0.15s;
}

.data-table tbody tr:hover[b-q9ttnqp0d1] {
    background: #f9fafb;
}

.data-table td[b-q9ttnqp0d1] {
    padding: 0.75rem 1rem;
    color: #374151;
}

.data-table td.text-end[b-q9ttnqp0d1] {
    text-align: right;
}

/* Status Badge Styles */
.status-badge[b-q9ttnqp0d1] {
    display: inline-flex;
    align-items: center;
    justify-content: center;
}

.status-icon[b-q9ttnqp0d1] {
    display: inline-flex;
    align-items: center;
    justify-content: center;
    width: 24px;
    height: 24px;
    border-radius: 50%;
    font-weight: bold;
    font-size: 0.85rem;
}

.status-linked[b-q9ttnqp0d1] {
    background: #d1fae5;
    color: #065f46;
}

.status-error[b-q9ttnqp0d1] {
    background: #fee2e2;
    color: #7f1d1d;
}

.status-warning[b-q9ttnqp0d1] {
    background: #fef9c3;
    color: #854d0e;
}

.status-not-linked[b-q9ttnqp0d1] {
    background: #e5e7eb;
    color: #6b7280;
}

.product-image[b-q9ttnqp0d1] {
    width: 40px;
    height: 40px;
    background: #f0f4f7;
    border-radius: 4px;
    display: flex;
    align-items: center;
    justify-content: center;
    font-size: 1.5rem;
    flex-shrink: 0;
}

/* Dropdown Actions */
.dropdown-actions[b-q9ttnqp0d1] {
    position: relative;
    display: inline-block;
}

.dropdown-toggle[b-q9ttnqp0d1] {
    padding: 0.375rem 0.75rem;
    border: 1px solid #dee2e6;
    background: #ffffff;
    cursor: pointer;
}

.dropdown-toggle:hover[b-q9ttnqp0d1] {
    background: #f9fafb;
    border-color: #adb5bd;
}

.dropdown-menu[b-q9ttnqp0d1] {
    position: absolute;
    top: 100%;
    right: 0;
    background: #ffffff;
    border: 1px solid #dee2e6;
    border-radius: 4px;
    box-shadow: 0 2px 4px rgba(0, 0, 0, 0.1);
    min-width: 150px;
    z-index: 1000;
}

.dropdown-menu.show[b-q9ttnqp0d1] {
    display: block;
}

.dropdown-item[b-q9ttnqp0d1] {
    display: block;
    width: 100%;
    padding: 0.5rem 1rem;
    color: #374151;
    text-decoration: none;
    cursor: pointer;
    transition: background 0.15s;
    border: none;
    background: none;
}

.dropdown-item:hover[b-q9ttnqp0d1] {
    background: #f9fafb;
    color: #1f2937;
}

.dropdown-item:first-child[b-q9ttnqp0d1] {
    border-radius: 3px 3px 0 0;
}

.dropdown-item:last-child[b-q9ttnqp0d1] {
    border-radius: 0 0 3px 3px;
}

/* Responsive Design */
@media (max-width: 768px) {
    .page-filters[b-q9ttnqp0d1] {
        flex-direction: column;
        align-items: stretch;
    }

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

    .data-table[b-q9ttnqp0d1] {
        font-size: 0.75rem;
    }

    .data-table th[b-q9ttnqp0d1],
    .data-table td[b-q9ttnqp0d1] {
        padding: 0.5rem 0.75rem;
    }

    .product-image[b-q9ttnqp0d1] {
        width: 32px;
        height: 32px;
        font-size: 1.2rem;
    }
}

/* Dark Mode Support */
:global(.theme-dark) .data-section[b-q9ttnqp0d1] {
    background: #1e293b;
    border-color: #334155;
}

:global(.theme-dark) .data-table thead[b-q9ttnqp0d1] {
    background: #0f172a;
    border-bottom-color: #334155;
}

:global(.theme-dark) .data-table th[b-q9ttnqp0d1] {
    color: #94a3b8;
}

:global(.theme-dark) .data-table tbody tr[b-q9ttnqp0d1] {
    border-bottom-color: #334155;
}

:global(.theme-dark) .data-table tbody tr:hover[b-q9ttnqp0d1] {
    background: #273549;
}

:global(.theme-dark) .data-table td[b-q9ttnqp0d1] {
    color: #e2e8f0;
}

:global(.theme-dark) .search-box[b-q9ttnqp0d1] {
    background: #273549;
    border-color: #334155;
}

:global(.theme-dark) .search-box span[b-q9ttnqp0d1] {
    color: #94a3b8;
}

:global(.theme-dark) .search-box input[b-q9ttnqp0d1] {
    color: #e2e8f0;
}

:global(.theme-dark) .dropdown-toggle[b-q9ttnqp0d1] {
    background: #273549;
    border-color: #334155;
    color: #e2e8f0;
}

:global(.theme-dark) .dropdown-toggle:hover[b-q9ttnqp0d1] {
    background: #334155;
    border-color: #475569;
}

:global(.theme-dark) .dropdown-menu[b-q9ttnqp0d1] {
    background: #1e293b;
    border-color: #334155;
    box-shadow: 0 2px 4px rgba(0, 0, 0, 0.3);
}

:global(.theme-dark) .dropdown-item[b-q9ttnqp0d1] {
    color: #e2e8f0;
}

:global(.theme-dark) .dropdown-item:hover[b-q9ttnqp0d1] {
    background: #273549;
}

:global(.theme-dark) .product-image[b-q9ttnqp0d1] {
    background: #0f172a;
}
/* /Pages/Relatorio/RelatorioEstoqueFba.razor.rz.scp.css */
.relatorio-container[b-h8uwu7029u] {
    padding: 24px;
    max-width: 900px;
    margin: 0 auto;
}

.relatorio-card[b-h8uwu7029u] {
    background: #ffffff;
    border: 1px solid #e0e0e0;
    border-radius: 8px;
    overflow: hidden;
    margin-bottom: 24px;
}

.card-header[b-h8uwu7029u] {
    background: #f9f9f9;
    padding: 20px;
    border-bottom: 1px solid #e0e0e0;
}

.card-header h3[b-h8uwu7029u] {
    margin: 0;
    font-size: 16px;
    font-weight: 600;
    color: #1a1a1a;
}

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

.accounts-selection[b-h8uwu7029u] {
    display: grid;
    grid-template-columns: repeat(auto-fit, minmax(200px, 1fr));
    gap: 16px;
}

.account-toggle[b-h8uwu7029u] {
    display: flex;
    align-items: center;
}

.toggle-label[b-h8uwu7029u] {
    display: flex;
    align-items: center;
    cursor: pointer;
    user-select: none;
}

.toggle-input[b-h8uwu7029u] {
    width: 18px;
    height: 18px;
    cursor: pointer;
    margin-right: 12px;
    accent-color: #28a745;
}

.toggle-text[b-h8uwu7029u] {
    font-size: 14px;
    color: #333;
    font-weight: 500;
}

.button-group[b-h8uwu7029u] {
    display: flex;
    gap: 12px;
    justify-content: center;
}

.btn[b-h8uwu7029u] {
    padding: 12px 28px;
    border: none;
    border-radius: 6px;
    font-size: 14px;
    font-weight: 600;
    cursor: pointer;
    display: inline-flex;
    align-items: center;
    transition: all 0.3s ease;
}

.btn-success[b-h8uwu7029u] {
    background: #28a745;
    color: white;
}

.btn-success:hover[b-h8uwu7029u] {
    background: #218838;
    transform: translateY(-2px);
    box-shadow: 0 4px 12px rgba(40, 167, 69, 0.3);
}

.me-2[b-h8uwu7029u] {
    margin-right: 8px;
}

@media (max-width: 768px) {
    .relatorio-container[b-h8uwu7029u] {
        padding: 16px;
    }

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

    .button-group[b-h8uwu7029u] {
        flex-direction: column;
    }

    .btn[b-h8uwu7029u] {
        width: 100%;
        justify-content: center;
    }
}
/* /Pages/Relatorio/RelatorioOperacional.razor.rz.scp.css */
.relatorio-container[b-ly2vij3c1x] {
    padding: 24px;
    max-width: 900px;
    margin: 0 auto;
}

.relatorio-card[b-ly2vij3c1x] {
    background: #ffffff;
    border: 1px solid #e0e0e0;
    border-radius: 8px;
    overflow: hidden;
    margin-bottom: 24px;
}

.card-header[b-ly2vij3c1x] {
    background: #f9f9f9;
    padding: 20px;
    border-bottom: 1px solid #e0e0e0;
}

.card-header h3[b-ly2vij3c1x] {
    margin: 0;
    font-size: 16px;
    font-weight: 600;
    color: #1a1a1a;
}

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

.accounts-selection[b-ly2vij3c1x] {
    display: grid;
    grid-template-columns: repeat(auto-fit, minmax(200px, 1fr));
    gap: 16px;
}

.account-toggle[b-ly2vij3c1x] {
    display: flex;
    align-items: center;
}

.toggle-label[b-ly2vij3c1x] {
    display: flex;
    align-items: center;
    cursor: pointer;
    user-select: none;
}

.toggle-input[b-ly2vij3c1x] {
    width: 18px;
    height: 18px;
    cursor: pointer;
    margin-right: 12px;
    accent-color: #28a745;
}

.toggle-text[b-ly2vij3c1x] {
    font-size: 14px;
    color: #333;
    font-weight: 500;
}

.filter-group[b-ly2vij3c1x] {
    display: flex;
    flex-direction: column;
    gap: 12px;
}

.filter-label[b-ly2vij3c1x] {
    font-size: 14px;
    font-weight: 600;
    color: #333;
}

.date-range[b-ly2vij3c1x] {
    display: flex;
    align-items: center;
    gap: 12px;
    flex-wrap: wrap;
}

.form-control[b-ly2vij3c1x] {
    padding: 10px 12px;
    border: 1px solid #ddd;
    border-radius: 6px;
    font-size: 14px;
    font-family: inherit;
    background: white;
}

.form-control:focus[b-ly2vij3c1x] {
    outline: none;
    border-color: #28a745;
    box-shadow: 0 0 0 3px rgba(40, 167, 69, 0.1);
}

.range-separator[b-ly2vij3c1x] {
    font-size: 14px;
    color: #666;
    font-weight: 500;
}

.button-group[b-ly2vij3c1x] {
    display: flex;
    gap: 12px;
    justify-content: center;
}

.btn[b-ly2vij3c1x] {
    padding: 12px 28px;
    border: none;
    border-radius: 6px;
    font-size: 14px;
    font-weight: 600;
    cursor: pointer;
    display: inline-flex;
    align-items: center;
    transition: all 0.3s ease;
}

.btn-success[b-ly2vij3c1x] {
    background: #28a745;
    color: white;
}

.btn-success:hover[b-ly2vij3c1x] {
    background: #218838;
    transform: translateY(-2px);
    box-shadow: 0 4px 12px rgba(40, 167, 69, 0.3);
}

.me-2[b-ly2vij3c1x] {
    margin-right: 8px;
}

@media (max-width: 768px) {
    .relatorio-container[b-ly2vij3c1x] {
        padding: 16px;
    }

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

    .date-range[b-ly2vij3c1x] {
        flex-direction: column;
    }

    .date-range .form-control[b-ly2vij3c1x] {
        width: 100%;
    }

    .button-group[b-ly2vij3c1x] {
        flex-direction: column;
    }

    .btn[b-ly2vij3c1x] {
        width: 100%;
        justify-content: center;
    }
}
/* /Pages/Relatorio/RelatorioProdutos.razor.rz.scp.css */
.relatorio-container[b-2qta1yrrwb] {
    padding: 24px;
    max-width: 900px;
    margin: 0 auto;
}

.relatorio-card[b-2qta1yrrwb] {
    background: #ffffff;
    border: 1px solid #e0e0e0;
    border-radius: 8px;
    overflow: hidden;
    margin-bottom: 24px;
}

.card-header[b-2qta1yrrwb] {
    background: #f9f9f9;
    padding: 20px;
    border-bottom: 1px solid #e0e0e0;
}

.card-header h3[b-2qta1yrrwb] {
    margin: 0;
    font-size: 16px;
    font-weight: 600;
    color: #1a1a1a;
}

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

.accounts-selection[b-2qta1yrrwb] {
    display: grid;
    grid-template-columns: repeat(auto-fit, minmax(200px, 1fr));
    gap: 16px;
}

.account-toggle[b-2qta1yrrwb] {
    display: flex;
    align-items: center;
}

.toggle-label[b-2qta1yrrwb] {
    display: flex;
    align-items: center;
    cursor: pointer;
    user-select: none;
}

.toggle-input[b-2qta1yrrwb] {
    width: 18px;
    height: 18px;
    cursor: pointer;
    margin-right: 12px;
    accent-color: #28a745;
}

.toggle-text[b-2qta1yrrwb] {
    font-size: 14px;
    color: #333;
    font-weight: 500;
}

.button-group[b-2qta1yrrwb] {
    display: flex;
    gap: 12px;
    justify-content: center;
}

.btn[b-2qta1yrrwb] {
    padding: 12px 28px;
    border: none;
    border-radius: 6px;
    font-size: 14px;
    font-weight: 600;
    cursor: pointer;
    display: inline-flex;
    align-items: center;
    transition: all 0.3s ease;
}

.btn-success[b-2qta1yrrwb] {
    background: #28a745;
    color: white;
}

.btn-success:hover[b-2qta1yrrwb] {
    background: #218838;
    transform: translateY(-2px);
    box-shadow: 0 4px 12px rgba(40, 167, 69, 0.3);
}

.me-2[b-2qta1yrrwb] {
    margin-right: 8px;
}

@media (max-width: 768px) {
    .relatorio-container[b-2qta1yrrwb] {
        padding: 16px;
    }

    .accounts-selection[b-2qta1yrrwb] {
        grid-template-columns: 1fr;
    }

    .button-group[b-2qta1yrrwb] {
        flex-direction: column;
    }

    .btn[b-2qta1yrrwb] {
        width: 100%;
        justify-content: center;
    }
}
/* /Pages/Relatorio/RelatorioReembolsos.razor.rz.scp.css */
.relatorio-container[b-2x4sxbg6y4] {
    padding: 24px;
    max-width: 900px;
    margin: 0 auto;
}

.relatorio-card[b-2x4sxbg6y4] {
    background: #ffffff;
    border: 1px solid #e0e0e0;
    border-radius: 8px;
    overflow: hidden;
    margin-bottom: 24px;
}

.card-header[b-2x4sxbg6y4] {
    background: #f9f9f9;
    padding: 20px;
    border-bottom: 1px solid #e0e0e0;
}

.card-header h3[b-2x4sxbg6y4] {
    margin: 0;
    font-size: 16px;
    font-weight: 600;
    color: #1a1a1a;
}

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

.accounts-selection[b-2x4sxbg6y4] {
    display: grid;
    grid-template-columns: repeat(auto-fit, minmax(200px, 1fr));
    gap: 16px;
}

.account-toggle[b-2x4sxbg6y4] {
    display: flex;
    align-items: center;
}

.toggle-label[b-2x4sxbg6y4] {
    display: flex;
    align-items: center;
    cursor: pointer;
    user-select: none;
}

.toggle-input[b-2x4sxbg6y4] {
    width: 18px;
    height: 18px;
    cursor: pointer;
    margin-right: 12px;
    accent-color: #28a745;
}

.toggle-text[b-2x4sxbg6y4] {
    font-size: 14px;
    color: #333;
    font-weight: 500;
}

.filter-group[b-2x4sxbg6y4] {
    display: flex;
    flex-direction: column;
    gap: 12px;
}

.filter-label[b-2x4sxbg6y4] {
    font-size: 14px;
    font-weight: 600;
    color: #333;
}

.date-range[b-2x4sxbg6y4] {
    display: flex;
    align-items: center;
    gap: 12px;
    flex-wrap: wrap;
}

.form-control[b-2x4sxbg6y4] {
    padding: 10px 12px;
    border: 1px solid #ddd;
    border-radius: 6px;
    font-size: 14px;
    font-family: inherit;
    background: white;
}

.form-control:focus[b-2x4sxbg6y4] {
    outline: none;
    border-color: #28a745;
    box-shadow: 0 0 0 3px rgba(40, 167, 69, 0.1);
}

.range-separator[b-2x4sxbg6y4] {
    font-size: 14px;
    color: #666;
    font-weight: 500;
}

.button-group[b-2x4sxbg6y4] {
    display: flex;
    gap: 12px;
    justify-content: center;
}

.btn[b-2x4sxbg6y4] {
    padding: 12px 28px;
    border: none;
    border-radius: 6px;
    font-size: 14px;
    font-weight: 600;
    cursor: pointer;
    display: inline-flex;
    align-items: center;
    transition: all 0.3s ease;
}

.btn-success[b-2x4sxbg6y4] {
    background: #28a745;
    color: white;
}

.btn-success:hover[b-2x4sxbg6y4] {
    background: #218838;
    transform: translateY(-2px);
    box-shadow: 0 4px 12px rgba(40, 167, 69, 0.3);
}

.me-2[b-2x4sxbg6y4] {
    margin-right: 8px;
}

@media (max-width: 768px) {
    .relatorio-container[b-2x4sxbg6y4] {
        padding: 16px;
    }

    .accounts-selection[b-2x4sxbg6y4] {
        grid-template-columns: 1fr;
    }

    .date-range[b-2x4sxbg6y4] {
        flex-direction: column;
    }

    .date-range .form-control[b-2x4sxbg6y4] {
        width: 100%;
    }

    .button-group[b-2x4sxbg6y4] {
        flex-direction: column;
    }

    .btn[b-2x4sxbg6y4] {
        width: 100%;
        justify-content: center;
    }
}
/* /Pages/Relatorio/RelatorioVendas.razor.rz.scp.css */
.relatorio-container[b-m42ycefaje] {
    padding: 24px;
    max-width: 900px;
    margin: 0 auto;
}

.relatorio-card[b-m42ycefaje] {
    background: #ffffff;
    border: 1px solid #e0e0e0;
    border-radius: 8px;
    overflow: hidden;
    margin-bottom: 24px;
}

.card-header[b-m42ycefaje] {
    background: #f9f9f9;
    padding: 20px;
    border-bottom: 1px solid #e0e0e0;
}

.card-header h3[b-m42ycefaje] {
    margin: 0;
    font-size: 16px;
    font-weight: 600;
    color: #1a1a1a;
}

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

.accounts-selection[b-m42ycefaje] {
    display: grid;
    grid-template-columns: repeat(auto-fit, minmax(200px, 1fr));
    gap: 16px;
}

.account-toggle[b-m42ycefaje] {
    display: flex;
    align-items: center;
}

.toggle-label[b-m42ycefaje] {
    display: flex;
    align-items: center;
    cursor: pointer;
    user-select: none;
}

.toggle-input[b-m42ycefaje] {
    width: 18px;
    height: 18px;
    cursor: pointer;
    margin-right: 12px;
    accent-color: #28a745;
}

.toggle-text[b-m42ycefaje] {
    font-size: 14px;
    color: #333;
    font-weight: 500;
}

.filter-group[b-m42ycefaje] {
    display: flex;
    flex-direction: column;
    gap: 12px;
}

.filter-label[b-m42ycefaje] {
    font-size: 14px;
    font-weight: 600;
    color: #333;
}

.date-range[b-m42ycefaje] {
    display: flex;
    align-items: center;
    gap: 12px;
    flex-wrap: wrap;
}

.form-control[b-m42ycefaje] {
    padding: 10px 12px;
    border: 1px solid #ddd;
    border-radius: 6px;
    font-size: 14px;
    font-family: inherit;
    background: white;
}

.form-control:focus[b-m42ycefaje] {
    outline: none;
    border-color: #28a745;
    box-shadow: 0 0 0 3px rgba(40, 167, 69, 0.1);
}

.range-separator[b-m42ycefaje] {
    font-size: 14px;
    color: #666;
    font-weight: 500;
}

.button-group[b-m42ycefaje] {
    display: flex;
    gap: 12px;
    justify-content: center;
}

.btn[b-m42ycefaje] {
    padding: 12px 28px;
    border: none;
    border-radius: 6px;
    font-size: 14px;
    font-weight: 600;
    cursor: pointer;
    display: inline-flex;
    align-items: center;
    transition: all 0.3s ease;
}

.btn-success[b-m42ycefaje] {
    background: #28a745;
    color: white;
}

.btn-success:hover[b-m42ycefaje] {
    background: #218838;
    transform: translateY(-2px);
    box-shadow: 0 4px 12px rgba(40, 167, 69, 0.3);
}

.me-2[b-m42ycefaje] {
    margin-right: 8px;
}

@media (max-width: 768px) {
    .relatorio-container[b-m42ycefaje] {
        padding: 16px;
    }

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

    .date-range[b-m42ycefaje] {
        flex-direction: column;
    }

    .date-range .form-control[b-m42ycefaje] {
        width: 100%;
    }

    .button-group[b-m42ycefaje] {
        flex-direction: column;
    }

    .btn[b-m42ycefaje] {
        width: 100%;
        justify-content: center;
    }
}
/* /Pages/Sugestoes.razor.rz.scp.css */
.sugestoes-container[b-3wp0dxamge] {
    padding: 24px;
    max-width: 800px;
    margin: 0 auto;
}

.form-card[b-3wp0dxamge] {
    background: white;
    border: 1px solid #e0e0e0;
    border-radius: 8px;
    padding: 32px;
    margin-bottom: 40px;
    box-shadow: 0 2px 4px rgba(0, 0, 0, 0.05);
}

.form-card h3[b-3wp0dxamge] {
    margin: 0 0 24px 0;
    font-size: 18px;
    font-weight: 600;
    color: #212121;
}

.form-section[b-3wp0dxamge] {
    margin-bottom: 24px;
}

.form-field[b-3wp0dxamge] {
    width: 100%;
}

.button-section[b-3wp0dxamge] {
    margin-top: 24px;
    display: flex;
    gap: 12px;
}

.sugestoes-list[b-3wp0dxamge] {
    background: white;
    border: 1px solid #e0e0e0;
    border-radius: 8px;
    padding: 32px;
    box-shadow: 0 2px 4px rgba(0, 0, 0, 0.05);
}

.sugestoes-list h3[b-3wp0dxamge] {
    margin: 0 0 24px 0;
    font-size: 18px;
    font-weight: 600;
    color: #212121;
}

.sugestao-item[b-3wp0dxamge] {
    padding: 16px;
    border: 1px solid #f0f0f0;
    border-radius: 6px;
    margin-bottom: 16px;
    background-color: #fafafa;
}

.sugestao-item:last-child[b-3wp0dxamge] {
    margin-bottom: 0;
}

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

.sugestao-header h4[b-3wp0dxamge] {
    margin: 0;
    font-size: 14px;
    font-weight: 600;
    color: #1976d2;
}

.data[b-3wp0dxamge] {
    font-size: 12px;
    color: #999;
}

.sugestao-item p[b-3wp0dxamge] {
    margin: 0;
    font-size: 14px;
    color: #424242;
    line-height: 1.5;
}

@media (max-width: 768px) {
    .sugestoes-container[b-3wp0dxamge] {
        padding: 16px;
    }

    .form-card[b-3wp0dxamge],
    .sugestoes-list[b-3wp0dxamge] {
        padding: 24px 16px;
    }

    .sugestao-header[b-3wp0dxamge] {
        flex-direction: column;
        align-items: flex-start;
        gap: 8px;
    }
}
/* /Pages/UsuariosV1.razor.rz.scp.css */
.usuarios-container[b-t9u0pk990p] {
    padding: 24px;
    max-width: 1000px;
    margin: 0 auto;
}

.header-section[b-t9u0pk990p] {
    margin-bottom: 32px;
    display: flex;
    justify-content: flex-end;
}

.table-section[b-t9u0pk990p] {
    background: white;
    border-radius: 8px;
    overflow: hidden;
    box-shadow: 0 2px 4px rgba(0, 0, 0, 0.1);
}

.users-table[b-t9u0pk990p] {
    width: 100%;
}

:deep .mud-table[b-t9u0pk990p] {
    background-color: white;
}

:deep .mud-table-cell[b-t9u0pk990p] {
    padding: 16px;
    border-bottom: 1px solid #e0e0e0;
}

:deep .mud-table-head-cell[b-t9u0pk990p] {
    background-color: #f5f5f5;
    font-weight: 600;
    color: #212121;
}

:deep .mud-table-row:hover[b-t9u0pk990p] {
    background-color: #fafafa;
}

.mb-4[b-t9u0pk990p] {
    margin-bottom: 16px;
}

@media (max-width: 768px) {
    .usuarios-container[b-t9u0pk990p] {
        padding: 16px;
    }

    :deep .mud-table-cell[b-t9u0pk990p] {
        padding: 12px 8px;
        font-size: 13px;
    }
}
/* /Pages/Vendas.razor.rz.scp.css */
.vendas-filters[b-dlyryt357i] {
    display: flex;
    align-items: center;
    gap: 0.75rem;
    flex-wrap: wrap;
}

.btn-success[b-dlyryt357i] {
    background: #28a745;
    border-color: #28a745;
    color: white;
}

.btn-success:hover[b-dlyryt357i] {
    background: #218838;
    border-color: #1e7e34;
}

.badge-warning-custom[b-dlyryt357i] {
    display: inline-flex;
    align-items: center;
    gap: 0.5rem;
    padding: 0.4rem 0.85rem;
    background: #fff3cd;
    border: 1px solid #ffc107;
    border-radius: 4px;
    font-size: 0.85rem;
    color: #856404;
    font-weight: 500;
}

.badge-dot[b-dlyryt357i] {
    display: inline-block;
    width: 8px;
    height: 8px;
    border-radius: 50%;
    flex-shrink: 0;
}

/* ── Filters Panel ───────────────────────────────────────────────────── */
.filters-panel[b-dlyryt357i] {
    background: #f9fafb;
    border: 1px solid #e5e7eb;
    border-radius: 8px;
    padding: 1.25rem;
    margin-bottom: 1.5rem;
    display: grid;
    grid-template-columns: repeat(auto-fit, minmax(200px, 1fr));
    gap: 1.25rem;
    align-items: start;
}

.filter-group-advanced[b-dlyryt357i] {
    display: flex;
    flex-direction: column;
    gap: 0.4rem;
}

.filter-group-advanced label[b-dlyryt357i] {
    font-size: 0.875rem;
    font-weight: 600;
    color: #374151;
}

.checkbox-group[b-dlyryt357i] {
    display: flex;
    flex-direction: column;
    gap: 0.5rem;
}

.checkbox-label[b-dlyryt357i] {
    display: flex;
    align-items: center;
    gap: 0.5rem;
    font-size: 0.875rem;
    cursor: pointer;
    color: #6b7280;
}

.checkbox-label input[type="checkbox"][b-dlyryt357i] {
    cursor: pointer;
}

/* ── Order Cards Container ───────────────────────────────────────────── */
.vendas-container[b-dlyryt357i] {
    display: flex;
    flex-direction: column;
    gap: 1.5rem;
}

/* ── Order Card ──────────────────────────────────────────────────────── */
.order-card[b-dlyryt357i] {
    background: #ffffff;
    border: 1px solid #e5e7eb;
    border-radius: 8px;
    overflow: hidden;
    box-shadow: 0 1px 3px rgba(0, 0, 0, 0.05);
    transition: box-shadow 0.2s;
}

.order-card:hover[b-dlyryt357i] {
    box-shadow: 0 4px 6px rgba(0, 0, 0, 0.08);
}

.order-header[b-dlyryt357i] {
    display: flex;
    align-items: center;
    justify-content: space-between;
    padding: 1rem 1.25rem;
    background: #f9fafb;
    border-bottom: 1px solid #e5e7eb;
    flex-wrap: wrap;
    gap: 1rem;
}

.order-status[b-dlyryt357i] {
    display: flex;
    align-items: center;
    gap: 0.75rem;
}

.status-dot[b-dlyryt357i] {
    display: inline-block;
    width: 12px;
    height: 12px;
    border-radius: 50%;
    flex-shrink: 0;
}

.order-date[b-dlyryt357i] {
    font-weight: 600;
    color: #1f2937;
    font-size: 0.9rem;
}

.order-time[b-dlyryt357i] {
    font-size: 0.85rem;
    color: #6b7280;
}

.order-logistics[b-dlyryt357i] {
    display: flex;
    align-items: center;
}

.logistics-badge[b-dlyryt357i] {
    display: inline-block;
    padding: 0.25rem 0.75rem;
    background: #e0f2fe;
    border: 1px solid #0284c7;
    border-radius: 4px;
    font-size: 0.8rem;
    color: #0c4a6e;
    font-weight: 500;
}

.order-marketplace[b-dlyryt357i] {
    display: flex;
    align-items: center;
    gap: 0.5rem;
}

.marketplace-logo[b-dlyryt357i] {
    font-size: 1.25rem;
}

.marketplace-label[b-dlyryt357i] {
    font-size: 0.85rem;
    font-weight: 600;
    color: #374151;
}

/* ── Order Items Table ───────────────────────────────────────────────── */
.order-items-table[b-dlyryt357i] {
    overflow-x: auto;
}

.items-table[b-dlyryt357i] {
    width: 100%;
    border-collapse: collapse;
    font-size: 0.8rem;
}

.items-table thead[b-dlyryt357i] {
    background: #f3f4f6;
    border-bottom: 1px solid #d1d5db;
}

.items-table th[b-dlyryt357i] {
    padding: 0.75rem 0.85rem;
    text-align: left;
    font-weight: 600;
    color: #6b7280;
    text-transform: uppercase;
    font-size: 0.7rem;
    letter-spacing: 0.5px;
    white-space: nowrap;
}

.items-table th.text-right[b-dlyryt357i] {
    text-align: right;
}

.items-table tbody tr[b-dlyryt357i] {
    border-bottom: 1px solid #e5e7eb;
    transition: background 0.15s;
}

.items-table tbody tr:hover[b-dlyryt357i] {
    background: #f9fafb;
}

.items-table td[b-dlyryt357i] {
    padding: 0.75rem 0.85rem;
    color: #374151;
    vertical-align: middle;
}

.items-table td.text-right[b-dlyryt357i] {
    text-align: right;
}

.item-cell[b-dlyryt357i] {
    display: flex;
    align-items: center;
    gap: 0.75rem;
}

.item-image[b-dlyryt357i] {
    width: 40px;
    height: 40px;
    background: #f0f4f7;
    border-radius: 4px;
    display: flex;
    align-items: center;
    justify-content: center;
    font-size: 1.25rem;
    flex-shrink: 0;
}

.item-info[b-dlyryt357i] {
    display: flex;
    flex-direction: column;
    gap: 2px;
    min-width: 0;
}

.item-info strong[b-dlyryt357i] {
    color: #1f2937;
    font-weight: 600;
    font-size: 0.85rem;
    line-height: 1.2;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
}

.item-info small[b-dlyryt357i] {
    color: #9ca3af;
    font-size: 0.75rem;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
}

/* ── Badges ──────────────────────────────────────────────────────────── */
.badge-margin[b-dlyryt357i] {
    display: inline-block;
    padding: 0.25rem 0.5rem;
    border-radius: 4px;
    font-weight: 600;
    font-size: 0.75rem;
    white-space: nowrap;
}

.badge-green[b-dlyryt357i] {
    background: #d1fae5;
    color: #065f46;
}

.badge-yellow[b-dlyryt357i] {
    background: #fef9c3;
    color: #854d0e;
}

.badge-red[b-dlyryt357i] {
    background: #fee2e2;
    color: #7f1d1d;
}

/* ── Order Footer ────────────────────────────────────────────────────── */
.order-footer[b-dlyryt357i] {
    padding: 0.75rem 1.25rem;
    background: #f9fafb;
    border-top: 1px solid #e5e7eb;
    display: flex;
    justify-content: center;
}

.btn-expand[b-dlyryt357i] {
    background: none;
    border: none;
    padding: 0.5rem 1rem;
    font-size: 0.85rem;
    color: #0284c7;
    cursor: pointer;
    font-weight: 500;
    display: flex;
    align-items: center;
    gap: 0.5rem;
    transition: color 0.15s;
}

.btn-expand:hover[b-dlyryt357i] {
    color: #0369a1;
}

/* ── Responsive Design ───────────────────────────────────────────────── */
@media (max-width: 1024px) {
    .order-header[b-dlyryt357i] {
        flex-direction: column;
        align-items: flex-start;
        gap: 0.75rem;
    }

    .order-status[b-dlyryt357i],
    .order-logistics[b-dlyryt357i],
    .order-marketplace[b-dlyryt357i] {
        width: 100%;
    }
}

@media (max-width: 768px) {
    .vendas-filters[b-dlyryt357i] {
        flex-direction: column;
        align-items: stretch;
    }

    .vendas-filters button[b-dlyryt357i],
    .vendas-filters select[b-dlyryt357i] {
        width: 100%;
    }

    .filters-panel[b-dlyryt357i] {
        grid-template-columns: 1fr;
    }

    .items-table[b-dlyryt357i] {
        font-size: 0.75rem;
    }

    .items-table th[b-dlyryt357i],
    .items-table td[b-dlyryt357i] {
        padding: 0.5rem 0.6rem;
    }
}

@media (max-width: 480px) {
    .item-cell[b-dlyryt357i] {
        flex-direction: column;
        align-items: flex-start;
        gap: 0.5rem;
    }

    .item-image[b-dlyryt357i] {
        width: 32px;
        height: 32px;
        font-size: 1rem;
    }

    .order-header[b-dlyryt357i] {
        padding: 0.75rem;
    }

    .items-table[b-dlyryt357i] {
        font-size: 0.7rem;
    }
}

/* ── Dark Mode Support ───────────────────────────────────────────────── */
:global(.theme-dark) .filters-panel[b-dlyryt357i] {
    background: #1e293b;
    border-color: #334155;
}

:global(.theme-dark) .filter-group-advanced label[b-dlyryt357i] {
    color: #f1f5f9;
}

:global(.theme-dark) .checkbox-label[b-dlyryt357i] {
    color: #94a3b8;
}

:global(.theme-dark) .order-card[b-dlyryt357i] {
    background: #1e293b;
    border-color: #334155;
}

:global(.theme-dark) .order-header[b-dlyryt357i] {
    background: #0f172a;
    border-bottom-color: #334155;
}

:global(.theme-dark) .order-date[b-dlyryt357i],
:global(.theme-dark) .marketplace-label[b-dlyryt357i] {
    color: #f1f5f9;
}

:global(.theme-dark) .order-time[b-dlyryt357i] {
    color: #94a3b8;
}

:global(.theme-dark) .logistics-badge[b-dlyryt357i] {
    background: rgba(2, 132, 199, 0.15);
    border-color: #0284c7;
    color: #7dd3fc;
}

:global(.theme-dark) .items-table thead[b-dlyryt357i] {
    background: #0f172a;
    border-bottom-color: #334155;
}

:global(.theme-dark) .items-table th[b-dlyryt357i] {
    color: #94a3b8;
}

:global(.theme-dark) .items-table tbody tr[b-dlyryt357i] {
    border-bottom-color: #334155;
}

:global(.theme-dark) .items-table tbody tr:hover[b-dlyryt357i] {
    background: #273549;
}

:global(.theme-dark) .items-table td[b-dlyryt357i] {
    color: #e2e8f0;
}

:global(.theme-dark) .item-image[b-dlyryt357i] {
    background: #0f172a;
}

:global(.theme-dark) .item-info strong[b-dlyryt357i] {
    color: #f1f5f9;
}

:global(.theme-dark) .item-info small[b-dlyryt357i] {
    color: #64748b;
}

:global(.theme-dark) .order-footer[b-dlyryt357i] {
    background: #0f172a;
    border-top-color: #334155;
}

:global(.theme-dark) .badge-green[b-dlyryt357i] {
    background: rgba(16, 185, 129, 0.15);
    color: #6ee7b7;
}

:global(.theme-dark) .badge-yellow[b-dlyryt357i] {
    background: rgba(234, 179, 8, 0.15);
    color: #fde047;
}

:global(.theme-dark) .badge-red[b-dlyryt357i] {
    background: rgba(239, 68, 68, 0.15);
    color: #fca5a5;
}
/* /Shared/BarChart.razor.rz.scp.css */
.bar-chart[b-ce92rp2k9z] {
    background: white;
    border-radius: 12px;
    box-shadow: 0 1px 3px rgba(0, 0, 0, 0.08);
    overflow: hidden;
    padding: 1.25rem;
}

.bar-chart-header[b-ce92rp2k9z] {
    margin-bottom: 1rem;
}

.bar-chart-title[b-ce92rp2k9z] {
    font-size: 1rem;
    font-weight: 600;
    color: #111827;
    margin: 0 0 0.25rem 0;
}

.bar-chart-subtitle[b-ce92rp2k9z] {
    font-size: 0.875rem;
    color: #6b7280;
}

.bar-chart-body[b-ce92rp2k9z] {
    min-height: 200px;
}

.bar-chart-bars[b-ce92rp2k9z] {
    display: flex;
    flex-direction: column;
    gap: 0.75rem;
}

.bar-chart-item[b-ce92rp2k9z] {
    display: grid;
    grid-template-columns: 80px 1fr;
    align-items: center;
    gap: 1rem;
}

.bar-chart-label[b-ce92rp2k9z] {
    font-size: 0.8rem;
    color: #6b7280;
    white-space: nowrap;
}

.bar-chart-bar-container[b-ce92rp2k9z] {
    position: relative;
    height: 28px;
    background: #f3f4f6;
    border-radius: 6px;
    overflow: hidden;
    display: flex;
}

.bar-chart-bar[b-ce92rp2k9z] {
    height: 100%;
    min-width: 4px;
    border-radius: 6px;
    transition: flex-basis 0.5s ease;
    flex-shrink: 0;
}

.bar-chart-bar--green[b-ce92rp2k9z] { background: linear-gradient(90deg, #22c55e, #16a34a); }
.bar-chart-bar--blue[b-ce92rp2k9z] { background: linear-gradient(90deg, #3b82f6, #2563eb); }
.bar-chart-bar--purple[b-ce92rp2k9z] { background: linear-gradient(90deg, #8b5cf6, #7c3aed); }

.bar-chart-value[b-ce92rp2k9z] {
    position: absolute;
    right: 0.5rem;
    top: 50%;
    transform: translateY(-50%);
    font-size: 0.75rem;
    font-weight: 600;
    color: #374151;
    z-index: 1;
    text-shadow: 0 0 2px white;
}

/* ── Dark Theme Overrides ── */
.theme-dark .bar-chart[b-ce92rp2k9z] {
    background: #1A1D27;
    border: 1px solid #2d3243;
}
.theme-dark .bar-chart-title[b-ce92rp2k9z] {
    color: #f3f4f6;
}
.theme-dark .bar-chart-subtitle[b-ce92rp2k9z] {
    color: #9ca3af;
}
.theme-dark .bar-chart-label[b-ce92rp2k9z] {
    color: #d1d5db;
}
.theme-dark .bar-chart-bar-container[b-ce92rp2k9z] {
    background: #232836;
}
.theme-dark .bar-chart-value[b-ce92rp2k9z] {
    color: #f3f4f6;
    text-shadow: 0 0 2px #111827;
}
/* /Shared/ChartJsLineChart.razor.rz.scp.css */
.chartjs-container[b-yocpwvkg6i] {
    background: var(--card-bg, #fff);
    border-radius: 12px;
    padding: 1.25rem;
    box-shadow: var(--card-shadow, 0 1px 4px rgba(0,0,0,0.06));
}

.chartjs-header[b-yocpwvkg6i] {
    margin-bottom: 0.75rem;
}

.chartjs-title[b-yocpwvkg6i] {
    font-size: 1rem;
    font-weight: 600;
    color: var(--text-primary, #333);
    margin: 0;
}

.chartjs-body[b-yocpwvkg6i] {
    position: relative;
    height: 320px;
}
/* /Shared/LineChart.razor.rz.scp.css */
.line-chart[b-c9cpvbofei] {
    background: white;
    border-radius: 12px;
    box-shadow: 0 1px 3px rgba(0, 0, 0, 0.08);
    overflow: hidden;
    padding: 1.25rem;
}

.line-chart-header[b-c9cpvbofei] {
    margin-bottom: 1rem;
}

.line-chart-title[b-c9cpvbofei] {
    font-size: 1rem;
    font-weight: 600;
    color: #111827;
    margin: 0 0 0.25rem 0;
}

.line-chart-subtitle[b-c9cpvbofei] {
    font-size: 0.875rem;
    color: #6b7280;
}

.line-chart-body[b-c9cpvbofei] {
    min-height: 220px;
    position: relative;
}

.line-chart-svg[b-c9cpvbofei] {
    width: 100%;
    height: 220px;
    display: block;
}

.line-chart-path[b-c9cpvbofei] {
    fill: none;
    stroke-width: 2;
}

.line-chart-path--green[b-c9cpvbofei] {
    stroke: #22c55e;
}

.line-chart-path--blue[b-c9cpvbofei] {
    stroke: #3b82f6;
}

.line-chart-path--purple[b-c9cpvbofei] {
    stroke: #8b5cf6;
}

.line-chart-dot--green[b-c9cpvbofei] {
    fill: #22c55e;
    stroke: white;
}

.line-chart-dot--blue[b-c9cpvbofei] {
    fill: #3b82f6;
    stroke: white;
}

.line-chart-dot--purple[b-c9cpvbofei] {
    fill: #8b5cf6;
    stroke: white;
}

.line-chart-labels[b-c9cpvbofei] {
    display: flex;
    justify-content: space-between;
    margin-top: 0.5rem;
    padding: 0 0.5rem;
}

.line-chart-label[b-c9cpvbofei] {
    font-size: 0.7rem;
    color: #6b7280;
}

/* ── Dark Theme Overrides ── */
.theme-dark .line-chart[b-c9cpvbofei] {
    background: #1A1D27;
    border: 1px solid #2d3243;
}
.theme-dark .line-chart-title[b-c9cpvbofei] {
    color: #f3f4f6;
}
.theme-dark .line-chart-subtitle[b-c9cpvbofei] {
    color: #9ca3af;
}
.theme-dark .line-chart-label[b-c9cpvbofei] {
    color: #d1d5db;
}
.theme-dark .line-chart-dot--green[b-c9cpvbofei],
.theme-dark .line-chart-dot--blue[b-c9cpvbofei],
.theme-dark .line-chart-dot--purple[b-c9cpvbofei] {
    stroke: #1A1D27;
}
/* /Shared/MainLayout.razor.rz.scp.css */
.page[b-2ckzopp9lq] {
  position: relative;
  display: flex;
  flex-direction: column;
  min-height: 100vh;
}

main[b-2ckzopp9lq] {
  flex: 1;
  display: flex;
  flex-direction: column;
}

.sidebar[b-2ckzopp9lq] {
  background-image: linear-gradient(rgb(90, 121, 237) 0%, rgb(10, 73, 172) 100%);
}

.main-content[b-2ckzopp9lq] {
  flex: 1;
  background: #f5f6f8;
  min-height: 100vh;
}

.content[b-2ckzopp9lq] {
  padding: 1.5rem 2rem;
}

/* ── Overrides Injetados Via Layout Pai para Dark Theme ── */
.page.theme-dark .main-content[b-2ckzopp9lq] {
  background: #0F111A;
}

.page.theme-dark .sidebar[b-2ckzopp9lq] {
  background: #1A1D27;
  border-right: 1px solid #2d3243;
}

@media (min-width: 641px) {
  .page[b-2ckzopp9lq] {
    flex-direction: row;
  }

  .sidebar[b-2ckzopp9lq] {
    width: 260px;
    min-width: 260px;
    height: 100vh;
    position: sticky;
    top: 0;
  }
}
/* /Shared/NavMenu.razor.rz.scp.css */
.sidebar-inner[b-8mlseijzks] {
    display: flex;
    flex-direction: column;
    height: 100%;
    min-height: 100vh;
}

.sidebar-header[b-8mlseijzks] {
    padding: 1.25rem;
    display: flex;
    align-items: center;
    justify-content: space-between;
    min-height: 4rem;
    border-bottom: 1px solid rgba(255, 255, 255, 0.15);
}

.sidebar-logo[b-8mlseijzks] {
    display: flex;
    align-items: center;
    gap: 0.5rem;
}

.logo-icon[b-8mlseijzks] {
    width: 2rem;
    height: 2rem;
    background: #22c55e;
    border-radius: 6px;
    display: flex;
    align-items: center;
    justify-content: center;
    font-weight: 700;
    font-size: 1rem;
    color: white;
}

.logo-text[b-8mlseijzks] {
    font-weight: 600;
    font-size: 1.1rem;
    color: white;
}

.navbar-toggler[b-8mlseijzks] {
    background: rgba(255, 255, 255, 0.15);
    border: none;
    border-radius: 6px;
    padding: 0.5rem;
    color: white;
    cursor: pointer;
}

.navbar-toggler:hover[b-8mlseijzks] {
    background: rgba(255, 255, 255, 0.25);
}

.nav-menu[b-8mlseijzks] {
    flex: 1;
    padding: 1rem 0.75rem;
    overflow-y: auto;
    display: flex;
    flex-direction: column;
}

.nav-item-wrapper[b-8mlseijzks] {
    display: block;
    width: 100%;
    margin-bottom: 0.25rem;
}

.nav-item-wrapper[b-8mlseijzks]  .nav-item,
.nav-item[b-8mlseijzks] {
    display: flex;
    align-items: center;
    gap: 0.75rem;
    width: 100%;
    padding: 0.75rem 1rem;
    color: white;
    text-decoration: none;
    border-radius: 8px;
    transition: background 0.2s, color 0.2s;
    box-sizing: border-box;
}

.nav-item:hover[b-8mlseijzks] {
    background: rgba(255, 255, 255, 0.15);
    color: white;
}

.nav-item.active[b-8mlseijzks] {
    background: rgba(255, 255, 255, 0.25);
    color: white;
}

.nav-item .oi[b-8mlseijzks] {
    width: 1.25rem;
    font-size: 1.1rem;
    flex-shrink: 0;
    color: white;
}

.nav-label[b-8mlseijzks] {
    white-space: nowrap;
    color: white;
}

.sidebar-footer[b-8mlseijzks] {
    padding: 1rem 1.25rem;
    border-top: 1px solid rgba(255, 255, 255, 0.15);
    display: flex;
    align-items: center;
    gap: 0.75rem;
}

.user-avatar[b-8mlseijzks] {
    width: 2.5rem;
    height: 2.5rem;
    border-radius: 50%;
    background: rgba(255, 255, 255, 0.2);
    display: flex;
    align-items: center;
    justify-content: center;
    color: white;
    flex-shrink: 0;
}

.user-info[b-8mlseijzks] {
    flex: 1;
    min-width: 0;
    display: flex;
    flex-direction: column;
    gap: 0.25rem;
}

.user-name[b-8mlseijzks] {
    font-size: 0.875rem;
    color: white;
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis;
}

.btn-logout[b-8mlseijzks] {
    background: none;
    border: none;
    color: white;
    font-size: 0.75rem;
    cursor: pointer;
    padding: 0;
    text-align: left;
}

.btn-logout:hover[b-8mlseijzks] {
    color: white;
    text-decoration: underline;
}

.nav-group-wrapper[b-8mlseijzks] {
    margin-bottom: 0.25rem;
}

.nav-group-toggle[b-8mlseijzks] {
    display: flex;
    align-items: center;
    gap: 0.75rem;
    width: 100%;
    padding: 0.75rem 1rem;
    background: none;
    border: none;
    color: white;
    text-align: left;
    border-radius: 8px;
    cursor: pointer;
    transition: background 0.2s;
    box-sizing: border-box;
}

.nav-group-toggle:hover[b-8mlseijzks] {
    background: rgba(255, 255, 255, 0.15);
}

.nav-group-toggle.open[b-8mlseijzks] {
    background: rgba(255, 255, 255, 0.1);
}

.nav-group-toggle .oi:first-child[b-8mlseijzks] {
    width: 1.25rem;
    font-size: 1.1rem;
    flex-shrink: 0;
}

.nav-group-chevron[b-8mlseijzks] {
    margin-left: auto;
    font-size: 0.7rem;
    opacity: 0.7;
}

.nav-group-children[b-8mlseijzks] {
    padding-left: 0.75rem;
}

.nav-item--child[b-8mlseijzks] {
    padding-left: 0.75rem;
    font-size: 0.9rem;
}

.nav-amazon-icon[b-8mlseijzks] {
    width: 1.25rem;
    height: 1.25rem;
    display: flex;
    align-items: center;
    justify-content: center;
    flex-shrink: 0;
    color: #FF9900;
}

.nav-separator[b-8mlseijzks] {
    height: 1px;
    background: rgba(255, 255, 255, 0.12);
    margin: 0.75rem 1rem;
}

.nav-section-label[b-8mlseijzks] {
    font-size: 0.7rem;
    text-transform: uppercase;
    letter-spacing: 0.08em;
    color: rgba(255, 255, 255, 0.45);
    padding: 0.25rem 1rem 0.5rem;
    font-weight: 600;
}

.nav-badge-beta[b-8mlseijzks] {
    font-size: 0.6rem;
    font-weight: 700;
    text-transform: uppercase;
    letter-spacing: 0.05em;
    background: rgba(255, 165, 0, 0.25);
    color: #ffa500;
    padding: 0.1rem 0.4rem;
    border-radius: 4px;
    line-height: 1;
}

@media (min-width: 641px) {
    .navbar-toggler[b-8mlseijzks] {
        display: none;
    }

    .nav-menu.collapsed[b-8mlseijzks] {
        display: flex;
        flex-direction: column;
    }
}

@media (max-width: 640.98px) {
    .nav-menu.collapsed[b-8mlseijzks] {
        display: none;
    }
}
/* /Shared/TopBar.razor.rz.scp.css */
.topbar[b-41a2yy0qce] {
    display: flex;
    align-items: center;
    justify-content: space-between;
    height: 64px;
    padding: 0 2rem;
    background-color: white;
    border-bottom: 1px solid #e5e7eb;
    box-shadow: 0 1px 2px rgba(0, 0, 0, 0.03);
}

.topbar-spacer[b-41a2yy0qce] {
    flex: 1;
}

.topbar-actions[b-41a2yy0qce] {
    display: flex;
    align-items: center;
    gap: 1rem;
}

.topbar-divider[b-41a2yy0qce] {
    width: 1px;
    height: 24px;
    background-color: #e5e7eb;
    margin: 0 0.5rem;
}

.topbar-item[b-41a2yy0qce] {
    display: flex;
    align-items: center;
    gap: 0.5rem;
}

.btn-icon[b-41a2yy0qce] {
    background: #f9fafb;
    border: 1px solid #e5e7eb;
    cursor: pointer;
    font-size: 1.1rem;
    color: #4b5563;
    border-radius: 50%;
    transition: all 0.2s ease;
    display: flex;
    align-items: center;
    justify-content: center;
    width: 40px;
    height: 40px;
}

.btn-icon:hover[b-41a2yy0qce] {
    background-color: #f3f4f6;
    color: #111827;
    transform: scale(1.05);
}

/* Modificadores diretos da classe theme-dark embutida no componente */
.topbar.theme-dark[b-41a2yy0qce] {
    background-color: #1A1D27 !important;
    border-bottom: 1px solid #2d3243 !important;
}

.topbar.theme-dark .topbar-divider[b-41a2yy0qce] {
    background-color: #373e51;
}

.topbar.theme-dark .btn-icon[b-41a2yy0qce] {
    background: #232836;
    border-color: #373e51;
    color: #d1d5db;
}

.topbar.theme-dark .btn-icon:hover[b-41a2yy0qce] {
    background-color: #2d3243;
    color: white;
}

.topbar.theme-dark select option[b-41a2yy0qce] {
    background-color: #1A1D27;
    color: #e5e7eb;
}