/* calidad-nc: estilo de la vista Control de No Conformidades, migrado de ui/figma.
   ═══════════════════════════════════════════════════════════════════════
   Lo compartido de Calidad NO vive aquí (no se copia): la cabecera .insp-cab,
   la lista, los estados, el pie «Mostrando X de Y» y los Indicadores están en
   assets/ui/calidad-comun.css (bloques calidad-figma, calidad-homogenea y
   calidad-indicadores de ui/figma), y los chips del semáforo en
   assets/calidad-cd1.css. Esta hoja carga después y solo añade lo propio de
   #sec-calidad-nc.
   ═══════════════════════════════════════════════════════════════════════ */

/* ── Cabecera ────────────────────────────────────────────────────────────
   La tarjeta .insp-cab lleva también `section-header` porque el recorrido
   guiado (TOURS['calidad-nc']) y el botón «Guía» (E140Guia) buscan esa clase.
   Aquí se neutraliza el estilo global de la clase (22 px, 800, barra azul
   ::before, margen 8), como hace Personal. */
#sec-calidad-nc .insp-cab.section-header{ font-size:inherit !important; font-weight:inherit !important; letter-spacing:0 !important;
  text-transform:none !important; margin:0 !important; color:inherit; }
#sec-calidad-nc .insp-cab.section-header::before{ display:none !important; content:none !important; }
/* El botón «Guía» va a la derecha de la cabecera, detrás de las acciones. */
#sec-calidad-nc .insp-cab > .e140-guia-btn{ flex:none; align-self:center; }

/* ── Acciones de fila en «⋯» (G16) ──────────────────────────────────────
   ncMenusDeFila() (index.html, módulo NC) mueve «Ver en qué paso va» y
   «Eliminar» de cada fila a un único «⋯», con el componente de la base
   (.cd1-menu / .cd1-keb / .cd1-pop, sin reestilarlo). La columna del ✕ queda
   vacía: se oculta en escritorio. En el teléfono no corre (la capa móvil
   compone la tarjeta R-408 con sus propios botones). */
html:not(.mv) #sec-calidad-nc #ncBody .rfi-table.nc-kmenu > thead > tr > th:last-child,
html:not(.mv) #sec-calidad-nc #ncBody .rfi-table.nc-kmenu > tbody > tr:not(.nc-traza-row) > td.insp-acc{ display:none; }
#sec-calidad-nc #ncBody td.nc-traza-td{ width:48px; text-align:center; }
/* «NC recibida»: icono de documento en lugar del emoji (G05 · G02). */
#sec-calidad-nc #ncBody .nc-link{ display:inline-flex; align-items:center; gap:6px; }
#sec-calidad-nc #ncBody .nc-link svg{ width:14px; height:14px; flex:0 0 14px; }
/* El ícono de papelera que se pone a «Eliminar» dentro del menú. */
#sec-calidad-nc .cd1-pop .insp-del svg{ width:15px; height:15px; flex:0 0 15px; }

/* ── Teléfono ── el botón «Guía» (solo icono a este ancho) medía 35 × 29: toque de 44. */
html.mv #sec-calidad-nc .insp-cab > .e140-guia-btn{ min-width:44px; min-height:44px; justify-content:center; }

/* ── Teléfono · registro abierto (.mv-fmt) ──
   Main oculta el título y las pestañas de la lista al abrir un registro
   («Volver a registros» y el N° ya dicen dónde se está: movil/estilos.css,
   `.mv-fmt > .section-header, .mv-fmt > .rfi-tabs`). La cabecera nueva sigue
   casando por `section-header`; la tira ahora vive en .insp-cab-tabs y se
   oculta aquí, igual que en main. */
html.mv #sec-calidad-nc.mv-fmt > .insp-cab-tabs{ display:none !important; }

/* «NC recibida» en el registro abierto: con los botones de la capa de Calidad
   (pastillas de 44) el nombre del archivo quedaba en «NC…» y «subido por» en
   tres renglones (ui/figma también). Nombre y datos a todo el ancho; «Ver» y
   «Quitar» debajo, a partes iguales. */
html.mv #sec-calidad-nc .nc-adj-it{ flex-wrap:wrap; gap:8px 10px; }
html.mv #sec-calidad-nc .nc-adj-it > .nc-file-tx{ flex:1 1 calc(100% - 44px); min-width:0; }
html.mv #sec-calidad-nc .nc-adj-it > .nc-file-tx b{ white-space:normal; overflow-wrap:anywhere; }
html.mv #sec-calidad-nc .nc-adj-it > .rfi-btn{ flex:1 1 0; }
/* G04 · piso de 12 en el teléfono: «2 archivos» y la ayuda de la zona de carga
   medían 11 px. */
html.mv #sec-calidad-nc :is(.nc-recibida-h, .nc-adj-drop) small,
html.mv #sec-calidad-nc .nc-foto-n{ font-size:12.5px; line-height:17px; }

/* Teléfono · el botón «Guía» (solo icono) va en la esquina de la cabecera y no
   en un renglón propio debajo de las acciones. */
html.mv #sec-calidad-nc .insp-cab.section-header{ position:relative; }
html.mv #sec-calidad-nc .insp-cab > .e140-guia-btn{ position:absolute; top:10px; right:10px; margin:0; }
html.mv #sec-calidad-nc .insp-cab:has(> .e140-guia-btn) .insp-cab-tit{ padding-right:52px; }

/* G11 · un bloque, un contenedor. calidad-comun.css hace de #ncBody una tarjeta
   con sombra (forma de lista). Con un registro abierto quedaban dentro el
   formato SIG.009-F01 (2 tablas .sigf), la tarjeta de adjuntos y el panel de
   comentarios (1440: 4 anidadas, igual en ui/figma; main 0). Con el registro
   abierto #ncBody vuelve a ser plano, como en main. */
#sec-calidad-nc #ncBody:has(table.sigf){ background:transparent !important; box-shadow:none !important; border-radius:0 !important; padding:0 !important; }
