/* ==========================================================================
   SITE DARK COMPONENTS
   Tus componentes del sistema
   ========================================================================== */

/* Offcanvas */
[data-bs-theme="dark"] .offcanvas-header {
   background-color: #b35a20;
}

/* Menú */
[data-bs-theme="dark"] .menu-card {
   background-color: #2b2b2b;
   border-color: rgba(255, 255, 255, 0.1);
}

[data-bs-theme="dark"] .menu-card-header {
   background-color: #1e3a5f;
}

[data-bs-theme="dark"] .menu-title-lg {
   color: #add8e6;
}

/* Formularios */
[data-bs-theme="dark"] .form-card-container {
   background-color: #1e2125;
   border: 1px solid rgba(255, 255, 255, 0.1);
   box-shadow: 0 10px 30px rgba(0, 0, 0, 0.5);
   color: #ffffff;
}

[data-bs-theme="dark"] .form-content .form-control,
[data-bs-theme="dark"] .form-content .form-select {
   background-color: #2b3035 !important;
   border-color: #373b3e !important;
   color: #ffffff !important;
}

[data-bs-theme="dark"] .form-label {
   color: #ffffff;
}

/* Empresas */
[data-bs-theme="dark"] .card-hover-effect {
   background-color: #212529 !important;
   border-color: rgba(255, 255, 255, 0.1) !important;
}

[data-bs-theme="dark"] .name-text-color {
   color: #ffffff !important;
}

[data-bs-theme="dark"] .badge-id-container {
   background: #2b3035;
   color: #add8e6;
}

/* Sellos */
[data-bs-theme="dark"] .seal-card {
   background: var(--fondo-sello);
}
[data-bs-theme="dark"] .app-data-table-wrap {
   border-radius: 12px;
}

/* ==========================================================================
   SITE DARK COMPONENTS
   Index
   ========================================================================== */
[data-bs-theme="dark"] .landing-panel {
   background: linear-gradient(rgba(20, 30, 48, 0.55), rgba(20, 30, 48, 0.38)), url('/assets/img/fondoDanone.webp') center / cover no-repeat;
   border: 1px solid rgba(255, 255, 255, 0.08);
   box-shadow: 0 18px 40px rgba(0, 0, 0, 0.34);
}

[data-bs-theme="dark"] .titulo-bienvenida {
   color: #f8fbff;
   text-shadow: 0 6px 16px rgba(0, 0, 0, 0.24);
}

[data-bs-theme="dark"] .btn-entrar {
   background-color: #f8fbff;
   color: #1a4f8f;
   box-shadow: 0 12px 24px rgba(0, 0, 0, 0.28);
}

   [data-bs-theme="dark"] .btn-entrar:hover {
      box-shadow: 0 16px 28px rgba(0, 0, 0, 0.34);
   }

[data-bs-theme="dark"] .landing-footer {
   background-color: #1e2125 !important;
}

[data-bs-theme="dark"] .footer-link-index {
   color: #c7d2de !important;
}
/* ==========================================================================
   SITE DARK COMPONENTS
   Login
   ========================================================================== */
[data-bs-theme="dark"] .login-card {
   background-color: #1e2125;
   border: 1px solid rgba(255,255,255,0.08);
   box-shadow: 0 20px 40px rgba(0,0,0,0.6);
}

[data-bs-theme="dark"] .login-input-group {
   background: #2b3035;
   border: 1px solid #3a3f44;
}

[data-bs-theme="dark"] .login-form .form-control {
   background-color: transparent;
   color: #ffffff;
   border-color: #3a3f44;
}

[data-bs-theme="dark"] .login-input-group .input-group-text {
   background-color: #2b3035;
   border-color: #3a3f44;
}

[data-bs-theme="dark"] .login-submit-btn {
   box-shadow: 0 10px 30px rgba(0,0,0,0.6);
}
/* ==========================================================================
   SITE DARK COMPONENTS
   Headers Admins provds
   ========================================================================== */
[data-bs-theme="dark"] .navbar-sirius {
   background: rgba(5, 15, 30, 0.72) !important;
   border-bottom: 1px solid rgba(255, 255, 255, 0.06);
   box-shadow: 0 8px 20px rgba(0, 0, 0, 0.22);
}
[data-bs-theme="dark"] .btn-logout-sirius {
   background: #f45b42;
   color: #ffffff !important;
}

   [data-bs-theme="dark"] .btn-logout-sirius:hover {
      background: #e14c34;
      color: #ffffff !important;
   }

[data-bs-theme="dark"] .app-navbar-welcome {
   color: #ffffff;
}
/* ==========================================================================
   SITE DARK COMPONENTS
   Cards menu
   ========================================================================== */

[data-bs-theme="dark"] .menu-card {
   background-color: #1f3b63;
   border-color: rgba(255, 255, 255, 0.08);
   box-shadow: 0 18px 40px rgba(0, 0, 0, 0.35);
}

[data-bs-theme="dark"] .menu-card-header {
   background-color: #274878;
   border-bottom-color: rgba(255, 255, 255, 0.06);
}

[data-bs-theme="dark"] .menu-title-lg {
   color: #ffffff;
}

[data-bs-theme="dark"] .menu-card-body {
   background-color: #2a2a2a;
}

[data-bs-theme="dark"] .submenu-link-clean {
   color: #f3f4f6;
}

   [data-bs-theme="dark"] .submenu-link-clean:hover {
      color: #93c5fd;
   }

[data-bs-theme="dark"] .submenu-item::before {
   color: #60a5fa;
}
/* ==========================================================================
   SITE DARK COMPONENTS
   User contact
   ========================================================================== */

[data-bs-theme="dark"] .contact-edit-card {
   background: #1e2125;
   box-shadow: 0 20px 50px rgba(0, 0, 0, 0.45);
}

[data-bs-theme="dark"] .contact-edit-title {
   color: #f8fbff;
}

[data-bs-theme="dark"] .contact-edit-label {
   color: #9fc2ee;
   font-weight: 600;
   letter-spacing: 1px;
}

[data-bs-theme="dark"] .contact-edit-icon {
   color: #8fb6e8;
   opacity: 0.3;
}

[data-bs-theme="dark"] .contact-edit-input-group {
   background: #2b3035;
   box-shadow: 0 8px 18px rgba(0, 0, 0, 0.22);
}

[data-bs-theme="dark"] .contact-edit-input-icon {
   background: #2b3035;
   color: #9fc2ee;
}

[data-bs-theme="dark"] .contact-edit-input {
   background: #2f353b;
   color: #ffffff;
   box-shadow: inset 0 0 0 1px rgba(255,255,255,0.05);
}

   [data-bs-theme="dark"] .contact-edit-input:focus {
      background: #353b42;
      color: #ffffff;
   }

   [data-bs-theme="dark"] .contact-edit-input::placeholder {
      color: #9aa7b5;
      opacity: 0.8;
   }

[data-bs-theme="dark"] .contact-edit-save-btn {
   background: linear-gradient(135deg, #3d6fae 0%, #2b86e0 100%);
   box-shadow: 0 14px 30px rgba(0, 0, 0, 0.35);
}

   [data-bs-theme="dark"] .contact-edit-save-btn:hover {
      transform: translateY(-2px) scale(1.03);
   }

[data-bs-theme="dark"] .contact-edit-tutorial {
   color: #c7d2de;
   opacity: 0.78;
}

   [data-bs-theme="dark"] .contact-edit-tutorial:hover {
      color: #ffffff;
      opacity: 1;
   }
/* ==========================================================================
   SITE DARK COMPONENTS
   Boton back
   ========================================================================== */
[data-bs-theme="dark"] .btn-back {
   background: rgba(255, 255, 255, 0.12);
   box-shadow: 0 8px 18px rgba(0, 0, 0, 0.28);
}

   [data-bs-theme="dark"] .btn-back img {
      filter: brightness(0) invert(1);
   }
/* ==========================================================================
   SITE DARK COMPONENTS
   Edit Email
   ========================================================================== */

[data-bs-theme="dark"] .email-edit-card {
   background: #1e2125;
   box-shadow: 0 20px 50px rgba(0, 0, 0, 0.45);
}

[data-bs-theme="dark"] .email-edit-title {
   color: #f8fbff;
}

[data-bs-theme="dark"] .email-edit-label {
   color: #9fc2ee;
   opacity: 0.9;
}

[data-bs-theme="dark"] .email-edit-icon {
   opacity: 0.28;
   filter: brightness(0) invert(1);
}

[data-bs-theme="dark"] .email-edit-input-group {
   background: #2b3035;
   box-shadow: 0 8px 18px rgba(0, 0, 0, 0.22);
}

[data-bs-theme="dark"] .email-edit-input-icon {
   background: #2b3035;
}

[data-bs-theme="dark"] .email-edit-input {
   background: #2f353b;
   color: #ffffff;
   box-shadow: inset 0 0 0 1px rgba(255,255,255,0.05);
}

   [data-bs-theme="dark"] .email-edit-input:focus {
      background: #353b42;
      color: #ffffff;
   }

   [data-bs-theme="dark"] .email-edit-input::placeholder {
      color: #9aa7b5;
      opacity: 0.8;
   }

[data-bs-theme="dark"] .email-edit-save-btn {
   background: linear-gradient(135deg, #3d6fae 0%, #2b86e0 100%);
   box-shadow: 0 14px 30px rgba(0, 0, 0, 0.35);
}

   [data-bs-theme="dark"] .email-edit-save-btn:hover {
      box-shadow: 0 18px 34px rgba(0, 0, 0, 0.42);
   }

[data-bs-theme="dark"] .email-edit-tutorial {
   color: #c7d2de;
   opacity: 0.78;
}

   [data-bs-theme="dark"] .email-edit-tutorial:hover {
      color: #ffffff;
      opacity: 1;
   }
/* ==========================================================================
   SITE DARK COMPONENTS
   Edit NIP
   ========================================================================== */

[data-bs-theme="dark"] .ivr-edit-card {
   background: #1e2125;
   box-shadow: 0 20px 50px rgba(0, 0, 0, 0.45);
}

[data-bs-theme="dark"] .ivr-edit-title {
   color: #f8fbff;
}

[data-bs-theme="dark"] .ivr-edit-label {
   color: #9fc2ee;
   opacity: 0.9;
}

[data-bs-theme="dark"] .ivr-edit-icon {
   opacity: 0.28;
   filter: brightness(0) invert(1);
}

[data-bs-theme="dark"] .ivr-edit-input-group,
[data-bs-theme="dark"] .ivr-edit-select,
[data-bs-theme="dark"] .ivr-edit-readonly {
   background: #2b3035;
   box-shadow: 0 8px 18px rgba(0, 0, 0, 0.22);
}

[data-bs-theme="dark"] .ivr-edit-input-icon {
   background: #2b3035;
}

[data-bs-theme="dark"] .ivr-edit-input {
   background: #2f353b;
   color: #ffffff;
   box-shadow: inset 0 0 0 1px rgba(255,255,255,0.05);
}

[data-bs-theme="dark"] .ivr-edit-select,
[data-bs-theme="dark"] .ivr-edit-readonly {
   color: #ffffff;
}

   [data-bs-theme="dark"] .ivr-edit-input:focus,
   [data-bs-theme="dark"] .ivr-edit-select:focus {
      background: #353b42;
      color: #ffffff;
   }

[data-bs-theme="dark"] .ivr-edit-save-btn {
   background: linear-gradient(135deg, #3d6fae 0%, #2b86e0 100%);
   box-shadow: 0 14px 30px rgba(0, 0, 0, 0.35);
}

   [data-bs-theme="dark"] .ivr-edit-save-btn:hover {
      box-shadow: 0 18px 34px rgba(0, 0, 0, 0.42);
   }

[data-bs-theme="dark"] .ivr-edit-tutorial {
   color: #c7d2de;
   opacity: 0.78;
}

   [data-bs-theme="dark"] .ivr-edit-tutorial:hover {
      color: #ffffff;
      opacity: 1;
   }
/* ==========================================================================
   SITE DARK COMPONENTS
   Select company
   ========================================================================== */
[data-bs-theme="dark"] .company-selector-subtitle {
   color: rgba(255, 255, 255, 0.72);
}

[data-bs-theme="dark"] .company-selector-linktext {
   color: #9fc2ee;
}

[data-bs-theme="dark"] .company-selector-arrow-icon {
   opacity: 0.45;
}
/* ==========================================================================
   DARK - NOTIFICATIONS
   ========================================================================== */

[data-bs-theme="dark"] .notification-card {
   background: #1e2125;
   border-color: rgba(255, 255, 255, 0.08) !important;
   box-shadow: 0 18px 34px rgba(0, 0, 0, 0.35);
}

[data-bs-theme="dark"] .notification-card-body {
   background: #1e2125;
}

[data-bs-theme="dark"] .notification-card-text {
   color: #c7d2de !important;
}

[data-bs-theme="dark"] .notification-modal-popup {
   background: #1f2329 !important;
   color: #e5e7eb !important;
}

[data-bs-theme="dark"] .notification-modal-title {
   color: #e5e7eb !important;
}

[data-bs-theme="dark"] .notification-modal-attachment {
   background: #2b3035;
   border-color: rgba(255, 255, 255, 0.08) !important;
}

[data-bs-theme="dark"] .notification-modal-content p {
   color: #d6dee8;
}
/* ==========================================================================
   DARK - TICKET MANAGEMENT
   ========================================================================== */

[data-bs-theme="dark"] .ticket-management-card {
   background: #1e2125;
   box-shadow: 0 22px 50px rgba(0, 0, 0, 0.42);
}

[data-bs-theme="dark"] .ticket-management-title {
   color: #f8fbff;
}

[data-bs-theme="dark"] .ticket-action-btn--secondary {
   background: #2b3035;
   border-color: rgba(255,255,255,0.08);
}

   [data-bs-theme="dark"] .ticket-action-btn--secondary img {
      filter: brightness(0) invert(1);
   }

[data-bs-theme="dark"] .ticket-management-label {
   color: #9fc2ee;
}

[data-bs-theme="dark"] .ticket-management-textarea,
[data-bs-theme="dark"] .ticket-management-file {
   background: #2b3035;
   border-color: #3a3f44;
   color: #ffffff;
}

   [data-bs-theme="dark"] .ticket-management-textarea:focus,
   [data-bs-theme="dark"] .ticket-management-file:focus {
      background: #31363d;
      color: #ffffff;
   }

[data-bs-theme="dark"] .ticket-comment-modal {
   background: #1f2329;
   color: #e5e7eb;
}

[data-bs-theme="dark"] .ticket-comment-modal__body,
[data-bs-theme="dark"] .ticket-comment-modal__footer {
   background: #1f2329;
}

[data-bs-theme="dark"] .ticket-history-offcanvas {
   background: #1f2329;
   color: #e5e7eb;
}

[data-bs-theme="dark"] .ticket-history-offcanvas__header {
   border-color: rgba(255,255,255,0.08);
}

[data-bs-theme="dark"] .ticket-history-offcanvas__body {
   background: #1f2329;
}

/* ==========================================================================
   DARK - TICKET CREATE
   ========================================================================== */

[data-bs-theme="dark"] .ticket-management-select {
   background: #2b3035;
   border-color: #3a3f44;
   color: #ffffff;
}

   [data-bs-theme="dark"] .ticket-management-select:focus {
      background: #31363d;
      color: #ffffff;
   }

[data-bs-theme="dark"] .ticket-dynamic-params {
   background: #252a31;
   border-left-color: #5c8fce;
   box-shadow: inset 0 0 0 1px rgba(255, 255, 255, 0.04);
}
/* ==========================================================================
   DARK - TICKET DYNAMIC PARAMETERS
   ========================================================================== */

[data-bs-theme="dark"] .ticket-management-input {
   background: #2b3035;
   border-color: #3a3f44;
   color: #ffffff;
}

   [data-bs-theme="dark"] .ticket-management-input:focus {
      background: #31363d;
      color: #ffffff;
   }

[data-bs-theme="dark"] .ticket-management-input--readonly {
   background: #252a31;
   color: #d6dee8;
}

[data-bs-theme="dark"] .ticket-dynamic-file-view {
   background: #252a31;
   border-color: #3a3f44;
}

[data-bs-theme="dark"] .ticket-dynamic-file-link {
   color: #9fc2ee;
}

[data-bs-theme="dark"] .ticket-dynamic-current-file {
   color: #adb5bd;
}

/* ==========================================================================
   DARK - TICKET DETAIL
   ========================================================================== */

[data-bs-theme="dark"] .ticket-detail-title {
   color: #f8fbff;
}

[data-bs-theme="dark"] .ticket-detail-extra {
   background: #252a31;
   border-left-color: #5c8fce;
   box-shadow: inset 0 0 0 1px rgba(255, 255, 255, 0.04);
}

[data-bs-theme="dark"] .ticket-detail-extra__title {
   color: #9fc2ee;
}

[data-bs-theme="dark"] .ticket-detail-extra__label {
   color: #adb5bd;
}

[data-bs-theme="dark"] .ticket-detail-extra__text {
   color: #e5e7eb;
}

[data-bs-theme="dark"] .ticket-detail-file-link {
   background: #2b3035;
   border-color: #3a3f44;
   color: #9fc2ee;
}

[data-bs-theme="dark"] .ticket-detail-rating {
   background: #252a31;
   border-color: rgba(255, 255, 255, 0.06);
}

[data-bs-theme="dark"] .ticket-detail-rating__title {
   color: #5fd48d;
}
[data-bs-theme="dark"] .historial-comment-text {
   color: #e5e7eb;
}


/*
   Detalle de pagos
*/
[data-bs-theme="dark"] .btn-view-detail {
   background: rgba(255,255,255,0.08);
}

   [data-bs-theme="dark"] .btn-view-detail img {
      filter: brightness(0) invert(1);
      opacity: 0.7;
   }

   [data-bs-theme="dark"] .btn-view-detail:hover {
      background: #5c8fce;
   }
/* ==========================================================================
   DARK - TICKET INDEX
   ========================================================================== */

[data-bs-theme="dark"] .ticket-index-title {
   color: #f8fbff;
}

[data-bs-theme="dark"] .ticket-index-tabs .nav-link {
   background: rgba(255, 255, 255, 0.06);
   border-color: rgba(255, 255, 255, 0.08);
   color: #dbe7f5;
}

   [data-bs-theme="dark"] .ticket-index-tabs .nav-link.active {
      background: #1f2329;
      color: #ffffff;
      box-shadow: 0 12px 24px rgba(0, 0, 0, 0.28);
   }

[data-bs-theme="dark"] .ticket-index-card {
   background: #1e2125;
   box-shadow: 0 22px 50px rgba(0, 0, 0, 0.42);
}

[data-bs-theme="dark"] .ticket-status-badge {
   color: #f3f4f6;
   background: color-mix(in srgb, var(--ticket-state-color) 28%, #1f2329);
}

[data-bs-theme="dark"] .ticket-sla-badge {
   background: #2b3035;
   color: #ffffff;
}
/*

   Push notifications
*/

[data-bs-theme="dark"] .notifications-panel {
   background: #1e2125;
   box-shadow: 0 22px 50px rgba(0, 0, 0, 0.42);
}

[data-bs-theme="dark"] .notifications-tabs .nav-link {
   color: #c7d2de;
   background: rgba(255,255,255,0.04);
}

   [data-bs-theme="dark"] .notifications-tabs .nav-link.active {
      color: #ffffff;
      background: linear-gradient(135deg, #325C93, #196fcc);
   }
   /*

      Partial notifications
   */

[data-bs-theme="dark"] .notifications-folio {
   color: #9fc2ee;
}

[data-bs-theme="dark"] .notifications-date,
[data-bs-theme="dark"] .notifications-empty {
   color: #adb5bd;
}

[data-bs-theme="dark"] .notifications-action-btn--success {
   background: rgba(25, 135, 84, 0.16);
   color: #75d6a4;
   border-color: rgba(117, 214, 164, 0.22);
}

[data-bs-theme="dark"] .notifications-read-badge {
   background: #2b3035;
   color: #adb5bd;
}

/*
   Menu admins provds

*/
[data-bs-theme="dark"] .app-navbar-link {
   color: rgba(255,255,255,0.75);
}

   [data-bs-theme="dark"] .app-navbar-link:hover {
      background: rgba(255,255,255,0.08);
   }


/*
   Admin layout
*/
[data-bs-theme="dark"] .superadmin-layout {
   background: #0f172a;
}

[data-bs-theme="dark"] .superadmin-sidebar {
   background: linear-gradient(180deg, #111827 0%, #0b1220 100%);
}

[data-bs-theme="dark"] .superadmin-topbar,
[data-bs-theme="dark"] .superadmin-footer {
   background: #1e2125;
   border-color: rgba(255,255,255,0.06);
}

[data-bs-theme="dark"] .superadmin-welcome {
   color: #f8fbff;
}

[data-bs-theme="dark"] .superadmin-eyebrow,
[data-bs-theme="dark"] .superadmin-footer {
   color: #adb5bd;
}

[data-bs-theme="dark"] .superadmin-notifications {
   color: #c7d2de;
}

/* ==========================================================================
   USER ACCESS STATUS
   ========================================================================== */

[data-bs-theme="dark"] .user-access-panel {
   background: #1e2125;
   box-shadow: 0 22px 50px rgba(0, 0, 0, 0.42);
}

[data-bs-theme="dark"] .user-access-tabs .nav-link {
   color: #c7d2de;
   background: rgba(255,255,255,0.04);
}

   [data-bs-theme="dark"] .user-access-tabs .nav-link.active {
      background: linear-gradient(135deg, #325C93, #196fcc);
      color: #ffffff;
   }

[data-bs-theme="dark"] .user-access-loader {
   color: #adb5bd;
}
/*
   Active User
*/
[data-bs-theme="dark"] .user-access-table-title {
   color: #f8fbff;
}

[data-bs-theme="dark"] .user-access-action-btn--danger {
   background: rgba(220, 53, 69, 0.16);
   color: #ff8a98;
   border-color: rgba(255, 138, 152, 0.24);
}

[data-bs-theme="dark"] .user-access-status-badge--active {
   background: rgba(25, 135, 84, 0.16);
   color: #75d6a4;
}
[data-bs-theme="dark"] .user-access-action-btn--success {
   background: rgba(25, 135, 84, 0.18);
   color: #75d6a4;
   border-color: rgba(117, 214, 164, 0.25);
}

[data-bs-theme="dark"] .user-access-status-badge--blocked {
   background: rgba(220, 53, 69, 0.18);
   color: #ff8a98;
}

/* 
   Holidays
*/
[data-bs-theme="dark"] .holiday-panel {
   background: #1e2125;
   box-shadow: 0 22px 50px rgba(0,0,0,0.45);
}

[data-bs-theme="dark"] .holiday-action-btn--edit {
   background: rgba(13,110,253,0.2);
}

[data-bs-theme="dark"] .holiday-action-btn--delete {
   background: rgba(220,53,69,0.2);
}
/*
   Holiday Crud
*/
[data-bs-theme="dark"] .holiday-crud-card {
   background: #1e2125;
   box-shadow: 0 22px 50px rgba(0,0,0,0.45);
}

[data-bs-theme="dark"] .holiday-crud-title {
   color: #f8fbff;
}

/* ==========================================================================
   TICKET STATUS - DARK MODE
   ========================================================================== */

[data-bs-theme="dark"] .ticket-status-panel {
   background: #1e2125;
   box-shadow: 0 22px 50px rgba(0,0,0,0.45);
}

/* TITULOS */
[data-bs-theme="dark"] .ticket-status-title {
   color: #f8fbff;
}

[data-bs-theme="dark"] .ticket-status-subtitle {
   color: #9ca3af;
}

/* BOTONES */
[data-bs-theme="dark"] .ticket-status-btn--edit {
   background: rgba(13,110,253,0.2);
}

[data-bs-theme="dark"] .ticket-status-btn--delete {
   background: rgba(220,53,69,0.2);
}

/* BOTÓN ADD */
[data-bs-theme="dark"] .ticket-status-add-btn {
   box-shadow: 0 12px 30px rgba(0,0,0,0.5);
}
[data-bs-theme="dark"] .ticket-status-crud-card {
   background: #1e2125;
   box-shadow: 0 22px 50px rgba(0,0,0,0.45);
}

[data-bs-theme="dark"] .ticket-status-crud-title {
   color: #f8fbff;
}

/* ==========================================================================
   TICKET STATUS COLOR INDEX
   ========================================================================== */
[data-bs-theme="dark"] .ticket-status-color-panel {
   background: #1e2125;
   box-shadow: 0 22px 50px rgba(0,0,0,0.45);
}

[data-bs-theme="dark"] .ticket-status-color-title {
   color: #f8fbff;
}

[data-bs-theme="dark"] .ticket-status-color-subtitle {
   color: #9ca3af;
}

[data-bs-theme="dark"] .ticket-status-color-code {
   background: #2b3035;
   color: #c7d2de;
}

[data-bs-theme="dark"] .ticket-status-color-swatch {
   border-color: rgba(255,255,255,0.18);
}
[data-bs-theme="dark"] .ticket-status-color-crud-card {
   background: #1e2125;
   box-shadow: 0 22px 50px rgba(0,0,0,0.45);
}

[data-bs-theme="dark"] .ticket-status-color-crud-title {
   color: #f8fbff;
}

[data-bs-theme="dark"] .ticket-status-color-picker {
   background: #2b3035;
   border-color: rgba(255,255,255,0.08);
}

[data-bs-theme="dark"] .ticket-status-color-picker-label {
   color: #adb5bd;
}
/* ==========================================================================
   RESPONSE TIME INDEX
   ========================================================================== */
[data-bs-theme="dark"] .response-time-panel {
   background: #1e2125;
   box-shadow: 0 22px 50px rgba(0,0,0,0.45);
}

[data-bs-theme="dark"] .response-time-title {
   color: #f8fbff;
}

[data-bs-theme="dark"] .response-time-subtitle {
   color: #9ca3af;
}

[data-bs-theme="dark"] .response-time-hours {
   background: #2b3035;
   color: #c7d2de;
}
/* ==========================================================================
   RESPONSE TIME CRUD
   ========================================================================== */
[data-bs-theme="dark"] .response-time-crud-card {
   background: #1e2125;
   box-shadow: 0 22px 50px rgba(0,0,0,0.45);
}

[data-bs-theme="dark"] .response-time-crud-title {
   color: #f8fbff;
}
/* ==========================================================================
   PROBLEM PARAMETER INDEX
   ========================================================================== */
[data-bs-theme="dark"] .problem-parameter-panel {
   background: #1e2125;
   box-shadow: 0 22px 50px rgba(0,0,0,0.45);
}

[data-bs-theme="dark"] .problem-parameter-title {
   color: #f8fbff;
}

[data-bs-theme="dark"] .problem-parameter-subtitle {
   color: #9ca3af;
}
/* ==========================================================================
   PROBLEM PARAMETER CRUD
   ========================================================================== */
[data-bs-theme="dark"] .problem-parameter-crud-card {
   background: #1e2125;
   box-shadow: 0 22px 50px rgba(0,0,0,0.45);
}

[data-bs-theme="dark"] .problem-parameter-crud-title {
   color: #f8fbff;
}
/* ==========================================================================
   FREQUENT PROBLEM INDEX
   ========================================================================== */
[data-bs-theme="dark"] .frequent-problem-panel {
   background: #1e2125;
   box-shadow: 0 22px 50px rgba(0,0,0,0.45);
}

[data-bs-theme="dark"] .frequent-problem-title {
   color: #f8fbff;
}

[data-bs-theme="dark"] .frequent-problem-subtitle {
   color: #9ca3af;
}
/* ==========================================================================
   FREQUENT PROBLEM INDEX
   ========================================================================== */
[data-bs-theme="dark"] .frequent-problem-crud-card {
   background: #1e2125;
   box-shadow: 0 22px 50px rgba(0,0,0,0.45);
}

[data-bs-theme="dark"] .frequent-problem-crud-title {
   color: #f8fbff;
}
/* ==========================================================================
   Change Email INDEX
   ========================================================================== */
[data-bs-theme="dark"] .supplier-email-action-btn {
   background: rgba(255,255,255,0.08);
   color: #9fc2ee;
}

   [data-bs-theme="dark"] .supplier-email-action-btn:hover {
      background: #5c8fce;
      color: #ffffff;
   }
/* ==========================================================================
   Session Query INDEX
   ========================================================================== */
[data-bs-theme="dark"] .session-query-filter-card {
   background: #1e2125;
   box-shadow: 0 22px 50px rgba(0,0,0,0.45);
}

[data-bs-theme="dark"] .session-query-filter-header {
   background: #2b3035;
   color: #c7d2de;
}

[data-bs-theme="dark"] .session-query-company-item {
   color: #d6dee8;
}

   [data-bs-theme="dark"] .session-query-company-item:hover {
      background: rgba(255,255,255,0.08);
      color: #9fc2ee;
   }

[data-bs-theme="dark"] .session-query-percentage {
   background: #2b3035;
   color: #c7d2de;
}

[data-bs-theme="dark"] .session-query-status {
   background: rgba(25,135,84,0.16);
   color: #75d6a4;
}
/*
   KPI DASHBOARD
*/
[data-bs-theme="dark"] .kpi-filter-panel {
   background: linear-gradient(145deg, rgba(15,23,42,.96), rgba(30,41,59,.94));
   border-color: rgba(255,255,255,.06);
   box-shadow: 0 18px 40px rgba(0,0,0,.45);
}

[data-bs-theme="dark"] .kpi-filter-panel__header {
   border-bottom-color: rgba(255,255,255,.06);
   background: linear-gradient(135deg, rgba(79,140,255,.14), rgba(15,23,42,.25));
}

[data-bs-theme="dark"] .kpi-filter-panel__title {
   color: #f8fafc;
}

[data-bs-theme="dark"] .kpi-filter-panel__subtitle {
   color: #94a3b8;
}

[data-bs-theme="dark"] .kpi-filter-panel__info {
   background: rgba(59,130,246,.12);
   border-color: rgba(59,130,246,.18);
   color: #dbeafe;
}
[data-bs-theme="dark"] .kpi-card {
   background: #1e2125;
   border-color: rgba(255,255,255,.08);
   box-shadow: 0 22px 50px rgba(0,0,0,.45);
}

[data-bs-theme="dark"] .kpi-card__value {
   color: #f8fbff;
}

[data-bs-theme="dark"] .kpi-card__label,
[data-bs-theme="dark"] .kpi-card__description {
   color: #adb5bd;
}
[data-bs-theme="dark"] .kpi-chart-card {
   background: #1e2125;
   border-color: rgba(255,255,255,.08);
   box-shadow: 0 22px 50px rgba(0,0,0,.45);
}

[data-bs-theme="dark"] .kpi-chart-card__header {
   background: linear-gradient(135deg, rgba(79,140,255,.14), rgba(15,23,42,.25));
   border-bottom-color: rgba(255,255,255,.06);
}

   [data-bs-theme="dark"] .kpi-chart-card__header h3 {
      color: #f8fafc;
   }

[data-bs-theme="dark"] .kpi-chart-card__note {
   background: rgba(59,130,246,.12);
   color: #dbeafe;
}
[data-bs-theme="dark"] .kpi-chart-subtitle {
   color: #94a3b8;
}

[data-bs-theme="dark"] .kpi-chart-description {
   background: rgba(255,255,255,.03);
   border-color: rgba(255,255,255,.06);
}

   [data-bs-theme="dark"] .kpi-chart-description p {
      color: #cbd5e1;
   }

[data-bs-theme="dark"] .kpi-chart-loading {
   color: #cbd5e1;
}

[data-bs-theme="dark"] .kpi-table-wrapper {
   border-color: rgba(255,255,255,.06);
}

   [data-bs-theme="dark"] .kpi-table-wrapper tbody td {
      border-color: rgba(255,255,255,.05);
      color: #f8fafc;
   }

   [data-bs-theme="dark"] .kpi-table-wrapper tbody tr:hover {
      background: rgba(59,130,246,.08);
   }
[data-bs-theme="dark"] .kpi-filter-label {
   color: #f8fafc;
}

[data-bs-theme="dark"] .kpi-filter-select {
   background: #1e293b;
   border-color: rgba(255,255,255,.08);
   color: #f8fafc;
   box-shadow: none;
}

   [data-bs-theme="dark"] .kpi-filter-select:focus {
      border-color: #60a5fa;
      box-shadow: 0 0 0 .2rem rgba(96,165,250,.18);
   }

[data-bs-theme="dark"] .kpi-filter-info {
   background: rgba(59,130,246,.18);
   color: #93c5fd;
}
[data-bs-theme="dark"] .kpi-chart-icon.success {
   background: rgba(25,135,84,.18);
   color: #75d6a4;
}
[data-bs-theme="dark"] .kpi-chart-legend-item {
   color: #cbd5e1;
}