/* World Cookies — paleta oficial. Carregar depois dos estilos de cada tema. */
:root {
  --wc-primary: #00AFEF;
  --wc-secondary: #004AAD;
  --wc-white: #FFFFFF;
  --wc-black: #000000;
  --primary: #00AFEF;
  --secondary: #004AAD;
  --success: #00AFEF;
  --info: #00AFEF;
  --warning: #004AAD;
  --danger: #004AAD;
  --light: #FFFFFF;
  --dark: #000000;
  --bs-primary: #00AFEF;
  --bs-primary-rgb: 0, 175, 239;
  --bs-secondary: #004AAD;
  --bs-secondary-rgb: 0, 74, 173;
  --bs-body-bg: #FFFFFF;
  --bs-body-color: #000000;
  --bs-link-color: #004AAD;
  accent-color: #004AAD;
  color-scheme: light;
}
body, .page, .content-wrapper, .mdk-header-layout__content,
.mdk-drawer-layout__content, .app-content, #kt_content {
  background-color: var(--wc-white);
  color: var(--wc-black);
}
a, .text-primary, .text-secondary, .text-info, .text-success,
.text-warning, .text-danger, .text-muted, .breadcrumb-item.active {
  color: var(--wc-secondary) !important;
}
a:hover, a:focus { color: var(--wc-black); }
h1, h2, h3, h4, h5, h6, .page__heading, .card-title { color: var(--wc-secondary); }
.card, .modal-content, .dropdown-menu, .list-group-item, .popover,
.select2-dropdown, .select2-container--default .select2-selection--single,
.form-control, .custom-select, .form-select {
  background-color: var(--wc-white);
  color: var(--wc-black);
  border-color: var(--wc-secondary);
}
.form-control::placeholder, input::placeholder, textarea::placeholder { color: var(--wc-secondary); opacity: 1; }
.form-control:focus, .form-select:focus, .custom-select:focus {
  border-color: var(--wc-primary);
  outline: 2px solid var(--wc-secondary);
  outline-offset: 2px;
  box-shadow: none;
}
.btn-primary, .btn-success, .btn-info, .bg-primary, .bg-success, .bg-info,
.badge-primary, .badge-success, .badge-info, .progress-bar,
.swal2-confirm, .toast-success, .toast-info {
  background-color: var(--wc-primary) !important;
  border-color: var(--wc-primary) !important;
  color: var(--wc-black) !important;
}
.btn-primary {
  color: var(--wc-white) !important;
}
.btn-secondary, .btn-danger, .btn-warning, .btn-dark,
.bg-secondary, .bg-danger, .bg-warning, .badge-secondary, .badge-danger,
.badge-warning, .swal2-cancel, .toast-error, .toast-warning {
  background-color: var(--wc-secondary) !important;
  border-color: var(--wc-secondary) !important;
  color: var(--wc-white) !important;
}
.btn[class*="btn-outline-"], .btn-light, .btn-white {
  background-color: var(--wc-white) !important;
  border-color: var(--wc-secondary) !important;
  color: var(--wc-secondary) !important;
}
.btn:hover, .btn:focus-visible, .swal2-confirm:hover,
.page-item.active .page-link, .nav-pills .nav-link.active {
  background-color: var(--wc-secondary) !important;
  border-color: var(--wc-secondary) !important;
  color: var(--wc-white) !important;
}
.btn:disabled, .btn.disabled { opacity: .6; }
.btn:focus-visible, a:focus-visible, button:focus-visible {
  outline: 2px solid var(--wc-secondary);
  outline-offset: 3px;
}
.bg-light, .bg-white, .bg-light-primary, .bg-light-success,
.bg-light-warning, .bg-light-danger, .bg-light-info,
.badge-light-primary, .badge-light-success, .badge-light-danger,
.badge-light-warning, .badge-light-info, .input-group-text {
  background-color: var(--wc-white) !important;
  color: var(--wc-secondary) !important;
}
.alert { background-color: var(--wc-white); color: var(--wc-black); border-color: var(--wc-secondary); border-left-width: 4px; }
.alert-success, .alert-info { border-left-color: var(--wc-primary); }
.alert-warning, .alert-danger { border-left-style: double; border-left-width: 6px; }
.alert a { text-decoration: underline; }
.table { color: var(--wc-black); }
.table thead th { background-color: #F2F2F2; color: var(--wc-black); }
.table td, .table th { border-color: var(--wc-secondary); }
.table-striped tbody tr:nth-of-type(odd), .table-hover tbody tr:hover { background-color: var(--wc-white); }
.page-link, .nav-tabs .nav-link.active { color: var(--wc-secondary); border-color: var(--wc-secondary); }
.navbar-main, #navbar, .sidebar, #default-drawer .sidebar,
.aside, .aside-menu, #kt_aside, #kt_header, .header {
  background-color: var(--wc-primary) !important;
  color: var(--wc-black) !important;
}
#navbar .navbar-brand, #navbar .navbar-brand span,
#navbar .nav-link, #navbar .material-icons,
#default-drawer .sidebar a, #default-drawer .sidebar strong,
#default-drawer .sidebar .sidebar-heading, #default-drawer .sidebar .sidebar-menu-text,
#default-drawer .sidebar .sidebar-menu-toggle-icon, #default-drawer .sidebar .material-icons,
#default-drawer .sidebar .fa, #default-drawer .sidebar .text-muted,
#default-drawer .sidebar .text-body, .aside .menu-link, .aside .menu-title,
.aside .menu-icon, .aside .menu-icon i { color: var(--wc-black) !important; }
.sidebar-submenu, .sidebar-block, .sidebar-account { background-color: transparent !important; }
.sidebar .sidebar-menu-item.active > .sidebar-menu-button,
.sidebar .sidebar-menu-button:hover, .aside .menu-link.active, .aside .menu-link:hover {
  background-color: var(--wc-secondary) !important;
  color: var(--wc-white) !important;
}
#default-drawer .sidebar .sidebar-menu-item.active > .sidebar-menu-button *,
#default-drawer .sidebar .sidebar-menu-button:hover *,
.aside .menu-link.active *, .aside .menu-link:hover * { color: var(--wc-white) !important; }
#navbar .dropdown-menu, #navbar .dropdown-menu a { color: var(--wc-black) !important; }
.wc-brand-logo {
  display: block;
  width: min(100%, 220px) !important;
  height: auto !important;
  max-height: 100px !important;
  object-fit: contain;
  margin: 0 auto !important;
}
.navbar-main .wc-brand-logo { width: 140px !important; max-height: 46px !important; }
.sidebar .navbar-brand { display: block; width: 100%; margin: 0; }
/* Remove o espaçamento que compensava as margens negativas do logo anterior. */
.sidebar > div:has(> .navbar-brand) { padding: 24px !important; margin-top: 0 !important; background: var(--wc-primary) !important; }
body[class*="layout-login"], body#kt_body:has(.auth_form),
body#kt_body:has(form#kt_sign_in_form) {
  background: var(--wc-primary) !important;
  min-height: 100vh;
}
.layout-login-centered-boxed__form.card {
  background: var(--wc-white) !important;
  border: 1px solid var(--wc-secondary);
  padding: 32px;
  width: min(440px, calc(100% - 32px));
  max-width: 100%;
}
.layout-login-centered-boxed__form .wc-brand-logo { margin: 0 auto 24px !important; }
.layout-login-centered-boxed__form h4,
.layout-login-centered-boxed__form p,
.layout-login-centered-boxed__form .text-label { color: var(--wc-secondary) !important; }
.layout-login-centered-boxed__form label { color: var(--wc-black) !important; }
/* CRM e funil: as variáveis também obedecem à identidade do sistema. */
:root {
  --primary-color: #00AFEF;
  --primary-on-secondary-color: #004AAD;
  --primary-hover-color: #004AAD;
  --primary-selected-color: #004AAD;
  --primary-selected-hover-color: #004AAD;
  --primary-highlighted-color: #00AFEF;
  --primary-text-color: #000000;
  --secondary-text-color: #004AAD;
  --placeholder-color: #004AAD;
  --icon-color: #004AAD;
  --link-color: #004AAD;
  --primary-background-color: #FFFFFF;
  --secondary-background-color: #FFFFFF;
  --grey-background-color: #FFFFFF;
  --allgrey-background-color: #FFFFFF;
  --ui-border-color: #004AAD;
  --layout-border-color: #004AAD;
}
@media (max-width: 575px) {
  .layout-login-centered-boxed__form.card { padding: 24px; }
  .wc-brand-logo { max-width: 180px; }
}
@media print {
  body, .page, .card { background: #FFFFFF !important; color: #000000 !important; }
}
.layout-login-centered-boxed__form .form-control::placeholder { color: var(--wc-secondary) !important; }
.layout-login-centered-boxed__form a { color: var(--wc-secondary) !important; }
body[class*="layout-login-centered"] {
  display: flex;
  flex-direction: column;
  align-items: center;
  justify-content: center;
  padding: 24px 16px;
}
body[class*="layout-login-centered"] .layout-login-centered-boxed__form.card {
  flex: none;
  width: 100%;
  max-width: 440px;
  margin: auto;
}