/* Reunión de la Alta Dirección — pizarra con iconos laterales.
   Usa los tokens de rediseno.css (--c-*, --r-*, --sh-*). Contraste: fondo claro = letra oscura;
   fondo oscuro (barra activa, fila General) = letra blanca. Botones neutros. */
#screen-rsst-alta-direccion .rad-split { flex: 1; display: flex; min-height: 0; background: var(--c-surface-2, #f4f7fb); }
.rad-iconos { flex: 0 0 132px; display: flex; flex-direction: column; gap: 10px; padding: 14px 10px; background: var(--c-surface-3, #eaf0f8); border-right: 1px solid var(--c-line, #d2dcea); overflow-y: auto; }
.rad-icono { display: flex; flex-direction: column; align-items: center; gap: 4px; padding: 10px 6px; border: 1.5px solid var(--c-line, #d2dcea); border-radius: var(--r-md, 10px); background: var(--c-surface, #fff); color: var(--c-ink, #0f1b33); cursor: pointer; font: inherit; }
.rad-icono:hover { border-color: var(--c-brand-400, #4a7ec8); box-shadow: var(--sh-sm, 0 2px 6px rgba(15,27,51,.08)); }
.rad-icono.activo { background: var(--c-brand-900, #0a1e50); border-color: var(--c-brand-900, #0a1e50); color: #fff; }
.rad-icono-ico { font-size: 26px; line-height: 1; }
.rad-icono-lab { font-size: 11.5px; font-weight: 700; text-align: center; line-height: 1.2; }
.rad-pizarra { flex: 1; min-width: 0; overflow: auto; padding: 16px; }
.rad-sec[hidden] { display: none; }

.rad-barra { display: flex; flex-wrap: wrap; gap: 8px; align-items: center; margin: 0 0 12px; color: var(--c-ink, #0f1b33); }
.rad-barra label { font-size: 12px; font-weight: 700; display: inline-flex; gap: 6px; align-items: center; }
.rad-barra input, .rad-barra select { height: 34px; border: 1.5px solid var(--c-brand-300, #90b8d8); border-radius: 6px; padding: 0 8px; font-size: 12px; background: #fff; color: var(--c-ink, #0f1b33); }
.rad-btn { height: 34px; padding: 0 12px; border: 1.5px solid var(--c-line, #d2dcea); border-radius: 6px; background: var(--c-surface, #fff); color: var(--c-ink, #0f1b33); font-size: 12px; font-weight: 700; cursor: pointer; }
.rad-btn:hover { background: var(--c-brand-100, #e3ecf7); }
.rad-btn-pri { background: var(--c-brand-900, #0a1e50); border-color: var(--c-brand-900, #0a1e50); color: #fff; }
.rad-btn-pri:hover { background: var(--c-brand-700, #14388a); }
.rad-btn-peq { height: 28px; padding: 0 8px; }
.rad-estado { margin-left: auto; font-size: 12px; font-weight: 700; color: var(--c-ink-soft, #41506b); }
.rad-chk { cursor: pointer; }

.rad-papel { background: #fff; color: var(--c-ink, #0f1b33); border: 1px solid var(--c-line, #d2dcea); border-radius: var(--r-lg, 14px); padding: 18px; width: 100%; max-width: none; box-sizing: border-box; flex: 1 1 auto; box-shadow: var(--sh-sm, 0 2px 6px rgba(15,27,51,.08)); }
.rad-titulo { text-align: center; color: var(--c-brand-900, #0a1e50); font-size: 17px; margin: 6px 0 14px; }
.rad-h { margin: 18px 0 8px; font-size: 14px; color: var(--c-brand-900, #0a1e50); border-bottom: 2px solid var(--c-brand-900, #0a1e50); padding-bottom: 3px; }
.rad-grid2 { display: grid; grid-template-columns: repeat(2, minmax(0, 1fr)); gap: 10px 14px; }
.rad-grid2 label, .rad-3col label { display: flex; flex-direction: column; gap: 3px; font-size: 12px; font-weight: 700; color: var(--c-ink-soft, #41506b); }
.rad-full { grid-column: 1 / -1; }
.rad-papel input[type=text], .rad-papel input[type=date], .rad-papel input[type=search], .rad-papel select, .rad-papel textarea,
.rad-modal input[type=search] { width: 100%; box-sizing: border-box; border: 1.5px solid var(--c-brand-300, #90b8d8); border-radius: 6px; padding: 6px 8px; font-size: 12px; background: #fff; color: var(--c-ink, #0f1b33); font-family: inherit; }
.rad-papel textarea { resize: vertical; }

.rad-scroll { overflow-x: auto; }
.rad-tabla { width: 100%; border-collapse: collapse; font-size: 12px; background: #fff; color: var(--c-ink, #0f1b33); }
.rad-tabla th { background: var(--c-brand-100, #e3ecf7); color: var(--c-brand-900, #0a1e50); text-align: left; padding: 6px 8px; border: 1px solid var(--c-line, #d2dcea); white-space: nowrap; }
.rad-tabla td { padding: 5px 6px; border: 1px solid var(--c-line, #d2dcea); vertical-align: top; }
.rad-tabla-restr { min-width: 1500px; }
.rad-tabla-restr td { min-width: 110px; }
.rad-tabla-restr td:nth-child(2), .rad-tabla-restr td:nth-child(5) { min-width: 200px; }
.rad-tabla-mx { min-width: 1700px; }
.rad-wrap { min-width: 200px; white-space: pre-wrap; }
.rad-vacio { text-align: center; color: var(--c-ink-faint, #6b7a94); padding: 16px; }
.rad-hint { font-size: 11px; color: var(--c-ink-soft, #41506b); margin: 3px 0 0; }
.rad-firma { max-height: 34px; max-width: 110px; vertical-align: middle; }
.rad-ev small { color: var(--c-ink-soft, #41506b); }
.rad-dot { display: inline-block; width: 11px; height: 11px; border-radius: 50%; vertical-align: middle; }
.rad-acc { white-space: nowrap; }

.rad-grupo { margin: 8px 0; border: 1px solid var(--c-line, #d2dcea); border-radius: 8px; background: var(--c-surface-2, #f4f7fb); }
.rad-grupo > summary { cursor: pointer; padding: 8px 10px; font-weight: 800; color: var(--c-brand-900, #0a1e50); }
.rad-area { margin: 4px 10px 8px; background: #fff; border: 1px solid var(--c-line-soft, #e8eef6); border-radius: 6px; }
.rad-area > summary { cursor: pointer; padding: 6px 8px; font-weight: 700; font-size: 12.5px; color: var(--c-ink, #0f1b33); }
.rad-3col { display: grid; grid-template-columns: repeat(3, minmax(0, 1fr)); gap: 8px; padding: 8px; }
.rad-chip { background: var(--c-success-bg, #e6f4ea); color: var(--c-success, #1e7a3c); border-radius: 999px; padding: 1px 8px; font-size: 10.5px; margin-left: 6px; }
.rad-leyenda { margin: 6px 0 10px; }
.rad-leyenda > summary { cursor: pointer; font-weight: 700; font-size: 12px; color: var(--c-brand-700, #14388a); }

.rad-tiles { display: grid; grid-template-columns: repeat(auto-fit, minmax(130px, 1fr)); gap: 10px; margin-bottom: 12px; }
.rad-tile { background: #fff; border: 1.5px solid var(--c-line, #d2dcea); border-left-width: 6px; border-radius: 10px; padding: 8px 12px; display: flex; flex-direction: column; color: var(--c-ink, #0f1b33); }
.rad-tile b { font-size: 24px; } .rad-tile span { font-size: 12px; font-weight: 700; } .rad-tile small { color: var(--c-ink-soft, #41506b); }
.rad-t-ab { border-left-color: var(--c-warning, #b9770e); } .rad-t-pr { border-left-color: var(--c-info, #1a5aa0); }
.rad-t-ve { border-left-color: var(--c-danger, #c02020); } .rad-t-ce { border-left-color: var(--c-success, #1e7a3c); } .rad-t-pc { border-left-color: var(--c-brand-900, #0a1e50); }
.rad-leyenda-sema { display: flex; flex-wrap: wrap; gap: 14px; font-size: 11.5px; margin-bottom: 8px; color: var(--c-ink, #0f1b33); }
.rad-leyenda-sema i { display: inline-block; width: 10px; height: 10px; border-radius: 50%; margin-right: 5px; }

.rad-tabla-ind .rad-ind-gen td { background: var(--c-brand-600, #1a3e8a); color: #fff; font-weight: 800; }
.rad-tabla-ind .rad-ind-vacia td { color: var(--c-ink-faint, #6b7a94); }

.rad-corte { display: flex; flex-wrap: wrap; justify-content: flex-end; gap: 18px; font-size: 12.5px; margin: 6px 0 10px; color: var(--c-ink, #0f1b33); }
.rad-grafs { display: grid; grid-template-columns: repeat(2, minmax(0, 1fr)); gap: 12px; margin-bottom: 16px; }
.rad-graf { background: #fff; border: 1px solid var(--c-line, #d2dcea); border-radius: 10px; padding: 10px 12px; color: var(--c-ink, #0f1b33); min-width: 0; }
.rad-graf-ancho { grid-column: 1 / -1; }
.rad-graf h4 { margin: 0 0 6px; font-size: 13px; color: var(--c-brand-900, #0a1e50); }
.rad-svg { width: 100%; height: auto; display: block; }
.rad-svg-torta { width: 170px; flex: 0 0 170px; }
.rad-torta { display: flex; gap: 12px; align-items: center; flex-wrap: wrap; }
.rad-leg { display: flex; flex-wrap: wrap; gap: 4px 14px; font-size: 11px; margin-top: 4px; }
.rad-leg i, .rad-leg-v i { display: inline-block; width: 10px; height: 10px; border-radius: 2px; margin-right: 5px; }
.rad-leg-v { list-style: none; margin: 0; padding: 0; font-size: 11.5px; flex: 1; min-width: 150px; }
.rad-leg-v li { margin: 3px 0; }
.rad-graf-vacio { padding: 20px; text-align: center; color: var(--c-ink-faint, #6b7a94); font-size: 12px; border: 1px dashed var(--c-line, #d2dcea); border-radius: 8px; }

.rad-overlay { position: fixed; inset: 0; background: rgba(15, 27, 51, .55); z-index: 9000; display: flex; align-items: center; justify-content: center; padding: 16px; }
.rad-modal { background: #fff; color: var(--c-ink, #0f1b33); border-radius: 12px; padding: 16px; width: min(640px, 100%); max-height: 86vh; display: flex; flex-direction: column; gap: 10px; box-shadow: var(--sh-lg, 0 14px 40px rgba(15,27,51,.16)); }
.rad-modal h3 { margin: 0; font-size: 15px; color: var(--c-brand-900, #0a1e50); }
.rad-p-lista { flex: 1; overflow-y: auto; border: 1px solid var(--c-line, #d2dcea); border-radius: 6px; padding: 6px; min-height: 160px; font-size: 12.5px; }
.rad-p-item { display: block; padding: 3px 4px; cursor: pointer; }
.rad-p-item small { color: var(--c-ink-soft, #41506b); }

@media (max-width: 760px) {
  .rad-iconos { flex: 0 0 64px; padding: 8px 4px; }
  .rad-icono-lab { display: none; }
  .rad-pizarra { padding: 8px; }
  .rad-grid2, .rad-3col, .rad-grafs { grid-template-columns: 1fr; }
  .rad-papel { padding: 10px; }
}
@media print { .no-print, .rad-iconos { display: none !important; } }

/* El membrete estándar fija min-width 110px por caja: «12 de octubre del 2026» no cabía. */
.rad-papel .rsst-mb > div:last-child > div { flex: 1 0 auto !important; min-width: max-content !important; }
.rad-tabla-restr td:first-child { min-width: 180px; }
.rad-graf-ancho .rad-svg { max-height: 240px; }

/* Actas del CSST (POG-E-008) dentro de la pizarra */
#rad-sec-csst .rad-csst-wrap { grid-template-columns: 1fr; padding: 0; gap: 14px; }
#rad-sec-csst .rsst-doc-grid { grid-template-columns: repeat(auto-fill, minmax(220px, 1fr)); }
.rad-embed[hidden] { display: none; }
.rad-embed-head { display: flex; align-items: center; gap: 12px; margin: 0 0 10px; }
.rad-embed-tit { font-weight: 800; color: var(--c-brand-900, #0a1e50); font-size: 14px; }
.rad-embed .rsst-doc { margin-top: 8px; }
.rad-tabs { display: flex; gap: 6px; margin-bottom: 12px; border-bottom: 2px solid var(--c-line, #d2dcea); }
.rad-tab { padding: 8px 16px; border: 1.5px solid var(--c-line, #d2dcea); border-bottom: none; border-radius: 8px 8px 0 0; background: var(--c-surface, #fff); color: var(--c-ink, #0f1b33); font-weight: 700; font-size: 12.5px; cursor: pointer; }
.rad-tab.activo { background: var(--c-brand-900, #0a1e50); border-color: var(--c-brand-900, #0a1e50); color: #fff; }

/* Acta: reunión actual (izquierda) y próxima reunión (derecha) lado a lado; en pantallas angostas se apilan. */
.rad-dos { display: grid; grid-template-columns: repeat(2, minmax(0, 1fr)); gap: 14px; }
.rad-bloque { border: 1px solid var(--c-line, #d2dcea); border-radius: 8px; padding: 10px 12px; background: #fff; }
.rad-bloque-t { font-size: 12px; font-weight: 800; color: var(--c-brand-900, #0a1e50); margin-bottom: 8px; text-transform: uppercase; letter-spacing: .04em; }
@media (max-width: 900px) { .rad-dos { grid-template-columns: 1fr; } }

/* Check list de áreas del acta */
.rad-grupo2 { margin: 10px 0 14px; padding: 10px 12px; background: var(--c-surface-2, #f4f7fb); border: 1px solid var(--c-line, #d2dcea); border-radius: 10px; color: var(--c-ink, #0f1b33); }
.rad-grupo2 h4 { margin: 0 0 8px; font-size: 13px; color: var(--c-brand-900, #0a1e50); }
.rad-checks { display: flex; flex-wrap: wrap; gap: 6px 8px; margin-bottom: 8px; }
.rad-check { display: inline-flex; align-items: center; gap: 6px; padding: 5px 10px; border: 1.5px solid var(--c-line, #d2dcea); border-radius: 999px; background: #fff; color: var(--c-ink, #0f1b33); font-size: 12px; font-weight: 700; cursor: pointer; }
.rad-check.on { background: var(--c-brand-100, #e3ecf7); border-color: var(--c-brand-500, #2a5ec2); }
.rad-check input { accent-color: var(--c-brand-700, #14388a); }
.rad-subchecks { margin: 4px 0 10px 14px; padding: 8px 10px; border-left: 4px solid var(--c-brand-500, #2a5ec2); background: #fff; border-radius: 6px; }
.rad-subtit { font-size: 12px; font-weight: 800; color: var(--c-brand-900, #0a1e50); margin-bottom: 6px; }
.rad-panel { margin: 8px 0; padding: 10px; background: #fff; border: 1px solid var(--c-line-soft, #e8eef6); border-left: 4px solid var(--c-brand-900, #0a1e50); border-radius: 6px; }
.rad-panel-tit { font-weight: 800; font-size: 12.5px; color: var(--c-brand-900, #0a1e50); margin-bottom: 6px; }
.rad-otro { display: flex; flex-direction: column; gap: 3px; font-size: 12px; font-weight: 700; color: var(--c-ink-soft, #41506b); margin-bottom: 8px; }

/* «✏️ Editable»: interruptor (activo = azul marino con letra blanca) y modo lectura */
.rad-edit-btn.activo, .calib-btn.rad-edit-btn.activo { background: var(--c-brand-900, #0a1e50) !important; border-color: var(--c-brand-900, #0a1e50) !important; color: #fff !important; }
.rad-lectura input:disabled, .rad-lectura textarea:disabled, .rad-lectura select:disabled { background: transparent !important; color: var(--c-ink, #0f1b33) !important; -webkit-text-fill-color: var(--c-ink, #0f1b33); opacity: 1; border-color: var(--c-line-soft, #e8eef6) !important; cursor: default; resize: none; }
.rad-lectura button:disabled { opacity: .45; cursor: default; }
.rad-lectura [contenteditable="false"] { cursor: default; }

.rad-btn, .rad-tab, .rad-icono { font-family: var(--font-ui, 'Plus Jakarta Sans', 'Segoe UI', Arial, sans-serif); }

/* Tabla de restricciones: check list de clasificación + CNC */
.rad-clasif { display: flex; flex-direction: column; gap: 3px; margin-bottom: 6px; }
.rad-chk { display: flex; align-items: center; gap: 6px; font-size: 11.5px; font-weight: 600; color: var(--c-ink, #0f1b33); cursor: pointer; white-space: nowrap; }
.rad-chk input { width: 15px; height: 15px; accent-color: #0a1e50; }
.rad-puesto input { width: 100%; box-sizing: border-box; margin-top: 4px; }