/* Gerado em runtime pelo backend */
/* Fonte: empresa_tema.theme_json (por id_empresa) */

:root {
  --theme-body-bg: #999999;
  --theme-header-bg: #dddddd;
  --theme-header-text: #666666;
  --theme-header-link-hover: #cccccc;
  --theme-header-user-hover: #cccccc;
  --theme-header-item-hover: #cccccc;
  --theme-header-brand: #f0f0ee;
  --theme-menu-submenu-bg: #ffffff;
  --theme-menu-item-hover-bg: #f8f8fb;
  --theme-menu-icon: #cacad2;
  --theme-menu-text: #5f6281;
  --theme-module-sidebar-bg-start: #3f3f45;
  --theme-module-sidebar-bg-end: #47474e;
  --theme-module-sidebar-border: rgba(255, 255, 255, 0.09);
  --theme-module-sidebar-icon: #c8c8d4;
  --theme-module-sidebar-icon-hover: #ffffff;
  --theme-module-sidebar-icon-hover-bg: rgba(255, 255, 255, 0.11);
  --theme-module-sidebar-accent: #ffffff;
  --theme-module-sidebar-accent-soft: rgba(255, 255, 255, 0.15);
  --theme-module-sidebar-accent-focus: rgba(255, 255, 255, 0.5);
  --theme-module-sidebar-tooltip-bg: #505058;
  --theme-module-sidebar-tooltip-text: #f0f0f5;
  --theme-primary: #5867dd;
  --theme-accent: #00c5dc;
  --theme-success: #34bfa3;
  --theme-info: #36a3f7;
  --theme-warning: #ffb822;
  --theme-danger: #fd3995;
  --theme-focus: #9816f4;
  --theme-light: #ffffff;
  --theme-metal: #c4c5d6;
  --theme-brand: #36a3f7;
  --theme-rotograma-header-bg: #dddddd;
  --theme-rotograma-header-text: #666666;
  --theme-rotograma-header-logo-filter: none;
  --theme-rotograma-primary: #5867dd;
  --theme-rotograma-primary-dark: #4654c8;
  --theme-rotograma-primary-light: #6b79e8;
  --theme-rotograma-route-accent: #34bfa3;
  --theme-rotograma-surface-bg: #f0f4f8;
  --theme-rotograma-primary-soft: rgba(88, 103, 221, 0.08);
  --theme-rotograma-primary-focus: rgba(107, 121, 232, 0.15);
  --bs-primary: #5867dd;
  --bs-secondary: #6c757d;
  --bs-success: #34bfa3;
  --bs-info: #36a3f7;
  --bs-warning: #ffb822;
  --bs-danger: #fd3995;
  --bs-light: #f8f9fa;
  --bs-dark: #343a40;
}

/* Layout — aplicado em runtime pelo backend */
body {
  background: var(--theme-body-bg) !important;
}

/* Área da logo no header (faixa clara ao lado/abaixo da logo) */
.k-header__brand {
  background-color: var(--theme-header-brand) !important;
}

@media (min-width: 1025px) {
  .k-header {
    background-color: var(--theme-header-bg) !important;
  }

  .k-header .k-header-menu .k-menu__nav > .k-menu__item > .k-menu__link .k-menu__link-text,
  .k-header .k-header-menu .k-menu__nav > .k-menu__item > .k-menu__link .k-menu__hor-arrow,
  .k-header .k-header-menu .k-menu__nav > .k-menu__item > .k-menu__link .k-menu__hor-icon,
  .k-header .k-header-menu .k-menu__nav > .k-menu__item.k-menu__item--here > .k-menu__link .k-menu__link-text,
  .k-header .k-header-menu .k-menu__nav > .k-menu__item.k-menu__item--active > .k-menu__link .k-menu__link-text,
  .k-header .k-header-menu .k-menu__nav > .k-menu__item:hover > .k-menu__link .k-menu__link-text,
  .k-header .k-header-menu .k-menu__nav > .k-menu__item.k-menu__item--here > .k-menu__link .k-menu__hor-arrow,
  .k-header .k-header-menu .k-menu__nav > .k-menu__item.k-menu__item--active > .k-menu__link .k-menu__hor-arrow,
  .k-header .k-header-menu .k-menu__nav > .k-menu__item:hover > .k-menu__link .k-menu__hor-arrow,
  .k-header .k-header-menu .k-menu__nav > .k-menu__item.k-menu__item--here > .k-menu__link .k-menu__hor-icon,
  .k-header .k-header-menu .k-menu__nav > .k-menu__item.k-menu__item--active > .k-menu__link .k-menu__hor-icon,
  .k-header .k-header-menu .k-menu__nav > .k-menu__item:hover > .k-menu__link .k-menu__hor-icon,
  .k-header .k-header__topbar .k-header__topbar-item .k-header__topbar-icon i,
  .k-header .k-header__topbar .k-header__topbar-item.k-header__topbar-item--user .k-header__topbar-welcome,
  .k-header .k-header__topbar .k-header__topbar-item.k-header__topbar-item--user .k-header__topbar-username,
  .k-header .k-header__topbar .k-header__topbar-item:hover .k-header__topbar-icon i,
  .k-header .k-header__topbar .k-header__topbar-item.show .k-header__topbar-icon i,
  .k-header .k-header__topbar .k-header__topbar-item:hover.k-header__topbar-item--user .k-header__topbar-username,
  .k-header .k-header__topbar .k-header__topbar-item.show.k-header__topbar-item--user .k-header__topbar-username,
  .k-header .k-header__topbar .k-header__topbar-item.show.k-header__topbar-item--user .k-header__topbar-username .k-header__topbar-username-link {
    color: var(--theme-header-text) !important;
  }

  .k-header .k-header-menu .k-menu__nav > .k-menu__item.k-menu__item--here > .k-menu__link,
  .k-header .k-header-menu .k-menu__nav > .k-menu__item.k-menu__item--active > .k-menu__link,
  .k-header .k-header-menu .k-menu__nav > .k-menu__item:hover > .k-menu__link {
    background-color: var(--theme-header-link-hover) !important;
  }

  .k-header .k-header__topbar .k-header__topbar-item:hover .k-header__topbar-icon,
  .k-header .k-header__topbar .k-header__topbar-item.show .k-header__topbar-icon {
    background-color: var(--theme-header-bg) !important;
  }

  .k-header .k-header__topbar .k-header__topbar-item:hover.k-header__topbar-item--user,
  .k-header .k-header__topbar .k-header__topbar-item.show.k-header__topbar-item--user {
    background-color: var(--theme-header-user-hover) !important;
  }
}

.k-header__topbar-username > a {
  color: var(--theme-header-text) !important;
}

@media (max-width: 1024px) {
  .k-header-mobile {
    background-color: var(--theme-header-bg) !important;
  }
}


/* Bootstrap */
.btn-primary,
.btn-primary:hover,
.btn-primary:focus,
.btn-primary:active,
.btn-primary:not(:disabled):not(.disabled):active {
  background-color: var(--theme-primary) !important;
  border-color: var(--theme-primary) !important;
}

.btn-success {
  background-color: var(--theme-success) !important;
  border-color: var(--theme-success) !important;
}

.btn-info {
  background-color: var(--theme-info) !important;
  border-color: var(--theme-info) !important;
}

.btn-warning {
  background-color: var(--theme-warning) !important;
  border-color: var(--theme-warning) !important;
}

.btn-danger {
  background-color: var(--theme-danger) !important;
  border-color: var(--theme-danger) !important;
}

.text-primary { color: var(--theme-primary) !important; }
.text-success { color: var(--theme-success) !important; }
.text-info { color: var(--theme-info) !important; }
.text-warning { color: var(--theme-warning) !important; }
.text-danger { color: var(--theme-danger) !important; }

.bg-primary { background-color: var(--theme-primary) !important; }
.bg-success { background-color: var(--theme-success) !important; }
.bg-info { background-color: var(--theme-info) !important; }
.bg-warning { background-color: var(--theme-warning) !important; }
.bg-danger { background-color: var(--theme-danger) !important; }

.border-primary { border-color: var(--theme-primary) !important; }

/* Keen / Metronic */
.k-badge--primary,
.k-badge--unified-primary {
  background-color: var(--theme-primary);
}

.k-badge--success { background-color: var(--theme-success); }
.k-badge--info { background-color: var(--theme-info); }
.k-badge--warning { background-color: var(--theme-warning); }
.k-badge--danger { background-color: var(--theme-danger); }

.k-font-primary { color: var(--theme-primary) !important; }
.k-font-success { color: var(--theme-success) !important; }
.k-font-info { color: var(--theme-info) !important; }
.k-font-warning { color: var(--theme-warning) !important; }
.k-font-danger { color: var(--theme-danger) !important; }

.k-bg-primary { background-color: var(--theme-primary) !important; }
.k-bg-success { background-color: var(--theme-success) !important; }
.k-bg-info { background-color: var(--theme-info) !important; }
.k-bg-warning { background-color: var(--theme-warning) !important; }
.k-bg-danger { background-color: var(--theme-danger) !important; }

.k-link.k-link--primary { color: var(--theme-primary); }
.k-link.k-link--success { color: var(--theme-success); }
.k-link.k-link--info { color: var(--theme-info); }
.k-link.k-link--warning { color: var(--theme-warning); }
.k-link.k-link--danger { color: var(--theme-danger); }