/* ========================================
   AppCosmoADM - Overrides del Tema Radzen (Dark)
   ======================================== */

/* Ocultar flecha del SplitButton */
.rz-splitbutton-menubutton {
    display: none !important;
}

/* Icono del menu de navegacion */
.rz-navigation-item-icon-children {
    display: none !important;
}

/* Cards */
.rz-card {
    box-shadow: 0 2px 8px rgba(0,0,0,0.35) !important;
    border-radius: 10px !important;
    background: #152035 !important;
    border: 1px solid #253a56 !important;
}

/* Paginador */
.rz-paginator .rz-paginator-page,
.rz-paginator .rz-paginator-first,
.rz-paginator .rz-paginator-last,
.rz-paginator .rz-paginator-prev,
.rz-paginator .rz-paginator-next {
    border-radius: 8px !important;
}

/* Dropdown panel */
.rz-dropdown-panel,
.rz-select-panel,
.rz-autocomplete-panel {
    border-radius: 10px !important;
    box-shadow: 0 8px 28px rgba(0, 0, 0, 0.5) !important;
    border: 1px solid #253a56 !important;
    background: #1a2944 !important;
    overflow: hidden;
}

.rz-dropdown-item,
.rz-select-item,
.rz-listbox-item {
    color: #cdd9e5 !important;
}

.rz-dropdown-item:hover,
.rz-select-item:hover,
.rz-listbox-item:hover {
    background: rgba(40,129,197,0.15) !important;
}

.rz-dropdown-item.rz-state-highlight,
.rz-select-item.rz-state-highlight {
    background: rgba(40,129,197,0.25) !important;
    color: #5ba3e0 !important;
}

/* Badge */
.rz-badge {
    border-radius: 20px !important;
    font-weight: 600 !important;
    padding: 0.2rem 0.65rem !important;
    font-size: 11px !important;
    letter-spacing: 0.03em;
}

/* Progress bar */
.rz-progressbar {
    border-radius: 20px !important;
}

.rz-progressbar-value {
    border-radius: 20px !important;
}

/* Tabs */
.rz-tabview-nav li .rz-tabview-nav-link {
    border-radius: 8px 8px 0 0 !important;
}

/* Labels de formulario */
.rz-form-field-label {
    font-size: 11px !important;
    font-weight: 600 !important;
    text-transform: capitalize !important;
    letter-spacing: 0.03em !important;
    color: #5ba3e0 !important;
}

/* Datepicker calendar */
.rz-datepicker-panel,
.rz-calendar {
    background: #1a2944 !important;
    border: 1px solid #253a56 !important;
    border-radius: 10px !important;
    box-shadow: 0 8px 28px rgba(0,0,0,0.5) !important;
}

.rz-datepicker-panel .rz-datepicker-header {
    background: #152035 !important;
    border-bottom: 1px solid #253a56 !important;
    color: #cdd9e5 !important;
}

.rz-datepicker-panel table td span,
.rz-calendar table td span {
    color: #cdd9e5 !important;
}

.rz-datepicker-panel table td span:hover,
.rz-calendar table td span:hover {
    background: rgba(40,129,197,0.2) !important;
}

.rz-datepicker-panel table td.rz-datepicker-today span,
.rz-calendar table td.rz-datepicker-today span {
    background: rgba(40,129,197,0.25) !important;
    color: #5ba3e0 !important;
}

.rz-datepicker-panel table td.rz-state-active span,
.rz-calendar table td.rz-state-active span {
    background: #2881c5 !important;
    color: #ffffff !important;
}

.rz-datepicker-panel table th,
.rz-calendar table th {
    color: #7a9ab5 !important;
}

/* Tooltip */
.rz-tooltip {
    background: #1a2944 !important;
    border: 1px solid #253a56 !important;
    color: #cdd9e5 !important;
    box-shadow: 0 4px 16px rgba(0,0,0,0.4) !important;
}