/* calidad-comun.css — lo COMPARTIDO por varias vistas de Calidad, en escritorio y teléfono.
 *
 * Viene tal cual de ui/figma 781453a (index.html), tres bloques en su orden original:
 *   1. <style id="calidad-figma">       listas de NC y Registro de Inspecciones (lenguaje de RFI)
 *   2. <style id="calidad-homogenea">   la forma de Registro de Inspecciones en NC, Capacitaciones,
 *                                        Status Dossier, Gestión SIG, Equipos y SAME
 *   3. <style id="calidad-indicadores"> pestañas de Indicadores (insp, nc, capreg, gsig), Estatus
 *                                        de SAME y Mis capacitaciones
 * Carga ANTES de las nueve hojas de vista (assets/ui/<vista>.css): a igual especificidad gana
 * la de la vista. Las hojas de vista NO deben volver a copiar estos bloques.
 * <style id="inspecciones-figma"> (solo #sec-calidad-sig) y <style id="panel-calidad-resumen">
 * (solo #sec-panel-calidad) NO están aquí: son de su vista.
 */

/* ════ <style id="calidad-figma"> ════ */
/* ══════════════════════════════════════════════════════════════════════
   CALIDAD · las listas adoptan el lenguaje ya aprobado en RFI / SIG
   ──────────────────────────────────────────────────────────────────────
   En «Pase a Pruebas UI» no hay frame de Calidad: las nueve secciones del
   hand-off ya se pasaron (Notificaciones, Multiproyectos, Perfil, Resumen,
   Programación Meta, APU's, Personal, Cronograma, RFI). Así que esta vista no
   copia un dibujo nuevo: hereda el que el cliente ya vio y aprobó en la lista
   de RFI (684:8909 y siguientes) y le aplica los criterios de densidad,
   estado y vacío del tablero. Cada regla cita el nodo del que sale el valor.

   El ámbito cubre las dos listas que ya tienen su frame: #sec-calidad-nc
   (No Conformidades) y #sec-calidad-sig (Registro de Inspecciones, frame
   782:2691). Ambiental, SAME y Capacitaciones comparten .rfi-table,
   .rfi-list-head, .rfi-btn y .insp-est pero NO entran: sumarlas es añadir
   su id al :is() de estos selectores.
   ══════════════════════════════════════════════════════════════════════ */

/* ── La lista vive en una tarjeta, como la de RFI · 684:8909 ── */
:is(#sec-calidad-nc,#sec-calidad-sig) :is(#ncBody,#inspBody){ display:flex; flex-direction:column; gap:20px; padding:20px 0;
  background:#FFFFFF; border-radius:12px; box-shadow:0 0 3.25px rgba(0,0,0,.09);
  font-family:'Inter',system-ui,sans-serif; }
:is(#sec-calidad-nc,#sec-calidad-sig) :is(#ncBody,#inspBody) *{ box-sizing:border-box; }

/* ── Cabecera de la lista · 684:8910 ── */
:is(#sec-calidad-nc,#sec-calidad-sig) .rfi-list-head{ display:flex; align-items:center; justify-content:space-between;
  gap:12px 16px; flex-wrap:wrap; padding:0 20px; margin:0; border:0; }
:is(#sec-calidad-nc,#sec-calidad-sig) .rfi-list-title{ display:flex; align-items:center; gap:10px; margin:0;
  font:700 18px/28px 'Inter',sans-serif; color:#2A2D34; }                         /* 684:8883 */
:is(#sec-calidad-nc,#sec-calidad-sig) .rfi-count{ display:inline-flex; align-items:center; justify-content:center;
  min-width:24px; height:24px; padding:0 8px; border-radius:999px; background:#E6F2FA;
  font:700 12px/1 'Inter',sans-serif; color:#077FCF; }
:is(#sec-calidad-nc,#sec-calidad-sig) .rfi-list-tools{ display:flex; align-items:center; gap:12px; flex-wrap:wrap; }

/* ── Buscador · 684:8912, con la lupa dentro (684:8913) en vez de al lado ── */
:is(#sec-calidad-nc,#sec-calidad-sig) .rfi-search{ width:276px; height:40px; margin:0; padding:10px 12px 10px 36px;
  background:#FFFFFF url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='16' height='16' viewBox='0 0 24 24' fill='none' stroke='%238E9093' stroke-width='2' stroke-linecap='round'%3E%3Ccircle cx='11' cy='11' r='7'/%3E%3Cpath d='M20 20l-3.5-3.5'/%3E%3C/svg%3E") no-repeat 12px center;
  border:1px solid #E6F2FA; border-radius:6px; box-shadow:none;
  font:400 13px/normal 'Inter',sans-serif; color:#2A2D34; }
:is(#sec-calidad-nc,#sec-calidad-sig) .rfi-search::placeholder{ color:#484B51; opacity:1; }
:is(#sec-calidad-nc,#sec-calidad-sig) .rfi-search:focus{ outline:0; border-color:#077FCF; }

/* ── Desplegable de estado · 684:8921 · la flecha es «Icon-right» (#3195D7) ── */
:is(#sec-calidad-nc,#sec-calidad-sig) .insp-sel{ width:196px; height:40px; margin:0; padding:8px 32px 8px 12px;
  background:#FFFFFF url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='20' height='20' viewBox='0 0 20 20' fill='none'%3E%3Cpath d='M15 8L10 13L5 8' stroke='%233195D7' stroke-width='1.67' stroke-linecap='round' stroke-linejoin='round'/%3E%3C/svg%3E") no-repeat right 8px center;
  border:1px solid #E6F2FA; border-radius:6px; -webkit-appearance:none; appearance:none; box-shadow:none;
  font:400 14px/20px 'Inter',sans-serif; color:#2A2D34; cursor:pointer; }
:is(#sec-calidad-nc,#sec-calidad-sig) .insp-sel:focus-visible{ outline:2px solid #077FCF; outline-offset:1px; }

/* ── Botones en píldora · 684:8954 el secundario, 684:8956 el primario ── */
:is(#sec-calidad-nc,#sec-calidad-sig) .rfi-btn{ height:40px; padding:0 16px; margin:0; border:1px solid #077FCF;
  border-radius:50px; background:#E6F2FA; font:500 14px/normal 'Inter',sans-serif; color:#077FCF;
  cursor:pointer; white-space:nowrap; }
:is(#sec-calidad-nc,#sec-calidad-sig) .rfi-btn:hover{ background:#D6EAF7; }
:is(#sec-calidad-nc,#sec-calidad-sig) .rfi-btn:disabled{ opacity:.6; cursor:default; }
:is(#sec-calidad-nc,#sec-calidad-sig) .rfi-btn-primary{ border:0; background:#077FCF; color:#FFFFFF; }
:is(#sec-calidad-nc,#sec-calidad-sig) .rfi-btn-primary:hover{ background:#066BB0; }
:is(#sec-calidad-nc,#sec-calidad-sig) .rfi-draft-badge{ display:inline-flex; align-items:center; height:40px; padding:0 12px;
  border-radius:50px; background:#FFF4E6; font:600 12px/1 'Inter',sans-serif; color:#B46504; }

/* ── Tabla · 684:8961 ── */
:is(#sec-calidad-nc,#sec-calidad-sig) .rfi-table-wrap{ margin:0; padding:0; border:0; border-radius:0;
  background:#FFFFFF; box-shadow:none; overflow:auto; }
:is(#sec-calidad-nc,#sec-calidad-sig) .rfi-table{ width:100%; border-collapse:collapse; margin:0; }
/* La cabecera se queda a la vista: con quince NC, el que baja pierde de vista
   qué columna es cuál (criterio de tabla del tablero, no del Figma). */
:is(#sec-calidad-nc,#sec-calidad-sig) .rfi-table th{ position:sticky; top:0; z-index:2;
  padding:12px 8px; background:#FFFFFF; border:0; border-bottom:1px solid #E5E7EB;
  font:700 12px/normal 'Inter',sans-serif; color:#6B7280; text-transform:uppercase;
  letter-spacing:0; text-align:left; white-space:nowrap; }                        /* 684:8962 */
:is(#sec-calidad-nc,#sec-calidad-sig) .rfi-table td{ padding:14px 8px; background:#FFFFFF; border:0;
  border-bottom:1px dashed #E5E7EB; font:400 13px/18px 'Inter',sans-serif; color:#6B7280;
  vertical-align:middle; }                                                        /* 684:8970 */
:is(#sec-calidad-nc,#sec-calidad-sig) .rfi-table th:first-child,
:is(#sec-calidad-nc,#sec-calidad-sig) .rfi-table td:first-child{ padding-left:16px; }
:is(#sec-calidad-nc,#sec-calidad-sig) .rfi-table th:last-child,
:is(#sec-calidad-nc,#sec-calidad-sig) .rfi-table td:last-child{ padding-right:16px; }
:is(#sec-calidad-nc,#sec-calidad-sig) .rfi-table tbody tr:last-child td{ border-bottom:0; }             /* 684:9098 */
:is(#sec-calidad-nc,#sec-calidad-sig) .rfi-table tbody tr:hover td{ background:#F8FAFC; }
/* El número y el título son lo que se lee primero: color de texto principal. */
:is(#sec-calidad-nc,#sec-calidad-sig) .rfi-table td b{ font:600 13px/18px 'Inter',sans-serif; color:#1E2229; }  /* 684:8975 */
:is(#sec-calidad-nc,#sec-calidad-sig) .rfi-table td.nc-tit{ font:500 13px/18px 'Inter',sans-serif; color:#1E2229;
  white-space:normal; }                                                            /* 684:8977 */
:is(#sec-calidad-nc,#sec-calidad-sig) .nc-tit small,
:is(#sec-calidad-nc,#sec-calidad-sig) .nc-pend small,
:is(#sec-calidad-nc,#sec-calidad-sig) .nc-tiempo small{ display:block; margin-top:2px;
  font:400 11px/16px 'Inter',sans-serif; color:#9CA3AF; }
:is(#sec-calidad-nc,#sec-calidad-sig) .nc-pend b,
:is(#sec-calidad-nc,#sec-calidad-sig) .nc-tiempo b{ display:block; }
:is(#sec-calidad-nc,#sec-calidad-sig) .nc-sin{ color:#C0C1C3; }

/* ── Etiquetas de estado · 684:8972 · sin borde y en pastel, como en RFI ── */
:is(#sec-calidad-nc,#sec-calidad-sig) .insp-est{ display:inline-block; padding:4px 8px; border:0; border-radius:12px;
  font:700 11px/normal 'Inter',sans-serif; letter-spacing:0; text-transform:uppercase; white-space:nowrap; }
:is(#sec-calidad-nc,#sec-calidad-sig) .insp-e-borrador{ background:#F3F4F6; color:#6B7280; }            /* 684:9052 */
:is(#sec-calidad-nc,#sec-calidad-sig) .insp-e-curso{ background:#E0F2FE; color:#0369A1; }               /* 684:9004 */
:is(#sec-calidad-nc,#sec-calidad-sig) .insp-e-observado{ background:#FFF1EB; color:#E05E1A; }           /* 684:8972 */
:is(#sec-calidad-nc,#sec-calidad-sig) .insp-e-ok{ background:#E6FAF0; color:#048F47; }                  /* green/400 */
/* El retraso es lo único que se pinta en rojo: es la señal que Lilimar pidió
   ver desde la lista, y el rojo decorativo le quitaría fuerza. */
:is(#sec-calidad-nc,#sec-calidad-sig) .nc-plazo{ display:inline-block; padding:4px 8px; border:0; border-radius:12px;
  font:700 11px/normal 'Inter',sans-serif; background:#F3F4F6; color:#6B7280; white-space:nowrap; }
:is(#sec-calidad-nc,#sec-calidad-sig) .nc-plazo.tarde{ background:#FEEAEA; color:#B42318; }
:is(#sec-calidad-nc,#sec-calidad-sig) .nc-plazo.pronto{ background:#FFF4E6; color:#B46504; }
:is(#sec-calidad-nc,#sec-calidad-sig) .nc-plazo.ok{ background:#E6FAF0; color:#048F47; }
:is(#sec-calidad-nc,#sec-calidad-sig) .nc-plazo.sin{ background:#F3F4F6; color:#9CA3AF; }

/* ── Botón de traza y de borrar: área de toque sin deformar el dibujo ── */
:is(#sec-calidad-nc,#sec-calidad-sig) .nc-traza-btn,
:is(#sec-calidad-nc,#sec-calidad-sig) .insp-del{ position:relative; width:28px; height:28px; display:inline-flex;
  align-items:center; justify-content:center; padding:0; border:1px solid #E6F2FA; border-radius:8px;
  background:#FFFFFF; color:#6B7280; cursor:pointer; }
:is(#sec-calidad-nc,#sec-calidad-sig) .nc-traza-btn::after,
:is(#sec-calidad-nc,#sec-calidad-sig) .insp-del::after{ content:''; position:absolute; inset:-8px; }
:is(#sec-calidad-nc,#sec-calidad-sig) .nc-traza-btn:hover,
:is(#sec-calidad-nc,#sec-calidad-sig) .insp-del:hover{ border-color:#077FCF; color:#077FCF; }
:is(#sec-calidad-nc,#sec-calidad-sig) .insp-del:hover{ border-color:#F92F2F; color:#F92F2F; }

/* ── Vacío guiado: dice qué falta y cómo empezar, no solo «sin registros» ── */
:is(#sec-calidad-nc,#sec-calidad-sig) .rfi-empty{ padding:40px 16px; text-align:center; white-space:normal;
  font:400 14px/22px 'Inter',sans-serif; color:#6B7280; }

/* ── Teléfono y tableta ──────────────────────────────────────────────────
   Criterios de la skill responsive-vistas: la tabla se DESPLAZA, no se
   recorta; el control que se pulsa mide 44; y el buscador ocupa su ancho en
   vez de quedarse a medio hacer. */
/* -- La hoja del formato en pantalla angosta ----------------------------
   El SIG.009-F01 es una réplica del papel: sus columnas tienen ancho de
   formato y no se pueden «apretar» sin deshacer el documento. Medido al
   abrir una NC desde la lista a 400 de ancho: la hoja mide 940. No se pierde
   —hay un contenedor que se desplaza— pero no se ve que se pueda desplazar y
   se lee como cortada. Se le da su propio desplazamiento y una sombra que
   aparece sólo cuando queda algo fuera: es la señal de que hay más a la
   derecha. Criterio de la skill responsive-vistas: lo que no cabe se
   desplaza, nunca se recorta, y el desplazamiento se anuncia. */
@media (max-width:900px){
  :is(#sec-calidad-nc,#sec-calidad-sig) #inspForm{ overflow-x:auto; -webkit-overflow-scrolling:touch;
    background:
      linear-gradient(to right,#FFFFFF 30%,rgba(255,255,255,0)) left center / 28px 100% no-repeat local,
      linear-gradient(to left,#FFFFFF 30%,rgba(255,255,255,0)) right center / 28px 100% no-repeat local,
      radial-gradient(farthest-side at 0 50%,rgba(42,45,52,.16),transparent) left center / 12px 100% no-repeat scroll,
      radial-gradient(farthest-side at 100% 50%,rgba(42,45,52,.16),transparent) right center / 12px 100% no-repeat scroll; }
  /* Apretar la hoja a 368 la deja ilegible (probado: «se ve mal»). Se queda
     con su ancho y se desplaza, que al menos conserva el documento, hasta que
     exista el compositor movil del arquetipo «formato». */
}

@media (max-width:1100px){
  :is(#sec-calidad-nc,#sec-calidad-sig) .rfi-search{ width:220px; }
  :is(#sec-calidad-nc,#sec-calidad-sig) .insp-sel{ width:170px; }
}
@media (max-width:820px){
  :is(#sec-calidad-nc,#sec-calidad-sig) .rfi-list-head{ align-items:stretch; }
  :is(#sec-calidad-nc,#sec-calidad-sig) .rfi-list-tools{ width:100%; gap:8px; }
  :is(#sec-calidad-nc,#sec-calidad-sig) .rfi-search{ width:100%; height:44px; font-size:16px; }
  :is(#sec-calidad-nc,#sec-calidad-sig) .insp-sel{ flex:1 1 160px; width:auto; height:44px; font-size:16px; }
  :is(#sec-calidad-nc,#sec-calidad-sig) .rfi-btn{ flex:1 1 auto; height:44px; }
  :is(#sec-calidad-nc,#sec-calidad-sig) .rfi-table{ min-width:880px; }
  :is(#sec-calidad-nc,#sec-calidad-sig) .rfi-table th{ position:static; }
  :is(#sec-calidad-nc,#sec-calidad-sig) :is(#ncBody,#inspBody){ padding:16px 0; gap:16px; }
  :is(#sec-calidad-nc,#sec-calidad-sig) .rfi-list-head{ padding:0 16px; }
}

/* ════ <style id="calidad-homogenea"> ════ */
/* ══════════════════════════════════════════════════════════════════════
   CALIDAD · todas las listas con la forma de Registro de Inspecciones
   ──────────────────────────────────────────────────────────────────────
   El modelo es #sec-calidad-sig (frame «RFI / SIG - Registros», 782:2691;
   bloques calidad-figma e inspecciones-figma, de arriba). Aquí se aplica
   esa misma forma, valor por valor, a las otras seis vistas de Calidad:
   NC, Capacitaciones, Status Dossier, Gestión SIG, Equipos de medición y
   SAME. Solo forma: ningún dato ni ninguna acción cambia. Cada valor es el
   del modelo y cita su nodo allí.
   Va DETRÁS de los dos bloques del modelo y con la misma especificidad
   (un id), así que para NC —que ya compartía calidad-figma— gana esto.
   §  = :is(#sec-calidad-nc,#sec-calidad-cap,#sec-calidad-dossier,
            #sec-calidad-gestionsig,#sec-calidad-equipos,#sec-sames)
   ¶  = :is(#ncBody,#capregBody,#dossierRoot,#calFormRoot,#winchRoot,
            #equmRoot,#etiqRoot,#smeBody)   (el cuerpo de cada lista)
   ══════════════════════════════════════════════════════════════════════ */

/* ── Cabecera · 788:4061 ── */
:is(#sec-calidad-nc,#sec-calidad-cap,#sec-calidad-dossier,#sec-calidad-gestionsig,#sec-calidad-equipos,#sec-sames) .insp-cab{ display:flex; align-items:center; gap:44px; padding:12px 12px 0; background:#FFFFFF;
  border-radius:12px 12px 0 0; font-family:'Inter',system-ui,sans-serif; }                        /* 788:4062 */
:is(#sec-calidad-nc,#sec-calidad-cap,#sec-calidad-dossier,#sec-calidad-gestionsig,#sec-calidad-equipos,#sec-sames) .insp-cab-sola{ padding-bottom:12px; margin-bottom:12px; border-radius:12px; }  /* sin pestañas: cierra sola */
:is(#sec-calidad-nc,#sec-calidad-cap,#sec-calidad-dossier,#sec-calidad-gestionsig,#sec-calidad-equipos,#sec-sames) :is(.insp-cab,.insp-cab-tabs) *{ box-sizing:border-box; }
:is(#sec-calidad-nc,#sec-calidad-cap,#sec-calidad-dossier,#sec-calidad-gestionsig,#sec-calidad-equipos,#sec-sames) .insp-cab-tit{ flex:1 1 0; min-width:0; display:flex; flex-direction:column; gap:4px; }           /* 788:4063 */
:is(#sec-calidad-nc,#sec-calidad-cap,#sec-calidad-dossier,#sec-calidad-gestionsig,#sec-calidad-equipos,#sec-sames) .insp-cab-h{ margin:0; font:700 24px/28px 'Inter',sans-serif; color:#111827; letter-spacing:0; text-transform:none; }  /* 788:4064 */
:is(#sec-calidad-nc,#sec-calidad-cap,#sec-calidad-dossier,#sec-calidad-gestionsig,#sec-calidad-equipos,#sec-sames) .insp-cab-sub{ margin:0; font:400 14px/22px 'Inter',sans-serif; color:#4B5563; }                 /* 788:4065 */

/* Acciones en la cabecera · 788:4066 · píldora de borde 788:4067 y azul llena 788:4069 */
:is(#sec-calidad-nc,#sec-calidad-cap,#sec-calidad-dossier,#sec-calidad-gestionsig,#sec-calidad-equipos,#sec-sames) .insp-cab-acc{ display:flex; align-items:center; gap:24px; }
:is(#sec-calidad-nc,#sec-calidad-cap,#sec-calidad-dossier,#sec-calidad-gestionsig,#sec-calidad-equipos,#sec-sames) .insp-cab-acc.vacio{ display:none; }
:is(#sec-calidad-nc,#sec-calidad-cap,#sec-calidad-dossier,#sec-calidad-gestionsig,#sec-calidad-equipos,#sec-sames) .insp-cab-acc-caja{ display:flex; align-items:center; gap:24px; }
:is(#sec-calidad-nc,#sec-calidad-cap,#sec-calidad-dossier,#sec-calidad-gestionsig,#sec-calidad-equipos,#sec-sames) .insp-cab-acc-caja[hidden]{ display:none; }
:is(#sec-calidad-nc,#sec-calidad-cap,#sec-calidad-dossier,#sec-calidad-gestionsig,#sec-calidad-equipos,#sec-sames) .insp-cab-acc .rfi-btn{ height:auto; padding:12px 14px; margin:0; border:1px solid #077FCF; border-radius:50px;
  background:#E6F2FA; font:500 14px/normal 'Inter',sans-serif; color:#077FCF; cursor:pointer; white-space:nowrap; }
:is(#sec-calidad-nc,#sec-calidad-cap,#sec-calidad-dossier,#sec-calidad-gestionsig,#sec-calidad-equipos,#sec-sames) .insp-cab-acc .rfi-btn:hover{ background:#D6EAF7; }
:is(#sec-calidad-nc,#sec-calidad-cap,#sec-calidad-dossier,#sec-calidad-gestionsig,#sec-calidad-equipos,#sec-sames) .insp-cab-acc .rfi-btn:disabled{ opacity:.6; cursor:default; }
:is(#sec-calidad-nc,#sec-calidad-cap,#sec-calidad-dossier,#sec-calidad-gestionsig,#sec-calidad-equipos,#sec-sames) .insp-cab-acc .rfi-btn-primary{ border:0; background:#077FCF; color:#FFFFFF; }            /* 788:4069 */
:is(#sec-calidad-nc,#sec-calidad-cap,#sec-calidad-dossier,#sec-calidad-gestionsig,#sec-calidad-equipos,#sec-sames) .insp-cab-acc .rfi-btn-primary:hover{ background:#066BB0; }
:is(#sec-calidad-nc,#sec-calidad-cap,#sec-calidad-dossier,#sec-calidad-gestionsig,#sec-calidad-equipos,#sec-sames) .insp-cab-acc .rfi-draft-badge{ display:inline-flex; align-items:center; height:auto; padding:8px 12px; border-radius:50px;
  background:#FFF4E6; font:600 12px/1 'Inter',sans-serif; color:#B46504; }

/* ── Pestañas · 788:4074 · las de Equipos (.sst-tab) toman la misma forma ── */
:is(#sec-calidad-nc,#sec-calidad-cap,#sec-calidad-dossier,#sec-calidad-gestionsig,#sec-calidad-equipos,#sec-sames) .insp-cab-tabs{ padding:8px 20px 12px; margin:0 0 12px; background:#FFFFFF; border-radius:0 0 12px 12px; }
:is(#sec-calidad-nc,#sec-calidad-cap,#sec-calidad-dossier,#sec-calidad-gestionsig,#sec-calidad-equipos,#sec-sames) .insp-cab-tabs[hidden]{ display:none; }
:is(#sec-calidad-nc,#sec-calidad-cap,#sec-calidad-dossier,#sec-calidad-gestionsig,#sec-calidad-equipos,#sec-sames) .insp-cab-tabs :is(.rfi-tabs,.sst-tabs){ display:flex; align-items:stretch; gap:0; margin:0; padding:0; border:0;
  border-bottom:2px solid #E6F2FA; background:none; overflow-x:auto; }                               /* 788:4075 */
:is(#sec-calidad-nc,#sec-calidad-cap,#sec-calidad-dossier,#sec-calidad-gestionsig,#sec-calidad-equipos,#sec-sames) .insp-cab-tabs :is(.rfi-tab,.sst-tab){ min-height:0; padding:8px 12px; margin:0 0 -2px; border:0;
  border-bottom:2px solid #ECEEF2; border-radius:0; background:none; box-shadow:none;
  font:400 16px/24px 'Inter',sans-serif; color:#677790; cursor:pointer; white-space:nowrap;
  text-transform:none; letter-spacing:0; }                                                          /* 788:4079-4081 */
:is(#sec-calidad-nc,#sec-calidad-cap,#sec-calidad-dossier,#sec-calidad-gestionsig,#sec-calidad-equipos,#sec-sames) .insp-cab-tabs :is(.rfi-tab.active,.sst-tab.is-active){ border-bottom-color:#077FCF; font-weight:600; color:#077FCF; cursor:default; }  /* 788:4076-4078 */
:is(#sec-calidad-nc,#sec-calidad-cap,#sec-calidad-dossier,#sec-calidad-gestionsig,#sec-calidad-equipos,#sec-sames) .insp-cab-tabs :is(.rfi-tab:not(.active),.sst-tab:not(.is-active)):hover{ color:#2A2D34; }

/* ── La lista vive en una tarjeta · 684:8909 ── */
:is(#sec-calidad-nc,#sec-calidad-cap,#sec-calidad-dossier,#sec-calidad-gestionsig,#sec-calidad-equipos,#sec-sames) :is(#ncBody,#capregBody,#dossierRoot,#calFormRoot,#winchRoot,#equmRoot,#etiqRoot,#smeBody){ display:flex; flex-direction:column; gap:20px; padding:20px 0; background:#FFFFFF; border-radius:12px;
  box-shadow:0 0 3.25px rgba(0,0,0,.09); font-family:'Inter',system-ui,sans-serif; }
:is(#sec-calidad-nc,#sec-calidad-cap,#sec-calidad-dossier,#sec-calidad-gestionsig,#sec-calidad-equipos,#sec-sames) :is(#ncBody,#capregBody,#dossierRoot,#calFormRoot,#winchRoot,#equmRoot,#etiqRoot,#smeBody) *{ box-sizing:border-box; }
/* lo que no es cabecera de lista ni tabla (avisos, tiras, formularios) guarda el mismo margen lateral */
:is(#sec-calidad-nc,#sec-calidad-cap,#sec-calidad-dossier,#sec-calidad-gestionsig,#sec-calidad-equipos,#sec-sames) :is(#ncBody,#capregBody,#dossierRoot,#calFormRoot,#winchRoot,#equmRoot,#etiqRoot,#smeBody) > :not(.rfi-list-head):not(.rfi-table-wrap):not(.rfi-pie):not(table):not(.tbl-tools){ margin-left:20px; margin-right:20px; }
/* Equipos arma su lista con tiras y textos sueltos que traen su propio margen en línea:
   ahí el aire lateral lo pone la tarjeta y la tabla sale de borde a borde, como en el modelo */
:is(#sec-calidad-nc,#sec-calidad-cap,#sec-calidad-dossier,#sec-calidad-gestionsig,#sec-calidad-equipos,#sec-sames) :is(#winchRoot,#equmRoot,#etiqRoot){ gap:12px; padding:20px; }
:is(#sec-calidad-nc,#sec-calidad-cap,#sec-calidad-dossier,#sec-calidad-gestionsig,#sec-calidad-equipos,#sec-sames) :is(#winchRoot,#equmRoot,#etiqRoot) > *{ margin-left:0 !important; margin-right:0 !important; }
:is(#sec-calidad-nc,#sec-calidad-cap,#sec-calidad-dossier,#sec-calidad-gestionsig,#sec-calidad-equipos,#sec-sames) :is(#winchRoot,#equmRoot,#etiqRoot) > :is(table.sstc-list,.rfi-table-wrap){ width:calc(100% + 40px) !important; max-width:none; margin:0 -20px !important; }
:is(#sec-calidad-nc,#sec-calidad-cap,#sec-calidad-dossier,#sec-calidad-gestionsig,#sec-calidad-equipos,#sec-sames) :is(#winchRoot,#equmRoot,#etiqRoot) > .rfi-pie{ padding:0; }
:is(#sec-calidad-nc,#sec-calidad-cap,#sec-calidad-dossier,#sec-calidad-gestionsig,#sec-calidad-equipos,#sec-sames) :is(#winchRoot,#equmRoot,#etiqRoot) > .sstc-liststrip{ margin-bottom:0; }
/* su tira hace de cabecera de lista (684:8910): el título como el de la lista (684:8883),
   el código y la cuenta con la letra del detalle (788:3856) */
:is(#sec-calidad-nc,#sec-calidad-cap,#sec-calidad-dossier,#sec-calidad-gestionsig,#sec-calidad-equipos,#sec-sames) :is(#winchRoot,#equmRoot,#etiqRoot) > .sstc-liststrip{ display:flex; align-items:center; gap:10px; min-height:40px; }
:is(#sec-calidad-nc,#sec-calidad-cap,#sec-calidad-dossier,#sec-calidad-gestionsig,#sec-calidad-equipos,#sec-sames) :is(#winchRoot,#equmRoot,#etiqRoot) .sstc-listtitle{ font:700 18px/28px 'Inter',sans-serif; color:#2A2D34; }
:is(#sec-calidad-nc,#sec-calidad-cap,#sec-calidad-dossier,#sec-calidad-gestionsig,#sec-calidad-equipos,#sec-sames) :is(#winchRoot,#equmRoot,#etiqRoot) .sstc-listtitle > span{ font:400 12px/18px 'Inter',sans-serif !important; color:#8C9199 !important; }
:is(#sec-calidad-nc,#sec-calidad-cap,#sec-calidad-dossier,#sec-calidad-gestionsig,#sec-calidad-equipos,#sec-sames) :is(#winchRoot,#equmRoot,#etiqRoot) .sstc-liststrip > .dos-code{ font:600 12px/18px 'Inter',sans-serif; color:#5C5E64; }

/* ── Cabecera de la lista · 684:8910 ── */
:is(#sec-calidad-nc,#sec-calidad-cap,#sec-calidad-dossier,#sec-calidad-gestionsig,#sec-calidad-equipos,#sec-sames) :is(#ncBody,#capregBody,#dossierRoot,#calFormRoot,#winchRoot,#equmRoot,#etiqRoot,#smeBody) .rfi-list-head{ display:flex; align-items:center; justify-content:space-between; gap:12px 16px; flex-wrap:wrap;
  padding:0 20px; margin:0; border:0; background:none; }
:is(#sec-calidad-nc,#sec-calidad-cap,#sec-calidad-dossier,#sec-calidad-gestionsig,#sec-calidad-equipos,#sec-sames) :is(#ncBody,#capregBody,#dossierRoot,#calFormRoot,#winchRoot,#equmRoot,#etiqRoot,#smeBody) .rfi-list-title{ display:flex; align-items:center; gap:10px; margin:0; font:700 18px/28px 'Inter',sans-serif; color:#2A2D34; }  /* 684:8883 */
:is(#sec-calidad-nc,#sec-calidad-cap,#sec-calidad-dossier,#sec-calidad-gestionsig,#sec-calidad-equipos,#sec-sames) :is(#ncBody,#capregBody,#dossierRoot,#calFormRoot,#winchRoot,#equmRoot,#etiqRoot,#smeBody) .rfi-count{ display:inline-flex; align-items:center; justify-content:center; min-width:24px; height:24px; padding:0 8px;
  border-radius:999px; background:#E6F2FA; font:700 12px/1 'Inter',sans-serif; color:#077FCF; }
:is(#sec-calidad-nc,#sec-calidad-cap,#sec-calidad-dossier,#sec-calidad-gestionsig,#sec-calidad-equipos,#sec-sames) :is(#ncBody,#capregBody,#dossierRoot,#calFormRoot,#winchRoot,#equmRoot,#etiqRoot,#smeBody) .rfi-list-tools{ display:flex; align-items:center; gap:12px; flex-wrap:wrap; }
/* notas sueltas de la barra («cada semana parte de la anterior…»): la letra del detalle, 788:3856 */
:is(#sec-calidad-nc,#sec-calidad-cap,#sec-calidad-dossier,#sec-calidad-gestionsig,#sec-calidad-equipos,#sec-sames) :is(#ncBody,#capregBody,#dossierRoot,#calFormRoot,#winchRoot,#equmRoot,#etiqRoot,#smeBody) .rfi-list-tools > :is(span,small,i,em):not(.rfi-draft-badge){ font:400 12px/18px 'Inter',sans-serif; font-style:normal; color:#8C9199; }

/* ── Buscador · 684:8912 con la lupa dentro 684:8913 ── */
:is(#sec-calidad-nc,#sec-calidad-cap,#sec-calidad-dossier,#sec-calidad-gestionsig,#sec-calidad-equipos,#sec-sames) :is(#ncBody,#capregBody,#dossierRoot,#calFormRoot,#winchRoot,#equmRoot,#etiqRoot,#smeBody) .rfi-search{ width:276px; height:40px; margin:0; padding:10px 12px 10px 36px;
  background:#FFFFFF url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='16' height='16' viewBox='0 0 24 24' fill='none' stroke='%238E9093' stroke-width='2' stroke-linecap='round'%3E%3Ccircle cx='11' cy='11' r='7'/%3E%3Cpath d='M20 20l-3.5-3.5'/%3E%3C/svg%3E") no-repeat 12px center;
  border:1px solid #E6F2FA; border-radius:6px; box-shadow:none; font:400 13px/normal 'Inter',sans-serif; color:#2A2D34; }
:is(#sec-calidad-nc,#sec-calidad-cap,#sec-calidad-dossier,#sec-calidad-gestionsig,#sec-calidad-equipos,#sec-sames) :is(#ncBody,#capregBody,#dossierRoot,#calFormRoot,#winchRoot,#equmRoot,#etiqRoot,#smeBody) .rfi-search::placeholder{ color:#484B51; opacity:1; }
:is(#sec-calidad-nc,#sec-calidad-cap,#sec-calidad-dossier,#sec-calidad-gestionsig,#sec-calidad-equipos,#sec-sames) :is(#ncBody,#capregBody,#dossierRoot,#calFormRoot,#winchRoot,#equmRoot,#etiqRoot,#smeBody) .rfi-search:focus{ outline:0; border-color:#077FCF; }

/* ── Desplegables · 684:8921, flecha «Icon-right» #3195D7, 176 de ancho (788:3765) ── */
:is(#sec-calidad-nc,#sec-calidad-cap,#sec-calidad-dossier,#sec-calidad-gestionsig,#sec-calidad-equipos,#sec-sames) :is(#ncBody,#capregBody,#dossierRoot,#calFormRoot,#winchRoot,#equmRoot,#etiqRoot,#smeBody) :is(.insp-sel,.rfi-filter,select.sstc-inp){ width:176px; max-width:none; height:40px; margin:0; padding:8px 32px 8px 12px;
  background:#FFFFFF url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='20' height='20' viewBox='0 0 20 20' fill='none'%3E%3Cpath d='M15 8L10 13L5 8' stroke='%233195D7' stroke-width='1.67' stroke-linecap='round' stroke-linejoin='round'/%3E%3C/svg%3E") no-repeat right 8px center;
  border:1px solid #E6F2FA; border-radius:6px; -webkit-appearance:none; appearance:none; box-shadow:none;
  font:400 14px/20px 'Inter',sans-serif; color:#2A2D34; cursor:pointer; }
:is(#sec-calidad-nc,#sec-calidad-cap,#sec-calidad-dossier,#sec-calidad-gestionsig,#sec-calidad-equipos,#sec-sames) :is(#ncBody,#capregBody,#dossierRoot,#calFormRoot,#winchRoot,#equmRoot,#etiqRoot,#smeBody) :is(.insp-sel,.rfi-filter,select.sstc-inp)[style]{ max-width:none !important; }
:is(#sec-calidad-nc,#sec-calidad-cap,#sec-calidad-dossier,#sec-calidad-gestionsig,#sec-calidad-equipos,#sec-sames) :is(#ncBody,#capregBody,#dossierRoot,#calFormRoot,#winchRoot,#equmRoot,#etiqRoot,#smeBody) :is(.insp-sel,.rfi-filter,select.sstc-inp):focus-visible{ outline:2px solid #077FCF; outline-offset:1px; }

/* ── Botones que se quedan dentro de la lista: la misma píldora · 684:8954 / 684:8956 ── */
:is(#sec-calidad-nc,#sec-calidad-cap,#sec-calidad-dossier,#sec-calidad-gestionsig,#sec-calidad-equipos,#sec-sames) :is(#ncBody,#capregBody,#dossierRoot,#calFormRoot,#winchRoot,#equmRoot,#etiqRoot,#smeBody) .rfi-btn{ height:40px; padding:0 16px; border:1px solid #077FCF; border-radius:50px; background:#E6F2FA;
  font:500 14px/normal 'Inter',sans-serif; color:#077FCF; cursor:pointer; white-space:nowrap; }
:is(#sec-calidad-nc,#sec-calidad-cap,#sec-calidad-dossier,#sec-calidad-gestionsig,#sec-calidad-equipos,#sec-sames) :is(#ncBody,#capregBody,#dossierRoot,#calFormRoot,#winchRoot,#equmRoot,#etiqRoot,#smeBody) .rfi-btn:hover{ background:#D6EAF7; }
:is(#sec-calidad-nc,#sec-calidad-cap,#sec-calidad-dossier,#sec-calidad-gestionsig,#sec-calidad-equipos,#sec-sames) :is(#ncBody,#capregBody,#dossierRoot,#calFormRoot,#winchRoot,#equmRoot,#etiqRoot,#smeBody) .rfi-btn-primary{ border:0; background:#077FCF; color:#FFFFFF; }
:is(#sec-calidad-nc,#sec-calidad-cap,#sec-calidad-dossier,#sec-calidad-gestionsig,#sec-calidad-equipos,#sec-sames) :is(#ncBody,#capregBody,#dossierRoot,#calFormRoot,#winchRoot,#equmRoot,#etiqRoot,#smeBody) .rfi-btn-primary:hover{ background:#066BB0; }

/* ── Tabla · 684:8961 con la escala de su frame · 788:3835 y 788:3845 ──
   Equipos pinta la suya (table.sstc-list): toma exactamente la misma. */
:is(#sec-calidad-nc,#sec-calidad-cap,#sec-calidad-dossier,#sec-calidad-gestionsig,#sec-calidad-equipos,#sec-sames) :is(#ncBody,#capregBody,#dossierRoot,#calFormRoot,#winchRoot,#equmRoot,#etiqRoot,#smeBody) .rfi-table-wrap{ margin:0; padding:0; border:0; border-radius:0; background:#FFFFFF; box-shadow:none; overflow:auto; }
:is(#sec-calidad-nc,#sec-calidad-cap,#sec-calidad-dossier,#sec-calidad-gestionsig,#sec-calidad-equipos,#sec-sames) :is(#ncBody,#capregBody,#dossierRoot,#calFormRoot,#winchRoot,#equmRoot,#etiqRoot,#smeBody) :is(.rfi-table,table.sstc-list){ width:100%; border-collapse:collapse; margin:0; border:0; background:#FFFFFF; }
:is(#sec-calidad-nc,#sec-calidad-cap,#sec-calidad-dossier,#sec-calidad-gestionsig,#sec-calidad-equipos,#sec-sames) :is(#ncBody,#capregBody,#dossierRoot,#calFormRoot,#winchRoot,#equmRoot,#etiqRoot,#smeBody) :is(.rfi-table,table.sstc-list) th{ position:sticky; top:0; z-index:2; padding:16px 8px; background:#FFFFFF; border:0;
  border-bottom:1px solid #EAECEF; font:700 11px/normal 'Inter',sans-serif; color:#5C5E64; text-transform:uppercase;
  letter-spacing:0; text-align:left; white-space:nowrap; }                                           /* 788:3835 */
:is(#sec-calidad-nc,#sec-calidad-cap,#sec-calidad-dossier,#sec-calidad-gestionsig,#sec-calidad-equipos,#sec-sames) :is(#ncBody,#capregBody,#dossierRoot,#calFormRoot,#winchRoot,#equmRoot,#etiqRoot,#smeBody) :is(.rfi-table,table.sstc-list) td{ padding:14px 8px; background:#FFFFFF; border:0; border-bottom:1px solid #EAECEF;
  font:400 14px/normal 'Inter',sans-serif; color:#2A2D34; vertical-align:middle; }                  /* 788:3845 */
:is(#sec-calidad-nc,#sec-calidad-cap,#sec-calidad-dossier,#sec-calidad-gestionsig,#sec-calidad-equipos,#sec-sames) :is(#ncBody,#capregBody,#dossierRoot,#calFormRoot,#winchRoot,#equmRoot,#etiqRoot,#smeBody) :is(.rfi-table,table.sstc-list) :is(th,td):first-child{ padding-left:24px; }
:is(#sec-calidad-nc,#sec-calidad-cap,#sec-calidad-dossier,#sec-calidad-gestionsig,#sec-calidad-equipos,#sec-sames) :is(#ncBody,#capregBody,#dossierRoot,#calFormRoot,#winchRoot,#equmRoot,#etiqRoot,#smeBody) :is(.rfi-table,table.sstc-list) :is(th,td):last-child{ padding-right:24px; }
:is(#sec-calidad-nc,#sec-calidad-cap,#sec-calidad-dossier,#sec-calidad-gestionsig,#sec-calidad-equipos,#sec-sames) :is(#ncBody,#capregBody,#dossierRoot,#calFormRoot,#winchRoot,#equmRoot,#etiqRoot,#smeBody) :is(.rfi-table,table.sstc-list) tbody tr:last-child td{ border-bottom:0; }
:is(#sec-calidad-nc,#sec-calidad-cap,#sec-calidad-dossier,#sec-calidad-gestionsig,#sec-calidad-equipos,#sec-sames) :is(#ncBody,#capregBody,#dossierRoot,#calFormRoot,#winchRoot,#equmRoot,#etiqRoot,#smeBody) :is(.rfi-table,table.sstc-list) tbody tr:hover td{ background:#F8FAFC; }
/* el dato manda y el detalle acompaña: 14 semibold arriba (788:3855), 11 regular debajo (788:3856) */
:is(#sec-calidad-nc,#sec-calidad-cap,#sec-calidad-dossier,#sec-calidad-gestionsig,#sec-calidad-equipos,#sec-sames) :is(#ncBody,#capregBody,#dossierRoot,#calFormRoot,#winchRoot,#equmRoot,#etiqRoot,#smeBody) :is(.rfi-table,table.sstc-list) td :is(b,strong){ font:600 14px/normal 'Inter',sans-serif; color:#2A2D34; }
:is(#sec-calidad-nc,#sec-calidad-cap,#sec-calidad-dossier,#sec-calidad-gestionsig,#sec-calidad-equipos,#sec-sames) :is(#ncBody,#capregBody,#dossierRoot,#calFormRoot,#winchRoot,#equmRoot,#etiqRoot,#smeBody) .rfi-table td.nc-tit{ font:600 14px/normal 'Inter',sans-serif; color:#2A2D34; white-space:normal; }
:is(#sec-calidad-nc,#sec-calidad-cap,#sec-calidad-dossier,#sec-calidad-gestionsig,#sec-calidad-equipos,#sec-sames) :is(#ncBody,#capregBody,#dossierRoot,#calFormRoot,#winchRoot,#equmRoot,#etiqRoot,#smeBody) :is(.rfi-table,table.sstc-list) td :is(small,.rfi-sub,.nc-sub){ font:400 11px/16px 'Inter',sans-serif; color:#8C9199; }
:is(#sec-calidad-nc,#sec-calidad-cap,#sec-calidad-dossier,#sec-calidad-gestionsig,#sec-calidad-equipos,#sec-sames) :is(#ncBody,#capregBody,#dossierRoot,#calFormRoot,#winchRoot,#equmRoot,#etiqRoot,#smeBody) :is(.nc-tit,.nc-pend,.nc-tiempo) small{ display:block; margin-top:2px; }
:is(#sec-calidad-nc,#sec-calidad-cap,#sec-calidad-dossier,#sec-calidad-gestionsig,#sec-calidad-equipos,#sec-sames) :is(#ncBody,#capregBody,#dossierRoot,#calFormRoot,#winchRoot,#equmRoot,#etiqRoot,#smeBody) :is(.nc-pend,.nc-tiempo) b{ display:block; }
:is(#sec-calidad-nc,#sec-calidad-cap,#sec-calidad-dossier,#sec-calidad-gestionsig,#sec-calidad-equipos,#sec-sames) :is(#ncBody,#capregBody,#dossierRoot,#calFormRoot,#winchRoot,#equmRoot,#etiqRoot,#smeBody) .nc-sin{ color:#C0C1C3; }
:is(#sec-calidad-nc,#sec-calidad-cap,#sec-calidad-dossier,#sec-calidad-gestionsig,#sec-calidad-equipos,#sec-sames) :is(#ncBody,#capregBody,#dossierRoot,#calFormRoot,#winchRoot,#equmRoot,#etiqRoot,#smeBody) .rfi-empty{ padding:40px 16px; text-align:center; white-space:normal; font:400 14px/22px 'Inter',sans-serif; color:#6B7280; }

/* ── Etiquetas de estado · la pastilla de 788:3847/3848, con la paleta del modelo ──
     verde   #E6FAF0 / #048F47  hecho, aprobado, vigente, actual
     ámbar   #FFF4E6 / #D97706  en curso, pendiente, por vencer          788:3847
     naranja #FFD699 / #9C5703  observado
     gris    #F5F5F5 / #5C5E64  borrador, historia, sin dato
     azul    #E6F2FA / #077FCF  con comentarios (la tinta de la categoría, 788:3853)
     rojo    #FEEAEA / #B42318  rechazado, vencido (como el retraso de NC) */
:is(#sec-calidad-nc,#sec-calidad-cap,#sec-calidad-dossier,#sec-calidad-gestionsig,#sec-calidad-equipos,#sec-sames) :is(#ncBody,#capregBody,#dossierRoot,#calFormRoot,#winchRoot,#equmRoot,#etiqRoot,#smeBody) :is(.insp-est,.rfi-badge,.sstc-estb,.equm-est){ display:inline-block; padding:4px 10px; border:0; border-radius:12px;
  font:700 11px/normal 'Inter',sans-serif; letter-spacing:0; text-transform:uppercase; white-space:nowrap; }
:is(#sec-calidad-nc,#sec-calidad-cap,#sec-calidad-dossier,#sec-calidad-gestionsig,#sec-calidad-equipos,#sec-sames) :is(#ncBody,#capregBody,#dossierRoot,#calFormRoot,#winchRoot,#equmRoot,#etiqRoot,#smeBody) :is(.insp-e-ok,.sme-st-aprobado,.sstc-estb.est-publicado,.equm-est.vigente){ background:#E6FAF0; color:#048F47; }
:is(#sec-calidad-nc,#sec-calidad-cap,#sec-calidad-dossier,#sec-calidad-gestionsig,#sec-calidad-equipos,#sec-sames) :is(#ncBody,#capregBody,#dossierRoot,#calFormRoot,#winchRoot,#equmRoot,#etiqRoot,#smeBody) :is(.insp-e-curso,.sme-st-pendiente,.equm-est.por-vencer){ background:#FFF4E6; color:#D97706; }
:is(#sec-calidad-nc,#sec-calidad-cap,#sec-calidad-dossier,#sec-calidad-gestionsig,#sec-calidad-equipos,#sec-sames) :is(#ncBody,#capregBody,#dossierRoot,#calFormRoot,#winchRoot,#equmRoot,#etiqRoot,#smeBody) .insp-e-observado{ background:#FFD699; color:#9C5703; }
:is(#sec-calidad-nc,#sec-calidad-cap,#sec-calidad-dossier,#sec-calidad-gestionsig,#sec-calidad-equipos,#sec-sames) :is(#ncBody,#capregBody,#dossierRoot,#calFormRoot,#winchRoot,#equmRoot,#etiqRoot,#smeBody) :is(.insp-e-borrador,.sstc-estb.est-borrador,.equm-est.baja,.equm-est.historico,.equm-est.sin-dato){ background:#F5F5F5; color:#5C5E64; }
:is(#sec-calidad-nc,#sec-calidad-cap,#sec-calidad-dossier,#sec-calidad-gestionsig,#sec-calidad-equipos,#sec-sames) :is(#ncBody,#capregBody,#dossierRoot,#calFormRoot,#winchRoot,#equmRoot,#etiqRoot,#smeBody) .sme-st-observado{ background:#E6F2FA; color:#077FCF; }
:is(#sec-calidad-nc,#sec-calidad-cap,#sec-calidad-dossier,#sec-calidad-gestionsig,#sec-calidad-equipos,#sec-sames) :is(#ncBody,#capregBody,#dossierRoot,#calFormRoot,#winchRoot,#equmRoot,#etiqRoot,#smeBody) :is(.sme-st-rechazado,.equm-est.vencido){ background:#FEEAEA; color:#B42318; }
/* el plazo de NC y los botones de fila, como en el modelo */
:is(#sec-calidad-nc,#sec-calidad-cap,#sec-calidad-dossier,#sec-calidad-gestionsig,#sec-calidad-equipos,#sec-sames) :is(#ncBody,#capregBody,#dossierRoot,#calFormRoot,#winchRoot,#equmRoot,#etiqRoot,#smeBody) .nc-plazo{ display:inline-block; padding:4px 10px; border:0; border-radius:12px; font:700 11px/normal 'Inter',sans-serif;
  background:#F5F5F5; color:#5C5E64; white-space:nowrap; }
:is(#sec-calidad-nc,#sec-calidad-cap,#sec-calidad-dossier,#sec-calidad-gestionsig,#sec-calidad-equipos,#sec-sames) :is(#ncBody,#capregBody,#dossierRoot,#calFormRoot,#winchRoot,#equmRoot,#etiqRoot,#smeBody) .nc-plazo.tarde{ background:#FEEAEA; color:#B42318; }
:is(#sec-calidad-nc,#sec-calidad-cap,#sec-calidad-dossier,#sec-calidad-gestionsig,#sec-calidad-equipos,#sec-sames) :is(#ncBody,#capregBody,#dossierRoot,#calFormRoot,#winchRoot,#equmRoot,#etiqRoot,#smeBody) .nc-plazo.pronto{ background:#FFF4E6; color:#D97706; }
:is(#sec-calidad-nc,#sec-calidad-cap,#sec-calidad-dossier,#sec-calidad-gestionsig,#sec-calidad-equipos,#sec-sames) :is(#ncBody,#capregBody,#dossierRoot,#calFormRoot,#winchRoot,#equmRoot,#etiqRoot,#smeBody) .nc-plazo.ok{ background:#E6FAF0; color:#048F47; }
:is(#sec-calidad-nc,#sec-calidad-cap,#sec-calidad-dossier,#sec-calidad-gestionsig,#sec-calidad-equipos,#sec-sames) :is(#ncBody,#capregBody,#dossierRoot,#calFormRoot,#winchRoot,#equmRoot,#etiqRoot,#smeBody) .nc-plazo.sin{ background:#F5F5F5; color:#9CA3AF; }
:is(#sec-calidad-nc,#sec-calidad-cap,#sec-calidad-dossier,#sec-calidad-gestionsig,#sec-calidad-equipos,#sec-sames) :is(#ncBody,#capregBody,#dossierRoot,#calFormRoot,#winchRoot,#equmRoot,#etiqRoot,#smeBody) :is(.nc-traza-btn,.insp-del,.capreg-del){ position:relative; width:28px; height:28px; min-width:28px; min-height:28px;
  display:inline-flex; align-items:center; justify-content:center; padding:0; border:1px solid #E6F2FA; border-radius:8px;
  background:#FFFFFF; color:#6B7280; cursor:pointer; }
:is(#sec-calidad-nc,#sec-calidad-cap,#sec-calidad-dossier,#sec-calidad-gestionsig,#sec-calidad-equipos,#sec-sames) :is(#ncBody,#capregBody,#dossierRoot,#calFormRoot,#winchRoot,#equmRoot,#etiqRoot,#smeBody) .nc-traza-btn:hover{ border-color:#077FCF; color:#077FCF; }
:is(#sec-calidad-nc,#sec-calidad-cap,#sec-calidad-dossier,#sec-calidad-gestionsig,#sec-calidad-equipos,#sec-sames) :is(#ncBody,#capregBody,#dossierRoot,#calFormRoot,#winchRoot,#equmRoot,#etiqRoot,#smeBody) :is(.insp-del,.capreg-del):hover{ border-color:#F92F2F; color:#F92F2F; }

/* ── Pie de la lista · 788:3819 · «Mostrando X de Y registros» (788:3820) ── */
:is(#sec-calidad-nc,#sec-calidad-cap,#sec-calidad-dossier,#sec-calidad-gestionsig,#sec-calidad-equipos,#sec-sames) :is(#ncBody,#capregBody,#dossierRoot,#calFormRoot,#winchRoot,#equmRoot,#etiqRoot,#smeBody) .rfi-pie{ display:flex; align-items:center; justify-content:space-between; gap:12px; padding:0 16px; }
:is(#sec-calidad-nc,#sec-calidad-cap,#sec-calidad-dossier,#sec-calidad-gestionsig,#sec-calidad-equipos,#sec-sames) :is(#ncBody,#capregBody,#dossierRoot,#calFormRoot,#winchRoot,#equmRoot,#etiqRoot,#smeBody) .rfi-pie-txt{ font:400 12px/normal 'Inter',sans-serif; color:#9CA3AF; }

/* ── Pantalla mediana y teléfono: los mismos cortes del modelo ── */
@media (max-width:1100px){
  :is(#sec-calidad-nc,#sec-calidad-cap,#sec-calidad-dossier,#sec-calidad-gestionsig,#sec-calidad-equipos,#sec-sames) .insp-cab{ gap:20px; }
  :is(#sec-calidad-nc,#sec-calidad-cap,#sec-calidad-dossier,#sec-calidad-gestionsig,#sec-calidad-equipos,#sec-sames) :is(#ncBody,#capregBody,#dossierRoot,#calFormRoot,#winchRoot,#equmRoot,#etiqRoot,#smeBody) .rfi-search{ width:220px; }
  :is(#sec-calidad-nc,#sec-calidad-cap,#sec-calidad-dossier,#sec-calidad-gestionsig,#sec-calidad-equipos,#sec-sames) :is(#ncBody,#capregBody,#dossierRoot,#calFormRoot,#winchRoot,#equmRoot,#etiqRoot,#smeBody) :is(.insp-sel,.rfi-filter,select.sstc-inp){ width:160px; }
}
/* en el teléfono la capa móvil cambia la tabla por tarjetas: el pie de la tabla no aplica */
@media (max-width:900px){
  :is(#sec-calidad-nc,#sec-calidad-cap,#sec-calidad-dossier,#sec-calidad-gestionsig,#sec-calidad-equipos,#sec-sames) :is(#ncBody,#capregBody,#dossierRoot,#calFormRoot,#winchRoot,#equmRoot,#etiqRoot,#smeBody) > .cal-pie{ display:none; }
}
@media (max-width:820px){
  :is(#sec-calidad-nc,#sec-calidad-cap,#sec-calidad-dossier,#sec-calidad-gestionsig,#sec-calidad-equipos,#sec-sames) .insp-cab{ flex-direction:column; align-items:stretch; gap:12px; }
  :is(#sec-calidad-nc,#sec-calidad-cap,#sec-calidad-dossier,#sec-calidad-gestionsig,#sec-calidad-equipos,#sec-sames) :is(.insp-cab-acc,.insp-cab-acc-caja){ flex-wrap:wrap; gap:8px; }
  :is(#sec-calidad-nc,#sec-calidad-cap,#sec-calidad-dossier,#sec-calidad-gestionsig,#sec-calidad-equipos,#sec-sames) .insp-cab-acc-caja{ flex:1 1 auto; }
  :is(#sec-calidad-nc,#sec-calidad-cap,#sec-calidad-dossier,#sec-calidad-gestionsig,#sec-calidad-equipos,#sec-sames) .insp-cab-acc .rfi-btn{ flex:1 1 auto; }
  :is(#sec-calidad-nc,#sec-calidad-cap,#sec-calidad-dossier,#sec-calidad-gestionsig,#sec-calidad-equipos,#sec-sames) .insp-cab-h{ font-size:20px; line-height:26px; }
  :is(#sec-calidad-nc,#sec-calidad-cap,#sec-calidad-dossier,#sec-calidad-gestionsig,#sec-calidad-equipos,#sec-sames) .insp-cab-tabs{ padding:8px 16px 12px; }
  :is(#sec-calidad-nc,#sec-calidad-cap,#sec-calidad-dossier,#sec-calidad-gestionsig,#sec-calidad-equipos,#sec-sames) .insp-cab-tabs :is(.rfi-tab,.sst-tab){ font-size:14px; }
  :is(#sec-calidad-nc,#sec-calidad-cap,#sec-calidad-dossier,#sec-calidad-gestionsig,#sec-calidad-equipos,#sec-sames) :is(#ncBody,#capregBody,#dossierRoot,#calFormRoot,#winchRoot,#equmRoot,#etiqRoot,#smeBody) .rfi-list-head{ align-items:stretch; padding:0 16px; }
  :is(#sec-calidad-nc,#sec-calidad-cap,#sec-calidad-dossier,#sec-calidad-gestionsig,#sec-calidad-equipos,#sec-sames) :is(#ncBody,#capregBody,#dossierRoot,#calFormRoot,#winchRoot,#equmRoot,#etiqRoot,#smeBody) .rfi-list-tools{ width:100%; gap:8px; }
  :is(#sec-calidad-nc,#sec-calidad-cap,#sec-calidad-dossier,#sec-calidad-gestionsig,#sec-calidad-equipos,#sec-sames) :is(#ncBody,#capregBody,#dossierRoot,#calFormRoot,#winchRoot,#equmRoot,#etiqRoot,#smeBody) .rfi-search{ width:100%; height:44px; font-size:16px; }
  :is(#sec-calidad-nc,#sec-calidad-cap,#sec-calidad-dossier,#sec-calidad-gestionsig,#sec-calidad-equipos,#sec-sames) :is(#ncBody,#capregBody,#dossierRoot,#calFormRoot,#winchRoot,#equmRoot,#etiqRoot,#smeBody) :is(.insp-sel,.rfi-filter,select.sstc-inp){ flex:1 1 160px; width:auto; height:44px; font-size:16px; }
  :is(#sec-calidad-nc,#sec-calidad-cap,#sec-calidad-dossier,#sec-calidad-gestionsig,#sec-calidad-equipos,#sec-sames) :is(#ncBody,#capregBody,#dossierRoot,#calFormRoot,#winchRoot,#equmRoot,#etiqRoot,#smeBody) .rfi-btn{ flex:1 1 auto; height:44px; }
  :is(#sec-calidad-nc,#sec-calidad-cap,#sec-calidad-dossier,#sec-calidad-gestionsig,#sec-calidad-equipos,#sec-sames) :is(#ncBody,#capregBody,#dossierRoot,#calFormRoot,#winchRoot,#equmRoot,#etiqRoot,#smeBody) :is(.rfi-table,table.sstc-list){ min-width:880px; }
  :is(#sec-calidad-nc,#sec-calidad-cap,#sec-calidad-dossier,#sec-calidad-gestionsig,#sec-calidad-equipos,#sec-sames) :is(#ncBody,#capregBody,#dossierRoot,#calFormRoot,#winchRoot,#equmRoot,#etiqRoot,#smeBody) :is(.rfi-table,table.sstc-list) th{ position:static; }
  :is(#sec-calidad-nc,#sec-calidad-cap,#sec-calidad-dossier,#sec-calidad-gestionsig,#sec-calidad-equipos,#sec-sames) :is(#ncBody,#capregBody,#dossierRoot,#calFormRoot,#winchRoot,#equmRoot,#etiqRoot,#smeBody){ padding:16px 0; gap:16px; }
  :is(#sec-calidad-nc,#sec-calidad-cap,#sec-calidad-dossier,#sec-calidad-gestionsig,#sec-calidad-equipos,#sec-sames) :is(#ncBody,#capregBody,#dossierRoot,#calFormRoot,#winchRoot,#equmRoot,#etiqRoot,#smeBody) > :not(.rfi-list-head):not(.rfi-table-wrap):not(.rfi-pie):not(table):not(.tbl-tools){ margin-left:16px; margin-right:16px; }
}

/* ════ <style id="calidad-indicadores"> ════ */
/* ══════════════════════════════════════════════════════════════════════
   CALIDAD · pestañas de Indicadores, Estatus y Mis capacitaciones
   ──────────────────────────────────────────────────────────────────────
   Encargo del 24-sep: cada presentación toma el diseño de su par ya
   trabajado; ningún dato ni acción cambia. Pares:
     tarjeta de indicador (.kpi-card)   → «Control de operaciones» del Resumen (.r-kpi)
     bloque «01 · DETALLE…» (.chart-card)→ tarjeta de sección del Resumen (.rz-areas, 680:7966)
     tablas de detalle                  → «Distribución por especialidad» de RFI (632:1450)
     cifras de SAME Estatus (.sme-kpi)  → cifras de RFI Estatus (.rfi-k, 632:1357)
     calificación y «PDF» de SIG        → pastilla del Panel de Operaciones (608:1460)
                                          y píldora de borde de la plataforma (788:4067)
     aviso (.ssoma-note)                → aviso del Resumen (.rz-alert), en ámbar
   Los valores son los medidos en esos pares (estilos calculados).
   § = :is(#inspPane-indicadores,#ncPane-indicadores,#capregPane-indicadores,#gsigPane-indicadores)
   ══════════════════════════════════════════════════════════════════════ */

/* ── «Fuente: …» · el descriptor del Resumen (680:7967) ── */
:is(#inspPane-indicadores,#ncPane-indicadores,#capregPane-indicadores,#gsigPane-indicadores) > .section-subheader{ margin:0 0 12px !important; padding:0 !important; border:0 !important; background:none !important;
  font:400 12px/15px 'Inter',sans-serif !important; font-style:normal !important; color:#8E9093 !important; }
:is(#inspPane-indicadores,#ncPane-indicadores,#capregPane-indicadores,#gsigPane-indicadores) > .section-subheader b{ font-weight:600; color:#077FCF; }

/* ── Aviso · la forma de .rz-alert (radio 12, relleno 16, 12/18), en ámbar informativo ── */
:is(#inspPane-indicadores,#ncPane-indicadores,#capregPane-indicadores,#gsigPane-indicadores) .ssoma-note{ display:flex !important; align-items:center; gap:12px; margin:0 0 16px !important; padding:12px 16px !important;
  border:1px solid #FFFFFF !important; border-left:1px solid #FFFFFF !important; border-radius:12px !important;
  background:#FFF4E6 !important; box-shadow:none !important; font:400 12px/18px 'Inter',sans-serif !important; color:#8A5300 !important; }
:is(#inspPane-indicadores,#ncPane-indicadores,#capregPane-indicadores,#gsigPane-indicadores) .ssoma-note b{ font-weight:600; color:#8A5300; }
:is(#inspPane-indicadores,#ncPane-indicadores,#capregPane-indicadores,#gsigPane-indicadores) .ssoma-note .ssoma-note-icon{ font-size:14px; line-height:1; }

/* ── Tarjetas de indicador · las de «Control de operaciones» (.r-kpi) ── */
:is(#inspPane-indicadores,#ncPane-indicadores,#capregPane-indicadores,#gsigPane-indicadores) .kpi-strip{ gap:16px !important; margin:0 0 16px !important; }
:is(#inspPane-indicadores,#ncPane-indicadores,#capregPane-indicadores,#gsigPane-indicadores) .kpi-card{ display:flex !important; flex-direction:column !important; min-width:0; padding:20px !important; margin:0 !important;
  border:1.11px solid rgba(255,255,255,.9) !important; border-top:1.11px solid rgba(255,255,255,.9) !important; border-radius:20px !important;
  background:#FFFFFF radial-gradient(120% 85% at 50% -12%, rgba(120,130,150,.08), transparent 58%) !important;
  box-shadow:0 1px 2px rgba(16,24,40,.02), 0 9px 20px -24px rgba(16,24,40,.07), 0 4px 12px rgba(0,0,0,.04) !important;
  font-family:'Inter',system-ui,sans-serif; color:#22262D; }
/* el tinte lo pone el estado, como en el Resumen (rk-green · rk-red · rk-orange) */
:is(#inspPane-indicadores,#ncPane-indicadores,#capregPane-indicadores,#gsigPane-indicadores) .kpi-card:has(.kpi-meta-cumple){ background:#FFFFFF radial-gradient(120% 85% at 50% -12%, rgba(22,163,110,.10), transparent 58%) !important; }
:is(#inspPane-indicadores,#ncPane-indicadores,#capregPane-indicadores,#gsigPane-indicadores) .kpi-card:has(.kpi-meta-nocumple){ background:#FFFFFF radial-gradient(120% 85% at 50% -12%, rgba(220,38,38,.10), transparent 58%) !important; }
:is(#inspPane-indicadores,#ncPane-indicadores,#capregPane-indicadores,#gsigPane-indicadores) .kpi-card:has(.kpi-meta-seguimiento){ background:#FFFFFF radial-gradient(120% 85% at 50% -12%, rgba(234,88,12,.10), transparent 58%) !important; }
:is(#inspPane-indicadores,#ncPane-indicadores,#capregPane-indicadores,#gsigPane-indicadores) .kpi-card::before,:is(#inspPane-indicadores,#ncPane-indicadores,#capregPane-indicadores,#gsigPane-indicadores) .kpi-card::after{ display:none !important; }
:is(#inspPane-indicadores,#ncPane-indicadores,#capregPane-indicadores,#gsigPane-indicadores) .kpi-label{ margin:0 0 14px !important; font:700 10px/normal 'Inter',sans-serif !important; letter-spacing:1px !important;
  text-transform:uppercase !important; color:#42526B !important; }
:is(#inspPane-indicadores,#ncPane-indicadores,#capregPane-indicadores,#gsigPane-indicadores) .kpi-value{ margin:0 !important; font:700 32px/33.6px 'Inter',sans-serif !important; letter-spacing:-.96px !important;
  color:#0E1726 !important; font-variant-numeric:tabular-nums; }
:is(#inspPane-indicadores,#ncPane-indicadores,#capregPane-indicadores,#gsigPane-indicadores) .kpi-sublabel{ margin:7px 0 0 !important; font:500 12px/16.8px 'Inter',sans-serif !important; color:#42526B !important; }
:is(#inspPane-indicadores,#ncPane-indicadores,#capregPane-indicadores,#gsigPane-indicadores) .kpi-sublabel b{ font-weight:700; }
:is(#inspPane-indicadores,#ncPane-indicadores,#capregPane-indicadores,#gsigPane-indicadores) .kpi-card > .kpi-meta-footer{ display:flex !important; align-items:center; justify-content:space-between; gap:8px;
  margin:auto 0 0 !important; padding:14px 0 0 !important; border-top:1px solid #EDF1F6 !important; }
/* el pie se ancla al fondo (en una fila, los cuatro a la misma altura) y guarda 16 de aire arriba */
:is(#inspPane-indicadores,#ncPane-indicadores,#capregPane-indicadores,#gsigPane-indicadores) .kpi-card > :nth-last-child(2){ margin-bottom:16px !important; }
:is(#inspPane-indicadores,#ncPane-indicadores,#capregPane-indicadores,#gsigPane-indicadores) .kpi-meta-target{ font:500 11.5px/normal 'Inter',sans-serif !important; color:#42526B !important; text-transform:none !important; letter-spacing:0 !important; }
:is(#inspPane-indicadores,#ncPane-indicadores,#capregPane-indicadores,#gsigPane-indicadores) .kpi-meta-status{ display:inline-flex !important; align-items:center; gap:5px; padding:4px 8px !important; border-radius:8px !important;
  font:700 11px/normal 'Inter',sans-serif !important; text-transform:none !important; letter-spacing:0 !important; white-space:nowrap; }
:is(#inspPane-indicadores,#ncPane-indicadores,#capregPane-indicadores,#gsigPane-indicadores) .kpi-meta-status.kpi-meta-cumple{ background:#E9F9EF !important; color:#15803D !important; border:1.11px solid #A8D8C0 !important; }
:is(#inspPane-indicadores,#ncPane-indicadores,#capregPane-indicadores,#gsigPane-indicadores) .kpi-meta-status.kpi-meta-nocumple{ background:#FEF2F2 !important; color:#B91C1C !important; border:1.11px solid #F0AAAA !important; }
:is(#inspPane-indicadores,#ncPane-indicadores,#capregPane-indicadores,#gsigPane-indicadores) .kpi-meta-status.kpi-meta-seguimiento{ background:#FFF4E6 !important; color:#B46504 !important; border:1.11px solid #F3D19E !important; }
:is(#inspPane-indicadores,#ncPane-indicadores,#capregPane-indicadores,#gsigPane-indicadores) .kpi-meta-status:not(.kpi-meta-cumple):not(.kpi-meta-nocumple):not(.kpi-meta-seguimiento){ background:#F5F5F5 !important; color:#5C5E64 !important; border:1.11px solid #E5E7EB !important; }

/* ── Bloques de detalle · la tarjeta de sección del Resumen (.rz-areas) ── */
:is(#inspPane-indicadores,#ncPane-indicadores,#capregPane-indicadores,#gsigPane-indicadores) .chart-card{ margin:0 0 16px !important; padding:20px !important; border:0 !important; border-radius:16px !important;
  background:#FFFFFF !important; box-shadow:0 4px 12px rgba(0,0,0,.05) !important; }
:is(#inspPane-indicadores,#ncPane-indicadores,#capregPane-indicadores,#gsigPane-indicadores) .chart-card::before,:is(#inspPane-indicadores,#ncPane-indicadores,#capregPane-indicadores,#gsigPane-indicadores) .chart-card::after{ display:none !important; }
:is(#inspPane-indicadores,#ncPane-indicadores,#capregPane-indicadores,#gsigPane-indicadores) .chart-title{ display:flex !important; align-items:center; gap:8px; margin:0 !important; padding:0 !important; border:0 !important;
  font:800 16px/19px 'Inter',sans-serif !important; letter-spacing:0 !important; text-transform:none !important; color:#2A2D34 !important; }
/* el ordinal «01 · 02 · 03» era decoración: los pares no lo llevan */
:is(#inspPane-indicadores,#ncPane-indicadores,#capregPane-indicadores,#gsigPane-indicadores) .chart-title .num{ display:none !important; }
:is(#inspPane-indicadores,#ncPane-indicadores,#capregPane-indicadores,#gsigPane-indicadores) .chart-subtitle{ margin:4px 0 16px !important; font:400 12px/15px 'Inter',sans-serif !important; font-style:normal !important;
  letter-spacing:0 !important; text-transform:none !important; color:#8E9093 !important; }
:is(#inspPane-indicadores,#ncPane-indicadores,#capregPane-indicadores,#gsigPane-indicadores) #calSIGBloques > div:only-child{ font:400 13px/18px 'Inter',sans-serif; color:#8E9093; }

/* ── Tablas de detalle · «Distribución por especialidad» de RFI (632:1450) ── */
:is(#inspPane-indicadores,#ncPane-indicadores,#capregPane-indicadores,#gsigPane-indicadores) .table-wrap{ border:0 !important; border-radius:0 !important; box-shadow:none !important; background:none !important; }
:is(#inspPane-indicadores,#ncPane-indicadores,#capregPane-indicadores,#gsigPane-indicadores) .table-wrap table{ width:100%; border-collapse:separate !important; border-spacing:0 !important; border:0 !important; background:none !important; }
:is(#inspPane-indicadores,#ncPane-indicadores,#capregPane-indicadores,#gsigPane-indicadores) .table-wrap table thead th{ padding:8px 16px !important; background:#F9FAFB !important; border:0 !important;
  font:700 11px/13px 'Inter',sans-serif !important; letter-spacing:0 !important; text-transform:uppercase !important; color:#8E9093 !important; }
:is(#inspPane-indicadores,#ncPane-indicadores,#capregPane-indicadores,#gsigPane-indicadores) .table-wrap table thead th:first-child{ border-radius:8px 0 0 8px !important; }
:is(#inspPane-indicadores,#ncPane-indicadores,#capregPane-indicadores,#gsigPane-indicadores) .table-wrap table thead th:last-child{ border-radius:0 8px 8px 0 !important; }
:is(#inspPane-indicadores,#ncPane-indicadores,#capregPane-indicadores,#gsigPane-indicadores) .table-wrap table tbody td{ padding:10px 16px !important; background:none !important; border:0 !important; border-bottom:1px solid #F1F3F5 !important;
  font:500 13px/16px 'Inter',sans-serif !important; color:#2A2D34 !important; vertical-align:middle; }
:is(#inspPane-indicadores,#ncPane-indicadores,#capregPane-indicadores,#gsigPane-indicadores) .table-wrap table tbody tr:last-child td{ border-bottom:0 !important; }
:is(#inspPane-indicadores,#ncPane-indicadores,#capregPane-indicadores,#gsigPane-indicadores) .table-wrap table tbody tr:hover td{ background:#F8FAFC !important; }
:is(#inspPane-indicadores,#ncPane-indicadores,#capregPane-indicadores,#gsigPane-indicadores) .table-wrap table tbody td b,:is(#inspPane-indicadores,#ncPane-indicadores,#capregPane-indicadores,#gsigPane-indicadores) .table-wrap table tbody td strong{ font-weight:700; }
:is(#inspPane-indicadores,#ncPane-indicadores,#capregPane-indicadores,#gsigPane-indicadores) .table-wrap .aud-sem{ font:600 13px/16px 'Inter',sans-serif; color:#2A2D34; }
/* calificación del SIG · la pastilla de 608:1460 */
:is(#inspPane-indicadores,#ncPane-indicadores,#capregPane-indicadores,#gsigPane-indicadores) .sig-preview-badge{ display:inline-block; padding:4px 8px !important; border:0 !important; border-radius:4px !important;
  font:700 11px/13px 'Inter',sans-serif !important; letter-spacing:0 !important; text-transform:uppercase; white-space:nowrap; }
:is(#inspPane-indicadores,#ncPane-indicadores,#capregPane-indicadores,#gsigPane-indicadores) .sig-preview-badge.satisfactorio{ background:#E6FAF0 !important; color:#048F47 !important; }
:is(#inspPane-indicadores,#ncPane-indicadores,#capregPane-indicadores,#gsigPane-indicadores) .sig-preview-badge.aceptable{ background:#FFF4E6 !important; color:#D97706 !important; }
:is(#inspPane-indicadores,#ncPane-indicadores,#capregPane-indicadores,#gsigPane-indicadores) .sig-preview-badge.deficiente{ background:#FEEAEA !important; color:#B42318 !important; }
/* «📥 PDF» · la píldora de borde de la plataforma (788:4067), a escala de fila */
:is(#inspPane-indicadores,#ncPane-indicadores,#capregPane-indicadores,#gsigPane-indicadores) .aud-btn-download{ display:inline-flex !important; align-items:center; gap:4px; height:28px; padding:0 12px !important; border:1px solid #077FCF !important;
  border-radius:50px !important; background:#E6F2FA !important; box-shadow:none !important; font:500 12px/normal 'Inter',sans-serif !important;
  color:#077FCF !important; text-decoration:none !important; white-space:nowrap; }
:is(#inspPane-indicadores,#ncPane-indicadores,#capregPane-indicadores,#gsigPane-indicadores) .aud-btn-download:hover{ background:#D6EAF7 !important; }

/* ── Gráfica de líneas · la de RFI «Presentadas vs respondidas» (632:1380-1382) ── */
#gsigPane-indicadores .cal-graf-h{ display:flex; align-items:flex-start; justify-content:space-between; gap:16px; flex-wrap:wrap; }
#gsigPane-indicadores .cal-ley{ display:flex; gap:16px; flex-wrap:wrap; font:600 11px/13px 'Inter',sans-serif; color:#2A2D34; padding-top:3px; }
#gsigPane-indicadores .cal-ley span{ display:inline-flex; align-items:center; gap:6px; white-space:nowrap; }
#gsigPane-indicadores .cal-ley i{ width:12px; height:12px; border-radius:3px; }
#gsigPane-indicadores .cal-ley i.az{ background:#077FCF; }
#gsigPane-indicadores .cal-ley i.ve{ background:#10B981; }
#gsigPane-indicadores .cal-ley i.am{ background:#D97706; }

/* ── Iconos de fila: línea, un color, como los botones de fila de Inspecciones (.insp-del).
   Sustituyen a los emojis (✏️ 🗑️ 📥), que traían su propio color. ── */
:is(#sec-calidad-gestionsig,#sec-calidad-cap) .sig-action-btn{ position:relative; width:28px; height:28px; min-width:28px; padding:0; margin:0 2px;
  display:inline-flex; align-items:center; justify-content:center; border:1px solid #E6F2FA; border-radius:8px; background:#FFFFFF;
  color:#5C5E64; font-size:0; cursor:pointer; transform:none !important; box-shadow:none; }
:is(#sec-calidad-gestionsig,#sec-calidad-cap) .sig-action-btn svg{ display:block; }
:is(#sec-calidad-gestionsig,#sec-calidad-cap) .sig-action-btn.sig-action-edit:hover{ border-color:#077FCF; color:#077FCF; background:#FFFFFF; }
:is(#sec-calidad-gestionsig,#sec-calidad-cap) .sig-action-btn.sig-action-delete:hover{ border-color:#F92F2F; color:#F92F2F; background:#FFFFFF; }
:is(#sec-calidad-gestionsig,#sec-calidad-cap) .sig-action-btn:focus-visible{ outline:2px solid #077FCF; outline-offset:2px; }
.cap-row-btn{ display:inline-flex; align-items:center; justify-content:center; width:28px; height:28px; padding:0; border:1px solid #E6F2FA;
  border-radius:8px; background:#FFFFFF; color:#5C5E64; cursor:pointer; }
.cap-row-btn.edit:hover{ border-color:#077FCF; color:#077FCF; }
.cap-row-btn.delete:hover{ border-color:#F92F2F; color:#F92F2F; }
#gsigPane-indicadores .aud-btn-download svg{ flex:none; }
#gsigPane-indicadores a.aud-btn-download{ height:28px !important; min-height:0 !important; line-height:1 !important; box-sizing:border-box; }

/* ── Capacitaciones: la barra del filtro, como la cabecera de sección del Resumen ── */
#capregPane-indicadores .insp-toolbar{ display:flex !important; align-items:center; gap:12px; margin:0 0 12px !important; padding:0 !important;
  background:none !important; border:0 !important; box-shadow:none !important; }
#capregPane-indicadores .insp-toolbar > span:first-child{ font:800 16px/19px 'Inter',sans-serif !important; color:#2A2D34 !important; }
#capregPane-indicadores .insp-toolbar > span:not(:first-child):not(.sp){ font:400 12px/15px 'Inter',sans-serif !important; color:#8E9093 !important; }
#capregPane-indicadores .insp-toolbar .insp-sel{ height:40px; padding:8px 32px 8px 12px;
  background:#FFFFFF url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='20' height='20' viewBox='0 0 20 20' fill='none'%3E%3Cpath d='M15 8L10 13L5 8' stroke='%233195D7' stroke-width='1.67' stroke-linecap='round' stroke-linejoin='round'/%3E%3C/svg%3E") no-repeat right 8px center;
  border:1px solid #E6F2FA; border-radius:6px; -webkit-appearance:none; appearance:none; box-shadow:none;
  font:400 14px/20px 'Inter',sans-serif; color:#2A2D34; cursor:pointer; }

/* ── Mis capacitaciones vacío: el vacío guiado de las listas, en su tarjeta ── */
#capregMiosBody > .rfi-empty:only-child{ margin:0; padding:40px 16px; border-radius:16px; background:#FFFFFF; box-shadow:0 4px 12px rgba(0,0,0,.05);
  text-align:center; white-space:normal; font:400 14px/22px 'Inter',sans-serif; color:#6B7280; }

/* ── SAME · Estatus ── */
/* las cifras · las de RFI Estatus (632:1357-1360): etiqueta arriba, cifra neutra, tinte por estado */
#sec-sames #smeBody .sme-kpis{ display:grid; grid-template-columns:repeat(auto-fit,minmax(130px,1fr)); gap:8px; margin:0 20px; }
#sec-sames #smeBody .sme-kpi{ display:flex; flex-direction:column-reverse; justify-content:flex-end; gap:8px; min-width:0; padding:16px 10px;
  border:1px solid #E6F2FA; border-radius:16px; box-shadow:0 1px 2px rgba(0,0,0,.03); background:linear-gradient(152.6deg,#FFFFFF 18.9%,#F8F6FF 84.5%); }
#sec-sames #smeBody .sme-kpi.ok{ background:linear-gradient(180deg,#FFFFFF,#F0FFFA); }
#sec-sames #smeBody .sme-kpi.warn{ background:linear-gradient(155.3deg,#FFFFFF 17.5%,#FFF6F2 92.3%); }
#sec-sames #smeBody .sme-kpi.bad{ background:linear-gradient(158.8deg,#FFFFFF 15.6%,#FFF4F4 88.6%); }
#sec-sames #smeBody .sme-kpi b{ display:block; font:800 28px/34px 'Inter',sans-serif; color:#2A2D34; }
#sec-sames #smeBody .sme-kpi span{ font:700 10px/12px 'Inter',sans-serif; letter-spacing:.5px; text-transform:uppercase; color:#5C5E64; }
/* la tabla por especialidad · «Distribución por especialidad» de RFI */
#sec-sames #smeBody > .rfi-table-wrap:not(.sme-est-wrap){ margin:0 20px !important; width:auto; }
#sec-sames #smeBody > .rfi-table-wrap:not(.sme-est-wrap) .rfi-table{ border-collapse:separate; border-spacing:0; }
#sec-sames #smeBody > .rfi-table-wrap:not(.sme-est-wrap) .rfi-table th{ position:static; padding:8px 16px; background:#F9FAFB; border:0;
  font:700 11px/13px 'Inter',sans-serif; color:#8E9093; }
#sec-sames #smeBody > .rfi-table-wrap:not(.sme-est-wrap) .rfi-table th:first-child{ border-radius:8px 0 0 8px; }
#sec-sames #smeBody > .rfi-table-wrap:not(.sme-est-wrap) .rfi-table th:last-child{ border-radius:0 8px 8px 0; }
#sec-sames #smeBody > .rfi-table-wrap:not(.sme-est-wrap) .rfi-table td{ padding:8px 16px; border-bottom:1px solid #F1F3F5; font:500 13px/16px 'Inter',sans-serif; color:#2A2D34; }
/* el estatus completo: la tabla de la lista en escala compacta, y la respuesta ya no descuadra la fila
   (era un -webkit-box dentro de una celda: la sacaba de la tabla) */
#sec-sames #smeBody table.sme-est td{ padding:12px 8px; font:400 13px/18px 'Inter',sans-serif; }
#sec-sames #smeBody table.sme-est :is(th,td):first-child{ padding-left:20px; }
#sec-sames #smeBody table.sme-est td.sme-rsp{ display:table-cell !important; -webkit-line-clamp:unset; overflow:visible; white-space:normal;
  font:400 12px/17px 'Inter',sans-serif; color:#475569; }

/* ── Teléfono y tableta ── */
@media (max-width:820px){
  :is(#inspPane-indicadores,#ncPane-indicadores,#capregPane-indicadores,#gsigPane-indicadores) .chart-card{ padding:16px !important; }
  #capregPane-indicadores .insp-toolbar{ flex-wrap:wrap; }
  #capregPane-indicadores .insp-toolbar .insp-sel{ flex:1 1 100%; max-width:none !important; height:44px; font-size:16px; }
  #sec-sames #smeBody .sme-kpis{ margin:0 16px; grid-template-columns:repeat(2,minmax(0,1fr)); }
  #sec-sames #smeBody > .rfi-table-wrap:not(.sme-est-wrap){ margin:0 16px !important; }
}

/* Boton «Guia» en la cabecera de SIG, Capacitaciones, Dossier, Gestion SIG y Equipos.
   Sus cabeceras recuperaron la clase section-header (el boton y el recorrido guiado la
   buscan: sin ella el boton quedaba suelto arriba). Mismo trato que NC y SAME
   (calidad-nc.css, sames.css): en escritorio centrado en la fila; en el telefono va en la
   esquina con toque de 44 x 44 y no en un renglon propio (media 35 x 29 y la cabecera
   crecia 40 px). */
:is(#sec-calidad-sig, #sec-calidad-cap, #sec-calidad-dossier, #sec-calidad-gestionsig, #sec-calidad-equipos) .insp-cab > .e140-guia-btn{ flex:none; align-self:center; }
html.mv :is(#sec-calidad-sig, #sec-calidad-cap, #sec-calidad-dossier, #sec-calidad-gestionsig, #sec-calidad-equipos) .insp-cab.section-header{ position:relative; }
html.mv :is(#sec-calidad-sig, #sec-calidad-cap, #sec-calidad-dossier, #sec-calidad-gestionsig, #sec-calidad-equipos) .insp-cab > .e140-guia-btn{ position:absolute; top:10px; right:10px; margin:0; min-width:44px; min-height:44px; justify-content:center; }
html.mv :is(#sec-calidad-sig, #sec-calidad-cap, #sec-calidad-dossier, #sec-calidad-gestionsig, #sec-calidad-equipos) .insp-cab:has(> .e140-guia-btn) .insp-cab-tit{ padding-right:52px; }
/* Sin la barra azul que section-header pone antes del titulo (central-shell.css): las
   cabeceras nuevas no la llevan, igual que NC, SAME y todas las vistas ya migradas. En el
   telefono sumaba 28 px de alto y 8 de margen a cada cabecera. */
:is(#sec-calidad-sig, #sec-calidad-cap, #sec-calidad-dossier, #sec-calidad-gestionsig, #sec-calidad-equipos) .insp-cab.section-header::before,
#sec-panel-calidad .pcz-cab.section-header::before{ display:none !important; content:none !important; }