/*Sobreposición de mensaje de error de datos obligatorios*/
.e-tooltip-wrap.e-griderror, .e-control.e-tooltip-wrap.e-popup.e-griderror {
    z-index: 1;
}

.e-grid .e-rowcell {
    font-size: 12px !important;
    line-height: 18px !important;
    padding: 2px 8px !important;
}

.e-grid .e-headercelldiv {
    font-size: 13px;
    font-weight: 700;
    height: 18px;
    line-height: 18px;
}
/* GRID */
.grid-container {
    min-height: 250px; /* Altura mínima */
    height: auto; /* Permite que crezca dinámicamente */
    display: flex;
    flex-direction: column;
}

.custom-grid {
    flex: 1; /* Ocupa todo el espacio disponible del contenedor */
    width: 100%;
    overflow: visible; /* Sin scroll */
}

.btn {
    font-weight: 300 !important;
}

.e-grid .e-focused:not(.e-menu-item):not(.e-editedbatchcell) {
    box-shadow: 0 0 0 1px #FAD03C inset;
}

.e-grid td.e-active {
    background: #FAD03C;
}

.e-dropdownbase .e-list-item.e-active, .e-dropdownbase .e-list-item.e-active.e-hover {
    background-color: #FAD03C;
}

.e-dropdownbase .e-list-item {
    font-size: 12px;
}

input.e-input, textarea.e-input, .e-input-group, .e-input-group.e-control-wrapper, .e-input-group.e-disabled, .e-input-group.e-control-wrapper.e-disabled {
    font-size: 12px;
    font-weight: normal
}

.e-grid .e-row .e-input-group .e-input.e-field, .e-grid .e-row .e-input-focus .e-input.e-field {
    font-size: 12px;
}

.e-calendar .e-content td.e-today.e-selected:hover span.e-day, .e-calendar .e-content td.e-selected:hover span.e-day, .e-calendar .e-content td.e-selected.e-focused-date span.e-day, .e-bigger.e-small .e-calendar .e-content td.e-today.e-selected:hover span.e-day, .e-bigger.e-small .e-calendar .e-content td.e-selected:hover span.e-day, .e-bigger.e-small .e-calendar .e-content td.e-selected.e-focused-date span.e-day {
    background-color: #FAD03C;
}

.e-calendar .e-content td.e-today span.e-day, .e-calendar .e-content td.e-focused-date.e-today span.e-day, .e-bigger.e-small .e-calendar .e-content td.e-today span.e-day, .e-bigger.e-small .e-calendar .e-content td.e-focused-date.e-today span.e-day {
    box-shadow: inset 2px 0 #FF24BD,inset 0 2px #FF24BD,inset -2px 0 #FF24BD,inset 0 -2px #FF24BD;
    color: #FF24BD
}

.e-calendar .e-btn.e-today.e-flat.e-primary, .e-calendar .e-css.e-btn.e-today.e-flat.e-primary {
    background-color: #3CD8FA;
    border-color: #3CD8FA;
}

.e-calendar .e-header .e-title, .e-bigger.e-small .e-calendar .e-header .e-title {
    font-size: 14px;
}

.e-calendar .e-content span.e-day, .e-bigger.e-small .e-calendar .e-content span.e-day {
    font-size: 12px;
}

.e-calendar .e-btn.e-today.e-flat.e-primary:hover, .e-calendar .e-css.e-btn.e-today.e-flat.e-primary:hover {
    background-color: #FF24BD;
    border-color: #FF24BD;
}


.authentication .desktop-logo,
.authentication .desktop-dark {
    height: 4rem;
    line-height: 4rem;
}

div:where(.swal2-container) div:where(.swal2-loader) {
    border-color: #3CD8FA rgba(0,0,0,0) #FF24BD rgba(0,0,0,0) !important
}

.buttons-menu-header {
    width: 15rem;
}

.nowrap {
    white-space: nowrap !important;
}


.serial-no-cell {
    background-color: #f5f5f5 !important;
    font-weight: bold !important;
    text-align: center !important;
    color: #333 !important;
}

#attachmentViewModal .modal-body {
    overflow: hidden;
}
/* evita scroll doble */
#attachmentViewModal .pdfviewer-wrapper {
    height: calc(100vh - 200px);
}

@media (max-width: 992px) {
    #attachmentViewModal .pdfviewer-wrapper {
        height: calc(100vh - 160px);
    }
}

/* NAVS MENUS*/
.nav {
    --bs-nav-link-padding-x: 0.5rem !important;
    --bs-nav-link-padding-y: 0.25rem !important;
}


/**KENDO*/
.k-grid td.k-state-selected, .k-grid th.k-state-selected, .k-grid tr.k-state-selected > td {
    color: #212529;
    background-color: #FAD03C;
}

.k-grid td, .k-grid th {
    padding: 1px 5px !important;
}
.k-grid {
    line-height: 2 !important;
    font-size: 0.74rem;
}
.k-grid-header {
    font-weight: 700;
}

/*COLORES*/
.text-profile {
    color: #6C63FF !important;
}
/* violeta - perfil */
.text-activity {
    color: #1E90FF !important;
}
/* azul - actividades */
.text-approval {
    color: #2ECC71 !important;
}
/* verde - aprobaciones */
.text-expense {
    color: #E67E22 !important;
}
/* naranja - gastos */
.text-accountability {
    color: #16A085 !important;
}
/* verde azulado - rendición */
.text-password {
    color: #F1C40F !important;
}
/* amarillo - contraseña */
.text-logout {
    color: #E74C3C !important;
}
/* rojo - salir */

.text-action {
    color: #F1C40F !important;
    pointer-events: none;
    filter: none !important;
    opacity: 1 !important;
    font-size: 0.9rem !important;
}
/* yellow brillante - acciones */

.custom-tooltip {
    --bs-tooltip-bg: rgb(var(--primary-rgb));
    --bs-tooltip-color: var(--custom-white);
}

/* Aplica a todas las Kendo Grid de la app */
.k-grid td,
.k-grid th {
    white-space: nowrap; /* No salta de línea */
    overflow: hidden; /* Oculta el texto que se pasa */
    text-overflow: ellipsis; /* Muestra "..." al final */
}



.k-grid .k-grid-content-locked .k-state-selected td {
    background-color: #FAD03C !important;
}

.btn-icon.btn-sm {
    width: 1.5rem;
    height: 1.5rem;
    font-size: 0.7rem;
}

.btn.btn-sm {
    padding: 0.26rem 0.3rem;
    border-radius: 0.25rem;
    font-size: 0.75rem;
}

/*TREGGRED*/
.k-textbox {
    height: calc(1.5em + .5rem + 2px) !important;
    font-size: 0.85rem !important
}
input.k-textbox {
    padding: .3rem .5rem !important;
}

.k-input {
    height: calc(1.5em + .5rem) !important;
}
.k-treelist .k-command-cell .k-button {
    min-width: 0px;
    padding: 10px 10px 10px 10px;
}
/* Oculta texto en botones de comando como "Agregar", "Editar", "Eliminar" */
.k-command-cell .k-button.k-button-icontext span.k-icon + span {
    display: none;
}

/* Mejora apariencia de todos los botones del TreeList */
.k-command-cell .k-button.k-button-icontext {
    border-radius: 1rem !important;
    padding: 0.2rem 0.3rem !important;
    font-size: 0.75rem;
    min-width: auto;
}

/* Ajustes por tipo de acción (si quieres aún más control visual) */
.k-grid-add {
    background-color: transparent;
    border: 1px solid #0d6efd;
    color: #0d6efd;
}

.k-grid-edit {
    background-color: transparent;
    border: 1px solid #198754;
    color: #198754;
}

.k-grid-delete {
    background-color: transparent;
    border: 1px solid #dc3545;
    color: #dc3545;
}
.k-button {
    gap: .1rem;
}

.k-combobox {
    font-size: 0.8rem;
}

.k-clear-value {
    width: calc(10px + .2rem);
    height: 1.8rem;
}

.k-numerictextbox {
    font-size: 0.8rem;
}
.k-grid .k-detail-row > td:focus, .k-grid .k-grid-pager.k-state-focused, .k-grid .k-grid-pager:focus, .k-grid .k-group-footer > td:focus, .k-grid .k-grouping-row > td:focus, .k-grid .k-master-row > td:focus, .k-grid td.k-state-focused, .k-grid th.k-state-focused, .k-grid th:focus {
    box-shadow: inset 0 0 0 1px rgb(var(--success-rgb)) !important;
}