/* Cargar tras CSS originales de Select2, SweetAlert2 y OverlayScrollbars.
   Este archivo PERSONALIZA pero NO incluye el código de esos plugins. */
/* Select2 v4.1.0 estable, con jQuery 4. El dropdown debe ir al contenedor correcto. */
.rf-app .select2-container { width: 100% !important; font-family: var(--rf-font-family,"Sora",system-ui,sans-serif); font-size: .9375rem; }
.rf-app .select2-container--default .select2-selection--single,
.rf-app .select2-container--default .select2-selection--multiple { min-height: 44px; border: 1px solid #C9D6DF; border-radius: .625rem; background: #fff; }
.rf-app .select2-container--default .select2-selection--single .select2-selection__rendered { color: var(--rf-ui-ink); line-height: 42px; padding-left: 13px; padding-right: 30px; }
.rf-app .select2-container--default .select2-selection--single .select2-selection__arrow { height: 42px; width: 30px; }
.rf-app .select2-container--default .select2-selection--multiple { display: flex; align-items: center; padding: .3rem .5rem; }
.rf-app .select2-container--default .select2-selection--multiple .select2-selection__choice { color: var(--rf-ui-ink); background: var(--rf-ui-primary-soft); border: 1px solid #C5DDE1; border-radius: .4rem; margin-top: 2px; }
.rf-app .select2-container--default.select2-container--focus .select2-selection--single,
.rf-app .select2-container--default.select2-container--focus .select2-selection--multiple,
.rf-app .select2-container--default.select2-container--open .select2-selection--single { border-color: var(--rf-ui-focus); box-shadow: 0 0 0 .22rem rgba(30,120,152,.17); }
.rf-app .select2-container--default .select2-selection--multiple .select2-selection__rendered { padding-left: 4px; }
.rf-select2-dropdown.select2-dropdown { border-color: var(--rf-ui-border); border-radius: .625rem; box-shadow: var(--rf-ui-shadow-raised); font-family: var(--rf-font-family,"Sora",system-ui,sans-serif); font-size: .875rem; }
.rf-select2-dropdown .select2-results__option { padding: .6rem .85rem; color: var(--rf-ui-ink); }
.rf-select2-dropdown .select2-results__option--highlighted.select2-results__option--selectable { background: var(--rf-ui-primary); color: #fff; }
.rf-select2-dropdown .select2-search__field { border: 1px solid #C9D6DF !important; border-radius: .45rem; padding: .5rem !important; font: inherit; }
/* SweetAlert2: solo diálogos/toasts operativos; evitar usarlo para formularios completos. */
.swal2-popup.rf-swal { background: #fff; color: var(--rf-ui-ink); border: 1px solid var(--rf-ui-border); border-radius: .875rem; box-shadow: var(--rf-ui-shadow-raised); font-family: var(--rf-font-family,"Sora",system-ui,sans-serif); font-size: .9375rem; }
.swal2-popup.rf-swal .swal2-title { color: var(--rf-ui-ink); font-size: 1.28rem; line-height: 1.35; }
.swal2-popup.rf-swal .swal2-html-container { color: var(--rf-ui-ink-soft); font-size: .9375rem; line-height: 1.55; }
.swal2-container .rf-swal-confirm { background: var(--rf-ui-primary); color: #fff; border: 1px solid var(--rf-ui-primary); padding: .65rem 1.05rem; border-radius: .625rem; font-weight: 600; }
.swal2-container .rf-swal-confirm:hover { background: var(--rf-ui-primary-hover); }
.swal2-container .rf-swal-cancel { color: var(--rf-ui-ink); background: #fff; border: 1px solid var(--rf-ui-border); padding: .65rem 1.05rem; border-radius: .625rem; font-weight: 600; }
/* ECharts: el canvas lo dibuja ECharts. El tamaño es del contenedor y las opciones se pasan desde JS. */
.rf-app .rf-chart canvas, .rf-app .rf-chart svg { max-width: 100%; }
/* OverlayScrollbars v2: tema para paneles limitados; nunca activarlo sobre body por defecto. */
.os-theme-rf { --os-size: 9px; --os-handle-border-radius: 9px; --os-handle-bg: rgba(0,78,93,.33); --os-handle-bg-hover: rgba(0,78,93,.55); --os-handle-bg-active: rgba(0,78,93,.72); --os-handle-min-size: 30px; }