/* DINIS Workspace — Serviços / Estética V2.1
   Novo nome de asset para eliminar cache do CSS anterior.
   Escopo visual: classes svc-* e shell quando contem páginas de serviços.
*/

.svc-primary-kpis{
    grid-template-columns:repeat(3,minmax(0,1fr)) !important;
}

/* Faixa compacta abaixo dos 6 KPIs principais */
.svc-context-strip{
    max-width:1600px;
    margin:0 auto 12px;
    display:grid !important;
    grid-template-columns:repeat(6,minmax(0,1fr)) !important;
    gap:8px;
}
.svc-mini-metric{
    min-width:0;
    min-height:68px;
    padding:10px 11px;
    background:#fff;
    border:1px solid #e3eaf2;
    border-radius:10px;
    box-shadow:0 3px 12px rgba(16,32,58,.04);
    display:grid !important;
    align-content:center;
    gap:3px;
}
.svc-mini-label{
    color:#708199;
    font-size:9px;
    font-weight:800;
    text-transform:uppercase;
    letter-spacing:.04em;
}
.svc-mini-value{
    overflow:hidden;
    color:#102f55;
    font-size:17px;
    line-height:1.15;
    white-space:nowrap;
    text-overflow:ellipsis;
}
.svc-mini-detail{
    color:#8a98ab;
    font-size:8.5px;
}

/* Gráficos principais: altura real para evitar cortes/achatamento */
.svc-dashboard-grid > .svc-panel:has(.dash-graph){
    min-height:390px !important;
}
.svc-dashboard-grid .dash-graph{
    height:330px !important;
    min-height:330px !important;
    width:100% !important;
}

.svc-panel:has(> .dash-graph){
    min-height:390px;
}
.svc-panel > .dash-graph{
    height:330px !important;
    min-height:330px !important;
    width:100% !important;
}

/* Rankings lado a lado */
.svc-two-columns > .svc-panel:has(.dash-graph){
    min-height:350px !important;
}
.svc-two-columns .dash-graph{
    height:295px !important;
    min-height:295px !important;
    width:100% !important;
}

.svc-panel .js-plotly-plot,
.svc-panel .plot-container,
.svc-panel .svg-container{
    width:100% !important;
}

/* Sidebar um pouco mais compacta para expor Financeiro sem prejudicar leitura */
.app-shell:has(.svc-kpi-grid) .nav-section{
    margin:7px 14px 2px !important;
}
.app-shell:has(.svc-kpi-grid) .sidebar-nav{
    margin-top:1px !important;
    gap:1px !important;
}
.app-shell:has(.svc-kpi-grid) .nav-item{
    height:31px !important;
}
.app-shell:has(.svc-kpi-grid) .sidebar-footer{
    margin-top:2px !important;
    padding-top:7px !important;
}

/* Mantém os ícones dos cards explicitamente visíveis */
.svc-kpi-card .kpi-ico{
    color:#fff !important;
    box-shadow:0 4px 10px rgba(11,47,91,.16);
}
.svc-kpi-card.blue .kpi-ico{background:#0b2f5b !important}
.svc-kpi-card.green .kpi-ico{background:#0ba875 !important}
.svc-kpi-card.red .kpi-ico{background:#d9534f !important}
.svc-kpi-card.gold .kpi-ico{background:#c89f3d !important}
.svc-kpi-card.purple .kpi-ico{background:#6d5bd0 !important}

@media(max-width:1350px){
    .svc-context-strip{
        grid-template-columns:repeat(3,minmax(0,1fr)) !important;
    }
}
@media(max-width:1050px){
    .svc-dashboard-grid,
    .svc-two-columns{
        grid-template-columns:1fr !important;
    }
}
@media(max-width:760px){
    .svc-primary-kpis,
    .svc-context-strip{
        grid-template-columns:1fr !important;
    }
}