/* Reference layout: scoped to these routes and the existing shared shell. */
#app[data-page="pedidos"] .va-pedidos-breadcrumb{display:none}
#app[data-page="pedidos"] .va-pedidos-header__title{font-size:26px;color:#14213d}
#app[data-page="pedidos"] .va-pedidos-open-filters{background:#fff;color:#14213d;border-color:#dbe3ef;box-shadow:none}
#app[data-page="pedidos"] .va-pedidos-kpi-grid--ops{gap:0;padding:20px 0;border:1px solid #e2e8f0;border-radius:12px;background:#fff;box-shadow:0 2px 8px #14213d03}
#app[data-page="pedidos"] .va-pedidos-kpi-grid--ops .va-ops-kpi--mini{display:flex;flex-direction:column;align-items:flex-start;gap:10px;min-height:80px;padding:4px 28px;border:0;border-radius:0;background:transparent;box-shadow:none}
#app[data-page="pedidos"] .va-pedidos-kpi-grid--ops .va-ops-kpi--mini+.va-ops-kpi--mini{border-left:1px solid #e8edf5}
#app[data-page="pedidos"] .va-pedidos-kpi-grid--ops strong{display:flex;align-items:center;gap:20px;font-size:34px;align-self:auto}
#app[data-page="pedidos"] .va-ops-kpi--progress{--kpi-tone:#f59e0b}
#app[data-page="pedidos"] .va-ops-kpi--route{--kpi-tone:#7c3aed}
.orders-metric-dot{width:12px;height:12px;border-radius:50%;background:var(--kpi-tone);flex:none}
#app[data-page="pedidos"] .va-orders-financial-item{min-height:112px;padding:20px 24px;border-radius:12px}
#app[data-page="pedidos"] .va-orders-list-title h2{display:flex;align-items:center;gap:12px;font-size:22px;color:#14213d}
.orders-list-count{padding:5px 10px;border-radius:12px;background:#eff6ff;color:#2563eb;font-size:14px;font-weight:500}
#app[data-page="pedidos"] .va-pedidos-table :is(th,td){text-align:left}
#app[data-page="pedidos"] .va-pedidos-table :is(th,td):nth-child(4){text-align:right}
#app[data-page="pedidos"] .va-pedidos-table :is(th,td):last-child{text-align:center}
#app[data-page="pedidos"] .va-pedidos-table td:first-child::before{display:none}
#app[data-page="pedidos"] .va-pedidos-table .icon-actions{flex-wrap:wrap;gap:6px;overflow:visible}
#app[data-page="pedidos"] .va-pedidos-table .icon-actions :is(button,a){min-width:36px;min-height:36px;flex-shrink:0}
#app.va-dashboard-page .dash-op-kpis .dash-op-kpi-card{min-height:120px;padding:18px 20px;grid-template-rows:minmax(38px,auto) auto;gap:10px;transform:none}
#app.va-dashboard-page .dash-op-kpis .dash-op-kpi-label{grid-column:1;grid-row:1;align-self:center}
#app.va-dashboard-page .dash-op-kpis .dash-op-kpi-value{grid-column:1/-1;grid-row:2;font-size:28px}
#app.va-dashboard-page .dash-op-kpi-icon{grid-column:2;grid-row:1;background:#eff6ff;color:#2563eb}
#app.va-dashboard-page .dash-op-alerts{border-radius:12px}
#app.va-dashboard-page .dash-op-alerts.is-store-closed{border-color:#e2e8f0;background:#f8fafc;color:#14213d}
#app.va-dashboard-page .is-store-closed .dash-op-alert-icon{background:#e9eef5;color:#14213d}
#app.va-dashboard-page .is-store-closed .dash-op-alert strong{color:#14213d}
#app.va-dashboard-page .dash-op-alerts-button{display:inline-flex;align-items:center;gap:8px;color:#2563eb;background:transparent;border-color:transparent}
#app.va-dashboard-page .dash-op-alerts-button svg{width:16px;height:16px}
#app.va-dashboard-page .dash-kanban-col{min-height:180px}
#app.va-dashboard-page .dash-empty-state{min-height:140px}
#app.va-dashboard-page .dash-section-link{font-size:12px}
.subscription-warning-banner.is-upcoming{display:flex;gap:20px;padding:16px 20px;background:#eff6ff;border:1px solid #bfdbfe;border-left:4px solid #2563eb;border-radius:12px;color:#14213d}
.subscription-warning-banner.is-upcoming>div{flex:1;min-width:0}
.subscription-warning-banner.is-upcoming strong{font-size:16px}
.subscription-warning-banner.is-upcoming>div>span{color:#64748b;font-size:14px}
.subscription-warning-icon{display:grid;place-items:center;flex:none;width:52px;height:52px;border-radius:12px;background:#dbeafe;color:#2563eb}
.subscription-warning-icon svg{width:30px;height:30px}
.subscription-warning-banner.is-upcoming a{display:inline-flex;align-items:center;justify-content:center;gap:12px;padding:13px 18px;border-radius:9px;background:#2563eb;color:#fff;text-decoration:none;font-size:14px}
.subscription-warning-banner.is-upcoming a svg{width:18px;height:18px}
:is(.subscription-warning-banner,#app.va-dashboard-page,#app[data-page="pedidos"]) :is(a,button,select):focus-visible{outline:3px solid #93c5fd;outline-offset:3px}
@media(max-width:1100px){
 #app[data-page="pedidos"] .va-pedidos-kpi-grid--ops{grid-template-columns:repeat(3,minmax(0,1fr))}
 #app[data-page="pedidos"] .va-pedidos-kpi-grid--ops .va-ops-kpi--mini{padding:12px 18px}
}
@media(max-width:760px){
 #app[data-page="pedidos"] .va-pedidos-kpi-grid--ops{grid-template-columns:repeat(2,minmax(0,1fr));padding:8px}
 #app[data-page="pedidos"] .va-pedidos-kpi-grid--ops .va-ops-kpi--mini+.va-ops-kpi--mini{border:0}
 #app[data-page="pedidos"] .va-pedidos-financial{grid-template-columns:1fr}
 #app.va-dashboard-page .dash-op-kpis{grid-template-columns:repeat(2,minmax(0,1fr))}
 #app.va-dashboard-page .dash-op-kpis .dash-op-kpi-card{padding:14px;min-height:120px}
 #app.va-dashboard-page .dash-op-kpis .dash-op-kpi-value{font-size:24px}
 .subscription-warning-banner.is-upcoming{flex-wrap:wrap;flex-direction:row;gap:12px;padding:14px}
 .subscription-warning-banner.is-upcoming>div{flex-basis:calc(100% - 64px)}
 .subscription-warning-banner.is-upcoming a{width:100%}
}
@media(max-width:380px){#app.va-dashboard-page .dash-op-kpis{grid-template-columns:1fr}}
#app.va-dashboard-page .is-store-closed .dash-op-alert.neutral{background:transparent}
#app.va-dashboard-page .is-store-closed .dash-op-alert.neutral .dash-op-alert-icon{background:#e9eef5;color:#14213d}
#app.va-dashboard-page .dash-op-alert.neutral span:not(.dash-op-alert-icon){white-space:normal}

#app[data-page="pedidos"] .admin-page-header__title{font-size:26px;color:#14213d}
#app[data-page="pedidos"] .va-pedidos-open-filters{background:#fff!important;color:#14213d!important;border-color:#dbe3ef!important;box-shadow:none!important}
#app[data-page="pedidos"] .va-pedidos-kpi-grid--ops small{align-self:flex-start}
body[data-layout="admin"] .main:has(#app[data-page="pedidos"]),body[data-layout="admin"] .main:has(#app.va-dashboard-page){background:#f8fafc}
#app[data-page="pedidos"],#app.va-dashboard-page{background:#f8fafc}
@media(max-width:480px){
 #app.va-dashboard-page .dash-op-kpis{grid-template-columns:1fr}
 #app.va-dashboard-page .dash-op-kpis .dash-op-kpi-card{min-height:106px}
}
#app.va-dashboard-page .dash-history-empty-cell{white-space:normal}
#app.va-dashboard-page .dash-history-empty-state :is(strong,p){white-space:normal;overflow-wrap:anywhere;max-width:100%}