h1:focus {
    outline: none;
}

.valid.modified:not([type=checkbox]) {
    outline: 1px solid #26b050;
}

.invalid {
    outline: 1px solid #e50000;
}

.validation-message {
    color: #e50000;
}

.blazor-error-boundary {
    background: url(data:image/svg+xml;base64,PHN2ZyB3aWR0aD0iNTYiIGhlaWdodD0iNDkiIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyIgeG1sbnM6eGxpbms9Imh0dHA6Ly93d3cudzMub3JnLzE5OTkveGxpbmsiIG92ZXJmbG93PSJoaWRkZW4iPjxkZWZzPjxjbGlwUGF0aCBpZD0iY2xpcDAiPjxyZWN0IHg9IjIzNSIgeT0iNTEiIHdpZHRoPSI1NiIgaGVpZ2h0PSI0OSIvPjwvY2xpcFBhdGg+PC9kZWZzPjxnIGNsaXAtcGF0aD0idXJsKCNjbGlwMCkiIHRyYW5zZm9ybT0idHJhbnNsYXRlKC0yMzUgLTUxKSI+PHBhdGggZD0iTTI2My41MDYgNTFDMjY0LjcxNyA1MSAyNjUuODEzIDUxLjQ4MzcgMjY2LjYwNiA1Mi4yNjU4TDI2Ny4wNTIgNTIuNzk4NyAyNjcuNTM5IDUzLjYyODMgMjkwLjE4NSA5Mi4xODMxIDI5MC41NDUgOTIuNzk1IDI5MC42NTYgOTIuOTk2QzI5MC44NzcgOTMuNTEzIDI5MSA5NC4wODE1IDI5MSA5NC42NzgyIDI5MSA5Ny4wNjUxIDI4OS4wMzggOTkgMjg2LjYxNyA5OUwyNDAuMzgzIDk5QzIzNy45NjMgOTkgMjM2IDk3LjA2NTEgMjM2IDk0LjY3ODIgMjM2IDk0LjM3OTkgMjM2LjAzMSA5NC4wODg2IDIzNi4wODkgOTMuODA3MkwyMzYuMzM4IDkzLjAxNjIgMjM2Ljg1OCA5Mi4xMzE0IDI1OS40NzMgNTMuNjI5NCAyNTkuOTYxIDUyLjc5ODUgMjYwLjQwNyA1Mi4yNjU4QzI2MS4yIDUxLjQ4MzcgMjYyLjI5NiA1MSAyNjMuNTA2IDUxWk0yNjMuNTg2IDY2LjAxODNDMjYwLjczNyA2Ni4wMTgzIDI1OS4zMTMgNjcuMTI0NSAyNTkuMzEzIDY5LjMzNyAyNTkuMzEzIDY5LjYxMDIgMjU5LjMzMiA2OS44NjA4IDI1OS4zNzEgNzAuMDg4N0wyNjEuNzk1IDg0LjAxNjEgMjY1LjM4IDg0LjAxNjEgMjY3LjgyMSA2OS43NDc1QzI2Ny44NiA2OS43MzA5IDI2Ny44NzkgNjkuNTg3NyAyNjcuODc5IDY5LjMxNzkgMjY3Ljg3OSA2Ny4xMTgyIDI2Ni40NDggNjYuMDE4MyAyNjMuNTg2IDY2LjAxODNaTTI2My41NzYgODYuMDU0N0MyNjEuMDQ5IDg2LjA1NDcgMjU5Ljc4NiA4Ny4zMDA1IDI1OS43ODYgODkuNzkyMSAyNTkuNzg2IDkyLjI4MzcgMjYxLjA0OSA5My41Mjk1IDI2My41NzYgOTMuNTI5NSAyNjYuMTE2IDkzLjUyOTUgMjY3LjM4NyA5Mi4yODM3IDI2Ny4zODcgODkuNzkyMSAyNjcuMzg3IDg3LjMwMDUgMjY2LjExNiA4Ni4wNTQ3IDI2My41NzYgODYuMDU0N1oiIGZpbGw9IiNGRkU1MDAiIGZpbGwtcnVsZT0iZXZlbm9kZCIvPjwvZz48L3N2Zz4=) no-repeat 1rem/1.8rem, #b32121;
    padding: 1rem 1rem 1rem 3.7rem;
    color: white;
}

    .blazor-error-boundary::after {
        content: "An error has occurred."
    }

.darker-border-checkbox.form-check-input {
    border-color: #929292;
}

.form-floating > .form-control-plaintext::placeholder, .form-floating > .form-control::placeholder {
    color: var(--bs-secondary-color);
    text-align: end;
}

.form-floating > .form-control-plaintext:focus::placeholder, .form-floating > .form-control:focus::placeholder {
    text-align: start;
}
/* ---------------------------------------------------------------- Emint ERP 360 */
html, body { margin: 0; font-family: "Segoe UI", Roboto, sans-serif; }
.emint-cargando { display: flex; align-items: center; justify-content: center; height: 100vh; }
.emint-cabecera { display: flex; align-items: center; gap: 0.5rem; padding: 0 0.75rem; height: 56px; }
.emint-logo { height: 38px; }
.emint-idioma { width: 120px; }
.emint-cabecera .emint-idioma .rz-dropdown-label { color: var(--rz-text-color); }
.emint-empresa { font-weight: 600; margin-left: 0.5rem; white-space: nowrap; overflow: hidden; text-overflow: ellipsis; }
.emint-espacio { flex: 1; }
.emint-usuario { display: inline-flex; align-items: center; gap: 0.25rem; white-space: nowrap; }
.emint-menu { width: 290px; }
.emint-cuerpo { padding: 1rem 1.25rem; }
.emint-ingreso { display: flex; flex-direction: column; align-items: center; justify-content: center; min-height: 100vh; background: var(--rz-base-background-color); }
.emint-ingreso-tarjeta { width: 380px; max-width: calc(100vw - 32px); padding: 2rem; }
.emint-ingreso-logo { width: 100%; margin-bottom: 1.5rem; }
/* cabecera neutra (clara u oscura segun el tema) para que se vean el logo y los botones */
.emint-layout .rz-header { background-color: var(--rz-base-background-color); color: var(--rz-text-color); border-bottom: 1px solid var(--rz-base-300); box-shadow: none; }
.emint-cabecera .rz-button.rz-variant-text, .emint-cabecera .rz-sidebar-toggle { color: var(--rz-text-color); }
.emint-cabecera .rz-button.rz-variant-text:hover, .emint-cabecera .rz-sidebar-toggle:hover { background-color: var(--rz-base-200); }
/* inicio: indicadores */
.emint-kpi-modulo { display: flex; align-items: center; gap: 0.4rem; color: var(--rz-text-secondary-color); }
.emint-kpi { height: 100%; transition: box-shadow 0.15s; }
.emint-kpi:hover { box-shadow: var(--rz-shadow-4, 0 4px 12px rgba(0,0,0,0.15)); }
.emint-kpi-icono { font-size: 2rem; color: var(--rz-primary); }
.emint-kpi-valor { font-size: 1.6rem; font-weight: 600; line-height: 1.3; white-space: nowrap; overflow: hidden; text-overflow: ellipsis; }
.emint-kpi-var { display: inline-flex; align-items: center; gap: 0.2rem; font-size: 0.85rem; }
.emint-kpi-gris { color: var(--rz-text-secondary-color); font-size: 0.85rem; }
/* inicio: tablero (franja de tarjetas y graficos, sin huecos) */
.emint-tablero { display: grid; grid-template-columns: repeat(auto-fill, minmax(230px, 1fr)); gap: 0.75rem; margin-bottom: 0.75rem; }
.emint-tablero-graficos { grid-template-columns: repeat(auto-fill, minmax(380px, 1fr)); }
.emint-tile { background: var(--rz-base-background-color); border: 1px solid var(--rz-base-300); border-radius: 8px; padding: 0.75rem 0.9rem;
    display: flex; flex-direction: column; gap: 0.25rem; min-width: 0; box-shadow: 0 1px 2px rgba(0,0,0,0.06); transition: box-shadow 0.15s; }
.emint-tile-enlace { cursor: pointer; }
.emint-tile-enlace:hover { box-shadow: 0 4px 14px rgba(0,0,0,0.14); }
.emint-tile-cabeza { display: flex; align-items: center; gap: 0.5rem; }
.emint-tile-icono { font-size: 1.4rem; color: var(--rz-primary); background: var(--rz-primary-lighter); border-radius: 50%; padding: 0.35rem; }
.emint-tile-titulo { font-size: 0.85rem; font-weight: 600; white-space: nowrap; overflow: hidden; text-overflow: ellipsis; }
.emint-tile-modulo { font-size: 0.7rem; text-transform: uppercase; letter-spacing: 0.04em; color: var(--rz-text-secondary-color); }
.emint-tile-pie { margin-top: auto; }
.emint-tile[draggable="true"] { cursor: grab; }
.emint-tile-arrastrado { opacity: 0.45; outline: 2px dashed var(--rz-primary); }
.emint-tile-acciones { visibility: hidden; }
.emint-tile:hover .emint-tile-acciones { visibility: visible; }
.emint-tile .emint-kpi-valor { font-size: 1.45rem; }
.emint-medidor { position: relative; }
.emint-medidor-valor { position: absolute; left: 0; right: 0; bottom: 4px; text-align: center; font-size: 1.25rem; font-weight: 700; }
.emint-dona-centro { font-size: 0.95rem; font-weight: 700; }
.emint-sin-datos { height: 210px; display: flex; align-items: center; justify-content: center; color: var(--rz-text-secondary-color);
    border: 1px dashed var(--rz-base-300); border-radius: 6px; }
/* tablero de produccion (76_tablero_produccion): orden x proceso, celda segun donde esta la orden */
.emint-ptb-leyenda { display: flex; flex-wrap: wrap; gap: 0.4rem; margin: 0.6rem 0; }
.emint-ptb-leyenda .emint-ptb-celda { border-radius: 4px; padding: 0.15rem 0.6rem; }
.emint-ptb-marco { overflow: auto; max-height: calc(100vh - 290px); border: 1px solid var(--rz-base-300); border-radius: 8px; }
.emint-ptb { border-collapse: separate; border-spacing: 0; font-size: 0.8rem; width: max-content; min-width: 100%; }
.emint-ptb th { position: sticky; top: 0; z-index: 2; background: var(--rz-base-200); padding: 0.35rem 0.5rem; text-align: left; white-space: nowrap;
    border-bottom: 1px solid var(--rz-base-300); }
.emint-ptb td { padding: 0.3rem 0.5rem; border-bottom: 1px solid var(--rz-base-200); white-space: nowrap; }
.emint-ptb th.emint-ptb-fija { left: 0; z-index: 3; }
.emint-ptb td.emint-ptb-fija { position: sticky; left: 0; z-index: 1; background: var(--rz-base-background-color); font-weight: 600; }
.emint-ptb-proceso { text-align: center !important; min-width: 6.5rem; }
.emint-ptb-cuenta { font-size: 0.68rem; font-weight: 400; color: var(--rz-text-secondary-color); }
.emint-ptb-num { text-align: right !important; }
.emint-ptb-texto { max-width: 14rem; overflow: hidden; text-overflow: ellipsis; }
.emint-ptb-op { cursor: pointer; color: var(--rz-primary); text-decoration: underline; }
.emint-ptb-celda { text-align: center; font-weight: 600; font-size: 0.72rem; text-transform: uppercase; }
.emint-ptb-clic { cursor: pointer; }
.emint-ptb-listo { background: #c8e6c9; color: #1b5e20; }
.emint-ptb-en_proceso { background: #ffe0b2; color: #8a4b00; }
.emint-ptb-fason { background: #d1c4e9; color: #4527a0; }
.emint-ptb-sin_iniciar { background: #ffcdd2; color: #8e1b1b; }
.emint-ptb-na { background: var(--rz-base-100); color: var(--rz-text-disabled-color); font-weight: 400; }
/* inicio estilo tablero (70_inicio_tablero): zonas de arriba, tableros / favoritos e indicadores de tamano chico / mediano / grande */
.emint-inicio { display: flex; flex-direction: column; gap: 0.75rem; }
.emint-zonas { display: grid; grid-template-columns: repeat(auto-fit, minmax(280px, 1fr)); gap: 0.75rem; }
.emint-zonas-medio { grid-template-columns: repeat(auto-fit, minmax(340px, 1fr)); }
.emint-zona { background: var(--rz-base-background-color); border: 1px solid var(--rz-base-300); border-radius: 10px; padding: 0.85rem 1rem;
    display: flex; flex-direction: column; gap: 0.35rem; min-width: 0; box-shadow: 0 1px 2px rgba(0,0,0,0.06); }
.emint-zona-titulo { font-size: 0.95rem; font-weight: 700; margin-bottom: 0.25rem; }
.emint-seccion-titulo { font-size: 1.05rem; font-weight: 700; }
.emint-zona-bienvenida { background: linear-gradient(135deg, var(--rz-primary-lighter), var(--rz-base-background-color) 70%); }
.emint-bienvenida-hola { font-size: 1.6rem; font-weight: 700; line-height: 1.2; }
.emint-chip { display: inline-block; font-size: 0.65rem; font-weight: 700; text-transform: uppercase; letter-spacing: 0.04em; padding: 0.1rem 0.45rem;
    border-radius: 4px; white-space: nowrap; max-width: 100%; overflow: hidden; text-overflow: ellipsis; }
/* buscador */
.emint-buscador { position: relative; margin-top: auto; padding-top: 0.6rem; }
.emint-buscador-icono { position: absolute; left: 0.6rem; top: calc(0.6rem + 0.55rem); color: var(--rz-text-secondary-color); }
.emint-buscador-texto { width: 100%; padding: 0.55rem 0.75rem 0.55rem 2.2rem; border: 1px solid var(--rz-base-300); border-radius: 20px; outline: none;
    background: var(--rz-base-background-color); color: var(--rz-text-color); font-size: 0.9rem; }
.emint-buscador-texto:focus { border-color: var(--rz-primary); box-shadow: 0 0 0 3px var(--rz-primary-lighter); }
.emint-buscador-resultados { position: absolute; left: 0; right: 0; top: calc(100% + 4px); z-index: 20; max-height: 320px; overflow-y: auto;
    background: var(--rz-base-background-color); border: 1px solid var(--rz-base-300); border-radius: 8px; box-shadow: 0 8px 24px rgba(0,0,0,0.16); padding: 0.25rem; }
.emint-buscador-aviso { padding: 0.5rem; }
.emint-buscador-grupo { font-size: 0.7rem; font-weight: 700; text-transform: uppercase; color: var(--rz-text-secondary-color); padding: 0.4rem 0.5rem 0.1rem; }
.emint-buscador-item { padding: 0.35rem 0.5rem; border-radius: 6px; cursor: pointer; }
.emint-buscador-item:hover { background: var(--rz-base-100); }
.emint-buscador-item-texto { font-size: 0.88rem; font-weight: 600; white-space: nowrap; overflow: hidden; text-overflow: ellipsis; }
/* actividad reciente */
.emint-actividad { display: flex; flex-direction: column; gap: 0.15rem; overflow-y: auto; max-height: 260px; }
.emint-actividad-item { display: flex; align-items: center; gap: 0.55rem; padding: 0.3rem 0.25rem; border-radius: 6px; cursor: pointer; }
.emint-actividad-item:hover { background: var(--rz-base-100); }
.emint-actividad-punto { width: 10px; height: 10px; border-radius: 50%; border: 3px solid; flex: none; }
.emint-actividad-titulo { font-size: 0.85rem; white-space: nowrap; overflow: hidden; text-overflow: ellipsis; }
.emint-actividad-hora { white-space: nowrap; font-size: 0.75rem; }
/* agenda */
.emint-agenda-cabeza { display: flex; align-items: center; gap: 0.25rem; }
.emint-agenda { display: grid; grid-template-columns: repeat(7, 1fr); gap: 2px; }
.emint-agenda-dia-nombre { text-align: center; font-size: 0.7rem; font-weight: 700; color: var(--rz-text-secondary-color); padding-bottom: 2px; }
.emint-agenda-dia { display: flex; flex-direction: column; align-items: center; justify-content: center; min-height: 30px; font-size: 0.78rem;
    border-radius: 6px; cursor: pointer; }
.emint-agenda-dia:hover { background: var(--rz-base-100); }
.emint-agenda-otro { color: var(--rz-text-disabled-color, #aaa); }
.emint-agenda-hoy > span:first-child { background: var(--rz-primary); color: #fff; border-radius: 50%; width: 1.4rem; height: 1.4rem; display: flex;
    align-items: center; justify-content: center; font-weight: 700; }
.emint-agenda-elegido { outline: 2px solid var(--rz-primary); }
.emint-agenda-puntos { display: flex; gap: 2px; height: 6px; }
.emint-agenda-punto { width: 6px; height: 6px; border-radius: 50%; display: inline-block; flex: none; }
.emint-agenda-detalle { border-top: 1px solid var(--rz-base-200); padding-top: 0.4rem; margin-top: 0.2rem; display: flex; flex-direction: column; gap: 0.2rem;
    font-size: 0.82rem; }
.emint-agenda-evento { display: flex; align-items: center; gap: 0.45rem; }
/* tableros y favoritos */
.emint-acceso { display: flex; align-items: center; gap: 0.6rem; padding: 0.45rem 0.55rem; border: 1px solid var(--rz-base-200); border-radius: 8px;
    cursor: pointer; background: var(--rz-base-50, var(--rz-base-background-color)); }
.emint-acceso:hover { box-shadow: 0 3px 10px rgba(0,0,0,0.10); }
.emint-acceso:hover .emint-tile-acciones { visibility: visible; }
.emint-acceso-icono { font-size: 1.4rem; color: var(--rz-primary); }
.emint-acceso-texto { font-size: 0.88rem; font-weight: 600; white-space: nowrap; overflow: hidden; text-overflow: ellipsis; }
.emint-favoritos { display: grid; grid-template-columns: repeat(auto-fill, minmax(220px, 1fr)); gap: 0.4rem; }
/* tablero de un modulo: sus tableros y consultas en columnas, con barra si son muchas */
.emint-accesos-modulo { display: grid; grid-template-columns: repeat(auto-fill, minmax(220px, 1fr)); gap: 0.4rem; max-height: 320px; overflow-y: auto; }
/* indicadores de seguimiento: S = una columna, M = dos, L = tres */
.emint-indicadores { display: grid; grid-template-columns: repeat(auto-fill, minmax(220px, 1fr)); grid-auto-flow: dense; gap: 0.75rem; }
.emint-tam-M { grid-column: span 2; }
.emint-tam-L { grid-column: span 3; }
@media (max-width: 760px) { .emint-tam-M, .emint-tam-L { grid-column: span 1; } }
/* cuadro ampliado de un indicador */
.emint-ampliado { display: flex; flex-direction: column; gap: 0.75rem; }
.emint-ampliado-cabeza { display: flex; gap: 0.75rem; align-items: flex-start; }
.emint-ampliado-valor { font-size: 2rem; font-weight: 700; line-height: 1.2; margin-top: 0.2rem; }
.emint-ampliado-cuerpo { display: flex; gap: 1rem; align-items: center; flex-wrap: wrap; }
.emint-ampliado-dona { flex: none; }
.emint-dona { width: 220px; height: 220px; border-radius: 50%; position: relative; margin: 0.5rem; }
.emint-dona-centro { position: absolute; inset: 34px; border-radius: 50%; background: var(--rz-dialog-background-color, var(--rz-base-background-color));
                     display: flex; flex-direction: column; align-items: center; justify-content: center; text-align: center; }
.emint-ampliado-total { text-align: center; }
.emint-ampliado-total-valor { font-size: 1.6rem; font-weight: 700; }
.emint-ampliado-leyenda { flex: 1; min-width: 200px; display: flex; flex-direction: column; gap: 0.6rem; }
.emint-leyenda-fila { display: flex; gap: 0.6rem; align-items: stretch; }
.emint-leyenda-barra { width: 5px; border-radius: 3px; flex: none; }
.emint-leyenda-valor { font-size: 1.2rem; font-weight: 700; }
.emint-ampliado-pie { display: flex; justify-content: flex-end; gap: 0.5rem; border-top: 1px solid var(--rz-base-200); padding-top: 0.5rem; }
/* grilla: titulos enteros y pie con calculos */
.emint-grilla .rz-column-title-content { white-space: normal; line-height: 1.15; }
.emint-grilla .rz-grid-table thead th { vertical-align: bottom; }
/* semaforo de las consultas (columna SEMAFORO): bolita con brillo; la fila amarilla o roja la pinta GrillaDinamica */
.emint-semaforo { display: block; margin: 0 auto; width: 16px; height: 16px; border-radius: 50%; background: radial-gradient(circle at 35% 30%, #eeeeee, #9e9e9e 60%, #6e6e6e);
                  box-shadow: inset -2px -2px 3px rgba(0,0,0,.25), inset 2px 2px 3px rgba(255,255,255,.6); }
.emint-semaforo-verde { background: radial-gradient(circle at 35% 30%, #b9f6a0, #3da935 60%, #2a7d24); }
.emint-semaforo-amarillo { background: radial-gradient(circle at 35% 30%, #fff7b0, #f2c200 60%, #b89200); }
.emint-semaforo-rojo { background: radial-gradient(circle at 35% 30%, #ffb3b3, #e53935 60%, #a61f1c); }
/* semaforo de la conciliacion en cada inicio (Shared\SemaforoConciliacion.razor) */
.emint-conciliacion-zona { margin-bottom: 0.75rem; }
.emint-conciliacion-cuenta { display: inline-flex; align-items: center; gap: 0.3rem; font-weight: 700; }
.emint-conciliacion-fila { display: flex; align-items: center; gap: 0.6rem; padding: 0.35rem 0.25rem; border-bottom: 1px solid var(--rz-base-200); cursor: pointer; }
.emint-conciliacion-fila:hover { background: var(--rz-base-100); }
.emint-conciliacion-modulo { flex: 0 0 11rem; font-weight: 600; }
.emint-conciliacion-cuenta-texto { flex: 1; min-width: 0; overflow: hidden; text-overflow: ellipsis; white-space: nowrap; }
.emint-conciliacion-importe { flex: 0 0 auto; font-variant-numeric: tabular-nums; font-weight: 600; }
@media (max-width: 700px) { .emint-conciliacion-modulo { flex-basis: 6rem; } }
.emint-pie { display: flex; align-items: center; justify-content: flex-end; gap: 0.25rem; font-weight: 600; }
.emint-pie-calculo { font-size: 0.7rem; border: 1px solid var(--rz-base-300); border-radius: 3px; background: transparent; color: var(--rz-text-secondary-color);
    padding: 0 1px; max-width: 58px; }
.emint-pie-valor { white-space: nowrap; }
/* detalle de una fila (doble clic) */
.emint-marco { width: 100%; height: calc(88vh - 200px); border: 1px solid var(--rz-base-300); border-radius: 4px; background: #fff; }
.emint-adjuntos { width: 300px; flex-shrink: 0; overflow-y: auto; display: flex; flex-direction: column; gap: 0.35rem; }
.emint-adjunto { display: flex; align-items: center; gap: 0.4rem; padding: 0.35rem 0.4rem; border: 1px solid var(--rz-base-300); border-radius: 4px; cursor: pointer; }
.emint-adjunto:hover { background: var(--rz-base-100); }
.emint-adjunto-actual { border-color: var(--rz-primary); background: var(--rz-primary-lighter); }
.emint-adjunto-nombre { font-size: 0.85rem; white-space: nowrap; overflow: hidden; text-overflow: ellipsis; }
.emint-subir { display: flex; align-items: center; justify-content: center; gap: 0.4rem; padding: 0.6rem; border: 2px dashed var(--rz-primary);
    border-radius: 6px; color: var(--rz-primary); cursor: pointer; font-weight: 600; }
.emint-subir:hover { background: var(--rz-primary-lighter); }
.emint-ficha { display: grid; grid-template-columns: repeat(auto-fill, minmax(200px, 1fr)); gap: 0.5rem; }
/* pantalla de documentos (transacciones) */
.emint-doc-numero { font-size: 1.1rem; font-weight: 600; color: var(--rz-text-secondary-color); }
.emint-doc-cabecera { display: grid; grid-template-columns: repeat(auto-fill, minmax(240px, 1fr)); gap: 0.6rem 1rem; }
.emint-doc-campo { display: flex; flex-direction: column; gap: 0.15rem; min-width: 0; }
.emint-doc-campo label { font-size: 0.75rem; color: var(--rz-text-secondary-color); }
.emint-doc-campo-ancho { grid-column: 1 / -1; }
.emint-doc-valor { display: block; padding: 0.35rem 0; min-height: 1.6rem; }
.emint-doc-lineas { overflow-x: auto; border: 1px solid var(--rz-base-300); border-radius: 6px; padding: 0.25rem; background: var(--rz-base-background-color); }
.emint-doc-lineas table { width: 100%; border-collapse: collapse; }
.emint-doc-lineas th { text-align: left; font-size: 0.75rem; font-weight: 600; color: var(--rz-text-secondary-color); padding: 0.35rem 0.4rem;
    border-bottom: 1px solid var(--rz-base-300); white-space: nowrap; }
.emint-doc-lineas td { padding: 0.2rem 0.4rem; border-bottom: 1px solid var(--rz-base-200); vertical-align: middle; }
.emint-doc-lineas .emint-num { text-align: right; }
/* imagen del articulo en la linea del documento (pedido 2026-11-04): miniatura que se agranda al pasar el mouse */
.emint-lin-articulo { display: flex; align-items: center; gap: 0.35rem; }
.emint-lin-articulo > :last-child { flex: 1; min-width: 0; }
.emint-lin-img { width: 34px; height: 34px; object-fit: contain; border-radius: 4px; border: 1px solid var(--rz-base-300); background: #fff;
                 transition: transform 0.15s ease; transform-origin: left center; flex: none; }
.emint-lin-img:hover { transform: scale(5); position: relative; z-index: 30; box-shadow: 0 4px 16px rgba(0,0,0,0.25); }
.emint-doc-totales { display: flex; flex-direction: column; align-items: flex-end; gap: 0.2rem; margin-top: 0.75rem; }
.emint-doc-totales div { display: flex; gap: 1.5rem; min-width: 320px; justify-content: space-between; }
.emint-doc-totales div:last-child b { font-size: 1.2rem; }
/* calculadora */
.emint-calc { outline: none; }
.emint-calc-cuenta { min-height: 1.2rem; text-align: right; font-size: 0.85rem; color: var(--rz-text-secondary-color); }
.emint-calc-pantalla { text-align: right; font-size: 2rem; font-weight: 600; padding: 0.25rem 0.5rem; margin-bottom: 0.5rem; border-radius: 4px;
    background: var(--rz-base-100); overflow: hidden; text-overflow: ellipsis; white-space: nowrap; }
.emint-calc-teclas { display: grid; grid-template-columns: repeat(4, 1fr); gap: 0.35rem; }
.emint-calc-teclas .rz-button { min-height: 2.6rem; font-size: 1.1rem; }
/* ayuda (manual) */
.emint-ayuda { min-height: 100vh; background: #fff; color: #222; }
.emint-ayuda-marco { display: flex; min-height: 100vh; }
.emint-ayuda-indice { width: 290px; flex-shrink: 0; padding: 1rem; border-right: 1px solid #ddd; background: #f7f7f9; position: sticky; top: 0;
    height: 100vh; overflow-y: auto; box-sizing: border-box; }
.emint-ayuda-indice a { display: block; padding: 0.2rem 0.4rem; color: #333; text-decoration: none; font-size: 0.9rem; border-radius: 3px; }
.emint-ayuda-indice a:hover { background: #e9e7f3; }
.emint-ayuda-actual { background: #ded9f2; font-weight: 600; }
.emint-ayuda-texto { flex: 1; min-width: 0; padding: 1.5rem 2.5rem; max-width: 1000px; line-height: 1.55; }
.emint-ayuda-texto h1, .emint-ayuda-texto h2, .emint-ayuda-texto h3 { scroll-margin-top: 1rem; }
.emint-ayuda-texto table { border-collapse: collapse; margin: 0.75rem 0; }
.emint-ayuda-texto th, .emint-ayuda-texto td { border: 1px solid #ccc; padding: 0.3rem 0.6rem; vertical-align: top; }
.emint-ayuda-texto th { background: #f0eef7; }
.emint-ayuda-texto code { background: #f2f2f2; padding: 0 0.25rem; border-radius: 3px; }
.emint-ayuda-texto pre { background: #f2f2f2; padding: 0.75rem; overflow-x: auto; }
/* manuales del equipo dentro del sitio de administracion: el indice acompania al texto debajo de la cabecera */
.emint-manual-admin { min-height: auto; margin: -1.5rem; }
.emint-manual-admin .emint-ayuda-indice { height: calc(100vh - 110px); }
@media (max-width: 768px) {
    .emint-ayuda-marco { flex-direction: column; }
    .emint-ayuda-indice { width: auto; height: auto; position: static; border-right: none; border-bottom: 1px solid #ddd; }
    .emint-ayuda-texto { padding: 1rem; }
}
@media (max-width: 768px) {
    .emint-empresa, .emint-usuario { display: none; }
    .emint-cuerpo { padding: 0.75rem; }
}

/* casilla si / no de los formularios: con su texto al lado, del alto de los demas campos */
.emint-campo-si-no { display: flex; align-items: center; gap: 0.6rem; min-height: 42px; height: 100%; padding: 0 0.85rem;
                     border: 1px solid var(--rz-input-border, var(--rz-base-300)); border-radius: var(--rz-input-border-radius, 4px);
                     background: var(--rz-input-background-color, transparent); }
.emint-campo-si-no .rz-label { margin: 0; cursor: pointer; }
.emint-campo-si-no-inactivo { opacity: 0.7; }
.emint-campo-si-no-inactivo .rz-label { cursor: default; }

/* mapa para marcar el punto de una direccion */
.emint-mapa { height: 380px; width: 100%; border-radius: 4px; border: 1px solid var(--rz-base-300); }

/* pie fijo de todas las pantallas */
.emint-pie { text-align: center; font-size: 0.75rem; padding: 0.3rem 1rem; color: var(--rz-text-secondary-color);
             border-top: 1px solid var(--rz-base-300); background: var(--rz-base-background-color); }
.emint-pie-ingreso { border-top: none; background: transparent; margin-top: 1rem; }

/* grilla de lineas del formulario generico (GrillaLineas) */
.emint-lineas { margin-top: 1rem; }
.emint-lineas-titulo { display: flex; align-items: center; justify-content: space-between; gap: 1rem; margin-bottom: 0.4rem; flex-wrap: wrap; }
.emint-lineas-botones { display: flex; align-items: center; gap: 0.4rem; flex-wrap: wrap; }
.emint-subir-chico { padding: 0.2rem 0.6rem; border-width: 1px; font-size: 0.8rem; font-weight: 500; }
.emint-lineas-tabla { overflow-x: auto; border: 1px solid var(--rz-base-300); border-radius: 4px; }
.emint-lineas-tabla table { border-collapse: collapse; width: 100%; }
.emint-lineas-tabla th { background: var(--rz-base-100); font-weight: 600; font-size: 0.8rem; text-align: left; padding: 0.4rem; white-space: nowrap; }
.emint-lineas-tabla td { padding: 0.25rem 0.3rem; border-top: 1px solid var(--rz-base-200); vertical-align: middle; }
.emint-lineas-nro { width: 2.2rem; text-align: center !important; color: var(--rz-text-secondary-color); }
.emint-lineas-acciones { width: 4.5rem; white-space: nowrap; }

/* Gantt de planificacion (Gantt.razor) */
:root { --emint-gantt-pro: #4f6bed; --emint-gantt-pry: #2e9e6b; --emint-gantt-man: #8a5cd6; --emint-gantt-atrasada: #d9534f;
        --emint-gantt-sobrecarga: #f0a020; --emint-gantt-sin: #b0b6c0; }
.emint-gantt-leyenda { display: flex; flex-wrap: wrap; gap: 1rem; align-items: center; font-size: 0.8rem; margin: 0.4rem 0; }
.emint-gantt-leyenda span { display: inline-flex; align-items: center; gap: 0.35rem; }
.emint-gantt-muestra { display: inline-block; width: 18px; height: 10px; border-radius: 3px; }
.emint-gantt { display: flex; border: 1px solid var(--rz-base-300); border-radius: 4px; background: var(--rz-base-background-color); max-height: 70vh; overflow-y: auto; }
.emint-gantt-arbol { flex: 0 0 340px; border-right: 1px solid var(--rz-base-300); position: sticky; left: 0; background: var(--rz-base-background-color); z-index: 1; }
.emint-gantt-cab { height: 42px; display: flex; align-items: flex-end; padding: 0 0.5rem 0.3rem; font-weight: 600; font-size: 0.8rem; border-bottom: 1px solid var(--rz-base-300); }
.emint-gantt-fila { height: 28px; display: flex; align-items: center; gap: 0.3rem; padding-right: 0.5rem; font-size: 0.8rem; border-bottom: 1px solid var(--rz-base-200); white-space: nowrap; overflow: hidden; }
.emint-gantt-resumen { font-weight: 600; }
.emint-gantt-plegar { font-size: 20px; cursor: pointer; flex: none; }
.emint-gantt-texto { overflow: hidden; text-overflow: ellipsis; flex: 1; }
.emint-gantt-recurso { color: var(--rz-text-secondary-color); font-size: 0.72rem; flex: none; max-width: 110px; overflow: hidden; text-overflow: ellipsis; }
.emint-gantt-tiempo { flex: 1; overflow-x: auto; }
.emint-gantt-cab-mes { fill: var(--rz-base-100); stroke: var(--rz-base-300); }
.emint-gantt-cab-texto { font-size: 11px; font-weight: 600; fill: var(--rz-text-color); }
.emint-gantt-cab-dia { font-size: 10px; fill: var(--rz-text-secondary-color); }
.emint-gantt-grilla { stroke: var(--rz-base-200); }
.emint-gantt-finde { fill: var(--rz-base-100); opacity: 0.6; }
.emint-gantt-hoy { stroke: var(--emint-gantt-atrasada); stroke-width: 2; stroke-dasharray: 4 3; }
.emint-gantt-vinculo { fill: none; stroke: var(--rz-text-secondary-color); stroke-width: 1.2; }
.emint-gantt-flecha { fill: var(--rz-text-secondary-color); }
.emint-gantt-avance { fill: rgba(0, 0, 0, 0.35); }
.emint-gantt-sin { opacity: 0.7; stroke-dasharray: 4 2; stroke: #808690; }
.emint-gantt-barra-texto { font-size: 11px; fill: #fff; pointer-events: none; }
.emint-gantt-movible { cursor: pointer; }
.emint-gantt-movible:hover rect { filter: brightness(1.12); }
/* portal de autogestion (proveedores y clientes): marca en la cabecera y accesos rapidos del inicio */
.emint-portal-marca { font-size: 0.75rem; font-weight: 600; padding: 0.15rem 0.6rem; border-radius: 10px; margin-left: 0.5rem;
    background: var(--rz-primary-lighter); color: var(--rz-primary); white-space: nowrap; }
.emint-portal-accesos { display: flex; flex-wrap: wrap; gap: 0.5rem; }
.emint-portal-acceso { justify-content: flex-start; }
/* tablero de ventas (estilo Power BI): barra de filtros y el grafico de meses a lo ancho */
.emint-tab-filtros { display: flex; flex-wrap: wrap; gap: 0.5rem; align-items: center; margin-bottom: 0.75rem; }
.emint-tab-ancho { grid-column: 1 / -1; }

/* guia de configuracion (Pages\Guia.razor) */
.emint-guia-avance { display: flex; align-items: center; gap: 0.75rem; flex-wrap: wrap; margin-bottom: 1.2rem; font-weight: 600; }
.emint-guia-nivel { margin-bottom: 1.4rem; }
.emint-guia-numero { display: inline-flex; align-items: center; justify-content: center; width: 1.8rem; height: 1.8rem; border-radius: 50%;
                     background: var(--rz-primary); color: var(--rz-on-primary); font-weight: 700; }
.emint-guia-modulo { border: 1px solid var(--rz-base-300); border-radius: 8px; padding: 0.35rem 0.75rem; margin-bottom: 0.5rem; }
.emint-guia-modulo summary { display: flex; align-items: center; gap: 0.75rem; cursor: pointer; padding: 0.3rem 0; }
.emint-guia-paso { display: flex; align-items: flex-start; gap: 0.6rem; padding: 0.55rem 0.4rem; border-bottom: 1px solid var(--rz-base-200); }
.emint-guia-paso:last-child { border-bottom: none; }
.emint-guia-icono { font-size: 1.35rem; margin-top: 0.1rem; }
.emint-guia-cuerpo { flex: 1; min-width: 0; }
.emint-guia-titulo { display: flex; align-items: baseline; gap: 0.6rem; flex-wrap: wrap; }
.emint-guia-desc { font-size: 0.88rem; margin-top: 0.15rem; }
.emint-guia-acciones { display: flex; gap: 0.35rem; flex-wrap: wrap; justify-content: flex-end; }
.emint-guia-estado, .emint-guia-opcional { font-size: 0.75rem; padding: 0.05rem 0.5rem; border-radius: 999px; border: 1px solid currentColor; }
.emint-guia-opcional { color: var(--rz-text-secondary-color); }
.emint-guia-ok .emint-guia-icono, .emint-guia-ok .emint-guia-estado { color: var(--rz-success); }
.emint-guia-pend .emint-guia-icono, .emint-guia-pend .emint-guia-estado { color: var(--rz-warning-dark, #b26a00); }
.emint-guia-bloq .emint-guia-icono, .emint-guia-bloq .emint-guia-estado { color: var(--rz-text-disabled-color, #888); }
.emint-guia-na { opacity: 0.65; }
.emint-guia-na .emint-guia-estado { color: var(--rz-text-secondary-color); }
@media (max-width: 768px) { .emint-guia-paso { flex-wrap: wrap; } .emint-guia-acciones { width: 100%; justify-content: flex-start; } }

/* reportes con varios resultados (Consulta.razor) y pestanias de detalle de los documentos (Transaccion.razor), 2026-10-20 */
.emint-resultado-titulo { font-weight: 600; color: var(--rz-primary); }
.emint-doc-detalles .rz-tabview-panel { padding: 0.5rem 0 0 0; }

/* despiece de los equipos en arbol (Despiece.razor) */
.emint-despiece .rz-tree { background: transparent; }
.emint-despiece .rz-treenode-content { padding: 0.15rem 0.25rem; }
.emint-desp-nodo { display: inline-flex; align-items: center; flex-wrap: wrap; gap: 0.45rem; }
.emint-desp-icono { font-size: 1.1rem; color: var(--rz-primary); }
.emint-desp-pos { font-family: monospace; font-size: 0.8rem; color: var(--rz-text-secondary-color); min-width: 3.2rem; }
.emint-desp-chip { font-size: 0.7rem; padding: 0.05rem 0.45rem; border-radius: 10px; background: var(--rz-primary-lighter); color: var(--rz-primary-darker, var(--rz-primary)); }
.emint-desp-pieza { font-size: 0.8rem; color: var(--rz-text-secondary-color); }
.emint-desp-stock-ok, .emint-desp-stock-falta, .emint-desp-ot, .emint-desp-estado { font-size: 0.72rem; padding: 0.05rem 0.45rem; border-radius: 10px; font-weight: 600; }
.emint-desp-stock-ok { background: rgba(46, 160, 67, 0.15); color: #1f7a33; }
.emint-desp-stock-falta { background: rgba(220, 53, 69, 0.14); color: #b02a37; }
.emint-desp-ot { background: rgba(255, 152, 0, 0.18); color: #b26a00; }
.emint-desp-estado { background: var(--rz-base-200); color: var(--rz-text-color); }
/* pantalla de migracion de datos (/migracion): resumen del control, nombre y detalle de cada tipo */
.emint-mig-cifras { display: flex; flex-wrap: wrap; gap: 0.75rem; }
.emint-mig-cifras > div { display: flex; flex-direction: column; min-width: 120px; padding: 0.5rem 0.8rem; border: 1px solid var(--rz-base-300); border-radius: 6px; }
.emint-mig-cifras span { font-size: 0.8rem; color: var(--rz-text-secondary-color); }
.emint-mig-cifras strong { font-size: 1.4rem; font-variant-numeric: tabular-nums; }
.emint-mig-cifras .emint-mig-error strong { color: var(--rz-danger); }
.emint-mig-cifras .emint-mig-ok strong { color: var(--rz-success); }
.emint-mig-tipo { display: flex; flex-direction: column; gap: 0.15rem; white-space: normal; }
.emint-mig-tipo span { font-size: 0.8rem; color: var(--rz-text-secondary-color); }
.emint-mig-datos { font-family: Consolas, monospace; font-size: 0.75rem; white-space: normal; word-break: break-all; }
.emint-subir-inactivo { opacity: 0.5; pointer-events: none; }

/* chat interno (ChatPanel / ChatHilo): lista de conversaciones a la izquierda, la conversacion a la derecha */
/* el panel lateral de Radzen (derecha / izquierda) no fija la altura de arriba: con RadzenComponents al final del layout quedaba
   debajo de la pantalla (el boton del chat "no abria") */
.rz-dialog-side-position-right, .rz-dialog-side-position-left { top: 0; }
.emint-chat-boton { position: relative; }
.emint-chat-contador { position: absolute; top: 2px; right: 2px; min-width: 1.1rem; height: 1.1rem; padding: 0 0.25rem; border-radius: 0.55rem;
    background: var(--rz-danger); color: #fff; font-size: 0.68rem; line-height: 1.1rem; text-align: center; pointer-events: none; }
.emint-chat-contador.emint-chat-contador-mencion { background: var(--rz-warning-dark, #e08a00); }
.emint-chat-panel { display: flex; gap: 0.75rem; height: calc(100vh - 110px); }
.emint-chat-lista { width: 280px; flex: 0 0 280px; display: flex; flex-direction: column; gap: 0.4rem; min-height: 0; }
.emint-chat-items { flex: 1; overflow-y: auto; border-top: 1px solid var(--rz-base-300); }
.emint-chat-item { display: flex; align-items: center; gap: 0.5rem; padding: 0.45rem 0.35rem; border-bottom: 1px solid var(--rz-base-200); cursor: pointer; }
.emint-chat-item:hover { background: var(--rz-base-100); }
.emint-chat-item-actual { background: var(--rz-primary-lighter); }
.emint-chat-item-titulo { font-weight: 600; font-size: 0.88rem; white-space: nowrap; overflow: hidden; text-overflow: ellipsis; }
.emint-chat-item-texto { font-size: 0.78rem; white-space: nowrap; overflow: hidden; text-overflow: ellipsis; }
.emint-chat-grupo { display: flex; flex-direction: column; gap: 0.35rem; padding: 0.4rem; border: 1px solid var(--rz-base-300); border-radius: 6px; }
.emint-chat-actual { flex: 1; min-width: 0; }
.emint-chat-hilo { display: flex; flex-direction: column; min-height: 0; border: 1px solid var(--rz-base-300); border-radius: 8px; }
.emint-chat-cab { display: flex; align-items: center; gap: 0.5rem; padding: 0.5rem 0.75rem; border-bottom: 1px solid var(--rz-base-300); }
.emint-chat-titulo { display: flex; align-items: center; gap: 0.35rem; font-weight: 600; }
.emint-chat-participantes { font-size: 0.75rem; white-space: nowrap; overflow: hidden; text-overflow: ellipsis; }
.emint-chat-mensajes { flex: 1; overflow-y: auto; padding: 0.6rem 0.75rem; display: flex; flex-direction: column; gap: 0.45rem;
    background: var(--rz-base-50, var(--rz-base-background-color)); }
.emint-chat-msj { max-width: 78%; align-self: flex-start; padding: 0.35rem 0.6rem; border-radius: 10px 10px 10px 2px;
    background: var(--rz-base-200); }
.emint-chat-propio { align-self: flex-end; border-radius: 10px 10px 2px 10px; background: var(--rz-primary-lighter); }
.emint-chat-mencion { box-shadow: inset 3px 0 0 var(--rz-warning, #f0ad4e); }
.emint-chat-autor { display: flex; align-items: center; gap: 0.35rem; font-size: 0.75rem; font-weight: 600; }
.emint-chat-texto { white-space: pre-wrap; word-break: break-word; font-size: 0.9rem; }
.emint-chat-arroba { color: var(--rz-primary); font-weight: 600; }
.emint-chat-adjunto { display: inline-flex; align-items: center; gap: 0.25rem; font-size: 0.85rem; margin-top: 0.2rem; }
.emint-chat-escribir { border-top: 1px solid var(--rz-base-300); padding: 0.5rem; }
.emint-chat-pendiente { display: inline-flex; align-items: center; gap: 0.25rem; font-size: 0.8rem; margin-bottom: 0.3rem; }
.emint-chat-linea { display: flex; gap: 0.5rem; align-items: flex-end; }
.emint-chat-cuadro { flex: 1; resize: vertical; min-height: 2.6rem; max-height: 9rem; width: 100%; }
.emint-chat-botones { display: flex; align-items: center; gap: 0.35rem; }
.emint-chat-clip { cursor: pointer; display: inline-flex; padding: 0.3rem; border-radius: 4px; color: var(--rz-text-secondary-color); }
.emint-chat-clip:hover { background: var(--rz-base-200); }
@media (max-width: 760px) {
    .emint-chat-panel { flex-direction: column; height: auto; }
    .emint-chat-lista { width: 100%; flex-basis: auto; max-height: 35vh; }
    .emint-chat-msj { max-width: 92%; }
}
/* entrada: pais por continente con bandera y demo (rubro) - Empresa.razor */
.emint-ingreso-tarjeta:has(.emint-elegir) { width: 760px; }
.emint-elegir .emint-bandera { width: 28px; height: 21px; border-radius: 3px; box-shadow: 0 0 0 1px var(--rz-base-300); object-fit: cover; flex: none; }
.emint-elegir-seguir { width: 100%; justify-content: flex-start; gap: 0.6rem; margin-bottom: 0.5rem; text-transform: none; }
.emint-elegir-titulo { display: flex; align-items: center; gap: 0.6rem; margin-bottom: 1rem; }
.emint-continente { margin: 1rem 0 0.4rem; font-size: 0.75rem; font-weight: 700; letter-spacing: 0.06em; text-transform: uppercase; color: var(--rz-text-secondary-color); border-bottom: 1px solid var(--rz-base-300); padding-bottom: 0.25rem; }
.emint-paises { display: grid; grid-template-columns: repeat(auto-fill, minmax(165px, 1fr)); gap: 0.4rem; }
.emint-pais { display: flex; align-items: center; gap: 0.55rem; padding: 0.45rem 0.6rem; border: 1px solid var(--rz-base-300); border-radius: 8px; background: var(--rz-base-background-color); color: var(--rz-text-color); cursor: pointer; text-align: left; font: inherit; min-width: 0; }
.emint-pais:hover:not(:disabled) { border-color: var(--rz-primary); background: var(--rz-base-100, rgba(0,0,0,0.03)); }
.emint-pais:disabled { opacity: 0.6; cursor: wait; }
.emint-pais-default { border-color: var(--rz-primary); }
.emint-pais-texto { display: flex; flex-direction: column; min-width: 0; flex: 1; }
.emint-pais-nombre { font-size: 0.9rem; font-weight: 600; white-space: nowrap; overflow: hidden; text-overflow: ellipsis; }
.emint-pais-empresa { font-size: 0.72rem; color: var(--rz-text-secondary-color); white-space: nowrap; overflow: hidden; text-overflow: ellipsis; }
.emint-rubros { display: grid; grid-template-columns: repeat(auto-fill, minmax(160px, 1fr)); gap: 0.6rem; }
.emint-rubro { display: flex; flex-direction: column; align-items: flex-start; gap: 0.3rem; padding: 0.9rem; border: 1px solid var(--rz-base-300); border-radius: 10px; background: var(--rz-base-background-color); color: var(--rz-text-color); cursor: pointer; text-align: left; font: inherit; }
.emint-rubro:hover:not(:disabled) { border-color: var(--rz-primary); box-shadow: var(--rz-shadow-2, 0 2px 6px rgba(0,0,0,0.12)); }
.emint-rubro-ultimo { border-color: var(--rz-primary); }
.emint-rubro-icono { font-size: 2rem; color: var(--rz-primary); }
.emint-rubro-nombre { font-weight: 600; }
.emint-rubro-desc { font-size: 0.78rem; color: var(--rz-text-secondary-color); }
.emint-rubro-clave { margin-top: auto; padding: 0.1rem 0.5rem; border-radius: 999px; font-size: 0.72rem; font-weight: 600; background: var(--rz-primary-lighter, rgba(67,64,210,0.12)); color: var(--rz-primary); }
.emint-rubro-chip { margin-left: 0.6rem; padding: 0.15rem 0.6rem; border-radius: 999px; font-size: 0.78rem; font-weight: 600; background: var(--rz-primary-lighter, rgba(67,64,210,0.12)); color: var(--rz-primary); cursor: pointer; white-space: nowrap; }
@media (max-width: 600px) { .emint-rubro-chip { display: none; } }

/* Ficha de la carpeta de importacion (Pages\ImportacionCarpeta.razor): columna principal + lateral, cajas con titulo y tablas simples */
.emint-ficha { display: grid; grid-template-columns: minmax(0, 1fr) 340px; gap: 0.9rem; align-items: start; }
@media (max-width: 1100px) { .emint-ficha { grid-template-columns: minmax(0, 1fr); } }
.emint-ficha-principal, .emint-ficha-lateral { display: flex; flex-direction: column; gap: 0.75rem; min-width: 0; }
.emint-ficha-caja { background: var(--rz-base-background-color); border: 1px solid var(--rz-base-300); border-radius: 8px; padding: 0.6rem 0.8rem; min-width: 0; }
.emint-ficha-titulo { display: flex; align-items: center; gap: 0.4rem; font-weight: 600; font-size: 0.9rem; margin: -0.6rem -0.8rem 0.6rem; padding: 0.45rem 0.8rem;
    background: var(--rz-base-100); border-bottom: 1px solid var(--rz-base-300); border-radius: 8px 8px 0 0; }
.emint-ficha-cuenta { background: var(--rz-primary); color: #fff; border-radius: 999px; font-size: 0.72rem; padding: 0 0.45rem; min-width: 1.3rem; text-align: center; }
.emint-ficha-campos { display: grid; grid-template-columns: repeat(auto-fill, minmax(200px, 1fr)); gap: 0.5rem 0.9rem; }
.emint-ficha-campo label { display: block; font-size: 0.7rem; text-transform: uppercase; letter-spacing: 0.03em; color: var(--rz-text-secondary-color); }
.emint-ficha-campo div { border: 1px solid var(--rz-base-300); border-radius: 4px; padding: 0.2rem 0.45rem; font-size: 0.85rem; min-height: 1.6rem; background: var(--rz-base-50, transparent); }
.emint-ficha-nota { margin-top: 0.6rem; font-size: 0.85rem; }
.emint-ficha-scroll { overflow-x: auto; }
.emint-ficha-tabla { width: 100%; border-collapse: collapse; font-size: 0.82rem; }
.emint-ficha-tabla th { text-align: left; font-weight: 600; border-bottom: 2px solid var(--rz-base-300); padding: 0.3rem 0.45rem; white-space: nowrap; }
.emint-ficha-tabla td { border-bottom: 1px solid var(--rz-base-200); padding: 0.3rem 0.45rem; }
.emint-ficha-tabla tfoot td { font-weight: 600; border-bottom: none; }
.emint-ficha-tabla .num { text-align: right; white-space: nowrap; }
.emint-ficha-elegida td { background: var(--rz-success-lighter, rgba(40,167,69,0.12)); }
.emint-ficha-contadores { display: grid; grid-template-columns: repeat(3, 1fr); gap: 0.5rem; }
.emint-ficha-contadores div { background: var(--rz-base-background-color); border: 1px solid var(--rz-base-300); border-radius: 8px; padding: 0.5rem; text-align: center; }
.emint-ficha-contadores b { display: block; font-size: 1.4rem; color: var(--rz-primary); }
.emint-ficha-contadores span { font-size: 0.72rem; color: var(--rz-text-secondary-color); }
.emint-ficha-tarifa .emint-ficha-titulo { background: var(--rz-success); color: #fff; }
.emint-ficha-par { display: flex; justify-content: space-between; gap: 0.6rem; font-size: 0.82rem; padding: 0.15rem 0; }
.emint-ficha-evento { border-bottom: 1px solid var(--rz-base-200); padding: 0.4rem 0; font-size: 0.82rem; }
.emint-ficha-evento:last-child { border-bottom: none; }
.emint-ficha-evento-pie { display: flex; justify-content: space-between; font-size: 0.75rem; }
.emint-ficha-tabla tr.emint-ficha-subfila td { border-bottom: 1px solid var(--rz-base-200); padding-top: 0; font-size: 0.78rem; }

/* Inspeccion de calidad con la nota del operador (Pages\CalidadInspeccion.razor) */
.emint-cci-nota { border: 1px solid #f5c26b; background: #fff8e6; border-left: 6px solid #f59e0b; border-radius: 8px; padding: 0.7rem 1rem; color: #4a3500; }
.emint-cci-nota-titulo { display: flex; align-items: center; gap: 0.4rem; font-weight: 700; font-size: 1rem; margin-bottom: 0.3rem; }
.emint-cci-nota p { margin: 0 0 0.4rem; font-size: 0.88rem; }
.emint-cci-nota ol { margin: 0; padding-left: 1.3rem; font-size: 0.88rem; }
.emint-cci-nota li { margin: 0.15rem 0; }
.emint-cci-estandar { font-weight: 600; white-space: nowrap; }
.emint-cci-valor { width: 7rem; text-align: right; }
.emint-cci-botones { display: flex; gap: 0.3rem; }
.emint-cci-botones button { border: 1px solid var(--rz-base-400); background: var(--rz-base-background-color); border-radius: 4px; padding: 0.2rem 0.6rem; cursor: pointer; font-size: 0.8rem; }
.emint-cci-botones .emint-cci-si.elegido { background: #c8e6c9; border-color: #2e7d32; color: #1b5e20; font-weight: 700; }
.emint-cci-botones .emint-cci-no.elegido { background: #ffcdd2; border-color: #c62828; color: #8e1b1b; font-weight: 700; }
.emint-cci-marca { display: inline-block; border-radius: 4px; padding: 0.1rem 0.5rem; font-size: 0.72rem; font-weight: 700; text-transform: uppercase; background: var(--rz-base-200); color: var(--rz-text-secondary-color); }
.emint-cci-ok { background: #c8e6c9; color: #1b5e20; }
.emint-cci-mal { background: #ffcdd2; color: #8e1b1b; }
.emint-cci-resultado { display: flex; align-items: center; gap: 0.8rem; border-radius: 8px; padding: 0.6rem 1rem; background: var(--rz-base-200); }
.emint-cci-resultado b { font-size: 1.15rem; }
.emint-cci-res-aprobado { background: #c8e6c9; color: #1b5e20; }
.emint-cci-res-rechazado { background: #ffcdd2; color: #8e1b1b; }
.emint-cci-motivo { border: 2px solid #c62828; border-radius: 8px; padding: 0.5rem 0.8rem; }
.emint-cci-motivo-texto { width: 100%; }

/* Hojas del marco (Layout\MainLayout.razor + HojaEmint): una pestania por pantalla abierta; el punto marca cambios sin grabar */
.emint-hojas { display: flex; align-items: flex-end; gap: 2px; margin: -0.5rem 0 0.75rem; border-bottom: 1px solid var(--rz-base-300);
               overflow-x: auto; scrollbar-width: thin; }
.emint-hoja-pestania { display: flex; align-items: center; gap: 0.35rem; max-width: 220px; padding: 0.3rem 0.4rem 0.3rem 0.7rem;
                       border: 1px solid var(--rz-base-300); border-bottom: none; border-radius: 6px 6px 0 0; font-size: 0.8rem;
                       background: var(--rz-base-100, rgba(0,0,0,0.03)); color: var(--rz-text-secondary-color); cursor: pointer;
                       white-space: nowrap; user-select: none; flex-shrink: 0; }
.emint-hoja-pestania:hover { color: var(--rz-text-color); }
.emint-hoja-activa { background: var(--rz-base-background-color); color: var(--rz-text-color); font-weight: 600;
                     box-shadow: inset 0 3px 0 var(--emint-hoja-color, var(--rz-primary)); margin-bottom: -1px; padding-bottom: calc(0.3rem + 1px); }
/* color del modulo (Iconos.Color): raya arriba de cada pestania (mas gruesa en la activa) y el icono */
.emint-hoja-pestania:not(.emint-hoja-activa) { box-shadow: inset 0 2px 0 var(--emint-hoja-color, var(--rz-base-400, #9aa0a6)); }
.emint-hoja-icono { font-size: 16px !important; color: var(--emint-hoja-color, var(--rz-text-secondary-color)); flex-shrink: 0; }
.emint-hoja-titulo { overflow: hidden; text-overflow: ellipsis; }
.emint-hoja-cambios { width: 7px; height: 7px; border-radius: 50%; background: var(--rz-warning, #f59e0b); flex-shrink: 0; }
.emint-hoja-cerrar { display: inline-flex; align-items: center; justify-content: center; width: 18px; height: 18px; border-radius: 4px;
                     color: var(--rz-text-secondary-color); }
.emint-hoja-cerrar .rzi { font-size: 14px; }
.emint-hoja-cerrar:hover { background: var(--rz-base-300); color: var(--rz-text-color); }
.emint-hojas-otras { margin-left: auto; flex-shrink: 0; }
.emint-hoja[hidden] { display: none !important; }