/* _content/Teseo.Web/Components/Layout/LoginDisplay.razor.rz.scp.css */
/* =================================================================== */
/* ARCHIVO ESPECÍFICO: LoginDisplay.razor.css                          */
/* Define los estilos para el componente de estado de login.           */
/* =================================================================== */

.user-display[b-xbgq857xas] {
    display: flex;
    align-items: center;
    gap: 1rem; /* Espacio entre el saludo y el botón */
}

.greeting[b-xbgq857xas] {
    color: var(--color-texto-principal);
    white-space: nowrap;
}

.logout-button[b-xbgq857xas] {
    /* Reseteamos los estilos de botón para que parezca un enlace */
    background: none;
    border: none;
    padding: 0;
    cursor: pointer;
    /* Aplicamos los estilos de enlace de Teseo */
    color: var(--color-oro-hover);
    font-family: var(--fuente-cuerpo);
    font-size: 1rem; /* Ajustar al tamaño del texto circundante */
    font-weight: 500;
    text-decoration: none;
    transition: color 0.2s ease;
}

    .logout-button:hover[b-xbgq857xas] {
        color: #FFFFFF;
        text-decoration: underline;
    }

.login-link[b-xbgq857xas] {
    color: var(--color-oro-principal);
    font-weight: 500;
    text-decoration: none;
    transition: color 0.2s ease;
}

    .login-link:hover[b-xbgq857xas] {
        color: var(--color-oro-hover);
        text-decoration: underline;
    }
/* _content/Teseo.Web/Components/Pages/Administracion/EmpresaSucursalLogin/Index.razor.rz.scp.css */
/* =================================================================== */
/* ARCHIVO ESPECÍFICO: Components/Pages/Administracion/EmpresaSucursalLogin/Index.razor.css */
/* Contiene solo los estilos de layout para la página de login.      */
/* =================================================================== */

.login-container[b-yf8xhel74u] {
    display: flex;
    align-items: center;
    justify-content: center;
    min-height: 100vh;
}

.login-box[b-yf8xhel74u] {
    width: 100%;
    max-width: 400px;
    background-color: var(--color-gris-medio);
    padding: 2.5rem;
    border-radius: 8px;
    box-shadow: 0 10px 25px rgba(0, 0, 0, 0.5);
    border-top: 4px solid var(--color-oro-principal);
}

.login-header[b-yf8xhel74u] {
    text-align: center;
    margin-bottom: 2rem;
}

.elegant-title[b-yf8xhel74u] {
    /* Los estilos de fuente y color ya vienen del app.css global */
    font-size: 2.5rem;
    margin: 0;
}

.login-header p[b-yf8xhel74u] {
    color: #aaa;
    letter-spacing: 2px;
    text-transform: uppercase;
    font-size: 0.8rem;
}

/* Hacer que el botón de login ocupe todo el ancho de la caja */
[b-yf8xhel74u] .btn-primary {
    width: 100%;
}
/* _content/Teseo.Web/Components/Pages/Catalogos/Almacenes/FormAlmacen.razor.rz.scp.css */
/* --- Contenedor Principal del Formulario --- */
.form-card[b-izdjdsfdhz] {
    max-width: 900px; /* Ancho máximo del formulario */
    margin: 2rem auto; /* Centrado */
    padding: 2.5rem;
    background-color: var(--color-gris-medio);
    border-radius: 8px;
    border-top: 4px solid var(--color-oro-principal);
    box-shadow: 0 10px 25px rgba(0, 0, 0, 0.5);
}

/* Cabecera del formulario */
.form-card-header[b-izdjdsfdhz] {
    text-align: left;
    margin-bottom: 2rem;
    border-bottom: 1px solid #4a5056;
    padding-bottom: 1rem;
}

/* Grupos de formulario y etiquetas */
.form-group[b-izdjdsfdhz] {
    margin-bottom: 1.5rem;
}

    .form-group label[b-izdjdsfdhz] {
        display: block;
        margin-bottom: .5rem;
        color: #ccc;
        font-size: 0.9rem;
        font-weight: 600;
    }

/* Grupo especial para Checkbox */
.form-check-group[b-izdjdsfdhz] {
    display: flex;
    align-items: center;
    height: 100%; /* Asegura alineación vertical */
    padding-top: 1.7rem; /* Ajuste para alinear con otros campos */
}

    .form-check-group .form-check-input[b-izdjdsfdhz] {
        margin-right: 0.6rem;
        width: 1.1rem;
        height: 1.1rem;
        border-color: #555;
    }

    .form-check-group .form-check-label[b-izdjdsfdhz] {
        margin: 0;
        font-weight: normal;
        color: var(--color-texto-principal);
    }

/* Línea divisoria */
.form-divider[b-izdjdsfdhz] {
    border-color: #4a5056;
    margin-top: 1rem;
    margin-bottom: 2rem;
}

/* Botones de acción (Guardar, Cancelar) */
.form-actions[b-izdjdsfdhz] {
    display: flex;
    justify-content: flex-end; /* Alinea botones a la derecha */
    gap: 1rem; /* Espacio entre botones */
}

    /* Iconos dentro de los botones */
    .form-actions .btn .bi[b-izdjdsfdhz] {
        margin-right: 0.3rem;
        font-size: 0.9rem;
        vertical-align: -1px;
    }

    /* Botón secundario (Cancelar) */
    .form-actions .btn-secondary[b-izdjdsfdhz] {
        background-color: #4a5056;
        border-color: #5a6268;
        color: var(--color-texto-principal);
    }

        .form-actions .btn-secondary:hover[b-izdjdsfdhz] {
            background-color: #5a6268;
        }
/* _content/Teseo.Web/Components/Pages/Catalogos/Almacenes/Index.razor.rz.scp.css */
/* --- Contenedor Principal --- */
.catalog-header[b-cfhe29yucs] {
    display: flex;
    justify-content: space-between;
    align-items: center;
    margin-bottom: 1.5rem;
}

.loading-message[b-cfhe29yucs] {
    font-size: 1.2rem;
    color: var(--color-oro-principal);
}

/* --- Barra de Búsqueda (Solución Moderna) --- */
.filter-bar[b-cfhe29yucs] {
    margin-bottom: 1.5rem;
    display: flex; /* Activa Flexbox */
    gap: 0.5rem; /* Espacio entre elementos */
}

    /* Hace que el input ocupe el espacio disponible */
    .filter-bar .form-control[b-cfhe29yucs] {
        flex-grow: 1;
    }

    /* Evita que los botones se encojan */
    .filter-bar .btn[b-cfhe29yucs] {
        flex-shrink: 0;
    }


/* --- Estilos de la Tabla Elegante --- */
.elegant-table-container[b-cfhe29yucs] {
    background-color: var(--color-gris-medio);
    border-radius: 8px;
    padding: 0.5rem;
    border-top: 4px solid var(--color-oro-principal);
}

.elegant-table[b-cfhe29yucs] {
    border-collapse: separate;
    border-spacing: 0;
    width: 100%;
    color: var(--color-texto-principal); /* Texto blanco/claro */
}

    .elegant-table thead th[b-cfhe29yucs] {
        background-color: var(--color-gris-oscuro); /* Fondo oscuro para la cabecera */
        color: var(--color-oro-principal); /* Cabecera dorada */
        border: none;
        padding: 1rem 1.25rem;
        text-transform: uppercase;
        letter-spacing: 0.5px;
        font-weight: 600;
        font-size: 0.8rem;
        border-bottom: 2px solid #4a5056; /* Línea sutil */
    }

    .elegant-table tbody tr[b-cfhe29yucs] {
        background-color: var(--color-gris-medio); /* Fondo de fila oscuro */
    }

        /* Efecto hover sutil */
        .elegant-table tbody tr:hover[b-cfhe29yucs] {
            background-color: #3f464d; /* Un gris ligeramente más claro */
        }

    .elegant-table tbody td[b-cfhe29yucs] {
        border: none;
        padding: 1rem 1.25rem;
        vertical-align: middle;
        font-size: 0.9rem;
    }

/* --- Insignias de Estado --- */
.badge[b-cfhe29yucs] {
    padding: 0.4em 0.7em;
    border-radius: 4px;
    font-weight: 600;
    font-size: 0.75rem;
}

.status-active[b-cfhe29yucs] {
    background-color: #4a5a6a; /* Color azul/grisáceo sutil */
    color: #e0e0e0;
}

.status-inactive[b-cfhe29yucs] {
    background-color: #5a4a4a; /* Rojo oscuro */
    color: #d0d0d0;
}

/* --- Botones de Acción (Iconos) --- */
.action-buttons[b-cfhe29yucs] {
    text-align: right;
}

.btn-icon[b-cfhe29yucs] {
    background: none;
    border: none;
    padding: 0.3rem 0.5rem;
    margin-left: 0.5rem;
    font-size: 1.1rem;
    border-radius: 4px;
    transition: all 0.2s ease;
}

    /* Botón Editar */
    .btn-icon.btn-edit[b-cfhe29yucs] {
        color: var(--color-oro-hover);
    }

        .btn-icon.btn-edit:hover[b-cfhe29yucs] {
            color: #ffffff;
            background-color: rgba(234, 205, 101, 0.2);
        }

    /* Botón Eliminar */
    .btn-icon.btn-delete[b-cfhe29yucs] {
        color: var(--color-oro-hover); /* Dorado por defecto */
    }

        .btn-icon.btn-delete:hover[b-cfhe29yucs] {
            color: #ff4d4d; /* Rojo al pasar el ratón */
            background-color: rgba(255, 77, 77, 0.1);
        }


/* --- Controles de Paginación --- */
.pagination-controls[b-cfhe29yucs] {
    display: flex;
    justify-content: space-between;
    align-items: center;
    margin-top: 1.5rem;
    color: var(--color-texto-principal);
}

    .pagination-controls span[b-cfhe29yucs] {
        font-weight: 600;
        font-size: 0.9rem;
    }

    .pagination-controls .btn-secondary[b-cfhe29yucs] {
        background-color: var(--color-gris-medio);
        border: 1px solid #4a5056;
    }

        .pagination-controls .btn-secondary:disabled[b-cfhe29yucs] {
            background-color: var(--color-gris-oscuro);
            border-color: var(--color-gris-medio);
            color: #6c757d;
        }
/* _content/Teseo.Web/Components/Pages/Catalogos/AlmacenUbicaciones/FormAlmacenUbicacion.razor.rz.scp.css */
/* Contenedor principal del formulario estilo "tarjeta" */
.form-card[b-r404vjtjxt] {
    background-color: var(--color-gris-medio);
    padding: 2.5rem;
    border-radius: 8px;
    box-shadow: 0 5px 15px rgba(0, 0, 0, 0.3);
    border-top: 4px solid var(--color-oro-principal);
    margin: 2rem auto; /* Centrado y con margen superior/inferior */
    max-width: 900px; /* Ancho máximo para formularios grandes */
}

/* Cabecera dentro de la tarjeta */
.form-card-header[b-r404vjtjxt] {
    text-align: left;
    margin-bottom: 2rem;
    padding-bottom: 1rem;
    border-bottom: 1px solid #4a5056; /* Separador sutil */
}


/* Estilo general para los grupos de formulario (label + input) */
[b-r404vjtjxt] .form-group {
    margin-bottom: 1.5rem;
}

/* Espacio extra para los checkboxes para alinear con labels */
[b-r404vjtjxt] .form-check-group {
    padding-top: 2rem; /* Ajusta según sea necesario */
}

/* Separador visual antes de los botones */
[b-r404vjtjxt] .form-divider {
    border-top: 1px solid #4a5056;
    margin: 2rem 0;
}

/* Contenedor para los botones de acción */
[b-r404vjtjxt] .form-actions {
    display: flex;
    justify-content: flex-end; /* Alinea los botones a la derecha */
    gap: 0.5rem; /* Espacio entre botones */
}

    /* Asegura que los botones Cancelar (<a>) se vean como botones */
    [b-r404vjtjxt] .form-actions .btn-secondary {
        /* Hereda estilos de app.css, pero podemos ajustar si es necesario */
    }
/* _content/Teseo.Web/Components/Pages/Catalogos/AlmacenUbicaciones/Index.razor.rz.scp.css */
/* --- Contenedor Principal --- */
.catalog-header[b-rz5w1wwpzy] {
    display: flex;
    justify-content: space-between;
    align-items: center;
    margin-bottom: 1.5rem;
}

.loading-message[b-rz5w1wwpzy] {
    font-size: 1.2rem;
    color: var(--color-oro-principal);
}

/* --- Barra de Búsqueda --- */
.filter-bar[b-rz5w1wwpzy] {
    margin-bottom: 1.5rem;
    display: flex; /* Activa Flexbox */
    gap: 0.5rem; /* Espacio entre elementos */
}

    /* Hace que el input ocupe el espacio disponible */
    .filter-bar .form-control[b-rz5w1wwpzy] {
        flex-grow: 1;
    }

    /* Evita que los botones se encojan */
    .filter-bar .btn[b-rz5w1wwpzy] {
        flex-shrink: 0;
    }


/* --- Estilos de la Tabla Elegante --- */
.elegant-table-container[b-rz5w1wwpzy] {
    background-color: var(--color-gris-medio);
    border-radius: 8px;
    padding: 0.5rem;
    border-top: 4px solid var(--color-oro-principal);
}

.elegant-table[b-rz5w1wwpzy] {
    border-collapse: separate;
    border-spacing: 0;
    width: 100%;
}

    .elegant-table thead th[b-rz5w1wwpzy] {
        background-color: var(--color-gris-oscuro); /* Fondo oscuro para cabecera */
        color: var(--color-oro-principal); /* Cabecera dorada */
        border: none;
        padding: 1rem 1.25rem;
        text-transform: uppercase;
        letter-spacing: 0.5px;
        font-weight: 600;
        font-size: 0.8rem;
        border-bottom: 2px solid #4a5056; /* Línea sutil */
    }

    .elegant-table tbody tr[b-rz5w1wwpzy] {
        background-color: var(--color-gris-medio); /* Fondo de fila oscuro */
        color: var(--color-texto-principal); /* Texto blanco/claro */
    }

        /* Efecto hover sutil */
        .elegant-table tbody tr:hover[b-rz5w1wwpzy] {
            background-color: #3f464d; /* Un gris ligeramente más claro */
        }

    .elegant-table tbody td[b-rz5w1wwpzy] {
        border: none;
        padding: 1rem 1.25rem;
        vertical-align: middle;
        font-size: 0.9rem;
    }

/* --- Insignias de Estado --- */
.badge[b-rz5w1wwpzy] {
    padding: 0.4em 0.7em;
    border-radius: 4px;
    font-weight: 600;
    font-size: 0.75rem;
}

.status-active[b-rz5w1wwpzy] {
    background-color: #4a5a6a; /* Color azul/grisáceo sutil */
    color: #e0e0e0;
}

.status-inactive[b-rz5w1wwpzy] {
    background-color: #5a4a4a; /* Rojo oscuro */
    color: #d0d0d0;
}

/* --- Botones de Acción (Iconos) --- */
.action-buttons[b-rz5w1wwpzy] {
    text-align: right;
}

.btn-icon[b-rz5w1wwpzy] {
    background: none;
    border: none;
    padding: 0.3rem 0.5rem;
    margin-left: 0.5rem;
    font-size: 1.1rem;
    border-radius: 4px;
    transition: all 0.2s ease;
}

    /* Botón Editar */
    .btn-icon.btn-edit[b-rz5w1wwpzy] {
        color: var(--color-oro-hover);
    }

        .btn-icon.btn-edit:hover[b-rz5w1wwpzy] {
            color: #ffffff;
            background-color: rgba(234, 205, 101, 0.2);
        }

    /* Botón Eliminar */
    .btn-icon.btn-delete[b-rz5w1wwpzy] {
        color: var(--color-oro-hover); /* Dorado por defecto */
    }

        .btn-icon.btn-delete:hover[b-rz5w1wwpzy] {
            color: #ff4d4d; /* Rojo al pasar el ratón */
            background-color: rgba(255, 77, 77, 0.1);
        }


/* --- Controles de Paginación --- */
.pagination-controls[b-rz5w1wwpzy] {
    display: flex;
    justify-content: space-between;
    align-items: center;
    margin-top: 1.5rem;
    color: var(--color-texto-principal);
}

    .pagination-controls span[b-rz5w1wwpzy] {
        font-weight: 600;
        font-size: 0.9rem;
    }

    .pagination-controls .btn-secondary[b-rz5w1wwpzy] {
        background-color: var(--color-gris-medio);
        border: 1px solid #4a5056;
    }

        .pagination-controls .btn-secondary:disabled[b-rz5w1wwpzy] {
            background-color: var(--color-gris-oscuro);
            border-color: var(--color-gris-medio);
            color: #6c757d;
        }
/* _content/Teseo.Web/Components/Pages/Catalogos/Cajas/FormCaja.razor.rz.scp.css */
/* =================================================================== */
/* ARCHIVO ESPECÍFICO: Formulario de Catálogo .css                  */
/* Define los estilos para las páginas de Crear/Editar.             */
/* =================================================================== */

/* Contenedor principal del formulario (tarjeta) */
.form-card[b-8eeftt9vhk] {
    max-width: 900px;
    margin: 1rem auto;
    background-color: var(--color-gris-medio);
    border-radius: 8px;
    box-shadow: 0 4px 10px rgba(0, 0, 0, 0.3);
    border-top: 4px solid var(--color-oro-principal);
}

/* Cabecera de la tarjeta (ej. "Crear Nuevo Usuario") */
.form-card-header[b-8eeftt9vhk] {
    padding: 1.5rem 2rem;
    border-bottom: 1px solid #495057;
}

/* Cuerpo del formulario (donde van los inputs) */
.form-card[b-8eeftt9vhk]  .card-body {
    padding: 2rem;
}

/* Estilos para el EditForm (que se renderiza dentro) */
.form-card[b-8eeftt9vhk]  form {
    padding: 2rem;
}

/* Grupos de formulario (label + input) */
.form-card[b-8eeftt9vhk]  .form-group {
    margin-bottom: 1.5rem;
}

/* Grupo especial para el Checkbox (IsActive) */
.form-card[b-8eeftt9vhk]  .form-check-group {
    display: flex;
    align-items: center;
    padding-top: 2rem; /* Alinea con los otros labels */
    gap: 0.75rem;
}

    .form-card[b-8eeftt9vhk]  .form-check-group .form-check-input {
        width: 1.25em;
        height: 1.25em;
        margin-top: 0;
    }

    .form-card[b-8eeftt9vhk]  .form-check-group .form-check-label {
        margin-bottom: 0; /* Resetea el margen de la label */
    }


/* Separador antes de los botones */
.form-card[b-8eeftt9vhk]  .form-divider {
    margin: 1rem 0 1.5rem 0;
    border-color: #495057;
}

/* Contenedor de los botones Guardar/Cancelar */
.form-card[b-8eeftt9vhk]  .form-actions {
    display: flex;
    justify-content: flex-end;
    gap: 1rem;
}

    .form-card[b-8eeftt9vhk]  .form-actions .btn {
        display: flex;
        align-items: center;
        gap: 0.5rem;
        min-width: 120px;
        justify-content: center;
    }
/* _content/Teseo.Web/Components/Pages/Catalogos/Cajas/Index.razor.rz.scp.css */
/* =================================================================== */
/* ARCHIVO ESPECÍFICO: Index.razor.css (para Catálogos)             */
/* Define los estilos para las páginas de índice (tablas).          */
/* =================================================================== */

/* --- Contenedor Principal --- */
.catalog-header[b-b1vdaevwe6] {
    display: flex;
    justify-content: space-between;
    align-items: center;
    margin-bottom: 1.5rem;
    padding-bottom: 1rem;
    border-bottom: 1px solid var(--color-gris-medio);
}

.loading-message[b-b1vdaevwe6] {
    font-size: 1.2rem;
    color: var(--color-oro-principal);
}

/* --- Barra de Búsqueda (Filtro) --- */
.filter-bar[b-b1vdaevwe6] {
    /* Usamos d-flex y gap-2 en el .razor */
    margin-bottom: 1.5rem;
}

    .filter-bar .form-control[b-b1vdaevwe6] {
        flex-grow: 1; /* Hace que el input ocupe el espacio disponible */
    }

    .filter-bar .btn[b-b1vdaevwe6] {
        flex-shrink: 0; /* Evita que los botones se encojan */
        display: flex;
        align-items: center;
        gap: 0.5rem;
    }

/* --- Contenedor de la Tabla --- */
.elegant-table-container[b-b1vdaevwe6] {
    border-radius: 6px;
    overflow: hidden; /* Para que la tabla respete los bordes redondeados */
    background-color: var(--color-gris-medio);
    box-shadow: 0 4px 10px rgba(0, 0, 0, 0.3);
}

/* --- Tabla Elegante --- */
.elegant-table[b-b1vdaevwe6] {
    margin-bottom: 0;
}

    /* Cabecera de la Tabla (Nombre, Estado, etc.) */
    .elegant-table thead[b-b1vdaevwe6] {
        background-color: #2a2a2e;
    }

    .elegant-table th[b-b1vdaevwe6] {
        color: var(--color-oro-principal);
        font-weight: 600;
        text-transform: uppercase;
        letter-spacing: 0.5px;
        border-bottom: 2px solid var(--color-oro-principal) !important;
        padding: 1rem 1.25rem;
        vertical-align: middle;
    }

    /* Cuerpo de la Tabla (Registros) */
    .elegant-table tbody tr[b-b1vdaevwe6] {
        transition: background-color 0.2s ease;
    }

    .elegant-table td[b-b1vdaevwe6] {
        color: var(--color-texto-principal);
        padding: 1rem 1.25rem;
        vertical-align: middle;
        border-color: #3e444a;
    }

    /* Efecto Hover en las filas */
    .elegant-table tbody tr:hover[b-b1vdaevwe6] {
        background-color: #3f464d;
    }

/* --- Insignias de Estado (Activo/Inactivo) --- */
.badge[b-b1vdaevwe6] {
    font-weight: 600;
    padding: 0.5em 0.8em;
    font-size: 0.8rem;
    border-radius: 4px;
}

.status-active[b-b1vdaevwe6] {
    background-color: #4a6a8a;
    color: #ffffff;
}

.status-inactive[b-b1vdaevwe6] {
    background-color: #5a5a5a;
    color: #cccccc;
}

/* --- Botones de Acción (Iconos) --- */
.action-buttons[b-b1vdaevwe6] {
    text-align: right;
    white-space: nowrap;
}

.btn-icon[b-b1vdaevwe6] {
    background: none;
    border: none;
    padding: 0.4rem 0.6rem;
    margin-left: 0.5rem;
    border-radius: 4px;
    cursor: pointer;
    transition: all 0.2s ease;
    font-size: 1.1rem;
    line-height: 1;
}

/* Icono de Editar */
.btn-edit[b-b1vdaevwe6] {
    color: var(--color-oro-hover);
}

    .btn-edit:hover[b-b1vdaevwe6] {
        background-color: var(--color-oro-principal);
        color: var(--color-texto-oscuro);
    }

/* Icono de Eliminar */
.btn-delete[b-b1vdaevwe6] {
    color: var(--color-oro-hover);
}

    .btn-delete:hover[b-b1vdaevwe6] {
        background-color: #dc3545;
        color: #ffffff;
    }

/* --- Controles de Paginación --- */
.pagination-controls[b-b1vdaevwe6] {
    display: flex;
    justify-content: space-between;
    align-items: center;
    padding: 1.5rem 0;
    color: #aaa;
    font-weight: 500;
}

    .pagination-controls .btn[b-b1vdaevwe6] {
        display: flex;
        align-items: center;
        gap: 0.5rem;
    }
/* _content/Teseo.Web/Components/Pages/Catalogos/Empresarios/FormEmpresario.razor.rz.scp.css */
/* --- Estilo de Tarjeta para el Formulario --- */
.form-card[b-f3assez8if] {
    background-color: var(--color-gris-medio);
    border-radius: 8px;
    padding: 2.5rem;
    border-top: 4px solid var(--color-oro-principal);
    max-width: 900px; /* Ancho máximo para el formulario */
    margin: 2rem auto; /* Centrado en la página */
    box-shadow: 0 10px 25px rgba(0, 0, 0, 0.3);
}

.form-card-header[b-f3assez8if] {
    margin-bottom: 2rem;
    padding-bottom: 1rem;
    border-bottom: 1px solid #4a5056;
}

/* --- Estilos de Formulario Heredados de app.css --- */
/* (Solo para referencia, ya están en app.css) */

/* .form-group { ... } */
/* .form-control { ... } */
/* .btn-primary { ... } */
/* .btn-secondary { ... } */

/* --- Ajustes específicos del formulario --- */

/* Espacio entre filas del formulario */
.form-card .row[b-f3assez8if] {
    margin-bottom: 1rem;
}

/* Divisor horizontal */
.form-divider[b-f3assez8if] {
    border-color: #4a5056;
    margin: 2rem 0;
}

.form-divider-subtle[b-f3assez8if] {
    border-color: #4a5056;
    margin: 1.5rem 0;
    border-style: dashed;
}

.form-subsection-title[b-f3assez8if] {
    color: var(--color-oro-hover);
    margin-bottom: 1.5rem;
    font-size: 1.2rem;
}

/* Contenedor para los botones de acción (Guardar, Cancelar) */
.form-actions[b-f3assez8if] {
    display: flex;
    justify-content: flex-end;
    gap: 1rem; /* Espacio entre botones */
    margin-top: 1.5rem;
}

    .form-actions .btn[b-f3assez8if] {
        min-width: 120px; /* Ancho mínimo para botones */
    }

/* Grupo especial para el Checkbox "Activo" */
.form-check-group[b-f3assez8if] {
    display: flex;
    align-items: center;
    height: 100%; /* Para alinear con otros inputs */
    padding-top: 1.75rem; /* Ajuste para alinear con labels */
}

    .form-check-group .form-check-input[b-f3assez8if] {
        width: 1.25rem;
        height: 1.25rem;
        margin-right: 0.75rem;
    }

    .form-check-group .form-check-label[b-f3assez8if] {
        margin-bottom: 0;
    }
/* _content/Teseo.Web/Components/Pages/Catalogos/Empresarios/Index.razor.rz.scp.css */
/* --- Contenedor Principal --- */
.catalog-header[b-h47y8o4d5g] {
    display: flex;
    justify-content: space-between;
    align-items: center;
    margin-bottom: 1.5rem;
}

.loading-message[b-h47y8o4d5g] {
    font-size: 1.2rem;
    color: var(--color-oro-principal);
}

/* --- Barra de Búsqueda (Solución Moderna) --- */
.filter-bar[b-h47y8o4d5g] {
    margin-bottom: 1.5rem;
    display: flex; /* Activa Flexbox */
    gap: 0.5rem; /* Espacio entre elementos */
}

    /* Hace que el input ocupe el espacio disponible */
    .filter-bar .form-control[b-h47y8o4d5g] {
        flex-grow: 1;
    }

    /* Evita que los botones se encojan */
    .filter-bar .btn[b-h47y8o4d5g] {
        flex-shrink: 0;
    }


/* --- Estilos de la Tabla Elegante --- */
.elegant-table-container[b-h47y8o4d5g] {
    background-color: var(--color-gris-medio);
    border-radius: 8px;
    padding: 0.5rem;
    border-top: 4px solid var(--color-oro-principal);
}

.elegant-table[b-h47y8o4d5g] {
    border-collapse: separate;
    border-spacing: 0;
    width: 100%;
    color: var(--color-texto-principal); /* Texto blanco/claro */
}

    .elegant-table thead th[b-h47y8o4d5g] {
        background-color: var(--color-gris-oscuro); /* Fondo oscuro para la cabecera */
        color: var(--color-oro-principal); /* Cabecera dorada */
        border: none;
        padding: 1rem 1.25rem;
        text-transform: uppercase;
        letter-spacing: 0.5px;
        font-weight: 600;
        font-size: 0.8rem;
        border-bottom: 2px solid #4a5056; /* Línea sutil */
    }

    .elegant-table tbody tr[b-h47y8o4d5g] {
        background-color: var(--color-gris-medio); /* Fondo de fila oscuro */
    }

        /* Efecto hover sutil */
        .elegant-table tbody tr:hover[b-h47y8o4d5g] {
            background-color: #3f464d; /* Un gris ligeramente más claro */
        }

    .elegant-table tbody td[b-h47y8o4d5g] {
        border: none;
        padding: 1rem 1.25rem;
        vertical-align: middle;
        font-size: 0.9rem;
    }

/* --- Insignias de Estado --- */
.badge[b-h47y8o4d5g] {
    padding: 0.4em 0.7em;
    border-radius: 4px;
    font-weight: 600;
    font-size: 0.75rem;
}

.status-active[b-h47y8o4d5g] {
    background-color: #4a5a6a; /* Color azul/grisáceo sutil */
    color: #e0e0e0;
}

.status-inactive[b-h47y8o4d5g] {
    background-color: #5a4a4a; /* Rojo oscuro */
    color: #d0d0d0;
}

/* --- Botones de Acción (Iconos) --- */
.action-buttons[b-h47y8o4d5g] {
    text-align: right;
}

.btn-icon[b-h47y8o4d5g] {
    background: none;
    border: none;
    padding: 0.3rem 0.5rem;
    margin-left: 0.5rem;
    font-size: 1.1rem;
    border-radius: 4px;
    transition: all 0.2s ease;
}

    /* Botón Editar */
    .btn-icon.btn-edit[b-h47y8o4d5g] {
        color: var(--color-oro-hover);
    }

        .btn-icon.btn-edit:hover[b-h47y8o4d5g] {
            color: #ffffff;
            background-color: rgba(234, 205, 101, 0.2);
        }

    /* Botón Eliminar */
    .btn-icon.btn-delete[b-h47y8o4d5g] {
        color: var(--color-oro-hover); /* Dorado por defecto */
    }

        .btn-icon.btn-delete:hover[b-h47y8o4d5g] {
            color: #ff4d4d; /* Rojo al pasar el ratón */
            background-color: rgba(255, 77, 77, 0.1);
        }


/* --- Controles de Paginación --- */
.pagination-controls[b-h47y8o4d5g] {
    display: flex;
    justify-content: space-between;
    align-items: center;
    margin-top: 1.5rem;
    color: var(--color-texto-principal);
}

    .pagination-controls span[b-h47y8o4d5g] {
        font-weight: 600;
        font-size: 0.9rem;
    }

    .pagination-controls .btn-secondary[b-h47y8o4d5g] {
        background-color: var(--color-gris-medio);
        border: 1px solid #4a5056;
    }

        .pagination-controls .btn-secondary:disabled[b-h47y8o4d5g] {
            background-color: var(--color-gris-oscuro);
            border-color: var(--color-gris-medio);
            color: #6c757d;
        }
/* _content/Teseo.Web/Components/Pages/Catalogos/Empresas/FormEmpresa.razor.rz.scp.css */
/* Contenedor principal del formulario, estilo tarjeta */
.form-card[b-7gscmbgqvx] {
    background-color: var(--color-gris-medio);
    padding: 2.5rem;
    border-radius: 8px;
    box-shadow: 0 5px 15px rgba(0, 0, 0, 0.3);
    border-top: 4px solid var(--color-oro-principal);
    margin: 2rem auto; /* Centrado y con margen */
    max-width: 800px; /* Ancho máximo para legibilidad */
}

/* Encabezado dentro de la tarjeta */
.form-card-header[b-7gscmbgqvx] {
    margin-bottom: 2rem;
    text-align: center;
    border-bottom: 1px solid #4a5056; /* Línea sutil */
    padding-bottom: 1rem;
}

/* Espaciado entre filas del formulario */
.row[b-7gscmbgqvx] {
    margin-bottom: 1.5rem;
}

/* Estilo específico para el grupo de checkbox "Activo" */
.form-check-group[b-7gscmbgqvx] {
    display: flex;
    align-items: center;
    padding-top: 2rem; /* Alinear verticalmente con los labels */
}

    .form-check-group .form-check-input[b-7gscmbgqvx] {
        margin-right: 0.5rem;
        width: 1.25rem; /* Hacer el checkbox un poco más grande */
        height: 1.25rem;
    }

    .form-check-group .form-check-label[b-7gscmbgqvx] {
        margin-bottom: 0; /* Quitar margen inferior del label */
    }

/* Separador visual antes de los botones */
.form-divider[b-7gscmbgqvx] {
    border-top: 1px solid #4a5056;
    margin-top: 2rem;
    margin-bottom: 1.5rem;
}

/* Contenedor de los botones de acción (Guardar, Cancelar) */
.form-actions[b-7gscmbgqvx] {
    display: flex;
    justify-content: flex-end; /* Alinear botones a la derecha */
    gap: 0.75rem; /* Espacio entre botones */
}
/* _content/Teseo.Web/Components/Pages/Catalogos/Empresas/Index.razor.rz.scp.css */
/* --- Contenedor Principal --- */
.catalog-header[b-seorusypdx] {
    display: flex;
    justify-content: space-between;
    align-items: center;
    margin-bottom: 1.5rem;
}

.loading-message[b-seorusypdx] {
    font-size: 1.2rem;
    color: var(--color-oro-principal);
}

/* --- Barra de Búsqueda (Solución Moderna) --- */
.filter-bar[b-seorusypdx] {
    margin-bottom: 1.5rem;
    display: flex; /* Activa Flexbox */
    gap: 0.5rem; /* Espacio entre elementos */
}

    /* Hace que el input ocupe el espacio disponible */
    .filter-bar .form-control[b-seorusypdx] {
        flex-grow: 1;
    }

    /* Evita que los botones se encojan */
    .filter-bar .btn[b-seorusypdx] {
        flex-shrink: 0;
    }


/* --- Estilos de la Tabla Elegante --- */
.elegant-table-container[b-seorusypdx] {
    background-color: var(--color-gris-medio);
    border-radius: 8px;
    padding: 0.5rem;
    border-top: 4px solid var(--color-oro-principal);
}

.elegant-table[b-seorusypdx] {
    border-collapse: separate;
    border-spacing: 0;
    width: 100%;
    color: var(--color-texto-principal); /* Texto blanco/claro */
}

    .elegant-table thead th[b-seorusypdx] {
        color: var(--color-oro-principal); /* Cabecera dorada */
        background-color: var(--color-gris-oscuro); /* FONDO OSCURO AÑADIDO */
        border: none;
        padding: 1rem 1.25rem;
        text-transform: uppercase;
        letter-spacing: 0.5px;
        font-weight: 600;
        font-size: 0.8rem;
        border-bottom: 2px solid #4a5056; /* Línea sutil */
    }

    .elegant-table tbody tr[b-seorusypdx] {
        background-color: var(--color-gris-medio); /* Fondo de fila oscuro */
    }

        /* Efecto hover sutil */
        .elegant-table tbody tr:hover[b-seorusypdx] {
            background-color: #3f464d; /* Un gris ligeramente más claro */
        }

    .elegant-table tbody td[b-seorusypdx] {
        border: none;
        padding: 1rem 1.25rem;
        vertical-align: middle;
        font-size: 0.9rem;
    }

/* --- Insignias de Estado --- */
.badge[b-seorusypdx] {
    padding: 0.4em 0.7em;
    border-radius: 4px;
    font-weight: 600;
    font-size: 0.75rem;
}

.status-active[b-seorusypdx] {
    background-color: #4a5a6a; /* Color azul/grisáceo sutil */
    color: #e0e0e0;
}

.status-inactive[b-seorusypdx] {
    background-color: #5a4a4a; /* Rojo oscuro */
    color: #d0d0d0;
}

/* --- Botones de Acción (Iconos) --- */
.action-buttons[b-seorusypdx] {
    text-align: right;
    white-space: nowrap; /* Evita que los botones se rompan en dos líneas */
}

.btn-icon[b-seorusypdx] {
    background: none;
    border: none;
    padding: 0.3rem 0.5rem;
    margin-left: 0.5rem;
    font-size: 1.1rem;
    border-radius: 4px;
    transition: all 0.2s ease;
    cursor: pointer; /* Añadido cursor */
}

    /* Botón Editar */
    .btn-icon.btn-edit[b-seorusypdx] {
        color: var(--color-oro-hover);
    }

        .btn-icon.btn-edit:hover[b-seorusypdx] {
            color: #ffffff;
            background-color: rgba(234, 205, 101, 0.2);
        }

    /* Botón Eliminar */
    .btn-icon.btn-delete[b-seorusypdx] {
        color: var(--color-oro-hover); /* Dorado por defecto */
    }

        .btn-icon.btn-delete:hover[b-seorusypdx] {
            color: #ff4d4d; /* Rojo al pasar el ratón */
            background-color: rgba(255, 77, 77, 0.1);
        }


/* --- Controles de Paginación --- */
.pagination-controls[b-seorusypdx] {
    display: flex;
    justify-content: space-between;
    align-items: center;
    margin-top: 1.5rem;
    color: var(--color-texto-principal);
}

    .pagination-controls span[b-seorusypdx] {
        font-weight: 600;
        font-size: 0.9rem;
    }

    .pagination-controls .btn-secondary[b-seorusypdx] {
        background-color: var(--color-gris-medio);
        border: 1px solid #4a5056;
    }

        .pagination-controls .btn-secondary:disabled[b-seorusypdx] {
            background-color: var(--color-gris-oscuro);
            border-color: var(--color-gris-medio);
            color: #6c757d;
            cursor: not-allowed; /* Añadido cursor */
        }
/* _content/Teseo.Web/Components/Pages/Catalogos/Insumos/FormInsumo.razor.rz.scp.css */
/* --- Estilos para el contenedor del formulario --- */
.form-card[b-d86a9ego0s] {
    max-width: 800px; /* Ajusta el ancho máximo según necesites */
    margin: 2rem auto;
    padding: 2.5rem;
    background-color: var(--color-gris-medio);
    border-radius: 8px;
    box-shadow: 0 5px 15px rgba(0, 0, 0, 0.3);
    border-top: 4px solid var(--color-oro-principal);
}

.form-card-header[b-d86a9ego0s] {
    text-align: center;
    margin-bottom: 2rem;
    font-size: 1.8rem; /* Tamaño de título ligeramente menor */
}

/* --- Espaciado entre filas del formulario --- */
.row[b-d86a9ego0s] {
    margin-bottom: 1.5rem;
}

/* --- Estilos para labels (heredados de app.css) --- */
.form-group label[b-d86a9ego0s] {
    display: block;
    margin-bottom: .5rem;
    color: #ccc;
    font-size: 0.9rem;
}

/* --- Checkbox específico --- */
.form-check-group[b-d86a9ego0s] {
    display: flex;
    align-items: center;
    padding-top: 1.9rem; /* Alinea verticalmente con otros inputs */
}

.form-check-input[b-d86a9ego0s] {
    margin-right: 0.5rem;
    width: 1.2em;
    height: 1.2em;
}

.form-check-label[b-d86a9ego0s] {
    margin-bottom: 0; /* Resetea el margen de la etiqueta del checkbox */
    color: #ccc;
    font-size: 0.9rem;
}

/* --- Línea divisoria --- */
.form-divider[b-d86a9ego0s] {
    border-top: 1px solid #4a5056; /* Línea sutil */
    margin-top: 2rem;
    margin-bottom: 1.5rem;
}

/* --- Contenedor de botones de acción --- */
.form-actions[b-d86a9ego0s] {
    display: flex;
    justify-content: flex-end; /* Alinea botones a la derecha */
    gap: 0.8rem; /* Espacio entre botones */
}

    /* --- Iconos dentro de los botones --- */
    .form-actions .btn .bi[b-d86a9ego0s] {
        margin-right: 0.5rem;
        vertical-align: text-bottom;
    }
/* _content/Teseo.Web/Components/Pages/Catalogos/Insumos/ImprimirEtiquetas.razor.rz.scp.css */
/* --- ESTILOS DE LA PÁGINA (Botones, Filtros, Tabla) --- */

.catalog-header[b-kmc1nlao3c] {
    display: flex;
    justify-content: space-between;
    align-items: center;
    margin-bottom: 1.5rem;
}

.loading-message[b-kmc1nlao3c] {
    font-size: 1.2rem;
    color: var(--color-oro-principal);
}

.filter-bar[b-kmc1nlao3c] {
    margin-bottom: 1.5rem;
    display: flex;
    gap: 0.5rem;
    align-items: center;
}

    .filter-bar .form-control[b-kmc1nlao3c] {
        flex-grow: 1;
    }

    .filter-bar .form-select[b-kmc1nlao3c] {
        max-width: 250px;
    }

    .filter-bar .btn[b-kmc1nlao3c] {
        flex-shrink: 0;
    }

.elegant-table-container[b-kmc1nlao3c] {
    background-color: var(--color-gris-medio);
    border-radius: 8px;
    padding: 0.5rem;
    border-top: 4px solid var(--color-oro-principal);
}

.elegant-table[b-kmc1nlao3c] {
    border-collapse: separate;
    border-spacing: 0;
    width: 100%;
}

    .elegant-table thead th[b-kmc1nlao3c] {
        background-color: var(--color-gris-oscuro);
        color: var(--color-oro-principal);
        border: none;
        padding: 1rem 1.25rem;
        text-transform: uppercase;
        letter-spacing: 0.5px;
        font-weight: 600;
        font-size: 0.8rem;
        border-bottom: 2px solid #4a5056;
    }

    .elegant-table tbody tr[b-kmc1nlao3c] {
        background-color: var(--color-gris-medio);
        color: var(--color-texto-principal);
        border-bottom: 1px solid #3f464d;
    }

        .elegant-table tbody tr:last-child[b-kmc1nlao3c] {
            border-bottom: none;
        }

        .elegant-table tbody tr:hover[b-kmc1nlao3c] {
            background-color: #3f464d;
        }

    .elegant-table tbody td[b-kmc1nlao3c] {
        border: none;
        padding: 1rem 1.25rem;
        vertical-align: middle;
        font-size: 0.9rem;
    }

    .elegant-table.elegant-table-checkbox tbody td[b-kmc1nlao3c] {
        padding-top: 0.75rem;
        padding-bottom: 0.75rem;
    }

    .elegant-table th.checkbox-col[b-kmc1nlao3c],
    .elegant-table td.checkbox-col[b-kmc1nlao3c] {
        width: 3rem;
        text-align: center;
        padding-left: 1.25rem;
        padding-right: 0.5rem;
    }

    .elegant-table .form-check-input[b-kmc1nlao3c] {
        width: 1.2em;
        height: 1.2em;
        cursor: pointer;
    }

.badge[b-kmc1nlao3c] {
    padding: 0.4em 0.7em;
    border-radius: 4px;
    font-weight: 600;
    font-size: 0.75rem;
}

.status-active[b-kmc1nlao3c] {
    background-color: #4a5a6a;
    color: #e0e0e0;
}

.status-inactive[b-kmc1nlao3c] {
    background-color: #5a4a4a;
    color: #d0d0d0;
}

.pagination-controls[b-kmc1nlao3c] {
    display: flex;
    justify-content: space-between;
    align-items: center;
    margin-top: 1.5rem;
    color: var(--color-texto-principal);
}

    .pagination-controls span[b-kmc1nlao3c] {
        font-weight: 600;
        font-size: 0.9rem;
    }

    .pagination-controls .btn-secondary[b-kmc1nlao3c] {
        background-color: var(--color-gris-medio);
        border: 1px solid #4a5056;
        color: var(--color-texto-principal);
    }

        .pagination-controls .btn-secondary:disabled[b-kmc1nlao3c] {
            background-color: var(--color-gris-oscuro);
            border-color: var(--color-gris-medio);
            color: #6c757d;
        }

        .pagination-controls .btn-secondary:not(:disabled):hover[b-kmc1nlao3c] {
            background-color: #495057;
            border-color: #6c757d;
        }

/* _content/Teseo.Web/Components/Pages/Catalogos/Insumos/Index.razor.rz.scp.css */
/* --- Contenedor Principal --- */
.catalog-header[b-1t9nuzklt2] {
    display: flex;
    justify-content: space-between;
    align-items: center;
    margin-bottom: 1.5rem;
}

.loading-message[b-1t9nuzklt2] {
    font-size: 1.2rem;
    color: var(--color-oro-principal);
}

/* --- Barra de Búsqueda --- */
.filter-bar[b-1t9nuzklt2] {
    margin-bottom: 1.5rem;
    display: flex; /* Activa Flexbox */
    gap: 0.5rem; /* Espacio entre elementos */
}

    /* Hace que el input ocupe el espacio disponible */
    .filter-bar .form-control[b-1t9nuzklt2] {
        flex-grow: 1;
    }

    /* Evita que los botones se encojan */
    .filter-bar .btn[b-1t9nuzklt2] {
        flex-shrink: 0;
    }


/* --- Estilos de la Tabla Elegante --- */
.elegant-table-container[b-1t9nuzklt2] {
    background-color: var(--color-gris-medio);
    border-radius: 8px;
    padding: 0.5rem;
    border-top: 4px solid var(--color-oro-principal);
}

.elegant-table[b-1t9nuzklt2] {
    border-collapse: separate;
    border-spacing: 0;
    width: 100%;
}

    .elegant-table thead th[b-1t9nuzklt2] {
        background-color: var(--color-gris-oscuro); /* Fondo oscuro para cabecera */
        color: var(--color-oro-principal); /* Cabecera dorada */
        border: none;
        padding: 1rem 1.25rem;
        text-transform: uppercase;
        letter-spacing: 0.5px;
        font-weight: 600;
        font-size: 0.8rem;
        border-bottom: 2px solid #4a5056; /* Línea sutil */
    }

    .elegant-table tbody tr[b-1t9nuzklt2] {
        background-color: var(--color-gris-medio); /* Fondo de fila oscuro */
        color: var(--color-texto-principal); /* Texto blanco/claro */
    }

        /* Efecto hover sutil */
        .elegant-table tbody tr:hover[b-1t9nuzklt2] {
            background-color: #3f464d; /* Un gris ligeramente más claro */
        }

    .elegant-table tbody td[b-1t9nuzklt2] {
        border: none;
        padding: 1rem 1.25rem;
        vertical-align: middle;
        font-size: 0.9rem;
    }

/* --- Insignias de Estado --- */
.badge[b-1t9nuzklt2] {
    padding: 0.4em 0.7em;
    border-radius: 4px;
    font-weight: 600;
    font-size: 0.75rem;
}

.status-active[b-1t9nuzklt2] {
    background-color: #4a5a6a; /* Color azul/grisáceo sutil */
    color: #e0e0e0;
}

.status-inactive[b-1t9nuzklt2] {
    background-color: #5a4a4a; /* Rojo oscuro */
    color: #d0d0d0;
}

/* --- Botones de Acción (Iconos) --- */
.action-buttons[b-1t9nuzklt2] {
    text-align: right;
}

.btn-icon[b-1t9nuzklt2] {
    background: none;
    border: none;
    padding: 0.3rem 0.5rem;
    margin-left: 0.5rem;
    font-size: 1.1rem;
    border-radius: 4px;
    transition: all 0.2s ease;
}

    /* Botón Editar */
    .btn-icon.btn-edit[b-1t9nuzklt2] {
        color: var(--color-oro-hover);
    }

        .btn-icon.btn-edit:hover[b-1t9nuzklt2] {
            color: #ffffff;
            background-color: rgba(234, 205, 101, 0.2);
        }

    /* Botón Eliminar */
    .btn-icon.btn-delete[b-1t9nuzklt2] {
        color: var(--color-oro-hover); /* Dorado por defecto */
    }

        .btn-icon.btn-delete:hover[b-1t9nuzklt2] {
            color: #ff4d4d; /* Rojo al pasar el ratón */
            background-color: rgba(255, 77, 77, 0.1);
        }


/* --- Controles de Paginación --- */
.pagination-controls[b-1t9nuzklt2] {
    display: flex;
    justify-content: space-between;
    align-items: center;
    margin-top: 1.5rem;
    color: var(--color-texto-principal);
}

    .pagination-controls span[b-1t9nuzklt2] {
        font-weight: 600;
        font-size: 0.9rem;
    }

    .pagination-controls .btn-secondary[b-1t9nuzklt2] {
        background-color: var(--color-gris-medio);
        border: 1px solid #4a5056;
    }

        .pagination-controls .btn-secondary:disabled[b-1t9nuzklt2] {
            background-color: var(--color-gris-oscuro);
            border-color: var(--color-gris-medio);
            color: #6c757d;
        }
/* _content/Teseo.Web/Components/Pages/Catalogos/Insumos/PreciosInsumos.razor.rz.scp.css */
/* --- Estilos de la Tabla Elegante (Basado en Insumos.razor.css) --- */
.elegant-table-container[b-kmm9jp62ng] {
    background-color: var(--color-gris-oscuro);
    border-radius: 8px;
    padding: 0.5rem;
    border-top: 4px solid var(--color-oro-principal);
    box-shadow: 0 4px 15px rgba(0, 0, 0, 0.3);
}

.elegant-table[b-kmm9jp62ng] {
    border-collapse: separate;
    border-spacing: 0;
    width: 100%;
    color: var(--color-texto-principal);
}

    /* Cabecera de la tabla */
    .elegant-table thead th[b-kmm9jp62ng] {
        background-color: var(--color-gris-medio);
        color: var(--color-oro-principal);
        border: none;
        padding: 1rem 1.25rem;
        text-transform: uppercase;
        letter-spacing: 0.5px;
        font-weight: 600;
        font-size: 0.8rem;
        border-bottom: 2px solid #4a5056;
        text-align: left;
    }

    .elegant-table tbody tr[b-kmm9jp62ng] {
        background-color: var(--color-gris-oscuro);
        border-bottom: 1px solid var(--color-gris-medio);
    }

        .elegant-table tbody tr:last-child[b-kmm9jp62ng] {
            border-bottom: none;
        }

        .elegant-table tbody tr:hover[b-kmm9jp62ng] {
            background-color: #3f464d;
        }

    .elegant-table tbody td[b-kmm9jp62ng] {
        border: none;
        padding: 0.75rem 1.25rem; /* Padding reducido verticalmente para inputs */
        vertical-align: middle;
        font-size: 0.9rem;
    }

        /* --- ESTILOS NUEVOS PARA ESTA PANTALLA --- */

        /* Estilo para el InputNumber dentro de la tabla */
        .elegant-table tbody td .form-control[b-kmm9jp62ng] {
            background-color: #3f464d; /* Un gris ligeramente más claro para el input */
            color: var(--color-texto-principal);
            border: 1px solid #4a5056;
            padding: 0.375rem 0.75rem;
            font-size: 0.9rem;
            width: 100%;
            box-sizing: border-box;
        }

            .elegant-table tbody td .form-control:focus[b-kmm9jp62ng] {
                background-color: #495057;
                color: #fff;
                border-color: var(--color-oro-principal);
                box-shadow: 0 0 0 0.2rem rgba(234, 205, 101, 0.25);
            }

        /* Estilo para el mensaje de validación en la tabla */
        .elegant-table tbody td .validation-message[b-kmm9jp62ng] {
            color: var(--color-oro-hover); /* O el color de "danger" de tu tema */
            font-size: 0.8rem;
            padding-top: 0.25rem;
        }
/* _content/Teseo.Web/Components/Pages/Catalogos/MedidaEquivalencias/FormMedidaEquivalencia.razor.rz.scp.css */
/* Estilos para la "tarjeta" del formulario */
.form-card[b-ayykr95obw] {
    max-width: 800px; /* O el ancho que prefieras */
    margin: 2rem auto; /* Centra la tarjeta */
    background-color: var(--color-gris-medio);
    padding: 2.5rem;
    border-radius: 8px;
    box-shadow: 0 10px 25px rgba(0, 0, 0, 0.5);
    border-top: 4px solid var(--color-oro-principal);
}

.form-card-header[b-ayykr95obw] {
    text-align: center;
    margin-bottom: 2rem;
    border-bottom: 1px solid #4a5056; /* Línea divisoria sutil */
    padding-bottom: 1rem;
}

/* Espaciado entre grupos de formulario */
.form-group[b-ayykr95obw] {
    margin-bottom: 1.5rem;
}

/* Ajustes para el checkbox y su label */
.form-check-group[b-ayykr95obw] {
    display: flex;
    align-items: center;
    padding-top: 2rem; /* Alinea verticalmente con los otros labels */
}

    .form-check-group .form-check-input[b-ayykr95obw] {
        margin-right: 0.5rem;
        width: 1.2em; /* Hace el checkbox un poco más grande */
        height: 1.2em;
    }

    .form-check-group .form-check-label[b-ayykr95obw] {
        margin-bottom: 0; /* Quita el margen inferior por defecto */
    }


/* Divisor visual antes de los botones */
.form-divider[b-ayykr95obw] {
    border-top: 1px solid #4a5056;
    margin: 2rem 0;
}

/* Contenedor de botones (Guardar, Cancelar) */
.form-actions[b-ayykr95obw] {
    display: flex;
    justify-content: flex-end; /* Alinea los botones a la derecha */
    gap: 0.5rem; /* Espacio entre botones */
}

    /* Iconos dentro de los botones */
    .form-actions .btn .bi[b-ayykr95obw] {
        margin-right: 0.3rem;
        vertical-align: text-bottom; /* Alinea mejor el icono con el texto */
    }

/* Ajustes responsivos si es necesario */
@media (max-width: 768px) {
    .form-card[b-ayykr95obw] {
        padding: 1.5rem;
    }

    .form-check-group[b-ayykr95obw] {
        padding-top: 0.5rem; /* Reduce el padding en móvil */
    }
}
/* _content/Teseo.Web/Components/Pages/Catalogos/MedidaEquivalencias/Index.razor.rz.scp.css */
/* --- Contenedor Principal --- */
.catalog-header[b-2aa2ko7gra] {
    display: flex;
    justify-content: space-between;
    align-items: center;
    margin-bottom: 1.5rem;
}

.loading-message[b-2aa2ko7gra] {
    font-size: 1.2rem;
    color: var(--color-oro-principal);
}

/* --- Barra de Búsqueda --- */
.filter-bar[b-2aa2ko7gra] {
    margin-bottom: 1.5rem;
    display: flex; /* Activa Flexbox */
    gap: 0.5rem; /* Espacio entre elementos */
}

    /* Hace que el input ocupe el espacio disponible */
    .filter-bar .form-control[b-2aa2ko7gra] {
        flex-grow: 1;
    }

    /* Evita que los botones se encojan */
    .filter-bar .btn[b-2aa2ko7gra] {
        flex-shrink: 0;
    }


/* --- Estilos de la Tabla Elegante --- */
.elegant-table-container[b-2aa2ko7gra] {
    background-color: var(--color-gris-medio);
    border-radius: 8px;
    padding: 0.5rem;
    border-top: 4px solid var(--color-oro-principal);
    overflow-x: auto; /* Permite scroll horizontal en tablas anchas */
}

.elegant-table[b-2aa2ko7gra] {
    border-collapse: separate;
    border-spacing: 0;
    width: 100%;
    min-width: 600px; /* Ancho mínimo para evitar que se aplaste mucho */
    color: var(--color-texto-principal); /* Texto blanco/claro */
}

    .elegant-table thead th[b-2aa2ko7gra] {
        background-color: var(--color-gris-oscuro); /* Fondo cabecera */
        color: var(--color-oro-principal); /* Cabecera dorada */
        border: none;
        padding: 1rem 1.25rem;
        text-transform: uppercase;
        letter-spacing: 0.5px;
        font-weight: 600;
        font-size: 0.8rem;
        border-bottom: 2px solid #4a5056; /* Línea sutil */
        white-space: nowrap; /* Evita que el texto de la cabecera se parta */
    }

    .elegant-table tbody tr[b-2aa2ko7gra] {
        background-color: var(--color-gris-medio); /* Fondo de fila oscuro */
    }

        /* Efecto hover sutil */
        .elegant-table tbody tr:hover[b-2aa2ko7gra] {
            background-color: #3f464d; /* Un gris ligeramente más claro */
        }

    .elegant-table tbody td[b-2aa2ko7gra] {
        border: none;
        padding: 1rem 1.25rem;
        vertical-align: middle;
        font-size: 0.9rem;
    }

/* --- Insignias de Estado --- */
.badge[b-2aa2ko7gra] {
    padding: 0.4em 0.7em;
    border-radius: 4px;
    font-weight: 600;
    font-size: 0.75rem;
    white-space: nowrap; /* Evita que el texto se parta */
}

.status-active[b-2aa2ko7gra] {
    background-color: #4a5a6a; /* Color azul/grisáceo sutil */
    color: #e0e0e0;
}

.status-inactive[b-2aa2ko7gra] {
    background-color: #5a4a4a; /* Rojo oscuro */
    color: #d0d0d0;
}

/* --- Botones de Acción (Iconos) --- */
.action-buttons[b-2aa2ko7gra] {
    text-align: right;
    white-space: nowrap; /* Evita que los botones se partan */
}

.btn-icon[b-2aa2ko7gra] {
    background: none;
    border: none;
    padding: 0.3rem 0.5rem;
    margin-left: 0.5rem;
    font-size: 1.1rem;
    border-radius: 4px;
    transition: all 0.2s ease;
    cursor: pointer;
}

    /* Botón Editar */
    .btn-icon.btn-edit[b-2aa2ko7gra] {
        color: var(--color-oro-hover);
    }

        .btn-icon.btn-edit:hover[b-2aa2ko7gra] {
            color: #ffffff;
            background-color: rgba(234, 205, 101, 0.2);
        }

    /* Botón Eliminar */
    .btn-icon.btn-delete[b-2aa2ko7gra] {
        color: var(--color-oro-hover); /* Dorado por defecto */
    }

        .btn-icon.btn-delete:hover[b-2aa2ko7gra] {
            color: #ff4d4d; /* Rojo al pasar el ratón */
            background-color: rgba(255, 77, 77, 0.1);
        }


/* --- Controles de Paginación --- */
.pagination-controls[b-2aa2ko7gra] {
    display: flex;
    justify-content: space-between;
    align-items: center;
    margin-top: 1.5rem;
    color: var(--color-texto-principal);
}

    .pagination-controls span[b-2aa2ko7gra] {
        font-weight: 600;
        font-size: 0.9rem;
        white-space: nowrap;
    }

    .pagination-controls .btn-secondary[b-2aa2ko7gra] {
        background-color: var(--color-gris-medio);
        border: 1px solid #4a5056;
        white-space: nowrap;
    }

        .pagination-controls .btn-secondary:disabled[b-2aa2ko7gra] {
            background-color: var(--color-gris-oscuro);
            border-color: var(--color-gris-medio);
            color: #6c757d;
            cursor: not-allowed;
        }
/* _content/Teseo.Web/Components/Pages/Catalogos/Medidas/FormMedida.razor.rz.scp.css */
/* --- Contenedor Principal Estilo Tarjeta --- */
.form-card[b-2kkk0ysnn4] {
    max-width: 800px; /* Ancho máximo del formulario */
    margin: 2rem auto; /* Centrar horizontalmente con margen superior/inferior */
    padding: 2.5rem;
    background-color: var(--color-gris-medio);
    border-radius: 8px;
    box-shadow: 0 5px 15px rgba(0, 0, 0, 0.3);
    border-top: 4px solid var(--color-oro-principal);
}

/* --- Cabecera del Formulario --- */
.form-card-header[b-2kkk0ysnn4] {
    text-align: center;
    margin-bottom: 2rem;
    font-size: 1.8rem; /* Tamaño de título ligeramente menor */
}

/* --- Estilos Generales para Campos --- */
.form-group[b-2kkk0ysnn4] {
    margin-bottom: 1.5rem; /* Espacio entre filas de campos */
}

/* Usar los estilos globales definidos en app.css para inputs y labels */
/* label { ... } ya está en app.css */
/* .form-control { ... } ya está en app.css */


/* --- Ajuste específico para Checkbox --- */
.form-check-group[b-2kkk0ysnn4] {
    display: flex;
    align-items: center;
    padding-top: 2rem; /* Alinear verticalmente con otros labels */
}

    .form-check-group .form-check-input[b-2kkk0ysnn4] {
        margin-right: 0.5rem;
        margin-top: 0; /* Resetear margen superior */
        width: 1.25em; /* Hacer checkbox un poco más grande */
        height: 1.25em;
        cursor: pointer;
    }

        .form-check-group .form-check-input:disabled[b-2kkk0ysnn4] {
            cursor: not-allowed;
            opacity: 0.5;
        }


    .form-check-group label[b-2kkk0ysnn4] {
        margin-bottom: 0; /* Resetear margen inferior del label */
        cursor: pointer;
    }


/* --- Separador Visual --- */
.form-divider[b-2kkk0ysnn4] {
    border-top: 1px solid #4a5056; /* Línea sutil */
    margin-top: 2rem;
    margin-bottom: 1.5rem;
}

/* --- Sección de Botones (Guardar/Cancelar) --- */
.form-actions[b-2kkk0ysnn4] {
    display: flex;
    justify-content: flex-end; /* Alinear botones a la derecha */
    gap: 0.5rem; /* Espacio entre botones */
}

/* Usar los estilos globales de botones de app.css */
/* .btn-primary { ... } ya está en app.css */
/* .btn-secondary { ... } (si lo tienes definido globalmente) */
.btn-secondary[b-2kkk0ysnn4] {
    background-color: #6c757d;
    color: white;
    border: none;
    font-weight: bold;
}

    .btn-secondary:hover[b-2kkk0ysnn4] {
        background-color: #5a6268;
    }

/* --- Iconos dentro de los botones --- */
.btn .bi[b-2kkk0ysnn4] {
    margin-right: 0.4rem;
    vertical-align: text-bottom; /* Alinear mejor el icono con el texto */
}
/* _content/Teseo.Web/Components/Pages/Catalogos/Medidas/Index.razor.rz.scp.css */
/* --- Contenedor Principal --- */
.catalog-header[b-w0x078nyng] {
    display: flex;
    justify-content: space-between;
    align-items: center;
    margin-bottom: 1.5rem;
}

.loading-message[b-w0x078nyng] {
    font-size: 1.2rem;
    color: var(--color-oro-principal);
}

/* --- Barra de Búsqueda (Solución Moderna - Idéntica a Cajas) --- */
.filter-bar[b-w0x078nyng] {
    margin-bottom: 1.5rem;
    display: flex; /* Activa Flexbox */
    gap: 0.5rem; /* Espacio entre elementos */
}

    /* Hace que el input ocupe el espacio disponible */
    .filter-bar .form-control[b-w0x078nyng] {
        flex-grow: 1;
    }

    /* Evita que los botones se encojan */
    .filter-bar .btn[b-w0x078nyng] {
        flex-shrink: 0;
    }


/* --- Estilos de la Tabla Elegante --- */
.elegant-table-container[b-w0x078nyng] {
    background-color: var(--color-gris-medio);
    border-radius: 8px;
    padding: 0.5rem;
    border-top: 4px solid var(--color-oro-principal);
}

.elegant-table[b-w0x078nyng] {
    border-collapse: separate;
    border-spacing: 0;
    width: 100%;
    color: var(--color-texto-principal); /* Texto blanco/claro */
    margin-bottom: 0; /* Quitar margen inferior por defecto */
}

    .elegant-table thead th[b-w0x078nyng] {
        color: var(--color-oro-principal); /* Cabecera dorada */
        border: none;
        padding: 1rem 1.25rem;
        text-transform: uppercase;
        letter-spacing: 0.5px;
        font-weight: 600;
        font-size: 0.8rem;
        border-bottom: 2px solid #4a5056; /* Línea sutil */
        background-color: var(--color-gris-oscuro); /* Fondo oscuro para cabecera */
        position: sticky; /* Cabecera fija si hay scroll */
        top: 0;
        z-index: 1;
    }

    .elegant-table tbody tr[b-w0x078nyng] {
        background-color: var(--color-gris-medio); /* Fondo de fila oscuro */
    }

        /* Efecto hover sutil */
        .elegant-table tbody tr:hover[b-w0x078nyng] {
            background-color: #3f464d; /* Un gris ligeramente más claro */
        }

    .elegant-table tbody td[b-w0x078nyng] {
        border: none;
        padding: 1rem 1.25rem;
        vertical-align: middle;
        font-size: 0.9rem;
        border-bottom: 1px solid #4a5056; /* Separador de filas */
    }

    .elegant-table tbody tr:last-child td[b-w0x078nyng] {
        border-bottom: none; /* Quitar borde de la última fila */
    }

/* --- Insignias de Estado --- */
.badge[b-w0x078nyng] {
    padding: 0.4em 0.7em;
    border-radius: 4px;
    font-weight: 600;
    font-size: 0.75rem;
}

.status-active[b-w0x078nyng] {
    background-color: #4a5a6a; /* Color azul/grisáceo sutil */
    color: #e0e0e0;
}

.status-inactive[b-w0x078nyng] {
    background-color: #5a4a4a; /* Rojo oscuro */
    color: #d0d0d0;
}

/* --- Botones de Acción (Iconos) --- */
.action-buttons[b-w0x078nyng] {
    text-align: right;
    white-space: nowrap; /* Evitar que los botones se partan */
}

.btn-icon[b-w0x078nyng] {
    background: none;
    border: none;
    padding: 0.3rem 0.5rem;
    margin-left: 0.5rem;
    font-size: 1.1rem;
    border-radius: 4px;
    transition: all 0.2s ease;
    cursor: pointer;
}

    /* Botón Editar */
    .btn-icon.btn-edit[b-w0x078nyng] {
        color: var(--color-oro-hover);
    }

        .btn-icon.btn-edit:hover[b-w0x078nyng] {
            color: #ffffff;
            background-color: rgba(234, 205, 101, 0.2);
        }

    /* Botón Eliminar */
    .btn-icon.btn-delete[b-w0x078nyng] {
        color: var(--color-oro-hover); /* Dorado por defecto */
    }

        .btn-icon.btn-delete:hover[b-w0x078nyng] {
            color: #ff4d4d; /* Rojo al pasar el ratón */
            background-color: rgba(255, 77, 77, 0.1);
        }


/* --- Controles de Paginación --- */
.pagination-controls[b-w0x078nyng] {
    display: flex;
    justify-content: space-between;
    align-items: center;
    margin-top: 1.5rem;
    color: var(--color-texto-principal);
}

    .pagination-controls span[b-w0x078nyng] {
        font-weight: 600;
        font-size: 0.9rem;
    }

    .pagination-controls .btn-secondary[b-w0x078nyng] {
        background-color: var(--color-gris-medio);
        border: 1px solid #4a5056;
    }

        .pagination-controls .btn-secondary:disabled[b-w0x078nyng] {
            background-color: var(--color-gris-oscuro);
            border-color: var(--color-gris-medio);
            color: #6c757d;
            cursor: not-allowed;
        }
/* _content/Teseo.Web/Components/Pages/Catalogos/Niveles/FormNivel.razor.rz.scp.css */
/* Estilos para la "tarjeta" del formulario */
.form-card[b-g4bsrs03ar] {
    max-width: 800px; /* O el ancho que prefieras */
    margin: 2rem auto; /* Centra la tarjeta */
    background-color: var(--color-gris-medio);
    padding: 2.5rem;
    border-radius: 8px;
    box-shadow: 0 10px 25px rgba(0, 0, 0, 0.5);
    border-top: 4px solid var(--color-oro-principal);
}

.form-card-header[b-g4bsrs03ar] {
    text-align: center;
    margin-bottom: 2rem;
    border-bottom: 1px solid #4a5056; /* Línea divisoria sutil */
    padding-bottom: 1rem;
}

/* Espaciado entre grupos de formulario */
.form-group[b-g4bsrs03ar] {
    margin-bottom: 1.5rem;
}

/* Ajustes para el checkbox y su label */
.form-check-group[b-g4bsrs03ar] {
    display: flex;
    align-items: center;
    padding-top: 2rem; /* Alinea verticalmente con los otros labels */
}

    .form-check-group .form-check-input[b-g4bsrs03ar] {
        margin-right: 0.5rem;
        width: 1.2em; /* Hace el checkbox un poco más grande */
        height: 1.2em;
    }

    .form-check-group .form-check-label[b-g4bsrs03ar] {
        margin-bottom: 0; /* Quita el margen inferior por defecto */
    }


/* Divisor visual antes de los botones */
.form-divider[b-g4bsrs03ar] {
    border-top: 1px solid #4a5056;
    margin: 2rem 0;
}

/* Contenedor de botones (Guardar, Cancelar) */
.form-actions[b-g4bsrs03ar] {
    display: flex;
    justify-content: flex-end; /* Alinea los botones a la derecha */
    gap: 0.5rem; /* Espacio entre botones */
}

    /* Iconos dentro de los botones */
    .form-actions .btn .bi[b-g4bsrs03ar] {
        margin-right: 0.3rem;
        vertical-align: text-bottom; /* Alinea mejor el icono con el texto */
    }

/* Ajustes responsivos si es necesario */
@media (max-width: 768px) {
    .form-card[b-g4bsrs03ar] {
        padding: 1.5rem;
    }

    .form-check-group[b-g4bsrs03ar] {
        padding-top: 0.5rem; /* Reduce el padding en móvil */
    }
}
/* _content/Teseo.Web/Components/Pages/Catalogos/Niveles/Index.razor.rz.scp.css */
/* --- Contenedor Principal --- */
.catalog-header[b-f67fk4c7i0] {
    display: flex;
    justify-content: space-between;
    align-items: center;
    margin-bottom: 1.5rem;
}

.loading-message[b-f67fk4c7i0] {
    font-size: 1.2rem;
    color: var(--color-oro-principal);
}

/* --- Barra de Búsqueda --- */
.filter-bar[b-f67fk4c7i0] {
    margin-bottom: 1.5rem;
    display: flex; /* Activa Flexbox */
    gap: 0.5rem; /* Espacio entre elementos */
}

    /* Hace que el input ocupe el espacio disponible */
    .filter-bar .form-control[b-f67fk4c7i0] {
        flex-grow: 1;
    }

    /* Evita que los botones se encojan */
    .filter-bar .btn[b-f67fk4c7i0] {
        flex-shrink: 0;
    }


/* --- Estilos de la Tabla Elegante --- */
.elegant-table-container[b-f67fk4c7i0] {
    background-color: var(--color-gris-medio);
    border-radius: 8px;
    padding: 0.5rem;
    border-top: 4px solid var(--color-oro-principal);
    overflow-x: auto; /* Permite scroll horizontal en tablas anchas */
}

.elegant-table[b-f67fk4c7i0] {
    border-collapse: separate;
    border-spacing: 0;
    width: 100%;
    min-width: 600px; /* Ancho mínimo para evitar que se aplaste mucho */
    color: var(--color-texto-principal); /* Texto blanco/claro */
}

    .elegant-table thead th[b-f67fk4c7i0] {
        background-color: var(--color-gris-oscuro); /* Fondo cabecera */
        color: var(--color-oro-principal); /* Cabecera dorada */
        border: none;
        padding: 1rem 1.25rem;
        text-transform: uppercase;
        letter-spacing: 0.5px;
        font-weight: 600;
        font-size: 0.8rem;
        border-bottom: 2px solid #4a5056; /* Línea sutil */
        white-space: nowrap; /* Evita que el texto de la cabecera se parta */
    }

    .elegant-table tbody tr[b-f67fk4c7i0] {
        background-color: var(--color-gris-medio); /* Fondo de fila oscuro */
    }

        /* Efecto hover sutil */
        .elegant-table tbody tr:hover[b-f67fk4c7i0] {
            background-color: #3f464d; /* Un gris ligeramente más claro */
        }

    .elegant-table tbody td[b-f67fk4c7i0] {
        border: none;
        padding: 1rem 1.25rem;
        vertical-align: middle;
        font-size: 0.9rem;
    }

/* --- Insignias de Estado --- */
.badge[b-f67fk4c7i0] {
    padding: 0.4em 0.7em;
    border-radius: 4px;
    font-weight: 600;
    font-size: 0.75rem;
    white-space: nowrap; /* Evita que el texto se parta */
}

.status-active[b-f67fk4c7i0] {
    background-color: #4a5a6a; /* Color azul/grisáceo sutil */
    color: #e0e0e0;
}

.status-inactive[b-f67fk4c7i0] {
    background-color: #5a4a4a; /* Rojo oscuro */
    color: #d0d0d0;
}

/* --- Botones de Acción (Iconos) --- */
.action-buttons[b-f67fk4c7i0] {
    text-align: right;
    white-space: nowrap; /* Evita que los botones se partan */
}

.btn-icon[b-f67fk4c7i0] {
    background: none;
    border: none;
    padding: 0.3rem 0.5rem;
    margin-left: 0.5rem;
    font-size: 1.1rem;
    border-radius: 4px;
    transition: all 0.2s ease;
    cursor: pointer;
}

    /* Botón Editar */
    .btn-icon.btn-edit[b-f67fk4c7i0] {
        color: var(--color-oro-hover);
    }

        .btn-icon.btn-edit:hover[b-f67fk4c7i0] {
            color: #ffffff;
            background-color: rgba(234, 205, 101, 0.2);
        }

    /* Botón Eliminar */
    .btn-icon.btn-delete[b-f67fk4c7i0] {
        color: var(--color-oro-hover); /* Dorado por defecto */
    }

        .btn-icon.btn-delete:hover[b-f67fk4c7i0] {
            color: #ff4d4d; /* Rojo al pasar el ratón */
            background-color: rgba(255, 77, 77, 0.1);
        }


/* --- Controles de Paginación --- */
.pagination-controls[b-f67fk4c7i0] {
    display: flex;
    justify-content: space-between;
    align-items: center;
    margin-top: 1.5rem;
    color: var(--color-texto-principal);
}

    .pagination-controls span[b-f67fk4c7i0] {
        font-weight: 600;
        font-size: 0.9rem;
        white-space: nowrap;
    }

    .pagination-controls .btn-secondary[b-f67fk4c7i0] {
        background-color: var(--color-gris-medio);
        border: 1px solid #4a5056;
        white-space: nowrap;
    }

        .pagination-controls .btn-secondary:disabled[b-f67fk4c7i0] {
            background-color: var(--color-gris-oscuro);
            border-color: var(--color-gris-medio);
            color: #6c757d;
            cursor: not-allowed;
        }
/* _content/Teseo.Web/Components/Pages/Catalogos/Productos/FormProducto.razor.rz.scp.css */
/* --- Estilos Generales del Formulario (Tarjeta) --- */
/* (Hereda de _Host o layout si aplica) */

/* --- Títulos y Separadores --- */
.elegant-subtitle[b-ga4v1t4y4j] {
    font-family: var(--fuente-titulos);
    color: var(--color-oro-principal); /* Color dorado */
    margin-top: 2rem;
    margin-bottom: 1rem;
    padding-bottom: 0.5rem;
    border-bottom: 1px solid #4a5056; /* Línea sutil */
    font-size: 1.3rem;
}

.form-divider[b-ga4v1t4y4j] {
    border-top: 1px solid #4a5056;
    margin: 2rem 0;
}

/* --- Sección para Añadir Insumos --- */
.add-insumo-section[b-ga4v1t4y4j] {
    background-color: var(--color-gris-medio); /* Fondo sutil */
    padding: 1.5rem;
    border-radius: 6px;
    margin-bottom: 1.5rem;
}

/* Estilo para el botón ICONO Agregar Insumo */
.btn-add-insumo[b-ga4v1t4y4j] {
    background: none;
    border: none;
    padding: 0.3rem 0.5rem;
    font-size: 1.5rem; /* Icono más grande */
    border-radius: 50%; /* Círculo */
    transition: all 0.2s ease;
    color: var(--color-oro-principal); /* Color dorado */
    cursor: pointer;
    line-height: 1; /* Mejor alineación vertical */
    display: inline-flex; /* Centra el icono dentro */
    align-items: center;
    justify-content: center;
    width: 2.5rem; /* Tamaño fijo para el círculo */
    height: 2.5rem;
}

    .btn-add-insumo:hover:not(:disabled)[b-ga4v1t4y4j] {
        color: var(--color-oro-hover);
        background-color: rgba(234, 205, 101, 0.15); /* Fondo sutil dorado al pasar */
    }

    .btn-add-insumo:disabled[b-ga4v1t4y4j] {
        color: #6c757d; /* Gris para deshabilitado */
        cursor: not-allowed;
        background-color: transparent; /* Sin fondo cuando está deshabilitado */
    }

    /* Asegurar que el icono esté centrado en el botón */
    .btn-add-insumo .bi[b-ga4v1t4y4j] {
        line-height: 0;
    }


/* --- Tabla de Insumos Agregados --- */
.insumos-table-container[b-ga4v1t4y4j] {
    margin-top: 1.5rem;
}

.insumos-table[b-ga4v1t4y4j] {
    background-color: transparent;
    color: var(--color-texto-principal);
    margin-bottom: 0;
}

    .insumos-table thead th[b-ga4v1t4y4j] {
        background-color: var(--color-gris-oscuro);
        color: var(--color-oro-principal);
        border: none;
        padding: 0.75rem 1rem;
        text-transform: uppercase;
        letter-spacing: 0.5px;
        font-weight: 600;
        font-size: 0.75rem;
        border-bottom: 2px solid #4a5056;
    }

    .insumos-table tbody td[b-ga4v1t4y4j] {
        border: none;
        padding: 0.75rem 1rem;
        vertical-align: middle;
        font-size: 0.85rem;
        border-bottom: 1px solid #4a5056;
    }

    .insumos-table tbody tr:last-child td[b-ga4v1t4y4j] {
        border-bottom: none;
    }

/* Botón Eliminar Insumo (icono limpio) */
.btn-delete-insumo[b-ga4v1t4y4j] {
    background: none;
    border: none;
    padding: 0;
    margin-left: 0.5rem;
    font-size: 1.1rem;
    border-radius: 4px;
    transition: all 0.2s ease;
    color: var(--color-oro-hover);
    cursor: pointer;
    line-height: 1;
}

    .btn-delete-insumo:hover[b-ga4v1t4y4j] {
        color: #ff4d4d;
    }


/* --- Acciones del Formulario Principal --- */
.form-actions[b-ga4v1t4y4j] {
    margin-top: 2rem;
    display: flex;
    gap: 1rem;
}

/* --- Ajustes responsivos --- */
@media (max-width: 768px) {
    /* En móviles, centramos el botón icono */
    .add-insumo-section .col-auto[b-ga4v1t4y4j] {
        text-align: center;
        margin-top: 1rem;
    }
}
/* _content/Teseo.Web/Components/Pages/Catalogos/Productos/Index.razor.rz.scp.css */
/* --- Contenedor Principal --- */
.catalog-header[b-8yb4sne4yp] {
    display: flex;
    justify-content: space-between;
    align-items: center;
    margin-bottom: 1.5rem;
}

.loading-message[b-8yb4sne4yp] {
    font-size: 1.2rem;
    color: var(--color-oro-principal);
}

/* --- Barra de Búsqueda --- */
.filter-bar[b-8yb4sne4yp] {
    margin-bottom: 1.5rem;
    display: flex; /* Activa Flexbox */
    gap: 0.5rem; /* Espacio entre elementos */
}

    /* Hace que el input ocupe el espacio disponible */
    .filter-bar .form-control[b-8yb4sne4yp] {
        flex-grow: 1;
    }

    /* Evita que los botones se encojan */
    .filter-bar .btn[b-8yb4sne4yp] {
        flex-shrink: 0;
    }


/* --- Estilos de la Tabla Elegante --- */
.elegant-table-container[b-8yb4sne4yp] {
    background-color: var(--color-gris-medio);
    border-radius: 8px;
    padding: 0.5rem;
    border-top: 4px solid var(--color-oro-principal);
    overflow-x: auto; /* Permite scroll horizontal en tablas anchas */
}

.elegant-table[b-8yb4sne4yp] {
    border-collapse: separate;
    border-spacing: 0;
    width: 100%;
    min-width: 600px; /* Ancho mínimo para evitar que se aplaste mucho */
    color: var(--color-texto-principal); /* Texto blanco/claro */
}

    .elegant-table thead th[b-8yb4sne4yp] {
        background-color: var(--color-gris-oscuro); /* Fondo cabecera */
        color: var(--color-oro-principal); /* Cabecera dorada */
        border: none;
        padding: 1rem 1.25rem;
        text-transform: uppercase;
        letter-spacing: 0.5px;
        font-weight: 600;
        font-size: 0.8rem;
        border-bottom: 2px solid #4a5056; /* Línea sutil */
        white-space: nowrap; /* Evita que el texto de la cabecera se parta */
    }

    .elegant-table tbody tr[b-8yb4sne4yp] {
        background-color: var(--color-gris-medio); /* Fondo de fila oscuro */
    }

        /* Efecto hover sutil */
        .elegant-table tbody tr:hover[b-8yb4sne4yp] {
            background-color: #3f464d; /* Un gris ligeramente más claro */
        }

    .elegant-table tbody td[b-8yb4sne4yp] {
        border: none;
        padding: 1rem 1.25rem;
        vertical-align: middle;
        font-size: 0.9rem;
    }

/* --- Insignias de Estado --- */
.badge[b-8yb4sne4yp] {
    padding: 0.4em 0.7em;
    border-radius: 4px;
    font-weight: 600;
    font-size: 0.75rem;
    white-space: nowrap; /* Evita que el texto se parta */
}

.status-active[b-8yb4sne4yp] {
    background-color: #4a5a6a; /* Color azul/grisáceo sutil */
    color: #e0e0e0;
}

.status-inactive[b-8yb4sne4yp] {
    background-color: #5a4a4a; /* Rojo oscuro */
    color: #d0d0d0;
}

/* --- Botones de Acción (Iconos) --- */
.action-buttons[b-8yb4sne4yp] {
    text-align: right;
    white-space: nowrap; /* Evita que los botones se partan */
}

.btn-icon[b-8yb4sne4yp] {
    background: none;
    border: none;
    padding: 0.3rem 0.5rem;
    margin-left: 0.5rem;
    font-size: 1.1rem;
    border-radius: 4px;
    transition: all 0.2s ease;
    cursor: pointer;
}

    /* Botón Editar */
    .btn-icon.btn-edit[b-8yb4sne4yp] {
        color: var(--color-oro-hover);
    }

        .btn-icon.btn-edit:hover[b-8yb4sne4yp] {
            color: #ffffff;
            background-color: rgba(234, 205, 101, 0.2);
        }

    /* Botón Eliminar */
    .btn-icon.btn-delete[b-8yb4sne4yp] {
        color: var(--color-oro-hover); /* Dorado por defecto */
    }

        .btn-icon.btn-delete:hover[b-8yb4sne4yp] {
            color: #ff4d4d; /* Rojo al pasar el ratón */
            background-color: rgba(255, 77, 77, 0.1);
        }


/* --- Controles de Paginación --- */
.pagination-controls[b-8yb4sne4yp] {
    display: flex;
    justify-content: space-between;
    align-items: center;
    margin-top: 1.5rem;
    color: var(--color-texto-principal);
}

    .pagination-controls span[b-8yb4sne4yp] {
        font-weight: 600;
        font-size: 0.9rem;
        white-space: nowrap;
    }

    .pagination-controls .btn-secondary[b-8yb4sne4yp] {
        background-color: var(--color-gris-medio);
        border: 1px solid #4a5056;
        white-space: nowrap;
    }

        .pagination-controls .btn-secondary:disabled[b-8yb4sne4yp] {
            background-color: var(--color-gris-oscuro);
            border-color: var(--color-gris-medio);
            color: #6c757d;
            cursor: not-allowed;
        }
/* _content/Teseo.Web/Components/Pages/Catalogos/Proveedores/FormProveedor.razor.rz.scp.css */
/* Estilos generales para las páginas de Crear/Editar */
.form-card[b-5v4nofi4l3] {
    max-width: 800px; /* Ancho máximo del formulario */
    margin: 2rem auto; /* Centrado horizontal con margen superior/inferior */
    padding: 2.5rem;
    background-color: var(--color-gris-medio);
    border-radius: 8px;
    box-shadow: 0 5px 15px rgba(0, 0, 0, 0.3);
    border-top: 4px solid var(--color-oro-principal);
}

.form-card-header[b-5v4nofi4l3] {
    margin-bottom: 2rem;
    text-align: center;
}

/* Espaciado entre filas del formulario */
.form-card .row[b-5v4nofi4l3] {
    margin-bottom: 1rem;
}

/* Ajustes para etiquetas y grupos de formulario */
.form-group[b-5v4nofi4l3] {
    margin-bottom: 1rem; /* Mantiene un espaciado consistente */
}

    .form-group label[b-5v4nofi4l3] {
        margin-bottom: .5rem;
        color: #ccc;
        font-size: 0.9rem;
        font-weight: 600; /* Hace las etiquetas un poco más prominentes */
    }

/* Grupo especial para checkboxes para alinearlos */
.form-check-group[b-5v4nofi4l3] {
    display: flex;
    align-items: center;
    padding-top: 2rem; /* Alinea verticalmente con otros inputs */
}

    .form-check-group .form-check-input[b-5v4nofi4l3] {
        margin-right: 0.5rem;
    }

    .form-check-group .form-check-label[b-5v4nofi4l3] {
        margin-bottom: 0; /* Evita doble margen */
        font-weight: normal; /* Estilo normal para etiqueta de checkbox */
    }


/* Separador visual entre secciones del formulario */
.form-divider[b-5v4nofi4l3] {
    border-color: #4a5056; /* Un gris un poco más claro que el fondo */
    margin-top: 2rem;
    margin-bottom: 2rem;
}

/* Subtítulos para secciones */
.elegant-subtitle[b-5v4nofi4l3] {
    color: var(--color-oro-principal);
    font-family: var(--fuente-titulos);
    font-size: 1.2rem;
    margin-bottom: 1.5rem;
    border-bottom: 1px solid #4a5056;
    padding-bottom: 0.5rem;
}


/* Contenedor de los botones Guardar/Cancelar */
.form-actions[b-5v4nofi4l3] {
    display: flex;
    justify-content: flex-end; /* Alinea los botones a la derecha */
    gap: 1rem; /* Espacio entre botones */
    margin-top: 2rem;
}

/* Asegura que los mensajes de validación tengan color */
[b-5v4nofi4l3] .validation-message {
    color: #f8d7da; /* Un rojo claro para errores */
    font-size: 0.8rem;
}
/* _content/Teseo.Web/Components/Pages/Catalogos/Proveedores/Index.razor.rz.scp.css */
/* --- Contenedor Principal --- */
.catalog-header[b-iojrf0lbya] {
    display: flex;
    justify-content: space-between;
    align-items: center;
    margin-bottom: 1.5rem;
}

.loading-message[b-iojrf0lbya] {
    font-size: 1.2rem;
    color: var(--color-oro-principal);
}

/* --- Barra de Búsqueda --- */
.filter-bar[b-iojrf0lbya] {
    margin-bottom: 1.5rem;
    display: flex; /* Activa Flexbox */
    gap: 0.5rem; /* Espacio entre elementos */
}

    /* Hace que el input ocupe el espacio disponible */
    .filter-bar .form-control[b-iojrf0lbya] {
        flex-grow: 1;
    }

    /* Evita que los botones se encojan */
    .filter-bar .btn[b-iojrf0lbya] {
        flex-shrink: 0;
    }


/* --- Estilos de la Tabla Elegante --- */
.elegant-table-container[b-iojrf0lbya] {
    background-color: var(--color-gris-medio);
    border-radius: 8px;
    padding: 0.5rem;
    border-top: 4px solid var(--color-oro-principal);
}

.elegant-table[b-iojrf0lbya] {
    border-collapse: separate;
    border-spacing: 0;
    width: 100%;
    color: var(--color-texto-principal); /* Texto blanco/claro */
}

    .elegant-table thead th[b-iojrf0lbya] {
        background-color: var(--color-gris-oscuro); /* Fondo cabecera */
        color: var(--color-oro-principal); /* Cabecera dorada */
        border: none;
        padding: 1rem 1.25rem;
        text-transform: uppercase;
        letter-spacing: 0.5px;
        font-weight: 600;
        font-size: 0.8rem;
        border-bottom: 2px solid #4a5056; /* Línea sutil */
    }

    .elegant-table tbody tr[b-iojrf0lbya] {
        background-color: var(--color-gris-medio); /* Fondo de fila oscuro */
    }

        /* Efecto hover sutil */
        .elegant-table tbody tr:hover[b-iojrf0lbya] {
            background-color: #3f464d; /* Un gris ligeramente más claro */
        }

    .elegant-table tbody td[b-iojrf0lbya] {
        border: none;
        padding: 1rem 1.25rem;
        vertical-align: middle;
        font-size: 0.9rem;
    }

/* --- Insignias de Estado --- */
.badge[b-iojrf0lbya] {
    padding: 0.4em 0.7em;
    border-radius: 4px;
    font-weight: 600;
    font-size: 0.75rem;
}

.status-active[b-iojrf0lbya] {
    background-color: #4a5a6a; /* Color azul/grisáceo sutil */
    color: #e0e0e0;
}

.status-inactive[b-iojrf0lbya] {
    background-color: #5a4a4a; /* Rojo oscuro */
    color: #d0d0d0;
}

/* --- Botones de Acción (Iconos) --- */
.action-buttons[b-iojrf0lbya] {
    text-align: right;
    white-space: nowrap; /* Evita que los botones salten de línea */
}

.btn-icon[b-iojrf0lbya] {
    background: none;
    border: none;
    padding: 0.3rem 0.5rem;
    margin-left: 0.5rem;
    font-size: 1.1rem;
    border-radius: 4px;
    transition: all 0.2s ease;
}

    /* Botón Editar */
    .btn-icon.btn-edit[b-iojrf0lbya] {
        color: var(--color-oro-hover);
    }

        .btn-icon.btn-edit:hover[b-iojrf0lbya] {
            color: #ffffff;
            background-color: rgba(234, 205, 101, 0.2);
        }

    /* Botón Eliminar */
    .btn-icon.btn-delete[b-iojrf0lbya] {
        color: var(--color-oro-hover); /* Dorado por defecto */
    }

        .btn-icon.btn-delete:hover[b-iojrf0lbya] {
            color: #ff4d4d; /* Rojo al pasar el ratón */
            background-color: rgba(255, 77, 77, 0.1);
        }


/* --- Controles de Paginación --- */
.pagination-controls[b-iojrf0lbya] {
    display: flex;
    justify-content: space-between;
    align-items: center;
    margin-top: 1.5rem;
    color: var(--color-texto-principal);
}

    .pagination-controls span[b-iojrf0lbya] {
        font-weight: 600;
        font-size: 0.9rem;
    }

    .pagination-controls .btn-secondary[b-iojrf0lbya] {
        background-color: var(--color-gris-medio);
        border: 1px solid #4a5056;
    }

        .pagination-controls .btn-secondary:disabled[b-iojrf0lbya] {
            background-color: var(--color-gris-oscuro);
            border-color: var(--color-gris-medio);
            color: #6c757d;
        }
/* _content/Teseo.Web/Components/Pages/Catalogos/Sucursales/FormSucursal.razor.rz.scp.css */
/* Contenedor principal del formulario, estilo tarjeta */
.form-card[b-twbwtvqbf9] {
    background-color: var(--color-gris-medio);
    padding: 2.5rem;
    border-radius: 8px;
    box-shadow: 0 5px 15px rgba(0, 0, 0, 0.3);
    border-top: 4px solid var(--color-oro-principal);
    margin: 2rem auto; /* Centrado y con margen */
    max-width: 800px; /* Ancho máximo para legibilidad */
}

/* Encabezado dentro de la tarjeta */
.form-card-header[b-twbwtvqbf9] {
    margin-bottom: 2rem;
    text-align: center;
    border-bottom: 1px solid #4a5056; /* Línea sutil */
    padding-bottom: 1rem;
}

/* Espaciado entre filas del formulario */
.row[b-twbwtvqbf9] {
    margin-bottom: 1.5rem;
}

/* Estilo específico para el grupo de checkbox "Activo" */
.form-check-group[b-twbwtvqbf9] {
    display: flex;
    align-items: center;
    padding-top: 2rem; /* Alinear verticalmente con los labels */
}

    .form-check-group .form-check-input[b-twbwtvqbf9] {
        margin-right: 0.5rem;
        width: 1.25rem; /* Hacer el checkbox un poco más grande */
        height: 1.25rem;
    }

    .form-check-group .form-check-label[b-twbwtvqbf9] {
        margin-bottom: 0; /* Quitar margen inferior del label */
    }

/* Separador visual antes de los botones */
.form-divider[b-twbwtvqbf9] {
    border-top: 1px solid #4a5056;
    margin-top: 2rem;
    margin-bottom: 1.5rem;
}

/* Contenedor de los botones de acción (Guardar, Cancelar) */
.form-actions[b-twbwtvqbf9] {
    display: flex;
    justify-content: flex-end; /* Alinear botones a la derecha */
    gap: 0.75rem; /* Espacio entre botones */
}
/* _content/Teseo.Web/Components/Pages/Catalogos/Sucursales/Index.razor.rz.scp.css */
/* --- Contenedor Principal --- */
.catalog-header[b-1igyxyz8xj] {
    display: flex;
    justify-content: space-between;
    align-items: center;
    margin-bottom: 1.5rem;
}

.loading-message[b-1igyxyz8xj] {
    font-size: 1.2rem;
    color: var(--color-oro-principal);
}

/* --- Barra de Búsqueda (Solución Moderna) --- */
.filter-bar[b-1igyxyz8xj] {
    margin-bottom: 1.5rem;
    display: flex; /* Activa Flexbox */
    gap: 0.5rem; /* Espacio entre elementos */
}

    /* Hace que el input ocupe el espacio disponible */
    .filter-bar .form-control[b-1igyxyz8xj] {
        flex-grow: 1;
    }

    /* Evita que los botones se encojan */
    .filter-bar .btn[b-1igyxyz8xj] {
        flex-shrink: 0;
    }


/* --- Estilos de la Tabla Elegante --- */
.elegant-table-container[b-1igyxyz8xj] {
    background-color: var(--color-gris-medio);
    border-radius: 8px;
    padding: 0.5rem;
    border-top: 4px solid var(--color-oro-principal);
}

.elegant-table[b-1igyxyz8xj] {
    border-collapse: separate;
    border-spacing: 0;
    width: 100%;
    color: var(--color-texto-principal); /* Texto blanco/claro */
}

    .elegant-table thead th[b-1igyxyz8xj] {
        color: var(--color-oro-principal); /* Cabecera dorada */
        background-color: var(--color-gris-oscuro); /* FONDO OSCURO AÑADIDO */
        border: none;
        padding: 1rem 1.25rem;
        text-transform: uppercase;
        letter-spacing: 0.5px;
        font-weight: 600;
        font-size: 0.8rem;
        border-bottom: 2px solid #4a5056; /* Línea sutil */
    }

    .elegant-table tbody tr[b-1igyxyz8xj] {
        background-color: var(--color-gris-medio); /* Fondo de fila oscuro */
    }

        /* Efecto hover sutil */
        .elegant-table tbody tr:hover[b-1igyxyz8xj] {
            background-color: #3f464d; /* Un gris ligeramente más claro */
        }

    .elegant-table tbody td[b-1igyxyz8xj] {
        border: none;
        padding: 1rem 1.25rem;
        vertical-align: middle;
        font-size: 0.9rem;
    }

/* --- Insignias de Estado --- */
.badge[b-1igyxyz8xj] {
    padding: 0.4em 0.7em;
    border-radius: 4px;
    font-weight: 600;
    font-size: 0.75rem;
}

.status-active[b-1igyxyz8xj] {
    background-color: #4a5a6a; /* Color azul/grisáceo sutil */
    color: #e0e0e0;
}

.status-inactive[b-1igyxyz8xj] {
    background-color: #5a4a4a; /* Rojo oscuro */
    color: #d0d0d0;
}

/* --- Botones de Acción (Iconos) --- */
.action-buttons[b-1igyxyz8xj] {
    text-align: right;
    white-space: nowrap; /* Evita que los botones se rompan en dos líneas */
}

.btn-icon[b-1igyxyz8xj] {
    background: none;
    border: none;
    padding: 0.3rem 0.5rem;
    margin-left: 0.5rem;
    font-size: 1.1rem;
    border-radius: 4px;
    transition: all 0.2s ease;
    cursor: pointer; /* Añadido cursor */
}

    /* Botón Editar */
    .btn-icon.btn-edit[b-1igyxyz8xj] {
        color: var(--color-oro-hover);
    }

        .btn-icon.btn-edit:hover[b-1igyxyz8xj] {
            color: #ffffff;
            background-color: rgba(234, 205, 101, 0.2);
        }

    /* Botón Eliminar */
    .btn-icon.btn-delete[b-1igyxyz8xj] {
        color: var(--color-oro-hover); /* Dorado por defecto */
    }

        .btn-icon.btn-delete:hover[b-1igyxyz8xj] {
            color: #ff4d4d; /* Rojo al pasar el ratón */
            background-color: rgba(255, 77, 77, 0.1);
        }


/* --- Controles de Paginación --- */
.pagination-controls[b-1igyxyz8xj] {
    display: flex;
    justify-content: space-between;
    align-items: center;
    margin-top: 1.5rem;
    color: var(--color-texto-principal);
}

    .pagination-controls span[b-1igyxyz8xj] {
        font-weight: 600;
        font-size: 0.9rem;
    }

    .pagination-controls .btn-secondary[b-1igyxyz8xj] {
        background-color: var(--color-gris-medio);
        border: 1px solid #4a5056;
    }

        .pagination-controls .btn-secondary:disabled[b-1igyxyz8xj] {
            background-color: var(--color-gris-oscuro);
            border-color: var(--color-gris-medio);
            color: #6c757d;
            cursor: not-allowed; /* Añadido cursor */
        }
/* _content/Teseo.Web/Components/Pages/Catalogos/TiposGastos/FormTipoGasto.razor.rz.scp.css */
/* =================================================================== */
/* ARCHIVO ESPECÍFICO: Pages/TiposGastos/FormTipoGasto.razor.css        */
/* Contiene los estilos para el formulario reutilizable de creación/edición. */
/* =================================================================== */

/* Contenedor principal para las páginas de Creación y Edición */
.form-container[b-an3je084z5] {
    max-width: 900px;
    margin: 0 auto; /* Centra el formulario en la página */
    padding: 2rem;
    background-color: var(--color-gris-medio);
    border-radius: 8px;
    box-shadow: 0 4px 15px rgba(0, 0, 0, 0.2);
    border-top: 4px solid var(--color-oro-principal);
}

    .form-container .elegant-title[b-an3je084z5] {
        margin-bottom: 2rem;
        padding-bottom: 1rem;
        border-bottom: 1px solid #4a4a4f;
    }

/* Usamos '::deep' para aplicar estilos a los componentes hijos 
   (como los 'form-group' y 'form-control') desde este archivo. 
*/

/* Espaciado de los grupos del formulario */
[b-an3je084z5] .form-group {
    margin-bottom: 1.5rem;
}

/* Alineación especial para el Checkbox "Activo" */
[b-an3je084z5] .form-check-group {
    display: flex;
    align-items: center;
    padding-top: 2rem; /* Alinea con los otros labels */
}

    [b-an3je084z5] .form-check-group .form-check-input {
        margin-right: 0.75rem;
        width: 1.25rem;
        height: 1.25rem;
    }

    [b-an3je084z5] .form-check-group .form-check-label {
        margin-bottom: 0;
    }


/* Línea divisoria antes de los botones */
[b-an3je084z5] .form-divider {
    border-color: #4a4a4f;
    margin-top: 1rem;
    margin-bottom: 2rem;
}

/* Contenedor de los botones "Guardar" y "Cancelar" */
[b-an3je084z5] .form-actions {
    display: flex;
    justify-content: flex-end; /* Alinea los botones a la derecha */
    gap: 1rem; /* Espacio entre los botones */
}

    /* Los botones .btn-primary y .btn-secondary ya tienen estilo global. */
    /* Aquí solo aseguramos que los iconos estén bien alineados. */
    [b-an3je084z5] .form-actions .btn {
        display: inline-flex;
        align-items: center;
        gap: 0.5rem;
    }

[b-an3je084z5] .btn-secondary {
    background-color: #5a5a5a;
    color: var(--color-texto-principal);
    border: none;
}

    [b-an3je084z5] .btn-secondary:hover {
        background-color: #6c757d;
    }
/* _content/Teseo.Web/Components/Pages/Catalogos/TiposGastos/Index.razor.rz.scp.css */
.catalog-header[b-2y5rmms72n] {
    display: flex;
    justify-content: space-between;
    align-items: center;
    margin-bottom: 1.5rem; /* 24px */
}

.loading-message[b-2y5rmms72n] {
    font-size: 1.25rem;
    color: var(--color-oro-principal);
    text-align: center;
    padding: 2rem;
}

.elegant-table-container[b-2y5rmms72n] {
    background-color: var(--color-gris-medio);
    border: 1px solid #444;
    border-radius: 8px;
    overflow: hidden; /* Para que los bordes redondeados se apliquen a la tabla */
    box-shadow: 0 4px 15px rgba(0, 0, 0, 0.2);
}

.table.elegant-table[b-2y5rmms72n] {
    margin-bottom: 0; /* El contenedor ya da el margen */
    border-color: #444;
}

    .table.elegant-table thead th[b-2y5rmms72n] {
        background-color: #2a2e32; /* Un gris un poco más claro que el fondo */
        color: var(--color-oro-principal);
        font-family: var(--fuente-cuerpo);
        font-weight: bold;
        text-transform: uppercase;
        letter-spacing: 0.5px;
        border-bottom: 2px solid var(--color-oro-principal);
        vertical-align: middle;
    }

    .table.elegant-table tbody tr[b-2y5rmms72n] {
        border-color: #444;
    }

        .table.elegant-table tbody tr:hover[b-2y5rmms72n] {
            background-color: #3f464d; /* Un sutil hover */
            color: var(--color-texto-principal);
        }

    .table.elegant-table td[b-2y5rmms72n] {
        color: var(--color-texto-principal);
        vertical-align: middle;
        padding: 0.9rem 1rem;
    }

.badge[b-2y5rmms72n] {
    padding: 0.5em 0.75em;
    font-size: 0.8rem;
    font-weight: bold;
    border-radius: 5px;
}

/* El nuevo color para 'Activo', más sutil */
.status-active[b-2y5rmms72n] {
    background-color: #4a5a6a; /* Un azul/grisáceo */
    color: #f0f0f0;
}

.status-inactive[b-2y5rmms72n] {
    background-color: #5a5a5a; /* Gris para inactivo */
    color: #ccc;
}

/* --- Acciones de la Tabla --- */
.action-buttons[b-2y5rmms72n] {
    text-align: right;
    white-space: nowrap;
}

.btn-icon[b-2y5rmms72n] {
    background: none;
    border: none;
    padding: 0.25rem 0.5rem;
    margin-left: 0.5rem;
    font-size: 1.1rem;
    border-radius: 5px;
    transition: all 0.2s ease-in-out;
}

    .btn-icon.btn-edit[b-2y5rmms72n] {
        color: var(--color-oro-hover); /* Dorado para editar */
    }

        .btn-icon.btn-edit:hover[b-2y5rmms72n] {
            color: #fff;
            background-color: rgba(234, 205, 101, 0.15);
        }

    /* Icono de eliminar dorado, se vuelve rojo en hover */
    .btn-icon.btn-delete[b-2y5rmms72n] {
        color: var(--color-oro-hover);
    }

        .btn-icon.btn-delete:hover[b-2y5rmms72n] {
            color: #e53e3e; /* Rojo vivo para la acción de eliminar */
            background-color: rgba(229, 62, 62, 0.1);
        }


/* --- Paginación --- */
.pagination-controls[b-2y5rmms72n] {
    display: flex;
    justify-content: space-between;
    align-items: center;
    padding: 1.5rem 0;
    color: var(--color-texto-principal);
}

    .pagination-controls .btn[b-2y5rmms72n] {
        display: flex;
        align-items: center;
        gap: 0.5rem;
    }

    .pagination-controls span[b-2y5rmms72n] {
        font-weight: bold;
    }

/* --- Barra de Búsqueda --- */
.filter-bar[b-2y5rmms72n] {
    /* 'display: flex' y 'gap' se aplican desde Bootstrap en el .razor */
    margin-bottom: 1.5rem; /* 24px margin below */
}

    .filter-bar .form-control[b-2y5rmms72n] {
        flex-grow: 1; /* El input toma el espacio sobrante */
    }

    .filter-bar .btn[b-2y5rmms72n] {
        flex-shrink: 0; /* Evita que los botones se encojan */
        display: flex;
        align-items: center;
        gap: 0.5rem; /* Espacio entre el ícono y el texto */
    }
/* _content/Teseo.Web/Components/Pages/Catalogos/Users/FormUser.razor.rz.scp.css */
/* =================================================================== */
/* ARCHIVO ESPECÍFICO: FormUser.razor.css                              */
/* Contiene los estilos para las páginas de Create/Edit Usuario      */
/* =================================================================== */

/* Contenedor principal de la tarjeta del formulario */
.form-card[b-spqon6fo64] {
    max-width: 800px;
    margin: 2rem auto;
    background-color: var(--color-gris-medio);
    padding: 2.5rem;
    border-radius: 8px;
    box-shadow: 0 10px 25px rgba(0, 0, 0, 0.5);
    border-top: 4px solid var(--color-oro-principal);
}

/* Encabezado dentro de la tarjeta */
.form-card-header[b-spqon6fo64] {
    text-align: center;
    margin-bottom: 2rem;
    padding-bottom: 1rem;
    border-bottom: 1px solid #555;
    font-size: 2rem;
}

/*
   Ajustes de formulario heredados de app.css pero con alcance
   local para asegurar consistencia.
*/
[b-spqon6fo64] .form-group {
    margin-bottom: 1.5rem;
}

    [b-spqon6fo64] .form-group label {
        display: block;
        margin-bottom: .5rem;
        color: #ccc;
        font-size: 0.9rem;
    }

[b-spqon6fo64] .form-control {
    width: 100%;
}

/* Contenedor para los botones de acción (Guardar, Cancelar) */
.form-actions[b-spqon6fo64] {
    display: flex;
    justify-content: flex-end;
    gap: 1rem;
    margin-top: 2rem;
}

/* Separador horizontal */
.form-divider[b-spqon6fo64] {
    border: 0;
    border-top: 1px solid #555;
    margin: 2rem 0;
}

/* Grupo de Checkbox */
[b-spqon6fo64] .form-check-group {
    display: flex;
    align-items: center;
    padding-top: 1.75rem; /* Ajuste para alinear con los otros labels */
    gap: 0.5rem;
}

    [b-spqon6fo64] .form-check-group .form-check-input {
        width: 1.25em;
        height: 1.25em;
    }

    [b-spqon6fo64] .form-check-group .form-check-label {
        margin-bottom: 0;
        font-size: 1rem;
        color: var(--color-texto-principal);
    }

/* Mensaje de subtexto/ayuda para la contraseña */
.password-note[b-spqon6fo64] {
    font-size: 0.85rem;
    color: #aaa;
    margin-top: -1rem; /* Acercarlo al campo de contraseña */
    margin-bottom: 1.5rem;
}
/* _content/Teseo.Web/Components/Pages/Catalogos/Users/Index.razor.rz.scp.css */
/* =================================================================== */
/* ARCHIVO ESPECÍFICO: Index.razor.css (para Catálogos)             */
/* Define los estilos para las páginas de índice (tablas).          */
/* =================================================================== */

/* --- Contenedor Principal --- */
.catalog-header[b-y3f5xhzgrj] {
    display: flex;
    justify-content: space-between;
    align-items: center;
    margin-bottom: 1.5rem;
    padding-bottom: 1rem;
    border-bottom: 1px solid var(--color-gris-medio);
}

.loading-message[b-y3f5xhzgrj] {
    font-size: 1.2rem;
    color: var(--color-oro-principal);
}

/* --- Barra de Búsqueda (Filtro) --- */
.filter-bar[b-y3f5xhzgrj] {
    display: flex;
    gap: 0.75rem; /* La solución moderna para el espaciado */
    margin-bottom: 1.5rem;
}

    .filter-bar .form-control[b-y3f5xhzgrj] {
        flex-grow: 1; /* Hace que el input ocupe el espacio disponible */
    }

    .filter-bar .btn[b-y3f5xhzgrj] {
        flex-shrink: 0; /* Evita que los botones se encojan */
        display: flex;
        align-items: center;
        gap: 0.5rem;
    }

/* --- Contenedor de la Tabla --- */
.elegant-table-container[b-y3f5xhzgrj] {
    border-radius: 6px;
    overflow: hidden; /* Para que la tabla respete los bordes redondeados */
    background-color: var(--color-gris-medio);
    box-shadow: 0 4px 10px rgba(0, 0, 0, 0.3);
}

/* --- Tabla Elegante --- */
.elegant-table[b-y3f5xhzgrj] {
    margin-bottom: 0; /* Quitamos el margen por defecto de bootstrap */
}

    /* Cabecera de la Tabla (Nombre, Estado, etc.) */
    .elegant-table thead[b-y3f5xhzgrj] {
        background-color: #2a2a2e; /* Un gris un poco más claro que el fondo */
    }

    .elegant-table th[b-y3f5xhzgrj] {
        color: var(--color-oro-principal);
        font-weight: 600;
        text-transform: uppercase;
        letter-spacing: 0.5px;
        border-bottom: 2px solid var(--color-oro-principal) !important;
        padding: 1rem 1.25rem;
        vertical-align: middle;
    }

    /* Cuerpo de la Tabla (Registros) */
    .elegant-table tbody tr[b-y3f5xhzgrj] {
        transition: background-color 0.2s ease;
    }

    .elegant-table td[b-y3f5xhzgrj] {
        /* Texto blanco para los datos */
        color: var(--color-texto-principal);
        padding: 1rem 1.25rem;
        vertical-align: middle;
        border-color: #3e444a; /* Líneas de separación sutiles */
    }

    /* Efecto Hover en las filas */
    .elegant-table tbody tr:hover[b-y3f5xhzgrj] {
        background-color: #3f464d;
    }

/* --- Insignias de Estado (Activo/Inactivo) --- */
.badge[b-y3f5xhzgrj] {
    font-weight: 600;
    padding: 0.5em 0.8em;
    font-size: 0.8rem;
    border-radius: 4px;
}

.status-active[b-y3f5xhzgrj] {
    /* Color azul/grisáceo sutil en lugar de verde */
    background-color: #4a6a8a;
    color: #ffffff;
}

.status-inactive[b-y3f5xhzgrj] {
    background-color: #5a5a5a;
    color: #cccccc;
}

/* --- Botones de Acción (Iconos) --- */
.action-buttons[b-y3f5xhzgrj] {
    text-align: right;
    white-space: nowrap;
}

.btn-icon[b-y3f5xhzgrj] {
    background: none;
    border: none;
    padding: 0.4rem 0.6rem;
    margin-left: 0.5rem;
    border-radius: 4px;
    cursor: pointer;
    transition: all 0.2s ease;
    font-size: 1.1rem;
    line-height: 1;
}

/* Icono de Editar */
.btn-edit[b-y3f5xhzgrj] {
    color: var(--color-oro-hover);
}

    .btn-edit:hover[b-y3f5xhzgrj] {
        background-color: var(--color-oro-principal);
        color: var(--color-texto-oscuro);
    }

/* Icono de Eliminar */
.btn-delete[b-y3f5xhzgrj] {
    /* Color dorado por defecto */
    color: var(--color-oro-hover);
}

    /* Efecto rojo al pasar el mouse */
    .btn-delete:hover[b-y3f5xhzgrj] {
        background-color: #dc3545; /* Rojo de Bootstrap */
        color: #ffffff;
    }

/* --- Controles de Paginación --- */
.pagination-controls[b-y3f5xhzgrj] {
    display: flex;
    justify-content: space-between;
    align-items: center;
    padding: 1.5rem 0;
    color: #aaa;
    font-weight: 500;
}

    .pagination-controls .btn[b-y3f5xhzgrj] {
        display: flex;
        align-items: center;
        gap: 0.5rem;
    }
/* _content/Teseo.Web/Components/Pages/Login.razor.rz.scp.css */
/* =================================================================== */
/* ARCHIVO ESPECÍFICO: Components/Pages/Login.razor.css                */
/* Contiene solo los estilos de layout para la página de login.      */
/* =================================================================== */

.login-container[b-ngdh2u38h4] {
    display: flex;
    align-items: center;
    justify-content: center;
    min-height: 100vh;
}

.login-box[b-ngdh2u38h4] {
    width: 100%;
    max-width: 400px;
    background-color: var(--color-gris-medio);
    padding: 2.5rem;
    border-radius: 8px;
    box-shadow: 0 10px 25px rgba(0, 0, 0, 0.5);
    border-top: 4px solid var(--color-oro-principal);
}

.login-header[b-ngdh2u38h4] {
    text-align: center;
    margin-bottom: 2rem;
}

.elegant-title[b-ngdh2u38h4] {
    /* Los estilos de fuente y color ya vienen del app.css global */
    font-size: 2.5rem;
    margin: 0;
}

.login-header p[b-ngdh2u38h4] {
    color: #aaa;
    letter-spacing: 2px;
    text-transform: uppercase;
    font-size: 0.8rem;
}

/* Hacer que el botón de login ocupe todo el ancho de la caja */
[b-ngdh2u38h4] .btn-primary {
    width: 100%;
}
/* _content/Teseo.Web/Components/Pages/Movimientos/Abonos/AbonosEmpresario.razor.rz.scp.css */
/* =========================================================
   ESTILOS ESPECÍFICOS PARA ABONOS DE EMPRESARIO
   ========================================================= */

/* Input para el monto a abonar */
.abono-input[b-tnk30t6dg9] {
    background-color: #2c3034;
    border: 1px solid #444;
    color: white;
    text-align: right;
    width: 120px;
}

    .abono-input:focus[b-tnk30t6dg9] {
        border-color: #D4AF37; /* Dorado */
        box-shadow: 0 0 0 0.2rem rgba(212, 175, 55, 0.25);
        outline: none;
    }

.summary-bar[b-tnk30t6dg9] {
    background-color: #212529;
    border-top: 2px solid #D4AF37;
    padding: 1rem;
    margin-top: 0; /* Pegado a la tabla */
    display: flex;
    justify-content: space-between;
    align-items: center;
    border-radius: 0 0 6px 6px;
    box-shadow: 0 4px 8px rgba(0,0,0,0.4);
}

/* --- Contenedor de la Tabla (Igual que Ventas) --- */
.elegant-table-container[b-tnk30t6dg9] {
    background-color: #212529;
    border-radius: 6px;
    border-top: 4px solid #D4AF37;
    box-shadow: 0 4px 8px rgba(0, 0, 0, 0.4);
    padding: 0;
    overflow: hidden;
    margin-bottom: 1.5rem;
}

/* --- Tabla --- */
.elegant-table[b-tnk30t6dg9] {
    width: 100%;
    margin-bottom: 0;
    color: #F8F9FA;
    border-collapse: collapse;
}

    .elegant-table thead[b-tnk30t6dg9] {
        background-color: #2c3034;
    }

        .elegant-table thead th[b-tnk30t6dg9] {
            color: #D4AF37;
            text-transform: uppercase;
            font-size: 0.85rem;
            font-weight: 700;
            letter-spacing: 0.05em;
            padding: 1rem 1.5rem;
            border: none;
            border-bottom: 1px solid #D4AF37;
            vertical-align: middle;
        }

    .elegant-table tbody tr[b-tnk30t6dg9] {
        background-color: #212529;
        transition: background-color 0.2s ease;
        border-bottom: 1px solid #373b3e;
    }

        .elegant-table tbody tr:hover[b-tnk30t6dg9] {
            background-color: #2a2e33;
        }

        .elegant-table tbody tr:last-child[b-tnk30t6dg9] {
            border-bottom: none;
        }

    .elegant-table tbody td[b-tnk30t6dg9] {
        padding: 1rem 1.5rem;
        vertical-align: middle;
        color: #F8F9FA;
        font-size: 0.95rem;
    }

/* Utilidades locales */
.text-end[b-tnk30t6dg9] {
    text-align: right;
}

.text-center[b-tnk30t6dg9] {
    text-align: center;
}

.text-success[b-tnk30t6dg9] {
    color: #2ecc71 !important;
}

.text-danger[b-tnk30t6dg9] {
    color: #e74c3c !important;
}
/* _content/Teseo.Web/Components/Pages/Movimientos/Devoluciones/Devoluciones.razor.rz.scp.css */
.row-selected td[b-rwz4xr4ej1] {
    background-color: rgba(212, 175, 55, 0.1) !important; /* Dorado muy sutil */
    border-top: 1px solid #D4AF37;
    border-bottom: 1px solid #D4AF37;
}

/* Reutiliza los estilos existentes .elegant-table, .form-card, etc. */
/* _content/Teseo.Web/Components/Pages/Movimientos/Entradas/FormEntrada.razor.rz.scp.css */
/* --- Autocomplete Insumo --- */
.insumo-autocomplete-dropdown[b-tio4kwukc1] {
    position: absolute;
    top: 100%;
    left: 0;
    right: 0;
    z-index: 1050;
    background: #1e2124;
    border: 1px solid #4a5056;
    border-radius: 6px;
    max-height: 320px;
    overflow-y: auto;
    box-shadow: 0 8px 24px rgba(0, 0, 0, 0.5);
}

.insumo-autocomplete-item[b-tio4kwukc1] {
    display: flex;
    align-items: center;
    gap: 10px;
    padding: 8px 12px;
    cursor: pointer;
    border-bottom: 1px solid #2c3034;
    transition: background 0.15s;
}

.insumo-autocomplete-item:hover[b-tio4kwukc1] {
    background: #2c3034;
}

.insumo-autocomplete-img[b-tio4kwukc1] {
    width: 48px;
    height: 48px;
    object-fit: cover;
    border-radius: 4px;
    border: 1px solid #4a5056;
    flex-shrink: 0;
}

.insumo-autocomplete-img-placeholder[b-tio4kwukc1] {
    width: 48px;
    height: 48px;
    display: flex;
    align-items: center;
    justify-content: center;
    background: #2c3034;
    border-radius: 4px;
    border: 1px solid #4a5056;
    flex-shrink: 0;
    font-size: 1.2rem;
}

.insumo-autocomplete-text[b-tio4kwukc1] {
    flex: 1;
    min-width: 0;
}

.insumo-autocomplete-text strong[b-tio4kwukc1] {
    color: #D4AF37;
    font-size: 0.9rem;
    display: block;
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis;
}

/* --- Estilos Generales del Formulario (Tarjeta) --- */
/* (Hereda de _Host o layout si aplica) */

/* --- Títulos y Separadores --- */
.elegant-subtitle[b-tio4kwukc1] {
    font-family: var(--fuente-titulos);
    color: var(--color-oro-principal);
    /* Color dorado */
    margin-top: 2rem;
    margin-bottom: 1rem;
    padding-bottom: 0.5rem;
    border-bottom: 1px solid #4a5056;
    /* Línea sutil */
    font-size: 1.3rem;
}

.form-divider[b-tio4kwukc1] {
    border-top: 1px solid #4a5056;
    margin: 2rem 0;
}

/* --- Sección para Añadir Detalles (usa .add-insumo-section) --- */
.add-insumo-section[b-tio4kwukc1] {
    background-color: var(--color-gris-medio);
    /* Fondo sutil */
    padding: 1.5rem;
    border-radius: 6px;
    margin-bottom: 1.5rem;
}

/* Estilo para el botón ICONO Agregar (usa .btn-add-insumo) */
/* Nota: FormEntrada.razor usa un .btn-primary normal, pero se incluye por coherencia */
.btn-add-insumo[b-tio4kwukc1] {
    background: none;
    border: none;
    padding: 0.3rem 0.5rem;
    font-size: 1.5rem;
    /* Icono más grande */
    border-radius: 50%;
    /* Círculo */
    transition: all 0.2s ease;
    color: var(--color-oro-principal);
    /* Color dorado */
    cursor: pointer;
    line-height: 1;
    /* Mejor alineación vertical */
    display: inline-flex;
    /* Centra el icono dentro */
    align-items: center;
    justify-content: center;
    width: 2.5rem;
    /* Tamaño fijo para el círculo */
    height: 2.5rem;
}

.btn-add-insumo:hover:not(:disabled)[b-tio4kwukc1] {
    color: var(--color-oro-hover);
    background-color: rgba(234, 205, 101, 0.15);
    /* Fondo sutil dorado al pasar */
}

.btn-add-insumo:disabled[b-tio4kwukc1] {
    color: #6c757d;
    /* Gris para deshabilitado */
    cursor: not-allowed;
    background-color: transparent;
    /* Sin fondo cuando está deshabilitado */
}

/* Asegurar que el icono esté centrado en el botón */
.btn-add-insumo .bi[b-tio4kwukc1] {
    line-height: 0;
}


/* --- Tabla de Detalles Agregados (usa .insumos-table-container) --- */
.insumos-table-container[b-tio4kwukc1] {
    margin-top: 1.5rem;
}

/* --- Estilos de la Tabla Elegante (Copiados de Productos.razor.css) --- */
.elegant-table[b-tio4kwukc1] {
    border-collapse: separate;
    border-spacing: 0;
    width: 100%;
    color: var(--color-texto-principal);
}

/* Estilos para la tabla específica de detalles (usa .insumos-table) */
.insumos-table[b-tio4kwukc1] {
    background-color: transparent;
    margin-bottom: 0;
}

.insumos-table thead th[b-tio4kwukc1] {
    background-color: var(--color-gris-oscuro);
    color: var(--color-oro-principal);
    border: none;
    padding: 0.75rem 1rem;
    text-transform: uppercase;
    letter-spacing: 0.5px;
    font-weight: 600;
    font-size: 0.75rem;
    border-bottom: 2px solid #4a5056;
}

/* Estilos Tbody de .elegant-table (aplican a .insumos-table) */
.elegant-table tbody tr[b-tio4kwukc1] {
    background-color: var(--color-gris-medio);
    /* Fondo de fila oscuro */
}

.elegant-table tbody tr:hover[b-tio4kwukc1] {
    background-color: #3f464d;
    /* Un gris ligeramente más claro */
}

.elegant-table tbody td[b-tio4kwukc1] {
    border: none;
    padding: 1rem 1.25rem;
    vertical-align: middle;
    font-size: 0.9rem;
}

/* Estilos Tbody específicos de .insumos-table */
.insumos-table tbody td[b-tio4kwukc1] {
    padding: 0.75rem 1rem;
    font-size: 0.85rem;
    border-bottom: 1px solid #4a5056;
}

.insumos-table tbody tr:last-child td[b-tio4kwukc1] {
    border-bottom: none;
}


/* --- Botones de Acción (Copiados de Productos.razor.css) --- */
.action-buttons[b-tio4kwukc1] {
    text-align: right;
    white-space: nowrap;
    /* Evita que los botones se partan */
}

/* Estilo base para botones de icono */
.btn-icon[b-tio4kwukc1] {
    background: none;
    border: none;
    padding: 0.3rem 0.5rem;
    margin-left: 0.5rem;
    font-size: 1.1rem;
    border-radius: 4px;
    transition: all 0.2s ease;
    cursor: pointer;
}

/* Botón Eliminar Detalle (usa .btn-delete-insumo) */
.btn-delete-insumo[b-tio4kwukc1] {
    background: none;
    border: none;
    padding: 0;
    margin-left: 0.5rem;
    font-size: 1.1rem;
    border-radius: 4px;
    transition: all 0.2s ease;
    color: var(--color-oro-hover);
    cursor: pointer;
    line-height: 1;
}

.btn-delete-insumo:hover[b-tio4kwukc1] {
    color: #ff4d4d;
}


/* --- Acciones del Formulario Principal --- */
.form-actions[b-tio4kwukc1] {
    margin-top: 2rem;
    display: flex;
    gap: 1rem;
}

/* --- Ajustes responsivos --- */
@media (max-width: 768px) {

    /* En móviles, centramos el botón icono */
    .add-insumo-section .col-auto[b-tio4kwukc1] {
        text-align: center;
        margin-top: 1rem;
    }
}

/* --- Mensajes de Validación --- */
[b-tio4kwukc1] .validation-message {
    color: #dc3545;
    /* Rojo peligro (Bootstrap) */
    font-weight: 600;
    /* Negrita para mayor énfasis */
    font-size: 0.85rem;
    margin-top: 0.25rem;
}
/* _content/Teseo.Web/Components/Pages/Movimientos/Entradas/Index.razor.rz.scp.css */
/* --- Contenedor Principal --- */
.catalog-header[b-d5mojr7c3c] {
    display: flex;
    justify-content: space-between;
    align-items: center;
    margin-bottom: 1.5rem;
}

.loading-message[b-d5mojr7c3c] {
    font-size: 1.2rem;
    color: var(--color-oro-principal);
}

/* --- Barra de Búsqueda (Solución Moderna) --- */
.filter-bar[b-d5mojr7c3c] {
    margin-bottom: 1.5rem;
    display: flex; /* Activa Flexbox */
    gap: 0.5rem; /* Espacio entre elementos */
    align-items: center; /* Centrar verticalmente */
}

    /* Hace que el input ocupe el espacio disponible */
    .filter-bar .form-control[b-d5mojr7c3c] {
        flex-grow: 1;
    }

    /* Evita que los botones se encojan */
    .filter-bar .btn[b-d5mojr7c3c] {
        flex-shrink: 0;
    }


/* --- Estilos de la Tabla Elegante --- */
.elegant-table-container[b-d5mojr7c3c] {
    background-color: var(--color-gris-oscuro); /* Más oscuro que el fondo general */
    border-radius: 8px;
    padding: 0.5rem;
    border-top: 4px solid var(--color-oro-principal);
    box-shadow: 0 4px 15px rgba(0, 0, 0, 0.3); /* Sombra sutil */
}

.elegant-table[b-d5mojr7c3c] {
    border-collapse: separate;
    border-spacing: 0;
    width: 100%;
    color: var(--color-texto-principal); /* Texto blanco/claro */
}

    /* Cabecera de la tabla */
    .elegant-table thead th[b-d5mojr7c3c] {
        background-color: var(--color-gris-medio); /* Fondo oscuro para cabecera */
        color: var(--color-oro-principal); /* Cabecera dorada */
        border: none;
        padding: 1rem 1.25rem;
        text-transform: uppercase;
        letter-spacing: 0.5px;
        font-weight: 600;
        font-size: 0.8rem;
        border-bottom: 2px solid #4a5056; /* Línea sutil */
        text-align: left; /* Alineación estándar */
    }

    .elegant-table tbody tr[b-d5mojr7c3c] {
        background-color: var(--color-gris-oscuro); /* Fondo de fila oscuro */
        border-bottom: 1px solid var(--color-gris-medio); /* Separador de fila sutil */
    }
        /* Eliminar borde de la última fila */
        .elegant-table tbody tr:last-child[b-d5mojr7c3c] {
            border-bottom: none;
        }


        /* Efecto hover sutil */
        .elegant-table tbody tr:hover[b-d5mojr7c3c] {
            background-color: #3f464d; /* Un gris ligeramente más claro */
        }

    .elegant-table tbody td[b-d5mojr7c3c] {
        border: none;
        padding: 1rem 1.25rem;
        vertical-align: middle;
        font-size: 0.9rem;
    }

/* --- Insignias de Estado --- */
.badge[b-d5mojr7c3c] {
    padding: 0.4em 0.7em;
    border-radius: 4px;
    font-weight: 600;
    font-size: 0.75rem;
    text-transform: uppercase; /* Para consistencia */
}

.status-active[b-d5mojr7c3c] {
    background-color: #4a5a6a; /* Color azul/grisáceo sutil */
    color: #e0e0e0;
}

.status-inactive[b-d5mojr7c3c] {
    background-color: #5a4a4a; /* Rojo oscuro */
    color: #d0d0d0;
}

/* --- Botones de Acción (Iconos) --- */
.action-buttons[b-d5mojr7c3c] {
    text-align: right; /* Alinea los iconos a la derecha */
    white-space: nowrap; /* Evita que los botones se rompan en dos líneas */
}

.btn-icon[b-d5mojr7c3c] {
    background: none;
    border: none;
    padding: 0.3rem 0.5rem;
    margin-left: 0.5rem;
    font-size: 1.1rem;
    border-radius: 4px;
    transition: all 0.2s ease;
    cursor: pointer; /* Indicar que son clickeables */
    color: var(--color-oro-hover); /* Color base dorado */
}
    /* Hover general para íconos */
    .btn-icon:hover[b-d5mojr7c3c] {
        background-color: rgba(255, 255, 255, 0.1); /* Fondo sutil al pasar el mouse */
    }

    /* Botón Editar */
    .btn-icon.btn-edit:hover[b-d5mojr7c3c] {
        color: #ffffff; /* Blanco al pasar el mouse */
        /* background-color ya definido arriba */
    }

    /* Botón Eliminar */
    .btn-icon.btn-delete:hover[b-d5mojr7c3c] {
        color: #ff4d4d; /* Rojo al pasar el mouse */
        /* background-color ya definido arriba */
    }


/* --- Controles de Paginación --- */
.pagination-controls[b-d5mojr7c3c] {
    display: flex;
    justify-content: space-between;
    align-items: center;
    margin-top: 1.5rem;
    color: var(--color-texto-principal);
}

    .pagination-controls span[b-d5mojr7c3c] {
        font-weight: 600;
        font-size: 0.9rem;
    }

    .pagination-controls .btn-secondary[b-d5mojr7c3c] {
        background-color: var(--color-gris-medio);
        border: 1px solid #4a5056;
        color: var(--color-texto-principal); /* Asegurar color de texto */
    }

        .pagination-controls .btn-secondary:disabled[b-d5mojr7c3c] {
            background-color: var(--color-gris-oscuro);
            border-color: var(--color-gris-medio);
            color: #6c757d;
            cursor: not-allowed; /* Indicar que está deshabilitado */
        }

        .pagination-controls .btn-secondary:not(:disabled):hover[b-d5mojr7c3c] {
            background-color: #495057; /* Oscurecer un poco al pasar el mouse */
            border-color: #6c757d;
        }
/* _content/Teseo.Web/Components/Pages/Movimientos/Ventas/FormVenta.razor.rz.scp.css */
/* =========================================================
   ESTILOS ESPECÍFICOS PARA EL FORMULARIO DE VENTA
   ========================================================= */

/* Estilos de la Tarjeta del Formulario (si no son globales) */
.form-card[b-b7zzsf2afg] {
    background-color: #212529; /* Oscuro base */
    padding: 2rem;
    border-radius: 8px;
    box-shadow: 0 4px 6px rgba(0,0,0,0.3);
    color: #f8f9fa;
}

.elegant-subtitle[b-b7zzsf2afg] {
    color: #D4AF37;
    border-bottom: 1px solid #444;
    padding-bottom: 0.5rem;
    margin-bottom: 1.5rem;
}

/* --- ESTILOS DE LA CUADRÍCULA (IGUAL A VENTAS LISTA) --- */

.elegant-table-container[b-b7zzsf2afg] {
    background-color: #212529;
    border-radius: 6px;
    border-top: 4px solid #D4AF37; /* Borde Dorado Superior */
    box-shadow: 0 4px 8px rgba(0, 0, 0, 0.4);
    overflow: auto; /* Permite scroll horizontal y vertical */
    max-height: 400px; /* Altura máxima para forzar el scroll vertical */
    margin-bottom: 1.5rem;
}

.elegant-table[b-b7zzsf2afg] {
    width: 100%;
    margin-bottom: 0;
    color: #ffffff;
    border-collapse: collapse;
}

    .elegant-table thead[b-b7zzsf2afg] {
        background-color: #2c3034;
    }

        .elegant-table thead th[b-b7zzsf2afg] {
            color: #D4AF37;
            text-transform: uppercase;
            font-size: 0.70rem; /* Más pequeño para que quepa */
            font-weight: 700;
            letter-spacing: 0.05em;
            padding: 0.75rem 1rem;
            border: none;
            border-bottom: 1px solid #D4AF37;
            vertical-align: middle;
        }

    .elegant-table tbody tr[b-b7zzsf2afg] {
        background-color: #212529;
        border-bottom: 1px solid #373b3e;
    }

        .elegant-table tbody tr:last-child[b-b7zzsf2afg] {
            border-bottom: none;
        }

    .elegant-table tbody td[b-b7zzsf2afg] {
        padding: 0.5rem 0.5rem; /* Padding reducido */
        vertical-align: middle;
        color: #ffffff;
        font-size: 0.75rem; /* Más pequeño para que quepa todo */
    }

/* Botones de Acción en la tabla */
.action-btn[b-b7zzsf2afg] {
    background: none;
    border: none;
    cursor: pointer;
    padding: 0;
    font-size: 1.1rem;
    transition: transform 0.1s ease;
}

    .action-btn:hover[b-b7zzsf2afg] {
        transform: scale(1.1);
    }

    .action-btn.delete[b-b7zzsf2afg] {
        color: #D4AF37;
    }

        .action-btn.delete:hover[b-b7zzsf2afg] {
            color: #e74c3c;
        }

/* Inputs de Solo Lectura (Estilo oscuro) */
.readonly-display[b-b7zzsf2afg] {
    background-color: #2c3034 !important;
    color: #e0e0e0 !important;
    border: 1px solid #444;
}

/* Tabla de Resultados de Búsqueda (Dropdown style) */
.search-results-container[b-b7zzsf2afg] {
    background-color: #2c3034;
    border: 1px solid #444;
    border-radius: 4px;
    padding: 1rem;
}

/* --- JERARQUÍA DE PATROCINIO (MLM) --- */
.sponsorship-chain[b-b7zzsf2afg] {
    background: #1a1d21;
    border-left: 2px solid #D4AF37;
    padding: 8px 12px;
    border-radius: 0 4px 4px 0;
    font-size: 0.85rem;
}
.sponsor-item[b-b7zzsf2afg] {
    display: flex;
    align-items: center;
    gap: 8px;
    color: #aaa;
}
.sponsor-level[b-b7zzsf2afg] {
    font-weight: 700;
    color: #D4AF37;
    min-width: 25px;
}
.sponsor-name[b-b7zzsf2afg] {
    color: #eee;
}
/* _content/Teseo.Web/Components/Pages/Movimientos/Ventas/VentasLista.razor.rz.scp.css */
/* =========================================================
   ESTILOS ESPECÍFICOS PARA EL LISTADO DE VENTAS
   ========================================================= */

/* --- Barra de Filtros (Alineación Horizontal) --- */
.filter-bar[b-rag56qyq0a] {
    display: flex;
    gap: 0.5rem;
    align-items: center; /* Centrado vertical */
    margin-bottom: 1.5rem;
}

/* Input toma el espacio disponible */
.search-input[b-rag56qyq0a] {
    flex-grow: 1;
}

/* Evitar que los botones se rompan en dos líneas */
.filter-bar .btn[b-rag56qyq0a] {
    white-space: nowrap;
}

/* --- Contenedor de la Tabla (Tarjeta con borde dorado) --- */
.elegant-table-container[b-rag56qyq0a] {
    background-color: #212529; /* var(--color-gris-oscuro) */
    border-radius: 6px;
    /* Borde superior grueso y dorado */
    border-top: 4px solid #D4AF37; /* var(--color-oro-principal) */
    box-shadow: 0 4px 8px rgba(0, 0, 0, 0.4);
    padding: 0;
    overflow: hidden;
    margin-bottom: 1.5rem;
}

/* --- Tabla --- */
.elegant-table[b-rag56qyq0a] {
    width: 100%;
    margin-bottom: 0;
    color: #F8F9FA; /* var(--color-texto-principal) */
    border-collapse: collapse;
}

    /* Cabecera */
    .elegant-table thead[b-rag56qyq0a] {
        background-color: #2c3034;
    }

        .elegant-table thead th[b-rag56qyq0a] {
            color: #D4AF37; /* var(--color-oro-principal) */
            text-transform: uppercase;
            font-size: 0.85rem;
            font-weight: 700;
            letter-spacing: 0.05em;
            padding: 1rem 1.5rem;
            border: none;
            border-bottom: 1px solid #D4AF37;
            vertical-align: middle;
        }

    /* Filas */
    .elegant-table tbody tr[b-rag56qyq0a] {
        background-color: #212529;
        transition: background-color 0.2s ease;
        border-bottom: 1px solid #373b3e;
    }

        .elegant-table tbody tr:hover[b-rag56qyq0a] {
            background-color: #2a2e33;
        }

        .elegant-table tbody tr:last-child[b-rag56qyq0a] {
            border-bottom: none;
        }

    .elegant-table tbody td[b-rag56qyq0a] {
        padding: 1rem 1.5rem;
        vertical-align: middle;
        color: #F8F9FA;
        font-size: 0.95rem;
    }

/* --- Badges de Estatus --- */
.badge-status[b-rag56qyq0a] {
    display: inline-block;
    padding: 0.35em 0.8em;
    font-size: 0.75em;
    font-weight: 700;
    line-height: 1;
    text-align: center;
    white-space: nowrap;
    vertical-align: baseline;
    border-radius: 0.25rem;
    text-transform: uppercase;
}

.status-pagada[b-rag56qyq0a] {
    background-color: #26b050; /* Verde */
    color: white;
    border: 1px solid #1e8e40;
}

.status-pendiente[b-rag56qyq0a] {
    background-color: #ffc107; /* Amarillo */
    color: #212529;
    border: 1px solid #e0a800;
}

.status-cancelada[b-rag56qyq0a] {
    background-color: #5a4a4a; /* Rojo apagado */
    color: #d0d0d0;
    border: 1px solid #6b5b5b;
}

/* --- Botones de Acción (Iconos) --- */
.action-btn[b-rag56qyq0a] {
    background: none;
    border: none;
    cursor: pointer;
    padding: 0.2rem 0.5rem;
    transition: transform 0.1s ease;
    font-size: 1.1rem;
    color: #F8F9FA;
}

    .action-btn:hover[b-rag56qyq0a] {
        transform: scale(1.1);
    }

    .action-btn.edit[b-rag56qyq0a] {
        color: #D4AF37;
    }

    .action-btn.delete[b-rag56qyq0a] {
        color: #D4AF37;
    }

        .action-btn.delete:hover[b-rag56qyq0a] {
            color: #e50000;
        }

/* Utilidades de alineación locales */
.text-end[b-rag56qyq0a] {
    text-align: right;
}

.text-center[b-rag56qyq0a] {
    text-align: center;
}
/* _content/Teseo.Web/Components/SelectorModal.razor.rz.scp.css */
/* --- Contenedor Principal del Modal --- */
.selector-modal-backdrop[b-odz63in5rv] {
    position: fixed;
    top: 0;
    left: 0;
    width: 100vw;
    height: 100vh;
    background-color: rgba(0, 0, 0, 0.6);
    z-index: 1040; /* Bootstrap z-index para backdrop */
    backdrop-filter: blur(3px);
}

.selector-modal-dialog[b-odz63in5rv] {
    position: fixed;
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%);
    width: 90%;
    max-width: 600px;
    max-height: 80vh;
    display: flex;
    flex-direction: column;
    z-index: 1050; /* Bootstrap z-index para modal */
    background-color: var(--color-gris-oscuro);
    border: 1px solid var(--color-gris-medio);
    border-top: 4px solid var(--color-oro-principal);
    border-radius: 8px;
    box-shadow: 0 5px 20px rgba(0, 0, 0, 0.5);
    color: var(--color-texto-principal);
}

/* --- Cabecera --- */
.selector-modal-header[b-odz63in5rv] {
    display: flex;
    justify-content: space-between;
    align-items: center;
    padding: 1rem 1.5rem;
    background-color: var(--color-gris-medio);
    border-bottom: 1px solid #4a5056;
    border-radius: 8px 8px 0 0;
}

    /* Título (hereda .elegant-subtitle) */
    .selector-modal-header .elegant-subtitle[b-odz63in5rv] {
        margin: 0;
        padding: 0;
        border: none;
        font-size: 1.2rem;
    }

/* Botón de Cerrar (X) */
.modal-close-btn[b-odz63in5rv] {
    font-size: 1.2rem;
    color: var(--color-texto-secundario);
    padding: 0.25rem 0.5rem;
}

    .modal-close-btn:hover[b-odz63in5rv] {
        color: var(--color-oro-hover);
        background-color: rgba(255, 255, 255, 0.1);
    }


/* --- Cuerpo --- */
.selector-modal-body[b-odz63in5rv] {
    padding: 1.5rem;
    overflow-y: hidden; /* El contenedor de la lista tendrá scroll */
    display: flex;
    flex-direction: column;
    flex-grow: 1;
    min-height: 250px; /* Altura mínima */
}

/* Contenedor de la lista de resultados */
.search-results-container[b-odz63in5rv] {
    flex-grow: 1; /* Ocupa el espacio restante */
    overflow-y: auto; /* Scroll SÓLO aquí */
    border: 1px solid var(--color-gris-medio);
    background-color: var(--color-gris-oscuro);
    border-radius: 4px;
    padding: 0.5rem;
    min-height: 150px; /* Altura mínima para la lista */
}

.search-results-list[b-odz63in5rv] {
    list-style: none;
    padding: 0;
    margin: 0;
}

.result-item[b-odz63in5rv] {
    padding: 0.75rem 1rem;
    border-bottom: 1px solid #4a5056;
    cursor: pointer;
    transition: background-color 0.2s ease;
    display: flex;
    justify-content: space-between;
    align-items: center;
}

    .result-item:last-child[b-odz63in5rv] {
        border-bottom: none;
    }

    .result-item:hover[b-odz63in5rv] {
        background-color: #3f464d; /* Mismo hover que la tabla */
        color: var(--color-oro-principal);
    }

.result-item-name[b-odz63in5rv] {
    font-weight: 500;
}

.result-item-subtext[b-odz63in5rv] {
    font-size: 0.8rem;
    color: var(--color-texto-secundario);
    font-style: italic;
}

.loading-message[b-odz63in5rv] {
    font-size: 1rem;
    color: var(--color-oro-principal);
    text-align: center;
    padding-top: 1rem;
}