/* Capa visual común de los controles Radzen extendidos por Provis.
   No se carga el tema global de Radzen: el Dashboard conserva su tema oscuro heredado. */

.prv-radzen-tabs-host {
    --prv-tabs-surface: #343a40;
    --prv-tabs-border: #4d4d53;
    --prv-tabs-text: #f8f9fa;
    --prv-tabs-muted-text: #b9b9be;
    --prv-tabs-host-border-width: 1px;
    --prv-tabs-host-padding: 3px 8px 0;
}

.prv-radzen-tabs .rz-tabview-nav > li:has(.dataworkers-con-errores) > button {
    background-color: red !important;
    color: white !important;
    font-weight: bold !important;
}

.prv-radzen-tabs .rz-tabview-nav > li:has(.facturas-menos-una-hora) > button {
    color: #00ff16 !important;
    font-weight: bold !important;
}
.prv-radzen-tabs .rz-tabview-nav > li:has(.facturas-con-errores) > button, .prv-radzen-tabs .rz-tabview-nav > li:has(.synergym-con-errores) > button, .prv-radzen-tabs .rz-tabview-nav > li:has(.incidencias-con-errores) > button, .prv-radzen-tabs .rz-tabview-nav > li:has(.gestion-desatendida-con-errores) > button { background-color: red !important; color: white !important; font-weight: bold !important; }
.prv-radzen-tabs .rz-tabview-nav > li:has(.facturas-ix-manual) > button { background-color: #445b84 !important; color: #f6bbbb !important; font-weight: bold !important; }

.prv-radzen-tabs .rz-tabview-nav > li:has(.synergym-menos-10-minutos) > button {
    color: #00ff16 !important;
    font-weight: bold !important;
}
.prv-radzen-tabs .rz-tabview-nav > li:has(.synergym-menos-30-minutos) > button { color: darkorange !important; font-weight: bold !important; }

.prv-radzen-tabs .rz-tabview-nav > li:has(.gestion-desatendida-ok) > button {
    color: #00ff16 !important;
    font-weight: bold !important;
}
.prv-radzen-tabs .rz-tabview-nav > li:has(.gestion-desatendida-con-avisos) > button { color: #ffda6a !important; font-weight: bold !important; }

.dashboard-provis-theme {
    --prv-checkbox-field-height: 32px;
    --prv-checkbox-field-margin-left: 20px;
    --prv-checkbox-field-padding-top: 4px;
    --prv-checkbox-field-label-font-size: 12px;
    --prv-checkbox-field-label-line-height: 16px;
    --prv-checkbox-field-label-margin-left: 8px;
    --prv-mask-surface: #343a40;
    --prv-mask-border: #6c757d;
    --prv-mask-focus-border: var(--prv-color-accent);
    --prv-mask-focus-shadow-size: .15rem;
    --prv-mask-focus-shadow: var(--prv-color-accent-focus);
    --prv-mask-height-xs: 24px;
    --prv-mask-height-sm: 27px;
    --prv-mask-height-md: 30px;
    --prv-mask-height-lg: 38px;
    --prv-mask-height-xl: 44px;
    --prv-mask-padding-xs: .1rem .3rem;
    --prv-mask-padding-sm: .15rem .35rem;
    --prv-mask-padding-md: .2rem .45rem;
    --prv-mask-padding-lg: .35rem .6rem;
    --prv-mask-padding-xl: .45rem .7rem;
}

.dashboard-provis-theme {
    --prv-color-accent: #9c27e8;
    --prv-color-accent-contrast: #ffffff;
    --prv-color-accent-focus: rgba(156, 39, 232, .35);
    --prv-control-border-radius: .25rem;
    --prv-tabs-selected-border-width: 2px;
    --prv-tabs-font-size-xs: 11px;
    --prv-tabs-font-size-sm: 12px;
    --prv-tabs-font-size-md: 12px;
    --prv-tabs-font-size-lg: 14px;
    --prv-tabs-font-size-xl: 16px;
    --prv-tabs-line-height-xs: 16px;
    --prv-tabs-line-height-sm: 18px;
    --prv-tabs-line-height-md: 18px;
    --prv-tabs-line-height-lg: 20px;
    --prv-tabs-line-height-xl: 22px;
    --prv-tabs-padding-xs: 4px 8px;
    --prv-tabs-padding-sm: 5px 10px;
    --prv-tabs-padding-md: 6px 12px;
    --prv-tabs-padding-lg: 8px 14px;
    --prv-tabs-padding-xl: 10px 16px;
    --prv-calendar-trigger-surface: #343a40;
    --prv-calendar-trigger-border: #8fcae7;
    --prv-calendar-trigger-text: #f8f9fa;
    --prv-calendar-trigger-hover-surface: #495057;
    --prv-calendar-trigger-focus-shadow-size: .15rem;
    --prv-calendar-selector-margin-left: .35rem;
    --prv-calendar-trigger-size-xs: 24px;
    --prv-calendar-trigger-size-sm: 27px;
    --prv-calendar-trigger-size-md: 30px;
    --prv-calendar-trigger-size-lg: 36px;
    --prv-calendar-trigger-size-xl: 42px;
    --prv-calendar-popup-surface: #343a40;
    --prv-calendar-popup-border: #64646b;
    --prv-calendar-popup-shadow: 0 .5rem 1rem rgba(0, 0, 0, .35);
    --prv-calendar-popup-left: 0;
    --prv-calendar-popup-margin-top: .3rem;
    --prv-calendar-popup-padding: .35rem;
    --prv-calendar-popup-top: 100%;
    --prv-calendar-popup-z-index: 2000;
    --prv-calendar-surface: #343a40;
    --prv-calendar-surface-muted: #424247;
    --prv-calendar-border: #64646b;
    --prv-calendar-text: #f8f9fa;
    --prv-calendar-text-muted: #b7b7bd;
    --prv-calendar-primary: #9a31d1;
    --prv-calendar-primary-text: #ffffff;
    --prv-calendar-font-size: .8rem;
    --prv-calendar-min-width: 270px;
    --prv-calendar-header-min-height: 34px;
    --prv-calendar-header-padding: 0 .25rem;
    --prv-calendar-title-font-weight: 600;
    --prv-calendar-title-gap: .25rem;
    --prv-calendar-navigation-size: 28px;
    --prv-calendar-navigation-font-size: 1.8rem;
    --prv-calendar-weekday-font-size: .7rem;
    --prv-calendar-weekday-font-weight: 500;
    --prv-calendar-weekday-height: 30px;
    --prv-calendar-day-border-radius: .2rem;
    --prv-calendar-day-height: 32px;
    --prv-calendar-day-hover-surface: var(--prv-calendar-surface-muted);
    --prv-calendar-other-month-opacity: .45;
    --prv-calendar-active-day-line-height: 28px;
    --prv-calendar-active-day-min-width: 28px;
    --prv-calendar-footer-padding-top: .25rem;
    --prv-calendar-footer-button-surface: var(--prv-calendar-surface-muted);
    --prv-calendar-footer-button-border: var(--prv-calendar-border);
    --prv-calendar-footer-button-text: var(--prv-calendar-text);
    --prv-calendar-footer-button-margin: 0 0 .15rem;
    --prv-calendar-footer-button-min-height: 28px;
    --prv-calendar-footer-button-padding: 0 .8rem;
    --prv-calendar-footer-button-focus-shadow-size: .12rem;
    --prv-calendar-dropdown-surface: #343a40;
    --prv-calendar-dropdown-border: #64646b;
    --prv-calendar-dropdown-shadow: 0 .5rem 1rem rgba(0, 0, 0, .35);
    --prv-calendar-dropdown-text: #f8f9fa;
    --prv-calendar-month-panel-min-width: 8.5rem;
    --prv-calendar-year-panel-min-width: 5.5rem;
    --prv-calendar-dropdown-items-padding: .2rem 0;
    --prv-calendar-dropdown-item-padding: .25rem .5rem;
    --prv-calendar-dropdown-item-highlight-surface: #424247;
    --prv-string-select-surface: #2b2a31;
    --prv-string-select-border: #6b6873;
    --prv-string-select-text: #f8f9fa;
    --prv-string-select-disabled-text: #8e8b95;
    --prv-string-select-disabled-opacity: .65;
    --prv-string-select-font-size: 12px;
    --prv-string-select-focus-shadow-size: 2px;
    --prv-string-select-height-xs: 22px;
    --prv-string-select-height-sm: 24px;
    --prv-string-select-height-md: 26px;
    --prv-string-select-height-lg: 32px;
    --prv-string-select-height-xl: 38px;
    --prv-string-select-padding-xs: 1px 22px 1px 6px;
    --prv-string-select-padding-sm: 1px 24px 1px 7px;
    --prv-string-select-padding-md: 2px 26px 2px 8px;
    --prv-string-select-padding-lg: 4px 30px 4px 10px;
    --prv-string-select-padding-xl: 5px 34px 5px 12px;
    --prv-checkbox-size-xs: 12px;
    --prv-checkbox-size-sm: 14px;
    --prv-checkbox-size-md: 16px;
    --prv-checkbox-size-lg: 20px;
    --prv-checkbox-size-xl: 24px;
    --prv-checkbox-icon-size-xs: 9px;
    --prv-checkbox-icon-size-sm: 10px;
    --prv-checkbox-icon-size-md: 12px;
    --prv-checkbox-icon-size-lg: 14px;
    --prv-checkbox-icon-size-xl: 16px;
    --prv-checkbox-surface: #212529;
    --prv-checkbox-border: #6c757d;
}

.prv-radzen-poc-label {
    color: #f8f9fa;
    font-size: 12px;
    font-weight: 400;
    margin: 1rem 0 .35rem;
}

.prv-radzen-data-grid {
    --prv-grid-border: #4d4d53;
    --prv-grid-header: #343a40;
    --prv-grid-row: #212529;
    --prv-grid-row-alternate: #000000;
    --prv-grid-text: #f8f9fa;
    --prv-grid-border-width: 1px;
    --prv-grid-header-bottom-border: #ffffff;
    --prv-grid-header-font-size: 12px;
    --prv-grid-header-font-weight: 400;
    --prv-grid-header-padding: 2px 4px;
    --prv-grid-cell-font-size: 12px;
    --prv-grid-cell-font-weight: 100;
    --prv-grid-cell-padding: 2px 5px;
    --prv-grid-font-size: 12px;
    --prv-grid-sortable-hover-surface: #3d4753;
    --prv-grid-sort-icon-margin-left: 5px;
    --prv-grid-sort-icon-width: 10px;
    --prv-grid-sort-icon-color: rgba(184, 204, 223, .55);
    --prv-grid-sort-icon-font-family: Arial, sans-serif;
    --prv-grid-sort-icon-font-size: 11px;
    --prv-grid-sort-icon-active-color: #73c8ff;
    --prv-grid-sort-icon-active-shadow: 0 0 4px rgba(115, 200, 255, .65);
    --prv-grid-column-resizer-right: -6px;
    --prv-grid-column-resizer-width: 12px;
    --prv-grid-column-resizer-z-index: 2;
    --prv-grid-column-resizer-guide-color: rgba(151, 172, 194, .55);
    --prv-grid-column-resizer-guide-dash: 2px;
    --prv-grid-column-resizer-guide-gap: 4px;
    --prv-grid-column-resizer-guide-height: 10px;
    --prv-grid-column-resizer-guide-width: 2px;
    --prv-grid-column-resizer-hover-surface: rgba(74, 166, 231, .12);
    --prv-grid-column-resizer-hover-guide-color: #73c8ff;
    --prv-grid-column-resizer-hover-guide-shadow: 0 0 4px rgba(115, 200, 255, .8);
}

.prv-radzen-data-grid tbody tr.facturas-con-errores td {
    background-color: red !important;
    color: white !important;
    font-weight: bold;
}

.prv-radzen-data-grid tbody tr.incidencias-con-errores td {
    background-color: red !important;
    color: white !important;
    font-weight: bold;
}

.prv-radzen-data-grid tbody tr.facturas-menos-una-hora td {
    color: #00ff16 !important;
    font-weight: bold;
}

.prv-radzen-data-grid .prv-remesas-group-start { border-left: 3px solid blueviolet !important; }
.prv-radzen-data-grid .prv-remesas-group-start-black { border-left: 2px solid #000000 !important; }
.prv-radzen-data-grid .prv-remesas-blue { background-color: #4e7fb1 !important; }
.prv-radzen-data-grid .prv-remesas-hide-zero { font-size: 0 !important; }
.prv-radzen-data-grid .prv-remesas-outgoing { color: #fda9a9 !important; }
.prv-radzen-data-grid .prv-remesas-inaccessible { color: darkcyan !important; text-decoration: line-through !important; }
.prv-remesas-details { color: inherit; cursor: pointer; text-decoration: underline; }
.prv-radzen-data-grid .prv-synergym-weekend { background-color: #646464 !important; }