/* calidad-cd1.css — CD1 · reglas globales en Calidad (ESCRITORIO)
 *
 * Plan validado el 25-sep-2026: VIDEOS/calidad/cd1/plan.html (R1…R8).
 * Todo cuelga de html.cd1-cal:not(.mv): la clase la pone assets/calidad-cd1.js solo mientras
 * la vista activa es de Calidad, y .mv es la capa movil. Fuera de Calidad y en el telefono
 * esta hoja no aplica nada. Se deshace quitando su <link> del <head>.
 *
 * Especificidad: las reglas que compiten usan hasta 2 ids + !important (p. ej. index.html
 * l. 16323). Por eso el prefijo lleva :not(#cd1a):not(#cd1b) (suma 2 ids sin seleccionar
 * nada) y la hoja carga al final del <head>.
 */

/* ── R1 · Mayusculas → tipo oracion (G01 · D-120, R-101) ───────────────────────────── */
html.cd1-cal:not(.mv):not(#cd1a) :is(#sec-panel-calidad,#sec-calidad-sig,#sec-calidad-nc,#sec-calidad-cap,#sec-calidad-dossier,#sec-calidad-gestionsig,#sec-calidad-equipos,#sec-sames,#sec-docref,#adicCfCard) *:not(table.sigf, table.sigf *){
  text-transform:none !important;   /* cal-base: el formato SIG oficial (table.sigf) conserva su caja */
}
html.cd1-cal:not(.mv):not(#cd1a):not(#cd1b) :is(#sec-panel-calidad,#sec-calidad-sig,#sec-calidad-nc,#sec-calidad-cap,#sec-calidad-dossier,#sec-calidad-gestionsig,#sec-calidad-equipos,#sec-sames,#sec-docref) :is(th,.kpi-label,.r-kpi-label,.pcz-kick,.po-ins-l,.insp-ord,#drefArbolTit):not(table.sigf *){
  letter-spacing:normal !important; font-weight:600 !important;
}

/* ── R2 · Letra minima 10 px (G04 · D-211) ──────────────────────────────────────────── */
/* SVG escritos a mano con font-size="8" y "8.5". El CSS gana al atributo de presentacion.
   Fuera queda la curva «Cumplimiento SIG · por visita» (.pcz-curva-svg): se pidio IDENTICA a la
   curva de avance del Resumen, que rotula a 8.5 (2026-10-02). */
html.cd1-cal:not(.mv) #sec-panel-calidad svg:not(.pcz-curva-svg > svg) text:is([font-size="8"],[font-size="8.5"],[font-size="9"],[font-size="9.5"]){ font-size:10px !important; }
html.cd1-cal:not(.mv):not(#cd1a) :is(#sec-calidad-sig,#sec-calidad-nc,#sec-calidad-cap,#sec-calidad-gestionsig) .insp-te-toca{ font-size:10.5px !important; }
html.cd1-cal:not(.mv):not(#cd1a) #sec-docref .dref-chip-auto{ font-size:10.5px !important; }

/* ── R3 · Boton de Excel del tamano de un boton (G06 · D-143, D-146, D-206) ─────────── */
html.cd1-cal:not(.mv):not(#cd1a):not(#cd1b) #scrollArea .tbl-xlsx-btn{
  font:600 12.5px 'Inter',system-ui,sans-serif !important;
  padding:0 14px !important; height:30px !important; min-height:30px !important; gap:6px !important; box-sizing:border-box !important; display:inline-flex !important; align-items:center !important;
  border-radius:999px !important; line-height:1 !important;
}
html.cd1-cal:not(.mv):not(#cd1a):not(#cd1b) #scrollArea .tbl-xlsx-btn svg{ width:14px !important; height:14px !important; }

/* ── R4 · Tarjetas con sombra suave (G09 · D-141) ────────────────────────────────────── */
/* Modelo: tarjetas del Cronograma (#sec-crono .crof-card).
   Las cabeceras .insp-cab ya no van aqui: toman la tarjeta de Control de Mano de Obra, sin borde
   y con su sombra (assets/ui/calidad-cabecera-mo.css, 2026-10-02). */
html.cd1-cal:not(.mv):not(#cd1a):not(#cd1b) :is(#sec-panel-calidad .pcz-card,#sec-panel-calidad .pcz-ctrl,#sec-docref .dref-arbol-col,#sec-docref .dref-visor-col){
  box-shadow:0 1px 4px rgba(0,0,0,.05) !important;
  border:1px solid #edf1f6 !important;
}

/* ── R5 · Un estado = un color · semaforo del estandar de UI (G02 · D-207) ────────────
   Fuente: mds/Esparq140/planes/ui-estandar-de-plataforma.md §5, y la pildora del Resumen
   (index.html l. 7518-7520): 700 11px, 4px 8px, radio 8px, sin mayusculas.
   La familia la pone calidad-cd1.js segun el texto del estado. */
html.cd1-cal:not(.mv):not(#cd1a):not(#cd1b) [data-cd1]{
  display:inline-flex !important; align-items:center !important; gap:5px !important;
  font:700 11px 'Inter',system-ui,sans-serif !important; letter-spacing:normal !important;
  padding:4px 8px !important; border-radius:8px !important; border:0 !important;
  text-transform:none !important; white-space:nowrap !important; line-height:1.2 !important;
}
html.cd1-cal:not(.mv):not(#cd1a):not(#cd1b) [data-cd1="ok"]{  color:#15803d !important; background:#e9f9ef !important; }
html.cd1-cal:not(.mv):not(#cd1a):not(#cd1b) [data-cd1="seg"]{ color:#c2410c !important; background:#fff4e9 !important; }
html.cd1-cal:not(.mv):not(#cd1a):not(#cd1b) [data-cd1="no"]{  color:#b91c1c !important; background:#fef2f2 !important; }
html.cd1-cal:not(.mv):not(#cd1a):not(#cd1b) [data-cd1="sd"]{  color:#6b7a88 !important; background:#edf1f6 !important; }

/* ── R6 · Avisos sin emoji, con el aviso informativo del sistema (G02 · D-145) ─────── */
html.cd1-cal:not(.mv):not(#cd1a):not(#cd1b) :is(#sec-calidad-sig,#sec-calidad-nc,#sec-calidad-cap,#sec-calidad-gestionsig) .ssoma-note{
  background:color-mix(in srgb,#0070B4 7%,#fff) !important;
  border:1px solid color-mix(in srgb,#0070B4 22%,#fff) !important;
  border-left:1px solid color-mix(in srgb,#0070B4 22%,#fff) !important;
  border-radius:12px !important; color:#42526B !important;
}
html.cd1-cal:not(.mv):not(#cd1a):not(#cd1b) :is(#sec-calidad-sig,#sec-calidad-nc,#sec-calidad-cap,#sec-calidad-gestionsig) .ssoma-note b{ color:#0e1726 !important; }
html.cd1-cal:not(.mv):not(#cd1a):not(#cd1b) :is(#sec-calidad-sig,#sec-calidad-nc,#sec-calidad-cap,#sec-calidad-gestionsig) .ssoma-note-icon{
  font-size:0 !important; width:18px !important; height:18px !important; flex:0 0 18px !important; display:inline-block !important;
  background:#0070B4 !important;
  -webkit-mask:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='black' stroke-width='2' stroke-linecap='round'%3E%3Ccircle cx='12' cy='12' r='9'/%3E%3Cpath d='M12 11v5M12 8h.01'/%3E%3C/svg%3E") center/contain no-repeat;
          mask:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='black' stroke-width='2' stroke-linecap='round'%3E%3Ccircle cx='12' cy='12' r='9'/%3E%3Cpath d='M12 11v5M12 8h.01'/%3E%3C/svg%3E") center/contain no-repeat;
}

/* ── R7 · Botones: pastilla, icono, azul primario, «✕ Cerrar» (G05 · G07 · D-137, D-138) ─ */
html.cd1-cal:not(.mv):not(#cd1a):not(#cd1b) #scrollArea .rfi-btn-primary{ border-radius:999px !important; display:inline-flex !important; align-items:center !important; gap:6px !important; }
html.cd1-cal:not(.mv) .cd1-ico{ width:15px; height:15px; flex:0 0 15px; }
/* G05 · botones del registro abierto con su icono (calidad-cd1.js, iconosDeBotones): icono y texto en
   una fila, en escritorio y en el telefono. El tamano del icono es el de .cd1-ico. */
html.cd1-cal [data-cd1-ic]{ display:inline-flex; align-items:center; justify-content:center; gap:6px; vertical-align:middle; }
/* Documentacion referencial de Calidad: el azul marino #1F3864 no es color de boton. */
html.cd1-cal:not(.mv):not(#cd1a):not(#cd1b) #sec-docref .dref-btn:not(.gris),
html.cd1-cal:not(.mv):not(#cd1a):not(#cd1b) #sec-docref .dref-btn.gris.act{
  background:#0070B4 !important; border-color:#0070B4 !important; color:#fff !important; border-radius:999px !important;
}
html.cd1-cal:not(.mv):not(#cd1a):not(#cd1b) #sec-docref .dref-btn.gris{ border-radius:999px !important; }
/* Confirmacion de borrado (adicConfirmar): «Eliminar» en color de peligro y cierre en pastilla. */
html.cd1-cal:not(.mv):not(#cd1a):not(#cd1b) #adicCfCard .adic-btn.rojo{ background:#b91c1c !important; border-color:#b91c1c !important; color:#fff !important; border-radius:999px !important; }
html.cd1-cal:not(.mv):not(#cd1a):not(#cd1b) #adicCfCard .adic-btn.gris{ border-radius:999px !important; }
html.cd1-cal:not(.mv):not(#cd1a):not(#cd1b) #adicCfCard .adic-btn.x::after{ content:" Cerrar"; font-weight:600; }
/* Cierre de modales y graficas ampliadas: pastilla «✕ Cerrar». */
html.cd1-cal:not(.mv):not(#cd1a):not(#cd1b) .modal-close{
  width:auto !important; height:auto !important; padding:6px 13px !important; border-radius:999px !important;
  font:600 12px 'Inter',system-ui,sans-serif !important; gap:4px !important;
}
html.cd1-cal:not(.mv):not(#cd1a):not(#cd1b) .modal-close::after{ content:"Cerrar"; }
html.cd1-cal:not(.mv):not(#cd1a):not(#cd1b) .chart-max-close{ border-radius:999px !important; }

/* ── R8 · Sin barra de scroll sobrante junto a las pestanas (G21 · D-203) ─────────── */
html.cd1-cal:not(.mv) :is(#sec-calidad-equipos,#sec-calidad-gestionsig,#sec-calidad-cap,#sec-calidad-sig,#sec-calidad-nc,#sec-calidad-dossier,#sec-sames) :is(.rfi-tabs,.sst-tabs){ scrollbar-width:none !important; }
html.cd1-cal:not(.mv) :is(#sec-calidad-equipos,#sec-calidad-gestionsig,#sec-calidad-cap,#sec-calidad-sig,#sec-calidad-nc,#sec-calidad-dossier,#sec-sames) :is(.rfi-tabs,.sst-tabs)::-webkit-scrollbar{ display:none !important; }

/* ══ Panel de Calidad · CD3 (D-139, D-140, D-142) · modelo: Resumen ═════════════════════ */
/* D-139 · cabecera con la ficha de la obra y «Descargar resumen», como #sec-resumen .rz-cab
   (680:7872-7892). Valores copiados de las reglas del Resumen. */
html.cd1-cal:not(.mv) #sec-panel-calidad .cd1-meta{ display:flex; gap:14px 18px; flex-wrap:wrap; min-width:0; flex:1 1 auto; justify-content:space-between; padding:0 12px; }
html.cd1-cal:not(.mv) #sec-panel-calidad .cd1-m{ display:flex; flex-direction:column; gap:2px; min-width:0; }
html.cd1-cal:not(.mv) #sec-panel-calidad .cd1-m-l{ font:500 10px/normal 'Inter',sans-serif; color:#5D6879; white-space:nowrap; }
html.cd1-cal:not(.mv) #sec-panel-calidad .cd1-m-v{ font:500 12px/normal 'Inter',sans-serif; color:#22262D; white-space:nowrap; }
html.cd1-cal:not(.mv) #sec-panel-calidad .cd1-dl{
  display:inline-flex; align-items:center; justify-content:center; flex:none; white-space:nowrap;
  padding:12px 24px; gap:8px; border:0; border-radius:50px; color:#fff; background:#077FCF;
  font:500 14px/normal 'Inter',sans-serif; cursor:pointer; transition:filter .16s;
}
/* Igual que «Descargar resumen» del Panel de Operaciones (.pz-dl, 608:1373): 12/24, 14 px, icono de 18.
   Antes medía 28 px de alto en escritorio (8/16, 12 px, icono de 15). */
html.cd1-cal:not(.mv) #sec-panel-calidad .cd1-dl .cd1-ico{ width:18px; height:18px; flex:0 0 18px; }
html.cd1-cal:not(.mv) #sec-panel-calidad .cd1-dl:hover{ filter:brightness(1.06); }
html.cd1-cal:not(.mv) #sec-panel-calidad .cd1-dl:focus-visible{ outline:2px solid #077FCF; outline-offset:2px; }
@media print{
  body.pc-imprimiendo *{ visibility:hidden!important; }
  body.pc-imprimiendo #sec-panel-calidad,body.pc-imprimiendo #sec-panel-calidad *{ visibility:visible!important; }
  body.pc-imprimiendo #sec-panel-calidad{ position:absolute!important; left:0; top:0; width:100%!important; padding:14px 16px!important; box-sizing:border-box!important; }
  body.pc-imprimiendo,body.pc-imprimiendo .app,body.pc-imprimiendo .content-area,body.pc-imprimiendo .scroll-area{ overflow:visible!important; height:auto!important; max-height:none!important; }
  body.pc-imprimiendo #sec-panel-calidad .cd1-dl,body.pc-imprimiendo #sec-panel-calidad .pcz-sec-der button{ display:none!important; }
  body.pc-imprimiendo #sec-panel-calidad .pcz-card{ break-inside:avoid; box-shadow:inset 0 0 0 1px #E6F2FA!important; }
}
/* D-140 · pildora de estado junto a la cifra de cada lectura lateral (como la proyeccion del Resumen). */
html.cd1-cal:not(.mv):not(#cd1a):not(#cd1b) #pcInsights .cd1-ins-pill{ margin-left:8px; vertical-align:4px; }
/* D-142 · el aura del estado, como las tarjetas del Resumen (radial 10% arriba al centro):
   verde si cumple, ambar en seguimiento, rojo si no cumple, azul si solo informa. */
html.cd1-cal:not(.mv):not(#cd1a) #sec-panel-calidad .pcz-kpis .r-kpi{ background:radial-gradient(120% 85% at 50% -12%,rgba(37,99,235,.10),transparent 58%),#fff !important; }
html.cd1-cal:not(.mv):not(#cd1a) #sec-panel-calidad .pcz-kpis .r-kpi:has(.kpi-meta-cumple){ background:radial-gradient(120% 85% at 50% -12%,rgba(22,163,110,.10),transparent 58%),#fff !important; }
html.cd1-cal:not(.mv):not(#cd1a) #sec-panel-calidad .pcz-kpis .r-kpi:has(.kpi-meta-seguimiento){ background:radial-gradient(120% 85% at 50% -12%,rgba(234,88,12,.10),transparent 58%),#fff !important; }
html.cd1-cal:not(.mv):not(#cd1a) #sec-panel-calidad .pcz-kpis .r-kpi:has(.kpi-meta-nocumple){ background:radial-gradient(120% 85% at 50% -12%,rgba(220,38,38,.10),transparent 58%),#fff !important; }

/* ══ Auditoria por vista ═══════════════════════════════════════════════════════════════ */
/* Registro de Inspecciones · el filtro «Todas las categorías» salia cortado («Todas las categoría»):
   los desplegables de filtro toman el ancho de su texto (G19: nada truncado). */
html.cd1-cal:not(.mv):not(#cd1a) :is(#sec-calidad-sig,#sec-calidad-nc,#sec-calidad-cap,#sec-sames) :is(.insp-sel,.rfi-filter){ width:auto !important; max-width:none !important; min-width:0 !important; field-sizing:content; padding-right:34px !important; }
/* Control de Capacitaciones › Mis capacitaciones · D-147 «espaciados más grandes»: la lista va en su
   tarjeta y con el aire de las listas modelo (Registro de NC / Inspecciones: celdas de 14 px). */
html.cd1-cal:not(.mv):not(#cd1a) #capregMiosBody:has(.rfi-table){ background:#fff; border-radius:16px; padding:20px 24px 16px; border:1px solid #edf1f6; box-shadow:0 1px 4px rgba(0,0,0,.05); }
html.cd1-cal:not(.mv):not(#cd1a) #capregMiosBody .rfi-list-head{ margin-bottom:14px !important; }
html.cd1-cal:not(.mv):not(#cd1a):not(#cd1b) #capregMiosBody .rfi-table td{ padding:14px 12px !important; }
html.cd1-cal:not(.mv):not(#cd1a):not(#cd1b) #capregMiosBody .rfi-table th{ padding:12px 12px !important; }
html.cd1-cal:not(.mv):not(#cd1a):not(#cd1b) #capregMiosBody .rfi-table-wrap{ border:0 !important; box-shadow:none !important; border-radius:0 !important; background:transparent !important; }   /* G11: sin marco dentro de la tarjeta */

/* Gestion SIG › Cumplimiento por bloque · D-201 «está muy junto, dale más respiro… más grande» */
html.cd1-cal:not(.mv):not(#cd1a) #calSIGBloques{ gap:18px !important; margin-top:14px !important; }
html.cd1-cal:not(.mv):not(#cd1a) #calSIGBloques > div{ font-size:13.5px !important; }
html.cd1-cal:not(.mv):not(#cd1a) #calSIGBloques > div > div > div:nth-child(2){ height:12px !important; margin-top:8px !important; }
html.cd1-cal:not(.mv):not(#cd1a) #calSIGBloques > div > b{ font-size:14px !important; }

/* Botones de fila · G05: «Abrir» y «PDF» son la misma pastilla con icono */
html.cd1-cal:not(.mv):not(#cd1a):not(#cd1b) #sec-calidad-gestionsig :is(td > .cd1-fila-btn, td > .aud-btn-download){
  display:inline-flex !important; align-items:center !important; gap:5px !important; padding:4px 11px !important;
  border:1px solid #077FCF !important; background:#fff !important; color:#077FCF !important; border-radius:999px !important;
  font:600 11.5px 'Inter',sans-serif !important; text-decoration:none !important;
}
html.cd1-cal:not(.mv) #sec-calidad-gestionsig td .cd1-ico{ width:13px; height:13px; flex:0 0 13px; }

/* D-202 · acciones de fila en un solo «⋯» (solo existe con el perfil de auditoria) */
html.cd1-cal:not(.mv) table.cd1-kmenu :is(th,td).audit-only{ display:none !important; }
html.cd1-cal:not(.mv) .cd1-menu{ position:relative; display:inline-block; }
html.cd1-cal:not(.mv) .cd1-keb{ width:30px; height:30px; border-radius:999px; border:1px solid #d4dde5; background:#fff; color:#42526B; display:inline-flex; align-items:center; justify-content:center; cursor:pointer; }
html.cd1-cal:not(.mv) .cd1-keb svg{ width:16px; height:16px; }
html.cd1-cal:not(.mv) .cd1-keb:hover,html.cd1-cal:not(.mv) .cd1-menu.abierto .cd1-keb{ border-color:#077FCF; color:#077FCF; }
html.cd1-cal:not(.mv) .cd1-pop{ display:none; position:absolute; right:0; top:calc(100% + 6px); z-index:30; min-width:190px; padding:6px; background:#fff; border:1px solid #e2e8f0; border-radius:12px; box-shadow:0 10px 28px rgba(16,24,40,.14); text-align:left; }
html.cd1-cal:not(.mv) .cd1-menu.abierto .cd1-pop{ display:block; }
html.cd1-cal:not(.mv):not(#cd1a):not(#cd1b) .cd1-pop .cd1-pop-i{
  display:flex !important; align-items:center !important; gap:9px !important; width:100% !important; padding:8px 10px !important; margin:0 !important;
  border:0 !important; border-radius:8px !important; background:transparent !important; color:#0e1726 !important; box-shadow:none !important;
  font:500 13px 'Inter',sans-serif !important; text-decoration:none !important; cursor:pointer; white-space:nowrap; height:auto !important;
}
html.cd1-cal:not(.mv):not(#cd1a):not(#cd1b) .cd1-pop .cd1-pop-i:hover{ background:#f2f6fa !important; }
html.cd1-cal:not(.mv):not(#cd1a):not(#cd1b) .cd1-pop .cd1-pop-i.cd1-peligro{ color:#b91c1c !important; }
html.cd1-cal:not(.mv) .cd1-pop .cd1-pop-i svg{ width:15px !important; height:15px !important; flex:0 0 15px; }
html.cd1-cal:not(.mv):not(#cd1a):not(#cd1b) .cd1-pop .cd1-pop-i{ justify-content:flex-start !important; text-align:left !important; width:100% !important; min-width:0 !important; }
html.cd1-cal:not(.mv):not(#cd1a):not(#cd1b) #sec-calidad-gestionsig :is(td > .cd1-fila-btn, td > .aud-btn-download){ height:28px !important; min-height:0 !important; padding:0 11px !important; box-sizing:border-box !important; }

/* Equipos de medicion › Inspeccion visual de winchas · D-204 (conteo en tarjetas KPI, modelo
   Registro de Inspecciones › Indicadores) y D-205 (lo informativo a la derecha, por filas). */
html:not(.mv) #sec-calidad-equipos .equm-resumen{ display:grid; grid-template-columns:minmax(0,1fr) minmax(250px,300px); gap:16px; align-items:stretch; margin:12px 0 16px; }
html:not(.mv) #sec-calidad-equipos .equm-kpis{ display:grid !important; grid-template-columns:repeat(4,minmax(0,1fr)) !important; gap:12px !important; margin:0 !important; }
html:not(.mv) #sec-calidad-equipos .equm-kpis .kpi-card{ display:flex; flex-direction:column; margin:0 !important; }
html:not(.mv) #sec-calidad-equipos .equm-kpis .kpi-meta-footer{ margin-top:auto !important; padding-top:10px; }
html:not(.mv) #sec-calidad-equipos .equm-info{ display:flex; flex-direction:column; justify-content:center; gap:0; padding:6px 16px; background:#fff; border:1px solid #edf1f6; border-radius:16px; box-shadow:0 1px 4px rgba(0,0,0,.05); }
html:not(.mv) #sec-calidad-equipos .equm-info > *{ margin:0 !important; padding:11px 0 !important; font-size:12.5px !important; line-height:1.45; color:#42526B !important; }
html:not(.mv) #sec-calidad-equipos .equm-info > * + *{ border-top:1px solid #edf1f6; }
html:not(.mv) #sec-calidad-equipos .equm-info .equm-f{ max-width:none !important; display:flex; flex-direction:column; gap:6px; }
html:not(.mv) #sec-calidad-equipos .equm-info .equm-f > span{ font:600 11.5px 'Inter',sans-serif; color:#0e1726; }
@media (max-width:1200px){ html:not(.mv) #sec-calidad-equipos .equm-resumen{ grid-template-columns:minmax(0,1fr); } }
/* cifra como la del modelo (#inspIndTotal medido: 700 32px #0e1726) */
html:not(.mv):not(#cd1a):not(#cd1b) #sec-calidad-equipos .equm-kpis .kpi-value{ font:700 32px/1.1 'Inter',sans-serif !important; color:#0e1726 !important; -webkit-text-fill-color:#0e1726 !important; margin:6px 0 4px !important; }
html:not(.mv):not(#cd1a):not(#cd1b) #sec-calidad-equipos .equm-kpis .kpi-sublabel{ color:#42526B !important; }
/* Equipos › Etiquetas de calibracion · el aviso beige pasa al aviso informativo del sistema (G02, como R6) */
html.cd1-cal:not(.mv):not(#cd1a):not(#cd1b) #sec-calidad-equipos .ssta-acumbar{
  background:color-mix(in srgb,#0070B4 7%,#fff) !important; border:1px solid color-mix(in srgb,#0070B4 22%,#fff) !important;
  border-radius:12px !important; color:#42526B !important; font-size:12.5px !important; padding:11px 14px 11px 40px !important; position:relative;
}
html.cd1-cal:not(.mv):not(#cd1a):not(#cd1b) #sec-calidad-equipos .ssta-acumbar::before{
  content:""; position:absolute; left:14px; top:50%; width:18px; height:18px; transform:translateY(-50%); background:#0070B4;
  -webkit-mask:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='black' stroke-width='2' stroke-linecap='round'%3E%3Ccircle cx='12' cy='12' r='9'/%3E%3Cpath d='M12 11v5M12 8h.01'/%3E%3C/svg%3E") center/contain no-repeat;
          mask:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='black' stroke-width='2' stroke-linecap='round'%3E%3Ccircle cx='12' cy='12' r='9'/%3E%3Cpath d='M12 11v5M12 8h.01'/%3E%3C/svg%3E") center/contain no-repeat;
}
html.cd1-cal:not(.mv):not(#cd1a):not(#cd1b) #sec-calidad-equipos .ssta-acumbar b{ color:#0e1726 !important; }
/* SAME › Estatus · los rotulos vienen escritos en minuscula («presentadas») y antes los tapaba el
   uppercase; en tipo oracion van con mayuscula inicial (G01). */
html.cd1-cal:not(.mv) #sec-sames .sme-kpi > span::first-letter{ text-transform:uppercase !important; }

/* Documentacion referencial de Calidad · G12 encabezado en tarjeta con descripcion; D-135 panel de
   carpetas mas ancho (no corta nombres); D-136 acciones de carpeta en un «⋯». */
html.cd1-cal:not(.mv):not(#cd1a) #sec-docref .dref-cab-sec{ background:#fff; border:1px solid #edf1f6; border-radius:16px; padding:16px 20px; margin-bottom:14px; box-shadow:0 1px 4px rgba(0,0,0,.05); align-items:center; }
html.cd1-cal:not(.mv):not(#cd1a):not(#cd1b) #sec-docref #drefTitulo{ border-left:0 !important; padding-left:0 !important; margin:0 !important; font:700 20px/1.2 'Inter',sans-serif !important; color:#0e1726 !important; }
html.cd1-cal:not(.mv) #sec-docref #drefTitulo::before{ display:none !important; }
html.cd1-cal:not(.mv) #sec-docref .cd1-desc{ margin-top:4px; font:400 13px/1.4 'Inter',sans-serif; color:#42526B; }
html.cd1-cal:not(.mv):not(#cd1a) #sec-docref .dref-grid:not(.solo-arbol){ grid-template-columns:minmax(300px,360px) 1fr !important; }
html.cd1-cal:not(.mv):not(#cd1a):not(#cd1b) #sec-docref .dref-acc{ opacity:1 !important; }
html.cd1-cal:not(.mv) #sec-docref .cd1-keb-s{ width:24px; height:24px; border-color:transparent; background:transparent; }
html.cd1-cal:not(.mv) #sec-docref .cd1-keb-s:hover,html.cd1-cal:not(.mv) #sec-docref .cd1-menu.abierto .cd1-keb-s{ border-color:#d4dde5; background:#fff; }
html.cd1-cal:not(.mv) .cd1-menu-fijo .cd1-pop{ position:fixed; right:auto; }
html.cd1-cal:not(.mv):not(#cd1a):not(#cd1b) #adicCfCard .adic-btn.x{ width:auto !important; min-width:0 !important; height:30px !important; padding:0 12px !important; display:inline-flex !important; align-items:center !important; gap:4px !important; font:600 12px 'Inter',sans-serif !important; }