@charset "UTF-8";
/*!
 * Theme: cqpay (SLM) — CQPay · tema CLARO
 * Primario azul marino #0C1B3A (wordmark "CQ") · dorado de marca #C9A24E (isotipo "Q" y "Pay"),
 * gradiente #D8B05E → #C9A24E → #AD8838 en decorativos
 * Package: DashLite v3.2.3
 * Tipografía: pila de sistema (la marca no define tipografía propia)
 * Author: SLM
**/
body.nk-body {
  background: #F7F8FB;
  color: #0C1B3A;
  font-family: -apple-system, BlinkMacSystemFont, "SF Pro Display", "Segoe UI", system-ui, Roboto, "Helvetica Neue", Arial, sans-serif;
}

.nk-app-root, .nk-main, .nk-wrap, .nk-content {
  background: transparent;
}

a {
  color: #0C1B3A;
}

a:hover {
  color: #1A2E52;
}

.text-primary {
  color: #0C1B3A !important;
}

.bg-primary {
  background-color: #0C1B3A !important;
  color: #ffffff !important;
}

.text-muted, .text-soft {
  color: #4B5568 !important;
}

.card {
  background: #ffffff;
  border-radius: 16px;
}

.card-bordered {
  border-color: #E2E6EE;
}

.nk-header.is-light {
  background: #ffffff;
  border-bottom-color: #E2E6EE;
}

.dropdown-menu, .modal-content, .popover {
  border-radius: 12px;
}

.btn {
  border-radius: 12px;
}

.btn-primary,
.btn-primary:focus,
.show > .btn-primary.dropdown-toggle {
  background: #0C1B3A !important;
  border-color: #0C1B3A !important;
  color: #ffffff !important;
}

.btn-primary:hover,
.btn-primary:not(:disabled):not(.disabled):active,
.btn-primary:not(:disabled):not(.disabled).active {
  background: #1A2E52 !important;
  border-color: #1A2E52 !important;
  color: #ffffff !important;
}

.btn-primary:disabled, .btn-primary.disabled {
  opacity: 0.5;
}

.btn-outline-primary {
  color: #0C1B3A !important;
  border-color: #0C1B3A !important;
  background: transparent !important;
}

.btn-outline-primary:hover,
.btn-outline-primary:not(:disabled):not(.disabled):active,
.btn-outline-primary:not(:disabled):not(.disabled).active {
  background: #0C1B3A !important;
  border-color: #0C1B3A !important;
  color: #ffffff !important;
}

.btn-accent {
  background: #C9A24E !important;
  border-color: #C9A24E !important;
  color: #0C1B3A !important;
  border-radius: 12px;
}

.btn-accent:hover {
  background: #AD8838 !important;
  border-color: #AD8838 !important;
}

.badge-primary {
  background: #C9A24E !important;
  color: #0C1B3A !important;
}

.badge-outline-primary {
  color: #0C1B3A !important;
  border-color: #C9A24E !important;
}

.progress-bar,
.dot-primary,
.noUi-connect,
.nav-tabs .nav-link:after,
.card-tools-nav li a:before {
  background: linear-gradient(120deg, #D8B05E 0%, #C9A24E 55%, #AD8838 100%) !important;
}

.badge-success, .dot-success {
  background: #2E7D5B !important;
  color: #ffffff !important;
}

.text-success {
  color: rgb(11.5830753354%, 31.475748194%, 22.9143446852%) !important;
}

.alert-success {
  background: rgba(46, 125, 91, 0.14);
  border-color: #2E7D5B;
  color: rgb(6.2029583763%, 16.8558651531%, 12.2710698314%);
}

.nk-menu-item.active > .nk-menu-link,
.nk-menu-item.current-menu > .nk-menu-link,
.nav-tabs .nav-link.active {
  color: #0C1B3A !important;
}

.nk-menu-icon {
  color: #4B5568;
}

.form-control,
.form-select,
.custom-select {
  background: #F8FAFC;
  border-color: #CBD5E1;
  border-radius: 12px;
  color: #0C1B3A;
}

.form-control::placeholder {
  color: #94A3B8;
}

.form-control:focus,
.form-select:focus {
  background: #ffffff;
  border-color: #0C1B3A;
  box-shadow: 0 0 0 3px rgba(201, 162, 78, 0.28);
  color: #0C1B3A;
}

.form-control[readonly], .form-control:disabled {
  background: rgb(94.4549019608%, 96.0392156863%, 97.6235294118%);
  color: #4B5568;
}

.input-group-text {
  background: #F8FAFC;
  border-color: #CBD5E1;
  color: #4B5568;
}

.custom-control-input:checked ~ .custom-control-label::before {
  background: #0C1B3A !important;
  border-color: #0C1B3A !important;
}

.custom-control-input:focus ~ .custom-control-label::before {
  box-shadow: 0 0 0 3px rgba(201, 162, 78, 0.28);
}

.custom-switch .custom-control-input:checked ~ .custom-control-label::after {
  background: #ffffff !important;
}

.link-primary, .btn-link {
  color: #0C1B3A !important;
}

.link-primary:hover, .btn-link:hover {
  color: #1A2E52 !important;
}

.user-avatar, [class^=user-avatar]:not([class*=-group]) {
  background: #0C1B3A;
  color: #ffffff;
}