/* /Pages/Accesos.razor.rz.scp.css */
/* Mi Ganadería → Accesos a otras webs */
.ac[b-y6yaspotrz] { display: flex; flex-direction: column; gap: var(--esp-3); max-width: 1100px; }
.ac-cab h1[b-y6yaspotrz] { margin: 0; font-size: var(--fs-lg); font-weight: 800; color: var(--color-texto); }
.ac-cab p[b-y6yaspotrz] { margin: 4px 0 0; font-size: var(--fs-sm); color: var(--color-texto-2); }
.ac-error[b-y6yaspotrz] { padding: var(--esp-2) var(--esp-3); border-radius: var(--radio-sm); background: var(--color-peligro-fondo); color: var(--color-peligro); font-size: var(--fs-sm); }
.ac-aviso[b-y6yaspotrz] { padding: var(--esp-2) var(--esp-3); border-radius: var(--radio-sm); background: var(--color-aviso-fondo); color: var(--color-texto); font-size: var(--fs-sm); }
.ac-vacio[b-y6yaspotrz] { padding: var(--esp-5); text-align: center; color: var(--color-texto-suave); }

.ac-grupo h2[b-y6yaspotrz] { margin: 0 0 var(--esp-2); font-size: var(--fs-md); font-weight: 800; color: var(--color-texto); }
.ac-grupo h2 small[b-y6yaspotrz] { margin-left: var(--esp-2); font-size: var(--fs-xs); font-weight: 400; color: var(--color-texto-suave); }
.ac-tarjetas[b-y6yaspotrz] { display: grid; grid-template-columns: repeat(auto-fill, minmax(320px, 1fr)); gap: var(--esp-3); }

.ac-tarjeta[b-y6yaspotrz] { display: flex; flex-direction: column; gap: var(--esp-2); padding: var(--esp-3); border: 1px solid var(--color-borde);
    border-left: 4px solid var(--color-borde-fuerte); border-radius: var(--radio-md); background: var(--color-superficie); }
.ac-guardado[b-y6yaspotrz] { border-left-color: var(--color-exito); }
.ac-editando[b-y6yaspotrz] { border-left-color: var(--color-acento); box-shadow: 0 0 0 2px var(--color-acento-suave); }
.ac-t-cab[b-y6yaspotrz] { display: flex; align-items: baseline; justify-content: space-between; gap: var(--esp-2); }
.ac-tarjeta h3[b-y6yaspotrz] { margin: 0; font-size: var(--fs-md); font-weight: 800; color: var(--color-texto); }
.ac-web[b-y6yaspotrz] { font-size: var(--fs-xs); font-weight: 700; color: var(--color-acento-texto); white-space: nowrap; text-decoration: none; }
.ac-web:hover[b-y6yaspotrz] { text-decoration: underline; }
.ac-para[b-y6yaspotrz] { margin: 0; font-size: var(--fs-xs); color: var(--color-texto-2); }
.ac-estado[b-y6yaspotrz] { display: flex; flex-direction: column; gap: 2px; font-size: var(--fs-sm); color: var(--color-texto-suave); }
.ac-ok[b-y6yaspotrz] { color: var(--color-texto); }
.ac-estado small[b-y6yaspotrz] { font-size: var(--fs-xs); color: var(--color-texto-suave); }
.ac-botones[b-y6yaspotrz] { display: flex; flex-wrap: wrap; align-items: center; gap: var(--esp-2); margin-top: auto; }
.ac-btn[b-y6yaspotrz] { padding: 4px 12px; border: 1px solid var(--color-borde-fuerte); border-radius: var(--radio-full); background: var(--color-superficie);
    color: var(--color-texto-2); font-size: var(--fs-sm); font-weight: 600; cursor: pointer; }
.ac-btn:disabled[b-y6yaspotrz] { opacity: .5; cursor: default; }
.ac-prim[b-y6yaspotrz] { border-color: var(--color-acento); background: var(--color-acento-suave); color: var(--color-acento-texto); }
.ac-peligro[b-y6yaspotrz] { border-color: var(--color-peligro); background: var(--color-peligro-fondo); color: var(--color-peligro); }
.ac-seguro[b-y6yaspotrz] { font-size: var(--fs-sm); font-weight: 700; color: var(--color-peligro); }
.ac-nueva[b-y6yaspotrz] { min-height: 90px; border: 2px dashed var(--color-borde-fuerte); border-radius: var(--radio-md); background: none;
    color: var(--color-texto-2); font-size: var(--fs-sm); font-weight: 700; cursor: pointer; }
.ac-nueva:hover:not(:disabled)[b-y6yaspotrz] { border-color: var(--color-acento); color: var(--color-acento-texto); }

.ac-form[b-y6yaspotrz] { display: flex; flex-direction: column; gap: var(--esp-2); }
.ac-form label[b-y6yaspotrz] { display: flex; flex-direction: column; gap: 2px; font-size: var(--fs-xs); font-weight: 700; color: var(--color-texto-2); }
.ac-form input[b-y6yaspotrz] { min-height: 34px; padding: 0 var(--esp-2); border: 1px solid var(--color-borde-fuerte); border-radius: var(--radio-sm);
    font-size: var(--fs-md); font-weight: 400; color: var(--color-texto); background: var(--color-superficie); }
.ac-clave[b-y6yaspotrz] { display: flex; gap: var(--esp-1); }
.ac-clave input[b-y6yaspotrz] { flex: 1; min-width: 0; }
.ac-ver[b-y6yaspotrz] { width: 38px; border: 1px solid var(--color-borde-fuerte); border-radius: var(--radio-sm); background: var(--color-superficie); cursor: pointer; }
/* /Pages/AdminConsumoIA.razor.rz.scp.css */
.ci[b-335bkaosfq] { display: flex; flex-direction: column; gap: var(--esp-3); max-width: 1100px; }
.ci-cab[b-335bkaosfq] { display: flex; flex-wrap: wrap; align-items: flex-end; justify-content: space-between; gap: var(--esp-2) var(--esp-4); }
.ci-cab h2[b-335bkaosfq] { margin: 0 0 4px; font-size: var(--fs-lg); color: var(--color-texto); }
.ci-cab p[b-335bkaosfq] { margin: 0; max-width: 640px; font-size: var(--fs-sm); color: var(--color-texto-2); }
.ci-fechas[b-335bkaosfq] { display: flex; flex-wrap: wrap; align-items: flex-end; gap: var(--esp-2); }
.ci-fechas label[b-335bkaosfq] { display: flex; flex-direction: column; gap: 2px; font-size: var(--fs-xs); color: var(--color-texto-2); }
.ci-fechas input[b-335bkaosfq] { min-height: 32px; padding: 0 var(--esp-2); border: 1px solid var(--color-borde-fuerte); border-radius: var(--radio-sm); font-family: var(--fuente-ui); font-size: var(--fs-sm); color: var(--color-texto); background: var(--color-superficie); }
.ci-btn[b-335bkaosfq] { min-height: 32px; padding: 0 var(--esp-3); border: 1px solid var(--color-acento-texto); border-radius: var(--radio-sm); background: var(--color-acento-texto); color: var(--color-superficie); font-size: var(--fs-sm); font-weight: 600; cursor: pointer; }
.ci-btn:disabled[b-335bkaosfq] { opacity: .5; cursor: default; }
.ci-error[b-335bkaosfq] { padding: var(--esp-2) var(--esp-3); border-radius: var(--radio-sm); background: var(--color-peligro-fondo); color: var(--color-peligro); font-size: var(--fs-sm); }
.ci-nota[b-335bkaosfq] { margin: 0; font-size: var(--fs-xs); color: var(--color-texto-suave); }
.ci-kpis[b-335bkaosfq] { display: grid; grid-template-columns: repeat(auto-fit, minmax(170px, 1fr)); gap: var(--esp-2); }
.ci-kpis > div[b-335bkaosfq] { display: flex; flex-direction: column; gap: 2px; padding: var(--esp-2) var(--esp-3); border: 1px solid var(--color-borde); border-radius: var(--radio-md); background: var(--color-superficie); }
.ci-kpis span[b-335bkaosfq] { font-size: var(--fs-xs); color: var(--color-texto-2); }
.ci-kpis b[b-335bkaosfq] { font-size: var(--fs-xl); color: var(--color-texto); }
.ci-kpis small[b-335bkaosfq] { font-size: var(--fs-xs); color: var(--color-texto-suave); }
.ci-bloque[b-335bkaosfq] { display: flex; flex-direction: column; gap: var(--esp-1); }
.ci-bloque h3[b-335bkaosfq] { margin: 0; font-size: var(--fs-md); color: var(--color-texto); }
.ci-tabla[b-335bkaosfq] { overflow-x: auto; border: 1px solid var(--color-borde); border-radius: var(--radio-md); background: var(--color-superficie); }
.ci-tabla table[b-335bkaosfq] { width: 100%; border-collapse: collapse; font-size: var(--fs-sm); }
.ci-tabla th[b-335bkaosfq] { padding: 4px var(--esp-2); text-align: left; font-size: var(--fs-2xs); font-weight: 700; text-transform: uppercase; color: var(--color-texto-suave); background: var(--color-superficie-2); }
.ci-tabla td[b-335bkaosfq] { padding: 4px var(--esp-2); border-top: 1px solid var(--color-borde); color: var(--color-texto); }
.ci-tabla .num[b-335bkaosfq] { text-align: right; white-space: nowrap; }
.ci-tabla .mono[b-335bkaosfq] { font-family: var(--fuente-mono); }
.ci-tabla .ci-nota[b-335bkaosfq] { padding: var(--esp-2) var(--esp-3); }

/* Uso, no extracción (sql/88) */
.ci-ext h4[b-335bkaosfq] { margin: var(--esp-3) 0 var(--esp-2); font-size: var(--fs-sm); }
.ci-bloquear[b-335bkaosfq] { display: flex; flex-wrap: wrap; gap: var(--esp-2); align-items: center; margin: var(--esp-2) 0; font-size: var(--fs-sm); }
.ci-bloquear input:not([type=checkbox])[b-335bkaosfq] { padding: 4px 8px; border: 1px solid var(--color-borde); border-radius: var(--radio-sm); font-size: var(--fs-sm); }
/* /Pages/AdminExplotaciones.razor.rz.scp.css */
.ex[b-ys5vih6sjo] { display: flex; flex-direction: column; gap: var(--esp-3); max-width: 960px; }
.ex-cab h2[b-ys5vih6sjo] { margin: 0 0 4px; font-size: var(--fs-lg); color: var(--color-texto); }
.ex-cab p[b-ys5vih6sjo] { margin: 0; font-size: var(--fs-sm); color: var(--color-texto-2); }
.ex-error[b-ys5vih6sjo] { padding: var(--esp-2) var(--esp-3); border-radius: var(--radio-sm); background: var(--color-peligro-fondo); color: var(--color-peligro); font-size: var(--fs-sm); }
.ex-estado[b-ys5vih6sjo] { font-size: var(--fs-sm); color: var(--color-texto-2); }
.ex-nueva[b-ys5vih6sjo] { display: flex; flex-wrap: wrap; gap: var(--esp-2); }
.ex-nueva input[b-ys5vih6sjo] { min-height: 34px; padding: 0 var(--esp-2); border: 1px solid var(--color-borde-fuerte); border-radius: var(--radio-sm); font-size: var(--fs-sm); }
.ex-nueva input:nth-child(1)[b-ys5vih6sjo] { width: 80px; text-transform: uppercase; }
.ex-nueva input:nth-child(2)[b-ys5vih6sjo] { width: 170px; font-family: var(--fuente-mono); text-transform: uppercase; }
.ex-nueva input:nth-child(3)[b-ys5vih6sjo] { flex: 1 1 180px; }
.ex-btn[b-ys5vih6sjo] { min-height: 34px; padding: 0 var(--esp-3); border: 1px solid var(--color-acento-texto); border-radius: var(--radio-sm); background: var(--color-superficie); color: var(--color-acento-texto); font-size: var(--fs-sm); font-weight: 600; cursor: pointer; }
.ex-btn.prim[b-ys5vih6sjo] { background: var(--color-acento-texto); color: #fff; }
.ex-btn:disabled[b-ys5vih6sjo] { opacity: .5; cursor: default; }
.ex-lista[b-ys5vih6sjo] { display: flex; flex-direction: column; gap: var(--esp-2); }
.ex-sigla[b-ys5vih6sjo] { padding: var(--esp-3); border: 1px solid var(--color-borde); border-radius: var(--radio-md); background: var(--color-superficie); display: flex; flex-direction: column; gap: var(--esp-2); }
.ex-sigla-cab[b-ys5vih6sjo] { display: flex; align-items: baseline; gap: var(--esp-3); }
.ex-sigla-cab b[b-ys5vih6sjo] { font-size: var(--fs-md); color: var(--color-texto); }
.ex-sigla-cab small[b-ys5vih6sjo] { font-size: var(--fs-xs); color: var(--color-texto-suave); }
.ex-sigla ul[b-ys5vih6sjo] { margin: 0; padding: 0; list-style: none; display: flex; flex-direction: column; gap: 4px; }
.ex-sigla li[b-ys5vih6sjo] { display: flex; flex-wrap: wrap; align-items: center; gap: var(--esp-2); font-size: var(--fs-sm); color: var(--color-texto); }
.ex-sigla li small[b-ys5vih6sjo] { color: var(--color-texto-suave); }
.ex-codigo[b-ys5vih6sjo] { font-family: var(--fuente-mono); font-weight: 600; }
.ex-et[b-ys5vih6sjo] { padding: 1px 8px; border-radius: var(--radio-full); background: var(--color-exito-fondo); color: var(--color-exito); font-size: var(--fs-2xs); font-weight: 700; }
.ex-esp[b-ys5vih6sjo] { flex: 1; }
.ex-link[b-ys5vih6sjo] { border: 0; background: none; padding: 0; color: var(--color-acento-texto); font-size: var(--fs-xs); text-decoration: underline; cursor: pointer; }
.ex-link.peligro[b-ys5vih6sjo] { color: var(--color-peligro); }
.ex-propuestos[b-ys5vih6sjo] { display: flex; flex-wrap: wrap; align-items: center; gap: var(--esp-2); font-size: var(--fs-sm); color: var(--color-texto-2); }
.ex-nota[b-ys5vih6sjo] { font-size: var(--fs-xs); color: var(--color-texto-suave); }
/* /Pages/AdminInicio.razor.rz.scp.css */
.mt[b-7udbcbdr71] { display: flex; flex-direction: column; gap: var(--esp-5); max-width: 1000px; }
.mt-cab[b-7udbcbdr71] { display: flex; flex-wrap: wrap; gap: var(--esp-3); align-items: flex-end; justify-content: space-between; }
.mt-cab h2[b-7udbcbdr71] { margin: 0 0 2px; font-size: var(--fs-xl); color: var(--color-texto); letter-spacing: -.01em; }
.mt-cab p[b-7udbcbdr71] { margin: 0; font-size: var(--fs-sm); color: var(--color-texto-2); }
.mt-cab p[b-7udbcbdr71]::first-letter { text-transform: uppercase; }
.mt-btn[b-7udbcbdr71] { min-height: 36px; padding: 0 var(--esp-4); border: 1px solid var(--color-borde-fuerte); border-radius: var(--radio-sm); background: var(--color-superficie);
          color: var(--color-texto); font: inherit; font-size: var(--fs-sm); font-weight: 600; cursor: pointer; }
.mt-btn:hover[b-7udbcbdr71] { border-color: var(--color-acento); }
.mt-nota[b-7udbcbdr71] { margin: 0; font-size: var(--fs-sm); color: var(--color-texto-2); }

.mt-bloque[b-7udbcbdr71] { display: flex; flex-direction: column; gap: var(--esp-3); }
.mt-bloque-cab[b-7udbcbdr71] { display: flex; align-items: baseline; justify-content: space-between; gap: var(--esp-3); }
.mt-bloque-cab h3[b-7udbcbdr71] { margin: 0; font-size: var(--fs-md); color: var(--color-texto); }
.mt-bloque-cab a[b-7udbcbdr71] { font-size: var(--fs-sm); color: var(--color-acento-texto); text-decoration: none; font-weight: 600; }

.mt-ok[b-7udbcbdr71] { padding: var(--esp-3) var(--esp-4); border-radius: var(--radio-md); background: var(--color-exito-fondo); color: var(--color-exito); font-weight: 600; font-size: var(--fs-sm); }
.mt-ok small[b-7udbcbdr71] { color: var(--color-texto-2); font-weight: 400; margin-left: var(--esp-2); }
.mt-avisos[b-7udbcbdr71] { list-style: none; margin: 0; padding: 0; border: 1px solid var(--color-borde); border-radius: var(--radio-md); background: var(--color-superficie); }
.mt-avisos li[b-7udbcbdr71] { display: grid; grid-template-columns: 100px minmax(0, 1fr); gap: 2px var(--esp-3); align-items: baseline; padding: var(--esp-2) var(--esp-4); border-bottom: 1px solid var(--color-borde); }
.mt-avisos li:last-child[b-7udbcbdr71] { border-bottom: 0; }
.mt-avisos a[b-7udbcbdr71] { color: var(--color-texto); text-decoration: none; font-size: var(--fs-sm); }
.mt-avisos a:hover b[b-7udbcbdr71] { text-decoration: underline; }
.mt-avisos small[b-7udbcbdr71] { grid-column: 2; font-size: var(--fs-xs); color: var(--color-texto-suave); overflow-wrap: anywhere; }
.mt-chip[b-7udbcbdr71] { justify-self: start; padding: 1px 9px; border-radius: var(--radio-full); font-size: var(--fs-2xs); font-weight: 700; white-space: nowrap; }
.mt-chip.mal[b-7udbcbdr71] { background: var(--color-peligro-fondo); color: var(--color-peligro); }
.mt-chip.av[b-7udbcbdr71] { background: var(--color-aviso-fondo); color: var(--color-aviso); }
.mt-link[b-7udbcbdr71] { align-self: flex-start; border: 0; background: none; padding: 0; color: var(--color-acento-texto); font: inherit; font-size: var(--fs-sm); font-weight: 600; cursor: pointer; }

.mt-grupos[b-7udbcbdr71] { display: grid; grid-template-columns: repeat(auto-fit, minmax(260px, 1fr)); gap: var(--esp-3); }
.mt-grupo[b-7udbcbdr71] { display: flex; flex-direction: column; gap: var(--esp-2); }
.mt-grupo h4[b-7udbcbdr71] { margin: 0; font-size: var(--fs-2xs); font-weight: 700; letter-spacing: .08em; text-transform: uppercase; color: var(--color-texto-suave); }
.mt-herr[b-7udbcbdr71] { display: flex; flex-direction: column; gap: 2px; padding: var(--esp-3) var(--esp-4); border: 1px solid var(--color-borde); border-radius: var(--radio-md);
           background: var(--color-superficie); text-decoration: none; text-align: left; font: inherit; cursor: pointer; }
.mt-herr:hover[b-7udbcbdr71] { border-color: var(--color-acento); box-shadow: var(--sombra-xs); }
.mt-herr b[b-7udbcbdr71] { font-size: var(--fs-sm); color: var(--color-texto); }
.mt-herr span[b-7udbcbdr71] { font-size: var(--fs-xs); color: var(--color-texto-suave); }

.mt-prox ol[b-7udbcbdr71] { margin: 0; padding-left: var(--esp-5); display: flex; flex-direction: column; gap: var(--esp-1); font-size: var(--fs-sm); color: var(--color-texto-2); }
.mt-prox b[b-7udbcbdr71] { color: var(--color-texto); font-weight: 600; }
/* /Pages/AdminMejoras.razor.rz.scp.css */
/* Bandeja de mejoras: pestañas, filtros por estado como pastillas y tarjetas que se abren para decidir */
.amj[b-sh6muqxyu0] { display: flex; flex-direction: column; gap: var(--esp-3); max-width: 980px; }
.amj-tabs[b-sh6muqxyu0] { display: flex; gap: var(--esp-1); border-bottom: 1px solid var(--color-borde); }
.amj-tabs button[b-sh6muqxyu0] {
    padding: var(--esp-2) var(--esp-4); border: 0; border-bottom: 3px solid transparent; background: none;
    color: var(--color-texto-2); font-size: var(--fs-md); font-weight: 600; cursor: pointer;
}
.amj-tabs button.activa[b-sh6muqxyu0] { color: var(--color-acento-texto); border-bottom-color: var(--color-acento); }
.amj-tabs button span[b-sh6muqxyu0] { padding: 0 7px; border-radius: var(--radio-full); background: var(--color-peligro); color: var(--color-superficie); font-size: var(--fs-2xs); }

.amj-error[b-sh6muqxyu0] { margin: 0; padding: var(--esp-2) var(--esp-3); border-radius: var(--radio-sm); background: var(--color-peligro-fondo); color: var(--color-peligro); font-size: var(--fs-sm); }
.amj-vacio[b-sh6muqxyu0] { padding: var(--esp-4); text-align: center; font-size: var(--fs-sm); color: var(--color-texto-suave); }
.amj-ayuda[b-sh6muqxyu0] { margin: 0; font-size: var(--fs-sm); color: var(--color-texto-2); }

.amj-filtros[b-sh6muqxyu0] { display: flex; flex-wrap: wrap; gap: 6px; }
.amj-filtros button[b-sh6muqxyu0] {
    display: inline-flex; gap: 6px; align-items: center; padding: 4px 12px; border: 1px solid var(--color-borde-fuerte);
    border-radius: var(--radio-full); background: var(--color-superficie); color: var(--color-texto-2); font-size: var(--fs-xs); font-weight: 600; cursor: pointer;
}
.amj-filtros button b[b-sh6muqxyu0] { padding: 0 6px; border-radius: var(--radio-full); background: var(--color-superficie-2); color: var(--color-texto); }
.amj-filtros button.activo[b-sh6muqxyu0] { border-color: var(--color-acento); background: var(--color-acento-suave); color: var(--color-acento-texto); }

.amj-item[b-sh6muqxyu0] { border: 1px solid var(--color-borde); border-radius: var(--radio-md); background: var(--color-superficie); box-shadow: var(--sombra-xs); }
.amj-item.abierta[b-sh6muqxyu0] { border-color: var(--color-acento); }
.amj-item-cab[b-sh6muqxyu0] { display: flex; gap: var(--esp-3); align-items: flex-start; padding: var(--esp-3); cursor: pointer; }
.amj-icono[b-sh6muqxyu0] { font-size: var(--fs-lg); line-height: 1.2; }
.amj-item-txt[b-sh6muqxyu0] { flex: 1; min-width: 0; }
.amj-item-txt p[b-sh6muqxyu0] { margin: 0 0 2px; font-size: var(--fs-md); color: var(--color-texto); white-space: pre-wrap; overflow-wrap: anywhere; }
.amj-item:not(.abierta) .amj-item-txt p[b-sh6muqxyu0] { display: -webkit-box; -webkit-line-clamp: 2; -webkit-box-orient: vertical; overflow: hidden; }
.amj-item-txt small[b-sh6muqxyu0] { font-size: var(--fs-xs); color: var(--color-texto-suave); }
.mj-estado-amj[b-sh6muqxyu0] { flex-shrink: 0; padding: 2px 10px; border-radius: var(--radio-full); font-size: var(--fs-xs); font-weight: 700; white-space: nowrap; }
.mj-estado-amj.nueva[b-sh6muqxyu0] { background: var(--color-peligro-fondo); color: var(--color-peligro); }
.mj-estado-amj.aceptada[b-sh6muqxyu0], .mj-estado-amj.curso[b-sh6muqxyu0] { background: var(--color-info-fondo); color: var(--color-info); }
.mj-estado-amj.datos[b-sh6muqxyu0] { background: var(--color-aviso-fondo); color: var(--color-aviso); }
.mj-estado-amj.descartada[b-sh6muqxyu0] { background: var(--color-superficie-2); color: var(--color-texto-suave); }
.mj-estado-amj.publicada[b-sh6muqxyu0] { background: var(--color-exito-fondo); color: var(--color-exito); }

.amj-detalle[b-sh6muqxyu0] { display: flex; flex-direction: column; gap: var(--esp-2); padding: 0 var(--esp-3) var(--esp-3) calc(var(--esp-3) * 2 + 24px); }
.amj-ctx[b-sh6muqxyu0] { margin: 0; font-size: var(--fs-xs); color: var(--color-texto-suave); overflow-wrap: anywhere; }
.amj-foto[b-sh6muqxyu0] { max-width: min(100%, 520px); border-radius: var(--radio-sm); border: 1px solid var(--color-borde); }
.amj-com[b-sh6muqxyu0] { padding: 6px 10px; border-radius: var(--radio-sm); background: var(--color-superficie-2); font-size: var(--fs-sm); }
.amj-com.agrama[b-sh6muqxyu0] { background: var(--color-acento-suave); }
.amj-com small[b-sh6muqxyu0] { color: var(--color-texto-suave); font-size: var(--fs-2xs); }
.amj-com p[b-sh6muqxyu0] { margin: 2px 0 0; white-space: pre-wrap; }
.amj-in[b-sh6muqxyu0] {
    width: 100%; min-height: 36px; padding: 6px 10px; border: 1px solid var(--color-borde-fuerte); border-radius: var(--radio-sm);
    background: var(--color-superficie); color: var(--color-texto); font-size: var(--fs-sm); font-family: var(--fuente-ui);
}
.amj-acciones[b-sh6muqxyu0] { display: flex; flex-wrap: wrap; align-items: center; gap: var(--esp-2); }
.amj-acciones button[b-sh6muqxyu0], .amj-alta button[b-sh6muqxyu0] {
    min-height: 34px; padding: 0 var(--esp-3); border: 1px solid var(--color-borde-fuerte); border-radius: var(--radio-full);
    background: var(--color-superficie); color: var(--color-texto); font-size: var(--fs-sm); font-weight: 700; cursor: pointer;
}
.amj-acciones button.prim[b-sh6muqxyu0], .amj-alta button.prim[b-sh6muqxyu0] { border-color: var(--color-exito); background: var(--color-exito); color: var(--color-superficie); }
.amj-acciones button.peligro[b-sh6muqxyu0] { border-color: var(--color-peligro); color: var(--color-peligro); }
.amj-acciones button:disabled[b-sh6muqxyu0], .amj-alta button:disabled[b-sh6muqxyu0] { opacity: .45; cursor: default; }
.amj-publicar[b-sh6muqxyu0] { display: inline-flex; gap: 4px; }
.amj-publicar .amj-in[b-sh6muqxyu0] { width: 86px; }
.amj-acciones .amj-link[b-sh6muqxyu0], .amj-link[b-sh6muqxyu0] { border: 0; background: none; padding: 0; min-height: 0; color: var(--color-acento-texto); font-size: var(--fs-xs); font-weight: 600; text-decoration: underline; cursor: pointer; }
.amj-borrar[b-sh6muqxyu0], .amj-acciones .amj-borrar[b-sh6muqxyu0] { color: var(--color-peligro); margin-left: auto; }

.amj-mapa[b-sh6muqxyu0] { display: grid; grid-template-columns: repeat(auto-fill, minmax(260px, 1fr)); gap: var(--esp-2); }
.amj-pantalla[b-sh6muqxyu0] {
    display: flex; flex-direction: column; gap: 6px; padding: var(--esp-3); border: 1px solid var(--color-borde); border-radius: var(--radio-md);
    background: var(--color-superficie); text-align: left; cursor: pointer;
}
.amj-pantalla:hover[b-sh6muqxyu0] { border-color: var(--color-acento); }
.amj-pantalla.con-nuevas[b-sh6muqxyu0] { border-left: 4px solid var(--color-peligro); }
.amj-pantalla b[b-sh6muqxyu0] { font-size: var(--fs-md); color: var(--color-texto); }
.amj-pantalla small[b-sh6muqxyu0] { font-size: var(--fs-xs); color: var(--color-texto-2); }
.amj-pantalla em.nuevas[b-sh6muqxyu0] { font-style: normal; font-weight: 700; color: var(--color-peligro); }
.amj-barra[b-sh6muqxyu0] { display: flex; gap: 2px; height: 8px; width: calc(var(--n) / var(--max) * 100%); min-width: 8px; }
.amj-barra i[b-sh6muqxyu0] { border-radius: 2px; }
.amj-barra i.nuevas[b-sh6muqxyu0] { background: var(--color-peligro); }
.amj-barra i.abiertas[b-sh6muqxyu0] { background: var(--color-acento); }
.amj-barra i.publicadas[b-sh6muqxyu0] { background: var(--color-exito); }
.amj-barra i.resto[b-sh6muqxyu0] { background: var(--color-borde-fuerte); }

.amj-alta[b-sh6muqxyu0] { display: grid; grid-template-columns: 1fr 1.4fr auto; gap: var(--esp-2); }
.amj-tabla[b-sh6muqxyu0] { width: 100%; border-collapse: collapse; font-size: var(--fs-sm); }
.amj-tabla th[b-sh6muqxyu0] { padding: 6px 10px; border-bottom: 1px solid var(--color-borde); font-size: var(--fs-xs); color: var(--color-texto-2); text-align: left; }
.amj-tabla td[b-sh6muqxyu0] { padding: 6px 10px; border-bottom: 1px solid var(--color-borde); }
.amj-tabla .num[b-sh6muqxyu0] { text-align: right; font-variant-numeric: tabular-nums; }
.amj-tabla tr.inactivo td[b-sh6muqxyu0] { color: var(--color-texto-suave); }
.amj-acc[b-sh6muqxyu0] { text-align: right; }

@media (max-width: 767px) {
    .amj-detalle[b-sh6muqxyu0] { padding-left: var(--esp-3); }
    .amj-alta[b-sh6muqxyu0] { grid-template-columns: 1fr; }
    .amj-tabs button[b-sh6muqxyu0] { padding: var(--esp-2); font-size: var(--fs-sm); }
}
/* /Pages/AdminPersonas.razor.rz.scp.css */
.pe[b-2x6oo5wkgp] { display: flex; flex-direction: column; gap: var(--esp-3); max-width: 1200px; }
.pe-cab[b-2x6oo5wkgp] { display: flex; flex-wrap: wrap; align-items: flex-end; justify-content: space-between; gap: var(--esp-2) var(--esp-4); }
.pe-cab h2[b-2x6oo5wkgp] { margin: 0 0 4px; font-size: var(--fs-lg); color: var(--color-texto); }
.pe-cab p[b-2x6oo5wkgp] { margin: 0; max-width: 680px; font-size: var(--fs-sm); color: var(--color-texto-2); }
.pe-error[b-2x6oo5wkgp] { padding: var(--esp-2) var(--esp-3); border-radius: var(--radio-sm); background: var(--color-peligro-fondo); color: var(--color-peligro); font-size: var(--fs-sm); }
.pe-nota[b-2x6oo5wkgp] { margin: 0; font-size: var(--fs-xs); color: var(--color-texto-suave); }
.pe-temporal[b-2x6oo5wkgp] { display: flex; flex-wrap: wrap; align-items: center; gap: var(--esp-2); padding: var(--esp-2) var(--esp-3); border: 1px solid var(--color-borde);
    border-radius: var(--radio-md); background: var(--color-aviso-fondo); font-size: var(--fs-sm); color: var(--color-texto); }
.pe-temporal small[b-2x6oo5wkgp] { color: var(--color-texto-2); }
.pe .mono[b-2x6oo5wkgp] { font-family: var(--fuente-mono); }
.pe-filtros[b-2x6oo5wkgp] { display: flex; flex-wrap: wrap; align-items: center; gap: var(--esp-2); font-size: var(--fs-sm); color: var(--color-texto-2); }
.pe-filtros input:not([type=checkbox])[b-2x6oo5wkgp], .pe-filtros select[b-2x6oo5wkgp], .pe-rejilla input[b-2x6oo5wkgp], .pe-rejilla select[b-2x6oo5wkgp], .pe-modulos select[b-2x6oo5wkgp] {
    min-height: 32px; padding: 0 var(--esp-2); border: 1px solid var(--color-borde-fuerte); border-radius: var(--radio-sm);
    background: var(--color-superficie); color: var(--color-texto); font-family: var(--fuente-ui); font-size: var(--fs-sm); }
.pe-filtros input:not([type=checkbox])[b-2x6oo5wkgp] { flex: 1 1 260px; max-width: 420px; }
.pe-tabla[b-2x6oo5wkgp] { overflow-x: auto; border: 1px solid var(--color-borde); border-radius: var(--radio-md); background: var(--color-superficie); }
.pe-tabla table[b-2x6oo5wkgp] { width: 100%; border-collapse: collapse; font-size: var(--fs-sm); }
.pe-tabla th[b-2x6oo5wkgp] { padding: 4px var(--esp-2); text-align: left; font-size: var(--fs-2xs); font-weight: 700; text-transform: uppercase; color: var(--color-texto-suave); background: var(--color-superficie-2); }
.pe-tabla td[b-2x6oo5wkgp] { padding: 4px var(--esp-2); border-top: 1px solid var(--color-borde); color: var(--color-texto); vertical-align: top; }
.pe-tabla td small[b-2x6oo5wkgp] { display: block; color: var(--color-texto-suave); font-size: var(--fs-xs); }
.pe-tabla tbody tr:not(.pe-det)[b-2x6oo5wkgp] { cursor: pointer; }
.pe-tabla tbody tr:not(.pe-det):hover[b-2x6oo5wkgp], .pe-tabla tr.sel[b-2x6oo5wkgp] { background: var(--color-superficie-2); }
/* Cabecera de cada ganadería */
.pe-tabla tbody tr.pe-grupo[b-2x6oo5wkgp] { cursor: default; }
.pe-tabla tbody tr.pe-grupo:hover[b-2x6oo5wkgp] { background: none; }
.pe-tabla tr.pe-grupo td[b-2x6oo5wkgp] { padding: var(--esp-3) var(--esp-2) 4px; border-top: 2px solid var(--color-borde-fuerte); }
.pe-tabla tr.pe-grupo b[b-2x6oo5wkgp] { font-size: var(--fs-md); font-weight: 800; color: var(--color-texto); }
.pe-tabla tr.pe-grupo span[b-2x6oo5wkgp] { margin-left: var(--esp-2); color: var(--color-texto-2); }
.pe-tabla tr.pe-grupo small[b-2x6oo5wkgp] { display: inline; margin-left: var(--esp-2); }
.pe-tabla .pe-det > td[b-2x6oo5wkgp] { padding: var(--esp-3); background: var(--color-superficie-2); }
.pe-clase[b-2x6oo5wkgp] { padding: 1px 8px; border-radius: var(--radio-full); background: var(--color-superficie-2); font-size: var(--fs-2xs); font-weight: 700; color: var(--color-texto-2); white-space: nowrap; }
.pe-clase.persona[b-2x6oo5wkgp] { background: var(--color-acento-suave); }
.pe-chip[b-2x6oo5wkgp] { display: inline-block; margin: 0 0 2px 4px; padding: 0 6px; border-radius: var(--radio-full); background: var(--color-acento-suave); font-size: var(--fs-2xs); color: var(--color-texto); }
.pe-falta[b-2x6oo5wkgp] { color: var(--color-peligro); font-size: var(--fs-xs); }
.pe-ficha[b-2x6oo5wkgp] { display: grid; grid-template-columns: repeat(auto-fit, minmax(320px, 1fr)); gap: var(--esp-3); }
.pe-bloque[b-2x6oo5wkgp] { display: flex; flex-direction: column; gap: var(--esp-2); padding: var(--esp-3); border: 1px solid var(--color-borde); border-radius: var(--radio-md); background: var(--color-superficie); }
.pe-bloque h4[b-2x6oo5wkgp] { margin: 0; font-size: var(--fs-sm); color: var(--color-texto); }
.pe-rejilla[b-2x6oo5wkgp] { display: grid; grid-template-columns: repeat(auto-fill, minmax(180px, 1fr)); gap: var(--esp-2); }
.pe-rejilla label[b-2x6oo5wkgp], .pe-modulos label[b-2x6oo5wkgp] { display: flex; flex-direction: column; gap: 2px; font-size: var(--fs-xs); color: var(--color-texto-2); }
.pe-rejilla .ancho[b-2x6oo5wkgp] { grid-column: 1 / -1; }
.pe-modulos[b-2x6oo5wkgp] { display: grid; grid-template-columns: repeat(auto-fill, minmax(120px, 1fr)); gap: var(--esp-2); }
.pe-check[b-2x6oo5wkgp] { display: flex !important; flex-direction: row !important; align-items: center; gap: 6px; font-size: var(--fs-xs); color: var(--color-texto-2); }
.pe-permisos[b-2x6oo5wkgp] { margin: 0; padding: 0; list-style: none; display: flex; flex-direction: column; gap: 4px; font-size: var(--fs-sm); color: var(--color-texto); }
.pe-permisos small[b-2x6oo5wkgp] { color: var(--color-texto-suave); }
.pe-acc[b-2x6oo5wkgp] { display: flex; flex-wrap: wrap; align-items: center; gap: var(--esp-2); }
.pe-acc small[b-2x6oo5wkgp] { color: var(--color-texto-suave); font-size: var(--fs-xs); }
.pe-btn[b-2x6oo5wkgp] { min-height: 32px; padding: 0 var(--esp-3); border: 1px solid var(--color-acento-texto); border-radius: var(--radio-sm); background: var(--color-superficie);
    color: var(--color-acento-texto); font-size: var(--fs-sm); font-weight: 600; cursor: pointer; }
.pe-btn.prim[b-2x6oo5wkgp] { background: var(--color-acento-texto); color: var(--color-superficie); }
.pe-btn.peligro[b-2x6oo5wkgp] { border-color: var(--color-peligro); color: var(--color-peligro); }
.pe-btn:disabled[b-2x6oo5wkgp], .pe-link:disabled[b-2x6oo5wkgp] { opacity: .5; cursor: default; }
.pe-link[b-2x6oo5wkgp] { padding: 0; border: 0; background: none; color: var(--color-acento-texto); font-size: var(--fs-xs); text-decoration: underline; cursor: pointer; }
.pe-link.peligro[b-2x6oo5wkgp] { color: var(--color-peligro); }
.pe-form[b-2x6oo5wkgp] { display: flex; flex-direction: column; gap: var(--esp-2); max-width: 760px; padding: var(--esp-3); border: 1px solid var(--color-borde); border-radius: var(--radio-md); background: var(--color-superficie); }
.pe-form h3[b-2x6oo5wkgp] { margin: 0; font-size: var(--fs-md); color: var(--color-texto); }
/* /Pages/AdminProcesos.razor.rz.scp.css */
.pr[b-1ouu2uxzav] { display: flex; flex-direction: column; gap: var(--esp-4); max-width: 1080px; }
.pr-cab[b-1ouu2uxzav] { display: flex; flex-wrap: wrap; gap: var(--esp-3); align-items: flex-start; justify-content: space-between; }
.pr-cab h2[b-1ouu2uxzav] { margin: 0 0 4px; font-size: var(--fs-lg); color: var(--color-texto); }
.pr-cab p[b-1ouu2uxzav] { margin: 0; font-size: var(--fs-sm); color: var(--color-texto-2); }
.pr-btn[b-1ouu2uxzav] { min-height: 34px; padding: 0 var(--esp-3); border: 1px solid var(--color-borde-fuerte); border-radius: var(--radio-sm); background: var(--color-superficie); color: var(--color-texto); font-size: var(--fs-sm); font-weight: 600; cursor: pointer; }
.pr-btn:disabled[b-1ouu2uxzav] { opacity: .5; cursor: default; }
.pr-error[b-1ouu2uxzav], .pr-aviso[b-1ouu2uxzav] { padding: var(--esp-2) var(--esp-3); border-radius: var(--radio-sm); font-size: var(--fs-sm); }
.pr-error[b-1ouu2uxzav] { background: var(--color-peligro-fondo); color: var(--color-peligro); }
.pr-aviso[b-1ouu2uxzav] { background: var(--color-aviso-fondo); color: var(--color-aviso); }
.pr-estado[b-1ouu2uxzav] { font-size: var(--fs-sm); color: var(--color-texto-2); margin: 0; }
.pr-nota[b-1ouu2uxzav] { font-size: var(--fs-xs); color: var(--color-texto-suave); margin: 0; }

/* Cifras de arriba: también son el filtro */
.pr-kpis[b-1ouu2uxzav] { display: grid; grid-template-columns: repeat(auto-fit, minmax(150px, 1fr)); gap: var(--esp-2); }
.pr-kpi[b-1ouu2uxzav] { display: flex; flex-direction: column; align-items: flex-start; gap: 2px; padding: var(--esp-3); border: 1px solid var(--color-borde); border-radius: var(--radio-md);
          background: var(--color-superficie); cursor: pointer; text-align: left; font: inherit; }
.pr-kpi b[b-1ouu2uxzav] { font-size: var(--fs-xl); font-variant-numeric: tabular-nums; color: var(--color-texto); line-height: 1.1; }
.pr-kpi span[b-1ouu2uxzav] { font-size: var(--fs-xs); color: var(--color-texto-suave); }
.pr-kpi.mal b[b-1ouu2uxzav] { color: var(--color-peligro); }
.pr-kpi.av b[b-1ouu2uxzav] { color: var(--color-aviso); }
.pr-kpi.ok b[b-1ouu2uxzav] { color: var(--color-exito); }
.pr-kpi.on[b-1ouu2uxzav] { border-color: var(--color-acento); box-shadow: 0 0 0 2px var(--color-acento-suave); }

.pr-grupo[b-1ouu2uxzav] { display: flex; flex-direction: column; gap: var(--esp-2); }
.pr-grupo h3[b-1ouu2uxzav] { margin: 0; font-size: var(--fs-md); color: var(--color-texto); display: flex; gap: var(--esp-2); align-items: baseline; }
.pr-grupo h3 small[b-1ouu2uxzav] { font-size: var(--fs-xs); color: var(--color-texto-suave); font-weight: 400; }
.pr-filas[b-1ouu2uxzav] { border: 1px solid var(--color-borde); border-radius: var(--radio-md); background: var(--color-superficie); overflow: hidden; }
.pr-fila[b-1ouu2uxzav] { border-bottom: 1px solid var(--color-borde); }
.pr-fila:last-child[b-1ouu2uxzav] { border-bottom: 0; }
.pr-fila.abierto[b-1ouu2uxzav] { background: var(--color-superficie-2); }
.pr-linea[b-1ouu2uxzav] { width: 100%; display: grid; grid-template-columns: 112px minmax(0, 1fr) 150px 130px; gap: var(--esp-3); align-items: center;
            padding: var(--esp-2) var(--esp-3); border: 0; background: none; text-align: left; font: inherit; cursor: pointer; color: inherit; }
.pr-linea:hover[b-1ouu2uxzav] { background: var(--color-superficie-2); }
.pr-linea:focus-visible[b-1ouu2uxzav] { outline: 2px solid var(--color-acento); outline-offset: -2px; }
.pr-nombre[b-1ouu2uxzav], .pr-cuando[b-1ouu2uxzav], .pr-30[b-1ouu2uxzav] { display: flex; flex-direction: column; min-width: 0; }
.pr-nombre b[b-1ouu2uxzav] { font-size: var(--fs-sm); color: var(--color-texto); font-weight: 600; }
.pr-nombre small[b-1ouu2uxzav], .pr-cuando small[b-1ouu2uxzav], .pr-30 small[b-1ouu2uxzav] { font-size: var(--fs-xs); color: var(--color-texto-suave); }
.pr-cuando b[b-1ouu2uxzav], .pr-30 b[b-1ouu2uxzav] { font-size: var(--fs-sm); color: var(--color-texto); font-weight: 600; font-variant-numeric: tabular-nums; }

.pr-chip[b-1ouu2uxzav] { display: inline-block; justify-self: start; padding: 1px 9px; border-radius: var(--radio-full); font-size: var(--fs-2xs); font-weight: 700; white-space: nowrap; }
.pr-chip.ok[b-1ouu2uxzav] { background: var(--color-exito-fondo); color: var(--color-exito); }
.pr-chip.av[b-1ouu2uxzav] { background: var(--color-aviso-fondo); color: var(--color-aviso); }
.pr-chip.mal[b-1ouu2uxzav] { background: var(--color-peligro-fondo); color: var(--color-peligro); }
.pr-chip.neu[b-1ouu2uxzav] { background: var(--color-superficie-2); color: var(--color-texto-suave); border: 1px solid var(--color-borde); }

.pr-msg[b-1ouu2uxzav] { margin: 0; padding: 0 var(--esp-3) var(--esp-2) calc(112px + var(--esp-3) * 2); font-size: var(--fs-xs); overflow-wrap: anywhere; }
.pr-msg.mal[b-1ouu2uxzav] { color: var(--color-peligro); }
.pr-msg.av[b-1ouu2uxzav] { color: var(--color-aviso); }
.pr-msg.neu[b-1ouu2uxzav] { color: var(--color-texto-suave); }

.pr-detalle[b-1ouu2uxzav] { padding: 0 var(--esp-3) var(--esp-3) calc(112px + var(--esp-3) * 2); display: flex; flex-direction: column; gap: var(--esp-2); font-size: var(--fs-sm); color: var(--color-texto-2); }
.pr-detalle p[b-1ouu2uxzav] { margin: 0; }
.pr-detalle dl[b-1ouu2uxzav] { margin: 0; display: grid; grid-template-columns: max-content minmax(0, 1fr); gap: 2px var(--esp-3); font-size: var(--fs-xs); }
.pr-detalle dt[b-1ouu2uxzav] { color: var(--color-texto-suave); }
.pr-detalle dd[b-1ouu2uxzav] { margin: 0; color: var(--color-texto); overflow-wrap: anywhere; }
.mono[b-1ouu2uxzav] { font-family: var(--fuente-mono); }
.pr-tabla[b-1ouu2uxzav] { overflow-x: auto; border: 1px solid var(--color-borde); border-radius: var(--radio-sm); background: var(--color-superficie); max-height: 360px; overflow-y: auto; }
.pr-tabla table[b-1ouu2uxzav] { width: 100%; border-collapse: collapse; font-size: var(--fs-xs); }
.pr-tabla th[b-1ouu2uxzav] { position: sticky; top: 0; background: var(--color-superficie-2); text-align: left; padding: 6px var(--esp-2); color: var(--color-texto-suave); font-weight: 600; white-space: nowrap; }
.pr-tabla td[b-1ouu2uxzav] { padding: 6px var(--esp-2); border-top: 1px solid var(--color-borde); vertical-align: top; color: var(--color-texto); }
.pr-tabla td.num[b-1ouu2uxzav] { white-space: nowrap; font-variant-numeric: tabular-nums; }
.pr-tabla td small[b-1ouu2uxzav] { color: var(--color-texto-suave); }
.pr-det[b-1ouu2uxzav] { overflow-wrap: anywhere; }

@media (max-width: 720px) {
    .pr-linea[b-1ouu2uxzav] { grid-template-columns: minmax(0, 1fr) auto; }
    .pr-linea .pr-chip[b-1ouu2uxzav] { grid-column: 2; grid-row: 1; }
    .pr-nombre[b-1ouu2uxzav] { grid-column: 1; grid-row: 1; }
    .pr-cuando[b-1ouu2uxzav] { grid-column: 1 / -1; flex-direction: row; gap: var(--esp-2); }
    .pr-30[b-1ouu2uxzav] { display: none; }
    .pr-msg[b-1ouu2uxzav], .pr-detalle[b-1ouu2uxzav] { padding-left: var(--esp-3); }
}
/* /Pages/Atencion.razor.rz.scp.css */
.at[b-bdt86isj84] { display: flex; flex-direction: column; gap: var(--esp-3); padding-bottom: var(--esp-6, 24px); }
.at-error[b-bdt86isj84] { padding: var(--esp-2) var(--esp-3); border-radius: var(--radio-sm); background: var(--color-peligro-fondo); color: var(--color-peligro); font-size: var(--fs-sm); }
.at-estado[b-bdt86isj84] { padding: var(--esp-5, 20px); text-align: center; color: var(--color-texto-suave); }

.at-resumen[b-bdt86isj84] {
    display: flex; flex-wrap: wrap; align-items: baseline; gap: var(--esp-2) var(--esp-3); padding: var(--esp-3) var(--esp-4);
    border-radius: var(--radio-md); color: var(--color-superficie);
    background: linear-gradient(110deg, var(--marca-campo-900) 0%, var(--marca-campo-700) 70%, var(--marca-campo-500) 100%);
}
.at-resumen b[b-bdt86isj84] { font-size: var(--fs-xl); font-weight: 800; }
.at-resumen span[b-bdt86isj84] { font-size: var(--fs-sm); opacity: .85; }

.at-tarjetas[b-bdt86isj84] { display: grid; grid-template-columns: repeat(auto-fill, minmax(200px, 1fr)); gap: var(--esp-3); }
.at-tarjeta[b-bdt86isj84] {
    --at-c: var(--color-acento);
    position: relative; display: grid; grid-template-columns: auto 1fr; grid-template-areas: "ico n" "tit tit" "des des";
    align-items: center; gap: 4px var(--esp-2); padding: var(--esp-3) var(--esp-4); text-align: left; cursor: pointer;
    border: 1px solid var(--color-borde); border-top: 4px solid var(--at-c); border-radius: var(--radio-md);
    background: var(--color-superficie); box-shadow: var(--sombra-xs); transition: transform .12s, box-shadow .12s;
}
.at-tarjeta:hover[b-bdt86isj84] { transform: translateY(-2px); box-shadow: var(--sombra-sm); }
.at-tarjeta.sel[b-bdt86isj84] { box-shadow: 0 0 0 2px var(--at-c), var(--sombra-sm); }
.at-tarjeta.rojo[b-bdt86isj84] { --at-c: var(--color-peligro); }
.at-tarjeta.ambar[b-bdt86isj84] { --at-c: var(--color-aviso); }
.at-tarjeta.azul[b-bdt86isj84] { --at-c: var(--color-acento); }
.at-tarjeta.gris[b-bdt86isj84] { --at-c: var(--color-borde-fuerte); }
.at-tarjeta.cero[b-bdt86isj84] { --at-c: var(--calidad-bueno-barra); opacity: .7; }
.at-ico[b-bdt86isj84] { grid-area: ico; width: 38px; height: 38px; display: grid; place-items: center; border-radius: 12px;
          background: color-mix(in srgb, var(--at-c) 14%, transparent); color: var(--at-c); }
.at-ico[b-bdt86isj84]  svg { width: 22px; height: 22px; }
.at-n[b-bdt86isj84] { grid-area: n; justify-self: end; font-size: var(--fs-2xl); font-weight: 800; color: var(--color-texto); font-variant-numeric: tabular-nums; }
.at-tit[b-bdt86isj84] { grid-area: tit; margin-top: var(--esp-1); font-size: var(--fs-md); font-weight: 800; color: var(--color-texto); }
.at-des[b-bdt86isj84] { grid-area: des; font-size: var(--fs-xs); color: var(--color-texto-2); }

.at-pista[b-bdt86isj84] { margin: 0; font-size: var(--fs-sm); color: var(--color-texto-suave); }
.at-lista[b-bdt86isj84] { border: 1px solid var(--color-borde); border-radius: var(--radio-md); background: var(--color-superficie); overflow: hidden; }
.at-lista-cab[b-bdt86isj84] { display: flex; flex-wrap: wrap; align-items: center; gap: var(--esp-2); padding: var(--esp-2) var(--esp-3); background: var(--color-superficie-2); border-bottom: 1px solid var(--color-borde); font-size: var(--fs-sm); }
.at-lista-cab span[b-bdt86isj84] { color: var(--color-texto-suave); }
.at-esp[b-bdt86isj84] { flex: 1; }
.at-vacio[b-bdt86isj84] { margin: 0; padding: var(--esp-4); color: var(--color-texto-2); }
.at-tabla[b-bdt86isj84] { overflow: auto; max-height: 60vh; }
.at-tabla table[b-bdt86isj84] { width: 100%; border-collapse: collapse; font-size: var(--fs-sm); }
.at-tabla th[b-bdt86isj84] { position: sticky; top: 0; padding: var(--esp-2) var(--esp-3); background: var(--color-superficie); border-bottom: 1px solid var(--color-borde-fuerte); text-align: left; font-size: var(--fs-xs); font-weight: 700; color: var(--color-texto-2); white-space: nowrap; }
.at-tabla td[b-bdt86isj84] { padding: 5px var(--esp-3); border-top: 1px solid var(--color-borde); white-space: nowrap; }
.at-tabla .num[b-bdt86isj84] { text-align: right; font-variant-numeric: tabular-nums; }
.at-crotal[b-bdt86isj84] { font-family: var(--fuente-mono); font-weight: 700; color: var(--color-acento-texto); text-decoration: none; }
.at-motivo[b-bdt86isj84] { color: var(--color-texto-2); }

@media (max-width: 640px) {
    .at-tarjetas[b-bdt86isj84] { grid-template-columns: 1fr 1fr; }
    .at-des[b-bdt86isj84] { display: none; }
}

.at-acciones[b-bdt86isj84] { display: flex; flex-wrap: wrap; align-items: center; gap: var(--esp-2); padding: var(--esp-2) var(--esp-3); border-bottom: 1px solid var(--color-borde); background: color-mix(in srgb, var(--marca-campo-500) 6%, var(--color-superficie)); }
.at-acc-n[b-bdt86isj84] { font-size: var(--fs-sm); font-weight: 700; color: var(--color-texto); }
.at-acc-et[b-bdt86isj84] { font-size: var(--fs-xs); color: var(--color-texto-2); }
.at-acc-sep[b-bdt86isj84] { width: 1px; height: 22px; background: var(--color-borde); }
.at-input[b-bdt86isj84] { min-height: 34px; padding: 0 var(--esp-2); border: 1px solid var(--color-borde-fuerte); border-radius: var(--radio-sm); background: var(--color-superficie); font-size: var(--fs-sm); }
input.at-input[b-bdt86isj84] { width: 150px; font-family: var(--fuente-mono); text-transform: uppercase; }
.at-btn[b-bdt86isj84] { min-height: 34px; padding: 0 var(--esp-4); border: 1px solid var(--color-borde-fuerte); border-radius: var(--radio-sm); background: var(--color-superficie); font-size: var(--fs-sm); font-weight: 700; cursor: pointer; }
.at-btn.prim[b-bdt86isj84] { background: var(--marca-campo-600); border-color: var(--marca-campo-600); color: var(--color-superficie); }
.at-btn:disabled[b-bdt86isj84] { opacity: .5; cursor: default; }
.at-aviso[b-bdt86isj84] { padding: var(--esp-2) var(--esp-3); font-size: var(--fs-sm); color: var(--calidad-bueno); background: var(--calidad-bueno-fondo); }
.at-check[b-bdt86isj84] { width: 32px; }
.at-check input[b-bdt86isj84] { width: 18px; height: 18px; }
.at-tabla tr.marcada td[b-bdt86isj84] { background: color-mix(in srgb, var(--marca-campo-500) 10%, transparent); }
.at-marca[b-bdt86isj84] { display: inline-block; margin-right: 4px; padding: 1px 7px; border-radius: var(--radio-xs); background: var(--marca-campo-600); color: var(--color-superficie); font-family: var(--fuente-mono); font-size: var(--fs-2xs); font-weight: 700; }
/* Los estilos generales de formulario estiran input/select al 100 %: en la barra de acciones van a su tamaño */
.at-acciones .at-input[b-bdt86isj84], .at-acciones .at-btn[b-bdt86isj84] { width: auto; flex: 0 0 auto; margin: 0; }
.at-acciones input.at-input[b-bdt86isj84] { width: 150px; }
.at-acciones select.at-input[b-bdt86isj84] { max-width: 220px; }
/* /Pages/Chat.razor.rz.scp.css */
/* Asistente: hilo que ocupa la pantalla y barra de entrada fija abajo, pensado primero para el móvil. */
.as[b-0kolesle70] {
    display: flex; flex-direction: column; flex: 1; min-height: 0;
    max-width: 980px; width: 100%; margin: 0 auto;
    height: calc(100dvh - var(--topbar-h, 68px) - var(--tabbar-h, 34px) - 3px - var(--ci-t) - var(--ci-b));
}
.as-hilo[b-0kolesle70] { flex: 1; min-height: 0; overflow-y: auto; display: flex; flex-direction: column; gap: var(--esp-3); padding: var(--esp-2) 2px var(--esp-4); }

.as-inicio[b-0kolesle70] { margin: auto 0; display: flex; flex-direction: column; align-items: center; text-align: center; gap: var(--esp-2); padding: var(--esp-4) var(--esp-2); }
.as-logo[b-0kolesle70] { width: 52px; height: 52px; display: grid; place-items: center; border-radius: var(--radio-full); background: var(--color-acento-suave); color: var(--color-acento-texto); }
.as-logo svg[b-0kolesle70] { width: 28px; height: 28px; }
.as-hola[b-0kolesle70] { margin: var(--esp-2) 0 0; font-size: var(--fs-lg); font-weight: 700; color: var(--color-texto); }
.as-ayuda[b-0kolesle70] { margin: 0; max-width: 520px; font-size: var(--fs-sm); color: var(--color-texto-2); }

.as-chips[b-0kolesle70] { display: flex; flex-wrap: wrap; justify-content: center; gap: var(--esp-2); margin-top: var(--esp-2); }
.as-chips--seguir[b-0kolesle70] { justify-content: flex-start; margin: calc(-1 * var(--esp-1)) 0 0; }
.as-chip[b-0kolesle70] {
    padding: 7px 14px; border: 1px solid var(--color-borde-fuerte); border-radius: var(--radio-full);
    background: var(--color-superficie); color: var(--color-acento-texto); font-size: var(--fs-sm); font-weight: 600;
    text-align: left; cursor: pointer;
}
.as-chip:hover[b-0kolesle70] { background: var(--color-acento-suave); border-color: var(--color-acento-texto); }

.as-yo[b-0kolesle70] { align-self: flex-end; max-width: 85%; display: flex; flex-direction: column; align-items: flex-end; gap: 6px; }
.as-yo p[b-0kolesle70] { margin: 0; padding: 9px 14px; border-radius: 16px 16px 4px 16px; background: var(--color-acento-texto); color: var(--color-superficie); font-size: var(--fs-sm); white-space: pre-wrap; }
.as-yo img[b-0kolesle70] { max-width: 220px; max-height: 220px; border-radius: var(--radio-md); object-fit: cover; }

.as-el[b-0kolesle70] { align-self: stretch; display: flex; flex-direction: column; gap: var(--esp-2); }
.as-pasos[b-0kolesle70] { font-size: var(--fs-2xs); color: var(--color-texto-suave); }
.as-md[b-0kolesle70] { font-size: var(--fs-sm); line-height: 1.55; color: var(--color-texto); }
.as-md[b-0kolesle70]  p { margin: 0 0 var(--esp-2); }
.as-md[b-0kolesle70]  p:last-child { margin-bottom: 0; }
.as-md[b-0kolesle70]  ul, .as-md[b-0kolesle70]  ol { margin: 0 0 var(--esp-2); padding-left: 1.2em; }
.as-md[b-0kolesle70]  li { margin: 2px 0; }
.as-md[b-0kolesle70]  strong { color: var(--color-texto); }
.as-md[b-0kolesle70]  h1, .as-md[b-0kolesle70]  h2, .as-md[b-0kolesle70]  h3 { margin: var(--esp-2) 0 4px; font-size: var(--fs-md); }
.as-md[b-0kolesle70]  table { border-collapse: collapse; font-size: var(--fs-xs); }
.as-md[b-0kolesle70]  td, .as-md[b-0kolesle70]  th { border: 1px solid var(--color-borde); padding: 3px 8px; }

.as-tabla[b-0kolesle70] { border: 1px solid var(--color-borde); border-radius: var(--radio-md); background: var(--color-superficie); overflow: hidden; }
.as-tabla-cab[b-0kolesle70] { display: flex; flex-wrap: wrap; align-items: center; gap: var(--esp-2); padding: 6px var(--esp-3); background: var(--color-superficie-2); border-bottom: 1px solid var(--color-borde); }
.as-tabla-tit[b-0kolesle70] { font-size: var(--fs-xs); font-weight: 700; color: var(--color-texto); }
.as-tabla-n[b-0kolesle70] { flex: 1; font-size: var(--fs-2xs); color: var(--color-texto-suave); }
.as-tabla-scroll[b-0kolesle70] { overflow-x: auto; max-height: 60vh; }
.as-tabla table[b-0kolesle70] { width: 100%; border-collapse: collapse; font-size: var(--fs-xs); }
.as-tabla th[b-0kolesle70] { position: sticky; top: 0; padding: 6px 10px; background: var(--color-superficie); border-bottom: 1px solid var(--color-borde-fuerte); text-align: left; font-weight: 700; color: var(--color-texto-2); white-space: nowrap; }
.as-tabla td[b-0kolesle70] { padding: 5px 10px; border-top: 1px solid var(--color-borde); white-space: nowrap; color: var(--color-texto); }
.as-tabla td.num[b-0kolesle70] { text-align: right; font-variant-numeric: tabular-nums; }
.as-tabla tr:hover td[b-0kolesle70] { background: var(--color-info-fondo); }
.as-crotal[b-0kolesle70] { font-family: var(--fuente-mono); font-weight: 700; color: var(--color-acento-texto); text-decoration: none; }
.as-mas[b-0kolesle70] { width: 100%; padding: 7px; border: 0; border-top: 1px solid var(--color-borde); background: var(--color-superficie); color: var(--color-acento-texto); font-size: var(--fs-xs); font-weight: 700; cursor: pointer; }
.as-recorte[b-0kolesle70] { margin: 0; padding: 7px 10px; border-top: 1px solid var(--color-borde); color: var(--color-texto-suave); font-size: var(--fs-xs); }

.as-graf[b-0kolesle70] { display: flex; flex-direction: column; gap: 5px; padding: var(--esp-3); border: 1px solid var(--color-borde); border-radius: var(--radio-md); background: var(--color-superficie); }
.as-barra[b-0kolesle70] { display: grid; grid-template-columns: minmax(70px, 30%) 1fr auto; align-items: center; gap: var(--esp-2); font-size: var(--fs-xs); }
.as-barra-et[b-0kolesle70] { overflow: hidden; text-overflow: ellipsis; white-space: nowrap; color: var(--color-texto-2); }
.as-barra-pista[b-0kolesle70] { height: 10px; border-radius: var(--radio-full); background: var(--color-superficie-2); overflow: hidden; }
.as-barra-pista i[b-0kolesle70] { display: block; height: 100%; border-radius: var(--radio-full); background: var(--color-acento); }
.as-barra-pista i.neg[b-0kolesle70] { background: var(--calidad-malo-barra); }
.as-barra-val[b-0kolesle70] { font-variant-numeric: tabular-nums; font-weight: 700; color: var(--color-texto); }

.as-pensando[b-0kolesle70] { flex-direction: row; align-items: center; gap: var(--esp-2); font-size: var(--fs-sm); color: var(--color-texto-2); }
.as-puntos[b-0kolesle70] { display: inline-flex; gap: 4px; }
.as-puntos i[b-0kolesle70] { width: 7px; height: 7px; border-radius: 50%; background: var(--color-acento); animation: as-bote-b-0kolesle70 1.2s infinite ease-in-out; }
.as-puntos i:nth-child(2)[b-0kolesle70] { animation-delay: .15s; }
.as-puntos i:nth-child(3)[b-0kolesle70] { animation-delay: .3s; }
@keyframes as-bote-b-0kolesle70 { 0%, 80%, 100% { opacity: .3; transform: translateY(0); } 40% { opacity: 1; transform: translateY(-4px); } }

.as-error[b-0kolesle70] { padding: var(--esp-2) var(--esp-3); border-radius: var(--radio-sm); background: var(--color-peligro-fondo); color: var(--color-peligro); font-size: var(--fs-sm); }
.as-link[b-0kolesle70] { border: 0; background: none; color: inherit; font-weight: 700; text-decoration: underline; cursor: pointer; }

.as-barra-entrada[b-0kolesle70] { flex-shrink: 0; padding-top: var(--esp-2); }
.as-adjunto[b-0kolesle70] { position: relative; display: inline-block; margin-bottom: 6px; }
.as-adjunto img[b-0kolesle70] { height: 64px; border-radius: var(--radio-sm); border: 1px solid var(--color-borde); }
.as-quitar[b-0kolesle70] { position: absolute; top: -8px; right: -8px; width: 22px; height: 22px; border: 0; border-radius: 50%; background: var(--color-texto); color: var(--color-superficie); font-size: var(--fs-sm); line-height: 1; cursor: pointer; }
.as-caja[b-0kolesle70] {
    display: flex; align-items: flex-end; gap: 4px; padding: 6px; border: 1px solid var(--color-borde-fuerte);
    border-radius: 24px; background: var(--color-superficie); box-shadow: var(--sombra-sm);
}
.as-caja.dictando[b-0kolesle70] { border-color: var(--color-peligro); }
.as-caja textarea[b-0kolesle70] {
    flex: 1; min-width: 0; max-height: 140px; padding: 9px 6px; border: 0; outline: none; resize: none; background: transparent;
    font-family: var(--fuente-ui); font-size: var(--fs-md); color: var(--color-texto); field-sizing: content;
}
.as-btn[b-0kolesle70] {
    flex-shrink: 0; width: 40px; height: 40px; display: grid; place-items: center; border: 0; border-radius: 50%;
    background: transparent; color: var(--color-texto-2); cursor: pointer;
}
.as-btn svg[b-0kolesle70] { width: 22px; height: 22px; }
.as-btn:hover[b-0kolesle70] { background: var(--color-superficie-2); }
.as-btn:disabled[b-0kolesle70] { opacity: .4; cursor: default; }
.as-enviar[b-0kolesle70], .as-mic[b-0kolesle70] { background: var(--color-acento-texto); color: var(--color-superficie); }
.as-enviar:hover[b-0kolesle70], .as-mic:hover[b-0kolesle70] { background: var(--color-acento-texto); filter: brightness(1.1); }
.as-mic.activo[b-0kolesle70] { background: var(--color-peligro); animation: as-latido-b-0kolesle70 1.2s infinite; }
@keyframes as-latido-b-0kolesle70 { 50% { box-shadow: 0 0 0 8px color-mix(in srgb, var(--color-peligro) 20%, transparent); } }
.as-aviso[b-0kolesle70] { margin-top: 4px; font-size: var(--fs-xs); color: var(--color-texto-suave); text-align: center; }

@media (max-width: 767px) {
    .as[b-0kolesle70] { height: calc(100dvh - 58px - var(--tabbar-h, 34px) - 3px - var(--bottombar-h, 60px) - var(--ci-t) - var(--ci-b)); }
    .as-yo[b-0kolesle70] { max-width: 92%; }
    .as-btn[b-0kolesle70] { width: 44px; height: 44px; }
}

/* Resumen de hoy, memoria y grupos de «preparar el lector» */
.as-hoy[b-0kolesle70] {
    display: grid; grid-template-columns: auto 1fr; grid-template-rows: auto auto; column-gap: var(--esp-3); align-items: center;
    width: min(520px, 100%); margin-top: var(--esp-3); padding: var(--esp-3) var(--esp-4); text-align: left; cursor: pointer;
    border: 1px solid var(--color-acento-texto); border-radius: var(--radio-md); background: var(--color-acento-suave); color: var(--color-texto);
}
.as-hoy > span[b-0kolesle70] { grid-row: 1 / 3; font-size: 1.6rem; line-height: 1; }
.as-hoy b[b-0kolesle70] { font-size: var(--fs-md); color: var(--color-acento-texto); }
.as-hoy small[b-0kolesle70] { font-size: var(--fs-xs); color: var(--color-texto-2); }
.as-hoy:hover[b-0kolesle70] { box-shadow: var(--sombra-xs); }
.as-memoria[b-0kolesle70] { width: min(520px, 100%); margin-top: var(--esp-3); text-align: left; font-size: var(--fs-sm); color: var(--color-texto-2); }
.as-memoria summary[b-0kolesle70] { cursor: pointer; font-weight: 600; }
.as-memoria ul[b-0kolesle70] { margin: var(--esp-2) 0 0; padding: 0; list-style: none; display: flex; flex-direction: column; gap: 4px; }
.as-memoria li[b-0kolesle70] { display: flex; align-items: baseline; gap: var(--esp-2); padding: 4px 8px; border-radius: var(--radio-sm); background: var(--color-superficie-2); color: var(--color-texto); }
.as-memoria li span[b-0kolesle70] { flex: 1; }
.as-memoria li small[b-0kolesle70] { color: var(--color-texto-suave); }
.as-acc-grupos[b-0kolesle70] { display: flex; flex-wrap: wrap; gap: 6px; margin-bottom: 4px; }
.as-acc-grupos > span[b-0kolesle70] { display: inline-flex; align-items: center; gap: 4px; padding: 2px 8px; border-radius: var(--radio-full); background: var(--color-superficie-2); font-variant-numeric: tabular-nums; }

/* Voz: micrófono enorme al empezar y botones más grandes en el móvil */
.as-mic-grande[b-0kolesle70] { display: flex; flex-direction: column; align-items: center; gap: var(--esp-2); margin-top: var(--esp-3); padding: 0; border: 0; background: none; cursor: pointer; color: var(--color-texto); }
.as-mic-grande svg[b-0kolesle70] { width: 44px; height: 44px; padding: 22px; box-sizing: content-box; border-radius: 50%; background: var(--color-acento-texto); color: #fff; box-shadow: 0 6px 20px rgba(0,0,0,.18); transition: transform .15s; }
.as-mic-grande:active svg[b-0kolesle70] { transform: scale(.95); }
.as-mic-grande.activo svg[b-0kolesle70] { background: var(--color-peligro); animation: as-latido-b-0kolesle70 1.2s ease-in-out infinite; }
.as-mic-grande span[b-0kolesle70] { max-width: 320px; font-size: var(--fs-md); font-weight: 700; }
.as-ayuda-voz[b-0kolesle70] { max-width: 360px; }
@keyframes as-latido-b-0kolesle70 { 0%, 100% { box-shadow: 0 0 0 0 rgba(185, 28, 28, .45); } 50% { box-shadow: 0 0 0 14px rgba(185, 28, 28, 0); } }
.as-btn.activo[b-0kolesle70] { color: var(--color-acento-texto); }
@media (max-width: 767px) {
    .as-caja .as-mic[b-0kolesle70] { width: 48px; height: 48px; border-radius: 50%; background: var(--color-acento-texto); color: #fff; }
    .as-caja .as-mic.activo[b-0kolesle70] { background: var(--color-peligro); animation: as-latido-b-0kolesle70 1.2s ease-in-out infinite; }
    .as-caja .as-mic svg[b-0kolesle70] { width: 24px; height: 24px; }
}

/* ── Historial ── */
.as[b-0kolesle70] { position: relative; }
.as-seguir[b-0kolesle70] { width: min(520px, 100%); margin-top: var(--esp-3); display: flex; flex-direction: column; gap: 4px; text-align: left; }
.as-seguir-tit[b-0kolesle70] { font-size: var(--fs-sm); font-weight: 600; color: var(--color-texto-2); }
.as-seguir-item[b-0kolesle70] {
    display: flex; align-items: baseline; justify-content: space-between; gap: var(--esp-2); width: 100%;
    padding: 8px 12px; border: 1px solid var(--color-borde); border-radius: var(--radio-md); background: var(--color-superficie);
    color: var(--color-texto); font: inherit; font-size: var(--fs-sm); text-align: left; cursor: pointer;
}
.as-seguir-item:hover[b-0kolesle70] { background: var(--color-superficie-2); }
.as-seguir-item span[b-0kolesle70] { overflow: hidden; text-overflow: ellipsis; white-space: nowrap; min-width: 0; }
.as-seguir-item small[b-0kolesle70], .as-hist-item small[b-0kolesle70] { color: var(--color-texto-suave); white-space: nowrap; flex-shrink: 0; }
.as-seguir .as-link[b-0kolesle70] { align-self: flex-start; }

.as-sep[b-0kolesle70] { display: flex; align-items: center; gap: var(--esp-2); margin: var(--esp-2) 0; color: var(--color-texto-suave); font-size: var(--fs-xs); }
.as-sep[b-0kolesle70]::before, .as-sep[b-0kolesle70]::after { content: ""; flex: 1; height: 1px; background: var(--color-borde); }
.as-sep span[b-0kolesle70] { max-width: 80%; text-align: center; }
.as-yo-foto[b-0kolesle70] { display: block; opacity: .85; }

.as-hist-fondo[b-0kolesle70] { position: fixed; inset: 0; background: rgba(0, 0, 0, .25); z-index: 1040; }
.as-hist[b-0kolesle70] {
    position: fixed; top: 0; right: 0; bottom: 0; width: min(380px, 100%); z-index: 1041;
    display: flex; flex-direction: column; background: var(--color-superficie); box-shadow: var(--sombra-lg);
    overflow-y: auto; padding: var(--esp-3);
}
.as-hist-cab[b-0kolesle70] { display: flex; align-items: center; gap: var(--esp-2); margin-bottom: var(--esp-2); }
.as-hist-cab b[b-0kolesle70] { flex: 1; font-size: var(--fs-md); color: var(--color-texto); }
.as-hist-vacio[b-0kolesle70] { color: var(--color-texto-2); font-size: var(--fs-sm); }
.as-hist-dia[b-0kolesle70] { margin: var(--esp-3) 0 4px; font-size: var(--fs-xs); font-weight: 600; color: var(--color-texto-suave); text-transform: uppercase; letter-spacing: .04em; }
.as-hist-dia[b-0kolesle70]::first-letter { text-transform: uppercase; }
.as-hist-item[b-0kolesle70] { display: flex; align-items: center; gap: 4px; border-radius: var(--radio-sm); }
.as-hist-item.actual[b-0kolesle70] { background: var(--color-superficie-2); }
.as-hist-item:hover[b-0kolesle70] { background: var(--color-superficie-2); }
.as-hist-abrir[b-0kolesle70] {
    flex: 1; min-width: 0; display: flex; flex-direction: column; gap: 2px; padding: 8px; border: 0; background: none;
    font: inherit; text-align: left; cursor: pointer; color: var(--color-texto);
}
.as-hist-tit[b-0kolesle70] { font-size: var(--fs-sm); overflow: hidden; text-overflow: ellipsis; display: -webkit-box; -webkit-line-clamp: 2; -webkit-box-orient: vertical; }
@media (max-width: 640px) {
    .as-hist[b-0kolesle70] { width: 100%; padding-bottom: calc(var(--esp-3) + 70px); }
    .as-hist-abrir[b-0kolesle70] { padding: 10px 8px; }
}

/* Excel adjunto: nombre, filas y la columna de los animales */
.as-excel[b-0kolesle70] { display: flex; align-items: center; gap: var(--esp-2); max-width: 100%; padding: 6px 28px 6px 10px; border: 1px solid var(--color-borde); border-radius: var(--radio-sm); background: var(--color-superficie); font-size: var(--fs-xs); color: var(--color-texto-2); }
.as-excel span[b-0kolesle70] { overflow: hidden; text-overflow: ellipsis; }
.as-excel select[b-0kolesle70] { font-size: var(--fs-xs); max-width: 40%; }
.as-excel .as-quitar[b-0kolesle70] { top: -8px; right: -8px; }
/* /Pages/CorderosVenta.razor.rz.scp.css */
/* Corderos de venta (en pruebas, Mejora #53) */
.cv[b-l3a1dga1vs] { display: flex; flex-direction: column; gap: var(--esp-3); }
.cv-cab[b-l3a1dga1vs] { display: flex; flex-wrap: wrap; align-items: flex-end; justify-content: space-between; gap: var(--esp-2) var(--esp-4); }
.cv-cab h1[b-l3a1dga1vs] { margin: 0; font-size: var(--fs-lg); font-weight: 800; color: var(--color-texto); }
.cv-cab p[b-l3a1dga1vs] { margin: 2px 0 0; max-width: 70ch; color: var(--color-texto-2); font-size: var(--fs-sm); }
.cv-pruebas[b-l3a1dga1vs] { margin-left: 6px; padding: 1px 8px; border-radius: var(--radio-full); background: var(--color-aviso-fondo); color: var(--color-texto-2); font-size: var(--fs-2xs); font-weight: 700; vertical-align: middle; }
.cv-desde[b-l3a1dga1vs] { display: flex; align-items: center; gap: var(--esp-2); font-size: var(--fs-xs); color: var(--color-texto-2); }
.cv-desde input[b-l3a1dga1vs] { font: inherit; font-size: var(--fs-sm); padding: 2px 6px; border: 1px solid var(--color-borde-fuerte); border-radius: var(--radio-xs); }
.cv-kpis[b-l3a1dga1vs] { display: grid; grid-template-columns: repeat(auto-fit, minmax(150px, 1fr)); gap: var(--esp-2); }
.cv-kpi[b-l3a1dga1vs] { display: flex; flex-direction: column; gap: 2px; padding: var(--esp-2) var(--esp-3); border: 1px solid var(--color-borde); border-radius: var(--radio-md); background: var(--color-superficie); }
.cv-kpi span[b-l3a1dga1vs] { font-size: var(--fs-2xs); font-weight: 700; text-transform: uppercase; color: var(--color-texto-suave); }
.cv-kpi strong[b-l3a1dga1vs] { font-size: var(--fs-xl); color: var(--color-texto); font-variant-numeric: tabular-nums; }
.cv-kpi small[b-l3a1dga1vs] { font-size: var(--fs-xs); color: var(--color-texto-2); }
.cv-kpi-prin[b-l3a1dga1vs] { border-color: var(--color-acento); }
.cv-aviso[b-l3a1dga1vs] { padding: var(--esp-2) var(--esp-3); border-radius: var(--radio-sm); background: var(--color-aviso-fondo); color: var(--color-texto); font-size: var(--fs-sm); }
.cv-tabla table[b-l3a1dga1vs] { font-size: var(--fs-xs); }
.cv-tabla td[b-l3a1dga1vs] { vertical-align: top; white-space: normal; }
.cv-tabla td.num[b-l3a1dga1vs] { white-space: nowrap; }
.cv-tabla td small[b-l3a1dga1vs] { color: var(--color-texto-suave); }
.cv-sem[b-l3a1dga1vs] { white-space: nowrap; font-weight: 700; font-variant-numeric: tabular-nums; }
.cv-quedan[b-l3a1dga1vs] { color: var(--color-acento-texto); }
.cv-nota[b-l3a1dga1vs] { margin: 0; font-size: var(--fs-xs); color: var(--color-texto-suave); }
/* /Pages/Cuadro.razor.rz.scp.css */
/* Cuadro de mandos: barra de periodo, «lo que cuesta dinero» arriba, tarjetas por área y panel lateral de detalle */
.cm[b-pth5jw0zp6] { display: flex; flex-direction: column; gap: var(--esp-4); max-width: 1280px; }

.cm-barra[b-pth5jw0zp6] { display: flex; flex-wrap: wrap; align-items: center; gap: var(--esp-2); }
.cm-periodos[b-pth5jw0zp6] { display: flex; flex-wrap: wrap; gap: 4px; padding: 3px; border-radius: var(--radio-full); background: var(--color-superficie-2); }
.cm-periodos button[b-pth5jw0zp6] {
    padding: 4px 12px; border: 0; border-radius: var(--radio-full); background: none; color: var(--color-texto-2);
    font-size: var(--fs-sm); font-weight: 600; cursor: pointer; white-space: nowrap;
}
.cm-periodos button.activo[b-pth5jw0zp6] { background: var(--color-superficie); color: var(--color-texto); box-shadow: var(--sombra-xs); }
.cm-hueco[b-pth5jw0zp6] { flex: 1; }
.cm-boton[b-pth5jw0zp6] {
    display: inline-flex; align-items: center; gap: 4px; min-height: 34px; padding: 0 var(--esp-3); border: 1px solid var(--color-borde-fuerte);
    border-radius: var(--radio-full); background: var(--color-superficie); color: var(--color-texto); font-size: var(--fs-sm); font-weight: 600;
    text-decoration: none; cursor: pointer; white-space: nowrap;
}
.cm-boton:hover[b-pth5jw0zp6] { border-color: var(--color-acento); }
.cm-boton.prim[b-pth5jw0zp6] { border-color: var(--color-acento); background: var(--color-acento); color: var(--color-superficie); }
.cm-boton:disabled[b-pth5jw0zp6] { opacity: .5; cursor: default; }
.cm-link[b-pth5jw0zp6] { border: 0; background: none; padding: 0; color: var(--color-acento-texto); font-size: var(--fs-xs); font-weight: 600; text-decoration: underline; cursor: pointer; }

.cm-economia[b-pth5jw0zp6] {
    display: flex; flex-wrap: wrap; align-items: flex-end; gap: var(--esp-3); padding: var(--esp-3) var(--esp-4);
    border: 1px solid var(--color-borde); border-radius: var(--radio-md); background: var(--color-superficie);
}
.cm-economia p[b-pth5jw0zp6] { flex-basis: 100%; margin: 0; font-size: var(--fs-sm); color: var(--color-texto-2); }
.cm-economia label[b-pth5jw0zp6] { display: flex; flex-direction: column; gap: 2px; font-size: var(--fs-xs); font-weight: 600; color: var(--color-texto-2); text-transform: none; letter-spacing: normal; }
.cm-economia label span[b-pth5jw0zp6] { display: flex; align-items: center; gap: 4px; font-weight: 400; }
.cm-economia input[b-pth5jw0zp6], .cm-objetivo input[b-pth5jw0zp6], .cm-marca[b-pth5jw0zp6] {
    width: 96px; min-height: 34px; padding: 4px 8px; border: 1px solid var(--color-borde-fuerte); border-radius: var(--radio-sm);
    font-size: var(--fs-sm); font-family: var(--fuente-ui); font-variant-numeric: tabular-nums;
}

.cm-error[b-pth5jw0zp6] { margin: 0; padding: var(--esp-2) var(--esp-3); border-radius: var(--radio-sm); background: var(--color-peligro-fondo); color: var(--color-peligro); font-size: var(--fs-sm); }
.cm-ok[b-pth5jw0zp6] { margin: 0; font-size: var(--fs-sm); color: var(--color-exito); }
.cm-vacio[b-pth5jw0zp6] { margin: 0; font-size: var(--fs-sm); color: var(--color-texto-suave); }
.cm-ayuda[b-pth5jw0zp6] { margin: 0; font-size: var(--fs-sm); color: var(--color-texto-2); }
.cm-cargando[b-pth5jw0zp6] { display: flex; align-items: center; gap: var(--esp-3); padding: var(--esp-6); justify-content: center; color: var(--color-texto-2); font-size: var(--fs-sm); }
.cm-giro[b-pth5jw0zp6] { width: 22px; height: 22px; border: 3px solid var(--color-borde); border-top-color: var(--color-acento); border-radius: 50%; animation: cmGiro-b-pth5jw0zp6 .8s linear infinite; }
@keyframes cmGiro-b-pth5jw0zp6 { to { transform: rotate(360deg); } }

.cm-cabecera.recargando[b-pth5jw0zp6] { opacity: .6; }
.cm-resumen[b-pth5jw0zp6] { display: flex; flex-wrap: wrap; align-items: center; gap: var(--esp-2) var(--esp-3); }
.cm-resumen b[b-pth5jw0zp6] { font-size: var(--fs-lg); color: var(--color-texto); }
.cm-resumen small[b-pth5jw0zp6] { color: var(--color-texto-suave); font-size: var(--fs-xs); }
.cm-cuenta[b-pth5jw0zp6] { padding: 2px 10px; border-radius: var(--radio-full); font-size: var(--fs-xs); font-weight: 700; }
.cm-cuenta.mal[b-pth5jw0zp6] { background: var(--color-peligro-fondo); color: var(--color-peligro); }
.cm-cuenta.aviso[b-pth5jw0zp6] { background: var(--color-aviso-fondo); color: var(--color-aviso); }
.cm-cuenta.bien[b-pth5jw0zp6] { background: var(--color-exito-fondo); color: var(--color-exito); }
.cm-borrador[b-pth5jw0zp6] { margin: var(--esp-2) 0 0; padding: var(--esp-2) var(--esp-3); border-left: 3px solid var(--color-aviso); background: var(--color-aviso-fondo); font-size: var(--fs-xs); color: var(--color-texto); }

/* Lo que cuesta dinero */
.cm-dinero[b-pth5jw0zp6] {
    padding: var(--esp-4); border-radius: var(--radio-lg); color: var(--color-superficie);
    background: linear-gradient(135deg, color-mix(in srgb, var(--color-peligro) 35%, var(--gris-900)) 0%, color-mix(in srgb, var(--color-peligro) 75%, var(--gris-900)) 100%); box-shadow: var(--sombra-md);
}
.cm-dinero h2[b-pth5jw0zp6] { margin: 0 0 var(--esp-2); font-size: var(--fs-md); font-weight: 700; }
.cm-dinero h2 small[b-pth5jw0zp6] { font-weight: 400; opacity: .75; font-size: var(--fs-xs); margin-left: 6px; }
.cm-dinero .cm-vacio[b-pth5jw0zp6] { color: rgba(255, 255, 255, .85); }
.cm-dinero-total[b-pth5jw0zp6] { font-size: var(--fs-2xl); font-weight: 800; font-variant-numeric: tabular-nums; margin-bottom: var(--esp-2); }
.cm-dinero-total small[b-pth5jw0zp6] { font-size: var(--fs-sm); font-weight: 400; opacity: .75; }
.cm-dinero ul[b-pth5jw0zp6] { list-style: none; margin: 0; padding: 0; display: flex; flex-direction: column; gap: 4px; }
.cm-dinero li button[b-pth5jw0zp6] {
    position: relative; overflow: hidden; width: 100%; display: grid; grid-template-columns: minmax(0, 1.2fr) minmax(0, 1fr) auto; gap: var(--esp-3);
    align-items: center; padding: 8px 12px; border: 0; border-radius: var(--radio-sm); background: rgba(255, 255, 255, .07);
    color: inherit; text-align: left; cursor: pointer; font-size: var(--fs-sm);
}
.cm-dinero li button:hover[b-pth5jw0zp6] { background: rgba(255, 255, 255, .14); }
.cm-d-nombre[b-pth5jw0zp6] { font-weight: 700; position: relative; }
.cm-d-valor[b-pth5jw0zp6] { opacity: .9; position: relative; font-variant-numeric: tabular-nums; }
.cm-d-valor small[b-pth5jw0zp6] { opacity: .75; }
.cm-d-euros[b-pth5jw0zp6] { font-size: var(--fs-md); font-variant-numeric: tabular-nums; position: relative; }
.cm-d-barra[b-pth5jw0zp6] { position: absolute; left: 0; bottom: 0; height: 3px; width: var(--w); background: color-mix(in srgb, var(--color-peligro) 45%, var(--color-superficie)); }
.cm-dinero li button.est-aviso .cm-d-barra[b-pth5jw0zp6] { background: color-mix(in srgb, var(--color-aviso) 45%, var(--color-superficie)); }

/* Áreas y tarjetas */
.cm-area h2[b-pth5jw0zp6] { margin: 0 0 var(--esp-2); font-size: var(--fs-xs); font-weight: 800; letter-spacing: .06em; text-transform: uppercase; color: var(--color-texto-2); }
.cm-directriz[b-pth5jw0zp6] { margin-bottom: var(--esp-2); font-size: var(--fs-sm); }
.cm-directriz summary[b-pth5jw0zp6] { cursor: pointer; color: var(--color-acento-texto); font-weight: 600; }
.cm-directriz p[b-pth5jw0zp6] { margin: 6px 0 0; padding: var(--esp-2) var(--esp-3); border-left: 3px solid var(--color-acento); background: var(--color-acento-suave); white-space: pre-wrap; color: var(--color-texto); }
.cm-rejilla[b-pth5jw0zp6] { display: grid; grid-template-columns: repeat(auto-fill, minmax(230px, 1fr)); gap: var(--esp-2); }
.cm-tile[b-pth5jw0zp6] {
    display: flex; flex-direction: column; gap: 3px; padding: var(--esp-3); border: 1px solid var(--color-borde); border-left: 5px solid var(--color-borde-fuerte);
    border-radius: var(--radio-md); background: var(--color-superficie); text-align: left; cursor: pointer; box-shadow: var(--sombra-xs);
    transition: transform .12s, box-shadow .12s;
}
.cm-tile:hover[b-pth5jw0zp6] { transform: translateY(-1px); box-shadow: var(--sombra-md); }
.cm-tile.est-bien[b-pth5jw0zp6] { border-left-color: var(--color-exito); }
.cm-tile.est-aviso[b-pth5jw0zp6] { border-left-color: var(--color-aviso); }
.cm-tile.est-mal[b-pth5jw0zp6] { border-left-color: var(--color-peligro); background: linear-gradient(90deg, var(--color-peligro-fondo), var(--color-superficie) 60%); }
.cm-tile.est-info[b-pth5jw0zp6] { border-left-color: var(--color-acento); }
.cm-tile-nombre[b-pth5jw0zp6] { font-size: var(--fs-sm); font-weight: 700; color: var(--color-texto); }
.cm-tile-nombre em[b-pth5jw0zp6] { margin-left: 4px; padding: 0 6px; border-radius: var(--radio-full); background: var(--color-aviso-fondo); color: var(--color-aviso); font-size: var(--fs-2xs); font-style: normal; font-weight: 700; }
.cm-tile-valor b[b-pth5jw0zp6] { font-size: var(--fs-2xl); line-height: 1.1; color: var(--color-texto); font-variant-numeric: tabular-nums; }
.cm-tile-valor small[b-pth5jw0zp6] { font-size: var(--fs-xs); color: var(--color-texto-2); }
.cm-sin[b-pth5jw0zp6] { font-size: var(--fs-sm); color: var(--color-texto-suave); }
.cm-tile-obj[b-pth5jw0zp6], .cm-tile-agrama[b-pth5jw0zp6] { font-size: var(--fs-xs); color: var(--color-texto-2); font-variant-numeric: tabular-nums; }
.cm-tile-euros[b-pth5jw0zp6] { align-self: flex-start; margin-top: 2px; padding: 1px 8px; border-radius: var(--radio-full); background: var(--color-peligro-fondo); color: var(--color-peligro); font-size: var(--fs-xs); font-weight: 800; }

/* Panel de detalle */
.cm-fondo[b-pth5jw0zp6] { position: fixed; inset: 0; z-index: 940; background: rgba(10, 22, 40, .35); }
.cm-detalle[b-pth5jw0zp6] {
    position: fixed; top: 0; right: 0; bottom: 0; z-index: 950; width: min(560px, 100vw); display: flex; flex-direction: column;
    background: var(--color-superficie); box-shadow: var(--sombra-lg); animation: cmEntra-b-pth5jw0zp6 .18s ease-out both;
}
@keyframes cmEntra-b-pth5jw0zp6 { from { transform: translateX(24px); opacity: 0; } to { transform: none; opacity: 1; } }
.cm-detalle header[b-pth5jw0zp6] { display: flex; align-items: center; gap: var(--esp-3); padding: var(--esp-3) var(--esp-4); border-bottom: 1px solid var(--color-borde); }
.cm-detalle header div[b-pth5jw0zp6] { flex: 1; min-width: 0; }
.cm-detalle header small[b-pth5jw0zp6] { font-size: var(--fs-xs); color: var(--color-texto-suave); }
.cm-detalle h3[b-pth5jw0zp6] { margin: 0; font-size: var(--fs-lg); color: var(--color-texto); }
.cm-chip[b-pth5jw0zp6] { padding: 2px 10px; border-radius: var(--radio-full); font-size: var(--fs-xs); font-weight: 700; white-space: nowrap; }
.cm-chip.est-bien[b-pth5jw0zp6] { background: var(--color-exito-fondo); color: var(--color-exito); }
.cm-chip.est-aviso[b-pth5jw0zp6] { background: var(--color-aviso-fondo); color: var(--color-aviso); }
.cm-chip.est-mal[b-pth5jw0zp6] { background: var(--color-peligro-fondo); color: var(--color-peligro); }
.cm-chip.est-info[b-pth5jw0zp6], .cm-chip.est-sin[b-pth5jw0zp6] { background: var(--color-superficie-2); color: var(--color-texto-2); }
.cm-cerrar[b-pth5jw0zp6] { border: 0; background: none; font-size: var(--fs-lg); color: var(--color-texto-2); cursor: pointer; }
.cm-det-cuerpo[b-pth5jw0zp6] { flex: 1; overflow-y: auto; padding: var(--esp-3) var(--esp-4) var(--esp-6); }
.cm-det-cuerpo h4[b-pth5jw0zp6] { margin: var(--esp-4) 0 var(--esp-1); font-size: var(--fs-xs); font-weight: 800; text-transform: uppercase; letter-spacing: .05em; color: var(--color-texto-2); }
.cm-det-cuerpo p[b-pth5jw0zp6] { margin: 0; font-size: var(--fs-sm); color: var(--color-texto); }
.cm-calculo[b-pth5jw0zp6] { color: var(--color-texto-2) !important; }
.cm-det-cifras[b-pth5jw0zp6] { display: grid; grid-template-columns: repeat(3, minmax(0, 1fr)); gap: var(--esp-2); }
.cm-det-cifras div[b-pth5jw0zp6] { display: flex; flex-direction: column; gap: 2px; padding: var(--esp-2) var(--esp-3); border-radius: var(--radio-sm); background: var(--color-superficie-2); }
.cm-det-cifras small[b-pth5jw0zp6], .cm-det-cifras span[b-pth5jw0zp6] { font-size: var(--fs-2xs); color: var(--color-texto-suave); }
.cm-det-cifras b[b-pth5jw0zp6] { font-size: var(--fs-xl); color: var(--color-texto); font-variant-numeric: tabular-nums; }
.cm-det-euros[b-pth5jw0zp6] { display: flex; flex-direction: column; gap: 2px; margin-top: var(--esp-3); padding: var(--esp-2) var(--esp-3); border-radius: var(--radio-sm); background: var(--color-peligro-fondo); }
.cm-det-euros b[b-pth5jw0zp6] { color: var(--color-peligro); font-size: var(--fs-md); }
.cm-det-euros small[b-pth5jw0zp6] { color: var(--color-texto-2); font-size: var(--fs-xs); }
.cm-evol[b-pth5jw0zp6] { width: 100%; margin-top: var(--esp-1); border-collapse: collapse; font-size: var(--fs-xs); font-variant-numeric: tabular-nums; }
.cm-evol th[b-pth5jw0zp6], .cm-evol td[b-pth5jw0zp6] { padding: 3px 6px; text-align: right; border-bottom: 1px solid var(--color-borde); }
.cm-evol th:first-child[b-pth5jw0zp6], .cm-evol td:first-child[b-pth5jw0zp6] { text-align: left; font-weight: 700; }
.cm-evol tr.agr td[b-pth5jw0zp6] { color: var(--color-texto-suave); }
.cm-objetivo[b-pth5jw0zp6] { display: flex; flex-wrap: wrap; align-items: center; gap: var(--esp-2); font-size: var(--fs-sm); }
.cm-anim-acc[b-pth5jw0zp6] { display: flex; flex-wrap: wrap; align-items: center; gap: var(--esp-2); margin: var(--esp-2) 0; font-size: var(--fs-sm); }
.cm-anim-acc label[b-pth5jw0zp6] { display: inline-flex; align-items: center; gap: 4px; text-transform: none; letter-spacing: normal; font-size: var(--fs-sm); font-weight: 400; color: var(--color-texto); }
.cm-marca[b-pth5jw0zp6] { width: 130px; text-transform: uppercase; }
.cm-animales[b-pth5jw0zp6] { list-style: none; margin: 0; padding: 0; max-height: 360px; overflow-y: auto; border: 1px solid var(--color-borde); border-radius: var(--radio-sm); }
.cm-animales li[b-pth5jw0zp6] { display: grid; grid-template-columns: auto 90px minmax(0, 1fr); gap: var(--esp-2); align-items: center; padding: 5px 10px; border-bottom: 1px solid var(--color-borde); font-size: var(--fs-sm); }
.cm-animales li:last-child[b-pth5jw0zp6] { border-bottom: 0; }
.cm-animales a[b-pth5jw0zp6] { font-family: var(--fuente-mono); font-weight: 700; color: var(--color-acento-texto); text-decoration: none; }
.cm-animales span[b-pth5jw0zp6] { color: var(--color-texto-2); }

@media (max-width: 767px) {
    .cm-hueco[b-pth5jw0zp6] { display: none; }
    .cm-dinero li button[b-pth5jw0zp6] { grid-template-columns: minmax(0, 1fr) auto; }
    .cm-d-valor[b-pth5jw0zp6] { grid-column: 1 / -1; grid-row: 2; font-size: var(--fs-xs); }
    .cm-rejilla[b-pth5jw0zp6] { grid-template-columns: repeat(auto-fill, minmax(150px, 1fr)); }
    .cm-det-cifras[b-pth5jw0zp6] { grid-template-columns: 1fr 1fr; }
}
/* /Pages/Gestion.razor.rz.scp.css */
.gs[b-g35e446jsz] { display: flex; flex-direction: column; gap: var(--esp-4); }
.gs-intro[b-g35e446jsz] {
    position: relative; overflow: hidden; margin: 0; padding: var(--esp-5, 20px) var(--esp-6, 24px); border-radius: var(--radio-lg, 14px);
    background: linear-gradient(120deg, var(--marca-campo-900) 0%, var(--marca-campo-700) 60%, var(--marca-campo-500) 100%);
    color: var(--color-superficie); font-size: var(--fs-md); box-shadow: var(--sombra-sm);
}
.gs-intro[b-g35e446jsz]::after {
    content: ''; position: absolute; right: -50px; top: -70px; width: 240px; height: 240px; border-radius: 50%;
    background: radial-gradient(circle, color-mix(in srgb, var(--marca-campo-300) 35%, transparent) 0%, transparent 70%);
}
.gs-mods[b-g35e446jsz] { display: grid; grid-template-columns: repeat(auto-fill, minmax(240px, 1fr)); gap: var(--esp-3); }
.gs-mod[b-g35e446jsz] {
    display: flex; flex-direction: column; gap: 4px; padding: var(--esp-4); border: 1px solid var(--color-borde);
    border-radius: var(--radio-md); background: var(--color-superficie); box-shadow: var(--sombra-xs); text-decoration: none; color: inherit;
    transition: transform .12s, box-shadow .12s, border-color .12s;
}
a.gs-mod:hover[b-g35e446jsz] { transform: translateY(-2px); border-color: var(--marca-campo-500); box-shadow: var(--sombra-sm); }
.gs-prox[b-g35e446jsz] { opacity: .65; }
.gs-ico[b-g35e446jsz] {
    width: 44px; height: 44px; display: grid; place-items: center; border-radius: 14px; font-size: var(--fs-lg);
    background: color-mix(in srgb, var(--marca-campo-500) 14%, transparent); color: var(--marca-campo-600);
}
.gs-nom[b-g35e446jsz] { margin-top: var(--esp-2); font-size: var(--fs-md); font-weight: 800; color: var(--color-texto); }
.gs-nom em[b-g35e446jsz] { font-style: normal; font-size: var(--fs-2xs); font-weight: 600; color: var(--color-texto-suave); margin-left: 6px; }
.gs-des[b-g35e446jsz] { font-size: var(--fs-sm); color: var(--color-texto-2); }
@media (max-width: 640px) { .gs-mods[b-g35e446jsz] { grid-template-columns: 1fr; } }
/* /Pages/GestionLector.razor.rz.scp.css */
/* Lista de descargas del Lector (rediseño 3.1.8): una sola barra arriba, filtros por categoría y filas compactas
   agrupadas por mes. El resto de estilos del Lector sigue en app.css (gl-*). */

.gl-top[b-ursumnhotc] { display: flex; flex-wrap: wrap; align-items: center; gap: var(--esp-2); margin-bottom: var(--esp-2); }
.gl-seg[b-ursumnhotc] { display: inline-flex; padding: 3px; gap: 2px; border-radius: var(--radio-full); background: var(--color-superficie-2); }
.gl-seg button[b-ursumnhotc] {
    display: inline-flex; align-items: center; gap: 6px; padding: 5px 14px; border: 0; border-radius: var(--radio-full);
    background: transparent; color: var(--color-texto-2); font-size: var(--fs-sm); font-weight: 600; cursor: pointer;
}
.gl-seg button.activa[b-ursumnhotc] { background: var(--color-superficie); color: var(--color-acento-texto); box-shadow: var(--sombra-xs); }
.gl-seg .gl-agente-dot[b-ursumnhotc] { width: 7px; height: 7px; }
.gl-buscar[b-ursumnhotc] {
    flex: 0 1 320px; width: auto;
    min-width: 220px; min-height: 34px; padding: 0 var(--esp-3); border: 1px solid var(--color-borde-fuerte);
    border-radius: var(--radio-sm); background: var(--color-superficie); font-size: var(--fs-sm);
}
.gl-esp[b-ursumnhotc] { flex: 1; }
.gl-cuenta[b-ursumnhotc] { font-size: var(--fs-xs); color: var(--color-texto-suave); white-space: nowrap; }

.gl-chips[b-ursumnhotc] { display: flex; flex-wrap: wrap; gap: 6px; margin-bottom: var(--esp-2); }
.gl-chip[b-ursumnhotc] {
    display: inline-flex; align-items: center; gap: 6px; padding: 3px 12px; border: 1px solid var(--color-borde);
    border-radius: var(--radio-full); background: var(--color-superficie); color: var(--color-texto-2);
    font-size: var(--fs-xs); font-weight: 600; cursor: pointer;
}
.gl-chip b[b-ursumnhotc] { font-weight: 700; color: var(--color-texto-suave); }
.gl-chip.activa[b-ursumnhotc] { border-color: var(--color-acento-texto); background: var(--color-acento-suave); color: var(--color-acento-texto); }
.gl-chip.activa b[b-ursumnhotc] { color: var(--color-acento-texto); }

/* La página mide lo que la pantalla: la lista tiene su propio scroll (con «hidden» lo que no cabía no se veía) y el
   mes se queda arriba (sticky) al bajar */
.gl-lista[b-ursumnhotc] {
    border: 1px solid var(--color-borde); border-radius: var(--radio-md); background: var(--color-superficie);
    overflow-y: auto; overscroll-behavior: contain; min-height: 0;
}
.gl-mes[b-ursumnhotc] {
    position: sticky; top: 0; z-index: 1; display: flex; gap: var(--esp-2); align-items: baseline;
    padding: 6px var(--esp-3); background: var(--color-superficie-2); border-bottom: 1px solid var(--color-borde);
    font-size: var(--fs-xs); font-weight: 700; color: var(--color-texto-2); text-transform: capitalize;
}
.gl-mes span[b-ursumnhotc] { font-weight: 600; color: var(--color-texto-suave); }

.gl-fila[b-ursumnhotc] {
    display: grid; grid-template-columns: 44px 120px minmax(0, 1fr) auto; align-items: center; gap: var(--esp-3);
    padding: 6px var(--esp-3); border-bottom: 1px solid var(--color-borde); cursor: pointer;
}
.gl-fila:last-child[b-ursumnhotc] { border-bottom: 0; }
.gl-fila:hover[b-ursumnhotc] { background: var(--color-info-fondo); }
.gl-fila.sel[b-ursumnhotc] { background: var(--color-acento-suave); }
.gl-fila.fusion[b-ursumnhotc] { box-shadow: inset 3px 0 0 var(--color-acento); background: var(--color-acento-suave); }
.gl-fila .desc-badge[b-ursumnhotc] { justify-self: start; max-width: 100%; overflow: hidden; text-overflow: ellipsis; white-space: nowrap; }

.gl-dia[b-ursumnhotc] { display: flex; flex-direction: column; align-items: center; line-height: 1.1; }
.gl-dia b[b-ursumnhotc] { font-size: var(--fs-md); font-weight: 800; color: var(--color-texto); font-variant-numeric: tabular-nums; }
.gl-dia em[b-ursumnhotc] { font-size: var(--fs-2xs); font-style: normal; font-weight: 700; color: var(--color-texto-2); text-transform: uppercase; }
.gl-dia small[b-ursumnhotc] { font-size: var(--fs-2xs); color: var(--color-texto-suave); font-variant-numeric: tabular-nums; }

.gl-texto[b-ursumnhotc] { display: flex; flex-direction: column; min-width: 0; }
.gl-desc[b-ursumnhotc] { font-size: var(--fs-sm); font-weight: 600; color: var(--color-texto); white-space: nowrap; overflow: hidden; text-overflow: ellipsis; }
.gl-meta[b-ursumnhotc] { display: flex; flex-wrap: wrap; align-items: center; gap: 2px 6px; margin-top: 2px; font-size: var(--fs-xs); color: var(--color-texto-suave); }

.gl-acciones[b-ursumnhotc] { display: flex; align-items: center; gap: 2px; }
.gl-acciones .gl-icon-btn[b-ursumnhotc] { opacity: 0; transition: opacity .15s; }
.gl-fila:hover .gl-acciones .gl-icon-btn[b-ursumnhotc], .gl-fila.fusion .gl-acciones .gl-icon-btn[b-ursumnhotc], .gl-acciones .gl-icon-btn:focus-visible[b-ursumnhotc] { opacity: 1; }
.gl-flecha[b-ursumnhotc] { width: 16px; height: 16px; color: var(--color-texto-suave); }

.gl-vacia[b-ursumnhotc] { padding: var(--esp-4); text-align: center; font-size: var(--fs-sm); color: var(--color-texto-suave); }
.gl-link[b-ursumnhotc] { border: 0; background: none; padding: 0 4px; color: var(--color-acento-texto); font-weight: 600; text-decoration: underline; cursor: pointer; }

/* Táctil y móvil: acciones siempre visibles; la categoría pasa debajo del texto */
@media (hover: none) { .gl-acciones .gl-icon-btn[b-ursumnhotc] { opacity: 1; } }
@media (max-width: 640px) {
    .gl-buscar[b-ursumnhotc] { min-width: 0; flex: 1 1 100%; order: 5; }
    .gl-fila[b-ursumnhotc] { grid-template-columns: 40px minmax(0, 1fr) auto; grid-template-areas: "dia texto acc" "dia cat acc"; row-gap: 2px; }
    .gl-dia[b-ursumnhotc] { grid-area: dia; }
    .gl-texto[b-ursumnhotc] { grid-area: texto; }
    .gl-fila .desc-badge[b-ursumnhotc] { grid-area: cat; }
    .gl-acciones[b-ursumnhotc] { grid-area: acc; }
}

/* Casilla «Incluir avisos» en Cargar lector */
.gl-avisos[b-ursumnhotc] { display: inline-flex; align-items: center; gap: 6px; padding: 4px 10px; border-radius: var(--radio-full); background: color-mix(in srgb, var(--marca-campo-500) 12%, transparent); color: var(--marca-campo-600); font-size: var(--fs-xs); font-weight: 700; cursor: pointer; }
.gl-avisos b[b-ursumnhotc] { padding: 0 6px; border-radius: var(--radio-full); background: var(--marca-campo-600); color: var(--color-superficie); }
/* En la tabla de Cargar lector: el aviso que se cargará en la Equivalencia y la equivalencia normal tachada */
.gl-aviso-eq[b-ursumnhotc] { display: inline-block; padding: 1px 7px; border-radius: var(--radio-xs); background: var(--marca-campo-600); color: var(--color-superficie); font-family: var(--fuente-mono); font-size: var(--fs-xs); font-weight: 800; }
.gl-eq-normal[b-ursumnhotc] { margin-left: 6px; font-size: var(--fs-2xs); color: var(--color-texto-suave); }
.gl-aviso-destino[b-ursumnhotc] { width: auto; min-height: 30px; padding: 0 28px 0 8px; border: 1px solid var(--marca-campo-500); border-radius: var(--radio-full); background-color: var(--color-superficie); color: var(--marca-campo-600); font-size: var(--fs-xs); font-weight: 700; }
.gl-eq-normal[b-ursumnhotc] { display: block; margin-left: 0; }

/* Programas del lector de los ganaderos (solo administradores) */
.glg-programas[b-ursumnhotc] { display: flex; flex-wrap: wrap; gap: var(--esp-2) var(--esp-3); align-items: flex-end; }
.glg-programas label[b-ursumnhotc] { display: flex; flex-direction: column; gap: 2px; font-size: var(--fs-xs); color: var(--color-texto-suave); text-transform: none; }
.glg-programas input[b-ursumnhotc] { min-height: 34px; padding: 0 var(--esp-2); border: 1px solid var(--color-borde-fuerte); border-radius: var(--radio-sm);
                       font-family: var(--fuente-mono); font-size: var(--fs-sm); color: var(--color-texto); background: var(--color-superficie); }
.glg-ok[b-ursumnhotc] { color: var(--color-exito); }
.glg-mal[b-ursumnhotc] { color: var(--color-peligro); }

/* Mejora #32: ordenar por cada cordero en paridera */
.gld-th-corderos[b-ursumnhotc] { white-space: nowrap; }
.gld-orden[b-ursumnhotc] { margin-left: 4px; padding: 0 6px; border: 1px solid var(--color-borde); border-radius: var(--radio-full); background: var(--color-superficie);
    color: var(--color-texto-2); font: inherit; font-size: var(--fs-2xs); font-weight: 700; cursor: pointer; }
.gld-orden.activa[b-ursumnhotc] { border-color: var(--color-acento); background: var(--color-acento-suave); color: var(--color-acento-texto); }

/* Mejora #31: seleccionar por valor en «Crear descarga con selección» */
.gld-porvalor[b-ursumnhotc] { display: flex; flex-wrap: wrap; align-items: center; gap: var(--esp-2) var(--esp-4); margin: var(--esp-2) 0; padding: var(--esp-2) var(--esp-3);
    border: 1px solid var(--color-borde); border-radius: var(--radio-sm); background: var(--color-superficie-2); font-size: var(--fs-sm); }
.gld-porvalor-tit[b-ursumnhotc] { font-weight: 700; color: var(--color-texto); }
.gld-porvalor-col[b-ursumnhotc] { display: flex; flex-wrap: wrap; align-items: center; gap: var(--esp-1); }
.gld-porvalor-campo[b-ursumnhotc] { font-size: var(--fs-xs); font-weight: 600; color: var(--color-texto-suave); margin-right: 2px; }
.gld-valor[b-ursumnhotc] { padding: 2px 10px; border: 1px solid var(--color-borde-fuerte); border-radius: var(--radio-full); background: var(--color-superficie);
    color: var(--color-texto); font: inherit; font-size: var(--fs-xs); cursor: pointer; }
.gld-valor b[b-ursumnhotc] { margin-left: 4px; color: var(--color-texto-suave); }
.gld-valor:hover[b-ursumnhotc] { border-color: var(--color-acento); }
.gld-valor.parcial[b-ursumnhotc] { border-color: var(--color-acento); border-style: dashed; }
.gld-valor.activa[b-ursumnhotc] { border-color: var(--color-acento); background: var(--color-acento); color: #fff; }
.gld-valor.activa b[b-ursumnhotc] { color: #fff; }
/* /Pages/Identificadores.razor.rz.scp.css */
.id[b-y9sc7wpvug] { display: flex; flex-direction: column; gap: var(--esp-3); }
.id-cab[b-y9sc7wpvug] { display: flex; flex-wrap: wrap; align-items: flex-end; justify-content: space-between; gap: var(--esp-2) var(--esp-4); }
.id-cab h1[b-y9sc7wpvug] { margin: 0; font-size: var(--fs-lg); font-weight: 800; color: var(--color-texto); }
.id-cab p[b-y9sc7wpvug] { margin: 2px 0 0; color: var(--color-texto-2); font-size: var(--fs-sm); }
.id-pruebas[b-y9sc7wpvug] { margin-left: 6px; padding: 1px 8px; border-radius: var(--radio-full); background: var(--color-aviso-fondo); color: var(--color-texto-2); font-size: var(--fs-2xs); font-weight: 700; vertical-align: middle; }
.id-cargando[b-y9sc7wpvug], .id-vacio[b-y9sc7wpvug] { padding: var(--esp-3) var(--esp-4); color: var(--color-texto-suave); font-size: var(--fs-sm); }
.id-card[b-y9sc7wpvug] { display: flex; flex-direction: column; gap: var(--esp-2); padding: var(--esp-3); border: 1px solid var(--color-borde); border-radius: var(--radio-md); background: var(--color-superficie); }
.id-rejilla[b-y9sc7wpvug] { display: grid; grid-template-columns: repeat(auto-fill, minmax(280px, 1fr)); gap: var(--esp-2) var(--esp-3); }
.id-rejilla fieldset[b-y9sc7wpvug] { display: flex; flex-direction: column; gap: 6px; margin: 0; padding: var(--esp-2) var(--esp-3); border: 1px solid var(--color-borde); border-radius: var(--radio-sm); min-width: 0; }
.id-rejilla .id-ancho[b-y9sc7wpvug] { grid-column: 1 / -1; }
.id-rejilla legend[b-y9sc7wpvug] { padding: 0 4px; font-size: var(--fs-xs); font-weight: 700; color: var(--color-texto-2); }
.id-rejilla legend b[b-y9sc7wpvug] { margin-left: 4px; font-family: var(--fuente-mono); }
.id-rejilla label[b-y9sc7wpvug] { display: flex; flex-direction: column; gap: 2px; font-size: var(--fs-xs); color: var(--color-texto-2); }
.id-rejilla small[b-y9sc7wpvug] { color: var(--color-texto-suave); font-size: var(--fs-xs); }
.id-rejilla input[b-y9sc7wpvug], .id-rejilla select[b-y9sc7wpvug], .id-rejilla textarea[b-y9sc7wpvug] { min-height: 30px; padding: 3px 8px; border: 1px solid var(--color-borde-fuerte); border-radius: var(--radio-xs);
    background: var(--color-superficie); color: var(--color-texto); font-family: var(--fuente-ui); font-size: var(--fs-sm); }
.id-rejilla textarea[b-y9sc7wpvug] { width: 100%; resize: vertical; }
.id-acciones[b-y9sc7wpvug] { display: flex; flex-wrap: wrap; align-items: center; gap: var(--esp-2); }
.id-acciones small[b-y9sc7wpvug] { color: var(--color-texto-suave); font-size: var(--fs-xs); }
.id-resultado[b-y9sc7wpvug] { padding: var(--esp-2) var(--esp-3); border: 1px solid var(--color-borde); border-radius: var(--radio-sm); font-size: var(--fs-sm); }
.id-resultado.bien[b-y9sc7wpvug] { background: var(--color-acento-suave); }
.id-resultado.mal[b-y9sc7wpvug] { background: var(--color-aviso-fondo); }
.id-resultado p[b-y9sc7wpvug] { margin: 4px 0; }
.id-aviso[b-y9sc7wpvug] { color: var(--color-texto-2); }
.id-t[b-y9sc7wpvug] { width: 100%; border-collapse: collapse; font-size: var(--fs-sm); }
.id-t th[b-y9sc7wpvug] { padding: 4px var(--esp-2); text-align: left; font-size: var(--fs-2xs); font-weight: 700; text-transform: uppercase; color: var(--color-texto-suave); background: var(--color-superficie-2); }
.id-t td[b-y9sc7wpvug] { padding: 4px var(--esp-2); border-top: 1px solid var(--color-borde); }
.id-t .num[b-y9sc7wpvug] { text-align: right; }
.id .mono[b-y9sc7wpvug] { font-family: var(--fuente-mono); }
.id-mal td[b-y9sc7wpvug] { color: var(--color-peligro); }
@media (max-width: 640px) { .id-t[b-y9sc7wpvug] { font-size: var(--fs-xs); } .id-t th[b-y9sc7wpvug], .id-t td[b-y9sc7wpvug] { padding: 3px 6px; } }
.id-acciones .ca-btn:disabled[b-y9sc7wpvug] { opacity: .5; cursor: default; }

/* Pedir de verdad (Mejora #41): confirmación de la compra, líneas de nuevos y pedidos de OviNET */
.id-confirmar[b-y9sc7wpvug] { padding: var(--esp-3); border: 2px solid var(--color-acento); border-radius: var(--radio-sm); background: var(--color-superficie); font-size: var(--fs-sm); }
.id-confirmar p[b-y9sc7wpvug] { margin: 4px 0; }
.id-linea[b-y9sc7wpvug] { display: flex; flex-wrap: wrap; align-items: flex-end; gap: var(--esp-2); }
.id-linea label[b-y9sc7wpvug] { flex: 1 1 220px; }
.id-linea label:nth-child(2)[b-y9sc7wpvug] { flex: 0 0 110px; }
.id-quitar[b-y9sc7wpvug] { border: 0; background: none; color: var(--color-texto-suave); cursor: pointer; }
.id-quitar:hover[b-y9sc7wpvug] { color: var(--color-peligro); }
.id-h2[b-y9sc7wpvug] { margin: 0; font-size: var(--fs-sm); font-weight: 700; color: var(--color-texto-2); }
.id[b-y9sc7wpvug]  .ca-btn-prim, .id .ca-btn-prim[b-y9sc7wpvug] { background: var(--color-acento); color: var(--color-superficie); }
/* /Pages/Index.razor.rz.scp.css */
/* Inicio de Selección. La pantalla mira su propio ancho (container query): en la tablet el menú lateral deja menos del que dice la ventana */
.in[b-1spysblucx] { display: flex; flex-direction: column; gap: var(--esp-4); padding-bottom: var(--esp-4); container-type: inline-size; container-name: inicio; color: var(--color-texto); }

/* Blog en una línea */
.in-blog[b-1spysblucx] { display: flex; align-items: center; gap: var(--esp-2); padding: 6px var(--esp-3); border: 1px solid var(--color-borde); border-left: 4px solid var(--marca-oro-500); border-radius: var(--radio-sm); background: var(--color-superficie); font-size: var(--fs-sm); }
.in-blog-et[b-1spysblucx] { font-size: var(--fs-2xs); font-weight: 800; text-transform: uppercase; letter-spacing: .05em; color: var(--marca-oro-600); }
.in-blog-tit[b-1spysblucx] { flex: 1; min-width: 0; overflow: hidden; text-overflow: ellipsis; white-space: nowrap; font-weight: 700; color: var(--color-texto); text-decoration: none; }
.in-blog-tit:hover[b-1spysblucx] { text-decoration: underline; }
.in-blog-f[b-1spysblucx] { font-size: var(--fs-xs); color: var(--color-texto-suave); white-space: nowrap; }
.in-blog-x[b-1spysblucx] { border: 0; background: transparent; color: var(--color-texto-suave); font: inherit; cursor: pointer; }

/* Cabecera */
.in-cab[b-1spysblucx] { display: flex; flex-wrap: wrap; align-items: center; justify-content: space-between; gap: var(--esp-3) var(--esp-4); }
.in-cab-tit h2[b-1spysblucx] { margin: 0; font-size: var(--fs-2xl); font-weight: 800; letter-spacing: -.01em; }
.in-cab-tit p[b-1spysblucx] { margin: 2px 0 0; font-size: var(--fs-sm); color: var(--color-texto-2); }
.in-rga[b-1spysblucx] { display: flex; align-items: center; gap: var(--esp-3); padding: var(--esp-2) var(--esp-4); border: 1px solid var(--color-borde); border-radius: var(--radio-md); background: var(--color-superficie); box-shadow: var(--sombra-xs); }
.in-rga-tit[b-1spysblucx] { display: flex; flex-direction: column; font-size: var(--fs-xs); font-weight: 800; text-transform: uppercase; letter-spacing: .05em; color: var(--color-texto-suave); }
.in-rga-tit small[b-1spysblucx] { font-weight: 500; text-transform: none; letter-spacing: 0; }
.in-rga-pos[b-1spysblucx] { display: flex; flex-direction: column; align-items: center; min-width: 64px; padding: 2px 8px; border-radius: var(--radio-sm); }
.in-rga-pos b[b-1spysblucx] { font-size: var(--fs-xl); font-weight: 800; line-height: 1.1; font-variant-numeric: tabular-nums; }
.in-rga-pos small[b-1spysblucx] { font-size: var(--fs-2xs); color: var(--color-texto-suave); }
.in-rga-pos.oro[b-1spysblucx] { background: color-mix(in srgb, var(--marca-oro-500) 18%, transparent); } .in-rga-pos.oro b[b-1spysblucx] { color: var(--marca-oro-600); }
.in-rga-pos.plata[b-1spysblucx] { background: var(--gris-100); } .in-rga-pos.plata b[b-1spysblucx] { color: var(--gris-600); }
.in-rga-pos.bronce[b-1spysblucx] { background: color-mix(in srgb, #b45309 12%, transparent); } .in-rga-pos.bronce b[b-1spysblucx] { color: #b45309; }

.in-error[b-1spysblucx] { padding: var(--esp-2) var(--esp-3); border-radius: var(--radio-sm); background: var(--color-peligro-fondo); color: var(--color-peligro); font-size: var(--fs-sm); }

/* Secciones */
.in-sec[b-1spysblucx], .in-bloque[b-1spysblucx] { display: flex; flex-direction: column; gap: var(--esp-3); min-width: 0; }
.in-bloque[b-1spysblucx] { padding: var(--esp-3) var(--esp-4); border: 1px solid var(--color-borde); border-radius: var(--radio-md); background: var(--color-superficie); box-shadow: var(--sombra-xs); }
.in-sec-cab[b-1spysblucx] { display: flex; flex-wrap: wrap; align-items: baseline; gap: var(--esp-2) var(--esp-3); }
.in-sec-cab h3[b-1spysblucx] { margin: 0; font-size: var(--fs-md); font-weight: 800; }
.in-n[b-1spysblucx] { font-size: var(--fs-xs); color: var(--color-texto-suave); }
.in-link[b-1spysblucx] { margin-left: auto; font-size: var(--fs-xs); font-weight: 700; color: var(--color-acento-texto); text-decoration: none; }
.in-link:hover[b-1spysblucx] { text-decoration: underline; }
.in-nota[b-1spysblucx] { margin: 0; font-size: var(--fs-sm); color: var(--color-texto-2); }
.in-ok[b-1spysblucx] { margin: 0; padding: var(--esp-2) var(--esp-3); border-radius: var(--radio-sm); background: var(--color-exito-fondo); color: var(--color-exito); font-size: var(--fs-sm); font-weight: 600; }

/* Por hacer: tarjetas con número y pantalla de destino */
.in-tarjetas[b-1spysblucx] { display: grid; grid-template-columns: repeat(auto-fill, minmax(220px, 1fr)); gap: var(--esp-3); }
.in-tarjeta[b-1spysblucx] {
    --c: var(--color-acento);
    display: grid; grid-template-columns: 1fr auto; grid-template-areas: "tit n" "des des"; gap: 2px var(--esp-2); align-items: start;
    padding: var(--esp-3) var(--esp-4); border: 1px solid var(--color-borde); border-left: 5px solid var(--c); border-radius: var(--radio-md);
    background: var(--color-superficie); box-shadow: var(--sombra-xs); color: inherit; text-decoration: none; transition: transform .12s, box-shadow .12s;
}
.in-tarjeta:hover[b-1spysblucx] { transform: translateY(-2px); box-shadow: var(--sombra-sm); }
.in-tarjeta.rojo[b-1spysblucx] { --c: var(--color-peligro); } .in-tarjeta.ambar[b-1spysblucx] { --c: var(--color-aviso); } .in-tarjeta.azul[b-1spysblucx] { --c: var(--color-acento); }
.in-tarjeta.verde[b-1spysblucx] { --c: var(--color-exito); } .in-tarjeta.gris[b-1spysblucx] { --c: var(--color-borde-fuerte); }
.in-tarjeta.hueco[b-1spysblucx] { min-height: 84px; background: linear-gradient(90deg, var(--color-superficie-2), var(--color-superficie), var(--color-superficie-2)); border-left-color: var(--color-borde); }
.in-t-n[b-1spysblucx] { grid-area: n; font-size: var(--fs-2xl); font-weight: 800; line-height: 1; color: var(--c); font-variant-numeric: tabular-nums; }
.in-tarjeta.gris .in-t-n[b-1spysblucx] { color: var(--color-texto-2); }
.in-t-tit[b-1spysblucx] { grid-area: tit; font-size: var(--fs-md); font-weight: 800; }
.in-t-des[b-1spysblucx] { grid-area: des; font-size: var(--fs-xs); color: var(--color-texto-2); }

/* Rebaño y genética, lado a lado */
.in-dos[b-1spysblucx] { display: grid; grid-template-columns: 1fr 1fr; gap: var(--esp-3); }
.in-et[b-1spysblucx] { font-size: var(--fs-2xs); font-weight: 800; text-transform: uppercase; letter-spacing: .05em; color: var(--color-texto-suave); }
.in-reb[b-1spysblucx] { display: grid; grid-template-columns: 1fr 1fr; gap: var(--esp-4); }
.in-reb-cab[b-1spysblucx] { display: flex; align-items: baseline; gap: var(--esp-2); }
.in-big[b-1spysblucx] { font-size: var(--fs-2xl); font-weight: 800; line-height: 1.1; font-variant-numeric: tabular-nums; }
.in-kv[b-1spysblucx] { display: grid; grid-template-columns: 1fr auto; gap: 3px var(--esp-3); margin: var(--esp-2) 0 0; font-size: var(--fs-sm); }
.in-kv dt[b-1spysblucx] { color: var(--color-texto-2); } .in-kv dd[b-1spysblucx] { margin: 0; text-align: right; font-weight: 700; font-variant-numeric: tabular-nums; }

.in-gen[b-1spysblucx] { display: flex; flex-direction: column; gap: var(--esp-2); }
.in-gen-fila[b-1spysblucx] { display: grid; grid-template-columns: 86px 1fr auto auto 56px; align-items: center; gap: 0 var(--esp-2); font-size: var(--fs-sm); }
.in-gen-et[b-1spysblucx] { font-weight: 700; }
.in-gen-barras[b-1spysblucx] { display: flex; flex-direction: column; gap: 3px; }
.in-gen-barras i[b-1spysblucx] { display: block; height: 6px; width: var(--w, 0%); min-width: 2px; border-radius: 3px; transition: width .3s; }
.in-gen-barras i.exp[b-1spysblucx] { background: var(--color-acento); } .in-gen-barras i.pob[b-1spysblucx] { background: var(--gris-300); }
.in-gen-v[b-1spysblucx] { font-weight: 800; font-variant-numeric: tabular-nums; white-space: nowrap; }
.in-gen-p[b-1spysblucx] { color: var(--color-texto-suave); white-space: nowrap; font-size: var(--fs-xs); }
.in-dif[b-1spysblucx] { text-align: right; font-weight: 800; font-variant-numeric: tabular-nums; }
.in-dif.pos[b-1spysblucx] { color: var(--color-exito); } .in-dif.neg[b-1spysblucx] { color: var(--color-peligro); }
.in-conex[b-1spysblucx] { display: flex; align-items: center; gap: var(--esp-2); padding-top: var(--esp-2); border-top: 1px dashed var(--color-borde); font-size: var(--fs-sm); }
.in-conex b[b-1spysblucx] { font-weight: 800; }
.in-chip[b-1spysblucx] { padding: 1px 10px; border-radius: var(--radio-full); font-size: var(--fs-2xs); font-weight: 800; color: #fff; background: var(--color-borde-fuerte); }
.in-chip.top[b-1spysblucx] { background: var(--calidad-top); } .in-chip.bueno[b-1spysblucx] { background: var(--calidad-bueno); } .in-chip.medio[b-1spysblucx] { background: var(--calidad-medio); }
.in-chip.bajo[b-1spysblucx] { background: var(--calidad-bajo); } .in-chip.malo[b-1spysblucx] { background: var(--calidad-malo); }

/* Periodo de la cronología */
.in-periodos[b-1spysblucx] { display: inline-flex; border: 1px solid var(--color-borde-fuerte); border-radius: var(--radio-full); overflow: hidden; }
.in-periodos button[b-1spysblucx] { padding: 3px 12px; border: 0; background: var(--color-superficie); font: inherit; font-size: var(--fs-2xs); font-weight: 700; color: var(--color-texto-suave); cursor: pointer; }
.in-periodos button + button[b-1spysblucx] { border-left: 1px solid var(--color-borde); }
.in-periodos button.on[b-1spysblucx] { background: var(--color-acento); color: #fff; }

/* Cronología por días */
.in-crono[b-1spysblucx] { list-style: none; margin: 0; padding: 0; display: flex; flex-direction: column; gap: var(--esp-2); }
.in-dia[b-1spysblucx] { display: grid; grid-template-columns: 110px 1fr; gap: var(--esp-3); padding: var(--esp-2) var(--esp-3); border: 1px solid var(--color-borde); border-radius: var(--radio-md); background: var(--color-superficie); }
.in-dia-f[b-1spysblucx] { display: flex; flex-direction: column; font-weight: 800; text-transform: capitalize; font-size: var(--fs-sm); }
.in-dia-f small[b-1spysblucx] { font-weight: 500; text-transform: none; color: var(--color-texto-suave); font-size: var(--fs-2xs); }
.in-dia ul[b-1spysblucx] { list-style: none; margin: 0; padding: 0; display: flex; flex-direction: column; gap: 3px; min-width: 0; }
.in-dia li[b-1spysblucx] { display: flex; flex-wrap: wrap; align-items: baseline; gap: 0 var(--esp-2); font-size: var(--fs-sm); }
.in-dia li i[b-1spysblucx] { align-self: center; width: 9px; height: 9px; border-radius: 50%; background: var(--color-borde-fuerte); flex: none; }
.in-dia li a[b-1spysblucx] { font-weight: 700; color: var(--color-texto); text-decoration: none; } .in-dia li a:hover[b-1spysblucx] { color: var(--color-acento-texto); text-decoration: underline; }
.in-a-n[b-1spysblucx] { color: var(--color-texto-2); }
.in-dia li small[b-1spysblucx] { color: var(--color-texto-suave); font-size: var(--fs-xs); }
.in-dia li.t-prod i[b-1spysblucx] { background: var(--color-acento); } .in-dia li.t-repro i[b-1spysblucx] { background: #7c3aed; } .in-dia li.t-partos i[b-1spysblucx] { background: #be185d; }
.in-dia li.t-gen i[b-1spysblucx] { background: var(--color-exito); } .in-dia li.t-libro i[b-1spysblucx] { background: var(--marca-oro-500); }

.in-pie[b-1spysblucx] { margin: 0; text-align: center; font-size: var(--fs-xs); color: var(--color-texto-suave); }
.in-pie a[b-1spysblucx] { color: inherit; }

/* Poco ancho (móvil o tablet con el menú abierto) */
@container inicio (max-width: 860px) {
    .in-dos[b-1spysblucx] { grid-template-columns: 1fr; }
    .in-rga[b-1spysblucx] { gap: var(--esp-2); padding: var(--esp-2) var(--esp-3); } .in-rga-pos[b-1spysblucx] { min-width: 54px; }
}
@container inicio (max-width: 560px) {
    .in-cab-tit h2[b-1spysblucx] { font-size: var(--fs-xl); }
    .in-rga[b-1spysblucx] { width: 100%; justify-content: space-between; } .in-rga-tit small[b-1spysblucx] { display: none; }
    .in-tarjetas[b-1spysblucx] { grid-template-columns: 1fr; }
    .in-reb[b-1spysblucx] { grid-template-columns: 1fr; gap: var(--esp-3); }
    .in-gen-fila[b-1spysblucx] { grid-template-columns: 76px 1fr auto 48px; } .in-gen-p[b-1spysblucx] { display: none; }
    .in-dia[b-1spysblucx] { grid-template-columns: 1fr; gap: 4px; } .in-dia-f[b-1spysblucx] { flex-direction: row; gap: var(--esp-2); align-items: baseline; }
    .in-periodos[b-1spysblucx] { order: 10; } .in-link[b-1spysblucx] { margin-left: 0; }
}
/* /Pages/Lactaciones.razor.rz.scp.css */
.lc[b-fvz66amngj] { display: flex; flex-direction: column; gap: var(--esp-3); padding-bottom: var(--esp-6, 32px); }
.lc-cab[b-fvz66amngj] { display: flex; flex-wrap: wrap; justify-content: space-between; align-items: flex-end; gap: var(--esp-3); }
.lc-tit[b-fvz66amngj] { display: flex; align-items: center; gap: var(--esp-2); margin: 0; font-size: var(--fs-lg); font-weight: 700; }
.lc-sigla[b-fvz66amngj] { font-size: var(--fs-xs); padding: 2px 8px; border-radius: var(--radio-xs); background: var(--color-acento-suave); color: var(--color-acento-texto); }
.lc-sub[b-fvz66amngj] { margin: 2px 0 0; font-size: var(--fs-sm); color: var(--color-texto-2); }
.lc-pestanas[b-fvz66amngj] { display: inline-flex; flex-wrap: wrap; gap: 4px; }
.lc-pestanas button[b-fvz66amngj] { padding: 6px 14px; border: 1px solid var(--color-borde-fuerte); border-radius: var(--radio-full); background: var(--color-superficie); color: var(--color-texto-2); font-size: var(--fs-sm); font-weight: 600; cursor: pointer; }
.lc-pestanas button.activa[b-fvz66amngj] { background: var(--color-acento-texto); border-color: var(--color-acento-texto); color: var(--color-superficie); }

.lc-filtros[b-fvz66amngj] { display: flex; flex-wrap: wrap; align-items: center; gap: var(--esp-2) var(--esp-3); padding: var(--esp-3); border: 1px solid var(--color-borde); border-radius: var(--radio-md); background: var(--color-superficie); }
.lc-filtros label[b-fvz66amngj] { display: inline-flex; align-items: center; gap: var(--esp-1); font-size: var(--fs-sm); color: var(--color-texto-2); }
.lc-filtros input[b-fvz66amngj], .lc-filtros select[b-fvz66amngj] { min-height: 34px; border: 1px solid var(--color-borde-fuerte); border-radius: var(--radio-sm); padding: 0 var(--esp-2); font-size: var(--fs-sm); background: var(--color-superficie); }
.lc-oveja[b-fvz66amngj] { min-width: 200px; }
.lc-esp[b-fvz66amngj] { flex: 1; }
.lc-btn[b-fvz66amngj] { min-height: 34px; padding: 0 var(--esp-4); border: 1px solid var(--color-borde-fuerte); border-radius: var(--radio-sm); background: var(--color-superficie); color: var(--color-texto-2); font-size: var(--fs-sm); font-weight: 600; cursor: pointer; }
.lc-btn.prim[b-fvz66amngj] { background: var(--color-acento-texto); border-color: var(--color-acento-texto); color: var(--color-superficie); }
.lc-btn:disabled[b-fvz66amngj] { opacity: .5; cursor: default; }
.lc-error[b-fvz66amngj] { padding: var(--esp-2) var(--esp-3); border-radius: var(--radio-sm); background: var(--color-peligro-fondo); color: var(--color-peligro); font-size: var(--fs-sm); }
.lc-estado[b-fvz66amngj] { padding: var(--esp-5, 24px); text-align: center; color: var(--color-texto-suave); }

.lc-kpis[b-fvz66amngj] { display: grid; grid-template-columns: repeat(auto-fit, minmax(130px, 1fr)); gap: var(--esp-3); }
.lc-kpi[b-fvz66amngj] { display: flex; flex-direction: column; padding: var(--esp-3); border-radius: var(--radio-sm); background: var(--color-info-fondo); }
.lc-kpi.destacado[b-fvz66amngj] { background: var(--color-exito-fondo); }
.lc-kpi strong[b-fvz66amngj] { font-size: var(--fs-xl); font-weight: 800; font-variant-numeric: tabular-nums; color: var(--color-texto); }
.lc-kpi strong small[b-fvz66amngj] { font-size: var(--fs-sm); font-weight: 600; color: var(--color-texto-2); }
.lc-kpi span[b-fvz66amngj] { font-size: var(--fs-xs); color: var(--color-texto-suave); }

.lc-graficos[b-fvz66amngj] { display: grid; grid-template-columns: 3fr 2fr; gap: var(--esp-3); }
.lc-panel[b-fvz66amngj] { padding: var(--esp-3) var(--esp-4); border: 1px solid var(--color-borde); border-radius: var(--radio-md); background: var(--color-superficie); min-width: 0; }
.lc-panel h3[b-fvz66amngj] { margin: 0 0 var(--esp-3); font-size: var(--fs-sm); font-weight: 700; color: var(--color-texto); }
.lc-panel h3 span[b-fvz66amngj] { font-weight: 400; color: var(--color-texto-suave); }

.lc-hist[b-fvz66amngj] { display: flex; align-items: flex-end; gap: 2px; height: 150px; }
.lc-hist-col[b-fvz66amngj] { flex: 1; display: flex; flex-direction: column; justify-content: flex-end; align-items: stretch; height: 100%; min-width: 0; }
.lc-hist-col i[b-fvz66amngj] { display: block; min-height: 1px; border-radius: 4px 4px 0 0; background: var(--calidad-medio-barra); }
.lc-hist-col i.sobre[b-fvz66amngj] { background: var(--calidad-bueno-barra); }
.lc-hist-col:hover i[b-fvz66amngj] { filter: brightness(.9); }
.lc-hist-n[b-fvz66amngj] { font-size: var(--fs-2xs); text-align: center; color: var(--color-texto-2); font-variant-numeric: tabular-nums; }
.lc-hist-x[b-fvz66amngj] { padding-top: 2px; border-top: 1px solid var(--color-borde-fuerte); font-size: var(--fs-2xs); text-align: center; color: var(--color-texto-suave); white-space: nowrap; overflow: hidden; }

.lc-barras[b-fvz66amngj] { display: flex; flex-direction: column; gap: var(--esp-2); }
.lc-barra-fila[b-fvz66amngj] { display: grid; grid-template-columns: 70px 1fr auto; align-items: center; gap: var(--esp-2); font-size: var(--fs-sm); }
.lc-barra-et[b-fvz66amngj] { color: var(--color-texto-2); }
.lc-barra-pista[b-fvz66amngj] { height: 14px; border-radius: var(--radio-full); background: var(--color-superficie-2); overflow: hidden; }
.lc-barra-pista i[b-fvz66amngj] { display: block; height: 100%; border-radius: var(--radio-full); background: var(--color-acento); }
.lc-barra-val[b-fvz66amngj] { font-variant-numeric: tabular-nums; color: var(--color-texto-2); white-space: nowrap; }
.lc-barra-val strong[b-fvz66amngj] { color: var(--color-texto); }

.lc-nota[b-fvz66amngj] { margin: var(--esp-2) 0 0; font-size: var(--fs-xs); color: var(--color-texto-suave); }
.lc-cuadro[b-fvz66amngj] { display: inline-block; width: 10px; height: 10px; border-radius: 2px; vertical-align: middle; background: var(--calidad-medio-barra); }
.lc-cuadro.sobre[b-fvz66amngj] { background: var(--calidad-bueno-barra); }

.lc-cab-lista[b-fvz66amngj] { font-size: var(--fs-sm); color: var(--color-texto-suave); }
.lc-tabla[b-fvz66amngj] { overflow: auto; max-height: 70vh; border: 1px solid var(--color-borde); border-radius: var(--radio-md); background: var(--color-superficie); }
.lc-tabla table[b-fvz66amngj] { width: 100%; border-collapse: collapse; font-size: var(--fs-sm); }
.lc-tabla th[b-fvz66amngj] { position: sticky; top: 0; z-index: 1; padding: var(--esp-2) var(--esp-3); background: var(--color-superficie-2); text-align: left; font-size: var(--fs-xs); font-weight: 700; color: var(--color-texto-2); white-space: nowrap; cursor: pointer; user-select: none; }
.lc-tabla th.ord[b-fvz66amngj] { color: var(--color-acento-texto); }
.lc-tabla td[b-fvz66amngj] { padding: 5px var(--esp-3); border-top: 1px solid var(--color-borde); white-space: nowrap; }
.lc-tabla .num[b-fvz66amngj] { text-align: right; font-variant-numeric: tabular-nums; }
.lc-tabla th.num[b-fvz66amngj] { text-align: right; }
.lc-tabla tr:hover td[b-fvz66amngj] { background: var(--color-info-fondo); cursor: pointer; }
.lc-tabla tr.invalida td[b-fvz66amngj] { color: var(--color-texto-suave); text-decoration: line-through; }
.lc-iden[b-fvz66amngj] { font-family: var(--fuente-mono); font-weight: 700; color: var(--color-acento-texto); }
.lc-120 strong[b-fvz66amngj] { color: var(--color-texto); }
.lc-dif[b-fvz66amngj] { display: inline-block; min-width: 34px; margin-left: 6px; font-size: var(--fs-2xs); font-weight: 700; text-align: right; }
.lc-dif.pos[b-fvz66amngj] { color: var(--calidad-bueno); }
.lc-dif.neg[b-fvz66amngj] { color: var(--calidad-malo); }
.lc-alto[b-fvz66amngj] { color: var(--color-peligro); font-weight: 700; }

@media (max-width: 900px) {
    .lc-graficos[b-fvz66amngj] { grid-template-columns: 1fr; }
    .lc-pestanas[b-fvz66amngj] { width: 100%; }
}
/* Comparación de las parideras de un año (Mejora #58) */
.lc-comparar[b-fvz66amngj] { margin-bottom: var(--esp-3); }
.lc-comparar .lc-tabla[b-fvz66amngj] { max-height: none; }
.lc-fila-par[b-fvz66amngj] { cursor: pointer; }
.lc-fila-par.sel td[b-fvz66amngj] { background: var(--color-acento-suave); font-weight: 700; }
.lc-fila-par td small[b-fvz66amngj] { color: var(--color-texto-suave); }
.lc-mejor[b-fvz66amngj] { color: var(--color-exito); font-weight: 700; }
/* /Pages/LibroExplotacion.razor.rz.scp.css */


/* Salidas confirmadas en la Junta con animales que siguen vivos en OviNET */
.lo-sinbaja[b-1qbdc0zoaj] { border-color: color-mix(in srgb, var(--color-aviso) 45%, var(--color-borde)); }
.lo-sb-guia[b-1qbdc0zoaj] { display: flex; flex-direction: column; gap: var(--esp-2); padding: var(--esp-3) var(--esp-4); border-top: 1px solid var(--color-borde); }
.lo-sb-cab[b-1qbdc0zoaj] { display: flex; flex-wrap: wrap; align-items: baseline; gap: var(--esp-2) var(--esp-3); font-size: var(--fs-sm); color: var(--color-texto); }
.lo-sb-cab small[b-1qbdc0zoaj] { color: var(--color-texto-suave); }
.lo-sb-animales[b-1qbdc0zoaj] { display: flex; flex-wrap: wrap; gap: 6px; }
.lo-sb-animal[b-1qbdc0zoaj] { padding: 2px 10px; border-radius: var(--radio-full); background: var(--color-superficie-2); border: 1px solid var(--color-borde); font-size: var(--fs-xs); }
.lo-sb-animal small[b-1qbdc0zoaj] { color: var(--color-texto-suave); }
.lo-sb-animal.ok[b-1qbdc0zoaj] { background: var(--color-exito-fondo); border-color: transparent; color: var(--color-exito); }
.lo-sb-animal.mal[b-1qbdc0zoaj] { background: var(--color-peligro-fondo); border-color: transparent; color: var(--color-peligro); }
.lo-sb-acc[b-1qbdc0zoaj] { display: flex; flex-wrap: wrap; align-items: center; gap: var(--esp-2) var(--esp-3); }
.lo-sb-acc label[b-1qbdc0zoaj] { display: inline-flex; align-items: center; gap: var(--esp-2); font-size: var(--fs-sm); color: var(--color-texto-2); text-transform: none; }
.lo-sb-acc select[b-1qbdc0zoaj] { min-height: 32px; padding: 0 6px; border: 1px solid var(--color-borde-fuerte); border-radius: var(--radio-xs);
                    font-size: var(--fs-sm); background: var(--color-superficie); color: var(--color-texto); max-width: 280px; }
.lo-sb-sim[b-1qbdc0zoaj] { font-size: var(--fs-sm); color: var(--color-texto-2); }
.lo-sb-ok[b-1qbdc0zoaj] { margin: 0; font-size: var(--fs-sm); color: var(--color-exito); font-weight: 600; }
.lo-sb-err[b-1qbdc0zoaj] { color: var(--color-peligro); }
.lo-btn[b-1qbdc0zoaj] { min-height: 32px; padding: 0 var(--esp-3); border: 1px solid var(--color-borde-fuerte); border-radius: var(--radio-sm);
          background: var(--color-superficie); color: var(--color-texto); font-size: var(--fs-sm); font-weight: 600; cursor: pointer; }
.lo-btn-prim[b-1qbdc0zoaj] { background: var(--color-acento-texto); border-color: var(--color-acento-texto); color: var(--color-superficie); }
.lo-btn:disabled[b-1qbdc0zoaj] { opacity: .5; cursor: default; }

/* Omitir una diferencia que no se va a corregir (sql/70) */
.lo-omitir[b-1qbdc0zoaj] { white-space: nowrap; text-align: right; }
.lo-omitir small[b-1qbdc0zoaj] { color: var(--color-texto-suave); margin-right: var(--esp-2); }
.lo-omitir-btn[b-1qbdc0zoaj] { font: inherit; font-size: var(--fs-xs); padding: 2px var(--esp-2); border: 1px solid var(--color-borde); border-radius: var(--radio-sm);
    background: var(--color-superficie); color: var(--color-texto-2); cursor: pointer; }
.lo-omitir-btn:hover:not(:disabled)[b-1qbdc0zoaj] { border-color: var(--color-acento-texto); color: var(--color-acento-texto); }
.lo-omitir-btn:disabled[b-1qbdc0zoaj] { opacity: .5; cursor: default; }
/* /Pages/Lotes.razor.rz.scp.css */
.lt[b-mh0aqvzjnc] { display: flex; flex-direction: column; gap: var(--esp-3); padding-bottom: var(--esp-6, 32px); }
.lt-barra[b-mh0aqvzjnc] { display: flex; flex-wrap: wrap; align-items: center; gap: var(--esp-2); }
.lt-esp[b-mh0aqvzjnc] { flex: 1; }
.lt-dato[b-mh0aqvzjnc] { font-size: var(--fs-xs); color: var(--color-texto-suave); }
.lt-error[b-mh0aqvzjnc] { padding: var(--esp-2) var(--esp-3); border-radius: var(--radio-sm); background: var(--color-peligro-fondo); color: var(--color-peligro); font-size: var(--fs-sm); }
.lt-estado[b-mh0aqvzjnc] { padding: var(--esp-5, 20px); text-align: center; color: var(--color-texto-suave); }
.lt-aviso[b-mh0aqvzjnc] { font-size: var(--fs-sm); color: var(--color-texto-2); }

.lt-btn[b-mh0aqvzjnc] { min-height: 36px; padding: 0 var(--esp-4); border: 1px solid var(--color-borde-fuerte); border-radius: var(--radio-sm); background: var(--color-superficie); color: var(--color-texto-2); font-size: var(--fs-sm); font-weight: 600; cursor: pointer; white-space: nowrap; }
.lt-btn.prim[b-mh0aqvzjnc] { background: var(--color-acento-texto); border-color: var(--color-acento-texto); color: var(--color-superficie); }
.lt-btn:disabled[b-mh0aqvzjnc] { opacity: .5; cursor: default; }
.lt-icono[b-mh0aqvzjnc] { padding: 0 var(--esp-2); }
.lt-link[b-mh0aqvzjnc] { border: 0; background: none; padding: 0; color: var(--color-acento-texto); font-weight: 600; text-decoration: underline; cursor: pointer; }
.lt-link.peligro[b-mh0aqvzjnc] { color: var(--color-peligro); }
.lt-pie[b-mh0aqvzjnc] { font-size: var(--fs-xs); color: var(--color-texto-suave); }

.lt-chip[b-mh0aqvzjnc] { display: inline-flex; align-items: center; gap: 6px; padding: 5px 12px; border: 1px solid var(--color-borde); border-radius: var(--radio-full); background: var(--color-superficie); color: var(--color-texto-2); font-size: var(--fs-xs); font-weight: 600; cursor: pointer; }
.lt-chip b[b-mh0aqvzjnc] { color: var(--color-texto-suave); }
.lt-chip.activa[b-mh0aqvzjnc] { border-color: var(--color-acento-texto); background: var(--color-acento-suave); color: var(--color-acento-texto); }

.lt-vacio[b-mh0aqvzjnc] { padding: var(--esp-4); border: 1px dashed var(--color-borde-fuerte); border-radius: var(--radio-md); background: var(--color-superficie); font-size: var(--fs-sm); color: var(--color-texto-2); }
.lt-vacio p[b-mh0aqvzjnc] { margin: 0 0 var(--esp-3); }
.lt-sugeridos[b-mh0aqvzjnc] { display: flex; flex-wrap: wrap; gap: var(--esp-2); }

/* Colores de lote: solo tokens */
.c-acento[b-mh0aqvzjnc] { --lt-c: var(--color-acento); }
.c-verde[b-mh0aqvzjnc] { --lt-c: var(--calidad-bueno-barra); }
.c-ambar[b-mh0aqvzjnc] { --lt-c: var(--calidad-medio-barra); }
.c-rojo[b-mh0aqvzjnc] { --lt-c: var(--calidad-malo-barra); }
.c-violeta[b-mh0aqvzjnc] { --lt-c: var(--calidad-top-barra); }
.c-gris[b-mh0aqvzjnc] { --lt-c: var(--color-borde-fuerte); }

.lt-tarjetas[b-mh0aqvzjnc] { display: grid; grid-template-columns: repeat(auto-fill, minmax(250px, 1fr)); gap: var(--esp-3); }
.lt-tarjeta[b-mh0aqvzjnc] {
    display: flex; flex-direction: column; align-items: stretch; gap: 6px; padding: var(--esp-3) var(--esp-4);
    border: 1px solid var(--color-borde); border-left: 5px solid var(--lt-c, var(--color-acento)); border-radius: var(--radio-md);
    background: var(--color-superficie); box-shadow: var(--sombra-xs); text-align: left; cursor: pointer;
}
.lt-tarjeta:hover[b-mh0aqvzjnc] { box-shadow: var(--sombra-sm); border-color: var(--lt-c, var(--color-acento)); }
.lt-sinlote[b-mh0aqvzjnc] { border-style: dashed; border-left-style: solid; --lt-c: var(--color-borde-fuerte); }
.lt-t-cab[b-mh0aqvzjnc] { display: flex; justify-content: space-between; align-items: baseline; gap: var(--esp-2); }
.lt-t-nombre[b-mh0aqvzjnc] { font-size: var(--fs-md); font-weight: 800; color: var(--color-texto); }
.lt-t-tipo[b-mh0aqvzjnc] { font-size: var(--fs-2xs); font-weight: 700; text-transform: uppercase; letter-spacing: .04em; color: var(--color-texto-suave); }
.lt-t-n[b-mh0aqvzjnc] { font-size: var(--fs-sm); color: var(--color-texto-2); }
.lt-t-n b[b-mh0aqvzjnc] { font-size: var(--fs-xl); color: var(--color-texto); }
.lt-t-kpis[b-mh0aqvzjnc] { display: flex; flex-direction: column; gap: 2px; font-size: var(--fs-xs); color: var(--color-texto-2); }
.lt-t-kpis b[b-mh0aqvzjnc] { color: var(--color-texto); }
.lt-alerta[b-mh0aqvzjnc] { color: var(--color-peligro); font-weight: 700; }

.lt-cab-nombre[b-mh0aqvzjnc] { font-size: var(--fs-lg); font-weight: 800; color: var(--color-texto); padding-left: var(--esp-2); border-left: 5px solid var(--lt-c, var(--color-acento)); }

.lt-panel[b-mh0aqvzjnc] { display: flex; flex-direction: column; gap: var(--esp-2); padding: var(--esp-3); border: 1px solid var(--color-borde); border-radius: var(--radio-md); background: var(--color-superficie); }
.lt-panel-fila[b-mh0aqvzjnc] { display: flex; flex-wrap: wrap; align-items: center; gap: var(--esp-2); }
.lt-input[b-mh0aqvzjnc], .lt-select[b-mh0aqvzjnc] { min-height: 36px; padding: 0 var(--esp-2); border: 1px solid var(--color-borde-fuerte); border-radius: var(--radio-sm); background: var(--color-superficie); font-size: var(--fs-sm); }
.lt-input[b-mh0aqvzjnc] { flex: 1 1 220px; }
.lt-select[b-mh0aqvzjnc] { max-width: 100%; }
.lt-crotales[b-mh0aqvzjnc] { flex: 1 1 300px; min-height: 64px; padding: var(--esp-2); border: 1px solid var(--color-borde-fuerte); border-radius: var(--radio-sm); font-family: var(--fuente-mono); font-size: var(--fs-sm); }
.lt-colores[b-mh0aqvzjnc] { display: inline-flex; gap: 6px; }
.lt-color[b-mh0aqvzjnc] { width: 24px; height: 24px; border: 2px solid var(--color-superficie); border-radius: 50%; background: var(--lt-c); box-shadow: 0 0 0 1px var(--color-borde-fuerte); cursor: pointer; }
.lt-color.sel[b-mh0aqvzjnc] { box-shadow: 0 0 0 2px var(--color-texto); }

.lt-kpis[b-mh0aqvzjnc] { display: grid; grid-template-columns: repeat(auto-fit, minmax(140px, 1fr)); gap: var(--esp-2); }
.lt-kpis > div[b-mh0aqvzjnc] { display: flex; flex-direction: column; padding: var(--esp-2) var(--esp-3); border-radius: var(--radio-sm); background: var(--color-info-fondo); }
.lt-kpis > div.alerta[b-mh0aqvzjnc] { background: var(--color-peligro-fondo); }
.lt-kpis b[b-mh0aqvzjnc] { font-size: var(--fs-xl); font-weight: 800; color: var(--color-texto); font-variant-numeric: tabular-nums; }
.lt-kpis small[b-mh0aqvzjnc] { font-size: var(--fs-sm); font-weight: 600; color: var(--color-texto-2); }
.lt-kpis span[b-mh0aqvzjnc] { font-size: var(--fs-2xs); color: var(--color-texto-suave); }

.lt-filtros[b-mh0aqvzjnc] { display: flex; flex-wrap: wrap; align-items: center; gap: 6px; }
.lt-tabla[b-mh0aqvzjnc] { overflow: auto; max-height: 65vh; border: 1px solid var(--color-borde); border-radius: var(--radio-md); background: var(--color-superficie); }
.lt-tabla table[b-mh0aqvzjnc] { width: 100%; border-collapse: collapse; font-size: var(--fs-sm); }
.lt-tabla th[b-mh0aqvzjnc] { position: sticky; top: 0; z-index: 1; padding: var(--esp-2) var(--esp-3); background: var(--color-superficie-2); text-align: left; font-size: var(--fs-xs); font-weight: 700; color: var(--color-texto-2); white-space: nowrap; cursor: pointer; }
.lt-tabla td[b-mh0aqvzjnc] { padding: 5px var(--esp-3); border-top: 1px solid var(--color-borde); white-space: nowrap; }
.lt-tabla .num[b-mh0aqvzjnc] { text-align: right; font-variant-numeric: tabular-nums; }
.lt-tabla tr.marcada td[b-mh0aqvzjnc] { background: var(--color-acento-suave); }
.lt-check[b-mh0aqvzjnc] { width: 32px; }
.lt-check input[b-mh0aqvzjnc] { width: 18px; height: 18px; }
.lt-crotal[b-mh0aqvzjnc] { font-family: var(--fuente-mono); font-weight: 700; color: var(--color-acento-texto); text-decoration: none; }
.lt-et[b-mh0aqvzjnc] { display: inline-block; padding: 1px 8px; border-radius: var(--radio-full); font-size: var(--fs-2xs); font-weight: 700; }
.lt-et.gest[b-mh0aqvzjnc] { background: var(--calidad-bueno-fondo); color: var(--calidad-bueno); }
.lt-et.vacia[b-mh0aqvzjnc] { background: var(--calidad-malo-fondo); color: var(--calidad-malo); }
.pos[b-mh0aqvzjnc] { color: var(--calidad-bueno); font-weight: 700; }
.neg[b-mh0aqvzjnc] { color: var(--calidad-malo); }
.neg.fuerte[b-mh0aqvzjnc] { font-weight: 800; }

@media (max-width: 640px) {
    .lt-tarjetas[b-mh0aqvzjnc] { grid-template-columns: 1fr; }
    .lt-kpis[b-mh0aqvzjnc] { grid-template-columns: 1fr 1fr; }
}

/* Añadir animales desde un Excel */
.lt-archivo[b-mh0aqvzjnc] { position: relative; overflow: hidden; cursor: pointer; text-transform: none; letter-spacing: normal; }
.lt-archivo[b-mh0aqvzjnc]  input[type=file] { position: absolute; inset: 0; opacity: 0; cursor: pointer; }
.lt-excel[b-mh0aqvzjnc] { display: flex; flex-direction: column; gap: var(--esp-2); padding: var(--esp-3); border: 1px solid var(--color-borde); border-radius: var(--radio-sm); background: var(--color-superficie); }
.lt-excel-cab[b-mh0aqvzjnc] { display: flex; flex-wrap: wrap; align-items: center; gap: var(--esp-2); font-size: var(--fs-sm); }
.lt-excel-res[b-mh0aqvzjnc] { display: flex; flex-wrap: wrap; align-items: center; gap: var(--esp-2) var(--esp-3); font-size: var(--fs-sm); color: var(--color-texto-2); }
.lt-excel-res b[b-mh0aqvzjnc] { font-size: var(--fs-lg); color: var(--color-texto); }
.lt-excel-mal[b-mh0aqvzjnc] { color: var(--color-aviso); cursor: help; }
.lt-otros[b-mh0aqvzjnc] { display: flex; flex-direction: column; gap: var(--esp-2); padding: var(--esp-3); border: 1px solid var(--color-aviso); border-radius: var(--radio-sm); background: var(--color-aviso-fondo); font-size: var(--fs-sm); color: var(--color-texto); }
.lt-otros ul[b-mh0aqvzjnc] { margin: 0; padding-left: var(--esp-4); }
.lt-otros small[b-mh0aqvzjnc] { color: var(--color-texto-2); font-family: var(--fuente-mono); }
.lt-otros-acc[b-mh0aqvzjnc] { display: flex; flex-wrap: wrap; gap: var(--esp-2); }
.lt-alta-botones[b-mh0aqvzjnc] { display: flex; flex-direction: column; gap: var(--esp-2); }
.lt-foto-aviso[b-mh0aqvzjnc] { padding: 0 var(--esp-1); }
.lt-chip[b-mh0aqvzjnc] { padding: 4px 12px; border: 1px solid var(--color-borde-fuerte); border-radius: var(--radio-full); background: var(--color-superficie); color: var(--color-texto); font-size: var(--fs-sm); cursor: pointer; }
.lt-chip:hover:not(:disabled)[b-mh0aqvzjnc] { border-color: var(--color-acento-texto); color: var(--color-acento-texto); }
.lt-chip.activo[b-mh0aqvzjnc], .lt-chip.activo:hover:not(:disabled)[b-mh0aqvzjnc] { background: var(--color-acento-texto); border-color: var(--color-acento-texto); color: #fff; }
.lt-chip:disabled[b-mh0aqvzjnc] { opacity: .5; cursor: default; }
.lt-palabras[b-mh0aqvzjnc] { flex: 1 1 260px; min-height: 34px; padding: 0 var(--esp-2); border: 1px solid var(--color-borde-fuerte); border-radius: var(--radio-sm); font-size: var(--fs-sm); }
@media (max-width: 700px) { .lt-alta-botones[b-mh0aqvzjnc] { flex-direction: row; flex-wrap: wrap; } }

/* Ventana «Añadir animales» */
.lt-modal-fondo[b-mh0aqvzjnc] { position: fixed; inset: 0; z-index: 1050; display: flex; align-items: center; justify-content: center; padding: var(--esp-4); background: rgba(15, 23, 42, .45); }
.lt-modal[b-mh0aqvzjnc] { display: flex; flex-direction: column; width: min(640px, 100%); max-height: 90vh; border-radius: var(--radio-md); background: var(--color-superficie); box-shadow: var(--sombra-lg, 0 20px 40px rgba(0,0,0,.25)); overflow: hidden; }
.lt-modal-cab[b-mh0aqvzjnc] { display: flex; align-items: center; justify-content: space-between; gap: var(--esp-2); padding: var(--esp-3) var(--esp-4); border-bottom: 1px solid var(--color-borde); font-size: var(--fs-md); color: var(--color-texto); }
.lt-fuentes[b-mh0aqvzjnc] { display: flex; gap: 4px; padding: var(--esp-2) var(--esp-3); border-bottom: 1px solid var(--color-borde); background: var(--color-superficie-2); overflow-x: auto; }
.lt-fuente[b-mh0aqvzjnc] { display: inline-flex; flex-direction: column; align-items: center; gap: 2px; min-width: 76px; padding: 6px 8px; border: 1px solid transparent; border-radius: var(--radio-sm); background: none; color: var(--color-texto-2); font-size: var(--fs-xs); font-weight: 600; cursor: pointer; white-space: nowrap; }
.lt-fuente span[b-mh0aqvzjnc] { font-size: var(--fs-lg); line-height: 1; }
.lt-fuente:hover:not(:disabled)[b-mh0aqvzjnc] { background: var(--color-superficie); color: var(--color-texto); }
.lt-fuente.activa[b-mh0aqvzjnc] { background: var(--color-superficie); border-color: var(--color-acento-texto); color: var(--color-acento-texto); box-shadow: var(--sombra-xs); }
.lt-modal-cuerpo[b-mh0aqvzjnc] { display: flex; flex-direction: column; gap: var(--esp-2); padding: var(--esp-4); min-height: 190px; overflow-y: auto; }
.lt-modal-cuerpo .lt-crotales[b-mh0aqvzjnc] { flex: none; width: 100%; }
.lt-modal-pie[b-mh0aqvzjnc] { display: flex; flex-wrap: wrap; align-items: center; gap: var(--esp-2) var(--esp-3); padding: var(--esp-3) var(--esp-4); border-top: 1px solid var(--color-borde); background: var(--color-superficie-2); }
.lt-listos[b-mh0aqvzjnc] { flex: 1; font-size: var(--fs-sm); color: var(--color-texto-2); }
.lt-listos b[b-mh0aqvzjnc] { font-size: var(--fs-lg); color: var(--color-texto); }
.lt-pie-botones[b-mh0aqvzjnc] { display: flex; flex-wrap: wrap; gap: var(--esp-2); margin-left: auto; }
.lt-modal-pie .lt-otros[b-mh0aqvzjnc] { flex: 1 1 100%; flex-direction: row; flex-wrap: wrap; gap: 4px var(--esp-2); padding: var(--esp-2) var(--esp-3); }
.lt-error-pie[b-mh0aqvzjnc] { flex: 1 1 100%; }
.lt-soltar[b-mh0aqvzjnc] { position: relative; display: flex; flex-direction: column; align-items: center; justify-content: center; gap: 4px; min-height: 150px; padding: var(--esp-4); border: 2px dashed var(--color-borde-fuerte); border-radius: var(--radio-md); text-align: center; color: var(--color-texto); cursor: pointer; text-transform: none; letter-spacing: normal; font-weight: 400; }
.lt-soltar:hover[b-mh0aqvzjnc] { border-color: var(--color-acento-texto); background: var(--color-superficie-2); }
.lt-soltar-ico[b-mh0aqvzjnc] { font-size: 2rem; line-height: 1; }
.lt-soltar small[b-mh0aqvzjnc] { max-width: 380px; font-size: var(--fs-xs); color: var(--color-texto-2); }
.lt-soltar[b-mh0aqvzjnc]  input[type=file] { position: absolute; inset: 0; opacity: 0; cursor: pointer; }
.lt-chips[b-mh0aqvzjnc] { display: flex; flex-wrap: wrap; gap: var(--esp-2); }
.lt-ancho[b-mh0aqvzjnc] { width: 100%; }
.lt-link[b-mh0aqvzjnc] { border: 0; background: none; padding: 0; color: var(--color-acento-texto); font-size: var(--fs-sm); text-decoration: underline; cursor: pointer; }
@media (max-width: 600px) {
    .lt-modal-fondo[b-mh0aqvzjnc] { padding: 0; align-items: flex-end; }
    .lt-modal[b-mh0aqvzjnc] { width: 100%; max-height: 92vh; border-radius: var(--radio-md) var(--radio-md) 0 0; }
    .lt-fuente[b-mh0aqvzjnc] { min-width: 64px; }
}
/* /Pages/MisMejoras.razor.rz.scp.css */
.mm[b-gssaodycov] { max-width: 900px; }

.mm-toca[b-gssaodycov] { margin-bottom: var(--esp-4); padding: var(--esp-3) var(--esp-4); border: 1px solid var(--color-aviso); border-radius: var(--radio-md); background: var(--color-aviso-fondo); }
.mm-toca h2[b-gssaodycov] { display: flex; align-items: center; gap: var(--esp-2); margin: 0 0 var(--esp-2); font-size: var(--fs-md); color: var(--color-texto); }
.mm-toca h2 span[b-gssaodycov] { padding: 0 8px; border-radius: var(--radio-full); background: var(--color-aviso); color: var(--color-superficie); font-size: var(--fs-xs); }
.mm-toca ul[b-gssaodycov] { margin: 0; padding: 0; list-style: none; display: flex; flex-direction: column; gap: 4px; }
.mm-toca button[b-gssaodycov] {
    display: flex; flex-direction: column; gap: 2px; width: 100%; padding: 8px 10px; border: 0; border-radius: var(--radio-sm);
    background: var(--color-superficie); text-align: left; font: inherit; cursor: pointer; color: var(--color-texto);
}
.mm-toca button:hover[b-gssaodycov] { background: var(--color-superficie-2); }
.mm-toca-que[b-gssaodycov] { font-size: var(--fs-xs); font-weight: 700; color: var(--color-aviso); }
.mm-toca-txt[b-gssaodycov] { font-size: var(--fs-sm); overflow: hidden; text-overflow: ellipsis; white-space: nowrap; }

.mm-filtros[b-gssaodycov] { display: flex; flex-wrap: wrap; align-items: center; gap: var(--esp-2) var(--esp-3); margin-bottom: var(--esp-2); }
.mm-chips[b-gssaodycov] { display: flex; flex-wrap: wrap; gap: 6px; }
.mm-chips button[b-gssaodycov] {
    padding: 4px 12px; border: 1px solid var(--color-borde); border-radius: var(--radio-full); background: var(--color-superficie);
    color: var(--color-texto-2); font-size: var(--fs-sm); font-weight: 600; cursor: pointer;
}
.mm-chips button b[b-gssaodycov] { margin-left: 4px; color: var(--color-texto-suave); }
.mm-chips button.activa[b-gssaodycov] { border-color: var(--color-acento); background: var(--color-acento-suave); color: var(--color-acento-texto); }
.mm-chips button:disabled[b-gssaodycov] { opacity: .45; cursor: default; }
.mm-chips .mm-chip-toca[b-gssaodycov] { border-color: var(--color-aviso); }
.mm-buscar[b-gssaodycov] { flex: 1; min-width: 160px; max-width: 280px; padding: 5px 10px; border: 1px solid var(--color-borde); border-radius: var(--radio-full); font: inherit; font-size: var(--fs-sm); }

.mm-ayuda[b-gssaodycov] { margin-bottom: var(--esp-3); font-size: var(--fs-sm); color: var(--color-texto-2); }
.mm-ayuda summary[b-gssaodycov] { cursor: pointer; }
.mm-pasos[b-gssaodycov] { margin: var(--esp-2) 0 0; padding-left: 20px; display: flex; flex-direction: column; gap: 2px; }

.mm-item[b-gssaodycov] { margin-bottom: var(--esp-2); border: 1px solid var(--color-borde); border-radius: var(--radio-md); background: var(--color-superficie); }
.mm-item.toca[b-gssaodycov] { border-left: 4px solid var(--color-aviso); }
.mm-item-cab[b-gssaodycov] { display: flex; gap: var(--esp-3); padding: var(--esp-3); cursor: pointer; }
.mm-ico[b-gssaodycov] { font-size: var(--fs-lg); }
.mm-item-txt[b-gssaodycov] { flex: 1; min-width: 0; }
.mm-item-txt p[b-gssaodycov] { margin: 0 0 2px; color: var(--color-texto); font-size: var(--fs-sm); white-space: pre-line; }
.mm-item:not(.abierta) .mm-item-txt p[b-gssaodycov] { display: -webkit-box; -webkit-line-clamp: 3; -webkit-box-orient: vertical; overflow: hidden; }
.mm-item-txt small[b-gssaodycov] { color: var(--color-texto-suave); font-size: var(--fs-xs); }
.mm-resp[b-gssaodycov] { display: block; margin-top: 4px; padding: 4px 8px; border-radius: var(--radio-sm); background: var(--color-superficie-2); font-size: var(--fs-xs); color: var(--color-texto-2); }
.mm-lado[b-gssaodycov] { display: flex; flex-direction: column; align-items: flex-end; gap: 4px; flex-shrink: 0; }
.mm-estado[b-gssaodycov] { padding: 1px 8px; border-radius: var(--radio-full); font-size: var(--fs-2xs); font-weight: 700; white-space: nowrap; }
.mm-estado.nueva[b-gssaodycov] { background: var(--color-superficie-2); color: var(--color-texto-2); }
.mm-estado.aceptada[b-gssaodycov], .mm-estado.curso[b-gssaodycov] { background: var(--color-info-fondo); color: var(--color-info); }
.mm-estado.datos[b-gssaodycov] { background: var(--color-aviso-fondo); color: var(--color-aviso); }
.mm-estado.descartada[b-gssaodycov] { background: var(--color-superficie-2); color: var(--color-texto-suave); text-decoration: line-through; }
.mm-estado.publicada[b-gssaodycov], .mm-estado.validada[b-gssaodycov] { background: var(--color-exito-fondo); color: var(--color-exito); }
.mm-toca-et[b-gssaodycov] { font-size: var(--fs-2xs); font-weight: 700; color: var(--color-aviso); }

.mm-prog[b-gssaodycov] { display: flex; margin: 0; padding: 0 var(--esp-3) var(--esp-3) calc(var(--esp-3) * 2 + 20px); list-style: none; gap: 4px; }
.mm-prog li[b-gssaodycov] { flex: 1; padding-top: 6px; border-top: 3px solid var(--color-borde); font-size: var(--fs-2xs); color: var(--color-texto-suave); }
.mm-prog li.hecho[b-gssaodycov] { border-top-color: var(--color-exito); color: var(--color-texto-2); }
.mm-prog li.actual[b-gssaodycov] { border-top-color: var(--color-acento); color: var(--color-texto); font-weight: 700; }

.mm-detalle[b-gssaodycov] { padding: 0 var(--esp-3) var(--esp-3); display: flex; flex-direction: column; gap: var(--esp-2); }
.mm-ctx[b-gssaodycov] { margin: 0; font-size: var(--fs-xs); color: var(--color-texto-suave); }
.mm-foto[b-gssaodycov] { max-width: 100%; max-height: 320px; border-radius: var(--radio-sm); align-self: flex-start; }
.mm-com[b-gssaodycov] { padding: 6px 10px; border-radius: var(--radio-sm); background: var(--color-superficie-2); font-size: var(--fs-sm); }
.mm-com.agrama[b-gssaodycov] { background: var(--color-acento-suave); }
.mm-com small[b-gssaodycov] { color: var(--color-texto-suave); font-size: var(--fs-xs); }
.mm-com p[b-gssaodycov] { margin: 2px 0 0; white-space: pre-line; color: var(--color-texto); }
.mm-validar[b-gssaodycov] { padding: var(--esp-2) var(--esp-3); border: 1px solid var(--color-exito); border-radius: var(--radio-sm); background: var(--color-exito-fondo); font-size: var(--fs-sm); }
.mm-validar-acc[b-gssaodycov] { display: flex; flex-wrap: wrap; gap: var(--esp-2); margin-top: var(--esp-2); }
.mm-validar-acc button[b-gssaodycov] { padding: 6px 14px; border: 1px solid var(--color-borde); border-radius: var(--radio-full); background: var(--color-superficie); font: inherit; font-weight: 700; cursor: pointer; }
.mm-validar-acc .si[b-gssaodycov] { border-color: var(--color-exito); color: var(--color-exito); }
.mm-validar-acc .no[b-gssaodycov] { color: var(--color-texto-2); }
.mm-responder[b-gssaodycov] { display: flex; gap: var(--esp-2); align-items: flex-end; }
.mm-responder textarea[b-gssaodycov] { flex: 1; padding: 6px 10px; border: 1px solid var(--color-borde); border-radius: var(--radio-sm); font: inherit; font-size: var(--fs-sm); resize: vertical; }
.mm-quitar[b-gssaodycov] { align-self: flex-start; border: 0; background: none; color: var(--color-texto-suave); font-size: var(--fs-xs); text-decoration: underline; cursor: pointer; }

@media (max-width: 640px) {
    .mm-item-cab[b-gssaodycov] { flex-wrap: wrap; }
    .mm-lado[b-gssaodycov] { flex-direction: row; width: 100%; justify-content: flex-start; }
    .mm-prog[b-gssaodycov] { padding-left: var(--esp-3); }
    .mm-buscar[b-gssaodycov] { max-width: none; }
}
.mm-toca .mm-toca-mas[b-gssaodycov] { width: auto; margin-top: var(--esp-2); padding: 0; border: 0; background: none; color: var(--color-aviso); font: inherit; font-size: var(--fs-sm); font-weight: 700; cursor: pointer; }
.mm-toca .mm-toca-mas:hover[b-gssaodycov] { background: none; text-decoration: underline; }
/* /Pages/MiTrabajo.razor.rz.scp.css */
.mt[b-9ek0xql73v] { display: flex; flex-direction: column; gap: var(--esp-5); max-width: 1000px; }
.mt-cab[b-9ek0xql73v] { display: flex; flex-wrap: wrap; gap: var(--esp-3); align-items: flex-end; justify-content: space-between; }
.mt-cab h2[b-9ek0xql73v] { margin: 0 0 2px; font-size: var(--fs-xl); color: var(--color-texto); letter-spacing: -.01em; }
.mt-cab p[b-9ek0xql73v] { margin: 0; font-size: var(--fs-sm); color: var(--color-texto-2); }
.mt-cab p[b-9ek0xql73v]::first-letter { text-transform: uppercase; }
.mt-btn[b-9ek0xql73v] { min-height: 36px; padding: 0 var(--esp-4); border: 1px solid var(--color-borde-fuerte); border-radius: var(--radio-sm); background: var(--color-superficie);
          color: var(--color-texto); font: inherit; font-size: var(--fs-sm); font-weight: 600; cursor: pointer; }
.mt-btn:hover[b-9ek0xql73v] { border-color: var(--color-acento); }
.mt-nota[b-9ek0xql73v] { margin: 0; font-size: var(--fs-sm); color: var(--color-texto-2); }

.mt-bloque[b-9ek0xql73v] { display: flex; flex-direction: column; gap: var(--esp-3); }
.mt-bloque-cab[b-9ek0xql73v] { display: flex; align-items: baseline; justify-content: space-between; gap: var(--esp-3); }
.mt-bloque-cab h3[b-9ek0xql73v] { margin: 0; font-size: var(--fs-md); color: var(--color-texto); }
.mt-bloque-cab a[b-9ek0xql73v] { font-size: var(--fs-sm); color: var(--color-acento-texto); text-decoration: none; font-weight: 600; }

.mt-ok[b-9ek0xql73v] { padding: var(--esp-3) var(--esp-4); border-radius: var(--radio-md); background: var(--color-exito-fondo); color: var(--color-exito); font-weight: 600; font-size: var(--fs-sm); }
.mt-ok small[b-9ek0xql73v] { color: var(--color-texto-2); font-weight: 400; margin-left: var(--esp-2); }
.mt-avisos[b-9ek0xql73v] { list-style: none; margin: 0; padding: 0; border: 1px solid var(--color-borde); border-radius: var(--radio-md); background: var(--color-superficie); }
.mt-avisos li[b-9ek0xql73v] { display: grid; grid-template-columns: 100px minmax(0, 1fr); gap: 2px var(--esp-3); align-items: baseline; padding: var(--esp-2) var(--esp-4); border-bottom: 1px solid var(--color-borde); }
.mt-avisos li:last-child[b-9ek0xql73v] { border-bottom: 0; }
.mt-avisos a[b-9ek0xql73v] { color: var(--color-texto); text-decoration: none; font-size: var(--fs-sm); }
.mt-avisos a:hover b[b-9ek0xql73v] { text-decoration: underline; }
.mt-avisos small[b-9ek0xql73v] { grid-column: 2; font-size: var(--fs-xs); color: var(--color-texto-suave); overflow-wrap: anywhere; }
.mt-chip[b-9ek0xql73v] { justify-self: start; padding: 1px 9px; border-radius: var(--radio-full); font-size: var(--fs-2xs); font-weight: 700; white-space: nowrap; }
.mt-chip.mal[b-9ek0xql73v] { background: var(--color-peligro-fondo); color: var(--color-peligro); }
.mt-chip.av[b-9ek0xql73v] { background: var(--color-aviso-fondo); color: var(--color-aviso); }
.mt-link[b-9ek0xql73v] { align-self: flex-start; border: 0; background: none; padding: 0; color: var(--color-acento-texto); font: inherit; font-size: var(--fs-sm); font-weight: 600; cursor: pointer; }

.mt-grupos[b-9ek0xql73v] { display: grid; grid-template-columns: repeat(auto-fit, minmax(260px, 1fr)); gap: var(--esp-3); }
.mt-grupo[b-9ek0xql73v] { display: flex; flex-direction: column; gap: var(--esp-2); }
.mt-grupo h4[b-9ek0xql73v] { margin: 0; font-size: var(--fs-2xs); font-weight: 700; letter-spacing: .08em; text-transform: uppercase; color: var(--color-texto-suave); }
.mt-herr[b-9ek0xql73v] { display: flex; flex-direction: column; gap: 2px; padding: var(--esp-3) var(--esp-4); border: 1px solid var(--color-borde); border-radius: var(--radio-md);
           background: var(--color-superficie); text-decoration: none; text-align: left; font: inherit; cursor: pointer; }
.mt-herr:hover[b-9ek0xql73v] { border-color: var(--color-acento); box-shadow: var(--sombra-xs); }
.mt-herr b[b-9ek0xql73v] { font-size: var(--fs-sm); color: var(--color-texto); }
.mt-herr span[b-9ek0xql73v] { font-size: var(--fs-xs); color: var(--color-texto-suave); }

.mt-prox ol[b-9ek0xql73v] { margin: 0; padding-left: var(--esp-5); display: flex; flex-direction: column; gap: var(--esp-1); font-size: var(--fs-sm); color: var(--color-texto-2); }
.mt-prox b[b-9ek0xql73v] { color: var(--color-texto); font-weight: 600; }
/* /Pages/MuertesSaria.razor.rz.scp.css */
.ms-pest[b-w04gjw21r9] { margin-top: var(--esp-4); }
.ms-filtros[b-w04gjw21r9] { display: flex; flex-wrap: wrap; align-items: center; gap: var(--esp-3); margin: var(--esp-3) 0 var(--esp-2); }
.ms-nota[b-w04gjw21r9] { color: var(--color-texto-2); font-size: var(--fs-sm); }
.ms-intro[b-w04gjw21r9] { margin: var(--esp-3) 0 0; }
.ms-sub[b-w04gjw21r9] { color: var(--color-texto-suave); font-size: var(--fs-xs); white-space: nowrap; }
.ms-mal[b-w04gjw21r9] { color: var(--color-peligro); }
.ms-acc[b-w04gjw21r9] { text-align: right; white-space: nowrap; }
.ms-link[b-w04gjw21r9] { border: 0; background: none; cursor: pointer; font: inherit; }
td.mono[b-w04gjw21r9], .mono[b-w04gjw21r9] { font-family: var(--fuente-mono); font-size: var(--fs-sm); }
td.num[b-w04gjw21r9], th.num[b-w04gjw21r9] { text-align: right; }

.ms-chip[b-w04gjw21r9] {
    display: inline-block; padding: 2px 8px; border-radius: var(--radio-full); font-size: var(--fs-xs); font-weight: 600; white-space: nowrap;
    background: var(--color-superficie-2); color: var(--color-texto-2);
}
.ms-cuadra[b-w04gjw21r9] { background: var(--color-exito-fondo); color: var(--color-exito); }
.ms-faltan[b-w04gjw21r9], .ms-sin-bajas[b-w04gjw21r9], .ms-sin-recogida[b-w04gjw21r9] { background: var(--color-peligro-fondo); color: var(--color-peligro); }
.ms-sobran[b-w04gjw21r9], .ms-esperando[b-w04gjw21r9] { background: var(--color-aviso-fondo); color: var(--color-aviso); }

.ms-anios[b-w04gjw21r9] { display: flex; flex-wrap: wrap; gap: var(--esp-2) var(--esp-4); margin: var(--esp-3) 0 var(--esp-2); font-size: var(--fs-sm); color: var(--color-texto-2); }
.ms-anios b[b-w04gjw21r9] { color: var(--color-texto); }

@media (max-width: 640px) {
    .ms-filtros[b-w04gjw21r9] { gap: var(--esp-2); }
}
.ca-btn-sm[b-w04gjw21r9] { padding: 2px 10px; font-size: var(--fs-xs); }
.ms-en-curso[b-w04gjw21r9] { background: var(--color-info-fondo); color: var(--color-info); }
.ms-pendientes[b-w04gjw21r9] { margin-top: var(--esp-3); }
.ms-pend-lista[b-w04gjw21r9] { list-style: none; margin: 0; padding: 0; display: flex; flex-direction: column; }
.ms-pend-lista > li[b-w04gjw21r9] { display: flex; flex-wrap: wrap; align-items: center; justify-content: space-between; gap: var(--esp-2); padding: var(--esp-2) 0; border-bottom: 1px solid var(--color-borde); }
.ms-pend-lista > li.ms-pend-panel[b-w04gjw21r9] { display: block; padding: var(--esp-3) 0; }
.ms-ugv-fila td[b-w04gjw21r9] { background: var(--color-superficie); padding: var(--esp-3) var(--esp-4) var(--esp-3) var(--esp-5); }
.ms-ugv[b-w04gjw21r9] { display: flex; flex-direction: column; gap: var(--esp-2); border-left: 3px solid var(--color-acento); padding-left: var(--esp-3); }
.ms-ugv-cab[b-w04gjw21r9] { display: flex; flex-wrap: wrap; align-items: center; gap: var(--esp-2); }
.ms-ugv-mer[b-w04gjw21r9] { display: flex; flex-wrap: wrap; align-items: center; gap: var(--esp-2); font-size: var(--fs-sm); font-weight: 600; }
.ms-ugv-mer input[b-w04gjw21r9], .ms-ugv input[type=date][b-w04gjw21r9] { padding: 2px 6px; border: 1px solid var(--color-borde); border-radius: var(--radio-sm); font: inherit; font-weight: 400; }
.ms-ugv-mer input[b-w04gjw21r9] { font-family: var(--fuente-mono); text-transform: uppercase; width: 14em; }
.ms-ugv-botones[b-w04gjw21r9] { display: flex; flex-wrap: wrap; align-items: center; gap: var(--esp-2) var(--esp-3); }
.ms-ugv-revisado[b-w04gjw21r9] { display: inline-flex; align-items: center; gap: var(--esp-1); font-size: var(--fs-sm); }
button.ms-chip[b-w04gjw21r9] { border: 0; cursor: pointer; }
.ms-mes[b-w04gjw21r9] { cursor: pointer; }
.ms-mes:hover td[b-w04gjw21r9] { background: var(--color-superficie-2); }
.ms-mes.abierto td[b-w04gjw21r9] { background: var(--color-acento-suave); }
.ms-rec td[b-w04gjw21r9] { background: var(--color-superficie-2); font-size: var(--fs-sm); }
.ms-rec td:first-child[b-w04gjw21r9] { padding-left: var(--esp-5); }
.ms-ugv-enviar[b-w04gjw21r9] { background: var(--color-acento); color: var(--color-superficie); }
.ms-ugv-enviar:disabled[b-w04gjw21r9] { opacity: .5; cursor: not-allowed; }
.ms-ugv label[b-w04gjw21r9], .ms-ugv label small[b-w04gjw21r9] { text-transform: none; letter-spacing: normal; }

/* Corregir una baja ya dada */
.ms-lapiz[b-w04gjw21r9] { margin-left: var(--esp-1); border: 0; background: none; padding: 0 4px; color: var(--color-texto-suave); cursor: pointer; font-size: var(--fs-sm); }
.ms-lapiz:hover[b-w04gjw21r9] { color: var(--color-acento-texto); }
.ms-edit td[b-w04gjw21r9] { background: var(--color-info-fondo); vertical-align: middle; }
.ms-edit input[type=date][b-w04gjw21r9], .ms-edit select[b-w04gjw21r9], .ms-edit input:not([type])[b-w04gjw21r9] {
    min-height: 30px; padding: 0 6px; border: 1px solid var(--color-borde-fuerte); border-radius: var(--radio-xs);
    font-size: var(--fs-sm); background: var(--color-superficie); color: var(--color-texto); }
.ms-edit select[b-w04gjw21r9] { max-width: 260px; }
.ms-edit td[colspan][b-w04gjw21r9] { display: table-cell; }
.ms-edit td[colspan] > *[b-w04gjw21r9] { margin: 2px var(--esp-2) 2px 0; }
.ms-gest[b-w04gjw21r9] { display: inline-flex; align-items: center; gap: 4px; font-size: var(--fs-sm); color: var(--color-texto-2); text-transform: none; }
.ms-error[b-w04gjw21r9] { display: block; color: var(--color-peligro); }

/* Mientras se habla con la Junta */
.ms-ugv-espera[b-w04gjw21r9] { display: flex; gap: var(--esp-3); align-items: flex-start; padding: var(--esp-3) var(--esp-4); border-radius: var(--radio-md);
                 background: var(--color-info-fondo); border: 1px solid color-mix(in srgb, var(--color-acento) 35%, transparent); color: var(--color-texto); }
.ms-ugv-espera .spinner-border[b-w04gjw21r9] { margin-top: 3px; color: var(--color-acento-texto); flex-shrink: 0; }
.ms-ugv-espera div[b-w04gjw21r9] { display: flex; flex-direction: column; gap: 2px; }
.ms-ugv-espera b[b-w04gjw21r9] { font-size: var(--fs-sm); }
.ms-ugv-espera small[b-w04gjw21r9] { font-size: var(--fs-xs); color: var(--color-texto-2); }

/* Muertes leídas sin procesar y fechas de baja que no son la real */
.ms-avisopend[b-w04gjw21r9] { margin-top: var(--esp-3); border-color: color-mix(in srgb, var(--color-aviso) 40%, var(--color-borde)); }
.ms-pend-desc[b-w04gjw21r9] { display: flex; flex-direction: column; gap: var(--esp-2); padding: var(--esp-2) var(--esp-4) var(--esp-3); border-top: 1px solid var(--color-borde); }
.ms-pend-desc > a[b-w04gjw21r9] { align-self: flex-start; text-decoration: none; }
.ms-pend-animales[b-w04gjw21r9] { display: flex; flex-wrap: wrap; gap: 6px; padding: 0 var(--esp-4) var(--esp-2); }
.ms-pend-desc .ms-pend-animales[b-w04gjw21r9] { padding: 0; }
.ms-pend-a[b-w04gjw21r9] { padding: 2px 10px; border-radius: var(--radio-full); background: var(--color-superficie-2); border: 1px solid var(--color-borde); font-size: var(--fs-xs); }
.ms-pend-a small[b-w04gjw21r9] { color: var(--color-texto-suave); }
.ms-pend-a.fuera[b-w04gjw21r9] { background: var(--color-aviso-fondo); border-color: transparent; }
.ms-pend-acc[b-w04gjw21r9] { display: flex; flex-wrap: wrap; align-items: center; gap: var(--esp-2); padding: 0 var(--esp-4) var(--esp-3); font-size: var(--fs-sm); color: var(--color-texto-2); }


/* ── Por hacer ─────────────────────────────────────────────────────────────── */
.mx-hacer[b-w04gjw21r9] { margin-top: var(--esp-3); padding: var(--esp-3) var(--esp-4); border: 1px solid var(--color-borde); border-left: 4px solid var(--color-acento);
    border-radius: var(--radio-md); background: var(--color-superficie); }
.mx-hacer.al-dia[b-w04gjw21r9] { border-left-color: var(--color-exito); }
.mx-hacer-cab[b-w04gjw21r9] { display: flex; flex-wrap: wrap; align-items: center; justify-content: space-between; gap: var(--esp-2); }
.mx-hacer h2[b-w04gjw21r9] { margin: 0; font-size: var(--fs-lg); font-weight: 800; color: var(--color-texto); }
.mx-hacer.al-dia h2[b-w04gjw21r9] { color: var(--color-exito); }
.mx-desde[b-w04gjw21r9] { display: inline-flex; align-items: center; gap: var(--esp-2); font-size: var(--fs-xs); color: var(--color-texto-suave); }
.mx-desde input[b-w04gjw21r9] { min-height: 30px; padding: 0 var(--esp-2); border: 1px solid var(--color-borde); border-radius: var(--radio-xs);
    background: var(--color-superficie); color: var(--color-texto); font: inherit; font-size: var(--fs-sm); }
.mx-tareas[b-w04gjw21r9] { display: flex; flex-direction: column; gap: var(--esp-2); margin: var(--esp-3) 0 0; padding: 0; list-style: none; }
.mx-t[b-w04gjw21r9] { display: flex; align-items: center; gap: var(--esp-3); padding: var(--esp-2) var(--esp-3); border-radius: var(--radio-sm); background: var(--color-superficie-2); }
.mx-t-urgente[b-w04gjw21r9] { background: var(--color-acento-suave); }
.mx-t-ico[b-w04gjw21r9] { flex: none; display: grid; place-items: center; width: 36px; height: 36px; border-radius: 50%; background: var(--color-superficie); font-size: var(--fs-lg); }
.mx-t-txt[b-w04gjw21r9] { flex: 1; min-width: 0; display: flex; flex-direction: column; gap: 2px; }
.mx-t-txt b[b-w04gjw21r9] { font-size: var(--fs-md); color: var(--color-texto); }
.mx-t-txt small[b-w04gjw21r9] { font-size: var(--fs-xs); color: var(--color-texto-2); }
.mx-t-panel[b-w04gjw21r9] { padding: var(--esp-3); border: 1px solid var(--color-borde); border-radius: var(--radio-sm); background: var(--color-superficie); }
.mx-btn[b-w04gjw21r9] { flex: none; padding: 6px 14px; border: 1px solid var(--color-acento); border-radius: var(--radio-full); background: var(--color-superficie);
    color: var(--color-acento-texto); font-size: var(--fs-sm); font-weight: 700; cursor: pointer; white-space: nowrap; }
.mx-btn:hover[b-w04gjw21r9] { background: var(--color-acento-suave); }
.mx-btn-prim[b-w04gjw21r9] { background: var(--color-acento); color: #fff; }
.mx-btn-prim:hover[b-w04gjw21r9] { background: var(--color-acento); filter: brightness(1.08); }
.mx-btn:disabled[b-w04gjw21r9] { opacity: .5; cursor: not-allowed; }
.mx-sub[b-w04gjw21r9] { margin: 0; color: var(--color-texto-suave); font-size: var(--fs-xs); }

/* ── Expedientes ───────────────────────────────────────────────────────────── */
.mx-exp[b-w04gjw21r9] { margin-top: var(--esp-4); }
.mx-exp-cab[b-w04gjw21r9] { display: flex; flex-wrap: wrap; align-items: center; justify-content: space-between; gap: var(--esp-2); margin-bottom: var(--esp-2); }
.mx-exp h2[b-w04gjw21r9] { margin: 0; font-size: var(--fs-md); font-weight: 800; color: var(--color-texto); }
.mx-vacio[b-w04gjw21r9] { padding: var(--esp-5) var(--esp-4); border: 1px dashed var(--color-borde-fuerte); border-radius: var(--radio-md); color: var(--color-texto-2); text-align: center; }
.mx-lista[b-w04gjw21r9] { border: 1px solid var(--color-borde); border-radius: var(--radio-md); background: var(--color-superficie); overflow: hidden; }
.mx-fila[b-w04gjw21r9] { display: grid; grid-template-columns: 64px minmax(140px, 1.3fr) repeat(3, minmax(130px, 1fr)); align-items: center; gap: var(--esp-3);
    padding: var(--esp-2) var(--esp-4); font-size: var(--fs-sm); }
.mx-titulos[b-w04gjw21r9] { background: var(--color-superficie-2); font-size: var(--fs-xs); font-weight: 700; color: var(--color-texto-2); }
.mx-item[b-w04gjw21r9] { border-top: 1px solid var(--color-borde); }
.mx-item > .mx-fila[b-w04gjw21r9] { cursor: pointer; }
.mx-item > .mx-fila:hover[b-w04gjw21r9] { background: var(--color-superficie-2); }
.mx-item.abierto > .mx-fila[b-w04gjw21r9] { background: var(--color-acento-suave); }
.mx-item.pendiente > .mx-fila[b-w04gjw21r9] { box-shadow: inset 3px 0 0 var(--color-acento); }
.mx-fecha[b-w04gjw21r9] { display: flex; flex-direction: column; line-height: 1.1; }
.mx-fecha b[b-w04gjw21r9] { font-size: var(--fs-md); color: var(--color-texto); }
.mx-fecha small[b-w04gjw21r9] { font-size: var(--fs-2xs); color: var(--color-texto-suave); }
.mx-animales[b-w04gjw21r9] { min-width: 0; overflow: hidden; text-overflow: ellipsis; white-space: nowrap; font-family: var(--fuente-mono); font-size: var(--fs-xs); color: var(--color-texto); }
.mx-paso[b-w04gjw21r9] { display: flex; align-items: center; gap: var(--esp-2); min-width: 0; font-size: var(--fs-xs); color: var(--color-texto-2); }
.mx-paso span[b-w04gjw21r9] { overflow: hidden; text-overflow: ellipsis; white-space: nowrap; }
.mx-paso i[b-w04gjw21r9] { flex: none; display: grid; place-items: center; width: 20px; height: 20px; border-radius: 50%; font-style: normal; font-size: var(--fs-2xs); font-weight: 800; }
.mx-hecho i[b-w04gjw21r9] { background: var(--color-exito-fondo); color: var(--color-exito); }
.mx-hecho i[b-w04gjw21r9]::before { content: "✓"; }
.mx-pend[b-w04gjw21r9] { color: var(--color-acento-texto); font-weight: 700; }
.mx-pend i[b-w04gjw21r9] { background: var(--color-acento); color: #fff; }
.mx-pend i[b-w04gjw21r9]::before { content: "→"; }
.mx-espera i[b-w04gjw21r9] { background: var(--color-info-fondo); color: var(--color-info); }
.mx-espera i[b-w04gjw21r9]::before { content: "…"; }
.mx-aviso[b-w04gjw21r9] { color: var(--color-aviso); font-weight: 700; }
.mx-aviso i[b-w04gjw21r9] { background: var(--color-aviso-fondo); color: var(--color-aviso); }
.mx-aviso i[b-w04gjw21r9]::before { content: "!"; }
.mx-na[b-w04gjw21r9] { color: var(--color-texto-suave); }
.mx-na i[b-w04gjw21r9] { background: var(--color-superficie-2); color: var(--color-texto-suave); }
.mx-na i[b-w04gjw21r9]::before { content: "–"; }

.mx-detalle[b-w04gjw21r9] { display: grid; grid-template-columns: repeat(auto-fit, minmax(210px, 1fr)); gap: var(--esp-4); padding: var(--esp-3) var(--esp-4) var(--esp-4);
    background: var(--color-fondo); border-top: 1px dashed var(--color-borde); font-size: var(--fs-sm); }
.mx-det-col[b-w04gjw21r9] { display: flex; flex-direction: column; gap: var(--esp-1); min-width: 0; }
.mx-det-col h3[b-w04gjw21r9] { margin: 0 0 var(--esp-1); font-size: var(--fs-xs); font-weight: 800; text-transform: uppercase; letter-spacing: .03em; color: var(--color-texto-suave); }
.mx-det-col p[b-w04gjw21r9] { margin: 0; }
.mx-det-col .mx-btn[b-w04gjw21r9] { align-self: flex-start; }
.mx-btns[b-w04gjw21r9] { display: flex; flex-wrap: wrap; gap: var(--esp-1); margin-top: var(--esp-1); }
.mx-anim[b-w04gjw21r9] { display: flex; flex-direction: column; gap: 2px; margin: 0; padding: 0; list-style: none; max-height: 180px; overflow-y: auto; }
.mx-anim small[b-w04gjw21r9] { color: var(--color-texto-suave); font-size: var(--fs-xs); }
.mx-ugv[b-w04gjw21r9] { padding: 0 var(--esp-4) var(--esp-4); background: var(--color-fondo); }

/* ── Consulta y control ────────────────────────────────────────────────────── */
.mv-detalle[b-w04gjw21r9] { margin-left: auto; }
.ms-det-cab[b-w04gjw21r9] { display: flex; flex-wrap: wrap; align-items: flex-end; gap: var(--esp-2) var(--esp-4); }
.ms-det-cab .ms-pest[b-w04gjw21r9] { flex: 1 1 auto; }
.ms-anio[b-w04gjw21r9] { display: inline-flex; align-items: center; gap: 6px; font-size: var(--fs-sm); font-weight: 700; color: var(--color-texto-2); }
.ms-anio select[b-w04gjw21r9] { min-height: 30px; padding: 0 6px; border: 1px solid var(--color-borde-fuerte); border-radius: var(--radio-sm); font: inherit; font-weight: 400; }
.ms-agro-vista[b-w04gjw21r9] { margin-top: var(--esp-3); }

@media (max-width: 760px) {
    .mx-titulos[b-w04gjw21r9] { display: none; }
    .mx-fila[b-w04gjw21r9] { grid-template-columns: 52px 1fr; gap: var(--esp-1) var(--esp-3); padding: var(--esp-2) var(--esp-3); }
    .mx-fila > .mx-paso[b-w04gjw21r9] { grid-column: 2; }
    .mx-fecha[b-w04gjw21r9] { grid-row: span 4; align-self: start; }
    .mx-t[b-w04gjw21r9] { flex-wrap: wrap; }
    .mx-t .mx-btn[b-w04gjw21r9] { margin-left: 48px; }
    .mx-hacer[b-w04gjw21r9] { padding: var(--esp-3); }
}

a.mx-btn[b-w04gjw21r9] { text-decoration: none; }

/* Protocolo de una muerte: los seis pasos en una fila (en el móvil, en columna) */
.mx-proto[b-w04gjw21r9] { margin-top: var(--esp-3); padding: var(--esp-2) var(--esp-3); border: 1px solid var(--color-borde); border-radius: var(--radio-md); background: var(--color-superficie); }
.mx-proto h2[b-w04gjw21r9] { margin: 0 0 var(--esp-2); font-size: var(--fs-sm); font-weight: 800; color: var(--color-texto); }
.mx-proto ol[b-w04gjw21r9] { display: grid; grid-template-columns: repeat(6, minmax(0, 1fr)); gap: 6px; margin: 0; padding: 0; list-style: none; }
.mx-proto li[b-w04gjw21r9] { position: relative; display: flex; align-items: center; gap: 6px; padding: 6px 8px; border: 1px solid var(--color-borde); border-radius: var(--radio-sm); background: var(--color-superficie-2); min-width: 0; }
.mx-proto li[role=button][b-w04gjw21r9] { cursor: pointer; }
.mx-proto li.pend[b-w04gjw21r9] { border-color: var(--color-acento); background: var(--color-acento-suave); }
.mx-proto li.fuera[b-w04gjw21r9] { border-color: var(--color-peligro); background: var(--color-peligro-fondo); }
.mx-proto-n[b-w04gjw21r9] { flex: none; display: inline-grid; place-items: center; width: 20px; height: 20px; border-radius: 50%; background: var(--color-superficie); border: 1px solid var(--color-borde-fuerte); font-size: var(--fs-2xs); font-weight: 800; }
.mx-proto-t[b-w04gjw21r9] { display: flex; flex-direction: column; min-width: 0; font-size: var(--fs-xs); line-height: 1.2; }
.mx-proto-t b[b-w04gjw21r9] { color: var(--color-texto); }
.mx-proto-t small[b-w04gjw21r9] { color: var(--color-texto-suave); font-size: var(--fs-2xs); }
.mx-proto-c[b-w04gjw21r9] { margin-left: auto; padding: 0 7px; border-radius: var(--radio-full); background: var(--color-texto); color: var(--color-superficie); font-family: var(--fuente-mono); font-size: var(--fs-2xs); font-weight: 700; }
.mx-proto li.fuera .mx-proto-c[b-w04gjw21r9] { background: var(--color-peligro); }
@media (max-width: 900px) { .mx-proto ol[b-w04gjw21r9] { grid-template-columns: repeat(3, minmax(0, 1fr)); } }
@media (max-width: 560px) { .mx-proto ol[b-w04gjw21r9] { grid-template-columns: 1fr; } }
.ms-ugv-sel[b-w04gjw21r9] { width: 2em; text-align: center; }
.ms-ugv-quitado td:not(.ms-ugv-sel)[b-w04gjw21r9] { color: var(--color-texto-suave); text-decoration: line-through; }
/* /Pages/Parametros.razor.rz.scp.css */
/* Parámetros de referencia y directrices: tarjetas por área, editables para los editores */
.pr[b-wr5z8lrl30] { display: flex; flex-direction: column; gap: var(--esp-3); max-width: 980px; }
.pr-cab[b-wr5z8lrl30] { display: flex; flex-wrap: wrap; align-items: center; gap: var(--esp-3); }
.pr-volver[b-wr5z8lrl30] { font-size: var(--fs-sm); font-weight: 600; color: var(--color-acento-texto); text-decoration: none; }
.pr-tabs[b-wr5z8lrl30] { display: flex; gap: var(--esp-1); border-bottom: 1px solid var(--color-borde); }
.pr-tabs button[b-wr5z8lrl30] { padding: var(--esp-2) var(--esp-4); border: 0; border-bottom: 3px solid transparent; background: none; color: var(--color-texto-2); font-size: var(--fs-md); font-weight: 600; cursor: pointer; }
.pr-tabs button.activa[b-wr5z8lrl30] { color: var(--color-acento-texto); border-bottom-color: var(--color-acento); }
.pr-editor[b-wr5z8lrl30] { margin: 0; padding: var(--esp-2) var(--esp-3); border-left: 3px solid var(--color-acento); background: var(--color-acento-suave); font-size: var(--fs-sm); color: var(--color-texto); }
.pr-error[b-wr5z8lrl30] { margin: 0; padding: var(--esp-2) var(--esp-3); border-radius: var(--radio-sm); background: var(--color-peligro-fondo); color: var(--color-peligro); font-size: var(--fs-sm); }
.pr-ok[b-wr5z8lrl30] { margin: 0; font-size: var(--fs-sm); color: var(--color-exito); }
.pr-vacio[b-wr5z8lrl30], .pr-intro[b-wr5z8lrl30] { margin: 0; font-size: var(--fs-sm); color: var(--color-texto-2); }
.pr-area[b-wr5z8lrl30] { margin: var(--esp-3) 0 0; font-size: var(--fs-xs); font-weight: 800; letter-spacing: .06em; text-transform: uppercase; color: var(--color-texto-2); }

.pr-card[b-wr5z8lrl30] { display: flex; flex-direction: column; gap: var(--esp-2); padding: var(--esp-3) var(--esp-4); border: 1px solid var(--color-borde); border-radius: var(--radio-md); background: var(--color-superficie); box-shadow: var(--sombra-xs); }
.pr-card p[b-wr5z8lrl30] { margin: 0; font-size: var(--fs-sm); color: var(--color-texto); }
.pr-card-cab[b-wr5z8lrl30] { display: flex; flex-wrap: wrap; align-items: center; gap: var(--esp-2); }
.pr-card-cab h3[b-wr5z8lrl30] { margin: 0; flex: 1; font-size: var(--fs-md); color: var(--color-texto); }
.pr-card-cab h3 small[b-wr5z8lrl30] { font-weight: 400; color: var(--color-texto-suave); font-size: var(--fs-xs); }
.pr-card-cab > small[b-wr5z8lrl30] { font-size: var(--fs-2xs); color: var(--color-texto-suave); }
.pr-sentido[b-wr5z8lrl30] { font-size: var(--fs-xs); color: var(--color-texto-2); }
.pr-borrador[b-wr5z8lrl30] { padding: 0 8px; border-radius: var(--radio-full); background: var(--color-aviso-fondo); color: var(--color-aviso); font-size: var(--fs-2xs); font-weight: 700; }
.pr-texto[b-wr5z8lrl30] { white-space: pre-wrap; }
.pr-porque[b-wr5z8lrl30] { color: var(--color-texto-2) !important; }
.pr-objetivo b[b-wr5z8lrl30] { color: var(--color-acento-texto); }
.pr-calculo[b-wr5z8lrl30] { font-size: var(--fs-xs) !important; color: var(--color-texto-suave) !important; }

.pr-card textarea[b-wr5z8lrl30], .pr-rejilla input[b-wr5z8lrl30] {
    width: 100%; padding: 6px 10px; border: 1px solid var(--color-borde-fuerte); border-radius: var(--radio-sm);
    background: var(--color-superficie); color: var(--color-texto); font-size: var(--fs-sm); font-family: var(--fuente-ui); resize: vertical;
}
.pr-rejilla[b-wr5z8lrl30] { display: grid; grid-template-columns: repeat(auto-fit, minmax(180px, 1fr)); gap: var(--esp-2) var(--esp-3); }
.pr-rejilla label[b-wr5z8lrl30] { display: flex; flex-direction: column; gap: 3px; font-size: var(--fs-xs); font-weight: 600; color: var(--color-texto-2); }
.pr-rejilla label span[b-wr5z8lrl30] { display: flex; align-items: center; gap: 4px; font-weight: 400; }
.pr-rejilla label span input[b-wr5z8lrl30] { width: 110px; font-variant-numeric: tabular-nums; }
.pr-rejilla .ancho[b-wr5z8lrl30] { grid-column: 1 / -1; }
.pr-reparto[b-wr5z8lrl30] { grid-column: span 2; display: flex; flex-direction: column; gap: 2px; padding: var(--esp-2) var(--esp-3); border-radius: var(--radio-sm); background: var(--color-superficie-2); font-size: var(--fs-xs); color: var(--color-texto); font-variant-numeric: tabular-nums; }
.pr-reparto small[b-wr5z8lrl30] { color: var(--color-texto-suave); }
.pr-pie[b-wr5z8lrl30] { display: flex; flex-wrap: wrap; align-items: center; justify-content: space-between; gap: var(--esp-2); }
.pr-pie label[b-wr5z8lrl30] { display: inline-flex; align-items: center; gap: 6px; font-size: var(--fs-sm); color: var(--color-texto); text-transform: none; letter-spacing: normal; font-weight: 400; }
.pr-btn[b-wr5z8lrl30] { min-height: 34px; padding: 0 var(--esp-4); border: 1px solid var(--color-borde-fuerte); border-radius: var(--radio-full); background: var(--color-superficie); font-size: var(--fs-sm); font-weight: 700; cursor: pointer; }
.pr-btn.prim[b-wr5z8lrl30] { border-color: var(--color-acento); background: var(--color-acento); color: var(--color-superficie); }
.pr-btn:disabled[b-wr5z8lrl30] { opacity: .5; }

@media (max-width: 767px) {
    .pr-reparto[b-wr5z8lrl30] { grid-column: 1 / -1; }
    .pr-tabs button[b-wr5z8lrl30] { padding: var(--esp-2); font-size: var(--fs-sm); }
}
/* Índice por área (Mejora #62) */
.pr-indice[b-wr5z8lrl30] { display: flex; flex-wrap: wrap; gap: var(--esp-2); margin: 0 0 var(--esp-2); }
.pr-indice-area[b-wr5z8lrl30] { padding: 2px 10px; border: 1px solid var(--color-borde); border-radius: var(--radio-full); font-size: var(--fs-xs); color: var(--color-texto-2); background: var(--color-superficie); }
.pr-indice-area b[b-wr5z8lrl30] { margin-left: 4px; color: var(--color-texto); }
.pr-indice-area.vacia[b-wr5z8lrl30] { border-style: dashed; color: var(--color-texto-suave); }
/* /Pages/PersonasGanaderia.razor.rz.scp.css */
/* Configuración → Personas de mi ganadería */
.pg[b-udck300e5x] { display: flex; flex-direction: column; gap: var(--esp-3); max-width: 860px; }
.pg-cab h1[b-udck300e5x] { margin: 0; font-size: var(--fs-lg); font-weight: 800; color: var(--color-texto); }
.pg-cab p[b-udck300e5x] { margin: 4px 0 0; font-size: var(--fs-sm); color: var(--color-texto-2); }
.pg-error[b-udck300e5x] { padding: var(--esp-2) var(--esp-3); border-radius: var(--radio-sm); background: var(--color-peligro-fondo); color: var(--color-peligro); font-size: var(--fs-sm); }
.pg-nota[b-udck300e5x] { margin: 0; font-size: var(--fs-xs); color: var(--color-texto-suave); }
.pg-vacio[b-udck300e5x] { margin: 0; padding: var(--esp-5); border: 1px dashed var(--color-borde-fuerte); border-radius: var(--radio-md); text-align: center; color: var(--color-texto-2); font-size: var(--fs-sm); }

/* Licencia: cuántas cuentas lleva de las que tiene */
.pg-licencia[b-udck300e5x] { display: flex; flex-wrap: wrap; align-items: center; gap: var(--esp-2) var(--esp-4); padding: var(--esp-3);
    border: 1px solid var(--color-borde); border-radius: var(--radio-md); background: var(--color-superficie); font-size: var(--fs-sm); color: var(--color-texto); }
.pg-licencia small[b-udck300e5x] { display: block; font-size: var(--fs-xs); color: var(--color-texto-suave); }
.pg-barra[b-udck300e5x] { flex: 1 1 160px; height: 8px; border-radius: var(--radio-full); background: var(--color-superficie-2); overflow: hidden; }
.pg-barra i[b-udck300e5x] { display: block; height: 100%; border-radius: var(--radio-full); background: var(--marca-campo-500); }
.pg-barra i.llena[b-udck300e5x] { background: var(--color-aviso); }

/* Botones */
.pg-acc[b-udck300e5x] { display: flex; flex-wrap: wrap; align-items: center; gap: var(--esp-2); }
.pg-hueco[b-udck300e5x] { flex: 1; }
.pg-btn[b-udck300e5x] { min-height: 34px; padding: 0 var(--esp-3); border: 1px solid var(--color-borde-fuerte); border-radius: var(--radio-sm); background: var(--color-superficie);
    color: var(--color-texto); font-family: var(--fuente-ui); font-size: var(--fs-sm); font-weight: 600; cursor: pointer; }
.pg-btn:hover:not(:disabled)[b-udck300e5x] { border-color: var(--color-acento); }
.pg-btn:disabled[b-udck300e5x] { opacity: .5; cursor: default; }
.pg-btn.prim[b-udck300e5x] { border-color: var(--color-acento); background: var(--color-acento); color: var(--color-superficie); }
.pg-btn.peligro[b-udck300e5x] { border-color: var(--color-peligro); color: var(--color-peligro); }
.pg-seguro[b-udck300e5x] { font-size: var(--fs-sm); color: var(--color-peligro); }

/* Contraseña temporal: se enseña una vez */
.pg-temporal[b-udck300e5x] { display: flex; flex-direction: column; gap: var(--esp-2); padding: var(--esp-3); border: 2px solid var(--color-aviso);
    border-radius: var(--radio-md); background: var(--color-aviso-fondo); color: var(--color-texto); }
.pg-temporal > div:first-child[b-udck300e5x] { display: grid; grid-template-columns: auto 1fr; gap: 2px var(--esp-3); align-items: baseline; }
.pg-temporal span[b-udck300e5x] { font-size: var(--fs-xs); color: var(--color-texto-2); }
.pg-temporal b[b-udck300e5x] { font-size: var(--fs-lg); letter-spacing: .04em; }
.pg-temporal p[b-udck300e5x] { margin: 0; font-size: var(--fs-sm); }
.mono[b-udck300e5x] { font-family: var(--fuente-mono); }

/* Formularios */
.pg-form[b-udck300e5x], .pg-det[b-udck300e5x] { display: flex; flex-direction: column; gap: var(--esp-2); padding: var(--esp-3); border: 1px solid var(--color-borde);
    border-radius: var(--radio-md); background: var(--color-superficie); }
.pg-form h2[b-udck300e5x] { margin: 0; font-size: var(--fs-md); font-weight: 800; color: var(--color-texto); }
.pg-form h3[b-udck300e5x], .pg-det h3[b-udck300e5x] { margin: var(--esp-2) 0 0; font-size: var(--fs-xs); font-weight: 700; text-transform: uppercase; color: var(--color-texto-suave); }
.pg-rejilla[b-udck300e5x] { display: grid; grid-template-columns: repeat(auto-fill, minmax(220px, 1fr)); gap: var(--esp-2) var(--esp-3); }
.pg-rejilla label[b-udck300e5x] { display: flex; flex-direction: column; gap: 2px; font-size: var(--fs-xs); color: var(--color-texto-2); }
.pg-rejilla label small[b-udck300e5x] { color: var(--calidad-bueno); }
.pg-rejilla input[b-udck300e5x], .pg-fecha[b-udck300e5x] { min-height: 36px; padding: 0 var(--esp-2); border: 1px solid var(--color-borde-fuerte); border-radius: var(--radio-sm);
    background: var(--color-superficie); color: var(--color-texto); font-family: var(--fuente-ui); font-size: var(--fs-md); }
.pg-fecha[b-udck300e5x] { align-self: flex-start; }
.pg-usuario[b-udck300e5x] { display: flex; align-items: center; border: 1px solid var(--color-borde-fuerte); border-radius: var(--radio-sm); overflow: hidden; }
.pg-usuario span[b-udck300e5x] { padding: 0 2px 0 var(--esp-2); font-family: var(--fuente-mono); font-size: var(--fs-md); color: var(--color-texto-2); }
.pg-usuario input[b-udck300e5x] { flex: 1; min-width: 0; border: 0; padding-left: 0; font-family: var(--fuente-mono); }
.pg-check[b-udck300e5x] { display: flex; align-items: center; gap: var(--esp-2); font-size: var(--fs-sm); color: var(--color-texto); }

/* Perfiles en tarjetas */
.pg-perfiles[b-udck300e5x] { display: grid; grid-template-columns: repeat(auto-fill, minmax(180px, 1fr)); gap: var(--esp-2); }
.pg-perfiles button[b-udck300e5x] { display: flex; flex-direction: column; gap: 2px; padding: var(--esp-2); border: 1px solid var(--color-borde); border-radius: var(--radio-sm);
    background: var(--color-superficie); text-align: left; font-family: var(--fuente-ui); cursor: pointer; }
.pg-perfiles button:hover[b-udck300e5x] { border-color: var(--color-acento); }
.pg-perfiles button.on[b-udck300e5x] { border: 2px solid var(--color-acento); background: var(--color-acento-suave); }
.pg-perfiles b[b-udck300e5x] { font-size: var(--fs-sm); color: var(--color-texto); }
.pg-perfiles small[b-udck300e5x] { font-size: var(--fs-xs); color: var(--color-texto-2); }

/* Lista de personas */
.pg-lista[b-udck300e5x] { display: flex; flex-direction: column; gap: var(--esp-2); margin: 0; padding: 0; list-style: none; }
.pg-lista > li[b-udck300e5x] { border: 1px solid var(--color-borde); border-radius: var(--radio-md); background: var(--color-superficie); overflow: hidden; }
.pg-lista > li.abierta[b-udck300e5x] { border-color: var(--color-acento); }
.pg-lista .pg-det[b-udck300e5x] { border: 0; border-top: 1px solid var(--color-borde); border-radius: 0; }
.pg-fila[b-udck300e5x] { display: grid; grid-template-columns: 40px minmax(0, 1.4fr) minmax(0, 1fr) auto; align-items: center; gap: var(--esp-3); width: 100%;
    padding: var(--esp-2) var(--esp-3); border: 0; background: none; text-align: left; font-family: var(--fuente-ui); cursor: pointer; }
.pg-fila:hover:not(:disabled)[b-udck300e5x] { background: var(--color-superficie-2); }
.pg-fila:disabled[b-udck300e5x] { cursor: default; }
.pg-ini[b-udck300e5x] { display: grid; place-items: center; width: 36px; height: 36px; border-radius: var(--radio-full); background: var(--color-acento-suave);
    font-size: var(--fs-sm); font-weight: 800; color: var(--color-texto); }
.pg-quien[b-udck300e5x], .pg-perfil[b-udck300e5x] { display: flex; flex-direction: column; min-width: 0; }
.pg-quien b[b-udck300e5x] { font-size: var(--fs-md); color: var(--color-texto); overflow: hidden; text-overflow: ellipsis; white-space: nowrap; }
.pg-quien small[b-udck300e5x], .pg-perfil small[b-udck300e5x] { font-size: var(--fs-xs); color: var(--color-texto-suave); }
.pg-perfil[b-udck300e5x] { font-size: var(--fs-sm); font-weight: 600; color: var(--color-texto); }
.pg-ultimo[b-udck300e5x] { font-size: var(--fs-xs); color: var(--color-texto-suave); white-space: nowrap; }

@media (max-width: 640px) {
    .pg-fila[b-udck300e5x] { grid-template-columns: 40px minmax(0, 1fr); }
    .pg-perfil[b-udck300e5x], .pg-ultimo[b-udck300e5x] { grid-column: 2; }
}
/* /Pages/Reproduccion.razor.rz.scp.css */
.rp[b-rtekzklygu] { display: flex; flex-direction: column; gap: var(--esp-3); padding-bottom: var(--esp-6, 32px); }
.rp-cab[b-rtekzklygu] { display: flex; flex-wrap: wrap; justify-content: space-between; align-items: flex-end; gap: var(--esp-3); }
.rp-tit[b-rtekzklygu] { display: flex; align-items: center; gap: var(--esp-2); margin: 0; font-size: var(--fs-lg); font-weight: 700; }
.rp-sigla[b-rtekzklygu] { font-size: var(--fs-xs); padding: 2px 8px; border-radius: var(--radio-xs); background: var(--color-acento-suave); color: var(--color-acento-texto); }
.rp-sub[b-rtekzklygu] { margin: 2px 0 0; font-size: var(--fs-sm); color: var(--color-texto-2); }
.rp-pestanas[b-rtekzklygu] { display: inline-flex; gap: 4px; }
.rp-pestanas button[b-rtekzklygu] { padding: 6px 16px; border: 1px solid var(--color-borde-fuerte); border-radius: var(--radio-full); background: var(--color-superficie); color: var(--color-texto-2); font-size: var(--fs-sm); font-weight: 600; cursor: pointer; }
.rp-pestanas button.activa[b-rtekzklygu] { background: var(--color-acento-texto); border-color: var(--color-acento-texto); color: #fff; }

.rp-filtros[b-rtekzklygu] { display: flex; flex-wrap: wrap; align-items: center; gap: var(--esp-2) var(--esp-3); padding: var(--esp-3); border: 1px solid var(--color-borde); border-radius: var(--radio-md); background: var(--color-superficie); }
.rp-filtros label[b-rtekzklygu] { display: inline-flex; align-items: center; gap: var(--esp-1); font-size: var(--fs-sm); color: var(--color-texto-2); }
.rp-filtros input[b-rtekzklygu] { min-height: 34px; border: 1px solid var(--color-borde-fuerte); border-radius: var(--radio-sm); padding: 0 var(--esp-2); font-size: var(--fs-sm); }
.rp-oveja[b-rtekzklygu] { min-width: 200px; }
.rp-sep[b-rtekzklygu] { width: 1px; height: 24px; background: var(--color-borde); }
.rp-btn[b-rtekzklygu] { min-height: 34px; padding: 0 var(--esp-4); border: 1px solid var(--color-borde-fuerte); border-radius: var(--radio-sm); background: var(--color-superficie); color: var(--color-texto-2); font-size: var(--fs-sm); font-weight: 600; cursor: pointer; }
.rp-btn.prim[b-rtekzklygu] { background: var(--color-acento-texto); border-color: var(--color-acento-texto); color: #fff; }
.rp-btn:disabled[b-rtekzklygu] { opacity: .5; cursor: default; }
.rp-error[b-rtekzklygu] { padding: var(--esp-2) var(--esp-3); border-radius: var(--radio-sm); background: var(--color-peligro-fondo); color: var(--color-peligro); font-size: var(--fs-sm); }
.rp-estado[b-rtekzklygu] { padding: var(--esp-5, 24px); text-align: center; color: var(--color-texto-suave); }

.rp-kpis[b-rtekzklygu] { display: grid; grid-template-columns: repeat(auto-fit, minmax(150px, 1fr)); gap: var(--esp-3); }
.rp-kpis > div[b-rtekzklygu] { display: flex; flex-direction: column; padding: var(--esp-3); border-radius: var(--radio-sm); background: var(--color-info-fondo); }
.rp-kpis strong[b-rtekzklygu] { font-size: var(--fs-xl); font-weight: 800; font-variant-numeric: tabular-nums; }
.rp-kpis span[b-rtekzklygu] { font-size: var(--fs-xs); color: var(--color-texto-suave); }

.rp-cab-lista[b-rtekzklygu] { display: flex; justify-content: space-between; align-items: center; gap: var(--esp-3); font-size: var(--fs-sm); color: var(--color-texto-suave); }
.rp-lotes[b-rtekzklygu] { display: grid; grid-template-columns: repeat(auto-fill, minmax(280px, 1fr)); gap: var(--esp-3); }
.rp-lote[b-rtekzklygu] {
    display: flex; flex-direction: column; align-items: stretch; gap: 4px; padding: var(--esp-3) var(--esp-4);
    border: 1px solid var(--color-borde); border-radius: var(--radio-md); background: var(--color-superficie);
    box-shadow: var(--sombra-xs); text-align: left; cursor: pointer;
}
.rp-lote:hover[b-rtekzklygu] { border-color: var(--color-acento); box-shadow: var(--sombra-sm); }
.rp-lote-fecha[b-rtekzklygu] { font-size: var(--fs-md); font-weight: 800; color: var(--color-texto); }
.rp-lote-num[b-rtekzklygu] { font-size: var(--fs-xs); font-weight: 700; color: var(--color-acento-texto); }
.rp-lote-dato[b-rtekzklygu] { font-size: var(--fs-sm); color: var(--color-texto-2); }
.rp-lote-fert[b-rtekzklygu] { font-size: var(--fs-sm); color: var(--color-texto-2); }
.rp-lote-fert strong[b-rtekzklygu] { font-size: var(--fs-md); color: var(--color-exito); }
.rp-lote-fert.pend[b-rtekzklygu] { color: var(--color-texto-suave); font-style: italic; }

.rp-barra[b-rtekzklygu] { display: flex; height: 10px; margin-top: 4px; border-radius: var(--radio-full); overflow: hidden; background: var(--gris-100, #f1f5f9); }
.rp-barra i[b-rtekzklygu], .rp-leyenda i[b-rtekzklygu] { display: block; height: 100%; }
.ia[b-rtekzklygu] { background: #059669; }
.rm[b-rtekzklygu] { background: #f59e0b; }
.mn[b-rtekzklygu] { background: #2a78d6; }
.pp[b-rtekzklygu] { background: #94a3b8; }
.va[b-rtekzklygu] { background: #ef4444; }
.rp-leyenda[b-rtekzklygu] { display: flex; flex-wrap: wrap; gap: var(--esp-1) var(--esp-4); font-size: var(--fs-xs); color: var(--color-texto-2); }
.rp-leyenda span[b-rtekzklygu] { display: inline-flex; align-items: center; gap: 6px; }
.rp-leyenda i[b-rtekzklygu] { width: 10px; height: 10px; border-radius: 2px; }

.rp-detalle-cab[b-rtekzklygu] { display: flex; flex-wrap: wrap; align-items: center; gap: var(--esp-3); }
.rp-detalle-cab h3[b-rtekzklygu] { margin: 0; font-size: var(--fs-md); font-weight: 700; }
.rp-esp[b-rtekzklygu] { flex: 1; }
.rp-chips[b-rtekzklygu] { display: flex; flex-wrap: wrap; gap: var(--esp-2); }
.rp-chip[b-rtekzklygu] { display: inline-block; padding: 1px 10px; border-radius: var(--radio-full); font-size: var(--fs-xs); font-weight: 700; background: var(--color-superficie-2); color: var(--color-texto-2); white-space: nowrap; }
.rp-chip.ia[b-rtekzklygu] { background: #d1fae5; color: #065f46; }
.rp-chip.rm[b-rtekzklygu] { background: #fef3c7; color: #92400e; }
.rp-chip.pp[b-rtekzklygu] { background: #f1f5f9; color: #334155; }
.rp-chip.va[b-rtekzklygu] { background: #fee2e2; color: #991b1b; }

.rp-tabla[b-rtekzklygu] { overflow-x: auto; border: 1px solid var(--color-borde); border-radius: var(--radio-md); background: var(--color-superficie); }
.rp-tabla table[b-rtekzklygu] { width: 100%; border-collapse: collapse; font-size: var(--fs-sm); }
.rp-tabla th[b-rtekzklygu] { position: sticky; top: 0; padding: var(--esp-2) var(--esp-3); background: var(--color-superficie-2); text-align: left; font-size: var(--fs-xs); font-weight: 700; color: var(--color-texto-2); white-space: nowrap; }
.rp-tabla td[b-rtekzklygu] { padding: 6px var(--esp-3); border-top: 1px solid var(--color-borde); vertical-align: top; }
.rp-tabla tr:hover td[b-rtekzklygu] { background: var(--color-info-fondo); cursor: pointer; }
.rp-iden[b-rtekzklygu] { font-weight: 700; color: var(--color-acento-texto); white-space: nowrap; }
/* /Pages/Sanidad.razor.rz.scp.css */
/* Sanidad (docs/sanidad.md): pestañas como las del Lector, cifras grandes arriba y tablas compactas */
.san[b-ulz1qfj4fk] { display: flex; flex-direction: column; gap: var(--esp-3); }
.san-tabs[b-ulz1qfj4fk] { display: flex; gap: var(--esp-1); border-bottom: 1px solid var(--color-borde); overflow-x: auto; }
.san-tab[b-ulz1qfj4fk] {
    padding: var(--esp-2) var(--esp-4); border: 0; border-bottom: 3px solid transparent; background: none;
    color: var(--color-texto-2); font-size: var(--fs-md); font-weight: 600; white-space: nowrap; cursor: pointer;
}
.san-tab:hover[b-ulz1qfj4fk] { color: var(--color-texto); }
.san-tab.activa[b-ulz1qfj4fk] { color: var(--color-acento-texto); border-bottom-color: var(--color-acento); }

.san-error[b-ulz1qfj4fk], .san-ok[b-ulz1qfj4fk] { display: flex; gap: var(--esp-3); align-items: center; padding: var(--esp-2) var(--esp-3); border-radius: var(--radio-sm); font-size: var(--fs-sm); }
.san-error[b-ulz1qfj4fk] { background: var(--color-peligro-fondo); color: var(--color-peligro); }
.san-ok[b-ulz1qfj4fk] { background: var(--color-exito-fondo); color: var(--color-exito); }
.san-link[b-ulz1qfj4fk] { border: 0; background: none; padding: 0; color: var(--color-acento-texto); font-weight: 600; text-decoration: underline; cursor: pointer; font-size: inherit; }

.san-cifras[b-ulz1qfj4fk] { display: grid; grid-template-columns: repeat(auto-fit, minmax(180px, 1fr)); gap: var(--esp-2); }
.san-cifra[b-ulz1qfj4fk] {
    display: flex; flex-direction: column; gap: 2px; padding: var(--esp-3); border: 1px solid var(--color-borde);
    border-radius: var(--radio-md); background: var(--color-superficie);
}
.san-cifra b[b-ulz1qfj4fk] { font-size: var(--fs-2xl); line-height: 1.1; color: var(--color-texto); font-variant-numeric: tabular-nums; }
.san-cifra span[b-ulz1qfj4fk] { font-size: var(--fs-xs); color: var(--color-texto-2); }
.san-cifra.mal[b-ulz1qfj4fk] { border-color: color-mix(in srgb, var(--color-peligro) 40%, var(--color-borde)); background: var(--color-peligro-fondo); }
.san-cifra.mal b[b-ulz1qfj4fk] { color: var(--color-peligro); }
.san-cifra.aviso b[b-ulz1qfj4fk] { color: var(--color-aviso); }
.san-cifra.bien b[b-ulz1qfj4fk] { color: var(--color-exito); }
.san-cifra-btn[b-ulz1qfj4fk] { align-self: center; justify-self: start; }
.san-cifras-mini .san-cifra b[b-ulz1qfj4fk] { font-size: var(--fs-lg); }

.san-card[b-ulz1qfj4fk] {
    display: flex; flex-direction: column; gap: var(--esp-2); padding: var(--esp-4); border: 1px solid var(--color-borde);
    border-radius: var(--radio-md); background: var(--color-superficie); box-shadow: var(--sombra-xs);
}
.san-card h3[b-ulz1qfj4fk] { margin: var(--esp-2) 0 0; font-size: var(--fs-xs); font-weight: 700; color: var(--color-texto-2); text-transform: uppercase; letter-spacing: .04em; }
.san-card h3:first-child[b-ulz1qfj4fk] { margin-top: 0; }
.san-card-cab[b-ulz1qfj4fk] { display: flex; flex-wrap: wrap; align-items: center; gap: var(--esp-2) var(--esp-3); }
.san-card-cab h3[b-ulz1qfj4fk] { flex: 1; margin: 0; }
.san-ayuda[b-ulz1qfj4fk] { margin: 0; font-size: var(--fs-xs); color: var(--color-texto-suave); }
.san-vacio[b-ulz1qfj4fk] { padding: var(--esp-3); text-align: center; font-size: var(--fs-sm); color: var(--color-texto-2); }

.san-tabla[b-ulz1qfj4fk] { width: 100%; border-collapse: collapse; font-size: var(--fs-sm); }
.san-tabla th[b-ulz1qfj4fk] { padding: 6px 10px; border-bottom: 1px solid var(--color-borde); font-size: var(--fs-xs); font-weight: 700; color: var(--color-texto-2); text-align: left; white-space: nowrap; }
.san-tabla td[b-ulz1qfj4fk] { padding: 6px 10px; border-bottom: 1px solid var(--color-borde); vertical-align: middle; }
.san-tabla small[b-ulz1qfj4fk] { color: var(--color-texto-suave); }
.san-tabla tr.anulado td[b-ulz1qfj4fk] { color: var(--color-texto-suave); text-decoration: line-through; }
.san-tabla tr.anulado td.san-acc[b-ulz1qfj4fk] { text-decoration: none; }
.san-scroll[b-ulz1qfj4fk] { overflow-x: auto; }
.san-crotal[b-ulz1qfj4fk] { font-weight: 700; color: var(--color-texto); text-decoration: none; }
.san-crotal:hover[b-ulz1qfj4fk] { color: var(--color-acento-texto); text-decoration: underline; }
.san-et[b-ulz1qfj4fk] { display: inline-block; padding: 0 8px; border-radius: var(--radio-full); font-size: var(--fs-xs); font-weight: 700; white-space: nowrap; }
.san-et.mal[b-ulz1qfj4fk] { background: var(--color-peligro-fondo); color: var(--color-peligro); }
.san-acc[b-ulz1qfj4fk] { white-space: nowrap; text-align: right; }
.san-acc .san-link + .san-link[b-ulz1qfj4fk] { margin-left: var(--esp-2); }

.san-fila[b-ulz1qfj4fk] { display: grid; grid-template-columns: 52px minmax(0, 1fr) auto; gap: var(--esp-3); align-items: center; padding: 5px 0; border-bottom: 1px solid var(--color-borde); font-size: var(--fs-sm); }
.san-fila:last-child[b-ulz1qfj4fk] { border-bottom: 0; }
.san-fila.anulado[b-ulz1qfj4fk] { opacity: .5; text-decoration: line-through; }
.san-fecha[b-ulz1qfj4fk] { color: var(--color-texto-suave); font-variant-numeric: tabular-nums; }
.san-med small[b-ulz1qfj4fk] { color: var(--color-texto-suave); }
.san-anim[b-ulz1qfj4fk] { font-size: var(--fs-xs); color: var(--color-texto-2); }

.san-tratar[b-ulz1qfj4fk] { display: grid; grid-template-columns: minmax(0, 3fr) minmax(0, 2fr); gap: var(--esp-3); align-items: start; }
.san-resumen[b-ulz1qfj4fk] { position: sticky; top: var(--esp-3); }
.san-in[b-ulz1qfj4fk] {
    width: 100%; min-height: 36px; padding: 6px 10px; border: 1px solid var(--color-borde-fuerte); border-radius: var(--radio-sm);
    background: var(--color-superficie); color: var(--color-texto); font-size: var(--fs-sm); font-family: var(--fuente-ui);
}
textarea.san-in[b-ulz1qfj4fk] { resize: vertical; }
.san-rejilla[b-ulz1qfj4fk], .san-form[b-ulz1qfj4fk] { display: grid; grid-template-columns: repeat(auto-fit, minmax(170px, 1fr)); gap: var(--esp-2) var(--esp-3); }
.san-form[b-ulz1qfj4fk] { padding: var(--esp-3); border-radius: var(--radio-sm); background: var(--color-superficie-2); }
.san-campo[b-ulz1qfj4fk] { display: flex; flex-direction: column; gap: 3px; font-size: var(--fs-xs); font-weight: 600; color: var(--color-texto-2); }
.san-campo.ancho[b-ulz1qfj4fk] { grid-column: 1 / -1; }
.san-doble[b-ulz1qfj4fk] { display: flex; gap: 4px; }
.san-check[b-ulz1qfj4fk] { grid-column: 1 / -1; display: flex; gap: var(--esp-2); align-items: center; font-size: var(--fs-sm); text-transform: none; letter-spacing: 0; font-weight: 400; color: var(--color-texto); }
.san-med-info[b-ulz1qfj4fk] { display: flex; flex-wrap: wrap; gap: var(--esp-2); align-items: center; font-size: var(--fs-xs); color: var(--color-texto-2); }
.san-chips[b-ulz1qfj4fk] { display: flex; flex-wrap: wrap; gap: 4px; }
.san-chips span[b-ulz1qfj4fk] { padding: 1px 8px; border-radius: var(--radio-full); background: var(--color-superficie-2); font-size: var(--fs-xs); font-weight: 600; }
.san-aviso[b-ulz1qfj4fk] { padding: var(--esp-2); border-radius: var(--radio-sm); background: var(--color-aviso-fondo); font-size: var(--fs-sm); color: var(--color-texto); }
.san-pie[b-ulz1qfj4fk] { display: flex; flex-wrap: wrap; justify-content: flex-end; gap: var(--esp-2); margin-top: var(--esp-2); grid-column: 1 / -1; }
.san-btn[b-ulz1qfj4fk] {
    min-height: 38px; padding: 0 var(--esp-4); border: 1px solid var(--color-borde-fuerte); border-radius: var(--radio-full);
    background: var(--color-superficie); color: var(--color-texto); font-size: var(--fs-sm); font-weight: 700; cursor: pointer;
}
.san-btn.prim[b-ulz1qfj4fk] { border-color: var(--color-acento); background: var(--color-acento); color: var(--color-superficie); }
.san-btn:disabled[b-ulz1qfj4fk] { opacity: .6; cursor: default; }
.san-rango[b-ulz1qfj4fk] { display: flex; flex-wrap: wrap; align-items: center; gap: 6px; }
.san-rango .san-in[b-ulz1qfj4fk] { width: auto; }

@media (max-width: 760px) {
    .san-tratar[b-ulz1qfj4fk] { grid-template-columns: 1fr; }
    .san-resumen[b-ulz1qfj4fk] { position: static; }
    .san-tab[b-ulz1qfj4fk] { padding: var(--esp-2); font-size: var(--fs-sm); }
}

/* Plan sanitario y mamitis */
.san-tarea[b-ulz1qfj4fk] { grid-template-columns: 52px minmax(0, 1fr) auto; }
.san-fecha.mal[b-ulz1qfj4fk] { color: var(--color-peligro); font-weight: 700; }
.san-plantilla[b-ulz1qfj4fk] { display: flex; flex-wrap: wrap; align-items: center; gap: 6px; margin-top: var(--esp-2); }
.san-chip-btn[b-ulz1qfj4fk] { padding: 3px 12px; border: 1px dashed var(--color-acento); border-radius: var(--radio-full); background: var(--color-superficie); color: var(--color-acento-texto); font-size: var(--fs-xs); font-weight: 700; cursor: pointer; }
.san-chip-btn:hover[b-ulz1qfj4fk] { background: var(--color-acento-suave); }
.san-chips-grandes a[b-ulz1qfj4fk] { display: inline-flex; gap: 6px; padding: 2px 10px; border-radius: var(--radio-full); background: var(--color-peligro-fondo); color: var(--color-texto); font-size: var(--fs-xs); text-decoration: none; }
.san-chips-grandes a b[b-ulz1qfj4fk] { color: var(--color-texto); }
.san-chips-grandes a:hover[b-ulz1qfj4fk] { outline: 1px solid var(--color-peligro); }
/* /Shared/AbrirGanaderia.razor.rz.scp.css */
.ag[b-z8fcbqei82] { position: relative; display: inline-flex; }
.ag-boton[b-z8fcbqei82] { display: inline-flex; align-items: center; gap: 6px; padding: 4px 12px; border: 1px solid color-mix(in srgb, var(--marca-pizarra-500) 45%, transparent);
    border-radius: var(--radio-full); background: var(--color-superficie); color: var(--marca-pizarra-600); font-family: var(--fuente-ui);
    font-size: var(--fs-sm); font-weight: 700; white-space: nowrap; cursor: pointer; }
.ag-boton:hover[b-z8fcbqei82] { border-color: var(--marca-pizarra-500); color: var(--color-texto); }
.ag-boton.prim[b-z8fcbqei82] { border-color: var(--marca-pizarra-600); background: var(--marca-pizarra-600); color: var(--color-superficie); }
.ag-boton.prim:hover[b-z8fcbqei82] { background: var(--marca-pizarra-700); color: var(--color-superficie); }
/* Como el chip de la sigla del ganadero */
.ag-boton.sigla[b-z8fcbqei82] { padding: 3px 10px; border-color: color-mix(in srgb, var(--marca-campo-600) 30%, transparent);
    background: color-mix(in srgb, var(--marca-campo-600) 10%, var(--color-superficie)); color: var(--marca-campo-600); }
.ag-boton.sigla:hover[b-z8fcbqei82] { border-color: var(--marca-campo-600); }
.ag-boton.sigla[b-z8fcbqei82]  b { font-weight: 800; }
.ag-boton.sigla[b-z8fcbqei82]  .tb-gan-nombre { max-width: 200px; overflow: hidden; white-space: nowrap; text-overflow: ellipsis; font-weight: 500; color: var(--color-texto-2); }
.ag-panel.der[b-z8fcbqei82] { left: auto; right: 0; }
.ag-fondo[b-z8fcbqei82] { position: fixed; inset: 0; z-index: 1190; }
.ag-panel[b-z8fcbqei82] { position: absolute; top: calc(100% + 6px); left: 0; z-index: 1200; display: flex; flex-direction: column; gap: var(--esp-1);
    width: min(380px, calc(100vw - 32px)); max-height: min(70vh, 520px); padding: var(--esp-2); border: 1px solid var(--color-borde);
    border-radius: var(--radio-md); background: var(--color-superficie); box-shadow: var(--sombra-lg); }
.ag-buscar[b-z8fcbqei82] { min-height: 36px; padding: 0 var(--esp-2); border: 1px solid var(--color-borde-fuerte); border-radius: var(--radio-sm);
    background: var(--color-superficie); color: var(--color-texto); font-family: var(--fuente-ui); font-size: var(--fs-md); }
.ag-lista[b-z8fcbqei82] { margin: 0; padding: 0; list-style: none; overflow-y: auto; }
.ag-grupo[b-z8fcbqei82] { padding: var(--esp-2) var(--esp-1) 2px; font-size: var(--fs-2xs); font-weight: 700; text-transform: uppercase; color: var(--color-texto-suave); }
.ag-lista button[b-z8fcbqei82] { display: grid; grid-template-columns: 44px 1fr; column-gap: var(--esp-2); width: 100%; padding: 5px var(--esp-1); border: 0;
    border-radius: var(--radio-sm); background: none; text-align: left; font-family: var(--fuente-ui); cursor: pointer; }
.ag-lista button:hover[b-z8fcbqei82] { background: var(--color-superficie-2); }
.ag-lista button.activa[b-z8fcbqei82] { background: color-mix(in srgb, var(--marca-pizarra-500) 12%, var(--color-superficie)); }
.ag-lista b[b-z8fcbqei82] { grid-row: span 2; font-size: var(--fs-sm); color: var(--color-texto); }
.ag-lista span[b-z8fcbqei82] { font-size: var(--fs-sm); color: var(--color-texto); overflow: hidden; text-overflow: ellipsis; white-space: nowrap; }
.ag-lista small[b-z8fcbqei82] { grid-column: 2; font-size: var(--fs-xs); color: var(--color-texto-suave); overflow: hidden; text-overflow: ellipsis; white-space: nowrap; }
.ag-nota[b-z8fcbqei82] { margin: 0; padding: var(--esp-2); font-size: var(--fs-xs); color: var(--color-texto-suave); }
@media (max-width: 767px) { .ag-panel[b-z8fcbqei82], .ag-panel.der[b-z8fcbqei82] { position: fixed; top: 56px; left: 16px; right: auto; } }
/* /Shared/AccionesAnimales.razor.rz.scp.css */
/* Ventana de acciones sobre varios animales */
.aa-fondo[b-1vaj3upmvk] { position: fixed; inset: 0; z-index: 1200; display: flex; align-items: center; justify-content: center; padding: var(--esp-3); background: rgba(15, 23, 42, .45); }
.aa[b-1vaj3upmvk] {
    display: flex; flex-direction: column; gap: var(--esp-3); width: min(560px, 100%); max-height: 90vh; overflow-y: auto; padding: var(--esp-4);
    border-radius: var(--radio-md); background: var(--color-superficie); box-shadow: var(--sombra-lg);
}
.aa-cab[b-1vaj3upmvk] { display: flex; align-items: center; justify-content: space-between; }
.aa-cab h3[b-1vaj3upmvk] { margin: 0; font-size: var(--fs-lg); font-weight: 700; color: var(--color-texto); }
.aa-x[b-1vaj3upmvk] { border: 0; background: none; font-size: var(--fs-lg); color: var(--color-texto-2); cursor: pointer; }
.aa-quienes[b-1vaj3upmvk] { margin: 0; font-size: var(--fs-sm); font-weight: 700; color: var(--color-texto); }
.aa-quienes span[b-1vaj3upmvk] { font-weight: 400; font-family: var(--fuente-mono); color: var(--color-texto-2); }
.aa-ayuda[b-1vaj3upmvk] { margin: 0; font-size: var(--fs-sm); color: var(--color-texto-2); }
.aa-chips[b-1vaj3upmvk] { display: flex; flex-wrap: wrap; gap: 6px; }
.aa-chip[b-1vaj3upmvk] { padding: 4px 10px; border: 1px solid var(--color-borde); border-radius: var(--radio-full); background: var(--color-superficie); font-size: var(--fs-xs); font-weight: 700; color: var(--color-texto-2); cursor: pointer; }
.aa-chip.sel[b-1vaj3upmvk] { border-color: var(--color-acento-texto); background: var(--color-acento-suave); color: var(--color-acento-texto); }
.aa-campo[b-1vaj3upmvk] { display: flex; flex-direction: column; gap: 4px; font-size: var(--fs-sm); font-weight: 600; color: var(--color-texto); text-transform: none; letter-spacing: normal; }
.aa-campo.linea[b-1vaj3upmvk] { flex-direction: row; align-items: center; gap: 6px; }
.aa-campo input[b-1vaj3upmvk], .aa-campo select[b-1vaj3upmvk] { padding: 6px 8px; border: 1px solid var(--color-borde); border-radius: var(--radio-sm); font-size: var(--fs-sm); font-weight: 400; }
.aa-campo input.corto[b-1vaj3upmvk] { width: 6em; }
.aa-fila[b-1vaj3upmvk] { display: grid; grid-template-columns: 1fr 1fr auto; gap: var(--esp-2); }
.aa-lotes[b-1vaj3upmvk] { display: flex; flex-direction: column; gap: 4px; max-height: 300px; overflow-y: auto; }
.aa-lote[b-1vaj3upmvk] { display: grid; grid-template-columns: auto auto 1fr auto; align-items: center; gap: var(--esp-2); padding: 8px 10px; border: 1px solid var(--color-borde); border-radius: var(--radio-sm); cursor: pointer; }
.aa-lote.sel[b-1vaj3upmvk] { border-color: var(--color-acento); background: var(--color-acento-suave); }
.aa-lote i[b-1vaj3upmvk] { width: 12px; height: 12px; border-radius: 50%; }
.aa-lote b[b-1vaj3upmvk] { font-size: var(--fs-sm); color: var(--color-texto); }
.aa-lote small[b-1vaj3upmvk] { font-size: var(--fs-xs); color: var(--color-texto-2); }
.aa-lote-nuevo i[b-1vaj3upmvk] { border: 1px dashed var(--color-borde-fuerte); }
.aa-lote-nuevo .aa-lote-nombre[b-1vaj3upmvk] { min-width: 0; min-height: 32px; padding: 0 var(--esp-2); border: 1px solid var(--color-borde-fuerte); border-radius: var(--radio-sm); background: var(--color-superficie); color: var(--color-texto); font-family: var(--fuente-ui); font-size: var(--fs-sm); }
.aa-lote-nuevo select[b-1vaj3upmvk] { min-height: 32px; border: 1px solid var(--color-borde-fuerte); border-radius: var(--radio-sm); background: var(--color-superficie); color: var(--color-texto); font-size: var(--fs-xs); }
.aa-previa[b-1vaj3upmvk] { display: flex; flex-direction: column; gap: 4px; padding: var(--esp-2) var(--esp-3); border-left: 4px solid var(--color-aviso); border-radius: var(--radio-xs); background: var(--color-aviso-fondo); font-size: var(--fs-sm); color: var(--color-texto); }
.aa-previa small[b-1vaj3upmvk] { font-size: var(--fs-xs); color: var(--color-texto-2); }
.aa-ok[b-1vaj3upmvk] { padding: var(--esp-3); border-radius: var(--radio-sm); background: color-mix(in srgb, var(--color-exito) 10%, var(--color-superficie)); color: var(--color-exito); font-weight: 600; }
.aa-error[b-1vaj3upmvk] { padding: var(--esp-2) var(--esp-3); border-radius: var(--radio-sm); background: var(--color-peligro-fondo); color: var(--color-peligro); font-size: var(--fs-sm); }
.aa-pie[b-1vaj3upmvk] { display: flex; justify-content: flex-end; gap: var(--esp-2); }
.aa-btn[b-1vaj3upmvk] { padding: 7px 16px; border: 1px solid var(--color-borde); border-radius: var(--radio-sm); background: var(--color-superficie); font-size: var(--fs-sm); font-weight: 700; color: var(--color-texto); cursor: pointer; }
.aa-btn.primario[b-1vaj3upmvk] { border-color: var(--color-acento); background: var(--color-acento); color: var(--color-superficie); }
.aa-btn:disabled[b-1vaj3upmvk] { opacity: .55; cursor: default; }
@media (max-width: 600px) { .aa-fila[b-1vaj3upmvk] { grid-template-columns: 1fr 1fr; } }
/* /Shared/AgroseguroMuertes.razor.rz.scp.css */
.ag[b-bem8nwikmx] { min-width: 0; }
.ag-cuerpo[b-bem8nwikmx] { display: flex; flex-direction: column; gap: var(--esp-3); font-size: var(--fs-sm); color: var(--color-texto); }

.ag-sub[b-bem8nwikmx] { color: var(--color-texto-suave); font-size: var(--fs-xs); }
.ag-msg[b-bem8nwikmx] { margin: 0; padding: var(--esp-2) var(--esp-3); border-radius: var(--radio-sm); background: var(--color-info-fondo); color: var(--color-texto); }
.ag-vacio[b-bem8nwikmx] { margin: 0; padding: var(--esp-4); border: 1px dashed var(--color-borde-fuerte); border-radius: var(--radio-sm); color: var(--color-texto-2); text-align: center; }
.ag-intro[b-bem8nwikmx] { margin: 0; color: var(--color-texto-2); }

.ag-chip[b-bem8nwikmx] { display: inline-block; padding: 2px 8px; border-radius: var(--radio-full); font-size: var(--fs-xs); font-weight: 600; white-space: nowrap;
    background: var(--color-superficie-2); color: var(--color-texto-2); }
.ag-ok[b-bem8nwikmx] { background: var(--color-exito-fondo); color: var(--color-exito); }
.ag-info[b-bem8nwikmx] { background: var(--color-info-fondo); color: var(--color-info); }
.ag-aviso[b-bem8nwikmx] { background: var(--color-aviso-fondo); color: var(--color-aviso); }
.ag-ok-txt[b-bem8nwikmx] { color: var(--color-exito); font-weight: 600; }

/* Pasos del parte */
.ag-pasos[b-bem8nwikmx] { display: flex; margin: 0; padding: 0; list-style: none; counter-reset: paso; }
.ag-pasos li[b-bem8nwikmx] { flex: 1; display: flex; align-items: center; gap: var(--esp-2); min-width: 0; padding: var(--esp-2) 0;
    color: var(--color-texto-suave); font-size: var(--fs-sm); font-weight: 600; counter-increment: paso; }
.ag-pasos li[b-bem8nwikmx]::before { content: counter(paso); flex: none; display: grid; place-items: center; width: 24px; height: 24px; border-radius: 50%;
    border: 2px solid var(--color-borde-fuerte); font-size: var(--fs-xs); }
.ag-pasos li:not(:last-child)[b-bem8nwikmx]::after { content: ""; flex: 1; height: 2px; margin: 0 var(--esp-2); background: var(--color-borde); }
.ag-pasos li.actual[b-bem8nwikmx] { color: var(--color-acento-texto); }
.ag-pasos li.actual[b-bem8nwikmx]::before { border-color: var(--color-acento); background: var(--color-acento); color: #fff; }
.ag-pasos li.hecho[b-bem8nwikmx] { color: var(--color-exito); }
.ag-pasos li.hecho[b-bem8nwikmx]::before { content: "✓"; border-color: var(--color-exito); background: var(--color-exito-fondo); }

.ag-pendientes[b-bem8nwikmx] { display: flex; flex-direction: column; gap: var(--esp-1); padding: var(--esp-2) var(--esp-3);
    border-radius: var(--radio-sm); background: var(--color-aviso-fondo); }
.ag-fila-btn[b-bem8nwikmx] { display: flex; flex-wrap: wrap; align-items: center; gap: var(--esp-2); padding: var(--esp-1) 0; border: 0; background: none;
    color: var(--color-texto); font: inherit; text-align: left; cursor: pointer; }
.ag-fila-btn .ag-sub[b-bem8nwikmx] { margin-left: auto; color: var(--color-acento-texto); font-weight: 600; }

.ag-tabla[b-bem8nwikmx] { max-height: 320px; }
.ag-tabla tbody tr[b-bem8nwikmx] { cursor: default; }
.ag-tabla tbody tr.sel[b-bem8nwikmx] { background: var(--color-acento-suave); }
.ag-sel[b-bem8nwikmx] { width: 36px; text-align: center; }
.ag-tabla td .mono[b-bem8nwikmx], .ag-tabla td.mono[b-bem8nwikmx] { font-family: var(--fuente-mono); font-size: var(--fs-sm); }

.ag-form[b-bem8nwikmx] { display: flex; flex-wrap: wrap; align-items: flex-end; gap: var(--esp-3); }
.ag-form-col[b-bem8nwikmx] { flex-direction: column; align-items: stretch; }
.ag-form label[b-bem8nwikmx] { display: flex; flex-direction: column; gap: 2px; font-size: var(--fs-xs); font-weight: 600; color: var(--color-texto-2); }
.ag-form label small[b-bem8nwikmx] { font-weight: 400; color: var(--color-texto-suave); }
.ag-form input:not([type=checkbox])[b-bem8nwikmx] { min-height: 34px; padding: 0 var(--esp-2); border: 1px solid var(--color-borde-fuerte); border-radius: var(--radio-xs);
    background: var(--color-superficie); color: var(--color-texto); font: inherit; font-size: var(--fs-sm); }
.ag-form input[type=number][b-bem8nwikmx] { width: 110px; }
.ag-form input.mono[b-bem8nwikmx] { font-family: var(--fuente-mono); width: 150px; }
.ag-total[b-bem8nwikmx] { display: flex; flex-direction: column; margin-left: auto; text-align: right; font-size: var(--fs-sm); color: var(--color-texto-2); }
.ag-total b[b-bem8nwikmx] { font-size: var(--fs-xl); line-height: 1; color: var(--color-texto); }
.ag-total small[b-bem8nwikmx] { color: var(--color-texto-suave); font-family: var(--fuente-mono); font-size: var(--fs-xs); }

.ag-acciones[b-bem8nwikmx] { display: flex; flex-wrap: wrap; align-items: center; gap: var(--esp-2) var(--esp-3); }
.ag-acciones .ca-btn[b-bem8nwikmx] { align-self: auto; }
.ag-primario[b-bem8nwikmx] { background: var(--color-acento); color: #fff; padding: var(--esp-2) var(--esp-4); }
.ag-primario:disabled[b-bem8nwikmx] { opacity: .5; cursor: not-allowed; }
.ag-volver[b-bem8nwikmx] { margin-left: auto; border-color: transparent; background: none; }

.ag-datos[b-bem8nwikmx] { display: grid; grid-template-columns: max-content minmax(0, 1fr); gap: var(--esp-1) var(--esp-4); margin: 0; }
.ag-datos dt[b-bem8nwikmx] { color: var(--color-texto-suave); }
.ag-datos dd[b-bem8nwikmx] { margin: 0; overflow-wrap: anywhere; }
.ag-datos .mono[b-bem8nwikmx] { font-family: var(--fuente-mono); }
.ag-crotales[b-bem8nwikmx] { font-family: var(--fuente-mono); font-size: var(--fs-xs); }

.ag-revision[b-bem8nwikmx] { border: 1px solid var(--color-borde); border-radius: var(--radio-sm); overflow: hidden; }
.ag-revision-tit[b-bem8nwikmx] { padding: var(--esp-1) var(--esp-3); background: var(--color-superficie-2); font-size: var(--fs-xs); font-weight: 700; color: var(--color-texto-2); }
.ag-revision pre[b-bem8nwikmx] { margin: 0; padding: var(--esp-2) var(--esp-3); max-height: 260px; overflow: auto; white-space: pre-wrap; overflow-wrap: anywhere;
    font-family: var(--fuente-ui); font-size: var(--fs-sm); line-height: 1.5; color: var(--color-texto); }
.ag-confirmo[b-bem8nwikmx] { display: flex; align-items: flex-start; gap: var(--esp-2); font-weight: 600; }
.ag-incierto[b-bem8nwikmx] { display: flex; flex-direction: column; gap: var(--esp-2); padding: var(--esp-3); border-radius: var(--radio-sm); background: var(--color-aviso-fondo); }

.ag-barra[b-bem8nwikmx] { display: flex; flex-wrap: wrap; align-items: center; justify-content: space-between; gap: var(--esp-2); }
.ag-link[b-bem8nwikmx] { border: 0; background: none; color: var(--color-acento-texto); font: inherit; font-weight: 600; cursor: pointer; padding: 0; }
.ag-copiar[b-bem8nwikmx] { border: 0; background: none; color: var(--color-texto-suave); cursor: pointer; padding: 0 4px; }

.ag-manual[b-bem8nwikmx] { display: grid; grid-template-columns: repeat(auto-fit, minmax(280px, 1fr)); gap: var(--esp-4); }
.ag-manual > div[b-bem8nwikmx] { display: flex; flex-direction: column; gap: var(--esp-2); }
.ag-manual h3[b-bem8nwikmx] { margin: 0; }

@media (max-width: 640px) {
    .ag-pasos li[b-bem8nwikmx] { font-size: var(--fs-xs); }
    .ag-pasos li:not(.actual)[b-bem8nwikmx] { flex: none; font-size: 0; }
    .ag-pasos li:not(.actual)[b-bem8nwikmx]::after { flex: none; width: 16px; }
    .ag-total[b-bem8nwikmx] { margin-left: 0; text-align: left; }
}
/* /Shared/AnalisisDesvieje.razor.rz.scp.css */
/* Inventario → Análisis · Propuesta de desvieje. Desplaza por sí misma (el contenedor del Inventario no) */
.ad[b-ndf4y9ywe7] { flex: 1; min-height: 0; overflow-y: auto; display: flex; flex-direction: column; gap: var(--esp-4); padding: var(--esp-4); }
.ad-cab[b-ndf4y9ywe7] { display: flex; flex-wrap: wrap; align-items: flex-start; justify-content: space-between; gap: var(--esp-3); }
.ad-tit[b-ndf4y9ywe7] { display: flex; align-items: center; gap: var(--esp-2); margin: 0; font-size: var(--fs-lg); font-weight: 700; color: var(--color-texto); }
.ad-sigla[b-ndf4y9ywe7] { font-size: var(--fs-xs); font-weight: 700; padding: 2px 8px; border-radius: var(--radio-xs); background: var(--color-acento-suave); color: var(--color-acento-texto); }
.ad-sub[b-ndf4y9ywe7] { margin: 4px 0 0; max-width: 70ch; font-size: var(--fs-sm); color: var(--color-texto-2); }
.ad-opciones[b-ndf4y9ywe7] { display: flex; flex-wrap: wrap; align-items: center; gap: var(--esp-2); }
.ad-estado[b-ndf4y9ywe7] { padding: var(--esp-6, 32px); text-align: center; color: var(--color-texto-suave); }

.ad-sexo[b-ndf4y9ywe7] { display: inline-flex; border: 1px solid var(--color-borde); border-radius: var(--radio-full); overflow: hidden; }
.ad-sexo button[b-ndf4y9ywe7] { padding: 5px 14px; border: 0; background: var(--color-superficie); color: var(--color-texto-2); font-size: var(--fs-sm); font-weight: 600; cursor: pointer; }
.ad-sexo button.activa[b-ndf4y9ywe7] { background: var(--color-acento-suave); color: var(--color-acento-texto); }
.ad-btn[b-ndf4y9ywe7] {
    padding: 5px 12px; border: 1px solid var(--color-borde); border-radius: var(--radio-sm); background: var(--color-superficie);
    color: var(--color-texto); font-size: var(--fs-sm); font-weight: 600; cursor: pointer;
}
.ad-btn.activo[b-ndf4y9ywe7] { border-color: var(--color-acento-texto); color: var(--color-acento-texto); }
.ad-btn.primario[b-ndf4y9ywe7] { border-color: var(--color-acento); background: var(--color-acento); color: var(--color-superficie); }
.ad-link[b-ndf4y9ywe7] { border: 0; background: none; color: var(--color-acento-texto); font-size: var(--fs-sm); text-decoration: underline; cursor: pointer; }

/* Criterios ajustables */
.ad-criterios[b-ndf4y9ywe7] {
    display: grid; grid-template-columns: repeat(auto-fit, minmax(240px, 1fr)); gap: var(--esp-3); padding: var(--esp-3);
    border: 1px solid var(--color-borde); border-radius: var(--radio-md); background: var(--color-superficie-2);
}
.ad-crit-grupo[b-ndf4y9ywe7] { display: flex; flex-direction: column; gap: 6px; }
.ad-crit-grupo h3[b-ndf4y9ywe7] { margin: 0; font-size: var(--fs-xs); font-weight: 700; text-transform: uppercase; letter-spacing: .04em; color: var(--color-texto-2); }
.ad-crit-grupo label[b-ndf4y9ywe7] { font-size: var(--fs-sm); color: var(--color-texto); }
.ad-crit-grupo input[type=number][b-ndf4y9ywe7] {
    width: 4.5em; padding: 1px 4px; border: 1px solid var(--color-borde); border-radius: var(--radio-xs);
    font-size: var(--fs-sm); text-align: right; font-variant-numeric: tabular-nums;
}
.ad-check[b-ndf4y9ywe7] { display: flex; align-items: flex-start; gap: 6px; }
.ad-crit-acc[b-ndf4y9ywe7] { grid-column: 1 / -1; display: flex; align-items: center; gap: var(--esp-3); }

/* Contadores por motivo: también filtran */
.ad-grupos[b-ndf4y9ywe7] { display: flex; flex-wrap: wrap; gap: var(--esp-2); }
.ad-grupo[b-ndf4y9ywe7] {
    display: flex; flex-direction: column; align-items: flex-start; gap: 2px; min-width: 110px; padding: var(--esp-2) var(--esp-3);
    border: 1px solid var(--color-borde); border-left: 4px solid var(--ad-c, var(--color-acento)); border-radius: var(--radio-sm);
    background: var(--color-superficie); text-align: left; cursor: pointer;
}
.ad-grupo.activo[b-ndf4y9ywe7] { box-shadow: 0 0 0 2px var(--ad-c, var(--color-acento)); }
.ad-grupo.vacio[b-ndf4y9ywe7] { opacity: .5; cursor: default; }
.ad-grupo-n[b-ndf4y9ywe7] { font-size: var(--fs-xl); font-weight: 800; line-height: 1.1; color: var(--color-texto); }
.ad-grupo-lbl[b-ndf4y9ywe7] { font-size: var(--fs-xs); font-weight: 600; color: var(--color-texto-2); }
.c-gen[b-ndf4y9ywe7] { --ad-c: var(--marca-azul-500); }
.c-pro[b-ndf4y9ywe7] { --ad-c: var(--color-exito); }
.c-san[b-ndf4y9ywe7] { --ad-c: var(--color-peligro); }
.c-rep[b-ndf4y9ywe7] { --ad-c: var(--color-aviso); }

/* Lista: animal · percentiles · motivos */
.ad-lista[b-ndf4y9ywe7] { display: flex; flex-direction: column; border: 1px solid var(--color-borde); border-radius: var(--radio-md); background: var(--color-superficie); }
.ad-fila[b-ndf4y9ywe7] {
    display: grid; grid-template-columns: minmax(120px, 160px) minmax(130px, 170px) 1fr; align-items: center; gap: var(--esp-3);
    padding: 8px 12px; border-bottom: 1px solid var(--color-borde);
}
.ad-fila:last-child[b-ndf4y9ywe7] { border-bottom: 0; }
.ad-animal[b-ndf4y9ywe7] { display: flex; flex-direction: column; gap: 1px; min-width: 0; }
.ad-iden[b-ndf4y9ywe7] { padding: 0; border: 0; background: none; text-align: left; font-family: var(--fuente-mono); font-size: var(--fs-md); font-weight: 700; color: var(--color-acento-texto); cursor: pointer; }
.ad-animal small[b-ndf4y9ywe7] { font-size: var(--fs-xs); color: var(--color-texto-suave); }
.ad-perc[b-ndf4y9ywe7] { display: flex; gap: 4px; }
.ad-pc[b-ndf4y9ywe7] { min-width: 40px; padding: 1px 6px; border-radius: var(--radio-xs); font-size: var(--fs-xs); font-weight: 700; text-align: center; background: var(--perc-f, var(--color-superficie-2)); color: var(--perc-c, var(--color-texto-2)); }
.ad-pc.vacio[b-ndf4y9ywe7] { color: var(--color-texto-suave); font-weight: 400; }
.ad-motivos[b-ndf4y9ywe7] { display: flex; flex-wrap: wrap; gap: 4px; }
.ad-motivo[b-ndf4y9ywe7] {
    padding: 2px 8px; border-left: 3px solid var(--ad-c); border-radius: var(--radio-xs);
    background: color-mix(in srgb, var(--ad-c) 8%, var(--color-superficie)); font-size: var(--fs-xs); color: var(--color-texto);
}
.ad-motivo b[b-ndf4y9ywe7] { font-weight: 700; margin-right: 4px; }

@media (max-width: 700px) {
    .ad[b-ndf4y9ywe7] { padding: var(--esp-3); }
    .ad-fila[b-ndf4y9ywe7] { grid-template-columns: 1fr auto; }
    .ad-motivos[b-ndf4y9ywe7] { grid-column: 1 / -1; }
}

/* Acciones sobre la lista que se ve */
.ad-acciones[b-ndf4y9ywe7] { display: flex; flex-wrap: wrap; align-items: center; gap: var(--esp-2); font-size: var(--fs-sm); color: var(--color-texto-2); }
/* /Shared/AnalisisMachos.razor.rz.scp.css */
/* El contenedor del Inventario no desplaza (la tabla tiene su propio scroll): esta vista desplaza por sí misma */
.am[b-v3a4dtolp2] { --s1: #2a78d6; --s2: #eb6834; flex: 1; min-height: 0; overflow-y: auto; display: flex; flex-direction: column; gap: var(--esp-4); padding: var(--esp-4); }
.am [data-ayuda][b-v3a4dtolp2] { text-decoration: none; }
.am-sub [data-ayuda][b-v3a4dtolp2] { text-decoration: underline dotted var(--gris-400); text-underline-offset: 3px; }

.am-cab[b-v3a4dtolp2] { display: flex; flex-wrap: wrap; align-items: flex-start; justify-content: space-between; gap: var(--esp-3); }
.am-tit[b-v3a4dtolp2] { display: flex; align-items: center; gap: var(--esp-2); margin: 0; font-size: var(--fs-lg); font-weight: 700; color: var(--color-texto); }
.am-sigla[b-v3a4dtolp2] { font-size: var(--fs-xs); font-weight: 700; padding: 2px 8px; border-radius: var(--radio-xs); background: var(--color-acento-suave); color: var(--color-acento-texto); }
.am-sub[b-v3a4dtolp2] { margin: 4px 0 0; max-width: 70ch; font-size: var(--fs-sm); color: var(--color-texto-2); }
.am-bajas[b-v3a4dtolp2] { display: inline-flex; align-items: center; gap: var(--esp-2); font-size: var(--fs-sm); color: var(--color-texto-2); cursor: pointer; white-space: nowrap; }
.am-estado[b-v3a4dtolp2] { padding: var(--esp-6, 32px); text-align: center; color: var(--color-texto-suave); }

/* Contadores por grupo: también filtran */
.am-grupos[b-v3a4dtolp2] { display: grid; grid-template-columns: repeat(6, minmax(0, 1fr)); gap: var(--esp-3); flex-shrink: 0; }
@media (max-width: 700px) { .am-grupos[b-v3a4dtolp2] { grid-template-columns: repeat(3, minmax(0, 1fr)); gap: var(--esp-2); } }
.am-grupo[b-v3a4dtolp2] {
    display: flex; flex-direction: column; align-items: flex-start; gap: 2px;
    padding: var(--esp-3); border-radius: var(--radio-sm); cursor: pointer; text-align: left;
    border: 1px solid color-mix(in srgb, var(--perc-b, var(--gris-300)) 50%, transparent);
    background: var(--perc-f, var(--color-superficie-2));
}
.am-grupo.activo[b-v3a4dtolp2] { box-shadow: 0 0 0 2px var(--perc-c, var(--gris-700)); }
.am-grupo.vacio[b-v3a4dtolp2] { opacity: .55; }
.am-grupo-n[b-v3a4dtolp2] { font-size: var(--fs-xl); font-weight: 800; line-height: 1.1; color: var(--perc-c, var(--color-texto)); }
.am-grupo-lbl[b-v3a4dtolp2] { font-size: var(--fs-xs); font-weight: 600; color: var(--color-texto-2); }


.am-grupo--todos[b-v3a4dtolp2] { --perc-c: var(--color-acento-texto); --perc-f: var(--color-info-fondo); --perc-b: var(--marca-azul-500); }
.am-grupo:disabled[b-v3a4dtolp2] { cursor: default; }

.am-filtro[b-v3a4dtolp2] {
    display: flex; flex-wrap: wrap; align-items: center; gap: var(--esp-2) var(--esp-3);
    font-size: var(--fs-sm); color: var(--color-texto-2);
}
.am-filtro button[b-v3a4dtolp2] {
    padding: 4px 12px; border: 1px solid var(--color-acento-texto); border-radius: var(--radio-full);
    background: var(--color-superficie); color: var(--color-acento-texto); font-size: var(--fs-sm); font-weight: 600; cursor: pointer;
}
.am-filtro button:hover[b-v3a4dtolp2] { background: var(--color-info-fondo); }

/* Lista: una fila por macho en escritorio, tarjetas en el móvil; sin cabecera, cada dato dice lo que es */
.am-tabla[b-v3a4dtolp2] { flex-shrink: 0; border: 1px solid var(--color-borde); border-radius: var(--radio-md); overflow: hidden; background: var(--color-superficie); }
.am-tabla > .am-fila:first-child[b-v3a4dtolp2] { border-top: 0; }
.am-ud[b-v3a4dtolp2] { font-size: var(--fs-xs); font-weight: 500; color: var(--color-texto-suave); }
.am-tend-lbl[b-v3a4dtolp2] { display: inline; }
.am-fila[b-v3a4dtolp2] {
    display: grid;
    grid-template-columns: minmax(130px, 1.1fr) minmax(150px, 1.1fr) minmax(110px, .8fr) minmax(200px, 1.1fr) minmax(170px, 1.3fr) minmax(130px, 1fr);
    align-items: center;
    gap: var(--esp-3);
    padding: var(--esp-2) var(--esp-4);
    border-top: 1px solid var(--color-borde);
    font-size: var(--fs-sm);
}
.am-fila.baja[b-v3a4dtolp2] { background: color-mix(in srgb, var(--color-peligro-fondo) 50%, transparent); }
.am-fila > span[b-v3a4dtolp2] { min-width: 0; }
.am-fila small[b-v3a4dtolp2] { display: block; font-size: var(--fs-xs); color: var(--color-texto-suave); }

.am-macho[b-v3a4dtolp2] { display: flex; flex-direction: column; gap: 2px; }
.am-iden[b-v3a4dtolp2] { align-self: flex-start; padding: 0; border: 0; background: none; font: inherit; font-size: var(--fs-md); font-weight: 800; color: var(--color-acento-texto); cursor: pointer; }
.am-iden:hover[b-v3a4dtolp2] { text-decoration: underline; }
.am-meta[b-v3a4dtolp2] { display: flex; gap: var(--esp-2); align-items: center; font-size: var(--fs-xs); color: var(--color-texto-suave); }
.am-reg[b-v3a4dtolp2] { font-weight: 700; padding: 0 6px; border-radius: var(--radio-xs); background: var(--color-superficie-2); color: var(--color-texto-2); }
.am-baja[b-v3a4dtolp2] { color: var(--color-peligro); font-weight: 600; }

.am-chip[b-v3a4dtolp2] { display: inline-block; padding: 3px 10px; border-radius: var(--radio-full); font-size: var(--fs-xs); font-weight: 700; white-space: nowrap;
           background: var(--perc-f, var(--color-superficie-2)); color: var(--perc-c, var(--color-texto-2));
           border: 1px solid color-mix(in srgb, var(--perc-b, var(--gris-300)) 55%, transparent); }
.am-vg strong[b-v3a4dtolp2], .am-hijas strong[b-v3a4dtolp2] { font-size: var(--fs-md); font-variant-numeric: tabular-nums; }
.am-hijas[b-v3a4dtolp2] { display: flex; flex-direction: column; align-items: flex-start; gap: 2px; }
.am-hijas-res[b-v3a4dtolp2] { max-width: 100%; white-space: nowrap; overflow: hidden; text-overflow: ellipsis; }

/* Diferencia con el lote: barra con el cero en el centro */
.am-dif[b-v3a4dtolp2] { display: grid; grid-template-columns: 1fr auto; align-items: center; column-gap: var(--esp-2); }
.am-dif-barra[b-v3a4dtolp2] { position: relative; height: 10px; border-radius: var(--radio-full); background: var(--gris-100, #f1f5f9); }
.am-dif-barra[b-v3a4dtolp2]::after { content: ""; position: absolute; left: 50%; top: -3px; bottom: -3px; width: 1px; background: var(--gris-700); opacity: .5; }
.am-dif-barra i[b-v3a4dtolp2] { position: absolute; top: 0; bottom: 0; }
.am-dif-barra i.arriba[b-v3a4dtolp2] { left: 50%; background: var(--s1); border-radius: 0 5px 5px 0; }
.am-dif-barra i.abajo[b-v3a4dtolp2]  { right: 50%; background: var(--s2); border-radius: 5px 0 0 5px; }
.am-dif strong[b-v3a4dtolp2] { font-variant-numeric: tabular-nums; }
.am-dif strong.pos[b-v3a4dtolp2] { color: var(--color-exito); }
.am-dif strong.neg[b-v3a4dtolp2] { color: var(--color-peligro); }
.am-dif small[b-v3a4dtolp2] { grid-column: 1 / -1; }

/* Tendencia: una barrita por año de nacimiento de las hijas (arriba = mejor que su lote) */
.am-tend[b-v3a4dtolp2] { display: flex; align-items: center; gap: var(--esp-2); }
.am-spark[b-v3a4dtolp2] { display: flex; gap: 3px; height: 34px; }
.am-spark-col[b-v3a4dtolp2] { position: relative; width: 10px; }
.am-spark-col[b-v3a4dtolp2]::after { content: ""; position: absolute; left: -1px; right: -1px; top: 50%; border-top: 1px solid var(--gris-300, #cbd5e1); }
.am-spark-col i[b-v3a4dtolp2] { position: absolute; left: 0; right: 0; min-height: 1px; }
.am-spark-col i.arriba[b-v3a4dtolp2] { bottom: 50%; background: var(--s1); border-radius: 2px 2px 0 0; }
.am-spark-col i.abajo[b-v3a4dtolp2]  { top: 50%; background: var(--s2); border-radius: 0 0 2px 2px; }
.am-flecha[b-v3a4dtolp2] { font-size: var(--fs-lg); font-weight: 800; color: var(--perc-c, var(--color-texto-2)); }

@media (max-width: 900px) {
    .am[b-v3a4dtolp2] { padding: var(--esp-3); }
    .am-fila[b-v3a4dtolp2] { grid-template-columns: 1fr 1fr; gap: var(--esp-2) var(--esp-3); padding: var(--esp-3); }
    .am-macho[b-v3a4dtolp2] { grid-column: 1; }
    .am-fila > span[data-label="Clasificación"][b-v3a4dtolp2] { grid-column: 2; justify-self: end; }
    .am-dif[b-v3a4dtolp2], .am-tend[b-v3a4dtolp2] { grid-column: 1 / -1; }
}

/* Opciones: modo de comparación y casilla de bajas */
.am-opciones[b-v3a4dtolp2] { display: flex; flex-wrap: wrap; align-items: center; gap: var(--esp-2) var(--esp-4); }
.am-modo[b-v3a4dtolp2] { display: inline-flex; align-items: center; gap: 4px; font-size: var(--fs-sm); color: var(--color-texto-2); }
.am-modo > span[b-v3a4dtolp2] { margin-right: var(--esp-1); }
.am-modo button[b-v3a4dtolp2] {
    padding: 4px 12px; border: 1px solid var(--color-borde-fuerte); border-radius: var(--radio-full);
    background: var(--color-superficie); color: var(--color-texto-2); font-size: var(--fs-sm); font-weight: 600; cursor: pointer;
}
.am-modo button.activa[b-v3a4dtolp2] { background: var(--color-acento-texto); border-color: var(--color-acento-texto); color: #fff; }
.am-una-linea[b-v3a4dtolp2] { white-space: nowrap; overflow: hidden; text-overflow: ellipsis; }
.am-madres[b-v3a4dtolp2] { color: var(--color-texto-suave); }
.am-madres.mejores[b-v3a4dtolp2] { color: var(--color-aviso); font-weight: 600; }

/* Mejora #13: hijas aquí y en otras ganaderías; el detalle se abre debajo del macho */
.am-ganaderias[b-v3a4dtolp2] {
    display: inline-flex; align-items: center; gap: 4px; margin-top: 2px; padding: 1px 8px;
    border: 1px solid var(--color-borde); border-radius: var(--radio-full); background: var(--color-superficie);
    font-size: var(--fs-xs); font-weight: 600; color: var(--color-acento-texto); cursor: pointer; white-space: nowrap;
}
.am-ganaderias span[b-v3a4dtolp2] { transition: transform .15s; }
.am-ganaderias.abierto span[b-v3a4dtolp2] { transform: rotate(90deg); }
.am-detalle[b-v3a4dtolp2] { padding: var(--esp-2) var(--esp-3) var(--esp-3); border-top: 1px dashed var(--color-borde); background: var(--color-superficie-2); }
.am-detalle table[b-v3a4dtolp2] { width: 100%; max-width: 720px; border-collapse: collapse; font-size: var(--fs-sm); }
.am-detalle th[b-v3a4dtolp2] { padding: 4px 8px; text-align: left; font-size: var(--fs-xs); font-weight: 700; color: var(--color-texto-2); border-bottom: 1px solid var(--color-borde); }
.am-detalle td[b-v3a4dtolp2] { padding: 4px 8px; border-bottom: 1px solid var(--color-borde); font-variant-numeric: tabular-nums; color: var(--color-texto); }
.am-detalle tr.suya td[b-v3a4dtolp2] { font-weight: 700; background: var(--color-acento-suave); }
.am-detalle td.pos[b-v3a4dtolp2] { color: var(--color-exito); }
.am-detalle td.neg[b-v3a4dtolp2] { color: var(--color-peligro); }
.am-detalle small[b-v3a4dtolp2] { display: block; margin-top: 6px; font-size: var(--fs-xs); color: var(--color-texto-suave); }
/* /Shared/AnalisisParentesco.razor.rz.scp.css */
/* Inventario → Análisis · Propuesta de desvieje. Desplaza por sí misma (el contenedor del Inventario no) */
.ad[b-79y113f22x] { flex: 1; min-height: 0; overflow-y: auto; display: flex; flex-direction: column; gap: var(--esp-4); padding: var(--esp-4); }
.ad-cab[b-79y113f22x] { display: flex; flex-wrap: wrap; align-items: flex-start; justify-content: space-between; gap: var(--esp-3); }
.ad-tit[b-79y113f22x] { display: flex; align-items: center; gap: var(--esp-2); margin: 0; font-size: var(--fs-lg); font-weight: 700; color: var(--color-texto); }
.ad-sigla[b-79y113f22x] { font-size: var(--fs-xs); font-weight: 700; padding: 2px 8px; border-radius: var(--radio-xs); background: var(--color-acento-suave); color: var(--color-acento-texto); }
.ad-sub[b-79y113f22x] { margin: 4px 0 0; max-width: 70ch; font-size: var(--fs-sm); color: var(--color-texto-2); }
.ad-opciones[b-79y113f22x] { display: flex; flex-wrap: wrap; align-items: center; gap: var(--esp-2); }
.ad-estado[b-79y113f22x] { padding: var(--esp-6, 32px); text-align: center; color: var(--color-texto-suave); }

.ad-sexo[b-79y113f22x] { display: inline-flex; border: 1px solid var(--color-borde); border-radius: var(--radio-full); overflow: hidden; }
.ad-sexo button[b-79y113f22x] { padding: 5px 14px; border: 0; background: var(--color-superficie); color: var(--color-texto-2); font-size: var(--fs-sm); font-weight: 600; cursor: pointer; }
.ad-sexo button.activa[b-79y113f22x] { background: var(--color-acento-suave); color: var(--color-acento-texto); }
.ad-btn[b-79y113f22x] {
    padding: 5px 12px; border: 1px solid var(--color-borde); border-radius: var(--radio-sm); background: var(--color-superficie);
    color: var(--color-texto); font-size: var(--fs-sm); font-weight: 600; cursor: pointer;
}
.ad-btn.activo[b-79y113f22x] { border-color: var(--color-acento-texto); color: var(--color-acento-texto); }
.ad-btn.primario[b-79y113f22x] { border-color: var(--color-acento); background: var(--color-acento); color: var(--color-superficie); }
.ad-link[b-79y113f22x] { border: 0; background: none; color: var(--color-acento-texto); font-size: var(--fs-sm); text-decoration: underline; cursor: pointer; }

/* Criterios ajustables */
.ad-criterios[b-79y113f22x] {
    display: grid; grid-template-columns: repeat(auto-fit, minmax(240px, 1fr)); gap: var(--esp-3); padding: var(--esp-3);
    border: 1px solid var(--color-borde); border-radius: var(--radio-md); background: var(--color-superficie-2);
}
.ad-crit-grupo[b-79y113f22x] { display: flex; flex-direction: column; gap: 6px; }
.ad-crit-grupo h3[b-79y113f22x] { margin: 0; font-size: var(--fs-xs); font-weight: 700; text-transform: uppercase; letter-spacing: .04em; color: var(--color-texto-2); }
.ad-crit-grupo label[b-79y113f22x] { font-size: var(--fs-sm); color: var(--color-texto); }
.ad-crit-grupo input[type=number][b-79y113f22x] {
    width: 4.5em; padding: 1px 4px; border: 1px solid var(--color-borde); border-radius: var(--radio-xs);
    font-size: var(--fs-sm); text-align: right; font-variant-numeric: tabular-nums;
}
.ad-check[b-79y113f22x] { display: flex; align-items: flex-start; gap: 6px; }
.ad-crit-acc[b-79y113f22x] { grid-column: 1 / -1; display: flex; align-items: center; gap: var(--esp-3); }

/* Contadores por motivo: también filtran */
.ad-grupos[b-79y113f22x] { display: flex; flex-wrap: wrap; gap: var(--esp-2); }
.ad-grupo[b-79y113f22x] {
    display: flex; flex-direction: column; align-items: flex-start; gap: 2px; min-width: 110px; padding: var(--esp-2) var(--esp-3);
    border: 1px solid var(--color-borde); border-left: 4px solid var(--ad-c, var(--color-acento)); border-radius: var(--radio-sm);
    background: var(--color-superficie); text-align: left; cursor: pointer;
}
.ad-grupo.activo[b-79y113f22x] { box-shadow: 0 0 0 2px var(--ad-c, var(--color-acento)); }
.ad-grupo.vacio[b-79y113f22x] { opacity: .5; cursor: default; }
.ad-grupo-n[b-79y113f22x] { font-size: var(--fs-xl); font-weight: 800; line-height: 1.1; color: var(--color-texto); }
.ad-grupo-lbl[b-79y113f22x] { font-size: var(--fs-xs); font-weight: 600; color: var(--color-texto-2); }
.c-gen[b-79y113f22x] { --ad-c: var(--marca-azul-500); }
.c-pro[b-79y113f22x] { --ad-c: var(--color-exito); }
.c-san[b-79y113f22x] { --ad-c: var(--color-peligro); }
.c-rep[b-79y113f22x] { --ad-c: var(--color-aviso); }

/* Lista: animal · percentiles · motivos */
.ad-lista[b-79y113f22x] { display: flex; flex-direction: column; border: 1px solid var(--color-borde); border-radius: var(--radio-md); background: var(--color-superficie); }
.ad-fila[b-79y113f22x] {
    display: grid; grid-template-columns: minmax(120px, 160px) minmax(130px, 170px) 1fr; align-items: center; gap: var(--esp-3);
    padding: 8px 12px; border-bottom: 1px solid var(--color-borde);
}
.ad-fila:last-child[b-79y113f22x] { border-bottom: 0; }
.ad-animal[b-79y113f22x] { display: flex; flex-direction: column; gap: 1px; min-width: 0; }
.ad-iden[b-79y113f22x] { padding: 0; border: 0; background: none; text-align: left; font-family: var(--fuente-mono); font-size: var(--fs-md); font-weight: 700; color: var(--color-acento-texto); cursor: pointer; }
.ad-animal small[b-79y113f22x] { font-size: var(--fs-xs); color: var(--color-texto-suave); }
.ad-perc[b-79y113f22x] { display: flex; gap: 4px; }
.ad-pc[b-79y113f22x] { min-width: 40px; padding: 1px 6px; border-radius: var(--radio-xs); font-size: var(--fs-xs); font-weight: 700; text-align: center; background: var(--perc-f, var(--color-superficie-2)); color: var(--perc-c, var(--color-texto-2)); }
.ad-pc.vacio[b-79y113f22x] { color: var(--color-texto-suave); font-weight: 400; }
.ad-motivos[b-79y113f22x] { display: flex; flex-wrap: wrap; gap: 4px; }
.ad-motivo[b-79y113f22x] {
    padding: 2px 8px; border-left: 3px solid var(--ad-c); border-radius: var(--radio-xs);
    background: color-mix(in srgb, var(--ad-c) 8%, var(--color-superficie)); font-size: var(--fs-xs); color: var(--color-texto);
}
.ad-motivo b[b-79y113f22x] { font-weight: 700; margin-right: 4px; }

@media (max-width: 700px) {
    .ad[b-79y113f22x] { padding: var(--esp-3); }
    .ad-fila[b-79y113f22x] { grid-template-columns: 1fr auto; }
    .ad-motivos[b-79y113f22x] { grid-column: 1 / -1; }
}

/* Parentesco: una fila por familia, con los machos como botones a su ficha */
.ap-cuerpo[b-79y113f22x] { display: flex; flex-direction: column; border: 1px solid var(--color-borde); border-radius: var(--radio-md); background: var(--color-superficie); }
.ap-fila[b-79y113f22x] { display: flex; flex-wrap: wrap; align-items: center; gap: 6px var(--esp-2); padding: 8px 12px; border-bottom: 1px solid var(--color-borde); }
.ap-fila:last-child[b-79y113f22x] { border-bottom: 0; }
.ap-rol[b-79y113f22x] { font-size: var(--fs-sm); color: var(--color-texto-2); }
.ap-macho[b-79y113f22x] {
    display: inline-flex; align-items: baseline; gap: 6px; padding: 2px 10px; border: 1px solid var(--color-borde);
    border-radius: var(--radio-full); background: var(--color-superficie); cursor: pointer;
}
.ap-macho b[b-79y113f22x] { font-family: var(--fuente-mono); font-size: var(--fs-sm); color: var(--color-acento-texto); }
.ap-macho small[b-79y113f22x] { font-size: var(--fs-2xs); color: var(--color-texto-suave); }
.ap-cons[b-79y113f22x] { font-weight: 700; color: var(--color-peligro); font-variant-numeric: tabular-nums; }
.ap-umbral[b-79y113f22x] { display: flex; flex-wrap: wrap; align-items: center; gap: var(--esp-2); padding: 8px 12px; border-bottom: 1px solid var(--color-borde); font-size: var(--fs-sm); }
.ap-umbral input[b-79y113f22x] { width: 4.5em; padding: 1px 4px; border: 1px solid var(--color-borde); border-radius: var(--radio-xs); text-align: right; }
/* /Shared/BotonMejoras.razor.rz.scp.css */
/* Mejoras: botón flotante abajo a la derecha (encima de la barra inferior del móvil) y panel lateral */
.mj-fab[b-ygigjrphlo] {
    position: fixed; right: 18px; bottom: 18px; z-index: 800;
    display: inline-flex; align-items: center; gap: 6px; min-height: 40px; padding: 0 14px 0 12px;
    border: 0; border-radius: var(--radio-full); background: var(--color-acento-texto); color: var(--color-superficie);
    font-family: var(--fuente-ui); font-size: var(--fs-sm); font-weight: 700; box-shadow: var(--sombra-lg); cursor: pointer;
    transition: transform .15s, opacity .15s; opacity: .92;
}
.mj-fab:hover[b-ygigjrphlo], .mj-fab.abierto[b-ygigjrphlo] { opacity: 1; transform: translateY(-1px); }
.mj-fab svg[b-ygigjrphlo] { width: 18px; height: 18px; }
.mj-fab-n[b-ygigjrphlo] {
    min-width: 20px; padding: 0 6px; border-radius: var(--radio-full); background: var(--color-superficie);
    color: var(--color-acento-texto); font-size: var(--fs-2xs); line-height: 20px; text-align: center;
}
.mj-fab-nuevo[b-ygigjrphlo] {
    position: absolute; top: -6px; right: -4px; min-width: 20px; padding: 0 5px; border: 2px solid var(--color-superficie);
    border-radius: var(--radio-full); background: var(--color-peligro); color: var(--color-superficie);
    font-size: var(--fs-2xs); line-height: 16px; text-align: center; cursor: pointer;
}

.mj-fondo[b-ygigjrphlo] { position: fixed; inset: 0; z-index: 940; background: rgba(10, 22, 40, .35); }
.mj-panel[b-ygigjrphlo] {
    position: fixed; top: 0; right: 0; bottom: 0; z-index: 950; width: min(440px, 100vw);
    display: flex; flex-direction: column; background: var(--color-superficie); box-shadow: var(--sombra-lg);
    animation: mjEntra-b-ygigjrphlo .18s ease-out both;
}
@keyframes mjEntra-b-ygigjrphlo { from { transform: translateX(24px); opacity: 0; } to { transform: none; opacity: 1; } }

.mj-cab[b-ygigjrphlo] { display: flex; align-items: center; gap: var(--esp-3); padding: var(--esp-3) var(--esp-4); border-bottom: 1px solid var(--color-borde); }
.mj-cab > div[b-ygigjrphlo] { flex: 1; display: flex; flex-direction: column; min-width: 0; }
.mj-cab b[b-ygigjrphlo] { font-size: var(--fs-lg); color: var(--color-texto); }
.mj-cab small[b-ygigjrphlo] { font-size: var(--fs-xs); color: var(--color-texto-suave); white-space: nowrap; overflow: hidden; text-overflow: ellipsis; }
.mj-bandeja[b-ygigjrphlo] {
    display: inline-flex; align-items: center; gap: 4px; padding: 4px 12px; border-radius: var(--radio-full);
    background: var(--color-acento-suave); color: var(--color-acento-texto); font-size: var(--fs-xs); font-weight: 700; text-decoration: none;
}
.mj-bandeja span[b-ygigjrphlo] { padding: 0 6px; border-radius: var(--radio-full); background: var(--color-peligro); color: var(--color-superficie); }
.mj-cerrar[b-ygigjrphlo] { border: 0; background: none; font-size: var(--fs-lg); color: var(--color-texto-2); cursor: pointer; padding: 4px 8px; }

.mj-tabs[b-ygigjrphlo] { display: flex; border-bottom: 1px solid var(--color-borde); padding: 0 var(--esp-2); }
.mj-tabs button[b-ygigjrphlo] {
    flex: 1; padding: var(--esp-2); border: 0; border-bottom: 3px solid transparent; background: none;
    color: var(--color-texto-2); font-size: var(--fs-sm); font-weight: 600; cursor: pointer;
}
.mj-tabs button.activa[b-ygigjrphlo] { color: var(--color-acento-texto); border-bottom-color: var(--color-acento); }
.mj-punto[b-ygigjrphlo] { padding: 0 6px; border-radius: var(--radio-full); background: var(--color-peligro); color: var(--color-superficie); font-size: var(--fs-2xs); }

.mj-cuerpo[b-ygigjrphlo] { flex: 1; overflow-y: auto; padding: var(--esp-3) var(--esp-4) var(--esp-6); display: flex; flex-direction: column; gap: var(--esp-2); }

.mj-form[b-ygigjrphlo] { display: flex; flex-direction: column; gap: var(--esp-2); padding: var(--esp-3); border-radius: var(--radio-md); background: var(--color-superficie-2); }
.mj-pregunta[b-ygigjrphlo] { margin: 0; font-size: var(--fs-sm); color: var(--color-texto); }
.mj-tipos[b-ygigjrphlo] { display: flex; flex-wrap: wrap; gap: 6px; }
.mj-tipos button[b-ygigjrphlo] {
    padding: 4px 12px; border: 1px solid var(--color-borde-fuerte); border-radius: var(--radio-full); background: var(--color-superficie);
    color: var(--color-texto-2); font-size: var(--fs-xs); font-weight: 600; cursor: pointer;
}
.mj-tipos button.activo[b-ygigjrphlo] { border-color: var(--color-acento); background: var(--color-acento-suave); color: var(--color-acento-texto); }
.mj-texto[b-ygigjrphlo] { position: relative; }
.mj-texto textarea[b-ygigjrphlo] {
    width: 100%; min-height: 76px; padding: 8px 44px 8px 10px; border: 1px solid var(--color-borde-fuerte); border-radius: var(--radio-sm);
    background: var(--color-superficie); color: var(--color-texto); font-family: var(--fuente-ui); font-size: var(--fs-sm); resize: vertical;
}
.mj-mic[b-ygigjrphlo] {
    position: absolute; right: 6px; top: 6px; width: 34px; height: 34px; border: 0; border-radius: var(--radio-full);
    background: var(--color-acento-suave); color: var(--color-acento-texto); cursor: pointer; display: grid; place-items: center;
}
.mj-mic svg[b-ygigjrphlo] { width: 18px; height: 18px; }
.mj-mic.activo[b-ygigjrphlo] { background: var(--color-peligro); color: var(--color-superficie); animation: mjLate-b-ygigjrphlo 1.2s infinite; }
@keyframes mjLate-b-ygigjrphlo { 50% { box-shadow: 0 0 0 6px rgba(185, 28, 28, .18); } }
.mj-ctx[b-ygigjrphlo] { margin: 0; font-size: var(--fs-2xs); color: var(--color-texto-suave); overflow-wrap: anywhere; }
.mj-pie[b-ygigjrphlo] { display: flex; flex-wrap: wrap; align-items: center; gap: var(--esp-2); }
.mj-foto[b-ygigjrphlo] { position: relative; overflow: hidden; padding: 4px 10px; text-transform: none; letter-spacing: normal; font-weight: 600; border: 1px dashed var(--color-borde-fuerte); border-radius: var(--radio-full); font-size: var(--fs-xs); color: var(--color-texto-2); cursor: pointer; }
.mj-foto[b-ygigjrphlo]  input { position: absolute; inset: 0; opacity: 0; cursor: pointer; }
.mj-miniatura[b-ygigjrphlo] { position: relative; }
.mj-miniatura img[b-ygigjrphlo] { width: 40px; height: 40px; object-fit: cover; border-radius: var(--radio-xs); display: block; }
.mj-miniatura button[b-ygigjrphlo] { position: absolute; top: -6px; right: -6px; width: 18px; height: 18px; border: 0; border-radius: 50%; background: var(--color-texto); color: var(--color-superficie); font-size: var(--fs-2xs); cursor: pointer; }
.mj-enviar[b-ygigjrphlo] {
    margin-left: auto; min-height: 36px; padding: 0 var(--esp-4); border: 0; border-radius: var(--radio-full);
    background: var(--color-acento); color: var(--color-superficie); font-size: var(--fs-sm); font-weight: 700; cursor: pointer;
}
.mj-enviar:disabled[b-ygigjrphlo] { opacity: .5; cursor: default; }
.mj-aviso[b-ygigjrphlo] { margin: 0; padding: 6px 10px; border-radius: var(--radio-sm); background: var(--color-peligro-fondo); color: var(--color-peligro); font-size: var(--fs-xs); }
.mj-gracias[b-ygigjrphlo] { margin: 0; padding: 6px 10px; border-radius: var(--radio-sm); background: var(--color-exito-fondo); color: var(--color-exito); font-size: var(--fs-xs); }

.mj-sub[b-ygigjrphlo] { margin: var(--esp-2) 0 0; font-size: var(--fs-2xs); font-weight: 700; color: var(--color-texto-2); text-transform: uppercase; letter-spacing: .04em; }
.mj-vacio[b-ygigjrphlo] { margin: var(--esp-3) 0; text-align: center; font-size: var(--fs-sm); color: var(--color-texto-suave); }

.mj-item[b-ygigjrphlo] { border: 1px solid var(--color-borde); border-radius: var(--radio-md); background: var(--color-superficie); }
.mj-item.novedad[b-ygigjrphlo] { border-color: var(--color-acento); box-shadow: 0 0 0 2px var(--color-acento-suave); }
.mj-item-cab[b-ygigjrphlo] { display: flex; gap: var(--esp-2); align-items: flex-start; padding: var(--esp-2) var(--esp-3) 0; cursor: pointer; }
.mj-icono[b-ygigjrphlo] { font-size: var(--fs-md); line-height: 1.4; }
.mj-item-txt[b-ygigjrphlo] { flex: 1; min-width: 0; }
.mj-item-txt p[b-ygigjrphlo] { margin: 0; font-size: var(--fs-sm); color: var(--color-texto); white-space: pre-wrap; overflow-wrap: anywhere; }
.mj-item:not(.abierta) .mj-item-txt p[b-ygigjrphlo] { display: -webkit-box; -webkit-line-clamp: 3; -webkit-box-orient: vertical; overflow: hidden; }
.mj-item-txt small[b-ygigjrphlo] { font-size: var(--fs-2xs); color: var(--color-texto-suave); }
.mj-estado[b-ygigjrphlo] { flex-shrink: 0; padding: 1px 8px; border-radius: var(--radio-full); font-size: var(--fs-2xs); font-weight: 700; white-space: nowrap; }
.mj-estado.nueva[b-ygigjrphlo] { background: var(--color-superficie-2); color: var(--color-texto-2); }
.mj-estado.aceptada[b-ygigjrphlo], .mj-estado.curso[b-ygigjrphlo] { background: var(--color-info-fondo); color: var(--color-info); }
.mj-estado.datos[b-ygigjrphlo] { background: var(--color-aviso-fondo); color: var(--color-aviso); }
.mj-estado.descartada[b-ygigjrphlo] { background: var(--color-superficie-2); color: var(--color-texto-suave); text-decoration: line-through; }
.mj-estado.publicada[b-ygigjrphlo] { background: var(--color-exito-fondo); color: var(--color-exito); }
.mj-item-acc[b-ygigjrphlo] { display: flex; align-items: center; gap: var(--esp-2); padding: 6px var(--esp-3) var(--esp-2) calc(var(--esp-3) + 26px); }
.mj-voto[b-ygigjrphlo] { padding: 2px 10px; border: 1px solid var(--color-borde-fuerte); border-radius: var(--radio-full); background: var(--color-superficie); font-size: var(--fs-xs); color: var(--color-texto-2); cursor: pointer; }
.mj-voto.activo[b-ygigjrphlo] { border-color: var(--color-acento); background: var(--color-acento-suave); color: var(--color-acento-texto); font-weight: 700; }
.mj-votos[b-ygigjrphlo] { font-size: var(--fs-xs); color: var(--color-texto-2); }
.mj-link[b-ygigjrphlo] { margin-left: auto; border: 0; background: none; padding: 0; color: var(--color-acento-texto); font-size: var(--fs-xs); font-weight: 600; cursor: pointer; text-decoration: underline; }
.mj-quitar[b-ygigjrphlo] { margin: var(--esp-2) 0 0; color: var(--color-peligro); }

.mj-detalle[b-ygigjrphlo] { display: flex; flex-direction: column; gap: var(--esp-2); padding: var(--esp-2) var(--esp-3) var(--esp-3); border-top: 1px solid var(--color-borde); }
.mj-foto-grande[b-ygigjrphlo] { max-width: 100%; border-radius: var(--radio-sm); border: 1px solid var(--color-borde); }
.mj-com[b-ygigjrphlo] { padding: 6px 10px; border-radius: var(--radio-sm); background: var(--color-superficie-2); font-size: var(--fs-sm); }
.mj-com.agrama[b-ygigjrphlo] { background: var(--color-acento-suave); }
.mj-com small[b-ygigjrphlo] { color: var(--color-texto-suave); font-size: var(--fs-2xs); }
.mj-com p[b-ygigjrphlo] { margin: 2px 0 0; white-space: pre-wrap; overflow-wrap: anywhere; }
.mj-responder[b-ygigjrphlo] { display: flex; gap: 6px; }
.mj-responder input[b-ygigjrphlo] { flex: 1; min-width: 0; min-height: 36px; padding: 6px 10px; border: 1px solid var(--color-borde-fuerte); border-radius: var(--radio-sm); font-size: var(--fs-sm); font-family: var(--fuente-ui); }
.mj-responder button[b-ygigjrphlo] { padding: 0 var(--esp-3); border: 0; border-radius: var(--radio-sm); background: var(--color-acento); color: var(--color-superficie); font-weight: 700; font-size: var(--fs-sm); cursor: pointer; }
.mj-responder button:disabled[b-ygigjrphlo] { opacity: .5; }

@media (max-width: 767px) {
    .mj-fab[b-ygigjrphlo] { right: 12px; bottom: calc(var(--bottombar-h, 60px) + 12px + env(safe-area-inset-bottom, 0px)); min-height: 44px; padding: 0 12px; }
    .mj-fab-txt[b-ygigjrphlo] { display: none; }
    .mj-panel[b-ygigjrphlo] { width: 100vw; }
}
@media print { .mj-fab[b-ygigjrphlo] { display: none; } }

/* Validación de quien la pidió, cuando ya está publicada */
.mj-validar[b-ygigjrphlo] {
    display: flex; flex-direction: column; gap: 6px; padding: 8px 10px; border-radius: var(--radio-sm);
    border: 1px solid var(--color-exito); background: color-mix(in srgb, var(--color-exito) 8%, var(--color-superficie));
    font-size: var(--fs-sm); color: var(--color-texto);
}
.mj-validar small[b-ygigjrphlo] { color: var(--color-texto-2); font-size: var(--fs-xs); }
.mj-validar-acc[b-ygigjrphlo] { display: flex; flex-wrap: wrap; gap: 6px; }
.mj-validar-acc button[b-ygigjrphlo] {
    padding: 4px 12px; border-radius: var(--radio-full); border: 1px solid var(--color-borde); background: var(--color-superficie);
    font-size: var(--fs-sm); font-weight: 600; cursor: pointer; color: var(--color-texto);
}
.mj-validar-acc button.si[b-ygigjrphlo] { border-color: var(--color-exito); color: var(--color-exito); }
.mj-validar-acc button.no[b-ygigjrphlo] { border-color: var(--color-peligro); color: var(--color-peligro); }

/* Lo que le toca a quien mira (Mejora #68) */
.mj-toca[b-ygigjrphlo] { display: block; margin-bottom: 2px; font-size: var(--fs-xs); color: var(--color-acento-texto); }
/* /Shared/CLSinIdentificar.razor.rz.scp.css */
.csi[b-gpl7p7eltl] {
    margin: var(--esp-2) var(--esp-4);
    border: 1px solid var(--color-aviso);
    border-left-width: 4px;
    border-radius: var(--radio-md);
    background: var(--color-aviso-fondo);
    font-size: var(--fs-sm);
}
.csi.mal[b-gpl7p7eltl] { border-color: var(--color-peligro); }

.csi-cab[b-gpl7p7eltl] {
    display: flex; align-items: baseline; gap: var(--esp-2);
    width: 100%; padding: var(--esp-2) var(--esp-3);
    border: 0; background: none; text-align: left; color: var(--color-texto); cursor: pointer;
}
.csi-ico[b-gpl7p7eltl] { color: var(--color-aviso); }
.csi.mal .csi-ico[b-gpl7p7eltl] { color: var(--color-peligro); }
.csi-t[b-gpl7p7eltl] { flex: 1; min-width: 0; }
.csi-ver[b-gpl7p7eltl] { white-space: nowrap; color: var(--color-texto-2); font-size: var(--fs-xs); }

.csi-tabla[b-gpl7p7eltl] { padding: 0 var(--esp-3) var(--esp-2); }
.csi-fila[b-gpl7p7eltl] {
    display: grid; grid-template-columns: 130px 60px 150px 80px minmax(0, 1fr);
    gap: var(--esp-2); align-items: baseline; padding: 3px 0;
    border-top: 1px solid var(--color-borde);
}
.csi-fila-cab[b-gpl7p7eltl] { border-top: 0; color: var(--color-texto-suave); font-size: var(--fs-xs); }
.csi-fila small[b-gpl7p7eltl] { color: var(--color-texto-suave); }
.mono[b-gpl7p7eltl] { font-family: var(--fuente-mono); }

.csi-chip[b-gpl7p7eltl] {
    display: inline-block; padding: 1px 8px; border-radius: var(--radio-sm);
    background: var(--color-aviso); color: var(--color-texto); font-size: var(--fs-xs);
}
.csi-chip.mal[b-gpl7p7eltl] { background: var(--color-peligro); color: var(--color-superficie); }
.csi-chip.ok[b-gpl7p7eltl] { background: var(--color-exito); color: var(--color-superficie); }

.csi-pie[b-gpl7p7eltl] { margin: 0; padding: 0 var(--esp-3) var(--esp-2); color: var(--color-texto-2); font-size: var(--fs-xs); }

@media (max-width: 700px) {
    .csi-fila[b-gpl7p7eltl] { grid-template-columns: auto minmax(0, 1fr) auto; }
    .csi-fila > :nth-child(2)[b-gpl7p7eltl], .csi-fila > :nth-child(4)[b-gpl7p7eltl] { display: none; }
    .csi-fila-cab[b-gpl7p7eltl] { display: none; }
}
/* /Shared/CruceParidera.razor.rz.scp.css */
/* Lector → cruce de la descarga de partos con la IA y el Libro */
.cp[b-qxgnrokbfo] { display: flex; flex-direction: column; gap: var(--esp-3); }
.cp-kpis[b-qxgnrokbfo] { display: grid; grid-template-columns: repeat(auto-fit, minmax(130px, 1fr)); gap: var(--esp-2); }
.cp-kpis > div[b-qxgnrokbfo] { display: flex; flex-direction: column; padding: var(--esp-2) var(--esp-3); border: 1px solid var(--color-borde); border-top: 3px solid var(--cp-c, var(--color-borde-fuerte)); border-radius: var(--radio-sm); background: var(--color-superficie); }
.cp-kpis strong[b-qxgnrokbfo] { font-size: var(--fs-xl); font-weight: 800; color: var(--color-texto); }
.cp-kpis span[b-qxgnrokbfo] { font-size: var(--fs-xs); color: var(--color-texto-suave); }
.cp-kpis .ia[b-qxgnrokbfo] { --cp-c: var(--color-exito); }
.cp-kpis .evs[b-qxgnrokbfo] { --cp-c: var(--marca-azul-500); }
.cp-kpis .bolsa[b-qxgnrokbfo] { --cp-c: var(--color-aviso); }

.cp-lote[b-qxgnrokbfo] { display: flex; flex-direction: column; gap: 4px; padding: var(--esp-2) var(--esp-3); border: 1px solid var(--color-borde); border-left: 4px solid var(--color-exito); border-radius: var(--radio-md); background: var(--color-superficie); }
.cp-lote-cab[b-qxgnrokbfo] { display: flex; flex-wrap: wrap; align-items: baseline; gap: 2px var(--esp-2); font-size: var(--fs-sm); color: var(--color-texto-2); }
.cp-lote-cab strong[b-qxgnrokbfo] { color: var(--color-texto); }
.cp-lote-datos[b-qxgnrokbfo] { display: flex; flex-wrap: wrap; align-items: center; gap: 2px var(--esp-3); font-size: var(--fs-sm); color: var(--color-texto-2); }
.cp-lote-datos b[b-qxgnrokbfo] { color: var(--color-texto); }
.cp-mal[b-qxgnrokbfo], .cp-mal b[b-qxgnrokbfo] { color: var(--color-peligro); }
.cp-link[b-qxgnrokbfo] { border: 0; background: none; padding: 0; color: var(--color-acento-texto); font-size: var(--fs-sm); text-decoration: underline; cursor: pointer; }
.cp-sin[b-qxgnrokbfo] { display: flex; flex-wrap: wrap; gap: 4px; }
.cp-oveja[b-qxgnrokbfo] { padding: 1px 8px; border-radius: var(--radio-full); background: var(--color-superficie-2); font-family: var(--fuente-mono); font-size: var(--fs-xs); color: var(--color-texto); }

.cp-filtros[b-qxgnrokbfo] { display: inline-flex; flex-wrap: wrap; gap: 4px; }
.cp-filtros button[b-qxgnrokbfo] { padding: 4px 12px; border: 1px solid var(--color-borde); border-radius: var(--radio-full); background: var(--color-superficie); color: var(--color-texto-2); font-size: var(--fs-sm); font-weight: 600; cursor: pointer; }
.cp-filtros button.activa[b-qxgnrokbfo] { background: var(--color-acento-suave); border-color: var(--color-acento-texto); color: var(--color-acento-texto); }

.cp-tabla[b-qxgnrokbfo] { max-height: 55vh; overflow: auto; border: 1px solid var(--color-borde); border-radius: var(--radio-md); }
.cp-tabla table[b-qxgnrokbfo] { width: 100%; border-collapse: collapse; font-size: var(--fs-sm); }
.cp-tabla th[b-qxgnrokbfo] { position: sticky; top: 0; padding: var(--esp-2); background: var(--color-superficie-2); text-align: left; font-size: var(--fs-xs); font-weight: 700; color: var(--color-texto-2); white-space: nowrap; }
.cp-tabla td[b-qxgnrokbfo] { padding: 5px var(--esp-2); border-top: 1px solid var(--color-borde); vertical-align: top; }
.cp-tabla .num[b-qxgnrokbfo] { text-align: right; font-variant-numeric: tabular-nums; }
.cp-iden[b-qxgnrokbfo] { font-family: var(--fuente-mono); font-weight: 700; color: var(--color-acento-texto); white-space: nowrap; }
.cp-suave[b-qxgnrokbfo] { color: var(--color-texto-suave); }
.cp-motivo[b-qxgnrokbfo] { font-size: var(--fs-xs); color: var(--color-texto-2); min-width: 220px; }
.cp-chip[b-qxgnrokbfo] { display: inline-block; padding: 1px 8px; border-radius: var(--radio-full); font-size: var(--fs-xs); font-weight: 700; white-space: nowrap; }
.cp-chip.ia[b-qxgnrokbfo] { background: var(--color-exito-fondo, var(--color-superficie-2)); color: var(--color-exito); }
.cp-chip.ria[b-qxgnrokbfo] { background: var(--color-aviso-fondo, var(--color-superficie-2)); color: var(--color-aviso-texto, var(--color-texto)); }
.cp-chip.evs[b-qxgnrokbfo] { background: var(--color-info-fondo); color: var(--color-acento-texto); }
.cp-chip.bolsa[b-qxgnrokbfo] { background: var(--color-aviso-fondo, var(--color-superficie-2)); color: var(--color-aviso-texto, var(--color-texto)); }
.cp-nota[b-qxgnrokbfo] { margin: 0; font-size: var(--fs-xs); color: var(--color-texto-suave); }
/* /Shared/CuentaPendiente.razor.rz.scp.css */
.cp-fondo[b-12hdaglay6] { position: fixed; inset: 0; z-index: 2000; display: flex; align-items: center; justify-content: center; padding: var(--esp-4);
    background: rgba(15, 23, 42, .55); }
.cp-caja[b-12hdaglay6] { display: flex; flex-direction: column; gap: var(--esp-2); width: 100%; max-width: 440px; padding: var(--esp-4);
    border-radius: var(--radio-lg); background: var(--color-superficie); box-shadow: var(--sombra-lg); }
.cp-caja h2[b-12hdaglay6] { margin: 0; font-size: var(--fs-lg); color: var(--color-texto); }
.cp-caja p[b-12hdaglay6] { margin: 0; font-size: var(--fs-sm); color: var(--color-texto-2); }
.cp-caja label[b-12hdaglay6] { display: flex; flex-direction: column; gap: 2px; font-size: var(--fs-xs); font-weight: 600; color: var(--color-texto-2); }
.cp-caja input[b-12hdaglay6] { min-height: 38px; padding: 0 var(--esp-2); border: 1px solid var(--color-borde-fuerte); border-radius: var(--radio-sm);
    background: var(--color-superficie); color: var(--color-texto); font-family: var(--fuente-ui); font-size: var(--fs-md); }
.cp-caja .cp-codigo[b-12hdaglay6] { font-family: var(--fuente-mono); letter-spacing: .3em; text-align: center; font-size: var(--fs-xl); }
.cp-msg[b-12hdaglay6] { padding: var(--esp-1) var(--esp-2); border-radius: var(--radio-sm); background: var(--color-aviso-fondo); }
.cp-msg.bien[b-12hdaglay6] { background: var(--color-exito-fondo); color: var(--color-exito); }
.cp-acciones[b-12hdaglay6] { display: flex; flex-wrap: wrap; align-items: center; justify-content: flex-end; gap: var(--esp-2); margin-top: var(--esp-1); }
.cp-prim[b-12hdaglay6], .cp-sec[b-12hdaglay6] { min-height: 36px; padding: 0 var(--esp-3); border-radius: var(--radio-sm); font-size: var(--fs-sm); font-weight: 600; cursor: pointer; }
.cp-prim[b-12hdaglay6] { border: 1px solid var(--color-acento-texto); background: var(--color-acento-texto); color: var(--color-superficie); }
.cp-sec[b-12hdaglay6] { border: 1px solid var(--color-borde-fuerte); background: var(--color-superficie); color: var(--color-texto); }
.cp-prim:disabled[b-12hdaglay6], .cp-link:disabled[b-12hdaglay6] { opacity: .5; cursor: default; }
.cp-link[b-12hdaglay6] { margin-right: auto; padding: 0; border: 0; background: none; color: var(--color-acento-texto); font-size: var(--fs-xs); text-decoration: underline; cursor: pointer; }
.cp-aviso[b-12hdaglay6] { position: fixed; left: 50%; bottom: var(--esp-4); z-index: 1500; transform: translateX(-50%); display: flex; align-items: center; gap: var(--esp-2);
    max-width: calc(100vw - 32px); padding: var(--esp-2) var(--esp-3); border: 1px solid var(--color-borde); border-radius: var(--radio-md);
    background: var(--color-superficie); box-shadow: var(--sombra-md); font-size: var(--fs-sm); color: var(--color-texto); }
.cp-aviso .cp-prim[b-12hdaglay6] { min-height: 30px; }
.cp-x[b-12hdaglay6] { border: 0; background: none; color: var(--color-texto-suave); cursor: pointer; font-size: var(--fs-md); }
@media (max-width: 640px) { .cp-aviso[b-12hdaglay6] { bottom: 76px; flex-wrap: wrap; } }
/* /Shared/EcografiasLector.razor.rz.scp.css */
.el[b-1skrw85kec] {
    display: flex; flex-direction: column; gap: var(--esp-3);
    margin: var(--esp-3) 0; padding: var(--esp-4);
    border: 1px solid var(--color-borde); border-left: 4px solid var(--marca-oro-500);
    border-radius: var(--radio-md); background: var(--color-superficie); box-shadow: var(--sombra-xs);
}
.el-cab[b-1skrw85kec] { display: flex; flex-wrap: wrap; justify-content: space-between; align-items: flex-start; gap: var(--esp-3); }
.el-tit[b-1skrw85kec] { margin: 0; font-size: var(--fs-md); font-weight: 700; color: var(--color-texto); }
.el-sub[b-1skrw85kec] { margin: 2px 0 0; font-size: var(--fs-sm); color: var(--color-texto-2); }
.el-acciones[b-1skrw85kec] { display: flex; flex-wrap: wrap; align-items: center; gap: var(--esp-2); }
.el-campo-inline[b-1skrw85kec] { display: inline-flex; align-items: center; gap: var(--esp-1); font-size: var(--fs-sm); color: var(--color-texto-2); }
.el-campo-inline select[b-1skrw85kec] { min-height: 32px; border: 1px solid var(--color-borde-fuerte); border-radius: var(--radio-sm); padding: 0 var(--esp-2); }
.el-cerrar[b-1skrw85kec] { border: 0; background: none; font-size: var(--fs-md); color: var(--color-texto-suave); cursor: pointer; }

.el-btn[b-1skrw85kec] {
    display: inline-flex; align-items: center; gap: var(--esp-2); min-height: 34px; padding: 0 var(--esp-4);
    border: 1px solid var(--color-acento-texto); border-radius: var(--radio-sm);
    background: var(--color-superficie); color: var(--color-acento-texto); font-size: var(--fs-sm); font-weight: 700; cursor: pointer;
}
.el-btn.prim[b-1skrw85kec] { background: var(--color-acento-texto); color: #fff; }
.el-btn.sec[b-1skrw85kec] { border-color: var(--color-borde-fuerte); color: var(--color-texto-2); }
.el-btn:disabled[b-1skrw85kec] { opacity: .5; cursor: default; }

.el-error[b-1skrw85kec] { padding: var(--esp-2) var(--esp-3); border-radius: var(--radio-sm); background: var(--color-peligro-fondo); color: var(--color-peligro); font-size: var(--fs-sm); }
.el-ok[b-1skrw85kec] { display: flex; flex-direction: column; gap: 4px; padding: var(--esp-3); border-radius: var(--radio-sm); background: var(--color-exito-fondo); color: var(--color-exito); font-size: var(--fs-sm); }
.el-ok a[b-1skrw85kec] { color: inherit; font-weight: 700; margin-left: var(--esp-2); }

.el-resumen[b-1skrw85kec] { display: grid; grid-template-columns: repeat(auto-fit, minmax(120px, 1fr)); gap: var(--esp-2); }
.el-kpi[b-1skrw85kec] { display: flex; flex-direction: column; padding: var(--esp-2) var(--esp-3); border-radius: var(--radio-sm); background: var(--color-superficie-2); }
.el-kpi b[b-1skrw85kec] { font-size: var(--fs-xl); line-height: 1.1; color: var(--color-texto); font-variant-numeric: tabular-nums; }
.el-kpi span[b-1skrw85kec] { font-size: var(--fs-xs); color: var(--color-texto-2); }
.el-kpi-ok[b-1skrw85kec] { background: var(--color-exito-fondo); }
.el-kpi-ok b[b-1skrw85kec] { color: var(--color-exito); }
.el-kpi-mal[b-1skrw85kec] { background: var(--color-peligro-fondo); }
.el-kpi-mal b[b-1skrw85kec] { color: var(--color-peligro); }
.el-barra[b-1skrw85kec] { height: 8px; border-radius: var(--radio-full); background: var(--color-borde); overflow: hidden; }
.el-barra-p[b-1skrw85kec] { display: block; height: 100%; background: var(--calidad-top-barra); border-radius: var(--radio-full); }

.el-tabla[b-1skrw85kec] { display: flex; flex-direction: column; max-height: 280px; overflow-y: auto; border: 1px solid var(--color-borde); border-radius: var(--radio-sm); }
.el-fila[b-1skrw85kec] {
    display: grid; grid-template-columns: 32px minmax(90px, .7fr) 120px 110px minmax(200px, 2fr);
    gap: var(--esp-2); align-items: center; padding: var(--esp-2) var(--esp-3);
    border-top: 1px solid var(--color-borde); font-size: var(--fs-sm);
}
.el-fila:first-child[b-1skrw85kec] { border-top: 0; }
.el-fila.mal[b-1skrw85kec] { background: color-mix(in srgb, var(--color-peligro-fondo) 70%, transparent); }
.el-fila.aviso[b-1skrw85kec] { background: color-mix(in srgb, var(--color-aviso-fondo) 60%, transparent); }
.el-num[b-1skrw85kec] { color: var(--color-texto-suave); font-variant-numeric: tabular-nums; }
.el-iden[b-1skrw85kec] { font-weight: 700; }
.el-fecha[b-1skrw85kec] { color: var(--color-texto-2); font-variant-numeric: tabular-nums; }
.el-res[b-1skrw85kec] { color: var(--color-texto); }
.el-inc[b-1skrw85kec] { display: flex; flex-direction: column; gap: 2px; }
.el-i-mal[b-1skrw85kec] { color: var(--color-peligro); }
.el-i-aviso[b-1skrw85kec] { color: var(--color-aviso); }
.el-nota[b-1skrw85kec] { margin: 0; font-size: var(--fs-sm); color: var(--color-texto-2); }

.el-form[b-1skrw85kec] { display: flex; flex-direction: column; gap: var(--esp-3); padding: var(--esp-3); border-radius: var(--radio-sm); background: var(--color-superficie-2); }
.el-quien[b-1skrw85kec] { display: flex; flex-direction: column; gap: 6px; font-size: var(--fs-sm); color: var(--color-texto); }
.el-quien label[b-1skrw85kec] { display: inline-flex; align-items: center; gap: var(--esp-2); cursor: pointer; text-transform: none; letter-spacing: normal; font-weight: 500; font-size: var(--fs-sm); color: var(--color-texto); }
.el-quien small[b-1skrw85kec] { color: var(--color-texto-2); }
.el-obs[b-1skrw85kec] { display: flex; flex-direction: column; gap: 4px; max-width: 360px; font-size: var(--fs-xs); font-weight: 600; color: var(--color-texto-2); }
.el-obs input[b-1skrw85kec] { min-height: 34px; border: 1px solid var(--color-borde-fuerte); border-radius: var(--radio-sm); padding: 0 var(--esp-2); font-size: var(--fs-sm); background: var(--color-superficie); }
.el-pie[b-1skrw85kec] { display: flex; flex-wrap: wrap; align-items: center; gap: var(--esp-3); }

@media (max-width: 800px) {
    .el-fila[b-1skrw85kec] { grid-template-columns: 28px 1fr auto; }
    .el-fecha[b-1skrw85kec] { grid-column: 2 / 3; }
    .el-inc[b-1skrw85kec] { grid-column: 1 / -1; }
}
/* /Shared/FichaBaja.razor.rz.scp.css */
/* Dar de baja desde la ficha (13/11/2026): plegado en una línea; abierto, un formulario compacto con resumen y botones */
.fb[b-wdj76qk4a6] { margin: var(--esp-2) 0; border: 1px solid var(--color-borde); border-radius: var(--radio-md); background: var(--color-superficie); font-size: var(--fs-sm); }
.fb.abierto[b-wdj76qk4a6] { border-color: var(--color-peligro); box-shadow: var(--sombra-sm); }
.fb-cab[b-wdj76qk4a6] { display: flex; align-items: center; justify-content: space-between; gap: var(--esp-2); padding: 6px var(--esp-3); }
.fb-t[b-wdj76qk4a6] { font-weight: 700; color: var(--color-texto-2); }
.fb-t b[b-wdj76qk4a6] { color: var(--color-texto); }
.fb-t small[b-wdj76qk4a6] { margin-left: 6px; font-weight: 400; color: var(--color-texto-suave); }
.fb .mono[b-wdj76qk4a6] { font-family: var(--fuente-mono); }
.fb-abrir[b-wdj76qk4a6] { border: 1px solid var(--color-borde-fuerte); border-radius: var(--radio-full); background: var(--color-superficie); padding: 2px 12px;
    font: inherit; font-size: var(--fs-xs); font-weight: 700; color: var(--color-peligro); cursor: pointer; }
.fb-abrir:hover[b-wdj76qk4a6] { border-color: var(--color-peligro); }
.fb-cerrar[b-wdj76qk4a6] { border: 0; background: none; color: var(--color-texto-suave); cursor: pointer; font-size: var(--fs-md); padding: 2px 6px; border-radius: var(--radio-sm); }
.fb-cerrar:hover[b-wdj76qk4a6] { background: var(--color-superficie-2); color: var(--color-texto); }
.fb-form[b-wdj76qk4a6] { display: flex; flex-wrap: wrap; align-items: center; gap: var(--esp-2) var(--esp-3); padding: 0 var(--esp-3) var(--esp-2); }
.fb-form label[b-wdj76qk4a6] { display: inline-flex; align-items: center; gap: 6px; font-size: var(--fs-xs); font-weight: 600; color: var(--color-texto-2); }
.fb-form input[type=date][b-wdj76qk4a6], .fb-form select[b-wdj76qk4a6] { min-height: 32px; padding: 2px 8px; border: 1px solid var(--color-borde-fuerte); border-radius: var(--radio-sm);
    background: var(--color-superficie); color: var(--color-texto); font: inherit; font-size: var(--fs-sm); font-weight: 400; }
.fb-form select[b-wdj76qk4a6] { max-width: 280px; }
.fb-check[b-wdj76qk4a6] { cursor: pointer; }
.fb-seg[b-wdj76qk4a6] { display: inline-flex; border: 1px solid var(--color-borde-fuerte); border-radius: var(--radio-sm); overflow: hidden; }
.fb-seg button[b-wdj76qk4a6] { border: 0; border-right: 1px solid var(--color-borde); background: var(--color-superficie); padding: 0 12px; min-height: 32px;
    font: inherit; font-size: var(--fs-sm); color: var(--color-texto-2); cursor: pointer; }
.fb-seg button:last-child[b-wdj76qk4a6] { border-right: 0; }
.fb-seg button.act[b-wdj76qk4a6] { background: var(--color-peligro-fondo); color: var(--color-peligro); font-weight: 700; }
.fb-pie[b-wdj76qk4a6] { display: flex; flex-wrap: wrap; align-items: center; gap: var(--esp-2) var(--esp-3); padding: var(--esp-2) var(--esp-3);
    border-top: 1px solid var(--color-borde); background: var(--color-superficie-2); border-radius: 0 0 var(--radio-md) var(--radio-md); }
.fb-resumen[b-wdj76qk4a6] { flex: 1 1 260px; color: var(--color-texto-2); }
.fb-resumen b[b-wdj76qk4a6] { color: var(--color-texto); }
.fb-falta[b-wdj76qk4a6], .fb-mal[b-wdj76qk4a6] { color: var(--color-peligro); font-weight: 600; }
.fb-aviso[b-wdj76qk4a6] { color: var(--color-aviso); font-size: var(--fs-xs); font-weight: 600; }
.fb-acciones[b-wdj76qk4a6] { display: inline-flex; gap: var(--esp-2); margin-left: auto; }
.fb-btn[b-wdj76qk4a6] { min-height: 32px; padding: 0 14px; border: 1px solid var(--color-borde-fuerte); border-radius: var(--radio-sm); background: var(--color-superficie);
    font: inherit; font-size: var(--fs-sm); font-weight: 700; color: var(--color-texto); cursor: pointer; }
.fb-btn.prim[b-wdj76qk4a6] { border-color: var(--color-peligro); background: var(--color-peligro); color: var(--color-superficie); }
.fb-btn:disabled[b-wdj76qk4a6] { opacity: .5; cursor: default; }
.fb-hecha[b-wdj76qk4a6] { display: flex; flex-direction: column; gap: 2px; padding: var(--esp-2) var(--esp-3); background: var(--color-exito-fondo); border-radius: var(--radio-md); }
.fb-hecha span[b-wdj76qk4a6] { color: var(--color-texto-2); }
.fb-hecha small[b-wdj76qk4a6] { color: var(--color-texto-suave); }
.fb-hecha .fb-btn[b-wdj76qk4a6] { align-self: flex-start; margin-top: 4px; }
/* /Shared/FichaNueva.razor.rz.scp.css */
/* La ficha mira SU ancho (container query), no el de la ventana: en la tablet el menú lateral se queda con 280 px */
.fn[b-jv3mkg27e1] { display: flex; flex-direction: column; gap: var(--esp-2); padding: var(--esp-2) var(--esp-3) var(--esp-3); font-size: var(--fs-sm); color: var(--color-texto);
    container-type: inline-size; container-name: ficha; }
.fn .ok[b-jv3mkg27e1] { color: var(--color-exito); } .fn .mal[b-jv3mkg27e1] { color: var(--color-peligro); } .fn .aviso[b-jv3mkg27e1] { color: color-mix(in srgb, var(--color-aviso) 75%, #000); }
.fn .suave[b-jv3mkg27e1] { color: var(--color-texto-suave); } .fn .mono[b-jv3mkg27e1] { font-family: var(--fuente-mono); }
.fn a[b-jv3mkg27e1] { color: var(--color-acento-texto); text-decoration: none; } .fn a:hover[b-jv3mkg27e1] { text-decoration: underline; }

/* ── Cabecera: dos líneas, fija al hacer scroll ── */
.fn-cab[b-jv3mkg27e1] { position: sticky; top: 0; z-index: 20; padding: var(--esp-2) var(--esp-3) var(--esp-2); border: 1px solid var(--color-borde); border-left: 4px solid var(--hembra, #be185d);
    border-radius: var(--radio-md); background: var(--color-superficie); box-shadow: var(--sombra-xs); }
.fn-cab.h[b-jv3mkg27e1] { --hembra: #be185d; } .fn-cab.m[b-jv3mkg27e1] { border-left-color: #1d4ed8; }
.fn-cab.baja[b-jv3mkg27e1] { background: linear-gradient(90deg, var(--color-peligro-fondo) 0, var(--color-superficie) 45%); }
.fn-cab-1[b-jv3mkg27e1] { display: flex; flex-wrap: wrap; align-items: center; gap: 6px 10px; }
.fn-crotal[b-jv3mkg27e1] { font-family: var(--fuente-mono); font-size: var(--fs-2xl); font-weight: 700; letter-spacing: .01em; line-height: 1; color: var(--color-texto); }
.fn-sexo[b-jv3mkg27e1] { display: inline-grid; place-items: center; width: 24px; height: 24px; border-radius: 50%; font-weight: 800; font-size: var(--fs-sm); }
.fn-sexo.h[b-jv3mkg27e1] { background: #fce7f3; color: #be185d; } .fn-sexo.m[b-jv3mkg27e1] { background: #dbeafe; color: #1d4ed8; }
.fn-chip[b-jv3mkg27e1] { display: inline-flex; align-items: center; gap: 5px; padding: 2px 9px; border-radius: var(--radio-full); font-size: var(--fs-2xs); font-weight: 700; background: var(--color-superficie-2); color: var(--color-texto-2); white-space: nowrap; }
.fn-chip i[b-jv3mkg27e1] { width: 7px; height: 7px; border-radius: 50%; background: currentColor; display: inline-block; }
.fn-chip.viva[b-jv3mkg27e1] { background: var(--color-exito-fondo); color: var(--color-exito); }
.fn-chip.baja[b-jv3mkg27e1] { background: var(--color-peligro-fondo); color: var(--color-peligro); }
.fn-chip.lote[b-jv3mkg27e1] { background: color-mix(in srgb, var(--c) 14%, var(--color-superficie)); color: var(--color-texto); text-decoration: none; } .fn-chip.lote i[b-jv3mkg27e1] { background: var(--c); } .fn-chip.lote:hover[b-jv3mkg27e1] { text-decoration: none; filter: brightness(.97); }
.fn-chip.cat[b-jv3mkg27e1] { background: var(--color-aviso-fondo); color: color-mix(in srgb, var(--color-aviso) 75%, #000); }
.fn-chip.gan[b-jv3mkg27e1] { background: var(--marca-pizarra-700, #334155); color: #fff; }
.fn-id16[b-jv3mkg27e1] { font-family: var(--fuente-mono); font-size: var(--fs-xs); color: var(--color-texto-suave); }
.fn-acc[b-jv3mkg27e1] { margin-left: auto; display: inline-flex; align-items: center; gap: 6px; }
.fn-bt[b-jv3mkg27e1] { display: inline-flex; align-items: center; min-height: 30px; padding: 0 10px; border: 1px solid var(--color-borde-fuerte); border-radius: var(--radio-sm); background: var(--color-superficie);
    font: inherit; font-size: var(--fs-xs); font-weight: 700; color: var(--color-texto); cursor: pointer; text-decoration: none !important; }
.fn-bt.prim[b-jv3mkg27e1] { border-color: var(--color-acento); background: var(--color-acento); color: #fff; }
.fn-vista[b-jv3mkg27e1] { display: inline-flex; border: 1px solid var(--color-borde-fuerte); border-radius: var(--radio-full); overflow: hidden; }
.fn-vista button[b-jv3mkg27e1] { min-height: 28px; padding: 0 10px; border: 0; background: var(--color-superficie); font: inherit; font-size: var(--fs-2xs); font-weight: 700; color: var(--color-texto-2); cursor: pointer; }
.fn-vista button.activa[b-jv3mkg27e1] { background: var(--color-acento); color: #fff; }
.fn-vista button small[b-jv3mkg27e1] { font-weight: 500; opacity: .85; }
.fn-cab-2[b-jv3mkg27e1] { display: flex; flex-wrap: wrap; gap: 4px 22px; margin-top: 7px; }
.fn-kd[b-jv3mkg27e1] { display: flex; flex-direction: column; min-width: 0; }
.fn-kd small[b-jv3mkg27e1] { font-size: 10.5px; text-transform: uppercase; letter-spacing: .06em; color: var(--color-texto-suave); font-weight: 700; }
.fn-kd b[b-jv3mkg27e1] { font-size: var(--fs-sm); font-weight: 700; white-space: nowrap; font-variant-numeric: tabular-nums; }
.fn-kd b[b-jv3mkg27e1]  em, .fn-kd b em[b-jv3mkg27e1] { font-style: normal; font-weight: 500; color: var(--color-texto-suave); font-size: var(--fs-xs); }

/* ── Tres zonas ── */
.fn-cuerpo[b-jv3mkg27e1] { display: grid; grid-template-columns: 1fr 1fr 1.15fr; gap: var(--esp-2); }
.fn-z[b-jv3mkg27e1] { min-width: 0; padding: var(--esp-2) var(--esp-3); border: 1px solid var(--color-borde); border-radius: var(--radio-md); background: var(--color-superficie); }
.fn-z h4[b-jv3mkg27e1] { display: flex; justify-content: space-between; align-items: center; margin: 0 0 8px; font-size: var(--fs-2xs); text-transform: uppercase; letter-spacing: .07em; color: var(--color-texto-suave); }
.fn-pill[b-jv3mkg27e1] { padding: 1px 9px; border-radius: var(--radio-full); font-size: var(--fs-2xs); font-weight: 700; text-transform: none; letter-spacing: 0; background: var(--color-superficie-2); color: var(--color-texto-2); }
.fn-pill.ok[b-jv3mkg27e1] { background: var(--color-exito-fondo); color: var(--color-exito); } .fn-pill.mal[b-jv3mkg27e1] { background: var(--color-peligro-fondo); color: var(--color-peligro); }
.fn-kv2[b-jv3mkg27e1] { display: grid; grid-template-columns: auto 1fr auto 1fr; gap: 3px 10px; font-size: var(--fs-xs); align-items: baseline; }
.fn-kv2 span[b-jv3mkg27e1] { color: var(--color-texto-suave); } .fn-kv2 b[b-jv3mkg27e1] { font-weight: 600; text-align: right; font-variant-numeric: tabular-nums; white-space: nowrap; }
.fn-kv2-top[b-jv3mkg27e1] { margin-top: 8px; }
.fn-hr[b-jv3mkg27e1] { border: 0; border-top: 1px dashed var(--color-borde); margin: 8px 0; }
.fn-prog[b-jv3mkg27e1] { display: grid; grid-template-columns: 50px 1fr auto; align-items: center; gap: 8px; padding: 5px 8px; border-radius: var(--radio-sm); background: var(--color-superficie-2); margin-top: 5px; font-size: var(--fs-xs); }
.fn-prog-rol[b-jv3mkg27e1] { font-size: 10px; font-weight: 800; letter-spacing: .06em; text-transform: uppercase; } .fn-prog-rol.ma[b-jv3mkg27e1] { color: #be185d; } .fn-prog-rol.pa[b-jv3mkg27e1] { color: #1d4ed8; }
.fn-prog small[b-jv3mkg27e1], .fn-prog-d small[b-jv3mkg27e1] { display: block; color: var(--color-texto-suave); font-size: var(--fs-2xs); }
.fn-prog-d[b-jv3mkg27e1] { text-align: right; } .fn-prog-d b[b-jv3mkg27e1] { font-variant-numeric: tabular-nums; }
/* genética */
.fn-vg[b-jv3mkg27e1] { display: flex; align-items: baseline; gap: 10px; margin-bottom: 4px; }
.fn-vg b[b-jv3mkg27e1] { font-size: var(--fs-2xl); font-weight: 800; letter-spacing: -.02em; font-variant-numeric: tabular-nums; } .fn-vg span[b-jv3mkg27e1] { font-size: var(--fs-xs); color: var(--color-texto-suave); }
.fn-perc[b-jv3mkg27e1] { display: grid; grid-template-columns: 90px 1fr 32px auto; align-items: center; gap: 8px; font-size: var(--fs-xs); margin: 4px 0; }
.fn-perc span:first-child[b-jv3mkg27e1] { color: var(--color-texto-suave); } .fn-perc b[b-jv3mkg27e1] { text-align: right; font-variant-numeric: tabular-nums; } .fn-perc em[b-jv3mkg27e1] { font-style: normal; color: var(--color-texto-suave); font-size: var(--fs-2xs); }
.fn-mini[b-jv3mkg27e1] { display: grid; grid-template-columns: repeat(3, 1fr); gap: 6px; margin-top: 8px; }
.fn-mini div[b-jv3mkg27e1] { background: var(--color-superficie-2); border-radius: var(--radio-sm); padding: 5px 8px; }
.fn-mini small[b-jv3mkg27e1] { display: block; font-size: 10px; color: var(--color-texto-suave); text-transform: uppercase; letter-spacing: .05em; }
.fn-mini b[b-jv3mkg27e1] { font-size: var(--fs-sm); font-variant-numeric: tabular-nums; } .fn-mini em[b-jv3mkg27e1] { font-style: normal; font-size: var(--fs-2xs); color: var(--color-texto-suave); }
/* zona derecha */
.fn-kpis[b-jv3mkg27e1] { display: grid; grid-template-columns: repeat(4, 1fr); gap: 6px; }
.fn-kpis div[b-jv3mkg27e1] { background: var(--color-superficie-2); border-radius: var(--radio-sm); padding: 5px 8px; }
.fn-kpis b[b-jv3mkg27e1] { display: block; font-size: var(--fs-lg); font-weight: 800; letter-spacing: -.01em; font-variant-numeric: tabular-nums; } .fn-kpis b i[b-jv3mkg27e1] { font-style: normal; font-size: var(--fs-xs); font-weight: 600; }
.fn-kpis small[b-jv3mkg27e1] { font-size: 10.5px; color: var(--color-texto-suave); }
.fn-graf[b-jv3mkg27e1] { margin-top: 8px; }
.fn-graf-t[b-jv3mkg27e1] { display: flex; justify-content: space-between; font-size: var(--fs-2xs); color: var(--color-texto-suave); margin-bottom: 2px; }
.fn-barras[b-jv3mkg27e1] { position: relative; display: flex; align-items: flex-end; gap: 6px; height: 74px; padding-top: 14px; border-bottom: 1px solid var(--color-borde); }
.fn-barras[b-jv3mkg27e1]::after { content: ""; position: absolute; left: 0; right: 0; bottom: var(--media, 0); border-top: 1px dashed var(--color-texto-suave); opacity: .6; }
.fn-barras.ctrl[b-jv3mkg27e1] { height: 60px; } .fn-barras.ctrl[b-jv3mkg27e1]::after { display: none; }
.fn-col[b-jv3mkg27e1] { flex: 1 1 0; min-width: 0; display: flex; flex-direction: column; align-items: center; justify-content: flex-end; height: 100%; }
.fn-col-b[b-jv3mkg27e1] { position: relative; width: min(60%, 26px); background: var(--color-borde-fuerte); border-radius: 3px 3px 0 0; }
.fn-col-b.mejor[b-jv3mkg27e1], .fn-barras.ctrl .fn-col-b[b-jv3mkg27e1] { background: var(--color-acento); }
.fn-col-b span[b-jv3mkg27e1] { position: absolute; top: -13px; left: 50%; transform: translateX(-50%); font-size: 10px; color: var(--color-texto-2); white-space: nowrap; }
.fn-col small[b-jv3mkg27e1] { font-size: 10px; color: var(--color-texto-suave); margin-top: 2px; }
.fn-ev[b-jv3mkg27e1] { display: grid; grid-template-columns: 96px 1fr; gap: 8px; font-size: var(--fs-xs); padding: 3px 0; border-bottom: 1px dashed var(--color-borde); }
.fn-ev:last-child[b-jv3mkg27e1] { border-bottom: 0; } .fn-ev span[b-jv3mkg27e1] { color: var(--color-texto-suave); font-variant-numeric: tabular-nums; } .fn-ev b[b-jv3mkg27e1] { font-weight: 600; } .fn-ev em[b-jv3mkg27e1] { font-style: normal; color: var(--color-texto-suave); font-weight: 500; }
.fn-ev.prev b[b-jv3mkg27e1] { color: var(--color-texto-2); font-weight: 500; }
.fn-dictamen[b-jv3mkg27e1] { margin: 6px 0; font-size: var(--fs-xs); color: var(--color-texto-2); }
.fn-vacio[b-jv3mkg27e1] { margin: 6px 0; font-size: var(--fs-xs); color: var(--color-texto-suave); }
.fn-notas[b-jv3mkg27e1] { margin-top: -4px; }

/* ── Pestañas ── */
.fn-pest[b-jv3mkg27e1] { display: flex; gap: 2px; padding: 0 var(--esp-2); border-bottom: 1px solid var(--color-borde); background: var(--color-superficie); border-radius: var(--radio-md) var(--radio-md) 0 0; overflow-x: auto; }
.fn-pest button[b-jv3mkg27e1] { font: inherit; font-size: var(--fs-sm); font-weight: 600; padding: 9px 12px; border: 0; background: transparent; color: var(--color-texto-2); border-bottom: 2px solid transparent; white-space: nowrap; cursor: pointer; }
.fn-pest button.on[b-jv3mkg27e1] { color: var(--color-acento-texto); border-bottom-color: var(--color-acento); }
.fn-subpest[b-jv3mkg27e1] { display: flex; flex-wrap: wrap; gap: 6px; padding: 8px var(--esp-3) 0; background: var(--color-superficie); }
.fn-subpest button[b-jv3mkg27e1] { padding: 3px 10px; border: 0; border-radius: var(--radio-full); background: var(--color-superficie-2); font: inherit; font-size: var(--fs-xs); font-weight: 600; color: var(--color-texto-2); cursor: pointer; }
.fn-subpest button.on[b-jv3mkg27e1] { background: var(--color-info-fondo); color: var(--color-acento-texto); }
.fn-detalle[b-jv3mkg27e1] { padding: var(--esp-2) var(--esp-3) var(--esp-3); background: var(--color-superficie); border-radius: 0 0 var(--radio-md) var(--radio-md); border: 1px solid var(--color-borde); border-top: 0; }
.fn-tabla[b-jv3mkg27e1] { overflow: auto; max-height: 60vh; border: 1px solid var(--color-borde); border-radius: var(--radio-sm); }
.fn-tabla table[b-jv3mkg27e1] { width: 100%; border-collapse: separate; border-spacing: 0; font-size: var(--fs-xs); }
.fn-tabla th[b-jv3mkg27e1] { position: sticky; top: 0; z-index: 1; padding: 5px 8px; background: var(--color-superficie-2); border-bottom: 1px solid var(--color-borde-fuerte); text-align: left; white-space: nowrap; font-weight: 700; color: var(--color-texto-2); cursor: pointer; }
.fn-tabla td[b-jv3mkg27e1] { padding: 4px 8px; border-bottom: 1px solid var(--color-borde); white-space: nowrap; }
.fn-tabla .num[b-jv3mkg27e1] { text-align: right; font-variant-numeric: tabular-nums; }
.fn-tabla tbody tr:hover td[b-jv3mkg27e1] { background: var(--color-info-fondo); }
/* cronología */
.fn-crono-filtros[b-jv3mkg27e1] { display: flex; flex-wrap: wrap; gap: 6px; align-items: center; margin-bottom: 8px; }
.fn-crono-filtros button[b-jv3mkg27e1] { padding: 3px 10px; border: 1px solid var(--color-borde-fuerte); border-radius: var(--radio-full); background: var(--color-superficie); font: inherit; font-size: var(--fs-2xs); font-weight: 700; color: var(--color-texto-suave); cursor: pointer; }
.fn-crono-filtros button.on[b-jv3mkg27e1] { background: var(--color-info-fondo); border-color: var(--color-acento); color: var(--color-acento-texto); }
.fn-crono-filtros button small[b-jv3mkg27e1] { font-weight: 500; }
.fn-cargando[b-jv3mkg27e1] { color: var(--color-texto-suave); font-size: var(--fs-2xs); }
.fn-crono[b-jv3mkg27e1] { list-style: none; margin: 0; padding: 0; max-height: 60vh; overflow: auto; }
.fn-crono li[b-jv3mkg27e1] { display: grid; grid-template-columns: 84px 14px 1fr; align-items: baseline; gap: 6px; padding: 3px 0; font-size: var(--fs-xs); }
.fn-crono li i[b-jv3mkg27e1] { align-self: center; width: 8px; height: 8px; border-radius: 50%; background: var(--color-borde-fuerte); box-shadow: 0 0 0 2px var(--color-superficie); }
.fn-crono li.t-partos i[b-jv3mkg27e1] { background: #be185d; } .fn-crono li.t-produccion i[b-jv3mkg27e1] { background: var(--color-acento); } .fn-crono li.t-reproduccion i[b-jv3mkg27e1] { background: #7c3aed; }
.fn-crono li.t-genetica i[b-jv3mkg27e1] { background: var(--color-exito); } .fn-crono li.t-lector i[b-jv3mkg27e1] { background: var(--color-aviso); } .fn-crono li.t-vida i[b-jv3mkg27e1] { background: var(--color-texto); } .fn-crono li.t-crias i[b-jv3mkg27e1] { background: #0d9488; }
.fn-crono-f[b-jv3mkg27e1] { color: var(--color-texto-suave); font-variant-numeric: tabular-nums; }
.fn-crono-t[b-jv3mkg27e1] { font-weight: 600; } .fn-crono-t small[b-jv3mkg27e1] { display: block; font-weight: 400; color: var(--color-texto-suave); }

@container ficha (max-width: 1000px) { .fn-cuerpo[b-jv3mkg27e1] { grid-template-columns: 1fr 1fr; } .fn-z-der[b-jv3mkg27e1] { grid-column: 1 / -1; } }
@container ficha (max-width: 640px) {
    .fn[b-jv3mkg27e1] { padding: var(--esp-2); }
    .fn-cuerpo[b-jv3mkg27e1] { grid-template-columns: 1fr; } .fn-z-der[b-jv3mkg27e1] { grid-column: auto; order: -1; }
    .fn-cab[b-jv3mkg27e1] { position: static; padding: var(--esp-2); }
    .fn-crotal[b-jv3mkg27e1] { font-size: var(--fs-xl); }
    .fn-cab-2[b-jv3mkg27e1] { flex-wrap: nowrap; overflow-x: auto; gap: 0 16px; padding-bottom: 4px; -webkit-overflow-scrolling: touch; }
    .fn-kd[b-jv3mkg27e1] { flex: none; }
    .fn-acc[b-jv3mkg27e1] { margin-left: 0; width: 100%; justify-content: space-between; flex-wrap: wrap; }
    .fn-kpis[b-jv3mkg27e1] { grid-template-columns: repeat(2, 1fr); }
    .fn-kv2[b-jv3mkg27e1] { grid-template-columns: auto 1fr; }
    .fn-perc[b-jv3mkg27e1] { grid-template-columns: 84px 1fr 28px; } .fn-perc em[b-jv3mkg27e1] { display: none; }
    .fn-mini[b-jv3mkg27e1] { grid-template-columns: repeat(3, minmax(0, 1fr)); gap: 4px; } .fn-mini div[b-jv3mkg27e1] { padding: 4px 6px; } .fn-mini em[b-jv3mkg27e1] { display: block; }
    .fn-prog[b-jv3mkg27e1] { grid-template-columns: 46px 1fr auto; gap: 6px; }
    .fn-pest button[b-jv3mkg27e1] { padding: 8px 10px; font-size: var(--fs-xs); }
    .fn-detalle[b-jv3mkg27e1] { padding: var(--esp-2); }
    .fn-tabla[b-jv3mkg27e1] { max-height: none; }
    .fn-crono li[b-jv3mkg27e1] { grid-template-columns: 74px 12px 1fr; }
}
@container ficha (max-width: 400px) {
    .fn-kpis[b-jv3mkg27e1] { grid-template-columns: repeat(2, minmax(0, 1fr)); } .fn-kpis b[b-jv3mkg27e1] { font-size: var(--fs-md); }
    .fn-mini[b-jv3mkg27e1] { grid-template-columns: 1fr 1fr; }
}
/* /Shared/FichaPanel.razor.rz.scp.css */
/* Ficha esencial en un panel a la derecha del Inventario */
.fp[b-sfzpq2p9xv] {
    position: fixed; top: 0; right: 0; bottom: 0; z-index: 1100; width: min(440px, 100vw);
    display: flex; flex-direction: column; background: var(--color-superficie);
    border-left: 1px solid var(--color-borde); box-shadow: var(--sombra-lg); outline: none;
    animation: fp-entra-b-sfzpq2p9xv .18s ease;
}
@keyframes fp-entra-b-sfzpq2p9xv { from { transform: translateX(24px); opacity: 0; } to { transform: none; opacity: 1; } }
.fp-cab[b-sfzpq2p9xv] { display: flex; align-items: center; justify-content: space-between; gap: var(--esp-2); padding: var(--esp-3) var(--esp-4); border-bottom: 1px solid var(--color-borde); }
.fp-id[b-sfzpq2p9xv] { display: flex; align-items: center; gap: var(--esp-3); min-width: 0; }
.fp-id h3[b-sfzpq2p9xv] { margin: 0; font-family: var(--fuente-mono); font-size: var(--fs-xl); font-weight: 800; color: var(--color-texto); }
.fp-mono[b-sfzpq2p9xv] { font-family: var(--fuente-mono); }
.fp-id small[b-sfzpq2p9xv] { font-size: var(--fs-xs); color: var(--color-texto-suave); }
.fp-sexo[b-sfzpq2p9xv] { display: inline-flex; align-items: center; justify-content: center; width: 40px; height: 40px; border-radius: 50%; font-size: var(--fs-lg); font-weight: 700; }
.fp-sexo.h[b-sfzpq2p9xv] { background: color-mix(in srgb, var(--marca-azul-500) 15%, var(--color-superficie)); color: var(--marca-azul-500); }
.fp-sexo.m[b-sfzpq2p9xv] { background: color-mix(in srgb, var(--color-aviso) 15%, var(--color-superficie)); color: var(--color-aviso); }
.fp-nav[b-sfzpq2p9xv] { display: flex; align-items: center; gap: 4px; font-size: var(--fs-xs); color: var(--color-texto-2); font-variant-numeric: tabular-nums; }
.fp-nav button[b-sfzpq2p9xv] { width: 30px; height: 30px; border: 1px solid var(--color-borde); border-radius: var(--radio-sm); background: var(--color-superficie); color: var(--color-texto); cursor: pointer; }
.fp-nav button:disabled[b-sfzpq2p9xv] { opacity: .4; cursor: default; }
.fp-nav .fp-x[b-sfzpq2p9xv] { margin-left: 4px; }

.fp-cuerpo[b-sfzpq2p9xv] { flex: 1; overflow-y: auto; display: flex; flex-direction: column; gap: var(--esp-3); padding: var(--esp-3) var(--esp-4); }
.fp-chips[b-sfzpq2p9xv] { display: flex; flex-wrap: wrap; gap: 6px; }
.fp-chip[b-sfzpq2p9xv] { padding: 2px 10px; border-radius: var(--radio-full); background: var(--color-superficie-2); font-size: var(--fs-xs); font-weight: 600; color: var(--color-texto-2); }
.fp-chip.activo[b-sfzpq2p9xv] { background: color-mix(in srgb, var(--color-exito) 12%, var(--color-superficie)); color: var(--color-exito); }
.fp-chip.baja[b-sfzpq2p9xv] { background: var(--color-peligro-fondo); color: var(--color-peligro); }
.fp-avisos[b-sfzpq2p9xv] { display: flex; flex-direction: column; gap: 4px; }
.fp-aviso[b-sfzpq2p9xv] { padding: 6px 10px; border-left: 4px solid var(--color-aviso); border-radius: var(--radio-xs); background: var(--color-aviso-fondo); font-size: var(--fs-sm); font-weight: 600; color: var(--color-texto); }
.fp-aviso.peligro[b-sfzpq2p9xv] { border-left-color: var(--color-peligro); background: var(--color-peligro-fondo); color: var(--color-peligro); }

.fp-bloque h4[b-sfzpq2p9xv] { margin: 0 0 6px; font-size: var(--fs-xs); font-weight: 700; text-transform: uppercase; letter-spacing: .04em; color: var(--color-texto-2); }
.fp-kpis[b-sfzpq2p9xv] { display: grid; grid-template-columns: repeat(2, minmax(0, 1fr)); gap: 6px; }
.fp-kpis > div[b-sfzpq2p9xv] { display: flex; flex-direction: column; gap: 1px; padding: 8px 10px; border: 1px solid var(--color-borde); border-radius: var(--radio-sm); }
.fp-kpis b[b-sfzpq2p9xv] { font-size: var(--fs-lg); font-weight: 800; color: var(--color-texto); font-variant-numeric: tabular-nums; }
.fp-kpis span[b-sfzpq2p9xv] { font-size: var(--fs-xs); color: var(--color-texto-2); }
.fp-perc[b-sfzpq2p9xv] { background: var(--perc-f, var(--color-superficie)); }
.fp-perc b[b-sfzpq2p9xv] { color: var(--perc-c, var(--color-texto)); }
.fp-filas[b-sfzpq2p9xv] { display: grid; grid-template-columns: 1fr auto; gap: 4px var(--esp-3); font-size: var(--fs-sm); color: var(--color-texto-2); }
.fp-filas b[b-sfzpq2p9xv] { color: var(--color-texto); font-variant-numeric: tabular-nums; }
.fp-padres[b-sfzpq2p9xv] { display: grid; grid-template-columns: 1fr 1fr; gap: 6px; }
.fp-padres > div[b-sfzpq2p9xv] { display: flex; flex-direction: column; gap: 1px; padding: 8px 10px; border: 1px solid var(--color-borde); border-radius: var(--radio-sm); }
.fp-padres small[b-sfzpq2p9xv], .fp-padres span[b-sfzpq2p9xv] { font-size: var(--fs-xs); color: var(--color-texto-2); }
.fp-padres b[b-sfzpq2p9xv] { font-size: var(--fs-md); color: var(--color-texto); }

.fp-pie[b-sfzpq2p9xv] { display: flex; flex-wrap: wrap; gap: 6px; padding: var(--esp-3) var(--esp-4); border-top: 1px solid var(--color-borde); background: var(--color-superficie-2); }
.fp-btn[b-sfzpq2p9xv] { padding: 6px 12px; border: 1px solid var(--color-borde); border-radius: var(--radio-sm); background: var(--color-superficie); font-size: var(--fs-sm); font-weight: 600; color: var(--color-texto); cursor: pointer; }
.fp-btn.primario[b-sfzpq2p9xv] { margin-left: auto; border-color: var(--color-acento); background: var(--color-acento); color: var(--color-superficie); }
/* /Shared/FichaPestanaVisual.razor.rz.scp.css */
/* Series (paleta categórica de referencia, validada): 1 azul, 2 naranja */
.fpv[b-zhdk51v0qi] {
    --s1: #2a78d6;
    --s2: #eb6834;
    --s1-suave: #9cc3ee;
    display: flex;
    flex-direction: column;
    gap: var(--esp-4);
    padding: var(--esp-4);
    border-bottom: 1px solid var(--color-borde);
    background: var(--color-superficie);
}
.fpv [data-ayuda][b-zhdk51v0qi] { text-decoration: none; }

.fpv-kpis[b-zhdk51v0qi] { display: grid; grid-template-columns: repeat(auto-fit, minmax(130px, 1fr)); gap: var(--esp-3); }
.fpv-kpi[b-zhdk51v0qi] { display: flex; flex-direction: column; padding: var(--esp-2) var(--esp-3); border-radius: var(--radio-sm); background: var(--color-info-fondo); }
.fpv-kpi[class*="perc-"][b-zhdk51v0qi] { background: var(--perc-f); }
.fpv-kpi[class*="perc-"] .fpv-kpi-num[b-zhdk51v0qi] { color: var(--perc-c); }
.fpv-kpi-num[b-zhdk51v0qi] { font-size: var(--fs-xl); font-weight: 800; color: var(--color-texto); line-height: 1.2; font-variant-numeric: tabular-nums; }
.fpv-kpi-lbl[b-zhdk51v0qi] { font-size: var(--fs-xs); color: var(--color-texto-suave); }

.fpv-graf[b-zhdk51v0qi] { margin: 0; min-width: 0; }
.fpv-graf figcaption[b-zhdk51v0qi] { display: flex; flex-wrap: wrap; gap: 0 var(--esp-2); align-items: baseline; margin-bottom: var(--esp-4); font-size: var(--fs-sm); font-weight: 700; color: var(--color-texto); }
.fpv-graf figcaption span[b-zhdk51v0qi] { font-size: var(--fs-xs); font-weight: 400; color: var(--color-texto-suave); }
.fpv-leyenda[b-zhdk51v0qi] { display: flex; flex-wrap: wrap; gap: var(--esp-1) var(--esp-4); margin-top: var(--esp-2); font-size: var(--fs-xs); color: var(--color-texto-2); }
.fpv-leyenda span[b-zhdk51v0qi] { display: inline-flex; align-items: center; gap: 6px; }
.fpv-leyenda i[b-zhdk51v0qi] { width: 10px; height: 10px; border-radius: 2px; }
.fpv-leyenda i.s1[b-zhdk51v0qi] { background: var(--s1); }
.fpv-leyenda i.s2[b-zhdk51v0qi] { background: var(--s2); }
.fpv-nota[b-zhdk51v0qi] { margin-left: auto; color: var(--color-texto-suave); }

/* ── Barras agrupadas (lactaciones) ── */
.fpv-barras[b-zhdk51v0qi] { display: flex; gap: var(--esp-3); height: 170px; margin-bottom: 24px; border-bottom: 1px solid var(--color-borde-fuerte); }
.fpv-grupo[b-zhdk51v0qi] { position: relative; flex: 1 1 0; min-width: 0; display: flex; align-items: flex-end; justify-content: center; gap: 2px; }
.fpv-grupo:hover .fpv-b[b-zhdk51v0qi] { filter: brightness(.9); }
.fpv-b[b-zhdk51v0qi] { position: relative; display: block; width: 100%; max-width: 30px; min-height: 2px; border-radius: 4px 4px 0 0; }
.fpv-b.s1[b-zhdk51v0qi] { background: var(--s1); }
.fpv-b.s2[b-zhdk51v0qi] { background: var(--s1-suave); }
.fpv-b i[b-zhdk51v0qi] { position: absolute; bottom: 100%; left: 50%; transform: translateX(-50%); padding-bottom: 2px; font-style: normal; font-size: var(--fs-2xs); font-weight: 600; color: var(--color-texto-2); white-space: nowrap; }
.fpv-leyenda i.s2[b-zhdk51v0qi] { background: var(--s2); }
.fpv-barras ~ .fpv-leyenda i.s2[b-zhdk51v0qi] { background: var(--s1-suave); }
.fpv-x[b-zhdk51v0qi] { position: absolute; top: 100%; margin-top: 4px; font-size: var(--fs-xs); color: var(--color-texto-suave); }

/* ── Línea de tiempo de partos ── */
.fpv-linea-tiempo[b-zhdk51v0qi] { display: flex; align-items: center; gap: var(--esp-2); overflow-x: auto; padding-bottom: var(--esp-1); }
.fpv-parto[b-zhdk51v0qi] {
    flex: 0 0 auto;
    display: flex;
    flex-direction: column;
    align-items: center;
    gap: 4px;
    min-width: 76px;
    padding: var(--esp-2) var(--esp-3);
    border: 1px solid var(--color-borde);
    border-radius: var(--radio-sm);
    background: var(--color-superficie);
}
.fpv-parto-num[b-zhdk51v0qi] { font-size: var(--fs-md); font-weight: 800; color: var(--color-texto); }
.fpv-parto-fecha[b-zhdk51v0qi] { font-size: var(--fs-xs); color: var(--color-texto-suave); font-variant-numeric: tabular-nums; }
.fpv-corderos[b-zhdk51v0qi] { display: flex; gap: 3px; }
.fpv-corderos i[b-zhdk51v0qi] { width: 12px; height: 12px; border-radius: 50%; background: var(--marca-oro-500); }
.fpv-corderos i.vacio[b-zhdk51v0qi] { background: transparent; border: 1.5px dashed var(--gris-400); }
.fpv-tag[b-zhdk51v0qi] { font-size: var(--fs-2xs); font-weight: 700; padding: 1px 6px; border-radius: var(--radio-full); background: var(--color-superficie-2); color: var(--color-texto-2); }
.fpv-intervalo[b-zhdk51v0qi] { flex: 0 0 auto; font-size: var(--fs-2xs); color: var(--color-texto-suave); white-space: nowrap; position: relative; padding: 0 var(--esp-1); }
.fpv-intervalo[b-zhdk51v0qi]::before { content: ""; display: block; height: 1px; margin-bottom: 2px; background: var(--color-borde-fuerte); }

/* ── Líneas de percentil: eje Y invertido (1 arriba) ── */
.fpv-lineas[b-zhdk51v0qi] { display: flex; gap: var(--esp-2); height: 200px; margin-bottom: 24px; }
.fpv-eje-y[b-zhdk51v0qi] { position: relative; width: 24px; flex-shrink: 0; }
.fpv-eje-y span[b-zhdk51v0qi] { position: absolute; right: 0; transform: translateY(-50%); font-size: var(--fs-2xs); color: var(--color-texto-suave); font-variant-numeric: tabular-nums; }
.fpv-area[b-zhdk51v0qi] { position: relative; flex: 1; min-width: 0; border-left: 1px solid var(--color-borde); border-bottom: 1px solid var(--color-borde); background:
    linear-gradient(var(--color-borde) 1px, transparent 1px) 0 0 / 100% 25%; }
.fpv-banda[b-zhdk51v0qi] { position: absolute; left: 0; right: 0; }
.fpv-banda.top[b-zhdk51v0qi]  { top: 0; height: 10%; background: color-mix(in srgb, var(--calidad-top-fondo) 70%, transparent); }
.fpv-banda.malo[b-zhdk51v0qi] { bottom: 0; height: 10%; background: color-mix(in srgb, var(--calidad-malo-fondo) 80%, transparent); }
.fpv-area svg[b-zhdk51v0qi] { position: absolute; inset: 0; width: 100%; height: 100%; overflow: visible; }
.fpv-area polyline[b-zhdk51v0qi] { fill: none; stroke-width: 2; stroke-linejoin: round; stroke-linecap: round; }
.fpv-area polyline.s1[b-zhdk51v0qi] { stroke: var(--s1); }
.fpv-area polyline.s2[b-zhdk51v0qi] { stroke: var(--s2); }
.fpv-punto[b-zhdk51v0qi] {
    position: absolute;
    width: 9px;
    height: 9px;
    border-radius: 50%;
    border: 2px solid var(--color-superficie);
    transform: translate(-50%, -50%);
    box-shadow: 0 0 0 1px rgba(0,0,0,.08);
    z-index: 1;
}
.fpv-punto[b-zhdk51v0qi]::before { content: ""; position: absolute; inset: -8px; }   /* zona de toque mayor que la marca */
.fpv-punto:hover[b-zhdk51v0qi] { width: 13px; height: 13px; z-index: 2; }
.fpv-punto.s1[b-zhdk51v0qi] { background: var(--s1); }
.fpv-punto.s2[b-zhdk51v0qi] { background: var(--s2); }
.fpv-x-anio[b-zhdk51v0qi] { position: absolute; top: 100%; margin-top: 4px; transform: translateX(-50%); font-size: var(--fs-2xs); color: var(--color-texto-suave); }

@media (max-width: 700px) {
    .fpv[b-zhdk51v0qi] { padding: var(--esp-3); }
    .fpv-kpis[b-zhdk51v0qi] { grid-template-columns: repeat(2, minmax(0, 1fr)); gap: var(--esp-2); }
    .fpv-nota[b-zhdk51v0qi] { margin-left: 0; }
}

/* ── Descendencia ── */
.fpv[b-zhdk51v0qi] { --s3: #9cc3ee; }
.fpv-leyenda i.s3[b-zhdk51v0qi] { background: var(--s3); }
.fpv-b.s3[b-zhdk51v0qi] { background: var(--s3); }
.fpv-apilada[b-zhdk51v0qi] { flex-direction: column; align-items: center; justify-content: flex-end; gap: 1px; }
.fpv-apilada .fpv-b[b-zhdk51v0qi] { border-radius: 0; }
.fpv-apilada .fpv-b:first-child[b-zhdk51v0qi] { border-radius: 4px 4px 0 0; }
.fpv-barras--bajo[b-zhdk51v0qi] { height: 120px; }

.fpv-dictamen[b-zhdk51v0qi] {
    display: flex;
    flex-wrap: wrap;
    align-items: center;
    gap: var(--esp-2) var(--esp-3);
    padding: var(--esp-3) var(--esp-4);
    border-radius: var(--radio-sm);
    background: var(--perc-f);
    border: 1px solid color-mix(in srgb, var(--perc-b) 50%, transparent);
    font-size: var(--fs-sm);
    color: var(--color-texto);
}
.fpv-dictamen-chip[b-zhdk51v0qi] {
    padding: 3px 12px;
    border-radius: var(--radio-full);
    background: var(--perc-c);
    color: #fff;
    font-weight: 700;
    white-space: nowrap;
}

/* Barras divergentes: una por hija, ordenadas de mejor a peor; arriba de la línea, mejor que sus compañeras */
.fpv-diverge[b-zhdk51v0qi] {
    position: relative;
    display: flex;
    justify-content: center;
    gap: min(2px, calc(100% / var(--n) / 4));
    height: 180px;
    margin-bottom: var(--esp-1);
}
.fpv-diverge[b-zhdk51v0qi]::after { content: ""; position: absolute; left: 0; right: 0; top: 50%; border-top: 1px solid var(--gris-700); opacity: .5; }
.fpv-dv[b-zhdk51v0qi] { position: relative; flex: 1 1 0; min-width: 1px; max-width: 18px; }
.fpv-dv i[b-zhdk51v0qi] { position: absolute; left: 0; right: 0; min-height: 1px; }
.fpv-dv i.arriba[b-zhdk51v0qi] { bottom: 50%; background: var(--s1); border-radius: 2px 2px 0 0; }
.fpv-dv i.abajo[b-zhdk51v0qi]  { top: 50%; background: var(--s2); border-radius: 0 0 2px 2px; }
.fpv-dv:hover i[b-zhdk51v0qi] { filter: brightness(.85); }

/* Val. Genéticas: un carácter cada vez (leche, inserción, verticalidad) */
.fpv-caracteres[b-zhdk51v0qi] { display: flex; flex-wrap: wrap; gap: 4px; margin: 0 0 var(--esp-2); }
.fpv-caracteres button[b-zhdk51v0qi] {
    padding: 3px 12px; border: 1px solid var(--color-borde); border-radius: var(--radio-full);
    background: var(--color-superficie); color: var(--color-texto-2); font-size: var(--fs-xs); font-weight: 600; cursor: pointer;
}
.fpv-caracteres button.activo[b-zhdk51v0qi] { border-color: var(--color-acento-texto); background: var(--color-acento-suave); color: var(--color-acento-texto); }

/* Descendencia: hijas por ganadería (Mejora #13) */
.fpv-gan[b-zhdk51v0qi] { width: 100%; max-width: 520px; margin-top: var(--esp-3); border-collapse: collapse; font-size: var(--fs-sm); }
.fpv-gan th[b-zhdk51v0qi] { padding: 4px 8px; text-align: left; font-size: var(--fs-xs); font-weight: 700; color: var(--color-texto-2); border-bottom: 1px solid var(--color-borde); }
.fpv-gan td[b-zhdk51v0qi] { padding: 4px 8px; border-bottom: 1px solid var(--color-borde); font-variant-numeric: tabular-nums; color: var(--color-texto); }
.fpv-gan tr.suya td[b-zhdk51v0qi] { font-weight: 700; background: var(--color-acento-suave); }
.fpv-gan td.pos[b-zhdk51v0qi] { color: var(--color-exito); }
.fpv-gan td.neg[b-zhdk51v0qi] { color: var(--color-peligro); }
/* /Shared/FichaResumen.razor.rz.scp.css */
/* Rejilla: producción a todo el ancho; debajo tres tarjetas (dos en tablet, una en el móvil) */
.fr[b-79ijsedi91] {
    display: grid;
    grid-template-columns: repeat(3, minmax(0, 1fr));
    gap: var(--esp-3);
    padding: var(--esp-3);
    background: var(--color-superficie-2);
}
.fr-prod[b-79ijsedi91] { grid-column: 1 / -1; }
@media (max-width: 1100px) { .fr[b-79ijsedi91] { grid-template-columns: repeat(2, minmax(0, 1fr)); } }
@media (max-width: 700px)  { .fr[b-79ijsedi91] { grid-template-columns: minmax(0, 1fr); padding: var(--esp-2); gap: var(--esp-2); } }

.fr-card[b-79ijsedi91] {
    min-width: 0;
    background: var(--color-superficie);
    border: 1px solid var(--color-borde);
    border-radius: var(--radio-md);
    box-shadow: var(--sombra-xs);
    padding: var(--esp-4);
    display: flex;
    flex-direction: column;
    gap: var(--esp-3);
}
.fr-card-tit[b-79ijsedi91] {
    display: flex;
    align-items: center;
    gap: var(--esp-2);
    font-size: var(--fs-md);
    font-weight: 700;
    color: var(--color-texto);
}
.fr-card-tit[b-79ijsedi91]::before {
    content: "";
    width: 4px;
    height: 18px;
    border-radius: 2px;
    background: var(--color-acento);
}
.fr-prod .fr-card-tit[b-79ijsedi91]::before { background: var(--marca-azul-600); }
.fr-card-tit .fr-chip[b-79ijsedi91] { margin-left: auto; }
.fr [data-ayuda][b-79ijsedi91] { text-decoration: none; }

/* ── Producción: cifras clave ── */
.fr-kpis[b-79ijsedi91] { display: grid; grid-template-columns: repeat(4, minmax(0, 1fr)); gap: var(--esp-3); }
@media (max-width: 700px) { .fr-kpis[b-79ijsedi91] { grid-template-columns: repeat(2, minmax(0, 1fr)); gap: var(--esp-2); } }
.fr-kpi[b-79ijsedi91] {
    display: flex;
    flex-direction: column;
    padding: var(--esp-2) var(--esp-3);
    border-radius: var(--radio-sm);
    background: var(--color-info-fondo);
}
.fr-kpi-num[b-79ijsedi91] { font-size: var(--fs-xl); font-weight: 800; color: var(--color-texto); font-variant-numeric: tabular-nums; line-height: 1.2; }
.fr-kpi-num small[b-79ijsedi91], .fr-cifra-num small[b-79ijsedi91] { font-size: var(--fs-sm); font-weight: 600; color: var(--color-texto-suave); }
.fr-kpi-lbl[b-79ijsedi91] { font-size: var(--fs-xs); color: var(--color-texto-suave); }

/* ── Producción: gráficos de barras ── */
.fr-graficos[b-79ijsedi91] { display: grid; grid-template-columns: repeat(2, minmax(0, 1fr)); gap: var(--esp-4); }
@media (max-width: 900px) { .fr-graficos[b-79ijsedi91] { grid-template-columns: minmax(0, 1fr); } }
.fr-graf[b-79ijsedi91] { margin: 0; min-width: 0; }
.fr-graf figcaption[b-79ijsedi91] {
    display: flex;
    flex-wrap: wrap;
    align-items: baseline;
    gap: 0 var(--esp-2);
    margin-bottom: var(--esp-3);
    font-size: var(--fs-sm);
    font-weight: 700;
    color: var(--color-texto);
}
.fr-graf figcaption span[b-79ijsedi91] { font-weight: 400; font-size: var(--fs-xs); color: var(--color-texto-suave); }

.fr-barras[b-79ijsedi91] {
    position: relative;
    display: flex;
    gap: 6px;
    height: 150px;
    margin-bottom: 24px;
    border-bottom: 1px solid var(--color-borde-fuerte);
}
.fr-col[b-79ijsedi91] {
    position: relative;
    flex: 1 1 0;
    min-width: 0;
    height: 100%;
    display: flex;
    align-items: flex-end;
    justify-content: center;
}
.fr-col-par[b-79ijsedi91] { display: flex; align-items: flex-end; justify-content: center; gap: 2px; width: 100%; height: 100%; }
.fr-col-barra[b-79ijsedi91] {
    position: relative;
    display: block;
    width: 100%;
    max-width: 44px;
    min-height: 2px;
    border-radius: 4px 4px 0 0;
    background: var(--marca-azul-500);
    transition: filter .12s;
}
.fr-col:hover .fr-col-barra[b-79ijsedi91], .fr-col-barra:hover[b-79ijsedi91] { filter: brightness(.9); }
.fr-col.mejor .fr-col-barra[b-79ijsedi91] { background: var(--marca-azul-700); }
.fr-col-barra.ant[b-79ijsedi91] { background: var(--gris-300, #cbd5e1); max-width: 18px; }
.fr-barras--ctrl .fr-col-barra:not(.ant)[b-79ijsedi91] { max-width: 26px; }
.fr-col-val[b-79ijsedi91] {
    position: absolute;
    bottom: 100%;
    left: 50%;
    transform: translateX(-50%);
    padding-bottom: 2px;
    font-size: var(--fs-2xs);
    font-weight: 600;
    color: var(--color-texto-2);
    white-space: nowrap;
    font-variant-numeric: tabular-nums;
}
.fr-col.mejor .fr-col-val[b-79ijsedi91] { color: var(--color-texto); font-weight: 800; }
.fr-col-lbl[b-79ijsedi91] {
    position: absolute;
    top: 100%;
    margin-top: 4px;
    font-size: var(--fs-xs);
    color: var(--color-texto-suave);
}
.fr-media[b-79ijsedi91] {
    position: absolute;
    left: 0;
    right: 0;
    bottom: var(--media);
    border-top: 1.5px dashed var(--gris-700);
    opacity: .55;
    z-index: 1;
    pointer-events: auto;
}
.fr-leyenda[b-79ijsedi91] { display: flex; flex-wrap: wrap; gap: var(--esp-1) var(--esp-4); font-size: var(--fs-xs); color: var(--color-texto-2); }
.fr-leyenda span[b-79ijsedi91] { display: inline-flex; align-items: center; gap: 6px; }
.fr-cuadro[b-79ijsedi91] { width: 10px; height: 10px; border-radius: 2px; background: var(--marca-azul-500); }
.fr-cuadro.ant[b-79ijsedi91] { background: var(--gris-300, #cbd5e1); }
.fr-cuadro.mejor[b-79ijsedi91] { background: var(--marca-azul-700); }
.fr-linea[b-79ijsedi91] { width: 16px; border-top: 1.5px dashed var(--gris-700); opacity: .7; }
.fr-ultimo[b-79ijsedi91] { margin-left: auto; color: var(--color-texto-suave); }

/* ── Genética: puesto con número grande, frase y barra ── */
.fr-puesto[b-79ijsedi91] {
    padding: var(--esp-2) var(--esp-3);
    border-radius: var(--radio-sm);
    background: var(--perc-f);
    border: 1px solid color-mix(in srgb, var(--perc-b) 45%, transparent);
}
.fr-puesto-txt[b-79ijsedi91] { display: flex; align-items: center; gap: var(--esp-3); font-size: var(--fs-xs); color: var(--color-texto-2); line-height: 1.35; }
.fr-puesto-txt strong[b-79ijsedi91] { color: var(--perc-c); font-size: var(--fs-sm); }
.fr-puesto-num[b-79ijsedi91] { font-size: var(--fs-xl); font-weight: 800; color: var(--perc-c); min-width: 2.2ch; text-align: center; font-variant-numeric: tabular-nums; }

.fr-cifras[b-79ijsedi91] { display: grid; grid-template-columns: repeat(auto-fit, minmax(90px, 1fr)); gap: var(--esp-2); }
.fr-cifra[b-79ijsedi91] { display: flex; flex-direction: column; gap: 2px; padding: var(--esp-2); border: 1px solid var(--color-borde); border-radius: var(--radio-sm); }
.fr-cifra-lbl[b-79ijsedi91] { font-size: var(--fs-2xs); color: var(--color-texto-suave); }
.fr-cifra-num[b-79ijsedi91] { font-size: var(--fs-lg); font-weight: 800; color: var(--color-texto); font-variant-numeric: tabular-nums; }
.fr-medidor[b-79ijsedi91] { height: 4px; border-radius: var(--radio-full); background: var(--gris-200); overflow: hidden; }
.fr-medidor span[b-79ijsedi91] { display: block; height: 100%; background: var(--color-acento); }

/* ── Filas y estados ── */
.fr-fila[b-79ijsedi91] { display: flex; justify-content: space-between; align-items: baseline; gap: var(--esp-3); font-size: var(--fs-sm); color: var(--color-texto-2); }
.fr-fila strong[b-79ijsedi91] { color: var(--color-texto); text-align: right; }
.fr-barra .fr-fila strong[b-79ijsedi91] { color: var(--perc-c); }
.fr-pos[b-79ijsedi91] { color: var(--color-exito) !important; }
.fr-neg[b-79ijsedi91] { color: var(--color-peligro) !important; }

.fr-chip[b-79ijsedi91] { display: inline-flex; align-items: center; padding: 3px 12px; border-radius: var(--radio-full); font-size: var(--fs-xs); font-weight: 700; white-space: nowrap; }
.fr-chip--si[b-79ijsedi91] { background: var(--color-exito-fondo);   color: var(--color-exito);   border: 1px solid currentColor; }
.fr-chip--no[b-79ijsedi91] { background: var(--color-peligro-fondo); color: var(--color-peligro); border: 1px solid currentColor; }

.fr-nota[b-79ijsedi91]  { margin: 0; font-size: var(--fs-xs); color: var(--color-texto-suave); }
.fr-vacio[b-79ijsedi91] { margin: 0; font-size: var(--fs-sm); color: var(--color-texto-suave); }

/* Calificación morfológica 0-100 con marcas en 60 (mínimo) y 75 */
.fr-morf[b-79ijsedi91] { position: relative; display: block; height: 8px; margin-top: 6px; border-radius: var(--radio-full); background: var(--gris-200); }
.fr-morf span[b-79ijsedi91] { display: block; height: 100%; border-radius: inherit; background: var(--calidad-medio-barra); }
.fr-morf span.ok[b-79ijsedi91]  { background: var(--calidad-top-barra); }
.fr-morf span.mal[b-79ijsedi91] { background: var(--calidad-malo-barra); }
.fr-morf i[b-79ijsedi91] { position: absolute; top: -3px; bottom: -3px; width: 2px; background: var(--gris-700); opacity: .5; }

/* El análisis de la descendencia dentro del resumen: sin su propio fondo ni márgenes */
.fr-desc[b-79ijsedi91]  .fpv { padding: 0; border-bottom: 0; }
/* /Shared/FichaSanidad.razor.rz.scp.css */
/* Sanidad en la ficha: discreta si no hay espera; en rojo suave si la leche no es apta */
.fs[b-8uc15c0xld] { margin: var(--esp-2) 0; padding: var(--esp-2) var(--esp-3); border: 1px solid var(--color-borde); border-radius: var(--radio-md); background: var(--color-superficie); }
.fs-espera[b-8uc15c0xld] { border-color: color-mix(in srgb, var(--color-peligro) 45%, var(--color-borde)); background: var(--color-peligro-fondo); }
.fs-cab[b-8uc15c0xld] { display: flex; flex-wrap: wrap; align-items: center; gap: var(--esp-2); }
.fs-tit[b-8uc15c0xld] { font-size: var(--fs-xs); font-weight: 700; color: var(--color-texto-2); text-transform: uppercase; letter-spacing: .04em; }
.fs-et[b-8uc15c0xld] { padding: 1px 10px; border-radius: var(--radio-full); font-size: var(--fs-xs); font-weight: 700; }
.fs-et.mal[b-8uc15c0xld] { background: var(--color-peligro); color: var(--color-superficie); }
.fs-et.aviso[b-8uc15c0xld] { background: var(--color-aviso-fondo); color: var(--color-aviso); }
.fs-link[b-8uc15c0xld] { margin-left: auto; border: 0; background: none; padding: 0; color: var(--color-acento-texto); font-size: var(--fs-xs); font-weight: 600; text-decoration: underline; cursor: pointer; }
.fs-lista[b-8uc15c0xld] { margin: var(--esp-1) 0 0; padding: 0; list-style: none; }
.fs-lista li[b-8uc15c0xld] { display: grid; grid-template-columns: 64px minmax(0, 1fr) auto; gap: var(--esp-2); padding: 3px 0; font-size: var(--fs-sm); color: var(--color-texto); }
.fs-lista li.anulado[b-8uc15c0xld] { opacity: .5; text-decoration: line-through; }
.fs-fecha[b-8uc15c0xld] { color: var(--color-texto-suave); font-variant-numeric: tabular-nums; }
.fs-motivo[b-8uc15c0xld] { color: var(--color-texto-2); font-size: var(--fs-xs); }
@media (max-width: 640px) { .fs-lista li[b-8uc15c0xld] { grid-template-columns: 56px minmax(0, 1fr); } .fs-motivo[b-8uc15c0xld] { grid-column: 2; } }
/* /Shared/GeneradorCampos.razor.rz.scp.css */
.gcp[b-1txtb8thpy] { display: flex; flex-direction: column; min-height: 0; height: 100%; border-right: 1px solid var(--color-borde); background: var(--color-superficie); }
.gcp-busca[b-1txtb8thpy] { display: flex; align-items: center; gap: 4px; padding: var(--esp-2); border-bottom: 1px solid var(--color-borde); }
.gcp-busca input[b-1txtb8thpy] { flex: 1 1 auto; min-width: 0; min-height: 32px; padding: 0 var(--esp-2); border: 1px solid var(--color-borde-fuerte); border-radius: var(--radio-sm);
    font: inherit; font-size: var(--fs-sm); background: var(--color-superficie); color: var(--color-texto); }
.gcp-limpiar[b-1txtb8thpy], .gcp-cerrar[b-1txtb8thpy] { width: 28px; height: 28px; flex: none; border: 0; border-radius: var(--radio-sm); background: transparent; color: var(--color-texto-suave); cursor: pointer; }
.gcp-limpiar:hover[b-1txtb8thpy], .gcp-cerrar:hover[b-1txtb8thpy] { background: var(--color-superficie-2); color: var(--color-texto); }
.gcp-cerrar[b-1txtb8thpy] { display: none; }
.gcp-cuerpo[b-1txtb8thpy] { flex: 1 1 auto; min-height: 0; overflow-y: auto; padding-bottom: var(--esp-4); }
.gcp-nada[b-1txtb8thpy] { margin: var(--esp-3); font-size: var(--fs-sm); color: var(--color-texto-suave); }

/* ── Grupos ── */
.gcp-grupo[b-1txtb8thpy] { border-bottom: 1px solid var(--color-borde); }
.gcp-grupo-cab[b-1txtb8thpy] { display: flex; align-items: center; gap: 6px; width: 100%; min-height: 34px; padding: 0 var(--esp-2) 0 6px; border: 0; background: transparent;
    font: inherit; font-size: var(--fs-sm); font-weight: 700; color: var(--color-texto); text-align: left; cursor: pointer; }
.gcp-grupo-cab:hover[b-1txtb8thpy] { background: var(--color-superficie-2); }
.gcp-flecha[b-1txtb8thpy] { display: inline-block; width: 14px; color: var(--color-texto-suave); font-size: var(--fs-lg); line-height: 1; transition: transform .15s; }
.gcp-grupo.abierto .gcp-flecha[b-1txtb8thpy] { transform: rotate(90deg); }
.gcp-grupo-tit[b-1txtb8thpy] { flex: 1 1 auto; min-width: 0; overflow: hidden; text-overflow: ellipsis; white-space: nowrap; }
.gcp-grupo-n[b-1txtb8thpy] { min-width: 20px; padding: 0 6px; border-radius: var(--radio-full); background: var(--color-acento); color: #fff; font-size: var(--fs-2xs); text-align: center; line-height: 18px; }
.gcp-grupo-total[b-1txtb8thpy] { font-size: var(--fs-2xs); font-weight: 600; color: var(--color-texto-suave); }

/* ── Datos ── */
.gcp-items[b-1txtb8thpy] { list-style: none; margin: 0; padding: 0 0 4px; }
.gcp-item[b-1txtb8thpy] { display: flex; align-items: stretch; min-height: 28px; }
.gcp-item:hover[b-1txtb8thpy] { background: var(--color-info-fondo); }
.gcp-item.sel .gcp-txt[b-1txtb8thpy] { font-weight: 700; color: var(--color-acento-texto); }
.gcp-nombre[b-1txtb8thpy] { display: flex; flex: 1 1 auto; min-width: 0; align-items: center; gap: 6px; padding: 0 4px 0 8px; border: 0; background: transparent;
    font: inherit; font-size: var(--fs-sm); color: var(--color-texto); text-align: left; cursor: pointer; }
.gcp-check[b-1txtb8thpy] { flex: none; width: 16px; height: 16px; border: 1px solid var(--color-borde-fuerte); border-radius: 4px; background: var(--color-superficie);
    font-size: 11px; line-height: 14px; text-align: center; color: #fff; }
.gcp-item.sel .gcp-check[b-1txtb8thpy] { background: var(--color-acento); border-color: var(--color-acento); }
.gcp-item.medida .gcp-check[b-1txtb8thpy] { border-style: dashed; color: var(--color-texto-2); }
.gcp-item.medida .gcp-txt[b-1txtb8thpy] { color: var(--color-acento-texto); font-style: italic; }
.gcp-txt[b-1txtb8thpy] { flex: 1 1 auto; min-width: 0; overflow: hidden; text-overflow: ellipsis; white-space: nowrap; line-height: 1.2; }
.gcp-ico[b-1txtb8thpy] { flex: none; width: 26px; border: 0; background: transparent; color: var(--color-texto-suave); font-size: var(--fs-sm); cursor: pointer; opacity: 0; }
.gcp-item:hover .gcp-ico[b-1txtb8thpy], .gcp-ico.on[b-1txtb8thpy], .gcp-ico:focus-visible[b-1txtb8thpy] { opacity: 1; }
.gcp-ico:hover[b-1txtb8thpy] { color: var(--color-acento-texto); }
.gcp-ico.fav.on[b-1txtb8thpy] { color: #d97706; }
.gcp-ico.fav:hover[b-1txtb8thpy] { color: #d97706; }
@media (hover: none) { .gcp-ico[b-1txtb8thpy] { opacity: .55; } }

/* ── A medida ── */
.gcp-medida[b-1txtb8thpy] { display: flex; flex-direction: column; gap: 6px; margin: 2px 6px 6px 10px; padding: var(--esp-2); border: 1px dashed var(--color-borde-fuerte);
    border-radius: var(--radio-sm); background: var(--color-superficie-2); font-size: var(--fs-xs); }
.gcp-medida label[b-1txtb8thpy] { display: flex; flex-direction: column; gap: 2px; font-weight: 700; color: var(--color-texto-2); }
.gcp-medida .gcp-check-l[b-1txtb8thpy] { flex-direction: row; flex-wrap: wrap; align-items: center; gap: 6px; font-weight: 600; color: var(--color-texto); }
.gcp-medida select[b-1txtb8thpy], .gcp-medida input:not([type=checkbox])[b-1txtb8thpy], .gcp-cond[b-1txtb8thpy]  select, .gcp-cond[b-1txtb8thpy]  input { min-height: 28px; max-width: 100%; padding: 0 4px; border: 1px solid var(--color-borde-fuerte); border-radius: var(--radio-sm);
    font: inherit; font-size: var(--fs-xs); background: var(--color-superficie); color: var(--color-texto); }
.gcp-num[b-1txtb8thpy] { width: 60px; }
.gcp-cond[b-1txtb8thpy] { display: flex; flex-wrap: wrap; gap: 4px; }
.gcp-cond[b-1txtb8thpy]  .corto { width: 90px; }
.gcp-ayuda[b-1txtb8thpy] { margin: 0; color: var(--color-texto-2); }
.gcp-previa[b-1txtb8thpy] { display: flex; flex-direction: column; margin: 0; padding: 4px 6px; border-radius: var(--radio-sm); background: var(--color-superficie); }
.gcp-previa small[b-1txtb8thpy] { color: var(--color-texto-suave); }
.gcp-medida-btn[b-1txtb8thpy] { display: flex; gap: 4px; }
.gcp-btn[b-1txtb8thpy] { min-height: 28px; padding: 0 10px; border: 1px solid var(--color-borde-fuerte); border-radius: var(--radio-sm); background: var(--color-superficie);
    font: inherit; font-size: var(--fs-xs); font-weight: 700; color: var(--color-texto); cursor: pointer; }
.gcp-btn.prim[b-1txtb8thpy] { border-color: var(--color-acento); background: var(--color-acento); color: #fff; }
.gcp-btn:disabled[b-1txtb8thpy] { opacity: .5; cursor: default; }

/* /Shared/GeneradorConsultas.razor.rz.scp.css */
.gq-estado[b-jr8hd4w8k5] { padding: var(--esp-4); color: var(--color-texto-suave); }

/* ── Tres piezas: panel · barra · tabla ── */
/* La pantalla mira su propio ancho (container query): en la tablet el menú lateral de OviNET deja menos de lo que dice la ventana */
.gq[b-jr8hd4w8k5] { display: grid; grid-template-columns: minmax(0, 1fr); height: 100%; min-height: 0; container-type: inline-size; container-name: gq; }
.gq-chips-toggle[b-jr8hd4w8k5] { display: none; }
.gq.con-panel[b-jr8hd4w8k5] { grid-template-columns: 264px minmax(0, 1fr); }
.gq-panel[b-jr8hd4w8k5] { min-height: 0; }
.gq-panel-fondo[b-jr8hd4w8k5] { display: none; }
.gq-main[b-jr8hd4w8k5] { display: flex; flex-direction: column; min-width: 0; min-height: 0; }

/* ── Barra 1 ── */
.gq-barra[b-jr8hd4w8k5] { display: flex; flex-wrap: wrap; align-items: center; gap: 6px; padding: 6px var(--esp-3); border-bottom: 1px solid var(--color-borde); background: var(--color-superficie); }
.gq-nombre[b-jr8hd4w8k5] { flex: 1 1 200px; min-width: 0; max-width: 520px; min-height: 32px; padding: 0 var(--esp-2); border: 1px solid transparent; border-radius: var(--radio-sm);
    font: inherit; font-size: var(--fs-md); font-weight: 800; color: var(--color-texto); background: transparent; }
.gq-nombre:hover[b-jr8hd4w8k5], .gq-nombre:focus[b-jr8hd4w8k5] { border-color: var(--color-borde-fuerte); background: var(--color-superficie); outline: none; }
.gq-nombre[b-jr8hd4w8k5]::placeholder { font-weight: 600; color: var(--color-texto-suave); }
.gq-fav[b-jr8hd4w8k5] { width: 30px; height: 30px; border: 0; border-radius: var(--radio-sm); background: transparent; color: var(--color-borde-fuerte); font-size: var(--fs-lg); cursor: pointer; }
.gq-fav:hover[b-jr8hd4w8k5], .gq-fav.on[b-jr8hd4w8k5] { color: #d97706; }
.gq-esp[b-jr8hd4w8k5] { flex: 1 1 auto; }
.gq-et[b-jr8hd4w8k5] { padding: 2px 10px; border-radius: var(--radio-full); background: var(--color-superficie-2); font-size: var(--fs-2xs); font-weight: 700; color: var(--color-texto-2); white-space: nowrap; }
.gq-et.pub[b-jr8hd4w8k5] { background: var(--color-exito-fondo); color: var(--color-exito); }
.gq-et.cambio[b-jr8hd4w8k5] { background: var(--color-aviso-fondo); color: color-mix(in srgb, var(--color-aviso) 70%, #000); }

.gq-btn[b-jr8hd4w8k5] { display: inline-flex; align-items: center; gap: 5px; min-height: 32px; padding: 0 10px; border: 1px solid var(--color-borde-fuerte); border-radius: var(--radio-sm);
    background: var(--color-superficie); font: inherit; font-size: var(--fs-sm); font-weight: 700; color: var(--color-texto); cursor: pointer; white-space: nowrap; }
.gq-btn:hover:not(:disabled)[b-jr8hd4w8k5] { border-color: var(--color-acento); }
.gq-btn.prim[b-jr8hd4w8k5] { border-color: var(--color-acento); background: var(--color-acento); color: #fff; }
.gq-btn.activo[b-jr8hd4w8k5] { border-color: var(--color-acento); background: var(--color-info-fondo); color: var(--color-acento-texto); }
.gq-btn.plano[b-jr8hd4w8k5] { border-color: transparent; }
.gq-btn.peligro[b-jr8hd4w8k5] { border-color: var(--color-peligro); background: var(--color-peligro); color: #fff; }
.gq-btn.sm[b-jr8hd4w8k5] { min-height: 28px; padding: 0 8px; font-size: var(--fs-xs); }
.gq-btn:disabled[b-jr8hd4w8k5] { opacity: .5; cursor: default; }
.gq-x[b-jr8hd4w8k5] { width: 24px; height: 24px; border: 0; border-radius: var(--radio-sm); background: transparent; color: inherit; cursor: pointer; opacity: .7; }
.gq-x:hover[b-jr8hd4w8k5] { opacity: 1; }

.gq-aviso[b-jr8hd4w8k5] { display: flex; flex-wrap: wrap; align-items: center; gap: var(--esp-2); padding: 6px var(--esp-3); border-bottom: 1px solid var(--color-borde); background: var(--color-aviso-fondo); font-size: var(--fs-sm); color: var(--color-texto); }
.gq-aviso.mal[b-jr8hd4w8k5] { background: var(--color-peligro-fondo); color: var(--color-peligro); }
.gq-aviso.bien[b-jr8hd4w8k5] { background: var(--color-exito-fondo); color: var(--color-exito); }
.gq-desc[b-jr8hd4w8k5] { flex: 1 1 260px; min-height: 30px; padding: 0 var(--esp-2); border: 1px solid var(--color-borde-fuerte); border-radius: var(--radio-sm); font: inherit; font-size: var(--fs-sm); background: var(--color-superficie); color: var(--color-texto); }

/* Menús y ventanitas */
.gq-menu-ancla[b-jr8hd4w8k5], .gq-chip-ancla[b-jr8hd4w8k5] { position: relative; display: inline-flex; align-items: center; }
.gq-menu[b-jr8hd4w8k5] { position: absolute; top: calc(100% + 4px); right: 0; z-index: 40; display: flex; flex-direction: column; min-width: 210px; padding: 4px; border: 1px solid var(--color-borde);
    border-radius: var(--radio-md); background: var(--color-superficie); box-shadow: var(--sombra-md); }
.gq-menu.col[b-jr8hd4w8k5] { left: 0; right: auto; top: 100%; font-weight: 400; text-align: left; white-space: nowrap; cursor: default; }
.gq-menu button[b-jr8hd4w8k5] { min-height: 32px; padding: 0 10px; border: 0; border-radius: var(--radio-sm); background: transparent; font: inherit; font-size: var(--fs-sm); color: var(--color-texto); text-align: left; cursor: pointer; }
.gq-menu button:hover[b-jr8hd4w8k5] { background: var(--color-info-fondo); }
.gq-menu button.peligro[b-jr8hd4w8k5] { color: var(--color-peligro); }
.gq-menu-ren[b-jr8hd4w8k5] { display: flex; gap: 4px; padding: 4px; }
.gq-menu-ren input[b-jr8hd4w8k5] { flex: 1 1 auto; min-width: 0; min-height: 30px; padding: 0 6px; border: 1px solid var(--color-borde-fuerte); border-radius: var(--radio-sm); font: inherit; font-size: var(--fs-sm); }
.gq-pop[b-jr8hd4w8k5] { position: absolute; top: calc(100% + 4px); left: 0; z-index: 40; display: flex; flex-direction: column; gap: 6px; min-width: 260px; max-width: 420px; max-height: 60vh; overflow: auto; padding: var(--esp-2);
    border: 1px solid var(--color-borde); border-radius: var(--radio-md); background: var(--color-superficie); box-shadow: var(--sombra-md); font-size: var(--fs-sm); }
.gq-pop-tit[b-jr8hd4w8k5] { font-weight: 700; color: var(--color-texto); }
.gq-pop-tit small[b-jr8hd4w8k5] { display: block; font-weight: 400; color: var(--color-texto-suave); }
.gq-pop-cond[b-jr8hd4w8k5] { display: flex; flex-wrap: wrap; align-items: center; gap: 6px; }
.gq-pop-cond[b-jr8hd4w8k5]  select, .gq-pop-cond[b-jr8hd4w8k5]  input { min-height: 30px; padding: 0 6px; border: 1px solid var(--color-borde-fuerte); border-radius: var(--radio-sm); font: inherit; font-size: var(--fs-sm); background: var(--color-superficie); color: var(--color-texto); }
.gq-pop-cond[b-jr8hd4w8k5]  .corto { width: 110px; }
.gq-pop-pie[b-jr8hd4w8k5] { display: flex; justify-content: flex-end; gap: 4px; }
.gq-pop.buscador input[b-jr8hd4w8k5] { min-height: 32px; padding: 0 var(--esp-2); border: 1px solid var(--color-borde-fuerte); border-radius: var(--radio-sm); font: inherit; font-size: var(--fs-sm); }
.gq-pop-sec[b-jr8hd4w8k5] { margin-top: 4px; font-size: var(--fs-2xs); font-weight: 800; text-transform: uppercase; letter-spacing: .05em; color: var(--color-texto-suave); }
.gq-pop-item[b-jr8hd4w8k5] { display: flex; justify-content: space-between; gap: var(--esp-2); min-height: 30px; padding: 0 8px; border: 0; border-radius: var(--radio-sm); background: transparent; font: inherit; font-size: var(--fs-sm); color: var(--color-texto); text-align: left; cursor: pointer; }
.gq-pop-item:hover[b-jr8hd4w8k5] { background: var(--color-info-fondo); }
.gq-pop-item small[b-jr8hd4w8k5] { color: var(--color-texto-suave); }
.gq-pop-ayuda[b-jr8hd4w8k5] { margin: 0; color: var(--color-texto-suave); font-size: var(--fs-xs); }

/* ── Barra 2: chips ── */
.gq-chips[b-jr8hd4w8k5] { display: flex; flex-wrap: wrap; align-items: center; gap: 4px 6px; padding: 5px var(--esp-3); border-bottom: 1px solid var(--color-borde); background: var(--color-superficie-2); }
.gq-chips-tit[b-jr8hd4w8k5] { font-size: var(--fs-2xs); font-weight: 800; text-transform: uppercase; letter-spacing: .05em; color: var(--color-texto-suave); }
.gq-sep[b-jr8hd4w8k5] { width: 1px; height: 20px; margin: 0 4px; background: var(--color-borde-fuerte); }
.gq-chip[b-jr8hd4w8k5] { min-height: 26px; padding: 0 8px 0 10px; border: 1px solid var(--color-borde-fuerte); border-radius: var(--radio-full) 0 0 var(--radio-full); background: var(--color-superficie);
    font: inherit; font-size: var(--fs-xs); font-weight: 600; color: var(--color-texto); cursor: pointer; white-space: nowrap; }
.gq-chip-x[b-jr8hd4w8k5] { min-height: 26px; padding: 0 7px 0 5px; border: 1px solid var(--color-borde-fuerte); border-left: 0; border-radius: 0 var(--radio-full) var(--radio-full) 0; background: var(--color-superficie);
    font-size: var(--fs-2xs); color: var(--color-texto-suave); cursor: pointer; }
.gq-chip:hover[b-jr8hd4w8k5], .gq-chip.abierto[b-jr8hd4w8k5] { border-color: var(--color-acento); color: var(--color-acento-texto); }
.gq-chip-x:hover[b-jr8hd4w8k5] { background: var(--color-peligro-fondo); color: var(--color-peligro); }
.gq-chip.incompleto[b-jr8hd4w8k5] { border-style: dashed; color: var(--color-texto-suave); }
.gq-chip.mas[b-jr8hd4w8k5] { border-radius: var(--radio-full); border-style: dashed; background: transparent; color: var(--color-acento-texto); }
.gq-cuenta[b-jr8hd4w8k5] { font-size: var(--fs-sm); color: var(--color-texto); white-space: nowrap; }
.gq-cuenta small[b-jr8hd4w8k5] { color: var(--color-texto-suave); }

/* ── La tabla ── */
.gq-tabla[b-jr8hd4w8k5] { flex: 1 1 auto; min-height: 0; overflow: auto; background: var(--color-superficie); }
.gq-vacio[b-jr8hd4w8k5] { margin: var(--esp-5) auto; max-width: 420px; text-align: center; font-size: var(--fs-md); color: var(--color-texto-suave); }
.gq-vacio-td[b-jr8hd4w8k5] { padding: var(--esp-5); text-align: center; color: var(--color-texto-suave); }
.gq-tabla table[b-jr8hd4w8k5] { border-collapse: separate; border-spacing: 0; font-size: var(--fs-sm); min-width: 100%; }
.gq-tabla table.gq-cargando[b-jr8hd4w8k5] { opacity: .55; transition: opacity .2s; }
.gq-tabla th[b-jr8hd4w8k5] { position: sticky; top: 0; z-index: 3; padding: 0; background: var(--color-superficie-2); border-bottom: 2px solid var(--color-borde-fuerte); border-right: 1px solid var(--color-borde);
    text-align: left; vertical-align: bottom; font-weight: 700; color: var(--color-texto-2); min-width: 92px; max-width: 260px; }
.gq-tabla th.num[b-jr8hd4w8k5], .gq-tabla td.num[b-jr8hd4w8k5] { text-align: right; font-variant-numeric: tabular-nums; }
.gq-tabla th.arrastrando[b-jr8hd4w8k5] { opacity: .4; }
.gq-tabla th.con-menu[b-jr8hd4w8k5] { z-index: 5; }
.gq-th[b-jr8hd4w8k5] { display: flex; flex-direction: column; justify-content: flex-end; min-height: 44px; padding: 5px 20px 5px 8px; cursor: pointer; user-select: none; }
.gq-th:hover[b-jr8hd4w8k5] { background: var(--color-info-fondo); }
.gq-th-t[b-jr8hd4w8k5] { font-size: var(--fs-xs); line-height: 1.2; white-space: normal; }
.gq-th-s[b-jr8hd4w8k5] { font-size: var(--fs-2xs); font-weight: 500; color: var(--color-texto-suave); line-height: 1.2; }
.gq-th-ord[b-jr8hd4w8k5] { position: absolute; top: 3px; right: 20px; font-size: var(--fs-2xs); color: var(--color-acento-texto); }
.gq-th-menu[b-jr8hd4w8k5] { position: absolute; right: 2px; bottom: 6px; width: 18px; height: 22px; border: 0; border-radius: var(--radio-sm); background: transparent; color: var(--color-texto-suave); cursor: pointer; opacity: 0; }
.gq-tabla th:hover .gq-th-menu[b-jr8hd4w8k5], .gq-tabla th.con-menu .gq-th-menu[b-jr8hd4w8k5] { opacity: 1; }
.gq-th-menu:hover[b-jr8hd4w8k5] { background: var(--color-superficie); color: var(--color-texto); }
.gq-tabla td[b-jr8hd4w8k5] { padding: 4px 8px; border-bottom: 1px solid var(--color-borde); border-right: 1px solid color-mix(in srgb, var(--color-borde) 50%, transparent); white-space: nowrap; }
.gq-celda[b-jr8hd4w8k5] { max-width: 320px; overflow: hidden; text-overflow: ellipsis; }
.gq-tabla tbody tr:hover td[b-jr8hd4w8k5] { background: var(--color-info-fondo); }
.gq-tabla tbody tr.sel td[b-jr8hd4w8k5] { background: var(--color-acento-suave); }
.gq-tabla[b-jr8hd4w8k5] { --w-sel: 34px; }
.gq-th-sel[b-jr8hd4w8k5], .gq-td-sel[b-jr8hd4w8k5], .gq-tf-sel[b-jr8hd4w8k5] { position: sticky; left: 0; z-index: 4; box-sizing: border-box; width: var(--w-sel); min-width: var(--w-sel) !important; max-width: var(--w-sel); padding: 0 !important; text-align: center; background: var(--color-superficie); }
.gq-th-sel input[b-jr8hd4w8k5], .gq-td-sel input[b-jr8hd4w8k5] { margin: 0; vertical-align: middle; }
.gq-th-sel[b-jr8hd4w8k5] { z-index: 6; background: var(--color-superficie-2); }
.gq-tabla tbody tr:hover .gq-td-sel[b-jr8hd4w8k5] { background: var(--color-info-fondo); }
.gq-td-iden[b-jr8hd4w8k5] { position: sticky; left: var(--w-sel); z-index: 2; background: var(--color-superficie); font-family: var(--fuente-mono); font-weight: 600; }
.gq-tabla tbody tr:hover .gq-td-iden[b-jr8hd4w8k5] { background: var(--color-info-fondo); }
.gq-tabla tbody tr.sel .gq-td-iden[b-jr8hd4w8k5], .gq-tabla tbody tr.sel .gq-td-sel[b-jr8hd4w8k5] { background: #e0f2fe; }
.gq-tabla th:nth-child(2)[b-jr8hd4w8k5] { position: sticky; left: var(--w-sel); z-index: 5; }
.gq-td-iden a[b-jr8hd4w8k5] { color: var(--color-acento-texto); text-decoration: none; }
.gq-td-iden a:hover[b-jr8hd4w8k5] { text-decoration: underline; }
.gq-tabla tfoot td[b-jr8hd4w8k5] { position: sticky; bottom: 0; z-index: 3; background: var(--color-superficie-2); border-top: 2px solid var(--color-borde-fuerte); font-weight: 700; color: var(--color-texto-2); font-size: var(--fs-xs); }
.gq-tf-sel[b-jr8hd4w8k5] { z-index: 6 !important; background: var(--color-superficie-2) !important; }
.gq-tf-primera[b-jr8hd4w8k5] { display: flex; align-items: center; gap: 6px; }
.gq-tf-primera select[b-jr8hd4w8k5] { max-width: 92px; min-height: 24px; border: 1px solid var(--color-borde-fuerte); border-radius: var(--radio-sm); font: inherit; font-size: var(--fs-2xs); background: var(--color-superficie); color: var(--color-texto); }
.gq-tabla tfoot td:nth-child(2)[b-jr8hd4w8k5] { position: sticky; left: var(--w-sel); z-index: 5; }

/* ── Poco ancho (móvil, o tablet con el menú abierto): el panel es un cajón y los chips se pliegan ── */
@container gq (max-width: 820px) {
    .gq.con-panel[b-jr8hd4w8k5] { grid-template-columns: minmax(0, 1fr); }
    .gq-panel[b-jr8hd4w8k5] { position: fixed; inset: 0 22% 0 0; z-index: 1060; min-width: 280px; max-width: 360px; box-shadow: var(--sombra-lg); }
    .gq-panel[b-jr8hd4w8k5]  .gcp-cerrar { display: inline-block; }
    .gq-panel-fondo[b-jr8hd4w8k5] { display: block; position: fixed; inset: 0; z-index: 1055; background: rgba(15, 23, 42, .4); }
    .gq-barra[b-jr8hd4w8k5] { padding: 4px var(--esp-2); gap: 4px; }
    .gq-nombre[b-jr8hd4w8k5] { flex-basis: 100%; max-width: none; order: 10; min-height: 28px; font-size: var(--fs-sm); }
    .gq-chips[b-jr8hd4w8k5] { padding: 4px var(--esp-2); }
    .gq-chips-toggle[b-jr8hd4w8k5] { display: inline-flex; align-items: center; gap: 4px; min-height: 26px; padding: 0 8px; border: 1px solid var(--color-borde-fuerte); border-radius: var(--radio-full);
        background: var(--color-superficie); font: inherit; font-size: var(--fs-xs); font-weight: 700; color: var(--color-texto); cursor: pointer; }
    .gq-chips.plegado .gq-chip-ancla[b-jr8hd4w8k5], .gq-chips.plegado .gq-sep[b-jr8hd4w8k5], .gq-chips.plegado .gq-chips-tit[b-jr8hd4w8k5] { display: none; }
    .gq-chips.plegado .gq-esp[b-jr8hd4w8k5] { flex: 1 1 auto; }
    .gq-cuenta small[b-jr8hd4w8k5] { display: none; }
    .gq-tabla td[b-jr8hd4w8k5] { max-width: 200px; }
    .gq-th[b-jr8hd4w8k5] { min-height: 40px; padding: 4px 18px 4px 6px; }
    .gq-tabla th[b-jr8hd4w8k5] { min-width: 78px; }
}
/* /Shared/GeneradorPortada.razor.rz.scp.css */
.gpo[b-echebq7o1v] { display: flex; flex-direction: column; gap: var(--esp-4); height: 100%; min-height: 0; overflow-y: auto; padding: var(--esp-3) var(--esp-4) var(--esp-5); container-type: inline-size; }
.gpo-cab[b-echebq7o1v] { display: flex; flex-wrap: wrap; align-items: center; gap: var(--esp-3); }
.gpo-tit[b-echebq7o1v] { flex: 1 1 320px; min-width: 0; }
.gpo-tit h2[b-echebq7o1v] { margin: 0; font-size: var(--fs-xl); font-weight: 800; color: var(--color-texto); }
.gpo-tit p[b-echebq7o1v] { margin: 2px 0 0; font-size: var(--fs-sm); color: var(--color-texto-2); }
.gpo-busca[b-echebq7o1v] { flex: 0 1 280px; min-height: 36px; padding: 0 var(--esp-3); border: 1px solid var(--color-borde-fuerte); border-radius: var(--radio-sm);
    font: inherit; font-size: var(--fs-sm); background: var(--color-superficie); color: var(--color-texto); }
.gpo-nueva[b-echebq7o1v] { min-height: 38px; padding: 0 var(--esp-4); border: 1px solid var(--color-acento); border-radius: var(--radio-sm); background: var(--color-acento);
    color: #fff; font: inherit; font-size: var(--fs-sm); font-weight: 700; cursor: pointer; }
.gpo-nueva:hover[b-echebq7o1v] { filter: brightness(1.05); }
.gpo-vacio[b-echebq7o1v] { margin: 0; font-size: var(--fs-sm); color: var(--color-texto-suave); }

.gpo-sec h3[b-echebq7o1v] { margin: 0 0 var(--esp-2); font-size: var(--fs-2xs); font-weight: 800; text-transform: uppercase; letter-spacing: .05em; color: var(--color-texto-suave); }
.gpo-sec h3 small[b-echebq7o1v] { margin-left: 4px; font-weight: 600; }
.gpo-lista[b-echebq7o1v] { list-style: none; margin: 0; padding: 0; border: 1px solid var(--color-borde); border-radius: var(--radio-md); background: var(--color-superficie); overflow: hidden; }
.gpo-fila[b-echebq7o1v] { display: grid; grid-template-columns: 32px minmax(0, 1fr) auto auto; align-items: center; gap: var(--esp-2); padding: 6px var(--esp-3) 6px var(--esp-2); }
.gpo-fila + .gpo-fila[b-echebq7o1v] { border-top: 1px solid var(--color-borde); }
.gpo-fila:hover[b-echebq7o1v] { background: var(--color-info-fondo); }
.gpo-fila:has(.gpo-fav) .gpo-abrir[b-echebq7o1v] { grid-column: 2; }
.gpo-fila:not(:has(.gpo-fav)) .gpo-abrir[b-echebq7o1v] { grid-column: 1 / 3; }
.gpo-fav[b-echebq7o1v] { width: 28px; height: 28px; border: 0; border-radius: var(--radio-sm); background: transparent; color: var(--color-borde-fuerte); font-size: var(--fs-lg); cursor: pointer; }
.gpo-fav:hover[b-echebq7o1v] { color: #d97706; }
.gpo-fav.on[b-echebq7o1v] { color: #d97706; }
.gpo-abrir[b-echebq7o1v] { display: flex; flex-direction: column; align-items: flex-start; gap: 1px; min-width: 0; padding: 2px 0; border: 0; background: transparent; font: inherit; text-align: left; cursor: pointer; }
.gpo-nombre[b-echebq7o1v] { font-size: var(--fs-md); font-weight: 700; color: var(--color-texto); }
.gpo-et[b-echebq7o1v] { margin-left: 6px; padding: 1px 8px; border-radius: var(--radio-full); background: var(--color-superficie-2); font-size: var(--fs-2xs); font-style: normal; font-weight: 700; color: var(--color-texto-2); vertical-align: middle; }
.gpo-desc[b-echebq7o1v] { font-size: var(--fs-sm); color: var(--color-texto-2); }
.gpo-cols[b-echebq7o1v] { max-width: 100%; overflow: hidden; text-overflow: ellipsis; white-space: nowrap; font-size: var(--fs-xs); color: var(--color-texto-suave); }
.gpo-meta[b-echebq7o1v] { font-size: var(--fs-xs); color: var(--color-texto-suave); white-space: nowrap; }
.gpo-acc[b-echebq7o1v] { display: inline-flex; gap: 4px; min-width: 60px; justify-content: flex-end; }
.gpo-mini[b-echebq7o1v] { min-height: 26px; padding: 0 8px; border: 1px solid var(--color-borde); border-radius: var(--radio-sm); background: var(--color-superficie);
    font: inherit; font-size: var(--fs-2xs); font-weight: 700; color: var(--color-texto-2); cursor: pointer; opacity: 0; }
.gpo-fila:hover .gpo-mini[b-echebq7o1v], .gpo-mini:focus-visible[b-echebq7o1v], .gpo-mini.peligro[b-echebq7o1v] { opacity: 1; }
.gpo-mini:hover[b-echebq7o1v] { border-color: var(--color-acento); color: var(--color-acento-texto); }
.gpo-mini.peligro[b-echebq7o1v] { border-color: var(--color-peligro); background: var(--color-peligro); color: #fff; }
@media (hover: none) { .gpo-mini[b-echebq7o1v] { opacity: 1; } }

@container (max-width: 640px) {
    .gpo[b-echebq7o1v] { padding: var(--esp-3); }
    .gpo-fila[b-echebq7o1v] { grid-template-columns: 28px minmax(0, 1fr); }
    .gpo-meta[b-echebq7o1v], .gpo-acc[b-echebq7o1v] { grid-column: 2; justify-content: flex-start; }
    .gpo-cols[b-echebq7o1v] { display: none; }
}
/* /Shared/InventarioResumen.razor.rz.scp.css */
/* Inventario → Resumen. Desplaza por sí mismo (el contenedor del Inventario no) */
.ir[b-jf8a6a2eqj] { flex: 1; min-height: 0; overflow-y: auto; display: flex; flex-direction: column; gap: var(--esp-4); padding: var(--esp-4); }
.ad-estado[b-jf8a6a2eqj] { padding: var(--esp-6, 32px); text-align: center; color: var(--color-texto-suave); }
.ir-kpis[b-jf8a6a2eqj] { display: grid; grid-template-columns: repeat(auto-fit, minmax(150px, 1fr)); gap: var(--esp-2); }
.ir-kpis div[b-jf8a6a2eqj] { display: flex; flex-direction: column; gap: 2px; padding: var(--esp-3); border: 1px solid var(--color-borde); border-radius: var(--radio-sm); background: var(--color-superficie); }
.ir-kpis b[b-jf8a6a2eqj] { font-size: var(--fs-xl); font-weight: 800; color: var(--color-texto); font-variant-numeric: tabular-nums; }
.ir-kpis span[b-jf8a6a2eqj] { font-size: var(--fs-xs); color: var(--color-texto-2); }
.ir-bloques[b-jf8a6a2eqj] { display: grid; grid-template-columns: repeat(auto-fit, minmax(320px, 1fr)); gap: var(--esp-3); }
.ir-bloque[b-jf8a6a2eqj] { display: flex; flex-direction: column; gap: var(--esp-2); padding: var(--esp-3); border: 1px solid var(--color-borde); border-radius: var(--radio-md); background: var(--color-superficie); }
.ir-bloque h3[b-jf8a6a2eqj] { margin: 0; font-size: var(--fs-sm); font-weight: 700; color: var(--color-texto); }
.ir-bloque p[b-jf8a6a2eqj] { margin: 0; font-size: var(--fs-xs); color: var(--color-texto-2); }
.ir-barras[b-jf8a6a2eqj] { display: flex; flex-direction: column; gap: 4px; }
.ir-barra[b-jf8a6a2eqj] { display: grid; grid-template-columns: 40px 1fr 48px; align-items: center; gap: var(--esp-2); font-size: var(--fs-sm); }
.ir-etq[b-jf8a6a2eqj] { font-weight: 700; color: var(--color-texto); }
.ir-pista[b-jf8a6a2eqj] { height: 12px; border-radius: 3px; background: var(--color-superficie-2); overflow: hidden; }
.ir-pista i[b-jf8a6a2eqj] { display: block; height: 100%; background: var(--marca-azul-500); }
.ir-num[b-jf8a6a2eqj] { text-align: right; font-variant-numeric: tabular-nums; color: var(--color-texto-2); }
.ir-tramos[b-jf8a6a2eqj] { display: flex; gap: 3px; min-height: 64px; }
.ir-tramo[b-jf8a6a2eqj] {
    display: flex; flex-direction: column; justify-content: center; align-items: center; gap: 2px; min-width: 56px; padding: 6px 4px;
    border-radius: var(--radio-xs); background: var(--perc-f, var(--color-superficie-2)); color: var(--perc-c, var(--color-texto));
}
.ir-tramo b[b-jf8a6a2eqj] { font-size: var(--fs-lg); font-weight: 800; font-variant-numeric: tabular-nums; }
.ir-tramo span[b-jf8a6a2eqj] { font-size: var(--fs-2xs); text-align: center; }
.ir-nota[b-jf8a6a2eqj] { font-size: var(--fs-xs); color: var(--color-texto-suave); }
/* /Shared/MainLayout.razor.rz.scp.css */
/* All layout styles are in wwwroot/css/app.css */
/* /Shared/MejoraFoto.razor.rz.scp.css */
.mf[b-fgbvvw82h2] { display: inline-flex; align-items: center; gap: var(--esp-2); flex-wrap: wrap; }
.mf-elegir[b-fgbvvw82h2] { position: relative; overflow: hidden; padding: 4px 10px; font-weight: 600; border: 1px dashed var(--color-borde-fuerte); border-radius: var(--radio-full); font-size: var(--fs-xs); color: var(--color-texto-2); cursor: pointer; white-space: nowrap; }
.mf-elegir[b-fgbvvw82h2]  input { position: absolute; inset: 0; opacity: 0; cursor: pointer; }
.mf-mini[b-fgbvvw82h2] { position: relative; }
.mf-mini img[b-fgbvvw82h2] { width: 40px; height: 40px; object-fit: cover; border-radius: var(--radio-xs); display: block; }
.mf-mini button[b-fgbvvw82h2] { position: absolute; top: -6px; right: -6px; width: 18px; height: 18px; border: 0; border-radius: 50%; background: var(--color-texto); color: var(--color-superficie); font-size: var(--fs-2xs); cursor: pointer; padding: 0; }
.mf-error[b-fgbvvw82h2] { color: var(--color-peligro); font-size: var(--fs-xs); }
/* /Shared/MejoraFotoRespuesta.razor.rz.scp.css */
.mfr[b-myowua8e5w] { display: block; margin-top: 4px; cursor: zoom-in; }
.mfr img[b-myowua8e5w] { display: block; max-width: 160px; max-height: 120px; object-fit: cover; border-radius: var(--radio-xs); border: 1px solid var(--color-borde); }
.mfr.grande[b-myowua8e5w] { cursor: zoom-out; }
.mfr.grande img[b-myowua8e5w] { max-width: 100%; max-height: none; object-fit: contain; }
/* /Shared/MovimientosGuias.razor.rz.scp.css */
.mg-card[b-r11gc0350k] { display: flex; flex-direction: column; border: 1px solid var(--color-borde); border-radius: var(--radio-md); background: var(--color-superficie); overflow: hidden; }
.mg-card + .mg-card[b-r11gc0350k] { margin-top: var(--esp-3); }
.mg-cab[b-r11gc0350k] { display: flex; flex-wrap: wrap; align-items: baseline; gap: var(--esp-2) var(--esp-3); padding: var(--esp-2) var(--esp-4); }
.mg-cab h2[b-r11gc0350k] { margin: 0; font-size: var(--fs-md); font-weight: 800; color: var(--color-texto); }
.mg-cab h2 b[b-r11gc0350k] { margin-left: 4px; padding: 0 8px; border-radius: var(--radio-full); background: var(--color-superficie-2); font-family: var(--fuente-mono); font-size: var(--fs-xs); }
.mg-cab small[b-r11gc0350k] { color: var(--color-texto-suave); font-size: var(--fs-xs); }
.mg-nada[b-r11gc0350k] { padding: var(--esp-2) var(--esp-4) var(--esp-3); color: var(--color-texto-suave); font-size: var(--fs-sm); }
.mg-vacio[b-r11gc0350k] { display: flex; flex-wrap: wrap; align-items: center; gap: var(--esp-3); margin-bottom: var(--esp-3); padding: var(--esp-3) var(--esp-4);
    border-radius: var(--radio-md); background: var(--color-aviso-fondo); color: var(--color-texto-2); font-size: var(--fs-sm); }
.mg-nota[b-r11gc0350k] { margin: 0; padding: var(--esp-2) var(--esp-4) var(--esp-3); color: var(--color-texto-2); font-size: var(--fs-xs); }
.mg-desc[b-r11gc0350k], .mg-guia[b-r11gc0350k] { display: flex; flex-direction: column; gap: var(--esp-2); padding: var(--esp-2) var(--esp-4) var(--esp-3); border-top: 1px solid var(--color-borde); }
.mg-desc > div > small[b-r11gc0350k] { margin-left: var(--esp-2); color: var(--color-texto-suave); font-size: var(--fs-xs); }
.mg-desc > a[b-r11gc0350k] { align-self: flex-start; }
.mg-guia-cab[b-r11gc0350k] { display: flex; flex-wrap: wrap; align-items: baseline; gap: var(--esp-2) var(--esp-3); }
.mg-guia-cab small[b-r11gc0350k] { color: var(--color-texto-suave); }
.mg-animales[b-r11gc0350k] { display: flex; flex-wrap: wrap; gap: 6px; }
.mg-a[b-r11gc0350k] { padding: 2px 10px; border: 1px solid var(--color-borde); border-radius: var(--radio-full); background: var(--color-superficie-2); font-size: var(--fs-xs); }
.mg-a small[b-r11gc0350k] { color: var(--color-texto-suave); }
.mg-a.sin[b-r11gc0350k] { background: var(--color-aviso-fondo); border-color: transparent; }
.mg-a.espera[b-r11gc0350k] { background: var(--color-info-fondo); border-color: transparent; }
.mg-a.ok[b-r11gc0350k] { background: var(--color-exito-fondo); border-color: transparent; }
.mg-a.mal[b-r11gc0350k] { background: var(--color-peligro-fondo); border-color: transparent; }
.mg-acc[b-r11gc0350k] { display: flex; flex-wrap: wrap; align-items: center; gap: var(--esp-2); font-size: var(--fs-sm); }
.mg-acc label[b-r11gc0350k] { display: inline-flex; align-items: center; gap: 6px; font-weight: 700; color: var(--color-texto-2); }
.mg-acc select[b-r11gc0350k] { min-height: 30px; padding: 0 6px; border: 1px solid var(--color-borde-fuerte); border-radius: var(--radio-sm); font: inherit; }
.mg-sim[b-r11gc0350k] { color: var(--color-texto-2); }
.mg-ok[b-r11gc0350k] { margin: 0; color: var(--color-exito); font-weight: 700; }
.mg-err[b-r11gc0350k] { color: var(--color-peligro); }
.mg-btn[b-r11gc0350k] { display: inline-flex; align-items: center; min-height: 30px; padding: 0 12px; border: 1px solid var(--color-borde-fuerte); border-radius: var(--radio-sm);
    background: var(--color-superficie); font: inherit; font-size: var(--fs-sm); font-weight: 700; color: var(--color-texto); text-decoration: none; cursor: pointer; }
.mg-btn.prim[b-r11gc0350k] { border-color: var(--color-acento); background: var(--color-acento); color: #fff; }
.mg-btn:disabled[b-r11gc0350k] { opacity: .5; cursor: default; }
.mg-t[b-r11gc0350k] { width: 100%; border-collapse: collapse; font-size: var(--fs-sm); }
.mg-t th[b-r11gc0350k] { padding: 4px var(--esp-3); text-align: left; font-size: var(--fs-2xs); font-weight: 700; text-transform: uppercase; letter-spacing: .04em; color: var(--color-texto-suave); background: var(--color-superficie-2); }
.mg-t td[b-r11gc0350k] { padding: 4px var(--esp-3); border-top: 1px solid var(--color-borde); }
.mg-t td small[b-r11gc0350k] { color: var(--color-texto-suave); }
.mg-t .der[b-r11gc0350k] { text-align: right; }
.mg-et[b-r11gc0350k] { display: inline-block; margin-left: 4px; padding: 1px 8px; border-radius: var(--radio-full); font-size: var(--fs-2xs); font-weight: 700; white-space: nowrap; }
.mg-et.mal[b-r11gc0350k] { background: var(--color-peligro-fondo); color: var(--color-peligro); }
.mg-et.aviso[b-r11gc0350k] { background: var(--color-aviso-fondo); color: color-mix(in srgb, var(--color-aviso) 70%, #000); }
.mg-et.info[b-r11gc0350k] { background: var(--color-info-fondo); color: var(--color-info); }
.mg-et.bien[b-r11gc0350k] { background: var(--color-exito-fondo); color: var(--color-exito); }
.mg-todas[b-r11gc0350k] { margin-top: var(--esp-3); }
.mg-todas > summary[b-r11gc0350k] { padding: var(--esp-2) var(--esp-4); cursor: pointer; font-size: var(--fs-sm); }
.mg-todas > summary small[b-r11gc0350k] { margin-left: var(--esp-2); color: var(--color-texto-suave); }
.mono[b-r11gc0350k] { font-family: var(--fuente-mono); }
@media (max-width: 760px) { .mg-t[b-r11gc0350k] { font-size: var(--fs-xs); } .mg-t th[b-r11gc0350k], .mg-t td[b-r11gc0350k] { padding: 3px 6px; } }
.mg-nuevo[b-r11gc0350k] { display: flex; flex-wrap: wrap; align-items: center; gap: var(--esp-2) var(--esp-3); margin-bottom: var(--esp-3); }
.mg-nuevo small[b-r11gc0350k] { color: var(--color-texto-suave); font-size: var(--fs-xs); }
/* /Shared/NavMenu.razor.rz.scp.css */
/* All scoped NavMenu styles are in wwwroot/css/app.css */
.mob-oculto[b-19j6jstmjn] { display: none !important; }
/* /Shared/NotasAnimal.razor.rz.scp.css */
/* Notas de la ganadería en la ficha del animal (Mejora #50) */
.na[b-47dfsuffb5] { padding: var(--esp-3) var(--esp-4); border-top: 1px solid var(--color-borde); }
.na-cab[b-47dfsuffb5] { display: flex; align-items: center; gap: var(--esp-3); }
.na-t[b-47dfsuffb5] { font-size: var(--fs-2xs); font-weight: 800; text-transform: uppercase; letter-spacing: .04em; color: var(--color-texto-suave); }
.na-t b[b-47dfsuffb5] { margin-left: var(--esp-1); color: var(--color-texto); }
.na-nueva[b-47dfsuffb5] { margin-left: auto; border: 1px solid var(--color-borde); background: var(--color-superficie); color: var(--color-texto-2);
    border-radius: var(--radio-sm); padding: 2px var(--esp-2); font: inherit; font-size: var(--fs-xs); cursor: pointer; }
.na-nueva:hover[b-47dfsuffb5] { border-color: var(--color-acento); color: var(--color-acento); }
.na-form[b-47dfsuffb5] { margin-top: var(--esp-2); display: flex; flex-direction: column; gap: var(--esp-2); }
.na-form textarea[b-47dfsuffb5] { width: 100%; box-sizing: border-box; font: inherit; font-size: var(--fs-sm); padding: var(--esp-2);
    border: 1px solid var(--color-borde); border-radius: var(--radio-sm); resize: vertical; }
.na-form-pie[b-47dfsuffb5] { display: flex; align-items: center; gap: var(--esp-2); flex-wrap: wrap; font-size: var(--fs-xs); color: var(--color-texto-2); }
.na-form-pie input[b-47dfsuffb5] { font: inherit; margin-left: var(--esp-1); }
.na-esp[b-47dfsuffb5] { flex: 1; }
.na-cancelar[b-47dfsuffb5], .na-guardar[b-47dfsuffb5] { font: inherit; font-size: var(--fs-xs); padding: 3px var(--esp-3); border-radius: var(--radio-sm); cursor: pointer;
    border: 1px solid var(--color-borde); background: var(--color-superficie); color: var(--color-texto-2); }
.na-guardar[b-47dfsuffb5] { background: var(--color-acento); border-color: var(--color-acento); color: var(--color-superficie); }
.na-guardar:disabled[b-47dfsuffb5] { opacity: .5; cursor: default; }
.na-error[b-47dfsuffb5] { margin: var(--esp-2) 0 0; font-size: var(--fs-xs); color: var(--calidad-malo); }
.na-vacio[b-47dfsuffb5] { margin: var(--esp-1) 0 0; font-size: var(--fs-xs); color: var(--color-texto-suave); }
.na-lista[b-47dfsuffb5] { list-style: none; margin: var(--esp-2) 0 0; padding: 0; display: flex; flex-direction: column; gap: var(--esp-1); }
.na-lista li[b-47dfsuffb5] { display: flex; align-items: baseline; gap: var(--esp-2); font-size: var(--fs-sm); padding: 2px 0; }
.na-fecha[b-47dfsuffb5] { flex: none; font-size: var(--fs-xs); color: var(--color-texto-2); font-variant-numeric: tabular-nums; }
.na-texto[b-47dfsuffb5] { flex: 1; white-space: pre-wrap; overflow-wrap: anywhere; color: var(--color-texto); }
.na-quien[b-47dfsuffb5] { flex: none; font-size: var(--fs-2xs); color: var(--color-texto-suave); }
.na-quitar[b-47dfsuffb5] { flex: none; border: 0; background: none; color: var(--color-texto-suave); cursor: pointer; font-size: var(--fs-xs); padding: 0 var(--esp-1); }
.na-quitar:hover[b-47dfsuffb5] { color: var(--calidad-malo); }
/* /Shared/NuevaGuia.razor.rz.scp.css */
/* Solicitar guía de salida, compacta (13/11/2026): una fila por paso con su etiqueta, resumen y acciones abajo */
.ng[b-935orus4bv] { display: flex; flex-direction: column; margin-bottom: var(--esp-3); border: 1px solid var(--color-borde); border-radius: var(--radio-md);
    background: var(--color-superficie); box-shadow: var(--sombra-sm); overflow: hidden; }
.ng-cab[b-935orus4bv] { display: flex; flex-wrap: wrap; align-items: baseline; gap: 2px var(--esp-3); padding: var(--esp-2) var(--esp-3); border-bottom: 1px solid var(--color-borde); background: var(--color-acento-suave); }
.ng-cab h2[b-935orus4bv] { margin: 0; font-size: var(--fs-md); font-weight: 800; color: var(--color-texto); }
.ng-cab small[b-935orus4bv] { flex: 1; font-size: var(--fs-xs); color: var(--color-texto-2); }
.ng-cerrar[b-935orus4bv] { border: 0; background: none; font-size: var(--fs-md); color: var(--color-texto-suave); cursor: pointer; line-height: 1; padding: 2px 6px; border-radius: var(--radio-sm); }
.ng-cerrar:hover[b-935orus4bv] { background: var(--color-superficie-2); color: var(--color-texto); }
.ng-cargando[b-935orus4bv] { padding: var(--esp-3); color: var(--color-texto-suave); font-size: var(--fs-sm); }
.ng-form[b-935orus4bv] { display: grid; grid-template-columns: 112px minmax(0, 1fr); }
.ng-l[b-935orus4bv] { padding: 10px var(--esp-2) 8px var(--esp-3); font-size: var(--fs-xs); font-weight: 700; color: var(--color-texto-2); border-bottom: 1px solid var(--color-superficie-2); background: var(--color-fondo); }
.ng-v[b-935orus4bv] { display: flex; flex-wrap: wrap; align-items: center; gap: 6px var(--esp-3); padding: 6px var(--esp-3); border-bottom: 1px solid var(--color-superficie-2); min-width: 0; }
.ng input[b-935orus4bv], .ng select[b-935orus4bv], .ng textarea[b-935orus4bv] { min-height: 30px; padding: 3px 8px; border: 1px solid var(--color-borde-fuerte); border-radius: var(--radio-sm);
    background: var(--color-superficie); color: var(--color-texto); font-family: var(--fuente-ui); font-size: var(--fs-sm); }
.ng input:focus[b-935orus4bv], .ng select:focus[b-935orus4bv], .ng textarea:focus[b-935orus4bv] { outline: 2px solid var(--color-acento); outline-offset: -1px; border-color: var(--color-acento); }
.ng .mono[b-935orus4bv] { font-family: var(--fuente-mono); }
.ng-dest-sel[b-935orus4bv] { max-width: 460px; flex: 1 1 280px; }
.ng-rega[b-935orus4bv] { width: 170px; }
.ng-info[b-935orus4bv] { display: inline-flex; flex-wrap: wrap; align-items: center; gap: 6px; padding: 3px 8px; border-radius: var(--radio-sm); font-size: var(--fs-xs); }
.ng-info.bien[b-935orus4bv] { background: var(--color-exito-fondo); color: var(--color-texto); }
.ng-info.mal[b-935orus4bv] { background: var(--color-peligro-fondo); color: var(--color-peligro); }
.ng-chip[b-935orus4bv] { padding: 0 6px; border-radius: var(--radio-full); background: var(--color-superficie); border: 1px solid var(--color-borde); font-size: var(--fs-2xs); }
.ng-par[b-935orus4bv] { display: inline-flex; align-items: center; gap: 4px; font-size: var(--fs-xs); color: var(--color-texto-2); }
.ng-seg[b-935orus4bv] { display: inline-flex; border: 1px solid var(--color-borde-fuerte); border-radius: var(--radio-sm); overflow: hidden; }
.ng-seg button[b-935orus4bv] { border: 0; border-right: 1px solid var(--color-borde); background: var(--color-superficie); padding: 0 10px; min-height: 28px;
    font: inherit; font-size: var(--fs-xs); color: var(--color-texto-2); cursor: pointer; }
.ng-seg button:last-child[b-935orus4bv] { border-right: 0; }
.ng-seg button.act[b-935orus4bv] { background: var(--color-acento-suave); color: var(--color-acento-texto); font-weight: 700; }
.ng-nota[b-935orus4bv] { font-size: var(--fs-xs); color: var(--color-texto-suave); }
.ng-total[b-935orus4bv] { display: inline-block; margin-left: 4px; padding: 0 7px; border-radius: var(--radio-full); background: var(--color-acento-suave); color: var(--color-acento-texto); font-variant-numeric: tabular-nums; }
.ng-anim[b-935orus4bv] { align-items: flex-start; }
.ng-ident[b-935orus4bv] { display: flex; flex-direction: column; gap: 3px; flex: 0 1 300px; min-width: 220px; }
.ng-ident textarea[b-935orus4bv] { width: 100%; resize: vertical; font-family: var(--fuente-mono); font-size: var(--fs-xs); }
.ng-ident small[b-935orus4bv] { font-size: var(--fs-2xs); color: var(--color-texto-suave); }
.ng-link[b-935orus4bv] { border: 0; background: none; padding: 0; font: inherit; color: var(--color-acento-texto); text-decoration: underline; cursor: pointer; }
.ng-sinid[b-935orus4bv] { display: flex; flex-direction: column; gap: 4px; flex: 1 1 360px; min-width: 0; }
.ng-sub[b-935orus4bv] { font-size: var(--fs-2xs); font-weight: 700; text-transform: uppercase; letter-spacing: .03em; color: var(--color-texto-suave); }
.ng-sub b[b-935orus4bv] { color: var(--color-texto); }
.ng-cats[b-935orus4bv] { display: grid; grid-template-columns: repeat(auto-fill, minmax(190px, 1fr)); gap: 3px var(--esp-3); }
.ng-cat[b-935orus4bv] { display: grid; grid-template-columns: minmax(0, 1fr) 58px; align-items: center; gap: 6px; font-size: var(--fs-xs); color: var(--color-texto-2); }
.ng-cat span[b-935orus4bv] { overflow: hidden; text-overflow: ellipsis; white-space: nowrap; }
.ng-cat input[b-935orus4bv] { width: 58px; min-height: 26px; padding: 1px 6px; text-align: right; font-variant-numeric: tabular-nums; }
.ng-raza[b-935orus4bv], .ng-inline[b-935orus4bv] { display: inline-flex; align-items: center; gap: 6px; font-size: var(--fs-xs); color: var(--color-texto-2); }
.ng-corto[b-935orus4bv] { width: 140px; }
.ng-obs[b-935orus4bv] { width: 100%; }
.ng-ok[b-935orus4bv] { color: var(--color-texto-2); }
.ng-mal[b-935orus4bv] { color: var(--color-peligro); font-size: var(--fs-xs); }
.ng-aviso[b-935orus4bv] { color: var(--color-texto-2); }
.ng-pie[b-935orus4bv] { position: sticky; bottom: 0; z-index: 2; display: flex; flex-wrap: wrap; align-items: center; justify-content: space-between; gap: 6px var(--esp-3);
    padding: 6px var(--esp-3); background: var(--color-superficie); box-shadow: 0 -2px 8px rgba(0,0,0,.05); }
.ng-resumen[b-935orus4bv] { display: flex; flex-wrap: wrap; align-items: baseline; gap: 2px 12px; font-size: var(--fs-sm); color: var(--color-texto-2); }
.ng-resumen b[b-935orus4bv] { color: var(--color-texto); }
.ng-falta[b-935orus4bv] { color: var(--color-peligro); font-weight: 600; }
.ng-acciones[b-935orus4bv] { display: flex; flex-wrap: wrap; align-items: center; gap: var(--esp-2); }
.ng-btn[b-935orus4bv] { display: inline-flex; align-items: center; min-height: 30px; padding: 0 12px; border: 1px solid var(--color-borde-fuerte); border-radius: var(--radio-sm);
    background: var(--color-superficie); font: inherit; font-size: var(--fs-sm); font-weight: 700; color: var(--color-texto); cursor: pointer; }
.ng-btn.prim[b-935orus4bv] { border-color: var(--color-acento); background: var(--color-acento); color: var(--color-superficie); }
.ng-btn:disabled[b-935orus4bv] { opacity: .5; cursor: default; }
.ng-botones[b-935orus4bv] { display: flex; gap: 4px; justify-content: flex-end; }
.ng-botones .ng-btn[b-935orus4bv] { min-height: 26px; padding: 0 8px; font-size: var(--fs-xs); }
.ng-resultado[b-935orus4bv] { margin: var(--esp-2) var(--esp-3) 0; padding: var(--esp-2) var(--esp-3); border-radius: var(--radio-sm); border: 1px solid var(--color-borde); font-size: var(--fs-sm); }
.ng-resultado.bien[b-935orus4bv] { background: var(--color-acento-suave); }
.ng-resultado.mal[b-935orus4bv] { background: var(--color-aviso-fondo); }
.ng-resultado p[b-935orus4bv] { margin: 4px 0; }
.ng-fila-mal td[b-935orus4bv] { color: var(--color-peligro); }
.ng-t[b-935orus4bv] { width: 100%; border-collapse: collapse; font-size: var(--fs-sm); margin: 4px 0; }
.ng-t th[b-935orus4bv] { padding: 4px var(--esp-2); text-align: left; font-size: var(--fs-2xs); font-weight: 700; text-transform: uppercase; color: var(--color-texto-suave); background: var(--color-superficie-2); }
.ng-t td[b-935orus4bv] { padding: 4px var(--esp-2); border-top: 1px solid var(--color-borde); }
.ng-confirmar[b-935orus4bv] { margin: var(--esp-2) var(--esp-3) 0; padding: var(--esp-3); border: 2px solid var(--color-acento); border-radius: var(--radio-sm); background: var(--color-superficie); font-size: var(--fs-sm); }
.ng-confirmar p[b-935orus4bv] { margin: 4px 0; }
.ng-confirmar .ng-acciones[b-935orus4bv] { margin-top: var(--esp-2); }
.ng-pedidas[b-935orus4bv] { margin: var(--esp-3); }
.ng-pedidas h3[b-935orus4bv] { margin: 0 0 var(--esp-2); font-size: var(--fs-sm); color: var(--color-texto-2); }
@media (max-width: 700px) { .ng-form[b-935orus4bv] { grid-template-columns: 1fr; } .ng-l[b-935orus4bv] { padding-bottom: 2px; border-bottom: 0; background: none; } }
/* /Shared/PanelLotes.razor.rz.scp.css */
/* Panel de lotes: a la derecha, encima de todo; cerrado no ocupa nada */
.pl-fondo[b-8lyezt683u] { position: fixed; inset: 0; z-index: 1100; background: color-mix(in srgb, var(--color-texto) 18%, transparent); }
.pl[b-8lyezt683u] { position: fixed; top: 0; right: 0; bottom: 0; z-index: 1101; display: flex; flex-direction: column; width: min(360px, 100vw);
    background: var(--color-superficie); box-shadow: var(--sombra-lg); animation: pl-entra-b-8lyezt683u .15s ease-out; }
@keyframes pl-entra-b-8lyezt683u { from { transform: translateX(24px); opacity: 0; } to { transform: none; opacity: 1; } }
.pl-cab[b-8lyezt683u] { display: flex; align-items: center; justify-content: space-between; padding: var(--esp-3) var(--esp-3) var(--esp-2); }
.pl-cab h2[b-8lyezt683u] { margin: 0; font-size: var(--fs-lg); font-weight: 800; color: var(--color-texto); }
.pl-cab h2 span[b-8lyezt683u] { margin-left: var(--esp-1); font-size: var(--fs-sm); font-weight: 700; color: var(--color-texto-suave); }
.pl-x[b-8lyezt683u] { width: 32px; height: 32px; border: 0; border-radius: var(--radio-full); background: none; color: var(--color-texto-suave); font-size: var(--fs-md); cursor: pointer; }
.pl-x:hover[b-8lyezt683u] { background: var(--color-superficie-2); color: var(--color-texto); }

.pl-nuevo[b-8lyezt683u] { display: flex; gap: var(--esp-1); padding: 0 var(--esp-3) var(--esp-2); }
.pl-nuevo input[b-8lyezt683u], .pl-nuevo select[b-8lyezt683u] { min-width: 0; min-height: 36px; padding: 0 var(--esp-2); border: 1px solid var(--color-borde-fuerte); border-radius: var(--radio-sm);
    background: var(--color-superficie); color: var(--color-texto); font-family: var(--fuente-ui); font-size: var(--fs-sm); }
.pl-nuevo input[b-8lyezt683u] { flex: 1; }
.pl-nuevo select[b-8lyezt683u] { max-width: 120px; }
.pl-btn[b-8lyezt683u] { min-height: 36px; padding: 0 var(--esp-3); border: 1px solid var(--color-borde-fuerte); border-radius: var(--radio-sm); background: var(--color-superficie);
    color: var(--color-texto); font-family: var(--fuente-ui); font-size: var(--fs-sm); font-weight: 700; cursor: pointer; }
.pl-btn.prim[b-8lyezt683u] { border-color: var(--color-acento); background: var(--color-acento); color: var(--color-superficie); }
.pl-btn:disabled[b-8lyezt683u] { opacity: .5; cursor: default; }

.pl-error[b-8lyezt683u], .pl-ok[b-8lyezt683u] { margin: 0 var(--esp-3) var(--esp-2); padding: var(--esp-2); border-radius: var(--radio-sm); font-size: var(--fs-xs); }
.pl-error[b-8lyezt683u] { background: var(--color-peligro-fondo); color: var(--color-peligro); }
.pl-ok[b-8lyezt683u] { background: var(--calidad-bueno-fondo); color: var(--color-texto); }
.pl-nota[b-8lyezt683u] { margin: 0; padding: var(--esp-3); font-size: var(--fs-sm); color: var(--color-texto-suave); }

.pl-cuerpo[b-8lyezt683u] { flex: 1; overflow-y: auto; padding: 0 var(--esp-2) var(--esp-2); border-top: 1px solid var(--color-borde); }
.pl-grupo[b-8lyezt683u] { display: flex; justify-content: space-between; margin: var(--esp-3) var(--esp-1) var(--esp-1); font-size: var(--fs-2xs); font-weight: 700;
    text-transform: uppercase; color: var(--color-texto-suave); }
.pl-grupo small[b-8lyezt683u] { font-size: var(--fs-2xs); }
.pl-lote[b-8lyezt683u] { margin-top: 2px; border-radius: var(--radio-sm); }
.pl-lote.abierto[b-8lyezt683u] { background: var(--color-superficie-2); }
.pl-fila[b-8lyezt683u] { display: grid; grid-template-columns: 12px minmax(0, 1fr) auto; align-items: center; gap: var(--esp-2); width: 100%; min-height: 40px;
    padding: 0 var(--esp-2); border: 0; border-radius: var(--radio-sm); background: none; text-align: left; font-family: var(--fuente-ui); cursor: pointer; }
.pl-fila:hover[b-8lyezt683u] { background: var(--color-superficie-2); }
.pl-fila i[b-8lyezt683u] { width: 12px; height: 12px; border-radius: var(--radio-full); }
.pl-fila span[b-8lyezt683u] { overflow: hidden; text-overflow: ellipsis; white-space: nowrap; font-size: var(--fs-md); font-weight: 600; color: var(--color-texto); }
.pl-fila b[b-8lyezt683u] { font-size: var(--fs-sm); font-weight: 700; color: var(--color-texto-2); }
.pl-acciones[b-8lyezt683u] { display: grid; grid-template-columns: repeat(4, 1fr); gap: var(--esp-1); padding: 0 var(--esp-2) var(--esp-2); }
.pl-acciones button[b-8lyezt683u] { min-height: 34px; padding: 0 4px; border: 1px solid var(--color-borde); border-radius: var(--radio-sm); background: var(--color-superficie);
    color: var(--color-texto); font-family: var(--fuente-ui); font-size: var(--fs-xs); font-weight: 600; cursor: pointer; white-space: nowrap; }
.pl-acciones button:hover:not(:disabled)[b-8lyezt683u] { border-color: var(--color-acento); }
.pl-acciones button:disabled[b-8lyezt683u] { opacity: .45; cursor: default; }

.pl-pie[b-8lyezt683u] { padding: var(--esp-2) var(--esp-3); border-top: 1px solid var(--color-borde); font-size: var(--fs-sm); }
.pl-pie a[b-8lyezt683u] { color: var(--color-acento-texto); font-weight: 600; text-decoration: none; }
.pl-pie a:hover[b-8lyezt683u] { text-decoration: underline; }
/* /Shared/ParideraLector.razor.rz.scp.css */
/* Declarar la paridera: ventana sobre la descarga. Cabecera marino y oro de OviNET, cifras en tarjetas (estilo del
   Grupo Operativo), partos a corregir con sus corderos editables y pie fijo con el paso siguiente. */
.pd-fondo[b-nn1b26eg7z] { position: fixed; inset: 0; z-index: 1200; display: grid; place-items: center; padding: var(--esp-4);
    background: color-mix(in srgb, var(--marca-marino-900) 55%, transparent); }
.pd[b-nn1b26eg7z] { display: flex; flex-direction: column; width: min(1120px, 100%); max-height: calc(100vh - 2 * var(--esp-4)); overflow: hidden;
    border-radius: var(--radio-lg); background: var(--color-fondo); box-shadow: var(--sombra-lg); }
.mono[b-nn1b26eg7z] { font-family: var(--fuente-mono); }

/* Cabecera */
.pd-cab[b-nn1b26eg7z] { display: flex; flex-wrap: wrap; align-items: center; gap: var(--esp-3) var(--esp-4); padding: var(--esp-3) var(--esp-5);
    background: var(--marca-marino-900); color: #fff; border-bottom: 3px solid var(--marca-oro-500); }
.pd-cab-tit[b-nn1b26eg7z] { display: flex; align-items: center; gap: var(--esp-3); flex: 1; min-width: 0; }
.pd-cab-ico[b-nn1b26eg7z] { display: grid; place-items: center; width: 40px; height: 40px; border-radius: 50%; background: color-mix(in srgb, var(--marca-oro-500) 25%, transparent); font-size: var(--fs-lg); }
.pd-cab h2[b-nn1b26eg7z] { margin: 0; font-size: var(--fs-lg); font-weight: 800; color: #fff; }
.pd-cab p[b-nn1b26eg7z] { margin: 2px 0 0; font-size: var(--fs-xs); color: color-mix(in srgb, #fff 75%, transparent); }
.pd-ganaderias[b-nn1b26eg7z] { display: flex; gap: 4px; padding: 3px; border-radius: var(--radio-full); background: color-mix(in srgb, #fff 12%, transparent); }
.pd-ganaderias button[b-nn1b26eg7z] { display: inline-flex; align-items: center; gap: 6px; padding: 4px 14px; border: 0; border-radius: var(--radio-full);
    background: none; color: #fff; font: inherit; font-size: var(--fs-sm); font-weight: 700; cursor: pointer; }
.pd-ganaderias button b[b-nn1b26eg7z] { font-family: var(--fuente-mono); font-weight: 600; opacity: .8; }
.pd-ganaderias button.activa[b-nn1b26eg7z] { background: var(--marca-oro-500); color: var(--marca-marino-900); }
.pd-hecha[b-nn1b26eg7z] { color: var(--color-exito); background: #fff; border-radius: 50%; width: 16px; height: 16px; display: grid; place-items: center; font-size: var(--fs-2xs); }
.pd-cerrar[b-nn1b26eg7z] { border: 0; background: none; color: #fff; font-size: var(--fs-lg); cursor: pointer; opacity: .8; }
.pd-cerrar:hover[b-nn1b26eg7z] { opacity: 1; }

/* Pasos */
.pd-pasos[b-nn1b26eg7z] { display: flex; margin: 0; padding: var(--esp-2) var(--esp-5); list-style: none; counter-reset: paso; background: var(--color-superficie); border-bottom: 1px solid var(--color-borde); }
.pd-pasos li[b-nn1b26eg7z] { flex: 1; display: flex; align-items: center; gap: var(--esp-2); color: var(--color-texto-suave); font-size: var(--fs-sm); font-weight: 600; counter-increment: paso; }
.pd-pasos li[b-nn1b26eg7z]::before { content: counter(paso); display: grid; place-items: center; flex: none; width: 24px; height: 24px; border-radius: 50%;
    border: 2px solid var(--color-borde-fuerte); font-size: var(--fs-xs); }
.pd-pasos li:not(:last-child)[b-nn1b26eg7z]::after { content: ""; flex: 1; height: 2px; margin: 0 var(--esp-2); background: var(--color-borde); }
.pd-pasos li.actual[b-nn1b26eg7z] { color: var(--color-acento-texto); }
.pd-pasos li.actual[b-nn1b26eg7z]::before { border-color: var(--color-acento); background: var(--color-acento); color: #fff; }
.pd-pasos li.hecho[b-nn1b26eg7z] { color: var(--color-exito); }
.pd-pasos li.hecho[b-nn1b26eg7z]::before { content: "✓"; border-color: var(--color-exito); background: var(--color-exito-fondo); }

.pd-cuerpo[b-nn1b26eg7z] { flex: 1; overflow-y: auto; display: flex; flex-direction: column; gap: var(--esp-4); padding: var(--esp-4) var(--esp-5); }
.pd-cargando[b-nn1b26eg7z] { padding: var(--esp-8); text-align: center; color: var(--color-texto-2); }
.pd-nota[b-nn1b26eg7z] { margin: 0; padding: var(--esp-2) var(--esp-3); border-radius: var(--radio-sm); background: var(--color-info-fondo); color: var(--color-texto); font-size: var(--fs-sm); }
.pd-error[b-nn1b26eg7z] { padding: var(--esp-2) var(--esp-3); border-radius: var(--radio-sm); background: var(--color-peligro-fondo); color: var(--color-peligro); font-size: var(--fs-sm); font-weight: 600; }
.pd-sub[b-nn1b26eg7z] { color: var(--color-texto-suave); font-size: var(--fs-xs); }
p.pd-sub[b-nn1b26eg7z] { margin: 0; }
.pd-bien[b-nn1b26eg7z] { padding: var(--esp-3) var(--esp-4); border-radius: var(--radio-md); background: var(--color-exito-fondo); color: var(--color-exito); font-weight: 700; }

/* Cifras */
.pd-kpis[b-nn1b26eg7z] { display: grid; grid-template-columns: repeat(auto-fit, minmax(140px, 1fr)); gap: var(--esp-3); }
.pd-kpi[b-nn1b26eg7z] { display: flex; flex-direction: column; gap: 2px; padding: var(--esp-3); border: 1px solid var(--color-borde); border-top: 3px solid var(--marca-marino-700);
    border-radius: var(--radio-md); background: var(--color-superficie); min-width: 0; }
.pd-kpi span[b-nn1b26eg7z] { font-size: var(--fs-2xs); font-weight: 700; text-transform: uppercase; letter-spacing: .04em; color: var(--color-texto-suave); }
.pd-kpi b[b-nn1b26eg7z] { font-family: var(--fuente-mono); font-size: var(--fs-2xl); font-weight: 600; line-height: 1.1; color: var(--color-texto); }
.pd-kpi small[b-nn1b26eg7z] { font-size: var(--fs-xs); color: var(--color-texto-2); overflow: hidden; text-overflow: ellipsis; white-space: nowrap; }
.pd-kpi-h[b-nn1b26eg7z] { border-top-color: #d4a843; }
.pd-kpi-m[b-nn1b26eg7z] { border-top-color: var(--marca-azul-500); }

/* Secciones */
.pd-sec[b-nn1b26eg7z] { display: flex; flex-direction: column; gap: var(--esp-2); padding: var(--esp-3) var(--esp-4); border: 1px solid var(--color-borde); border-radius: var(--radio-md); background: var(--color-superficie); }
.pd-sec h3[b-nn1b26eg7z] { display: inline-flex; align-items: center; gap: var(--esp-2); margin: 0; font-size: var(--fs-md); font-weight: 800; color: var(--color-texto); }
.pd-sec > summary[b-nn1b26eg7z] { display: flex; align-items: center; gap: var(--esp-2); cursor: pointer; list-style: none; }
.pd-sec > summary[b-nn1b26eg7z]::-webkit-details-marker { display: none; }
.pd-sec > summary[b-nn1b26eg7z]::before { content: "▸"; color: var(--color-texto-suave); }
.pd-sec[open] > summary[b-nn1b26eg7z]::before { content: "▾"; }
.pd-sec > summary small[b-nn1b26eg7z] { color: var(--color-texto-suave); font-size: var(--fs-xs); }
.pd-sec-cab[b-nn1b26eg7z] { display: flex; flex-wrap: wrap; align-items: center; justify-content: space-between; gap: var(--esp-2); }
.pd-sec-acc[b-nn1b26eg7z] { display: flex; flex-wrap: wrap; gap: var(--esp-2); }
.pd-num[b-nn1b26eg7z] { min-width: 24px; padding: 0 8px; border-radius: var(--radio-full); background: var(--color-superficie-2); color: var(--color-texto-2);
    font-family: var(--fuente-mono); font-size: var(--fs-xs); font-weight: 600; text-align: center; }
.pd-num.mal[b-nn1b26eg7z] { background: var(--color-peligro-fondo); color: var(--color-peligro); }
.pd-num.aviso[b-nn1b26eg7z] { background: var(--color-aviso-fondo); color: var(--color-aviso); }

/* Un parto a corregir: una línea baja (puede haber muchos) */
.pd-lista[b-nn1b26eg7z] { display: flex; flex-direction: column; border: 1px solid var(--color-borde); border-radius: var(--radio-sm); overflow: hidden; }
.pd-parto[b-nn1b26eg7z] { display: grid; grid-template-columns: 96px 44px auto minmax(0, 1fr) auto; align-items: center; gap: var(--esp-2);
    min-height: 32px; padding: 2px var(--esp-2); border-top: 1px solid var(--color-borde); border-left: 3px solid var(--color-peligro);
    background: var(--color-superficie); font-size: var(--fs-xs); }
.pd-parto:first-child[b-nn1b26eg7z] { border-top: 0; }
.pd-parto:hover[b-nn1b26eg7z] { background: var(--color-fondo); }
.pd-parto.aviso[b-nn1b26eg7z] { border-left-color: var(--color-aviso); }
.pd-parto.excluida[b-nn1b26eg7z] { opacity: .5; border-left-color: var(--color-borde-fuerte); }
.pd-parto-madre[b-nn1b26eg7z] { font-family: var(--fuente-mono); font-weight: 700; font-size: var(--fs-sm); color: var(--color-texto); overflow: hidden; text-overflow: ellipsis; white-space: nowrap; }
.pd-parto-fecha[b-nn1b26eg7z] { color: var(--color-texto-suave); }
.pd-parto-corderos[b-nn1b26eg7z] { display: flex; gap: 3px; }
.pd-parto-corderos input[b-nn1b26eg7z] { width: 70px; height: 24px; padding: 0 4px; border: 1px solid var(--color-borde-fuerte); border-radius: var(--radio-xs);
    background: var(--color-superficie); color: var(--color-texto); font-size: var(--fs-xs); text-transform: uppercase; }
.pd-parto-corderos input:focus[b-nn1b26eg7z] { outline: 2px solid var(--color-acento); outline-offset: 0; border-color: var(--color-acento); }
.pd-parto-corderos input.mal[b-nn1b26eg7z] { border-color: var(--color-peligro); background: var(--color-peligro-fondo); }
.pd-parto-corderos input.aviso[b-nn1b26eg7z] { border-color: var(--color-aviso); background: var(--color-aviso-fondo); }
.pd-parto-inc[b-nn1b26eg7z] { min-width: 0; overflow: hidden; text-overflow: ellipsis; white-space: nowrap; font-weight: 600; }
.pd-parto-inc.mal[b-nn1b26eg7z] { color: var(--color-peligro); }
.pd-parto-inc.aviso[b-nn1b26eg7z] { color: var(--color-aviso); }
.pd-parto-acc[b-nn1b26eg7z] { display: flex; gap: 3px; }
.pd-btn-sm[b-nn1b26eg7z] { min-height: 24px !important; padding: 0 var(--esp-2) !important; font-size: var(--fs-2xs) !important; }

/* Corderos como etiquetas: letra del sexo y número */
.pd-chips[b-nn1b26eg7z] { display: flex; flex-wrap: wrap; gap: 4px; }
.pd-c[b-nn1b26eg7z] { display: inline-flex; align-items: center; gap: 4px; padding: 1px 8px 1px 2px; border-radius: var(--radio-full); font-size: var(--fs-xs);
    font-family: var(--fuente-mono); background: var(--color-superficie-2); color: var(--color-texto-2); }
.pd-c b[b-nn1b26eg7z] { display: grid; place-items: center; width: 18px; height: 18px; border-radius: 50%; font-family: var(--fuente-ui); font-size: var(--fs-2xs); font-weight: 800;
    background: var(--color-borde-fuerte); color: #fff; }
.pd-c-h[b-nn1b26eg7z] { background: rgba(212,168,67,.15); color: #7c5a00; }
.pd-c-h b[b-nn1b26eg7z] { background: #d4a843; }
.pd-c-m[b-nn1b26eg7z] { background: color-mix(in srgb, var(--marca-azul-500) 14%, transparent); color: var(--marca-azul-700); }
.pd-c-m b[b-nn1b26eg7z] { background: var(--marca-azul-500); }
.pd-c.venta[b-nn1b26eg7z] { font-family: var(--fuente-ui); font-style: italic; opacity: .8; }

.pd-tabla[b-nn1b26eg7z] { display: flex; flex-direction: column; max-height: 340px; overflow-y: auto; border: 1px solid var(--color-borde); border-radius: var(--radio-sm); }
.pd-tfila[b-nn1b26eg7z] { display: grid; grid-template-columns: 110px 50px minmax(0, 1fr) 110px; align-items: center; gap: var(--esp-2); padding: 1px var(--esp-2); min-height: 26px;
    border-top: 1px solid var(--color-borde); font-size: var(--fs-sm); }
.pd-tfila:first-child[b-nn1b26eg7z] { border-top: 0; }
.pd-tfila.cab[b-nn1b26eg7z] { position: sticky; top: 0; background: var(--color-superficie-2); font-size: var(--fs-xs); font-weight: 700; color: var(--color-texto-2); }
.pd-tfila.mal[b-nn1b26eg7z] { background: var(--color-peligro-fondo); }
.pd-tfila.excluida[b-nn1b26eg7z] { opacity: .5; }

/* Datos de la paridera */
.pd-form-grid[b-nn1b26eg7z] { display: grid; grid-template-columns: 140px 140px 1fr; gap: var(--esp-3); }
.pd-form-grid label[b-nn1b26eg7z] { display: flex; flex-direction: column; gap: 4px; font-size: var(--fs-xs); font-weight: 700; color: var(--color-texto-2); }
.pd-form-grid .ancho[b-nn1b26eg7z] { grid-column: 1 / -1; }
.pd-form-grid input:not([type=checkbox])[b-nn1b26eg7z], .pd-form-grid select[b-nn1b26eg7z] { min-height: 38px; padding: 0 var(--esp-2); border: 1px solid var(--color-borde-fuerte); border-radius: var(--radio-sm);
    background: var(--color-superficie); color: var(--color-texto); font: inherit; font-size: var(--fs-md); font-weight: 400; }
.pd-check[b-nn1b26eg7z] { grid-column: 1 / -1; flex-direction: row !important; align-items: center; font-size: var(--fs-sm) !important; }

/* Hecho */
.pd-hecho[b-nn1b26eg7z] { display: flex; align-items: center; gap: var(--esp-4); padding: var(--esp-5); border-radius: var(--radio-md); background: var(--color-exito-fondo); }
.pd-hecho-ico[b-nn1b26eg7z] { display: grid; place-items: center; flex: none; width: 56px; height: 56px; border-radius: 50%; background: var(--color-exito); color: #fff; font-size: var(--fs-2xl); font-weight: 800; }
.pd-hecho h3[b-nn1b26eg7z] { margin: 0 0 4px; font-size: var(--fs-lg); color: var(--color-exito); }
.pd-hecho p[b-nn1b26eg7z] { margin: 0; color: var(--color-texto); }
.pd-pie-linea[b-nn1b26eg7z] { display: flex; flex-wrap: wrap; align-items: center; justify-content: space-between; gap: var(--esp-3); }

/* Pie */
.pd-pie[b-nn1b26eg7z] { display: flex; flex-wrap: wrap; align-items: center; gap: var(--esp-2) var(--esp-3); padding: var(--esp-3) var(--esp-5);
    border-top: 1px solid var(--color-borde); background: var(--color-superficie); }
.pd-pie-txt[b-nn1b26eg7z] { flex: 1; min-width: 180px; font-size: var(--fs-sm); color: var(--color-texto-2); }
.pd-btn[b-nn1b26eg7z] { display: inline-flex; align-items: center; gap: var(--esp-2); min-height: 38px; padding: 0 var(--esp-4); border: 1px solid var(--color-borde-fuerte);
    border-radius: var(--radio-sm); background: var(--color-superficie); color: var(--color-texto); font: inherit; font-size: var(--fs-sm); font-weight: 700; cursor: pointer; white-space: nowrap; }
.pd-btn:hover:not(:disabled)[b-nn1b26eg7z] { border-color: var(--color-acento); color: var(--color-acento-texto); }
.pd-btn.prim[b-nn1b26eg7z] { border-color: var(--color-acento); background: var(--color-acento); color: #fff; }
.pd-btn.prim:hover:not(:disabled)[b-nn1b26eg7z] { color: #fff; filter: brightness(1.08); }
.pd-btn-ok[b-nn1b26eg7z] { border-color: var(--color-exito) !important; background: var(--color-exito) !important; }
.pd-btn:disabled[b-nn1b26eg7z] { opacity: .45; cursor: not-allowed; }

@media (max-width: 900px) {
    .pd-kpis[b-nn1b26eg7z] { grid-template-columns: repeat(3, minmax(0, 1fr)); }
    .pd-parto[b-nn1b26eg7z] { grid-template-columns: 90px 40px minmax(0, 1fr) auto; }
    .pd-parto-inc[b-nn1b26eg7z] { grid-column: 1 / -1; grid-row: 2; padding-bottom: 2px; }
    .pd-parto-corderos[b-nn1b26eg7z] { grid-column: 3; }
}
@media (max-width: 600px) {
    .pd-fondo[b-nn1b26eg7z] { padding: 0; }
    .pd[b-nn1b26eg7z] { max-height: 100vh; height: 100%; border-radius: 0; }
    .pd-cab[b-nn1b26eg7z], .pd-cuerpo[b-nn1b26eg7z], .pd-pie[b-nn1b26eg7z], .pd-pasos[b-nn1b26eg7z] { padding-left: var(--esp-3); padding-right: var(--esp-3); }
    .pd-kpis[b-nn1b26eg7z] { grid-template-columns: repeat(2, minmax(0, 1fr)); }
    .pd-parto[b-nn1b26eg7z] { grid-template-columns: 1fr auto; }
    .pd-parto-corderos[b-nn1b26eg7z] { grid-column: 1 / -1; grid-row: 2; }
    .pd-parto-inc[b-nn1b26eg7z] { grid-row: 3; }
    .pd-parto-fecha[b-nn1b26eg7z] { display: none; }
    .pd-parto-corderos input[b-nn1b26eg7z] { width: 25%; min-width: 0; }
    .pd-pasos li[b-nn1b26eg7z] { font-size: 0; }
    .pd-pasos li.actual[b-nn1b26eg7z] { font-size: var(--fs-xs); }
    .pd-tfila[b-nn1b26eg7z] { grid-template-columns: 100px 50px 1fr; }
    .pd-tfila > :last-child[b-nn1b26eg7z] { display: none; }
    .pd-form-grid[b-nn1b26eg7z] { grid-template-columns: 1fr 1fr; }
}

/* Mejora #43: reposición y venta; Mejora #42: buscar y reemplazar en todos los partos */
.pd-kpi-repo[b-nn1b26eg7z] { border-top-color: var(--calidad-bueno-barra); }
.pd-kpi-venta[b-nn1b26eg7z] { border-top-color: var(--marca-oro-500); }
.pd-kpi-aviso[b-nn1b26eg7z] { border-top-color: var(--color-aviso); background: var(--color-aviso-fondo); }
.pd-reemp summary small[b-nn1b26eg7z] { margin-left: var(--esp-2); font-size: var(--fs-xs); color: var(--color-texto-suave); }
.pd-reemp-fila[b-nn1b26eg7z] { display: flex; flex-wrap: wrap; align-items: center; gap: var(--esp-2); }
.pd-reemp-fila input[b-nn1b26eg7z] { width: 110px; min-height: 38px; padding: 0 var(--esp-2); border: 1px solid var(--color-borde-fuerte); border-radius: var(--radio-sm); background: var(--color-superficie); color: var(--color-texto); font-size: var(--fs-md); text-transform: uppercase; }
.pd-reemp-fila select[b-nn1b26eg7z] { min-height: 38px; padding: 0 var(--esp-2); border: 1px solid var(--color-borde-fuerte); border-radius: var(--radio-sm); background: var(--color-superficie); color: var(--color-texto); font-family: var(--fuente-ui); font-size: var(--fs-sm); }
.pd-reemp-chips[b-nn1b26eg7z] { display: flex; flex-wrap: wrap; align-items: center; gap: var(--esp-1); }
.pd-reemp-chips small[b-nn1b26eg7z] { font-size: var(--fs-xs); color: var(--color-texto-suave); }
.pd-chip-btn[b-nn1b26eg7z] { padding: 2px 10px; border: 1px solid var(--color-borde); border-radius: var(--radio-full); background: var(--color-superficie-2); color: var(--color-texto); font-size: var(--fs-xs); cursor: pointer; }
.pd-chip-btn:hover:not(:disabled)[b-nn1b26eg7z] { border-color: var(--color-acento); }

/* Paridera nueva propuesta (más de 15 días sin partos): que se vea que no es la de siempre */
.pd-nueva[b-nn1b26eg7z] { background: var(--color-acento-suave); }
/* /Shared/PiramideEdad.razor.rz.scp.css */
/* Pirámide de edad: suelta (Inventario → Análisis) o incrustada (Inventario → Resumen) */
.ad[b-cjq20a8asw] { flex: 1; min-height: 0; overflow-y: auto; display: flex; flex-direction: column; gap: var(--esp-4); padding: var(--esp-4); }
.ad-cab[b-cjq20a8asw] { display: flex; flex-wrap: wrap; align-items: flex-start; justify-content: space-between; gap: var(--esp-3); }
.ad-tit[b-cjq20a8asw] { display: flex; align-items: center; gap: var(--esp-2); margin: 0; font-size: var(--fs-lg); font-weight: 700; color: var(--color-texto); }
.ad-sigla[b-cjq20a8asw] { font-size: var(--fs-xs); font-weight: 700; padding: 2px 8px; border-radius: var(--radio-xs); background: var(--color-acento-suave); color: var(--color-acento-texto); }
.ad-sub[b-cjq20a8asw] { margin: 4px 0 0; max-width: 70ch; font-size: var(--fs-sm); color: var(--color-texto-2); }
.ad-estado[b-cjq20a8asw] { padding: var(--esp-6, 32px); text-align: center; color: var(--color-texto-suave); }

.pe[b-cjq20a8asw] {
    --pe-h: var(--marca-azul-500);
    --pe-m: var(--color-aviso);
    --pe-rep: var(--color-exito);
    --pe-pro: var(--marca-azul-500);
    --pe-vet: var(--color-peligro);
    display: flex; flex-direction: column; gap: var(--esp-3); padding: var(--esp-4);
    border: 1px solid var(--color-borde); border-radius: var(--radio-md); background: var(--color-superficie);
}
.pe-titulo h3[b-cjq20a8asw] { margin: 0; font-size: var(--fs-md); font-weight: 700; color: var(--color-texto); }
.pe-lectura[b-cjq20a8asw] { margin: 4px 0 0; font-size: var(--fs-sm); color: var(--color-texto-2); max-width: 90ch; }

/* Cifras clave */
.pe-kpis[b-cjq20a8asw] { display: grid; grid-template-columns: repeat(auto-fit, minmax(150px, 1fr)); gap: var(--esp-2); }
.pe-kpis div[b-cjq20a8asw] {
    display: flex; flex-direction: column; gap: 2px; padding: var(--esp-2) var(--esp-3);
    border: 1px solid var(--color-borde); border-left: 4px solid var(--pe-k, var(--color-borde)); border-radius: var(--radio-sm);
}
.pe-kpis b[b-cjq20a8asw] { font-size: var(--fs-xl); font-weight: 800; line-height: 1.1; color: var(--color-texto); font-variant-numeric: tabular-nums; }
.pe-kpis span[b-cjq20a8asw] { font-size: var(--fs-xs); color: var(--color-texto-2); }
.pe-kpis .k-h[b-cjq20a8asw] { --pe-k: var(--pe-h); }
.pe-kpis .k-m[b-cjq20a8asw] { --pe-k: var(--pe-m); }
.pe-kpis .k-p[b-cjq20a8asw] { --pe-k: var(--color-texto-suave); }
.pe-kpis .k-aviso[b-cjq20a8asw] { --pe-k: var(--pe-vet); background: var(--color-peligro-fondo); }

/* La pirámide */
.pe-graf[b-cjq20a8asw] { max-width: 860px; width: 100%; margin: 0 auto; }
.pe-cab[b-cjq20a8asw], .pe-fila[b-cjq20a8asw] { display: grid; grid-template-columns: 1fr 84px 1fr; align-items: center; column-gap: var(--esp-2); }
.pe-cab[b-cjq20a8asw] { margin-bottom: 6px; font-size: var(--fs-sm); font-weight: 700; }
.pe-cab span:first-child[b-cjq20a8asw] { text-align: right; color: var(--pe-h); }
.pe-cab span:last-child[b-cjq20a8asw] { color: var(--pe-m); }
.pe-fila[b-cjq20a8asw] { height: 30px; }
.pe-edad[b-cjq20a8asw] {
    justify-self: center; padding: 2px 10px; border-radius: var(--radio-full);
    font-size: var(--fs-xs); font-weight: 700; font-variant-numeric: tabular-nums; white-space: nowrap;
    color: var(--pe-e); background: color-mix(in srgb, var(--pe-e) 12%, var(--color-superficie));
}
.e-rep[b-cjq20a8asw] { --pe-e: var(--pe-rep); }
.e-pro[b-cjq20a8asw] { --pe-e: var(--pe-pro); }
.e-vet[b-cjq20a8asw] { --pe-e: var(--pe-vet); }
/* Banda de la etapa detrás de cada fila */
.pe-fila[b-cjq20a8asw] { position: relative; }
.pe-fila[b-cjq20a8asw]::before { content: ""; position: absolute; inset: 2px 0; z-index: 0; border-radius: var(--radio-xs); background: color-mix(in srgb, var(--pe-e) 4%, transparent); }
.pe-fila > *[b-cjq20a8asw] { position: relative; z-index: 1; }

.pe-lado[b-cjq20a8asw] { display: flex; align-items: center; gap: 6px; height: 22px; }
.pe-lado.izq[b-cjq20a8asw] { justify-content: flex-end; }
.pe-barra[b-cjq20a8asw] { display: flex; flex: 1; height: 100%; }
.pe-lado.izq .pe-barra[b-cjq20a8asw] { justify-content: flex-end; }
.pe-barra i[b-cjq20a8asw] { display: block; height: 100%; transition: width .3s ease; }
.pe-lado.izq .lg[b-cjq20a8asw] { background: linear-gradient(270deg, var(--pe-h), color-mix(in srgb, var(--pe-h) 70%, var(--color-superficie))); border-radius: 4px 0 0 4px; }
.pe-lado.der .lg[b-cjq20a8asw] { background: linear-gradient(90deg, var(--pe-m), color-mix(in srgb, var(--pe-m) 70%, var(--color-superficie))); border-radius: 0 4px 4px 0; }
.pe-lado.izq .pend[b-cjq20a8asw] { background: repeating-linear-gradient(135deg, var(--pe-h) 0 4px, color-mix(in srgb, var(--pe-h) 25%, var(--color-superficie)) 4px 8px); border-radius: 4px 0 0 4px; }
.pe-lado.der .pend[b-cjq20a8asw] { background: repeating-linear-gradient(135deg, var(--pe-m) 0 4px, color-mix(in srgb, var(--pe-m) 25%, var(--color-superficie)) 4px 8px); border-radius: 0 4px 4px 0; }
.pe-lado.izq .lg:not(:first-child)[b-cjq20a8asw] { border-radius: 0; }
.pe-lado.der .lg:not(:last-child)[b-cjq20a8asw] { border-radius: 0; }
.pe-lado em[b-cjq20a8asw] { min-width: 28px; font-style: normal; font-size: var(--fs-xs); font-weight: 700; color: var(--color-texto); font-variant-numeric: tabular-nums; }
.pe-lado.izq em[b-cjq20a8asw] { text-align: right; }

.pe-leyenda[b-cjq20a8asw] { display: flex; flex-wrap: wrap; align-items: center; gap: 6px var(--esp-4); margin-top: var(--esp-3); font-size: var(--fs-xs); color: var(--color-texto-2); }
.pe-leyenda span[b-cjq20a8asw] { display: inline-flex; align-items: center; gap: 6px; }
.pe-leyenda i[b-cjq20a8asw] { width: 16px; height: 10px; border-radius: 2px; }
.pe-leyenda i.lg.h[b-cjq20a8asw] { background: var(--pe-h); }
.pe-leyenda i.lg.m[b-cjq20a8asw] { background: var(--pe-m); }
.pe-leyenda i.pend.h[b-cjq20a8asw] { background: repeating-linear-gradient(135deg, var(--pe-h) 0 3px, color-mix(in srgb, var(--pe-h) 25%, var(--color-superficie)) 3px 6px); }
.pe-leyenda i.pend.m[b-cjq20a8asw] { background: repeating-linear-gradient(135deg, var(--pe-m) 0 3px, color-mix(in srgb, var(--pe-m) 25%, var(--color-superficie)) 3px 6px); }
.pe-etapas b[b-cjq20a8asw] { font-weight: 700; color: var(--pe-e); }

@media (max-width: 600px) {
    .pe[b-cjq20a8asw] { padding: var(--esp-3); }
    .pe-cab[b-cjq20a8asw], .pe-fila[b-cjq20a8asw] { grid-template-columns: 1fr 64px 1fr; }
    .pe-edad[b-cjq20a8asw] { padding: 2px 6px; }
}
/* /Shared/ProximoModulo.razor.rz.scp.css */
.pm[b-0cvt7gllut] { display: flex; flex-direction: column; gap: var(--esp-4); max-width: 1200px; }

.pm-heroe[b-0cvt7gllut] {
    position: relative; overflow: hidden; display: flex; align-items: center; gap: var(--esp-4);
    padding: var(--esp-6, 24px) var(--esp-6, 24px); border-radius: var(--radio-lg, 14px);
    background: linear-gradient(120deg, var(--marca-campo-900) 0%, var(--marca-campo-700) 55%, var(--marca-campo-500) 100%);
    color: var(--color-superficie); box-shadow: var(--sombra-md, var(--sombra-sm));
}
.pm-heroe[b-0cvt7gllut]::after {
    content: ''; position: absolute; right: -60px; top: -60px; width: 260px; height: 260px; border-radius: 50%;
    background: radial-gradient(circle, color-mix(in srgb, var(--marca-campo-300) 35%, transparent) 0%, transparent 70%);
}
.pm-ico[b-0cvt7gllut] {
    flex-shrink: 0; width: 72px; height: 72px; display: grid; place-items: center; border-radius: 20px;
    background: color-mix(in srgb, var(--color-superficie) 14%, transparent); border: 1px solid color-mix(in srgb, var(--color-superficie) 25%, transparent);
}
.pm-ico[b-0cvt7gllut]  svg { width: 38px; height: 38px; }
.pm-txt[b-0cvt7gllut] { position: relative; z-index: 1; display: flex; flex-direction: column; gap: 4px; }
.pm-estado[b-0cvt7gllut] {
    align-self: flex-start; padding: 2px 10px; border-radius: var(--radio-full); background: var(--marca-oro-500); color: var(--marca-marino-900);
    font-size: var(--fs-2xs); font-weight: 800; letter-spacing: .06em; text-transform: uppercase;
}
.pm-txt h2[b-0cvt7gllut] { margin: 4px 0 0; font-size: var(--fs-2xl); font-weight: 800; letter-spacing: -.01em; }
.pm-txt p[b-0cvt7gllut] { margin: 0; max-width: 680px; font-size: var(--fs-md); opacity: .92; }

.pm-cuerpo[b-0cvt7gllut] { display: grid; grid-template-columns: minmax(0, 1fr) minmax(0, 1.1fr); gap: var(--esp-4); align-items: start; }
.pm-puntos[b-0cvt7gllut] { display: flex; flex-direction: column; gap: var(--esp-2); }
.pm-punto[b-0cvt7gllut] {
    display: flex; gap: var(--esp-3); padding: var(--esp-3) var(--esp-4); border: 1px solid var(--color-borde);
    border-radius: var(--radio-md); background: var(--color-superficie); box-shadow: var(--sombra-xs);
}
.pm-check[b-0cvt7gllut] {
    flex-shrink: 0; width: 26px; height: 26px; display: grid; place-items: center; border-radius: 50%;
    background: var(--calidad-bueno-fondo); color: var(--calidad-bueno); font-weight: 800; font-size: var(--fs-sm);
}
.pm-punto div[b-0cvt7gllut] { display: flex; flex-direction: column; gap: 2px; }
.pm-punto b[b-0cvt7gllut] { font-size: var(--fs-sm); color: var(--color-texto); }
.pm-punto span[b-0cvt7gllut] { font-size: var(--fs-sm); color: var(--color-texto-2); }

.pm-vista[b-0cvt7gllut] {
    position: relative; padding: var(--esp-4); padding-top: calc(var(--esp-4) + 18px); border-radius: var(--radio-md);
    background: var(--color-superficie); border: 1px dashed var(--color-borde-fuerte); box-shadow: var(--sombra-sm);
}
.pm-ejemplo[b-0cvt7gllut] {
    position: absolute; top: 8px; left: var(--esp-4); font-size: var(--fs-2xs); font-weight: 700; letter-spacing: .05em;
    text-transform: uppercase; color: var(--color-texto-suave);
}
.pm-nota[b-0cvt7gllut] { margin: 0; font-size: var(--fs-xs); color: var(--color-texto-suave); }

@media (max-width: 900px) {
    .pm-cuerpo[b-0cvt7gllut] { grid-template-columns: 1fr; }
    .pm-heroe[b-0cvt7gllut] { padding: var(--esp-4); }
    .pm-ico[b-0cvt7gllut] { width: 56px; height: 56px; border-radius: 16px; }
    .pm-txt h2[b-0cvt7gllut] { font-size: var(--fs-xl); }
}
/* /Shared/ReproMachos.razor.rz.scp.css */
.mn[b-uuwban3ls4] { display: flex; flex-direction: column; gap: var(--esp-3); }
.mn-estado[b-uuwban3ls4] { padding: var(--esp-4); color: var(--color-texto-2); font-size: var(--fs-sm); }
.mn-error[b-uuwban3ls4] { padding: var(--esp-2) var(--esp-3); border-radius: var(--radio-sm); background: var(--color-peligro-fondo); color: var(--color-peligro); font-size: var(--fs-sm); }
.mn-grid[b-uuwban3ls4] { display: grid; grid-template-columns: minmax(0, 1.25fr) minmax(0, 1fr); gap: var(--esp-3); align-items: start; }

.mn-datos[b-uuwban3ls4], .mn-res[b-uuwban3ls4] { display: flex; flex-direction: column; gap: var(--esp-3); padding: var(--esp-4); border: 1px solid var(--color-borde); border-radius: var(--radio-md); background: var(--color-superficie); }
.mn-fila[b-uuwban3ls4] { display: grid; grid-template-columns: repeat(auto-fit, minmax(150px, 1fr)); gap: var(--esp-3); }
.mn-campo[b-uuwban3ls4] { display: flex; flex-direction: column; gap: 4px; min-width: 0; }
.mn-etq[b-uuwban3ls4] { font-size: var(--fs-xs); font-weight: 700; color: var(--color-texto-2); }
.mn-campo input[b-uuwban3ls4] { width: 100%; max-width: 160px; min-height: 34px; padding: 0 var(--esp-2); border: 1px solid var(--color-borde-fuerte); border-radius: var(--radio-sm); font-size: var(--fs-md); font-variant-numeric: tabular-nums; }
.mn-campo small[b-uuwban3ls4] { font-size: var(--fs-xs); color: var(--color-texto-suave); }
.mn-rango[b-uuwban3ls4] { display: inline-flex; align-items: center; gap: var(--esp-2); font-size: var(--fs-sm); color: var(--color-texto-2); }
.mn-rango input[b-uuwban3ls4] { width: 64px; }
.mn-chips[b-uuwban3ls4] { display: flex; flex-wrap: wrap; gap: 6px; }
.mn-chips button[b-uuwban3ls4] { padding: 3px 10px; border: 1px solid var(--color-borde-fuerte); border-radius: var(--radio-full); background: var(--color-superficie); color: var(--color-texto); font-size: var(--fs-xs); cursor: pointer; }
.mn-chips button.activo[b-uuwban3ls4] { background: var(--color-acento-texto); border-color: var(--color-acento-texto); color: #fff; }
.mn-epocas[b-uuwban3ls4] { display: grid; grid-template-columns: 1fr 1fr; gap: var(--esp-2); }
.mn-epocas button[b-uuwban3ls4] { display: flex; flex-direction: column; align-items: flex-start; gap: 2px; padding: var(--esp-2) var(--esp-3); border: 1px solid var(--color-borde); border-radius: var(--radio-md); background: var(--color-superficie); text-align: left; cursor: pointer; }
.mn-epocas button b[b-uuwban3ls4] { font-size: var(--fs-sm); color: var(--color-texto); }
.mn-epocas button small[b-uuwban3ls4] { font-size: var(--fs-xs); color: var(--color-texto-2); }
.mn-epocas button.activo[b-uuwban3ls4] { border-color: var(--color-acento-texto); background: var(--color-acento-suave); box-shadow: 0 0 0 1px var(--color-acento-texto) inset; }

.mn-res[b-uuwban3ls4] { position: sticky; top: var(--esp-2); }
.mn-res.bien[b-uuwban3ls4] { border-left: 4px solid var(--color-exito); }
.mn-res.justo[b-uuwban3ls4] { border-left: 4px solid var(--color-aviso); }
.mn-res.falta[b-uuwban3ls4] { border-left: 4px solid var(--color-peligro); }
.mn-res-n[b-uuwban3ls4] { display: flex; align-items: baseline; gap: var(--esp-2); font-size: var(--fs-sm); color: var(--color-texto-2); }
.mn-res-n b[b-uuwban3ls4] { font-size: var(--fs-2xl); line-height: 1; color: var(--color-texto); font-variant-numeric: tabular-nums; }
.mn-veredicto[b-uuwban3ls4] { margin: 0; font-size: var(--fs-md); font-weight: 600; color: var(--color-texto); }
.mn-res.bien .mn-veredicto[b-uuwban3ls4] { color: var(--color-exito); }
.mn-res.justo .mn-veredicto[b-uuwban3ls4] { color: var(--color-aviso); }
.mn-res.falta .mn-veredicto[b-uuwban3ls4] { color: var(--color-peligro); }
.mn-cuenta[b-uuwban3ls4] { margin: 0; padding-left: 1.2em; font-size: var(--fs-xs); color: var(--color-texto-2); display: flex; flex-direction: column; gap: 2px; }
.mn-nota[b-uuwban3ls4] { margin: 0; font-size: var(--fs-xs); color: var(--color-texto-suave); }
.mn-machos summary[b-uuwban3ls4] { cursor: pointer; font-size: var(--fs-sm); font-weight: 600; color: var(--color-texto-2); }
.mn-machos-lista[b-uuwban3ls4] { display: flex; flex-wrap: wrap; gap: 6px; margin-top: var(--esp-2); max-height: 180px; overflow-y: auto; }
.mn-machos-lista a[b-uuwban3ls4] { padding: 2px 8px; border-radius: var(--radio-full); background: var(--color-superficie-2); color: var(--color-texto); font-size: var(--fs-xs); text-decoration: none; }
.mn-machos-lista small[b-uuwban3ls4] { color: var(--color-texto-suave); }

@media (max-width: 860px) {
    .mn-grid[b-uuwban3ls4] { grid-template-columns: 1fr; }
    .mn-res[b-uuwban3ls4] { position: static; }
}
/* /Shared/ReproResultados.razor.rz.scp.css */
/* Reproducción → Resultados de la IA (Mejoras #18 y #19) */
.ri[b-wio6wppzwb] { display: flex; flex-direction: column; gap: var(--esp-3); }
.ri-estado[b-wio6wppzwb] { padding: var(--esp-5, 24px); text-align: center; color: var(--color-texto-suave); }
.ri-error[b-wio6wppzwb] { padding: var(--esp-2) var(--esp-3); border-radius: var(--radio-sm); background: var(--color-peligro-fondo); color: var(--color-peligro); font-size: var(--fs-sm); }

.ri-barra[b-wio6wppzwb] { display: flex; flex-wrap: wrap; align-items: center; gap: var(--esp-2) var(--esp-3); }
.ri-grupo[b-wio6wppzwb] { display: inline-flex; flex-wrap: wrap; border: 1px solid var(--color-borde); border-radius: var(--radio-full); overflow: hidden; }
.ri-grupo button[b-wio6wppzwb] { padding: 5px 12px; border: 0; background: var(--color-superficie); color: var(--color-texto-2); font-size: var(--fs-sm); font-weight: 600; cursor: pointer; }
.ri-grupo button.activa[b-wio6wppzwb] { background: var(--color-acento-suave); color: var(--color-acento-texto); }
.ri-precio[b-wio6wppzwb] { display: inline-flex; align-items: center; gap: var(--esp-1); font-size: var(--fs-sm); color: var(--color-texto-2); }
.ri-precio input[b-wio6wppzwb] { width: 4.5em; min-height: 30px; padding: 0 var(--esp-1); border: 1px solid var(--color-borde-fuerte); border-radius: var(--radio-sm); font-size: var(--fs-sm); text-align: right; }
.ri-esp[b-wio6wppzwb] { flex: 1; }

.ri-kpis[b-wio6wppzwb] { display: grid; grid-template-columns: repeat(auto-fit, minmax(170px, 1fr)); gap: var(--esp-3); }
.ri-kpi[b-wio6wppzwb] {
    display: flex; flex-direction: column; gap: 2px; padding: var(--esp-3); border: 1px solid var(--color-borde);
    border-top: 4px solid var(--ri-c, var(--color-acento)); border-radius: var(--radio-md); background: var(--color-superficie);
}
.ri-kpi-t[b-wio6wppzwb] { font-size: var(--fs-xs); font-weight: 700; color: var(--color-texto-2); }
.ri-kpi strong[b-wio6wppzwb] { font-size: var(--fs-2xl); font-weight: 800; line-height: 1.1; color: var(--color-texto); font-variant-numeric: tabular-nums; }
.ri-kpi small[b-wio6wppzwb] { font-size: var(--fs-xs); color: var(--color-texto-suave); }
.ri-fert[b-wio6wppzwb] { --ri-c: var(--color-exito); }
.ri-prol[b-wio6wppzwb] { --ri-c: var(--marca-azul-500); }
.ri-id[b-wio6wppzwb] { --ri-c: var(--color-acento); }
.ri-lg[b-wio6wppzwb] { --ri-c: var(--color-aviso); }
.ri-coste[b-wio6wppzwb] { --ri-c: var(--color-texto-2); }

.ri-nota[b-wio6wppzwb] { margin: 0; font-size: var(--fs-xs); color: var(--color-texto-suave); }

.ri-tabla[b-wio6wppzwb] { overflow-x: auto; border: 1px solid var(--color-borde); border-radius: var(--radio-md); background: var(--color-superficie); }
.ri-tabla table[b-wio6wppzwb] { width: 100%; border-collapse: collapse; font-size: var(--fs-sm); }
.ri-tabla th[b-wio6wppzwb] { position: sticky; top: 0; padding: var(--esp-2) var(--esp-3); background: var(--color-superficie-2); text-align: left; font-size: var(--fs-xs); font-weight: 700; color: var(--color-texto-2); white-space: nowrap; }
.ri-tabla td[b-wio6wppzwb] { padding: 6px var(--esp-3); border-top: 1px solid var(--color-borde); white-space: nowrap; }
.ri-tabla .num[b-wio6wppzwb] { text-align: right; font-variant-numeric: tabular-nums; }
.ri-clave[b-wio6wppzwb] { font-weight: 700; color: var(--color-acento-texto); }
.ri-machos[b-wio6wppzwb] { text-align: right; text-decoration: underline dotted; cursor: help; }
.ri-v.perc-top[b-wio6wppzwb], .ri-v.perc-malo[b-wio6wppzwb] { background: var(--perc-f); color: var(--perc-c); font-weight: 700; }
.ri-curso[b-wio6wppzwb] { color: var(--color-texto-suave); font-style: italic; }
.ri-pocos td[b-wio6wppzwb] { color: var(--color-texto-suave); }
.ri-pend[b-wio6wppzwb] { color: var(--color-texto-suave); font-style: italic; }