/*
 * GMW NEGOCIOS - LIGHT PREMIUM
 * Perfex CRM + Weboox PRO | camada de apresentacao CSS
 * Aplicacao: assets/css/custom.css na raiz do Perfex
 * Nao altera logica, banco de dados, rotas, scripts ou integracoes.
 * Paleta: vermelho #CE181E, tinta #171717, fundo #F4F5F7.
 */
:root {
  --gmw-red: #ce181e;
  --gmw-red-dark: #a91419;
  --gmw-red-soft: #fff0f0;
  --gmw-ink: #171717;
  --gmw-muted: #64748b;
  --gmw-surface: #fff;
  --gmw-bg: #f4f5f7;
  --gmw-border: #e5e7eb;
  --gmw-focus: rgba(206,24,30,.15);
  --gmw-shadow: 0 6px 24px rgba(15,23,42,.05);
  color-scheme: light;
}
/* Fundo e tipografia: sem alteracao de estrutura/dimensoes da tela */
body:not(.print),
body:not(.print) #wrapper,
body:not(.print) #content,
body:not(.print) .content,
body:not(.print) .main,
body:not(.print) .main-content,
body:not(.print) .page-content {
  background-color: var(--gmw-bg);
  color: var(--gmw-ink);
}
body:not(.print) h1,body:not(.print) h2,body:not(.print) h3,
body:not(.print) h4,body:not(.print) h5,body:not(.print) h6,
body:not(.print) .panel-title { color: var(--gmw-ink); }
body:not(.print) .text-muted,body:not(.print) .help-block,
body:not(.print) small.text-muted { color: var(--gmw-muted) !important; }
/* Navegacao branca: seletores usados pelo Perfex e por temas admin comuns */
body:not(.print) #side-menu,
body:not(.print) #side-menu > li,
body:not(.print) #side-menu > li > a,
body:not(.print) #side-menu .nav-second-level,
body:not(.print) #side-menu .nav-third-level,
body:not(.print) #menu,
body:not(.print) #menu .sidebar,
body:not(.print) .admin #side-menu,
body:not(.print) .main-sidebar,
body:not(.print) .sidebar-wrapper,
body:not(.print) .sidebar-menu,
body:not(.print) .admin-sidebar {
  background-color: #fff !important;
  background-image: none !important;
}
body:not(.print) #side-menu a,
body:not(.print) #side-menu a i,
body:not(.print) .main-sidebar a,
body:not(.print) .sidebar-wrapper a,
body:not(.print) .admin-sidebar a {
  color: #344054 !important;
}
body:not(.print) #side-menu > li > a:hover,
body:not(.print) #side-menu li > a:focus,
body:not(.print) #side-menu li.active > a,
body:not(.print) #side-menu li.active > a i,
body:not(.print) .main-sidebar li.active > a,
body:not(.print) .sidebar-wrapper li.active > a {
  background: var(--gmw-red-soft) !important;
  color: var(--gmw-red) !important;
}
body:not(.print) #side-menu li.active > a:before,
body:not(.print) .main-sidebar li.active > a:before {
  background: var(--gmw-red) !important;
}
body:not(.print) #header,
body:not(.print) .navbar-default,
body:not(.print) .navbar.navbar-default,
body:not(.print) .admin-navbar,
body:not(.print) .topbar,
body:not(.print) .top-bar,
body:not(.print) .main-header {
  background-color: #fff !important;
  background-image: none !important;
  border-color: var(--gmw-border) !important;
}
body:not(.print) #header a,
body:not(.print) #header button,
body:not(.print) .navbar-default .navbar-nav > li > a,
body:not(.print) .admin-navbar a {
  color: var(--gmw-ink) !important;
}
/* Superficies e cartoes */
body:not(.print) .panel,
body:not(.print) .panel_s > .panel-body,
body:not(.print) .panel_s .panel-body,
body:not(.print) .widget,
body:not(.print) .widget-holder,
body:not(.print) .statistic,
body:not(.print) .card,
body:not(.print) .modal-content,
body:not(.print) .dropdown-menu,
body:not(.print) .popover,
body:not(.print) .well {
  background-color: var(--gmw-surface) !important;
  color: var(--gmw-ink);
  border-color: var(--gmw-border) !important;
  box-shadow: var(--gmw-shadow);
}
body:not(.print) .panel-heading,
body:not(.print) .modal-header,
body:not(.print) .modal-footer,
body:not(.print) .card-header,
body:not(.print) .card-footer {
  background-color: #fff !important;
  color: var(--gmw-ink);
  border-color: var(--gmw-border) !important;
}
body:not(.print) .panel_s > .panel-body,
body:not(.print) .card,
body:not(.print) .modal-content { border-radius: 10px; }
/* Acoes primarias: mantem cores sem interferir nos atributos de botao */
body:not(.print) .btn-primary,
body:not(.print) .btn-info,
body:not(.print) .btn.btn-primary,
body:not(.print) .btn.btn-info,
body:not(.print) .pagination > .active > a,
body:not(.print) .pagination > .active > span {
  background: var(--gmw-red) !important;
  border-color: var(--gmw-red) !important;
  color: #fff !important;
}
body:not(.print) .btn-primary:hover,
body:not(.print) .btn-info:hover,
body:not(.print) .btn-primary:focus,
body:not(.print) .btn-info:focus,
body:not(.print) .pagination > .active > a:hover {
  background: var(--gmw-red-dark) !important;
  border-color: var(--gmw-red-dark) !important;
  color: #fff !important;
}
body:not(.print) .btn-primary:disabled,
body:not(.print) .btn-info:disabled,
body:not(.print) .btn-primary.disabled,
body:not(.print) .btn-info.disabled { opacity: .55; }
body:not(.print) a:not(.btn):not(.label):not(.badge):hover { color: var(--gmw-red); }
body:not(.print) .nav-tabs > li.active > a,
body:not(.print) .nav-tabs > li.active > a:hover,
body:not(.print) .nav-tabs > li.active > a:focus {
  border-bottom-color: var(--gmw-red) !important;
  color: var(--gmw-red) !important;
}
body:not(.print) .nav-tabs > li > a:hover { color: var(--gmw-red); }
/* Inputs, busca, selects, tabelas de CRM */
body:not(.print) .form-control,
body:not(.print) input[type='text'],
body:not(.print) input[type='email'],
body:not(.print) input[type='tel'],
body:not(.print) input[type='number'],
body:not(.print) input[type='password'],
body:not(.print) textarea,
body:not(.print) select,
body:not(.print) .select2-container .select2-selection,
body:not(.print) .bootstrap-select > .dropdown-toggle {
  background-color: #fff;
  border-color: #d5dae1;
  color: var(--gmw-ink);
}
body:not(.print) .form-control:focus,
body:not(.print) input:focus,
body:not(.print) textarea:focus,
body:not(.print) select:focus,
body:not(.print) .select2-container--focus .select2-selection {
  border-color: var(--gmw-red) !important;
  box-shadow: 0 0 0 3px var(--gmw-focus) !important;
  outline: none;
}
body:not(.print) .form-control::placeholder,
body:not(.print) input::placeholder,
body:not(.print) textarea::placeholder { color: #8993a3; opacity: 1; }
body:not(.print) .table,
body:not(.print) .table > thead > tr > th,
body:not(.print) .table > tbody > tr > td,
body:not(.print) .dataTables_wrapper { background-color: #fff; color: var(--gmw-ink); }
body:not(.print) .table > thead > tr > th {
  background: #f8fafc;
  color: #344054;
  border-bottom-color: var(--gmw-border);
}
body:not(.print) .table > tbody > tr > td { border-color: var(--gmw-border); }
body:not(.print) .table-striped > tbody > tr:nth-of-type(odd) > td { background: #fafbfc; }
body:not(.print) .table-hover > tbody > tr:hover > td { background: #fff5f5; }
body:not(.print) .dataTables_wrapper .dataTables_paginate .paginate_button.current,
body:not(.print) .dataTables_wrapper .dataTables_paginate .paginate_button.current:hover {
  background: var(--gmw-red) !important;
  color: white !important;
  border-color: var(--gmw-red) !important;
}
/* Evita que indicadores de semaforo/situacao virem todos vermelhos */
body:not(.print) .label-success,body:not(.print) .label-warning,
body:not(.print) .label-danger,body:not(.print) .label-default,
body:not(.print) .btn-success,body:not(.print) .btn-warning,
body:not(.print) .btn-danger { filter: none; }
/* Login e recuperacao de senha: cores, sem alterar o fluxo de autenticacao */
body.authentication,
body.login_admin,
body.admin_authentication,
body.authentication #wrapper,
body.login_admin #wrapper {
  background: var(--gmw-bg) !important;
  color: var(--gmw-ink);
}
body.authentication .panel_s > .panel-body,
body.login_admin .panel_s > .panel-body,
body.admin_authentication .panel_s > .panel-body,
body.authentication .login-panel,
body.login_admin .login-panel {
  background: #fff !important;
  border: 1px solid var(--gmw-border) !important;
  border-radius: 16px;
  box-shadow: 0 16px 48px rgba(15,23,42,.08);
}
/* Aplicavel apenas em telas: nao muda cores de PDFs/impressos */
@media print {
  :root { color-scheme: normal; }
}
@media (max-width: 767px) {
  body:not(.print) .panel_s > .panel-body,
  body:not(.print) .card,
  body:not(.print) .modal-content { border-radius: 8px; }
  body:not(.print) .modal-content { box-shadow: 0 4px 16px rgba(15,23,42,.08); }
}