/* gps-tenant: xs6 */
:root {
  --gps-primary:            #022C87;
  --gps-font:               Inter, sans-serif;
  --gps-header-secondary:   #C9DAFF;
  --gps-auth-bg-url:        url('https://assets.girorapidex.com.br/xs6/branding/background/bg11.png');
  --gps-login-logo-url:       url('https://assets.girorapidex.com.br/xs6/branding/logos/default.png');
  --gps-login-panel-logo-url: url('https://assets.girorapidex.com.br/xs6/branding/logos/default-light.gif');
  --gps-header-logo-url:      url('https://assets.girorapidex.com.br/xs6/branding/logos/logo.png');
  --gps-push-icon-url:      url('https://assets.girorapidex.com.br/xs6/branding/logos/gps-icon-192.png');
  --gps-favicon-url:        url('https://assets.girorapidex.com.br/xs6/branding/logos/favicon.ico');
}

/* Override variáveis Metronic — header primary */
[data-bs-theme=light], [data-bs-theme=dark] {
  --bs-app-header-primary-base-bg-color:   var(--gps-primary);
  --bs-app-header-primary-sticky-bg-color: var(--gps-primary);
}
.btn.btn-primary { background-color: var(--gps-primary) !important; border-color: var(--gps-primary) !important; }
.btn-check:active+.btn.btn-primary,.btn-check:checked+.btn.btn-primary,.btn.btn-primary.active,.btn.btn-primary.show,.btn.btn-primary:active:not(.btn-active),.btn.btn-primary:focus:not(.btn-active),.btn.btn-primary:hover:not(.btn-active),.show>.btn.btn-primary { background-color: var(--gps-primary) !important; border-color: var(--gps-primary) !important; }
.text-primary { color: var(--gps-primary) !important; }
.bg-primary   { background-color: var(--gps-primary) !important; }

/* Override variáveis Metronic — header secondary */
[data-bs-theme=light], [data-bs-theme=dark] {
  --bs-app-header-secondary-base-bg-color:   var(--gps-header-secondary);
  --bs-app-header-secondary-sticky-bg-color: var(--gps-header-secondary);
}

/* Imagem de fundo — header primary */
.app-header-primary {
  background-image: url('https://assets.girorapidex.com.br/xs6/branding/background/bg-header.png');
  background-size: cover;
  background-position: center;
  background-repeat: no-repeat;
}

/* Override fonte */
body, .fs-1, .fs-2, .fs-3, .fs-4, .fs-5, .fs-6 { font-family: var(--gps-font); }

/* Page loading — GIF customizado (fallback: spinner padrão) */
.gps-page-loading-spinner { display: none; }
.gps-page-loading-gif { display: inline-block; background-image: url('https://assets.girorapidex.com.br/xs6/branding/logos/default-light.gif'); }

/* Page loading — texto customizado */
.gps-page-loading-text::after { content: "quase lá ..."; }

/* gps-tenant: xs6 — custom_css_url */
/**
 * Rapidex UI Theme — override por tenant
 * Aplicado dinamicamente via /tenant/styles.css
 *
 * Paleta:
 *   Brand Blue   #022C87  — Primary, Header, Sidebar, Links, Títulos
 *   Brand Orange #F39828  — CTA, btn-primary
 *   Brand Red    #A50F30  — Erros / Danger
 *   Light Blue   #C9DAFF  — Fundos suaves
 *   Cream        #F5DCC1  — Superfícies especiais
 */

/* =============================================================
   1. CSS Variables — cobre text-primary, bg-primary,
      border-primary, badges, spinners, focus rings, links, etc.
   ============================================================= */
:root,
[data-bs-theme=light] {
  /* Primary = Brand Blue */
  --bs-primary: var(--gps-primary, #022C87);
  --bs-primary-rgb: 2, 44, 135;
  --bs-primary-text-emphasis: #011654;
  --bs-primary-bg-subtle: #C9DAFF;
  --bs-primary-border-subtle: #7a9de0;

  /* Links */
  --bs-link-color: var(--gps-primary, #022C87);
  --bs-link-color-rgb: 2, 44, 135;
  --bs-link-hover-color: #011654;
  --bs-link-hover-color-rgb: 1, 22, 84;

  /* Danger = Brand Red */
  --bs-danger: #A50F30;
  --bs-danger-rgb: 165, 15, 48;
  --bs-danger-text-emphasis: #60091c;
  --bs-danger-bg-subtle: #f7c6cf;
  --bs-danger-border-subtle: #e07a8b;
}

/* =============================================================
   2. btn-primary — Fundo laranja + texto azul
   ============================================================= */
[data-bs-theme=light] .btn.btn-primary,
[data-bs-theme=light] .btn-primary,
.btn.btn-primary,
.btn-primary {
  --bs-btn-color: var(--gps-primary, #022C87);
  --bs-btn-bg: #F39828;
  --bs-btn-border-color: #F39828;
  --bs-btn-hover-color: var(--gps-primary, #022C87);
  --bs-btn-hover-bg: #e08820;
  --bs-btn-hover-border-color: #d07d1e;
  --bs-btn-focus-shadow-rgb: 243, 152, 40;
  --bs-btn-active-color: var(--gps-primary, #022C87);
  --bs-btn-active-bg: #d07d1e;
  --bs-btn-active-border-color: #c07418;
  --bs-btn-active-shadow: inset 0 3px 5px rgba(0, 0, 0, 0.125);
  --bs-btn-disabled-color: var(--gps-primary, #022C87);
  --bs-btn-disabled-bg: #F39828;
  --bs-btn-disabled-border-color: #F39828;
  color: var(--gps-primary, #022C87) !important;
  background-color: #F39828 !important;
  border-color: #F39828 !important;
}

.btn.btn-primary i,
.btn.btn-primary .svg-icon,
.btn-primary i,
.btn-primary .svg-icon {
  color: var(--gps-primary, #022C87) !important;
}

.btn.btn-primary:hover,
.btn-primary:hover,
.btn.btn-primary:hover:not(.btn-active),
.btn.btn-primary:focus:not(.btn-active),
.btn-primary:focus:not(.btn-active),
.btn.btn-primary:active:not(.btn-active),
.btn-primary:active:not(.btn-active),
.btn-check:active+.btn.btn-primary,
.btn-check:checked+.btn.btn-primary,
.btn.btn-primary.active,
.btn-primary.active,
.btn.btn-primary.show,
.show>.btn.btn-primary.dropdown-toggle {
  color: var(--gps-primary, #022C87) !important;
  background-color: #e08820 !important;
  border-color: #d07d1e !important;
}

/* =============================================================
   3. btn-outline-primary — Contorno azul, hover laranja
   ============================================================= */
.btn.btn-outline-primary,
.btn-outline-primary {
  --bs-btn-color: var(--gps-primary, #022C87);
  --bs-btn-border-color: var(--gps-primary, #022C87);
  --bs-btn-hover-color: var(--gps-primary, #022C87);
  --bs-btn-hover-bg: #F39828;
  --bs-btn-hover-border-color: #F39828;
  --bs-btn-focus-shadow-rgb: 2, 44, 135;
  --bs-btn-active-color: var(--gps-primary, #022C87);
  --bs-btn-active-bg: #F39828;
  --bs-btn-active-border-color: #F39828;
  --bs-btn-active-shadow: inset 0 3px 5px rgba(0, 0, 0, 0.125);
  --bs-btn-disabled-color: var(--gps-primary, #022C87);
  --bs-btn-disabled-bg: transparent;
  --bs-btn-disabled-border-color: var(--gps-primary, #022C87);
}

/* =============================================================
   4. btn-secondary — Branco com borda azul
   ============================================================= */
.btn.btn-secondary,
.btn-secondary {
  --bs-btn-color: var(--gps-primary, #022C87);
  --bs-btn-bg: #ffffff;
  --bs-btn-border-color: var(--gps-primary, #022C87);
  --bs-btn-hover-color: #ffffff;
  --bs-btn-hover-bg: var(--gps-primary, #022C87);
  --bs-btn-hover-border-color: var(--gps-primary, #022C87);
  --bs-btn-focus-shadow-rgb: 2, 44, 135;
  --bs-btn-active-color: #ffffff;
  --bs-btn-active-bg: #011654;
  --bs-btn-active-border-color: #011654;
  --bs-btn-disabled-color: var(--gps-primary, #022C87);
  --bs-btn-disabled-bg: #ffffff;
  --bs-btn-disabled-border-color: var(--gps-primary, #022C87);
}

/* =============================================================
   5. Metronic btn-light-primary — fundo suave azul / hover laranja
   ============================================================= */
.btn.btn-light-primary {
  color: var(--gps-primary, #022C87) !important;
  background-color: #C9DAFF !important;
  border-color: transparent;
}

.btn.btn-light-primary:hover,
.btn.btn-light-primary:focus,
.btn.btn-light-primary:not(.btn-active):hover:not(.btn-active),
.btn-check:active+.btn.btn-light-primary,
.btn-check:checked+.btn.btn-light-primary,
.btn.btn-light-primary:active,
.btn.btn-light-primary.active,
.btn.btn-light-primary.show {
  color: var(--gps-primary, #022C87) !important;
  background-color: #F39828 !important;
  border-color: transparent;
}

/* =============================================================
   6. Focus ring — inputs, selects com brand blue
   ============================================================= */
.form-control:focus,
.form-select:focus,
.form-check-input:focus {
  border-color: #7a9de0;
  box-shadow: 0 0 0 0.25rem rgba(2, 44, 135, 0.2);
}

/* =============================================================
   7. Checkbox / Radio checked — brand blue
   ============================================================= */
.form-check-input:checked {
  background-color: var(--gps-primary, #022C87);
  border-color: var(--gps-primary, #022C87);
}

/* =============================================================
   8. Card titles — brand blue
   ============================================================= */
.card-title.fw-bold.text-gray-900,
.card-label.fw-bold.text-gray-900 {
  color: var(--gps-primary, #022C87) !important;
}

/* =============================================================
   9. Card border
   ============================================================= */
.card {
  border-color: #c7c7ca !important;
}

/* =============================================================
   10. Gray scale — navy-tinted (H:222°, DNA do Brand Blue)
       Metronic usa H:225-228°; ajuste empurra para H:222°
       e aumenta levemente a saturação nos tons escuros.
   ============================================================= */
:root,
[data-bs-theme=light] {
  /* Escuros — mais saturação navy */
  --bs-gray-900: #061033;
  --bs-gray-dark: #061033;
  --bs-gray-800: #1d2c4e;
  --bs-gray-700: #465374;

  /* Médios — pequeno nudge de hue */
  --bs-gray-600: #75819b;
  --bs-gray-500: #97a0b5;

  /* Claros — praticamente inalterados */
  --bs-gray-400: #c2c8d8;
  --bs-gray-300: #d9dde9;
  --bs-gray-200: #f0f1f5;
  --bs-gray-100: #f8f9fb;

  /* text-muted / text-body-secondary → gray-600 navy-tinted */
  --bs-secondary-color: #75819b;
  --bs-secondary-color-rgb: 117, 129, 155;
}

/* =============================================================
   10b. border-gray-* — mesmos valores navy-tinted do gray scale
        Metronic usa hex hardcoded; override necessário para alinhar
        com os --bs-gray-* redefinidos na seção 10.
   ============================================================= */
.border-gray-900 {
  border-color: #061033 !important;
}

.border-gray-800 {
  border-color: #1d2c4e !important;
}

.border-gray-700 {
  border-color: #465374 !important;
}

.border-gray-600 {
  border-color: #75819b !important;
}

.border-gray-500 {
  border-color: #97a0b5 !important;
}

.border-gray-400 {
  border-color: #c2c8d8 !important;
}

.border-gray-300 {
  border-color: #d9dde9 !important;
}

.border-gray-200 {
  border-color: #f0f1f5 !important;
}

.border-gray-100 {
  border-color: #f8f9fb !important;
}

/* =============================================================
   11. Navbar items no header primário — bg-light → Light Blue
       Escopo restrito ao .app-header-primary para não afetar
       bg-light em outras partes do app.
   ============================================================= */
.app-header-primary .bg-light {
  background-color: #C9DAFF !important;
}

/* =============================================================
   12. Mega-menu — fundo de cada item → Light Blue #C9DAFF
   ============================================================= */
.menu-extended .menu-item .menu-link {
  background-color: #C9DAFF !important;
  border-radius: 0.475rem;
  min-height: 72px;
  align-items: center !important;
  padding: 0.85rem 0.75rem !important;
}

.menu-extended .menu-item .menu-link:hover {
  background-color: #b0c8f7 !important;
}

/* =============================================================
   13. Botão Dashboards (ativo/here) — gradiente Brand Red → Cream
   ============================================================= */
#kt_app_header_menu .menu-item.here>.menu-link,
#kt_app_header_menu .menu-item.here.show>.menu-link {
  background: linear-gradient(135deg, #F39828, #F5DCC1) !important;
  border-radius: 0.475rem;
}

#kt_app_header_menu .menu-item.here>.menu-link .menu-title,
#kt_app_header_menu .menu-item.here.show>.menu-link .menu-title {
  color: var(--gps-primary, #022C87) !important;
}

/* =============================================================
   14. nav-pills-custom — todas as tabs: fundo laranja + texto azul
   ============================================================= */
.nav-pills-custom:not(.nav-stretch) .nav-link {
  background-color: #F39828 !important;
  border-color: #F39828 !important;
  color: var(--gps-primary, #022C87) !important;
}

.nav-pills-custom:not(.nav-stretch) .nav-link .nav-text {
  color: var(--gps-primary, #022C87) !important;
}

.nav-pills-custom:not(.nav-stretch) .nav-link .nav-icon i {
  color: var(--gps-primary, #022C87) !important;
}

.nav-pills-custom:not(.nav-stretch) .nav-link .bullet-custom {
  background-color: var(--gps-primary, #022C87) !important;
}

.nav-pills-custom:not(.nav-stretch) .nav-link.active {
  background-color: #e08820 !important;
  border-color: #e08820 !important;
}

.nav-pills-custom:not(.nav-stretch) .nav-link.active .bullet-custom {
  background-color: var(--gps-primary, #022C87) !important;
}

/* =============================================================
   20. Tenant overrides — text-primary, bg-primary,
      badge, alert, table headers
   ============================================================= */

/* Primary text / background / border */
.text-primary {
  color: var(--gps-primary, #022C87) !important;
}

.bg-primary {
  background-color: var(--gps-primary, #022C87) !important;
}

.border-primary {
  border-color: var(--gps-primary, #022C87) !important;
}

/* Badges */
.badge-primary {
  background-color: var(--gps-primary, #022C87) !important;
  color: #ffffff !important;
}

.badge-light-primary {
  color: var(--gps-primary, #022C87) !important;
  background-color: #C9DAFF !important;
}

.badge-danger {
  background-color: #A50F30 !important;
  color: #ffffff !important;
}

.badge-light-danger {
  background-color: #A50F30 !important;
  color: #ffffff !important;
}

/* Alerts */
.alert-primary {
  color: var(--gps-primary, #022C87) !important;
  background-color: #C9DAFF !important;
  border-color: #7a9de0 !important;
}

.alert-danger {
  color: #A50F30 !important;
  background-color: #f7c6cf !important;
  border-color: #e07a8b !important;
}

/* Table headers */
.table > thead > tr > th,
.table > thead > tr > td,
table.dataTable > thead > tr > th,
table.dataTable > thead > tr > td {
  background-color: var(--gps-header-secondary, #a0a0a153) !important;
  color: var(--gps-primary, #ffffff) !important;
}

/* =============================================================
   21. Home calendar — active day
   ============================================================= */
.home-calendar-day.active.bg-primary {
  background-color: #F39828 !important;
   color: var(--gps-primary, #022C87) !important;
}

/* =============================================================
   22. Home destaque popover — link primary
   ============================================================= */
.home-destaque-popover .gps-popover-link.text-primary {
  color: #F39828 !important;
}

/* =============================================================
   23. Navbar — botão de ação em header secondary
   ============================================================= */
.app-navbar .app-navbar-item .btn.btn-icon.btn-primary {
  background-color: var(--bs-app-header-secondary-base-bg-color) !important;
  color: var(--gps-primary, #022C87) !important;
}

.app-navbar .app-navbar-item .btn.btn-icon.btn-primary i[class*="ki-"] {
  color: var(--gps-primary, #022C87) !important;
}

.app-navbar .app-navbar-item .symbol-label {
  background-color: var(--bs-app-header-secondary-base-bg-color) !important;
  color: var(--gps-primary, #022C87) !important;
}

/* =============================================================
   24. Header menu — botão de grupo de navegação
   ============================================================= */
.app-header-menu .menu-item[data-kt-menu-trigger] > .menu-link.btn.btn-primary.gps-nav-group-btn {
  background: linear-gradient(135deg, #F39828, #F5DCC1) !important;
  border-radius: 0.475rem;
}

.app-header-menu .menu-item[data-kt-menu-trigger] > .menu-link.btn.btn-primary.gps-nav-group-btn .menu-title {
  color: var(--gps-primary, #022C87) !important;
}

/* =============================================================
   25. Home tab rede
   ============================================================= */
#home-tab-rede .symbol .symbol-label i[class*="ki-"],
#home-tab-bp .symbol .symbol-label i[class*="ki-"]{
  color: #F39828 !important;
}

/* =============================================================
   26. KPI counter — numerador / denominador
   ============================================================= */
#home-tab-rede .d-flex.align-items-center.text-white > span:not(.badge),
#home-tab-bp .d-flex.align-items-center.text-white > span:not(.badge) {
  color: #F39828 !important;
}

/* =============================================================
   27. KPI card — valor monetário no card bg-primary
   ============================================================= */
.d-flex.border.border-gray-300.border-dashed.rounded.p-6.mb-6.bg-primary .text-white.fw-bolder.fs-2x {
  color: #F39828 !important;
}