/* sames: estilo de la vista SAME, migrado de ui/figma.
   ═══════════════════════════════════════════════════════════════════════
   Lo compartido de Calidad NO vive aquí (no se copia): la cabecera .insp-cab,
   la lista, los estados y las cifras de «Estatus · SIG.002-F03»
   (#smeBody .sme-kpis / .sme-kpi / table.sme-est) están en
   assets/ui/calidad-comun.css (bloques 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-sames.
   ═══════════════════════════════════════════════════════════════════════ */

/* ── Cabecera ────────────────────────────────────────────────────────────
   La tarjeta .insp-cab lleva también `section-header` porque el botón «Guía»
   (E140Guia, tab `sames`) se inserta en esa clase. Aquí se neutraliza el
   estilo global de la clase (22 px, 800, barra azul ::before, margen 8). */
#sec-sames .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-sames .insp-cab.section-header::before{ display:none !important; content:none !important; }
#sec-sames .insp-cab > .e140-guia-btn{ flex:none; align-self:center; }

/* ── «Editar plantilla» con su icono (G05) ───────────────────────────────
   renderSameList() le pone un lápiz (.sme-ico). «Crear SAME» recibe el «+» de
   calidad-cd1.js. */
#sec-sames .rfi-btn:has(> .sme-ico){ display:inline-flex; align-items:center; gap:8px; }
#sec-sames .rfi-btn > .sme-ico{ width:16px; height:16px; flex:0 0 16px; }

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

/* 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-sames .insp-cab.section-header{ position:relative; }
html.mv #sec-sames .insp-cab > .e140-guia-btn{ position:absolute; top:10px; right:10px; margin:0; }
html.mv #sec-sames .insp-cab:has(> .e140-guia-btn) .insp-cab-tit{ padding-right:52px; }
/* M06 · G19 · a 390 «Estatus · SIG.002-F03» se cortaba en el borde (también en
   ui/figma). Las dos pestañas a partes iguales, con el rótulo en dos renglones si
   no cabe: todas a la vista, sin carrusel. */
html.mv #sec-sames .insp-cab-tabs .rfi-tabs{ overflow:visible !important; }
html.mv #sec-sames .insp-cab-tabs .rfi-tab{ flex:1 1 0 !important; min-width:0 !important; white-space:normal !important; text-align:center; line-height:1.25 !important; }
/* Título de la lista a 390: «SAME · <obra>», el contador y el resumen del ciclo
   iban en tres columnas estrechas («SAME · / ESPARQ / 140»). El resumen baja a
   su renglón y el título queda en una línea con su contador. */
html.mv #sec-sames #smeBody .rfi-list-title{ flex-wrap:wrap; row-gap:4px; }
html.mv #sec-sames #smeBody .rfi-list-title > .rfi-sub{ flex:1 0 100%; margin:0; }
/* G17 · a 390 había dos buscadores: el de SAME (#smeSearch: N°, descripción,
   producto o emisor, con su filtro de ciclo al lado) y el genérico que añade
   movil/listas.js («Buscar en la lista») encima de las tarjetas. Las tarjetas se
   rehacen de las filas ya filtradas, así que el de SAME basta: el genérico se
   oculta solo aquí. (ui/figma ocultaba el de SAME y con él el filtro de ciclo.) */
html.mv #sec-sames .mv-registros > .mv-buscar{ display:none !important; }
/* La lupa del buscador pisaba la primera letra del texto. */
html.mv #sec-sames #smeBody .rfi-search{ padding-left:40px !important; }

/* G11 · un bloque, un contenedor. calidad-comun.css hace de #smeBody una tarjeta
   blanca con sombra (la forma de lista de Registro de Inspecciones). Dentro de
   ella quedaban tarjetas: en el registro abierto, los bloques .rfi-card del
   SIG.002-F02 (1440: 4 anidadas, igual en ui/figma), y en el teléfono las
   tarjetas de la capa móvil y el carril de cifras de Estatus (390: 4). En esos
   dos casos #smeBody vuelve a ser plano, como en main: cada bloque ya es su
   propia tarjeta blanca (G09). */
#sec-sames #smeBody:has(> .rfi-detail, .rfi-card){ background:transparent !important; box-shadow:none !important; border-radius:0 !important; padding:0 !important; }
html.mv #sec-sames #smeBody{ background:transparent !important; box-shadow:none !important; }
/* G04 · «+ Crear la primera» (obra sin SAME) medía 11 px en el teléfono. */
html.mv #sec-sames .rfi-aviso-err .rfi-btn-sm{ font-size:14px !important; min-height:44px; }