/* calidad-cabecera-mo.css — la cabecera y la tira de pestañas de los módulos de Calidad,
   con el diseño de Control de Mano de Obra (#sec-mo, assets/ui/mo.css · 784:3414).
   Pedido del usuario (2026-10-02): «todas las esquinas con curva, aplica el diseño tal cual».

   Antes la cabecera (.insp-cab) redondeaba solo arriba y la tira de pestañas (.insp-cab-tabs)
   solo abajo: juntas formaban una tarjeta. Ahora son DOS tarjetas sueltas, como en MO:
   radio 12 en las cuatro esquinas, la sombra suave de MO, 16 de aire entre una y otra, y las
   pestañas de MO (14 regular, raya de 2 por dentro, activa en blue-300 600).

   Carga DESPUÉS de calidad-comun.css y calidad-sig.css: a igual especificidad gana esta.
   Solo toca la forma de los dos contenedores y la letra de título, bajada y pestañas;
   lo que hay dentro (acciones, Guía, la lista) no cambia. */

:is(#sec-calidad-sig,#sec-calidad-nc,#sec-calidad-cap,#sec-calidad-dossier,#sec-calidad-gestionsig,#sec-calidad-equipos,#sec-sames){
  --calmo-sup: var(--bg-card, var(--gray-1));
  --calmo-sombra: 0 1px 4px color-mix(in srgb, var(--gray-9) 8%, transparent);   /* = --mof-sombra */
}

/* ── Cabecera · = #sec-mo .mof-cab ── */
:is(#sec-calidad-sig,#sec-calidad-nc,#sec-calidad-cap,#sec-calidad-dossier,#sec-calidad-gestionsig,#sec-calidad-equipos,#sec-sames) .insp-cab{
  padding:10px 20px; background:var(--calmo-sup);
  border:0; border-radius:12px; box-shadow:var(--calmo-sombra); }
/* lleva también `section-header`, cuyo margen global llega con más peso en unas vistas que en
   otras (medido: 8 en Inspecciones, 0 en NC). MO lo neutraliza igual, con !important. */
:is(#sec-calidad-sig,#sec-calidad-nc,#sec-calidad-cap,#sec-calidad-dossier,#sec-calidad-gestionsig,#sec-calidad-equipos,#sec-sames) .insp-cab.section-header{
  margin:0 0 16px !important; }
:is(#sec-calidad-sig,#sec-calidad-nc,#sec-calidad-cap,#sec-calidad-dossier,#sec-calidad-gestionsig,#sec-calidad-equipos,#sec-sames) .insp-cab-h{
  font:700 24px/28px 'Inter',sans-serif; color:var(--gray-9); }                              /* = .mof-cab-h */
:is(#sec-calidad-sig,#sec-calidad-nc,#sec-calidad-cap,#sec-calidad-dossier,#sec-calidad-gestionsig,#sec-calidad-equipos,#sec-sames) .insp-cab-sub{
  font:400 14px/22px 'Inter',sans-serif; color:var(--gray-6); }                              /* = .mof-cab-sub */

/* ── Pestañas · = #sec-mo .mof-tabs, en su propia tarjeta ── */
:is(#sec-calidad-sig,#sec-calidad-nc,#sec-calidad-cap,#sec-calidad-dossier,#sec-calidad-gestionsig,#sec-calidad-equipos,#sec-sames) .insp-cab-tabs{
  padding:8px 20px; margin:0 0 16px; background:var(--calmo-sup);
  border:0; border-radius:12px; box-shadow:var(--calmo-sombra); }
/* la vía de 2 en blue-50 bajo toda la tira (MO la pinta en el fondo de la tira) */
:is(#sec-calidad-sig,#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){
  border:0; box-shadow:inset 0 -2px 0 var(--blue-50); scrollbar-width:none; }
:is(#sec-calidad-sig,#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){
  padding:8px 12px; margin:0; border:0; border-radius:0; background:none;
  box-shadow:inset 0 -2px 0 var(--gray-3);
  font:400 14px/17px 'Inter',sans-serif; color:var(--gray-6); }                              /* = .mof-tabs .presup-subtab */
:is(#sec-calidad-sig,#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){
  box-shadow:inset 0 -2px 0 var(--blue-300); color:var(--blue-300); font-weight:600; }
:is(#sec-calidad-sig,#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:var(--gray-7); }
:is(#sec-calidad-sig,#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):focus-visible{
  outline:2px solid var(--blue-300); outline-offset:-2px; }

/* teléfono y tablet estrecha: 16 a los lados, como el resto de la capa móvil */
@media (max-width:820px){
  :is(#sec-calidad-sig,#sec-calidad-nc,#sec-calidad-cap,#sec-calidad-dossier,#sec-calidad-gestionsig,#sec-calidad-equipos,#sec-sames) .insp-cab{ padding:12px 16px; }
  :is(#sec-calidad-sig,#sec-calidad-nc,#sec-calidad-cap,#sec-calidad-dossier,#sec-calidad-gestionsig,#sec-calidad-equipos,#sec-sames) .insp-cab-tabs{ padding:8px 16px; }
}