/* Ajustes de marca sobre el tema base (se carga después de theme.min.css). */

/* Modo claro: fondo gris suave para que tarjetas, tablas y campos (blancos) se distingan.
   Solo cambia el fondo de la página: no se toca la variable global --ds-body-bg, que usan otros componentes. */
[data-bs-theme="light"] body {
    background-color: #f1f4f7;
}

/* Campo con ícono a la izquierda: <div class="position-relative"><i class="ti ti-... field-icon"></i><input class="form-control has-icon"></div> */
.field-icon {
    position: absolute;
    top: 50%;
    left: .9rem;
    transform: translateY(-50%);
    z-index: 4;
    pointer-events: none;
    font-size: 1.15rem;
    line-height: 1;
    color: var(--bs-secondary-color, #6c757d);
}

.has-icon {
    padding-left: 2.6rem;
}