/*
Estilos propios del proyecto que no vienen del theme Laundry POS.
Se cargan después de theme/css/style.css para poder sobreescribir puntualmente.
*/

.input-danger .form-control,
.input-danger .form-select {
    border-color: var(--danger);
}

.input-danger .input-group-text {
    border-color: var(--danger);
}

/*
El theme asume un ícono cuadrado pequeño para el logo del sidebar
(logo-small.svg). Los logos institucionales reales son logotipos
rectangulares de tamaño arbitrario, así que hay que acotarlos.
*/
.sidebar .twocol-mini .logo-small img {
    max-width: 44px;
    max-height: 44px;
    width: auto;
    height: auto;
    object-fit: contain;
}

/*
El logo institucional en la pantalla de login (guest.blade.php) no tiene
límite propio (solo .img-fluid), así que ocupa todo el ancho de la columna
del formulario y se ve demasiado grande.
*/
.auth-page .logo-light img,
.auth-page .logo-dark img {
    max-width: 220px;
    width: 100%;
    height: auto;
}

/*
El theme solo acota el logo grande del topbar (.logo-lg, visible en mobile
< 992px); el logo-sm (mismo breakpoint, versión compacta) queda sin límite
asumiendo un ícono ya pequeño. Con un logotipo institucional real hay que
acotarlo también.
*/
.navbar-header .logo .logo-sm img,
.navbar-header .logo .logo-dark .logo-lg img {
    max-width: 40px;
    max-height: 40px;
    width: auto;
    height: auto;
    object-fit: contain;
}

/*
El theme trae las clases .logo-light/.logo-dark pero nunca define el toggle
real entre claro y oscuro (solo las usa para breakpoints de tamaño en el
topbar). Se define aquí para que el logo cambie con data-bs-theme.
*/
.logo-dark {
    display: none;
}

[data-bs-theme="dark"] .logo-light {
    display: none;
}

[data-bs-theme="dark"] .logo-dark {
    display: block;
}

/*
invoice-amico.svg no declara width/height en su <svg> raíz (solo viewBox),
así que el navegador no le da tamaño intrínseco dentro de un contenedor
position:absolute — hay que forzar el ancho explícitamente. También se
agranda respecto al max-width:320px del theme (pensado para su ilustración
original, más angosta), que dejaba mucho espacio vacío sobre la imagen.
*/
.auth-img {
    width: 72%;
}

.auth-img img {
    width: 100%;
    max-width: 100%;
}

/*
El theme no define un fondo coherente para .auth-page en dark mode (el
body base del theme usa --dark, que queda invertido/casi blanco en dark
mode ya que normalmente lo tapan otros contenedores que aquí no existen).
Se fuerza explícitamente para que el logo invertido tenga sentido.
*/
.auth-page {
    background-color: #fff;
}

[data-bs-theme="dark"] .auth-page {
    background-color: var(--darkmode-bg, #0B0D0E);
}

/*
Clases heredadas del código previo al theme actual (usadas en el detalle de
facturas/notas), sin ninguna regla real en el theme — quedaban invisibles
(texto blanco sobre fondo transparente). Mismo patrón que badge-soft-*.
*/
.badge-estado-validada {
    color: var(--success);
    background-color: var(--success-transparent);
}

.badge-estado-pendiente {
    color: var(--warning);
    background-color: var(--warning-transparent);
}