/* Seguimiento de producción · estilo institucional OFIS */
.prod-dashboard,.prod-dashboard *{font-family:'Poppins',sans-serif;box-sizing:border-box}
.prod-dashboard{--prod:#951849;--prod-text:#263244;--prod-border:#e4e8ef;color:var(--prod-text)}
.prod-dashboard .ule-panel,.prod-dashboard .prod-kpis>div{background:#fff;border:1px solid var(--prod-border);border-radius:13px;box-shadow:0 3px 14px rgba(30,41,59,.055);overflow:hidden}
.prod-dashboard .ule-panel-title{background:#fff;color:var(--prod);font-size:13px;font-weight:700;letter-spacing:.1px;padding:13px 15px;border-bottom:1px solid var(--prod-border)}
.prod-dashboard .prod-kpis{gap:15px;margin:16px 0 20px}
.prod-dashboard .prod-kpis>div{border-top:4px solid var(--prod);text-align:left}
.prod-dashboard .prod-kpis b{background:transparent;color:#64748b;font-size:12px;font-weight:600;padding:14px 18px 2px}
.prod-dashboard .prod-kpis strong{font-size:clamp(22px,2.1vw,33px);font-weight:700;color:var(--prod-text);padding:4px 18px 15px;font-variant-numeric:tabular-nums}
.prod-dashboard .prod-filters{gap:10px;align-items:end}
.prod-dashboard .prod-filters label{font-size:11px;font-weight:600;color:#475467}
.prod-dashboard select,.prod-dashboard input,.prod-dashboard button{font-family:'Poppins',sans-serif;border-radius:7px}
.prod-dashboard .prod-layout{gap:15px}.prod-dashboard .prod-right,.prod-dashboard .prod-charts{gap:15px}
.prod-dashboard .prod-table-scroll{max-height:440px;overflow:auto}
.prod-dashboard .prod-table{font-size:10.5px;font-variant-numeric:tabular-nums}
.prod-dashboard .prod-table th{background:var(--prod);color:#fff;font-size:10px;font-weight:600;padding:9px 10px;position:sticky;top:0;z-index:2}
.prod-dashboard .prod-table td{padding:7px 10px;border-bottom:1px solid #eef0f4}
.prod-dashboard .prod-table tbody tr:nth-child(even){background:#f8f9fc}
.prod-dashboard .prod-table tbody tr:hover{background:#fcecf2}
.prod-dashboard .prod-bar{grid-template-columns:90px minmax(0,1fr) 72px 48px;gap:8px;margin:17px 12px;font-size:11px}
.prod-dashboard .prod-bar-track{height:22px;background:#edf0f5;border-radius:6px}
.prod-dashboard .prod-bar-fill{border-radius:6px;transition:width .3s ease}
.prod-dashboard .prod-bar strong{font-variant-numeric:tabular-nums;text-align:right;font-size:11px}
.prod-dashboard .prod-bar-percent{color:#667085;text-align:right;font-size:10px}
.prod-dashboard .prod-chart-foot{font-size:10px;color:#667085;margin:8px 14px 12px}
.prod-dashboard .prod-point{cursor:crosshair;outline:none}.prod-dashboard .prod-point:hover,.prod-dashboard .prod-point:focus{stroke:#951849;stroke-width:3}
.prod-dashboard #prod-trend{padding:8px 12px 0}.prod-dashboard #prod-trend svg{width:100%;min-height:230px;overflow:visible}
.prod-dashboard .prod-legend{flex-wrap:wrap;gap:14px;font-size:11px}
@media(max-width:1100px){.prod-dashboard .prod-layout{grid-template-columns:1fr}}
@media(max-width:700px){.prod-dashboard .prod-kpis,.prod-dashboard .prod-charts{grid-template-columns:1fr}.prod-dashboard .prod-bar{grid-template-columns:80px minmax(0,1fr) 65px 42px;gap:5px}.prod-dashboard .prod-table-scroll{max-height:340px}}

/* CSE: gráfica mensual accesible y responsive */
.cse-chart-caption{font-size:12px;color:#666;margin:8px 0;font-family:Poppins,sans-serif}
.cse-month-chart{display:grid;grid-template-columns:repeat(12,minmax(0,1fr));gap:6px;height:285px;align-items:end;padding:12px 4px}
.cse-month-col{display:flex;flex-direction:column;align-items:center;justify-content:end;height:100%;min-width:0;cursor:help;outline-offset:3px}
.cse-month-col>span{font-size:10px;color:#555;font-variant-numeric:tabular-nums}
.cse-month-col small{font-size:10px;color:#666}
.cse-month-track{height:220px;width:100%;max-width:55px;display:flex;align-items:end;background:#f4f5f7;border-radius:5px 5px 0 0;overflow:hidden}
.cse-month-fill{background:linear-gradient(180deg,#b52b61,#8d1745);width:100%;min-height:1px;transition:filter .15s}
.cse-month-col:hover .cse-month-fill,.cse-month-col:focus .cse-month-fill{filter:brightness(1.25)}
@media(max-width:750px){.cse-month-chart{overflow-x:auto;grid-template-columns:repeat(12,minmax(55px,1fr))}}

.prod-pagination{display:flex;align-items:center;justify-content:center;gap:14px;padding:12px 8px;font-size:13px}.prod-pagination button{border:1px solid #d0d5dd;background:white;color:#344054;border-radius:6px;padding:7px 12px;cursor:pointer}.prod-pagination button:disabled{opacity:.4;cursor:default}