/* Actas del CSST (POG-E-008) en pantalla con el MISMO estilo del acta de la Alta Dirección.
   SOLO PRESENTACIÓN EN PANTALLA: no cambia textos, campos, orden ni códigos, ni la impresión / Word.
   - Todo va en @media screen y bajo #rad-sec-csstv (el contenedor del rail), así que la impresión conserva su diseño.
   - Mientras se captura el PDF (html2canvas) el <body> lleva .rad-capturando: la capa se apaga y el PDF sale como siempre.
   Tipografía = la del sistema (--font-ui de rediseno.css), igual que .rad-papel; antes las actas usaban serif/Arial.
   Contraste: fondo claro = letra oscura. Botones neutros (el principal, azul marino con letra blanca). */
@media screen {
  /* papel a ancho completo (= .rad-papel) */
  body:not(.rad-capturando) #rad-sec-csstv .rsst-doc { max-width: none; width: 100%; margin: 0 0 16px; padding: 18px; background: #fff; color: var(--c-ink, #0f1b33);
    border: 1px solid var(--c-line, #d2dcea); border-radius: var(--r-lg, 14px); box-shadow: var(--sh-sm, 0 2px 6px rgba(15,27,51,.08)); box-sizing: border-box; }
  body:not(.rad-capturando) #rad-sec-csstv .rsst-doc, body:not(.rad-capturando) #rad-sec-csstv .rsst-doc *, body:not(.rad-capturando) #rad-sec-csstv .rsst-acta, body:not(.rad-capturando) #rad-sec-csstv .rsst-acta *, body:not(.rad-capturando) #rad-sec-csstv .rad-embed-head, body:not(.rad-capturando) #rad-sec-csstv .rad-embed-head * { font-family: var(--font-ui, 'Plus Jakarta Sans', 'Segoe UI', Arial, sans-serif); }
  /* membrete idéntico al del acta de la Alta Dirección: sin doble línea */
  body:not(.rad-capturando) #rad-sec-csstv .rsst-membrete { border-bottom: 0; padding-bottom: 0; margin-bottom: 0; }
  /* barra de acciones = .rad-barra / .rad-btn */
  body:not(.rad-capturando) #rad-sec-csstv .calib-toolbar { display: flex; flex-wrap: wrap; gap: 8px; align-items: center; margin: 0 0 12px; padding: 0; background: none; border: 0; box-shadow: none; }
  body:not(.rad-capturando) #rad-sec-csstv .calib-toolbar .calib-btn, body:not(.rad-capturando) #rad-sec-csstv .rsst-doc-toggle .calib-btn, body:not(.rad-capturando) #rad-sec-csstv .rsst-li-btns .calib-btn {
    height: 34px; padding: 0 12px; border: 1.5px solid var(--c-line, #d2dcea) !important; border-radius: 6px; background: var(--c-surface, #fff) !important; color: var(--c-ink, #0f1b33) !important;
    font-size: 12px; font-weight: 700; cursor: pointer; box-shadow: none; text-shadow: none; }
  body:not(.rad-capturando) #rad-sec-csstv .calib-toolbar .calib-btn:hover, body:not(.rad-capturando) #rad-sec-csstv .rsst-doc-toggle .calib-btn:hover { background: var(--c-brand-100, #e3ecf7) !important; }
  body:not(.rad-capturando) #rad-sec-csstv .calib-toolbar .calib-btn.scb-save, body:not(.rad-capturando) #rad-sec-csstv .calib-toolbar .calib-btn.cb-edit, body:not(.rad-capturando) #rad-sec-csstv .rsst-doc-toggle .calib-btn.cb-active {
    background: var(--c-brand-900, #0a1e50) !important; border-color: var(--c-brand-900, #0a1e50) !important; color: #fff !important; }
  body:not(.rad-capturando) #rad-sec-csstv .rsst-doc-toggle { margin: 0 0 12px; }
  body:not(.rad-capturando) #rad-sec-csstv .rsst-doc-hint { color: var(--c-ink-soft, #41506b); }
  /* barra Documento / Fecha = recuadro suave del sistema */
  body:not(.rad-capturando) #rad-sec-csstv .rsst-codbar { background: var(--c-surface-2, #f4f7fb); border: 1px solid var(--c-line, #d2dcea); border-radius: var(--r-sm, 8px); padding: 8px 12px; font-size: 12px; color: var(--c-ink, #0f1b33); margin: 0 0 12px; }
  /* títulos y secciones = .rad-titulo / .rad-h */
  body:not(.rad-capturando) #rad-sec-csstv .rsst-doc-h, body:not(.rad-capturando) #rad-sec-csstv .rsst-acta-titulo { text-align: center; color: var(--c-brand-900, #0a1e50); font-size: 17px !important; font-weight: 700 !important; margin: 6px 0 14px; letter-spacing: 0; text-transform: none; }
  body:not(.rad-capturando) #rad-sec-csstv .rsst-acta-sub, body:not(.rad-capturando) #rad-sec-csstv .rsst-doc-extras-tit { color: var(--c-brand-900, #0a1e50); font-size: 14px !important; font-weight: 700 !important; margin: 18px 0 8px; padding-bottom: 3px; border-bottom: 2px solid var(--c-brand-900, #0a1e50); }
  body:not(.rad-capturando) #rad-sec-csstv .rsst-acta-firmas-tit { color: var(--c-brand-900, #0a1e50); }
  /* cuerpo del acta: misma tarjeta, sin caja dentro de la caja; el texto legal no se toca */
  body:not(.rad-capturando) #rad-sec-csstv .rsst-acta { max-width: none; margin: 0; padding: 0; border: 0; box-shadow: none; background: transparent; color: var(--c-ink, #0f1b33); }
  body:not(.rad-capturando) #rad-sec-csstv .rsst-acta-cab { background: var(--c-surface-2, #f4f7fb); border-color: var(--c-line, #d2dcea); color: var(--c-ink-soft, #41506b); }
  body:not(.rad-capturando) #rad-sec-csstv .rsst-acta-p, body:not(.rad-capturando) #rad-sec-csstv .rsst-doc-p, body:not(.rad-capturando) #rad-sec-csstv .rsst-acta-lista { color: var(--c-ink, #0f1b33); font-size: 13px; }
  body:not(.rad-capturando) #rad-sec-csstv .rsst-doc-campos-form { max-width: none; }
  /* campos = mismos inputs que el acta de la Alta Dirección; pares lado a lado (fecha / hora / lugar...) */
  body:not(.rad-capturando) #rad-sec-csstv .rsst-doc-campos-form { display: grid; grid-template-columns: repeat(2, minmax(0, 1fr)); gap: 10px 14px; }
  body:not(.rad-capturando) #rad-sec-csstv .rsst-doc-campos-form > .rsst-doc-extras, body:not(.rad-capturando) #rad-sec-csstv .rsst-campo:has(textarea) { grid-column: 1 / -1; }
  body:not(.rad-capturando) #rad-sec-csstv .rsst-campo label, body:not(.rad-capturando) #rad-sec-csstv .rsst-lab { font-size: 12px; font-weight: 700; color: var(--c-ink-soft, #41506b); }
  body:not(.rad-capturando) #rad-sec-csstv .rsst-input, body:not(.rad-capturando) #rad-sec-csstv .rsst-input-inline, body:not(.rad-capturando) #rad-sec-csstv .rsst-doc input[type=text], body:not(.rad-capturando) #rad-sec-csstv .rsst-doc input[type=date], body:not(.rad-capturando) #rad-sec-csstv .rsst-doc input[type=time], body:not(.rad-capturando) #rad-sec-csstv .rsst-doc input[type=number], body:not(.rad-capturando) #rad-sec-csstv .rsst-doc select, body:not(.rad-capturando) #rad-sec-csstv .rsst-doc textarea {
    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); }
  body:not(.rad-capturando) #rad-sec-csstv .rsst-input, body:not(.rad-capturando) #rad-sec-csstv .rsst-doc input[type=text], body:not(.rad-capturando) #rad-sec-csstv .rsst-doc input[type=date], body:not(.rad-capturando) #rad-sec-csstv .rsst-doc input[type=time], body:not(.rad-capturando) #rad-sec-csstv .rsst-doc input[type=number], body:not(.rad-capturando) #rad-sec-csstv .rsst-doc select { height: 34px; }
  body:not(.rad-capturando) #rad-sec-csstv .rsst-input { width: 100%; }
  body:not(.rad-capturando) #rad-sec-csstv .rsst-doc textarea, body:not(.rad-capturando) #rad-sec-csstv textarea.rsst-input { height: auto; resize: vertical; }
  body:not(.rad-capturando) #rad-sec-csstv .rsst-var { background: var(--c-warning-bg, #fbf1dd); border-bottom-color: var(--c-warning, #b9770e); color: var(--c-ink, #0f1b33); }
  body:not(.rad-capturando) #rad-sec-csstv .rsst-var-vacio { background: var(--c-danger-bg, #fbe6e6); border-bottom-color: var(--c-danger, #c02020); }
  /* tablas = .rad-tabla */
  body:not(.rad-capturando) #rad-sec-csstv .rsst-acta-tabla, body:not(.rad-capturando) #rad-sec-csstv .rsst-tabla-datos { width: 100%; border-collapse: collapse; font-size: 12px; background: #fff; color: var(--c-ink, #0f1b33); }
  body:not(.rad-capturando) #rad-sec-csstv .rsst-acta-tabla th, body:not(.rad-capturando) #rad-sec-csstv .rsst-acta-tabla td, body:not(.rad-capturando) #rad-sec-csstv .rsst-tabla-datos td { padding: 5px 8px; border: 1px solid var(--c-line, #d2dcea); vertical-align: top; text-align: left; }
  body:not(.rad-capturando) #rad-sec-csstv .rsst-acta-tabla th { background: var(--c-brand-100, #e3ecf7); color: var(--c-brand-900, #0a1e50); font-weight: 800; white-space: nowrap; }
  body:not(.rad-capturando) #rad-sec-csstv .rsst-td-lab { background: var(--c-brand-100, #e3ecf7); color: var(--c-brand-900, #0a1e50); }
  body:not(.rad-capturando) #rad-sec-csstv .rsst-acta-tabla input, body:not(.rad-capturando) #rad-sec-csstv .rsst-acta-tabla select { width: 100%; }
  /* botones «Agregar» y de fila dentro del acta = .rad-btn */
  body:not(.rad-capturando) #rad-sec-csstv .rsst-doc .calib-btn, body:not(.rad-capturando) #rad-sec-csstv .rsst-doc button.cb-add, body:not(.rad-capturando) #rad-sec-csstv .rsst-doc .btn-agregar {
    height: 30px; padding: 0 10px; border: 1.5px solid var(--c-line, #d2dcea) !important; border-radius: 6px; background: var(--c-surface, #fff) !important; color: var(--c-ink, #0f1b33) !important; font-size: 12px; font-weight: 700; }
  /* tarjetas de la vista de actas y lista de supervisores: mismos tokens */
  body:not(.rad-capturando) #rad-sec-csstv .rsst-col, body:not(.rad-capturando) #rad-sec-csstv .rsst-doc-card, body:not(.rad-capturando) #rad-sec-csstv .rsst-list-item { border-color: var(--c-line, #d2dcea); }
  body:not(.rad-capturando) #rad-sec-csstv .rsst-col { border-radius: var(--r-lg, 14px); }
  body:not(.rad-capturando) #rad-sec-csstv .rsst-col-title { color: var(--c-brand-900, #0a1e50); border-bottom: 2px solid var(--c-brand-900, #0a1e50); }
}
@media screen {
  /* formatos de campos sueltos (p. ej. Padrón Electoral): pares lado a lado como en el acta de la Alta Dirección */
  body:not(.rad-capturando) #rad-sec-csstv .rsst-doc-campos:has(> .rsst-campo) { display: grid; grid-template-columns: repeat(2, minmax(0, 1fr)); gap: 10px 14px; }
  body:not(.rad-capturando) #rad-sec-csstv .rsst-doc-campos:has(> .rsst-campo) > :not(.rsst-campo) { grid-column: 1 / -1; }
}
@media screen and (max-width: 900px) {
  body:not(.rad-capturando) #rad-sec-csstv .rsst-doc-campos:has(> .rsst-campo) { grid-template-columns: 1fr; }
  body:not(.rad-capturando) #rad-sec-csstv .rsst-doc-campos-form { grid-template-columns: 1fr; }
  body:not(.rad-capturando) #rad-sec-csstv .rsst-doc { padding: 10px; }
}

/* ── Una sola barra de acciones, un solo título, sin botones sueltos en el papel ── */
@media screen {
  /* «← Actas del CSST» y la botonera del acta (Guardar, PDF, Word, Limpiar, Vista de acta / campos) en UNA fila */
  body:not(.rad-capturando) #rad-sec-csstv .rad-embed:not([hidden]) { display: flex; flex-wrap: wrap; align-items: center; gap: 0 8px; }
  body:not(.rad-capturando) #rad-sec-csstv .rad-embed-head { flex: 0 0 auto; margin: 0 0 12px; }
  body:not(.rad-capturando) #rad-sec-csstv .rad-embed > .calib-toolbar { flex: 1 1 auto; }
  body:not(.rad-capturando) #rad-sec-csstv .rad-embed > .rsst-doc { flex: 0 0 100%; }
  /* el título propio del encabezado del rail sobra: el título es el del acta */
  body:not(.rad-capturando) #rad-sec-csstv .rad-embed-tit { display: none; }
  /* «Documento: <título>» de la barrita repetía el título del acta: solo queda la fecha */
  body:not(.rad-capturando) #rad-sec-csstv .rsst-codbar > span:first-child { display: none; }
  body:not(.rad-capturando) #rad-sec-csstv .rsst-codbar { background: none; border: 0; padding: 0; margin: 0 0 8px; }
  /* el h2 de la plantilla y el título del acta eran el mismo texto: se queda el del acta */
  body:not(.rad-capturando) #rad-sec-csstv #screen-rsst-documento:has(#rsst-doc-vista-acta:not([style*="none"]) .rsst-acta-titulo) .rsst-doc-h { display: none; }
  body:not(.rad-capturando) #rad-sec-csstv .rsst-doc-toggle { display: none !important; }   /* una sola vista: el acta editable */
  body:not(.rad-capturando) #rad-sec-csstv .rsst-doc-hint { display: none; }
}

@media screen {
  /* Acta del Supervisor y otras con encabezados h3/h4 propios: mismos tamaños que el resto de actas */
  body:not(.rad-capturando) #rad-sec-csstv .rsst-doc h3, body:not(.rad-capturando) #rad-sec-csstv .rsst-doc h4 { font-size: 13.5px; font-weight: 800; color: var(--c-brand-900, #0a1e50); margin: 16px 0 6px; line-height: 1.35; }
  body:not(.rad-capturando) #rad-sec-csstv .rsst-doc ul, body:not(.rad-capturando) #rad-sec-csstv .rsst-doc ol, body:not(.rad-capturando) #rad-sec-csstv .rsst-doc li { font-size: 13px; color: var(--c-ink, #0f1b33); }
  body:not(.rad-capturando) #rad-sec-csstv .rsst-doc h2:not(.rsst-doc-h) { font-size: 14px; font-weight: 800; color: var(--c-brand-900, #0a1e50); }
}

@media screen {
  /* los h3/h4 propios de algunas plantillas NO deben pisar al título ni a los subtítulos del acta */
  body:not(.rad-capturando) #rad-sec-csstv .rsst-doc h3:not(.rsst-acta-titulo):not(.rsst-acta-sub):not(.rsst-doc-h), body:not(.rad-capturando) #rad-sec-csstv .rsst-doc h4:not(.rsst-acta-titulo):not(.rsst-acta-sub) { font-size: 14px; font-weight: 700; color: var(--c-brand-900, #0a1e50); margin: 16px 0 6px; line-height: 1.35; }
  body:not(.rad-capturando) #rad-sec-csstv .rsst-doc-h { font-size: 17px !important; font-weight: 700 !important; text-transform: none; }
  /* misma letra en botones: heredan la tipografía del sistema */
  body:not(.rad-capturando) #rad-sec-csstv .calib-btn, body:not(.rad-capturando) #rad-sec-csstv .rad-btn { font-family: var(--font-ui, 'Plus Jakarta Sans', 'Segoe UI', Arial, sans-serif) !important; }
}