/* Claro / oscuro global */
:root {
  color-scheme: light;
  --app-bg: #f4f6f9;
  --app-surface: #ffffff;
  --app-surface-soft: #f8fafc;
  --app-border: #e5e7eb;
  --app-text: #1f2937;
  --app-muted: #6b7280;
  --app-input-bg: #ffffff;
  --app-input-border: #d1d5db;
  --app-table-hover: rgba(11, 83, 148, 0.05);

  /* EffiTag — Bootstrap + tokens de marca */
  --bs-primary: #0b5394;
  --bs-success: #6bac00;
  --bs-info: #00b6bd;
  --bs-primary-rgb: 11, 83, 148;
  --bs-success-rgb: 107, 172, 0;
  --bs-info-rgb: 0, 182, 189;
  --bs-primary-text-emphasis: #072d52;
  --bs-success-text-emphasis: #3d6600;
  --bs-info-text-emphasis: #006a6f;
  --bs-primary-bg-subtle: #dceaf5;
  --bs-success-bg-subtle: #edf5d9;
  --bs-info-bg-subtle: #d6f5f7;
  --bs-primary-border-subtle: #9fc4e3;
  --bs-success-border-subtle: #c8e08a;
  --bs-info-border-subtle: #8ee9ed;
  --primary: #0b5394;
  --primary-light: rgba(11, 83, 148, 0.12);
  --primary-dark: #083d6e;
  --success: #6bac00;
  --success-light: rgba(107, 172, 0, 0.12);
  --success-dark: #548700;
  --info: #00b6bd;
  --info-light: rgba(0, 182, 189, 0.12);
  --info-dark: #009297;
}

/* Cabeceras table-dark: fondo primary, texto blanco */
.table-dark {
  --bs-table-color: #fff;
  --bs-table-bg: var(--primary, #0b5394);
  --bs-table-border-color: rgba(255, 255, 255, 0.25);
  --bs-table-striped-bg: rgba(255, 255, 255, 0.08);
  --bs-table-striped-color: #fff;
  --bs-table-active-bg: var(--primary-dark, #083d6e);
  --bs-table-active-color: #fff;
  --bs-table-hover-bg: var(--primary-dark, #083d6e);
  --bs-table-hover-color: #fff;
  color: #fff;
  background-color: var(--primary, #0b5394);
  border-color: rgba(255, 255, 255, 0.25);
}

.table-dark th,
.table-dark td,
.table thead.table-dark th,
thead.table-dark th {
  color: #fff !important;
  background-color: var(--primary, #0b5394) !important;
  border-color: rgba(255, 255, 255, 0.25) !important;
}

:root[data-theme="dark"] {
  color-scheme: dark;
  --app-bg: #0d1117;
  --app-surface: #161b22;
  --app-surface-soft: #21262d;
  --app-surface-muted: #30363d;
  --app-border: #30363d;
  --app-text: #e6edf3;
  --app-muted: #8b949e;
  --app-input-bg: #0d1117;
  --app-input-border: #484f58;
  --app-table-hover: rgba(0, 182, 189, 0.1);
  --app-accent: #00b6bd;
  --app-accent-soft: #0b5394;
  --app-on-accent: #ffffff;

  --sidebar-primary: #0d1117;
  --sidebar-secondary: #161b22;
  --sidebar-accent: #00b6bd;
  --sidebar-text-primary: #e6edf3;
  --sidebar-text-secondary: #8b949e;
  --sidebar-hover-bg: rgba(11, 83, 148, 0.45);
  --sidebar-active-bg: rgba(11, 83, 148, 0.55);
  --sidebar-border: rgba(139, 148, 158, 0.28);
}

:root[data-theme="dark"] body {
  background: var(--app-bg) !important;
  color: var(--app-text) !important;
}

:root[data-theme="dark"] .container-scroller,
:root[data-theme="dark"] .page-body-wrapper,
:root[data-theme="dark"] .main-panel,
:root[data-theme="dark"] .content-wrapper,
:root[data-theme="dark"] .container-fluid {
  background: var(--app-bg) !important;
  color: var(--app-text) !important;
}

:root[data-theme="dark"] .navbar,
:root[data-theme="dark"] .navbar .navbar-brand-wrapper,
:root[data-theme="dark"] .navbar .navbar-menu-wrapper {
  background: var(--app-surface) !important;
  border-color: var(--app-border) !important;
  color: var(--app-text) !important;
}

:root[data-theme="dark"] .sidebar,
:root[data-theme="dark"] .sidebar .nav,
:root[data-theme="dark"] .sidebar .nav.sub-menu,
:root[data-theme="dark"] .sidebar .nav:not(.sub-menu),
:root[data-theme="dark"] .sidebar .collapse,
:root[data-theme="dark"] .sidebar .collapsing {
  background: var(--sidebar-primary) !important;
  color: var(--sidebar-text-primary) !important;
}

:root[data-theme="dark"] .sidebar .nav .nav-item,
:root[data-theme="dark"] .sidebar .nav.sub-menu .nav-item,
:root[data-theme="dark"] .sidebar .nav .nav-item .collapse {
  background: transparent !important;
}

:root[data-theme="dark"] .sidebar .nav .nav-item .nav-link,
:root[data-theme="dark"] .sidebar .nav.sub-menu .nav-item .nav-link {
  background: transparent !important;
  color: var(--sidebar-text-primary) !important;
}

:root[data-theme="dark"] .sidebar .nav .nav-item .nav-link:hover,
:root[data-theme="dark"] .sidebar .nav .nav-item .nav-link[aria-expanded="true"],
:root[data-theme="dark"] .sidebar .nav .nav-item.active > .nav-link,
:root[data-theme="dark"] .sidebar .nav:not(.sub-menu) > .nav-item:hover > .nav-link,
:root[data-theme="dark"] .sidebar .nav:not(.sub-menu) > .nav-item:hover[aria-expanded="true"],
:root[data-theme="dark"] .sidebar .nav:not(.sub-menu) > .nav-item > .nav-link[aria-expanded="true"] {
  background: var(--sidebar-hover-bg) !important;
  backdrop-filter: blur(10px);
  -webkit-backdrop-filter: blur(10px);
  color: #ffffff !important;
}

:root[data-theme="dark"] .sidebar .nav .nav-item.active > .nav-link,
:root[data-theme="dark"] .sidebar .nav .nav-item .nav-link[aria-expanded="true"] {
  background: var(--sidebar-active-bg) !important;
}

:root[data-theme="dark"] .sidebar .nav .nav-item .nav-link:hover .menu-title,
:root[data-theme="dark"] .sidebar .nav .nav-item .nav-link:hover i.menu-icon,
:root[data-theme="dark"] .sidebar .nav .nav-item .nav-link:hover i.menu-arrow,
:root[data-theme="dark"] .sidebar .nav .nav-item .nav-link[aria-expanded="true"] .menu-title,
:root[data-theme="dark"] .sidebar .nav .nav-item .nav-link[aria-expanded="true"] i.menu-icon,
:root[data-theme="dark"] .sidebar .nav .nav-item .nav-link[aria-expanded="true"] i.menu-arrow,
:root[data-theme="dark"] .sidebar .nav .nav-item.active > .nav-link .menu-title,
:root[data-theme="dark"] .sidebar .nav .nav-item.active > .nav-link i.menu-icon,
:root[data-theme="dark"] .sidebar .nav .nav-item.active > .nav-link i.menu-arrow {
  color: #ffffff !important;
  opacity: 1;
}

:root[data-theme="dark"] .sidebar .nav .nav-item.nav-category {
  color: var(--info, #00b6bd) !important;
}

:root[data-theme="dark"] .nav-item.nav-category:not(:first-of-type) {
  border-top-color: rgba(0, 182, 189, 0.35) !important;
}

:root[data-theme="dark"] .sidebar .nav .nav-item.nav-category::after {
  background: var(--info, #00b6bd) !important;
}

:root[data-theme="dark"] .sidebar .nav.sub-menu .nav-item .nav-link {
  color: var(--sidebar-text-secondary) !important;
}

:root[data-theme="dark"] .sidebar .nav.sub-menu .nav-item .nav-link:hover {
  background: var(--sidebar-hover-bg) !important;
  backdrop-filter: blur(10px);
  -webkit-backdrop-filter: blur(10px);
  color: #ffffff !important;
}

:root[data-theme="dark"] .sidebar .nav.sub-menu .nav-item .nav-link:hover .menu-title {
  color: #ffffff !important;
}

:root[data-theme="dark"] .welcome-text,
:root[data-theme="dark"] .text-black,
:root[data-theme="dark"] .fw-bold,
:root[data-theme="dark"] h1,
:root[data-theme="dark"] h2,
:root[data-theme="dark"] h3,
:root[data-theme="dark"] h4,
:root[data-theme="dark"] h5,
:root[data-theme="dark"] h6 {
  color: var(--app-text) !important;
}

:root[data-theme="dark"] .text-muted,
:root[data-theme="dark"] .fw-light {
  color: var(--app-muted) !important;
}

:root[data-theme="dark"] .card,
:root[data-theme="dark"] .modal-content,
:root[data-theme="dark"] .modal-body,
:root[data-theme="dark"] .dropdown-menu,
:root[data-theme="dark"] .list-group-item,
:root[data-theme="dark"] .table-wrapper,
:root[data-theme="dark"] .accordion-item,
:root[data-theme="dark"] .offcanvas,
:root[data-theme="dark"] .bg-white,
:root[data-theme="dark"] .card-body form,
:root[data-theme="dark"] .tab-content,
:root[data-theme="dark"] .tab-pane,
:root[data-theme="dark"] .modal-tabs,
:root[data-theme="dark"] .modal-tabs .tab-content,
:root[data-theme="dark"] .modal-tabs .tab-pane {
  background: var(--app-surface) !important;
  border-color: var(--app-border) !important;
  color: var(--app-text) !important;
}

/* Las tarjetas KPI con clases Bootstrap conservan color en modo oscuro */
:root[data-theme="dark"] .card.bg-primary,
:root[data-theme="dark"] .card-header.bg-primary,
:root[data-theme="dark"] .bg-primary {
  background: #0b5394 !important;
  color: #ffffff !important;
}

:root[data-theme="dark"] .card.bg-success,
:root[data-theme="dark"] .card-header.bg-success,
:root[data-theme="dark"] .bg-success {
  background: #548700 !important;
  color: #ffffff !important;
}

:root[data-theme="dark"] .card.bg-info,
:root[data-theme="dark"] .card-header.bg-info,
:root[data-theme="dark"] .bg-info {
  background: #009297 !important;
  color: #ffffff !important;
}

:root[data-theme="dark"] .card.bg-warning,
:root[data-theme="dark"] .card-header.bg-warning,
:root[data-theme="dark"] .bg-warning {
  background: #b45309 !important;
  color: #ffffff !important;
}

:root[data-theme="dark"] .card.bg-danger,
:root[data-theme="dark"] .card-header.bg-danger,
:root[data-theme="dark"] .bg-danger {
  background: #b91c1c !important;
  color: #ffffff !important;
}

:root[data-theme="dark"] .card.bg-secondary,
:root[data-theme="dark"] .card-header.bg-secondary,
:root[data-theme="dark"] .bg-secondary {
  background: #484f58 !important;
  color: #ffffff !important;
}

:root[data-theme="dark"] .card.bg-dark,
:root[data-theme="dark"] .card-header.bg-dark,
:root[data-theme="dark"] .bg-dark {
  background: #161b22 !important;
  color: #e6edf3 !important;
}

:root[data-theme="dark"] .card-header,
:root[data-theme="dark"] .card-footer,
:root[data-theme="dark"] .modal-header,
:root[data-theme="dark"] .modal-footer {
  background: var(--app-surface-soft) !important;
  border-color: var(--app-border) !important;
  color: var(--app-text) !important;
}

:root[data-theme="dark"] .modal-body .bg-white,
:root[data-theme="dark"] .modal-body .bg-light,
:root[data-theme="dark"] .modal-body .border,
:root[data-theme="dark"] .modal-body .rounded,
:root[data-theme="dark"] .modal-body .shadow,
:root[data-theme="dark"] .modal-body .shadow-sm {
  background-color: var(--app-surface-soft) !important;
  border-color: var(--app-border) !important;
  color: var(--app-text) !important;
}

:root[data-theme="dark"] .modal-body hr {
  border-color: var(--app-border) !important;
  opacity: 1;
}

/* Modales de detalle con CSS propio (recepción, producción, ajustes, mermas) */
:root[data-theme="dark"] .modal-content .card-body strong,
:root[data-theme="dark"] .modal-content strong:not(.text-primary):not(.text-info):not(.text-success):not(.text-warning):not(.text-danger) {
  color: var(--app-text) !important;
}

:root[data-theme="dark"] .modal-content small.text-muted {
  color: var(--app-muted) !important;
}

:root[data-theme="dark"] .modal-content .card:has(.fa-archive) .card-body strong,
:root[data-theme="dark"] .modal-content .card:has(.fa-building) .card-body p {
  background: var(--app-surface-soft) !important;
  border-color: var(--app-border) !important;
  color: var(--app-text) !important;
}

:root[data-theme="dark"] .modal-content .modal-footer {
  background: var(--app-surface-soft) !important;
  border-color: var(--app-border) !important;
}

:root[data-theme="dark"] .dropdown-item {
  color: var(--app-text) !important;
}

:root[data-theme="dark"] .dropdown-item:hover,
:root[data-theme="dark"] .dropdown-item:focus {
  background: var(--app-surface-soft) !important;
}

:root[data-theme="dark"] .table,
:root[data-theme="dark"] table.table {
  --bs-table-color: var(--app-text);
  --bs-table-bg: var(--app-surface);
  --bs-table-border-color: var(--app-border);
  --bs-table-striped-color: var(--app-text);
  --bs-table-striped-bg: var(--app-surface-soft);
  --bs-table-hover-color: var(--app-text);
  --bs-table-hover-bg: var(--app-table-hover);
  color: var(--app-text) !important;
  border-color: var(--app-border) !important;
}

:root[data-theme="dark"] table.table > :not(caption) > * > * {
  background-color: var(--bs-table-bg) !important;
  border-color: var(--app-border) !important;
  color: var(--app-text) !important;
}

/* Modal de perfil del navbar */
.user-profile-modal .modal-content {
  border: 0;
  border-radius: 24px;
  box-shadow: 0 20px 60px rgba(15, 23, 42, 0.22);
  overflow: hidden;
}

.user-profile-modal .user-profile-modal__header {
  background: linear-gradient(135deg, #0b5394 0%, #083d6e 100%) !important;
  border: 0;
  padding: 1.25rem 1.5rem;
}

.user-profile-modal .modal-title {
  font-weight: 700;
}

.user-profile-modal .user-profile-modal__hero {
  background: linear-gradient(180deg, rgba(11, 83, 148, 0.08) 0%, rgba(255, 255, 255, 0) 100%);
  padding: 2rem 1.5rem 1.25rem;
}

.user-profile-modal .user-profile-modal__avatar {
  width: 92px;
  height: 92px;
  align-items: center;
  border: 4px solid #ffffff;
  border-radius: 50%;
  box-shadow: 0 10px 24px rgba(15, 23, 42, 0.18);
  display: inline-flex;
  font-size: 2.75rem;
  justify-content: center;
  object-fit: cover;
}

.user-profile-modal .user-profile-modal__avatar-placeholder {
  background: linear-gradient(135deg, #e0edff 0%, #f4f7ff 100%);
  color: #0b5394;
}

.user-profile-modal .user-profile-modal__details {
  display: grid;
  gap: 0.85rem;
  padding: 0 1.5rem 1.5rem;
}

.user-profile-modal .user-profile-modal__item {
  align-items: center;
  background: #f8fafc;
  border: 1px solid #eef2f7;
  border-radius: 16px;
  display: flex;
  gap: 0.9rem;
  padding: 0.9rem 1rem;
}

.user-profile-modal .user-profile-modal__icon {
  align-items: center;
  border-radius: 14px;
  display: inline-flex;
  flex: 0 0 42px;
  font-size: 1.25rem;
  height: 42px;
  justify-content: center;
  width: 42px;
}

.user-profile-modal .user-profile-modal__item small {
  color: var(--app-muted, #6b7280);
  display: block;
  font-size: 0.75rem;
  margin-bottom: 0.15rem;
}

.user-profile-modal .user-profile-modal__item strong {
  color: var(--app-text, #1f2937);
  display: block;
  font-size: 0.95rem;
  font-weight: 600;
}

:root[data-theme="dark"] .user-profile-modal .user-profile-modal__hero {
  background: linear-gradient(180deg, rgba(11, 83, 148, 0.18) 0%, rgba(13, 17, 23, 0) 100%);
}

:root[data-theme="dark"] .user-profile-modal .user-profile-modal__item {
  background: var(--app-surface-soft) !important;
  border-color: var(--app-border) !important;
}

:root[data-theme="dark"] .table thead th {
  background: var(--app-surface-muted) !important;
  color: var(--app-text) !important;
  border-color: var(--app-border) !important;
}

:root[data-theme="dark"] .table-dark,
:root[data-theme="dark"] .table-dark th,
:root[data-theme="dark"] .table-dark td,
:root[data-theme="dark"] thead.table-dark th {
  --bs-table-color: #fff;
  --bs-table-bg: var(--primary, #0b5394);
  color: #fff !important;
  background-color: var(--primary, #0b5394) !important;
  border-color: rgba(255, 255, 255, 0.25) !important;
}

:root[data-theme="dark"] .table-light,
:root[data-theme="dark"] .table-light th,
:root[data-theme="dark"] .table-light td,
:root[data-theme="dark"] tr.table-light,
:root[data-theme="dark"] tr.table-light > th,
:root[data-theme="dark"] tr.table-light > td {
  --bs-table-color: var(--app-text);
  --bs-table-bg: var(--app-surface-soft);
  --bs-table-striped-bg: var(--app-surface-muted);
  --bs-table-striped-color: var(--app-text);
  --bs-table-hover-bg: var(--app-surface-muted);
  --bs-table-hover-color: var(--app-text);
  background-color: var(--app-surface-soft) !important;
  color: var(--app-text) !important;
}

:root[data-theme="dark"] table.table-striped > tbody > tr:nth-of-type(odd) > * {
  --bs-table-bg: var(--app-surface-soft);
  background-color: var(--app-surface-soft) !important;
  color: var(--app-text) !important;
}

:root[data-theme="dark"] table.table-striped > tbody > tr:nth-of-type(even) > * {
  --bs-table-bg: var(--app-surface);
  background-color: var(--app-surface) !important;
  color: var(--app-text) !important;
}

:root[data-theme="dark"] table.table-striped > tbody > tr.table-light > * {
  --bs-table-bg: var(--app-surface-soft);
  background-color: var(--app-surface-soft) !important;
  color: var(--app-text) !important;
}

:root[data-theme="dark"] .form-control,
:root[data-theme="dark"] .form-select,
:root[data-theme="dark"] textarea,
:root[data-theme="dark"] input,
:root[data-theme="dark"] select {
  background-color: var(--app-input-bg) !important;
  border-color: var(--app-input-border) !important;
  color: var(--app-text) !important;
}

:root[data-theme="dark"] .form-control::placeholder,
:root[data-theme="dark"] input::placeholder {
  color: var(--app-muted) !important;
}

:root[data-theme="dark"] .input-group-text {
  background: var(--app-surface-soft) !important;
  border-color: var(--app-input-border) !important;
  color: var(--app-text) !important;
}

:root[data-theme="dark"] .nav-tabs,
:root[data-theme="dark"] .nav-tabs .nav-link,
:root[data-theme="dark"] .nav-pills .nav-link {
  border-color: var(--app-border) !important;
}

:root[data-theme="dark"] .nav-tabs .nav-link:not(.active) {
  background: var(--app-surface) !important;
  color: var(--app-muted) !important;
}

:root[data-theme="dark"] .nav-tabs .nav-link.active,
:root[data-theme="dark"] .nav-pills .nav-link.active {
  background: var(--app-accent-soft) !important;
  color: #ffffff !important;
}

:root[data-theme="dark"] .alert-info,
:root[data-theme="dark"] .alert-warning,
:root[data-theme="dark"] .alert-secondary {
  background: var(--app-surface-soft) !important;
  border-color: var(--app-border) !important;
  color: var(--app-text) !important;
}

:root[data-theme="dark"] .btn-light,
:root[data-theme="dark"] .btn-outline-secondary,
:root[data-theme="dark"] .btn-inverse-secondary,
:root[data-theme="dark"] .btn-inverse-light {
  background: var(--app-surface-soft) !important;
  border-color: var(--app-input-border) !important;
  color: var(--app-text) !important;
}

:root[data-theme="dark"] .btn-light:hover,
:root[data-theme="dark"] .btn-outline-secondary:hover,
:root[data-theme="dark"] .btn-inverse-secondary:hover,
:root[data-theme="dark"] .btn-inverse-light:hover {
  background: var(--app-surface-muted) !important;
  color: var(--app-text) !important;
}

:root[data-theme="dark"] .bg-light,
:root[data-theme="dark"] .badge.bg-light {
  background-color: var(--app-surface-soft) !important;
  color: var(--app-text) !important;
}

:root[data-theme="dark"] .text-dark,
:root[data-theme="dark"] .text-black,
:root[data-theme="dark"] .text-body {
  color: var(--app-text) !important;
}

:root[data-theme="dark"] .bg-white .text-dark,
:root[data-theme="dark"] .bg-white .text-black,
:root[data-theme="dark"] .bg-light .text-dark,
:root[data-theme="dark"] .bg-light .text-black {
  color: var(--app-text) !important;
}

.theme-toggle-btn {
  width: 36px;
  height: 36px;
  padding: 0 !important;
  display: inline-flex !important;
  align-items: center;
  justify-content: center;
  border-radius: 50% !important;
  line-height: 1 !important;
  margin: 0 !important;
  vertical-align: middle;
  flex-shrink: 0;
}

.theme-toggle-btn i {
  line-height: 1 !important;
  font-size: 1.1rem;
  display: inline-flex;
  align-items: center;
  justify-content: center;
}

.theme-toggle-btn .theme-icon-dark {
  display: none;
}

:root[data-theme="dark"] .theme-toggle-btn .theme-icon-light {
  display: none;
}

:root[data-theme="dark"] .theme-toggle-btn .theme-icon-dark {
  display: inline-flex;
}

/* Botones Bootstrap — colores EffiTag */
.btn-primary {
  --bs-btn-color: #fff;
  --bs-btn-bg: #0b5394;
  --bs-btn-border-color: #0b5394;
  --bs-btn-hover-color: #fff;
  --bs-btn-hover-bg: #094a82;
  --bs-btn-hover-border-color: #084678;
  --bs-btn-focus-shadow-rgb: 11, 83, 148;
  --bs-btn-active-color: #fff;
  --bs-btn-active-bg: #083d6e;
  --bs-btn-active-border-color: #073a68;
  --bs-btn-disabled-color: #fff;
  --bs-btn-disabled-bg: #0b5394;
  --bs-btn-disabled-border-color: #0b5394;
}

.btn-success {
  --bs-btn-color: #fff;
  --bs-btn-bg: #6bac00;
  --bs-btn-border-color: #6bac00;
  --bs-btn-hover-color: #fff;
  --bs-btn-hover-bg: #5f9900;
  --bs-btn-hover-border-color: #599000;
  --bs-btn-focus-shadow-rgb: 107, 172, 0;
  --bs-btn-active-color: #fff;
  --bs-btn-active-bg: #548700;
  --bs-btn-active-border-color: #4f7f00;
  --bs-btn-disabled-color: #fff;
  --bs-btn-disabled-bg: #6bac00;
  --bs-btn-disabled-border-color: #6bac00;
}

.btn-info {
  --bs-btn-color: #fff;
  --bs-btn-bg: #00b6bd;
  --bs-btn-border-color: #00b6bd;
  --bs-btn-hover-color: #fff;
  --bs-btn-hover-bg: #00a3aa;
  --bs-btn-hover-border-color: #009ba1;
  --bs-btn-focus-shadow-rgb: 0, 182, 189;
  --bs-btn-active-color: #fff;
  --bs-btn-active-bg: #009297;
  --bs-btn-active-border-color: #008a90;
  --bs-btn-disabled-color: #fff;
  --bs-btn-disabled-bg: #00b6bd;
  --bs-btn-disabled-border-color: #00b6bd;
}

.btn-outline-primary {
  --bs-btn-color: #0b5394;
  --bs-btn-border-color: #0b5394;
  --bs-btn-hover-color: #fff;
  --bs-btn-hover-bg: #0b5394;
  --bs-btn-hover-border-color: #0b5394;
  --bs-btn-focus-shadow-rgb: 11, 83, 148;
  --bs-btn-active-color: #fff;
  --bs-btn-active-bg: #0b5394;
  --bs-btn-active-border-color: #0b5394;
  --bs-btn-disabled-color: #0b5394;
  --bs-btn-disabled-border-color: #0b5394;
}

.btn-outline-success {
  --bs-btn-color: #6bac00;
  --bs-btn-border-color: #6bac00;
  --bs-btn-hover-color: #fff;
  --bs-btn-hover-bg: #6bac00;
  --bs-btn-hover-border-color: #6bac00;
  --bs-btn-focus-shadow-rgb: 107, 172, 0;
  --bs-btn-active-color: #fff;
  --bs-btn-active-bg: #6bac00;
  --bs-btn-active-border-color: #6bac00;
  --bs-btn-disabled-color: #6bac00;
  --bs-btn-disabled-border-color: #6bac00;
}

.btn-outline-info {
  --bs-btn-color: #00b6bd;
  --bs-btn-border-color: #00b6bd;
  --bs-btn-hover-color: #fff;
  --bs-btn-hover-bg: #00b6bd;
  --bs-btn-hover-border-color: #00b6bd;
  --bs-btn-focus-shadow-rgb: 0, 182, 189;
  --bs-btn-active-color: #fff;
  --bs-btn-active-bg: #00b6bd;
  --bs-btn-active-border-color: #00b6bd;
  --bs-btn-disabled-color: #00b6bd;
  --bs-btn-disabled-border-color: #00b6bd;
}

.btn-inverse-primary {
  background-color: rgba(11, 83, 148, 0.2);
  border-color: rgba(11, 83, 148, 0);
}
.btn-inverse-primary:not(.btn-inverse-light) {
  color: #0b5394;
}
.btn-inverse-primary.focus,
.btn-inverse-primary:focus {
  box-shadow: 0 0 0 3px rgba(11, 83, 148, 0.5);
}
.btn-inverse-primary.disabled,
.btn-inverse-primary:disabled {
  color: #0b5394;
}
.btn-inverse-primary.active,
.btn-inverse-primary:active,
.show > .btn-inverse-primary.dropdown-toggle {
  color: #fff;
  background-color: #0b5394;
  border-color: #0b5394;
}

.btn-inverse-success {
  background-color: rgba(107, 172, 0, 0.2);
  border-color: rgba(107, 172, 0, 0);
}
.btn-inverse-success:not(.btn-inverse-light) {
  color: #6bac00;
}
.btn-inverse-success.focus,
.btn-inverse-success:focus {
  box-shadow: 0 0 0 3px rgba(107, 172, 0, 0.5);
}
.btn-inverse-success.disabled,
.btn-inverse-success:disabled {
  color: #6bac00;
}
.btn-inverse-success.active,
.btn-inverse-success:active,
.show > .btn-inverse-success.dropdown-toggle {
  color: #fff;
  background-color: #6bac00;
  border-color: #6bac00;
}

.btn-inverse-info {
  background-color: rgba(0, 182, 189, 0.2);
  border-color: rgba(0, 182, 189, 0);
}
.btn-inverse-info:not(.btn-inverse-light) {
  color: #00b6bd;
}
.btn-inverse-info.focus,
.btn-inverse-info:focus {
  box-shadow: 0 0 0 3px rgba(0, 182, 189, 0.5);
}
.btn-inverse-info.disabled,
.btn-inverse-info:disabled {
  color: #00b6bd;
}
.btn-inverse-info.active,
.btn-inverse-info:active,
.show > .btn-inverse-info.dropdown-toggle {
  color: #fff;
  background-color: #00b6bd;
  border-color: #00b6bd;
}