/* Sólo cubre elementos que el _SEALED añade a la maqueta aprobada. */
.zona-carga{border:2px dashed #27B7FF;border-radius:8px;padding:22px;text-align:center;display:grid;gap:10px}.zona-carga.arrastrando{background:#E8F0FD;border-color:#1363DF}
.oe-kpi[data-sem="gris"]{border-left:4px solid #A7B3C6}.oe-pill[data-nivel="Alerta"]{background:#F2C94C;color:#000511}.oe-pill[data-nivel="Al día"],.oe-pill[data-nivel="Normal"]{background:#27AE60;color:#fff}
@media(max-width:460px){html,body,#dash-root,.oe{max-width:100%;overflow-x:clip}.oe-pagina,.oe-card,.oe-seccion{min-width:0}.oe-tabla-caja{max-width:100%;overflow-x:auto}}
/* C1 (ENCARGO_13): botones de severidad con el semáforo cuando están activos. */
.oe-chip[data-sev="critico"][aria-pressed="true"]{background:#EB5757;border-color:#EB5757;color:#fff}
.oe-chip[data-sev="alerta"][aria-pressed="true"]{background:#F2C94C;border-color:#F2C94C;color:#000511}
.oe-chip[data-sev="info"][aria-pressed="true"]{background:#A7B3C6;border-color:#A7B3C6;color:#000511}
/* D057 / C2: fechas de los listados y ventana de confirmación dentro de la página. */
.mq-fila input[type=date]{font:inherit;padding:4px 8px;border:1px solid var(--color-border-line);border-radius:8px;background:#fff}
.mq-modal{position:fixed;inset:0;background:rgba(0,5,17,.45);display:flex;align-items:center;justify-content:center;z-index:50;padding:16px}
.mq-modal-caja{background:#fff;max-width:440px;width:100%;box-shadow:0 8px 24px rgba(0,5,17,.3)}
.mq-modal-caja p{margin:8px 0 12px}
/* v1.1 (FR-030): quién entró y «Cerrar sesión», en la banda de la maqueta. */
.oe-sesion{margin-left:auto;display:flex;flex-wrap:wrap;align-items:center;gap:var(--cds-gap-sm);font-size:var(--cds-font-size-body);color:var(--color-fg-muted)}
.oe-sesion #sesion-nombre{font-weight:700;color:var(--oe-azul-oscuro)}
/* v1.1 (FR-025): la página de ingreso reutiliza la banda y las tarjetas; los botones-enlace se ven como los botones. */
a.oe-btn{display:inline-block;text-decoration:none;color:inherit}
a.oe-btn.mq-btn-p{color:#fff}
a.oe-btn[aria-disabled="true"]{opacity:.5;cursor:not-allowed}
/* v1.2 (FR-001, FR-002, FR-003): ingreso, «¿Olvidó su clave?» y «Elegir una clave nueva» como una tarjeta centrada sobre fondo blanco, con las clases y los
   colores de la maqueta: imagotipo arriba, nombre de la pantalla, etiqueta encima de cada campo, campos uno debajo del otro y botón principal de ancho completo. */
.oe-acceso{background:#fff;min-height:calc(100vh - 80px);display:flex;flex-direction:column;align-items:center;gap:16px;padding:32px 16px;box-sizing:border-box}
.oe-acceso-card{width:100%;max-width:24rem;box-sizing:border-box;background:#fff;border:1px solid var(--color-border-line);border-radius:12px;box-shadow:0 2px 12px rgba(0,5,17,.08);padding:28px 24px;display:grid;gap:14px}
.oe-acceso-card[hidden]{display:none}
.oe-acceso-logo{justify-self:center;height:56px;width:auto}
.oe-acceso-card h2{margin:0;text-align:center;font-size:20px;line-height:1.25;color:var(--oe-azul)}
.oe-acceso-card .oe-nota{margin:0;font-size:13px;line-height:1.45;color:var(--color-fg-muted);text-align:center}
.oe-acceso-form{display:grid;grid-template-columns:1fr;gap:14px}
.oe-acceso-form label{display:grid;gap:4px;font-size:13px;color:var(--color-fg-muted)}
.oe-acceso-form input{width:100%;min-width:0;box-sizing:border-box;font:inherit;font-size:15px;color:#000511;padding:9px 10px;border:1px solid var(--color-border-line);border-radius:8px;background:#fff}
.oe-acceso-form input:focus-visible{outline:2px solid var(--oe-azul-claro);outline-offset:1px}
.oe-acceso .oe-btn-lleno{display:block;width:100%;box-sizing:border-box;padding:10px 14px;font-size:15px;text-align:center}
.oe-acceso-card .mq-mal{margin:0;text-align:center}
.oe-acceso-card .oe-acceso-aparte{margin:0;text-align:center}
.oe-acceso [hidden]{display:none!important}
/* v1.2 (FR-006): «Mi cuenta» termina donde termina el botón «Cambiar mi clave»: los avisos ocultos no dejan margen ni hueco debajo. */
#mc-tarjeta{align-self:start}
#mc-tarjeta #mc-error[hidden],#mc-tarjeta #mc-ok[hidden]{display:none}
#mc-tarjeta #mc-form{margin:0;align-items:end}
.oe-acceso-card .oe-acceso-aparte a{font-size:13px;color:var(--oe-azul)}