html[data-carga360-role="area_manager"] .main,html[data-carga360-role="institution_manager"] .main{max-width:1320px}
html[data-carga360-role="area_manager"] #mayorDashboard,html[data-carga360-role="institution_manager"] #mayorDashboard{display:none!important}
.area-manager-summary{display:grid;gap:18px;margin-top:22px}
.area-summary-heading{display:flex;align-items:end;justify-content:space-between;gap:18px}
.area-summary-heading h2{margin:2px 0 4px;font-size:22px;color:var(--petrol-900)}
.area-summary-heading p{margin:0;color:var(--muted)}
.area-summary-period{min-width:220px}
.area-summary-kpis{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:12px}
.area-summary-kpi{appearance:none;width:100%;display:grid;gap:5px;padding:17px 18px;text-align:left;cursor:pointer;border:1px solid var(--border);background:#fff}
.area-summary-kpi:hover{transform:translateY(-1px);box-shadow:0 8px 20px rgba(18,63,77,.08)}
.area-summary-kpi>span{font-size:10px;font-weight:800;letter-spacing:.055em;text-transform:uppercase;color:var(--muted)}
.area-summary-kpi>strong{font-size:24px;line-height:1.05;color:var(--petrol-900);font-variant-numeric:tabular-nums}
.area-summary-kpi>small{min-height:30px;color:var(--muted);font-size:11px;line-height:1.35}
.area-summary-kpi>em{font-style:normal;color:var(--teal-600);font-size:10px;font-weight:800}
.area-summary-kpi.is-positive{border-color:#c2e2d7;background:#f3fbf7}
.area-summary-kpi.is-positive>strong{color:var(--success)}
.area-summary-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:14px}
.area-summary-panel{display:grid;align-content:start;gap:14px;min-height:260px;padding:18px}
.area-summary-panel-title{display:flex;align-items:baseline;justify-content:space-between;gap:12px;padding-bottom:10px;border-bottom:1px solid var(--border)}
.area-summary-panel-title h3{margin:0;font-size:15px;color:var(--petrol-900)}
.area-summary-panel-title span{font-size:10px;color:var(--muted);font-weight:700}
.area-summary-bar-row{display:grid;gap:6px;margin-bottom:12px}
.area-summary-bar-row:last-child{margin-bottom:0}
.area-summary-bar-header{display:flex;align-items:center;justify-content:space-between;gap:10px;font-size:11px}
.area-summary-bar-header strong{overflow:hidden;text-overflow:ellipsis;white-space:nowrap;color:var(--petrol-800)}
.area-summary-bar-header span{white-space:nowrap;color:var(--muted);font-variant-numeric:tabular-nums}
.area-summary-track{height:8px;overflow:hidden;border-radius:999px;background:#edf3f3}
.area-summary-bar{height:100%;border-radius:999px;background:var(--teal-600)}
.area-summary-insights{display:grid;gap:9px}
.area-summary-insight{padding:11px 12px;border:1px solid var(--border);border-radius:10px;background:#f8fbfb;color:var(--petrol-800);font-size:12px;line-height:1.45}
.area-summary-empty{margin:0;color:var(--muted);font-size:12px;line-height:1.5}
.area-recipient-consumption{display:grid;gap:14px;padding:18px}
.area-recipient-list{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:12px}
.area-recipient-card{display:grid;gap:8px;padding:14px;border:1px solid var(--border);border-radius:12px;background:#f8fbfb}
.area-recipient-header,.area-recipient-values{display:flex;align-items:center;justify-content:space-between;gap:10px}
.area-recipient-header strong{color:var(--petrol-900);font-size:13px}
.area-recipient-header span{color:var(--teal-600);font-size:12px;font-weight:850;font-variant-numeric:tabular-nums}
.area-recipient-values{color:var(--muted);font-size:10px;line-height:1.35}
.area-recipient-track{height:10px;overflow:hidden;border-radius:999px;background:#e7eef0}
.area-recipient-bar{height:100%;border-radius:inherit;background:var(--teal-600)}
@media(max-width:980px){.area-summary-kpis{grid-template-columns:repeat(2,minmax(0,1fr))}.area-summary-grid,.area-recipient-list{grid-template-columns:1fr}}
@media(max-width:700px){.area-summary-heading{align-items:stretch;flex-direction:column}.area-summary-period{min-width:0}.area-summary-kpis{grid-template-columns:1fr}.area-summary-panel{min-height:0}.area-recipient-values{align-items:flex-start;flex-direction:column}}