/* DINIS Workspace — Serviços / Estética v1 */
.svc-filterbar{display:flex;flex-direction:column;gap:9px;margin:0 auto 12px;padding:12px 14px;max-width:1600px;background:#fff;border:1px solid #e3eaf2;border-radius:12px;box-shadow:0 4px 16px rgba(16,32,58,.05)}
.svc-filter-group{display:flex;align-items:center;gap:7px;flex-wrap:wrap}.svc-filter-group>span{width:58px;color:#6f8096;font-size:10px;font-weight:800;text-transform:uppercase;letter-spacing:.06em}
.svc-filter-pill{display:inline-flex;min-width:38px;height:28px;align-items:center;justify-content:center;padding:0 10px;border:1px solid #dde6ef;border-radius:999px;background:#f8fafc;color:#526982;text-decoration:none;font-size:10.5px;font-weight:700}
.svc-filter-pill:hover{border-color:#9db2c8;background:#f1f5f9}.svc-filter-pill.active{background:#0b2f5b;border-color:#0b2f5b;color:#fff}
.svc-kpi-grid{max-width:1600px;margin:0 auto 12px;display:grid;grid-template-columns:repeat(6,minmax(0,1fr));gap:10px}.svc-four-kpis{grid-template-columns:repeat(4,minmax(0,1fr))}
.svc-secondary-kpis .svc-kpi-card{min-height:104px}.svc-kpi-card{min-width:0}.svc-kpi-card.positive .kpi-value{color:#087b5b}.svc-kpi-card.negative .kpi-value{color:#b54747}
.svc-dashboard-grid{max-width:1600px;margin:0 auto 12px;display:grid;grid-template-columns:minmax(0,2fr) minmax(310px,.82fr);gap:12px}.svc-two-columns{max-width:1600px;margin:0 auto 12px;display:grid;grid-template-columns:1fr 1fr;gap:12px}
.svc-panel{max-width:1600px;margin:0 auto 12px;padding:16px 18px 18px;background:#fff;border:1px solid #e3eaf2;border-radius:12px;box-shadow:0 4px 16px rgba(16,32,58,.05);min-width:0}.svc-dashboard-grid>.svc-panel,.svc-two-columns>.svc-panel{margin:0}
.svc-panel-heading h2{margin:0;color:#102f55;font-size:15px;font-weight:800}.svc-panel-heading p{margin:4px 0 0;color:#78889e;font-size:10.5px}
.svc-table-wrap{overflow:auto;max-width:100%}.svc-table{width:100%;border-collapse:collapse;font-size:10.5px}.svc-table th{padding:9px 10px;text-align:left;color:#687b95;font-size:9px;font-weight:800;text-transform:uppercase;letter-spacing:.035em;border-bottom:1px solid #e1e8f0;white-space:nowrap}.svc-table td{padding:10px;color:#29425f;border-bottom:1px solid #edf1f5;white-space:nowrap}.svc-table tbody tr:hover{background:#f8fafc}.svc-table tbody tr:last-child td{border-bottom:0}
@media(max-width:1350px){.svc-kpi-grid{grid-template-columns:repeat(3,minmax(0,1fr))}.svc-four-kpis{grid-template-columns:repeat(2,minmax(0,1fr))}}@media(max-width:1050px){.svc-dashboard-grid,.svc-two-columns{grid-template-columns:1fr}}@media(max-width:760px){.svc-kpi-grid,.svc-four-kpis{grid-template-columns:1fr}.svc-panel{padding:13px}.svc-filter-group>span{width:100%}}


/* =========================================================
   DINIS Workspace — Serviços / Estética V2 visual
   ========================================================= */

.svc-primary-kpis{
    grid-template-columns:repeat(3,minmax(0,1fr));
}
.svc-four-kpis{
    grid-template-columns:repeat(4,minmax(0,1fr)) !important;
}
.svc-kpi-card .kpi-ico{
    background:#0b2f5b;
    color:#fff;
    box-shadow:0 4px 10px rgba(11,47,91,.16);
}
.svc-kpi-card.blue .kpi-ico{background:#0b2f5b}
.svc-kpi-card.green .kpi-ico{background:#0ba875}
.svc-kpi-card.red .kpi-ico{background:#d9534f}
.svc-kpi-card.gold .kpi-ico{background:#c89f3d}
.svc-kpi-card.purple .kpi-ico{background:#6d5bd0}
.svc-kpi-card.blue::before{background:#0b2f5b}
.svc-kpi-card.green::before{background:#0ba875}
.svc-kpi-card.red::before{background:#d9534f}
.svc-kpi-card.gold::before{background:#c89f3d}
.svc-kpi-card.purple::before{background:#6d5bd0}
.svc-kpi-card.green .kpi-value{color:#087b5b}
.svc-kpi-card.red .kpi-value{color:#b54747}

.svc-context-strip{
    max-width:1600px;
    margin:0 auto 12px;
    display:grid;
    grid-template-columns:repeat(6,minmax(0,1fr));
    gap:8px;
}
.svc-mini-metric{
    min-width:0;
    padding:10px 11px;
    background:#fff;
    border:1px solid #e3eaf2;
    border-radius:10px;
    box-shadow:0 3px 12px rgba(16,32,58,.035);
    display:grid;
    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:16px;
    line-height:1.15;
    white-space:nowrap;
    text-overflow:ellipsis;
}
.svc-mini-detail{
    color:#8a98ab;
    font-size:8.5px;
}

.svc-panel .dash-graph{
    width:100%;
    min-width:0;
}
.svc-panel .js-plotly-plot,
.svc-panel .plot-container{
    width:100% !important;
}

.app-shell:has(.svc-panel) .nav-section{
    margin:8px 14px 3px !important;
}
.app-shell:has(.svc-panel) .sidebar-nav{
    margin-top:1px !important;
    gap:1px !important;
}
.app-shell:has(.svc-panel) .nav-item{
    height:31px !important;
}
.app-shell:has(.svc-panel) .sidebar-footer{
    margin-top:3px !important;
    padding-top:8px !important;
}

@media(max-width:1100px){
    .svc-primary-kpis{grid-template-columns:repeat(2,minmax(0,1fr))}
    .svc-four-kpis{grid-template-columns:repeat(2,minmax(0,1fr)) !important}
    .svc-context-strip{grid-template-columns:repeat(3,minmax(0,1fr))}
}
@media(max-width:760px){
    .svc-primary-kpis,
    .svc-four-kpis,
    .svc-context-strip{grid-template-columns:1fr !important}
}