.wms-app{--wms-borde:#e8ebef;--wms-texto:#3f4652;--wms-texto-suave:#6b7280;--wms-cabecera:#f0f4f8;font-family:var(--font-sans),system-ui,sans-serif;color:var(--wms-texto);background:#eef1f5;padding:16px;font-size:14px;line-height:1.45}.wms-app-caja{container-type:inline-size}@media (min-width:640px){.wms-app{padding:20px}}.wms-encabezado{flex-wrap:wrap;justify-content:space-between;align-items:baseline;gap:8px 16px;margin-bottom:16px;display:flex}.wms-ruta{color:var(--wms-texto-suave);align-items:center;gap:8px;font-size:12.5px;display:flex}.wms-ruta__sep{color:#c3c9d2}.wms-ruta__actual{color:var(--wms-texto);font-weight:600}.wms-fecha{color:var(--wms-texto-suave);font-size:12.5px}.wms-fila{gap:14px;margin-bottom:14px;display:grid}.wms-fila--kpi{grid-template-columns:repeat(2,minmax(0,1fr))}.wms-fila--dos{grid-template-columns:minmax(0,1fr);align-items:stretch}@container (min-width:660px){.wms-fila--kpi{grid-template-columns:repeat(4,minmax(0,1fr))}.wms-fila--dos{grid-template-columns:repeat(2,minmax(0,1fr))}}.wms-kpi{color:#fff;border-radius:10px;flex-direction:column;gap:4px;min-width:0;padding:16px 18px;display:flex}.wms-kpi__label{letter-spacing:.04em;text-transform:uppercase;align-items:center;gap:5px;min-height:2.6em;font-size:11px;font-weight:700;display:flex}.wms-kpi__label svg{flex-shrink:0}.wms-kpi__valor{font-variant-numeric:tabular-nums;font-size:clamp(1.6rem,4cqi,2.2rem);font-weight:700;line-height:1.1}.wms-kpi__sub{font-size:11.5px}.wms-kpi--blue{background:linear-gradient(135deg,#0d47a1,#1976d2)}.wms-kpi--green{background:linear-gradient(135deg,#1b5e20,#2e7d32)}.wms-kpi--orange{background:linear-gradient(135deg,#bf360c,#e65100)}.wms-kpi--purple{background:linear-gradient(135deg,#4a148c,#7b1fa2)}.wms-panel{background:#fff;border-radius:8px;flex-direction:column;min-width:0;display:flex;box-shadow:0 1px 6px #00000017}.wms-panel__hdr{border-bottom:1px solid var(--wms-borde);color:#444;align-items:flex-start;gap:8px;padding:11px 16px;font-size:13px;font-weight:600;display:flex}.wms-panel__hdr svg{flex-shrink:0;margin-top:2px}.wms-panel__body{flex:1;align-items:center;gap:14px 18px;min-width:0;padding:14px 16px;display:grid}.wms-panel__body--tabla-grafico,.wms-panel__body--tabla-ancha,.wms-panel__body--kpi-entrega,.wms-panel__body--linea{grid-template-columns:minmax(0,1fr)}@container (min-width:660px){.wms-panel__body--tabla-grafico{grid-template-columns:minmax(0,1fr) minmax(0,1fr)}.wms-panel__body--tabla-ancha{grid-template-columns:minmax(0,1fr) minmax(0,1.1fr)}.wms-panel__body--kpi-entrega{grid-template-columns:minmax(0,1.4fr) minmax(0,1fr);align-items:start}.wms-panel__body--linea{grid-template-columns:minmax(0,300px) minmax(0,1fr)}}.wms-panel__nota{color:var(--wms-texto-suave);margin-bottom:6px;font-size:12px}.wms-tabla-scroll{scrollbar-width:thin;background:linear-gradient(90deg,#fff 30%,#fff0) 0/28px 100% no-repeat local,linear-gradient(270deg,#fff 30%,#fff0) 100%/28px 100% no-repeat local,radial-gradient(farthest-side at 0,#0f172a29,#0f172a00) 0/14px 100% no-repeat,radial-gradient(farthest-side at 100%,#0f172a29,#0f172a00) 100%/14px 100% no-repeat;min-width:0;overflow-x:auto}.wms-tabla-scroll:focus-visible{outline-offset:2px;outline:2px solid #1976d2}.wms-tabla{border-collapse:collapse;font-variant-numeric:tabular-nums;background:#fff;width:100%}.wms-tabla th,.wms-tabla td{border:1px solid var(--wms-borde);text-align:left;white-space:nowrap;overflow-wrap:normal;word-break:keep-all;padding:5px 8px}.wms-tabla thead th{background:var(--wms-cabecera);color:#555;font-size:11.5px;font-weight:600}.wms-tabla tbody td{font-size:12.5px}.wms-tabla tbody tr{transition:background .12s}.wms-tabla tbody tr:hover td{background:#e8f0fe}.wms-tabla .num{text-align:right}.wms-tabla .cen{text-align:center}.wms-tabla .fuerte{font-weight:700}.wms-tabla th.num,.wms-tabla td.num,.wms-tabla th.cen,.wms-tabla td.cen{width:1%}.wms-tabla tr.total td{background:#f8f9fa;font-weight:700}.wms-tabla tr.total:hover td{background:#f1f3f5}.wms-tabla tr.libre td{background:#e7f4ea}.wms-tabla tr.libre:hover td{background:#dcefe1}.wms-tabla tr.alerta td{background:#fdeaec}.wms-tabla tr.alerta:hover td{background:#fadde0}.wms-tabla .t-azul{color:#1565c0}.wms-tabla .t-verde{color:#2e7d32}.wms-tabla .t-info{color:#00838f}.wms-tabla .t-rojo{color:#c62828}.wms-badge{white-space:nowrap;border-radius:20px;padding:1px 8px;font-size:11px;font-weight:600;display:inline-block}.wms-badge--ok{color:#155724;background:#d4edda}.wms-badge--fail{color:#721c24;background:#f8d7da}.wms-resumen-kpi{color:var(--wms-texto-suave);flex-wrap:wrap;justify-content:center;gap:6px 14px;margin-top:8px;font-size:12px;display:flex}.wms-resumen-kpi span{align-items:center;gap:5px;display:inline-flex}.wms-grafico{scrollbar-width:thin;width:100%;margin:0 auto;overflow-x:auto}.wms-grafico__interior{width:100%}.wms-svg{width:100%;height:auto;display:block}.wms-dona{gap:12px;min-width:0;display:flex}.wms-dona--fila{flex-direction:row;align-items:center}.wms-dona--columna{flex-direction:column;align-items:center}.wms-dona__svg{flex-shrink:0;width:100%;max-width:128px;height:auto}.wms-dona--columna .wms-dona__svg{max-width:116px}.wms-leyenda{flex-direction:column;flex:1;gap:4px;min-width:0;margin:0;padding:0;font-size:11.5px;list-style:none;display:flex}.wms-dona--columna .wms-leyenda{flex-flow:wrap;justify-content:center;gap:4px 12px}.wms-leyenda li{align-items:center;gap:6px;min-width:0;display:flex}.wms-leyenda__punto{border-radius:2px;flex-shrink:0;width:9px;height:9px}.wms-leyenda__texto{color:var(--wms-texto-suave);overflow-wrap:normal;min-width:0}.wms-leyenda__valor{color:var(--wms-texto);font-variant-numeric:tabular-nums;flex-shrink:0;margin-left:auto;font-weight:600}.wms-dona--columna .wms-leyenda__valor{margin-left:0}.wms-columna-centrada{flex-direction:column;display:flex}@container (min-width:660px){.wms-columna-centrada{align-items:center}.wms-columna-centrada .wms-dona{justify-content:center;width:100%}}.wms-kpi-lateral{flex-direction:column;gap:16px;min-width:0;display:flex}