/* =====================================================================
   SISTEMA DE DISEÑO HOMOGÉNEO (global)
   Estandariza inputs y grids en TODA la app para que se vean iguales.
   Se carga el último: prevalece sobre los estilos previos.
   Revertible: quitar el <link> de Contabilidad/Homogeneo en App.razor.
   ===================================================================== */

/* ------------------------------------------------------------------ */
/* 1) INPUTS / CONTROLES                                              */
/* ------------------------------------------------------------------ */
.rz-textbox,
.rz-textarea,
.rz-dropdown,
.rz-datepicker,
.rz-numeric,
.rz-lookup,
.rz-autocomplete,
.rz-spinner,
.rz-password,
input.form-control,
select.form-control,
input.form-control-custom,
textarea.form-control-custom {
    border-radius: 10px !important;
    background: #ffffff !important;
    min-height: 40px;
    box-shadow: none !important;
    color: #2c3e50;
    transition: border-color .15s ease, box-shadow .15s ease;
}

/* Texto/relleno coherente */
.rz-textbox,
.rz-numeric .rz-inputtext,
.rz-datepicker .rz-inputtext,
.rz-autocomplete .rz-inputtext,
.rz-spinner .rz-inputtext,
input.form-control,
input.form-control-custom {}

/* Dropdown: texto a la izquierda y hueco para el chevron */
.rz-dropdown .rz-dropdown-label,
.rz-dropdown .rz-inputtext {}

.rz-dropdown .rz-dropdown-trigger,
.rz-datepicker .rz-datepicker-trigger {
    background: transparent !important;
}

/* Foco uniforme: borde y halo azul suave */
.rz-textbox:focus,
.rz-textarea:focus,
.rz-dropdown:focus,
.rz-dropdown.rz-state-focused,
.rz-datepicker:focus-within,
.rz-numeric:focus-within,
.rz-lookup:focus-within,
.rz-autocomplete:focus-within,
.rz-spinner:focus-within,
input.form-control:focus,
select.form-control:focus,
input.form-control-custom:focus,
textarea.form-control-custom:focus {
    border-color: #4a90e2 !important;
    box-shadow: 0 0 0 3px rgba(74, 144, 226, .14) !important;
    outline: none !important;
}

/* Form fields de Radzen: que el label no rompa el alto */
.rz-form-field .rz-textbox,
.rz-form-field .rz-dropdown {
    width: 100%;
}

/* ------------------------------------------------------------------ */
/* 2) GRIDS (RadzenDataGrid) — cabecera CLARA moderna                 */
/* ------------------------------------------------------------------ */

/* Color primario del sistema */
:root {
    --cont-primary: #4088BD;
}

/* Contenedor con borde suave y esquinas redondeadas */
.rz-datatable,
.rz-data-grid,
.rz-grid-table {
    border-radius: 12px;
}

/* Cabecera: AZUL primario, texto e iconos en BLANCO, compacta */
.rz-datatable .rz-datatable-thead>tr>th,
.rz-data-grid .rz-datatable-thead>tr>th,
.rz-grid-table>thead>tr>th,
.rz-datatable thead>tr>th,
.ItruCard table.diario-table thead>tr>th,
.ItruCard table.cfg-table thead>tr>th,
.ItruCard table.fa-table thead>tr>th,
.ItruCard table.asiento-table thead>tr>th {
    background: #4088BD !important;
    color: #ffffff !important;
    /* font-weight: 600 !important; */
    /* text-transform: uppercase; */
    /* letter-spacing: .03em; */
    /* font-size: .68rem !important; */
    border: none !important;


}

/* fila de cabecera compacta */
.rz-grid-table>thead>tr,
.rz-datatable thead>tr {
    height: 30px !important;
}

/* Aprieta los contenedores internos de la cabecera Radzen (lo que añade alto) */
.rz-grid-table>thead>tr>th .rz-column-title,
.rz-grid-table>thead>tr>th .rz-cell-data,
.rz-grid-table>thead>tr>th .rz-column-title-content,
.rz-datatable thead>tr>th .rz-column-title,
.rz-datatable thead>tr>th .rz-cell-data {
    padding-top: 0 !important;
    padding-bottom: 0 !important;
    margin: 0 !important;
    line-height: 1.05 !important;
    min-height: 0 !important;
}

/* iconos de orden/filtro más pequeños y centrados */
.rz-grid-table>thead>tr>th .rzi,
.rz-grid-table>thead>tr>th i,
.rz-datatable thead>tr>th i {
    font-size: .8rem !important;
}

/* Sin divisores verticales gris en el cuerpo (look limpio y uniforme) */
.rz-grid-table>tbody>tr>td,
.rz-datatable tbody>tr>td {
    border-right: none !important;
    border-left: none !important;
}

/* Título e iconos (orden/filtro) de la cabecera en blanco */
.rz-grid-table>thead>tr>th .rz-column-title,
.rz-grid-table>thead>tr>th .rz-column-title-content,
.rz-datatable thead>tr>th .rz-column-title,
.rz-datatable thead>tr>th span,
.rz-datatable thead>tr>th i,
.rz-grid-table>thead>tr>th i,
.rz-grid-table>thead>tr>th a,
.rz-datatable thead>tr>th a,
.ItruCard table.diario-table thead>tr>th i,
.ItruCard table.diario-table thead>tr>th span {
    color: #ffffff !important;
    fill: #ffffff !important;
}

/* Esquinas redondeadas en los extremos de la cabecera */
.rz-grid-table>thead>tr>th:first-child,
.ItruCard table.diario-table thead>tr>th:first-child {
    border-top-left-radius: 10px;
}

.rz-grid-table>thead>tr>th:last-child,
.ItruCard table.diario-table thead>tr>th:last-child {
    border-top-right-radius: 10px;
}

/* Celdas: relleno y separador suaves */
.rz-datatable .rz-datatable-data>tr>td,
.rz-data-grid .rz-datatable-data>tr>td,
.rz-grid-table>tbody>tr>td,
.rz-datatable tbody>tr>td {
    padding: 10px 12px !important;
    border-bottom: 1px solid #f0f3f7 !important;
    color: #2c3e50;
    vertical-align: middle;
}

/* Filas: hover suave y cebra muy ligera */
.rz-grid-table>tbody>tr:hover>td,
.rz-datatable tbody>tr:hover>td {
    background: #f9fbfe !important;
}

.rz-grid-table>tbody>tr.rz-datatable-even>td,
.rz-datatable tbody>tr:nth-child(even)>td {
    background: #fcfdfe;
}

/* Paginador y celdas: bordes suaves */
.rz-paginator {
    border-top: 1px solid #e6ebf2 !important;
    background: #fff !important;
}

/* ------------------------------------------------------------------ */
/* 3) TABLAS HTML DE CONTABILIDAD — misma cabecera azul que Proveedores */
/* ------------------------------------------------------------------ */
.ItruCard table.diario-table thead>tr>th,
.ItruCard table.cfg-table thead>tr>th,
.ItruCard table.fa-table thead>tr>th,
.ItruCard table.asiento-table thead>tr>th {
    background: #4088BD !important;
    color: #ffffff !important;
    border: none !important;
    padding: 7px 12px !important;
    font-size: .7rem !important;
    font-weight: 600 !important;
    text-transform: uppercase;
    letter-spacing: .03em;
    line-height: 1.1 !important;
}

/* todo el contenido de esas cabeceras en blanco */
.ItruCard table.diario-table thead>tr>th *,
.ItruCard table.cfg-table thead>tr>th *,
.ItruCard table.fa-table thead>tr>th *,
.ItruCard table.asiento-table thead>tr>th * {
    color: #ffffff !important;
}

/* Cabeceras de SECCIÓN del Balance (ACTIVO / PASIVO+PN / INGRESOS / GASTOS) */
.ItruCard .bal-sub {
    background: #4088BD !important;
    color: #ffffff !important;
    border: none !important;
}

/* Filas de cabecera de asiento / sección: tono claro coherente (no azul, no negro) */
.ItruCard .diario-head td,
.ItruCard .cfg-section td,
.ItruCard table.asiento-table tfoot td {
    background: #eef3fb !important;
    color: #1f3552 !important;
    border-top: 1px solid #dbe5f1 !important;
}