/* ==========================================================================
   ASC Skins — Temas pré-definidos para o layout Falcon
   Mapeia as classes skin-* (usadas no body via _COR_ / conf_*.xml)
   para os seletores Bootstrap 5 / Falcon.
   ========================================================================== */

/* --------------------------------------------------------------------------
    Cores e edições específicas das skins.
 */
@import url('./skins/blue.css'); /* skin-blue */
@import url('./skins/red.css'); /* skin-red */
@import url('./skins/green.css'); /* skin-green */
@import url('./skins/orange.css'); /* skin-orange */
@import url('./skins/yellow.css'); /* skin-yellow */
@import url('./skins/pink.css'); /* skin-pink */
@import url('./skins/magenta.css'); /* skin-magenta */
@import url('./skins/gray.css'); /* skin-gray */
@import url('./skins/black.css'); /* skin-black */
@import url('./skins/algar.css'); /* skin-algar */


/* --------------------------------------------------------------------------
   Skins Gerais  —  regras idênticas em todas as skins (body[class*='skin-'])
   -------------------------------------------------------------------------- */

/* Navbar toggle (hamburger) */
body[class*='skin-'] .navbar-top .navbar-toggler-icon {
  filter: brightness(10) !important;
}

/* Sidebar collapse */
body[class*='skin-'] .navbar-vertical .navbar-collapse {
  background-color: var(--skin-content-bg) !important;
}

/* Sidebar — nav links base */
body[class*='skin-'] .navbar-vertical .nav-link {
  color: var(--skin-side-fg-strong) !important;
}
body[class*='skin-'] .navbar-vertical .nav-link.dropdown-indicator::after {
  border-color: var(--skin-side-fg-strong) !important;
}
body[class*='skin-'] .navbar-vertical .collapse .nav {
  background-color: var(--skin-side-sub-bg) !important;
}
body[class*='skin-'] .navbar-vertical .collapse .nav .nav-link {
  color: var(--skin-side-fg-strong) !important;
}

/* Botões de tema / label */
body[class*='skin-'] .btn-tema,
body[class*='skin-'] .label-tema {
  background-color: var(--skin-accent) !important;
  border-color: var(--skin-accent) !important;
  color: var(--skin-on-accent) !important;
}
body[class*='skin-'] .btn-to-tema:hover {
  background-color: var(--skin-accent) !important;
  border-color: var(--skin-accent) !important;
}
body[class*='skin-'] .btn-tema:hover,
body[class*='skin-'] .btn-tema.active,
body[class*='skin-'] .btn-tema:active {
  background-color: var(--skin-accent-hover) !important;
  border-color: var(--skin-accent-hover) !important;
  color: var(--skin-on-accent) !important;
}
body[class*='skin-'] .dropdown-tema .dropdown-item:hover {
  background-color: var(--skin-accent) !important;
  color: var(--skin-on-accent) !important;
}

/* Dashboard headers */
body[class*='skin-'] .header-dashboards .header {
  background: linear-gradient(135deg, var(--skin-gradient-start, var(--skin-accent-hover)) 0%, var(--skin-gradient-end, var(--skin-accent)) 100%) !important;
}
body[class*='skin-'] .header-dashboards .tab.active {
  background: linear-gradient(135deg, var(--skin-gradient-start, var(--skin-accent-hover)) 0%, var(--skin-gradient-end, var(--skin-accent)) 100%) !important;
}
body[class*='skin-'] .header-dashboards .filter-toggle-btn:hover {
  border-color: var(--skin-accent-hover) !important;
}
body[class*='skin-'] .header-dashboards .filter-input:focus,
body[class*='skin-'] .header-dashboards .filter-select:focus {
  border-color: var(--skin-accent-hover) !important;
}
body[class*='skin-'] .header-dashboards .card h3 i {
  color: var(--skin-accent-hover) !important;
}

/* Sidebar — texto dos links */
body[class*='skin-'] .navbar-vertical .navbar-nav .nav-link-text {
  font-size: 0.8125rem;
  font-weight: 500;
  line-height: 1.5;
  color: var(--skin-side-fg-strong) !important;
}
body[class*='skin-'] .navbar-vertical .nav-link,
body[class*='skin-'] .sidebar a {
  color: var(--skin-side-fg);
}
body[class*='skin-'] .navbar-vertical .nav-link-icon,
body[class*='skin-'] .navbar-vertical .nav-link-icon i {
  color: var(--skin-side-fg) !important;
}
body[class*='skin-'] .navbar-vertical .nav-link:hover,
body[class*='skin-'] .sidebar a:hover {
  color: var(--skin-side-fg-strong);
  background: var(--skin-side-hover-bg);
}
body[class*='skin-'] .navbar-vertical .nav-link:hover .nav-link-icon,
body[class*='skin-'] .navbar-vertical .nav-link:hover .nav-link-icon i {
  color: var(--skin-side-fg-strong) !important;
}
body[class*='skin-'] .navbar-vertical .nav-link[aria-expanded="true"],
body[class*='skin-'] .sidebar .menu-open > a {
  color: var(--skin-side-fg-strong);
  background: var(--skin-side-hover-bg);
}
body[class*='skin-'] .navbar-vertical .nav-link[aria-expanded="true"] .nav-link-icon,
body[class*='skin-'] .navbar-vertical .nav-link[aria-expanded="true"] .nav-link-icon i {
  color: var(--skin-side-fg-strong) !important;
}
body[class*='skin-'] .navbar-vertical .nav-link.active,
body[class*='skin-'] .sidebar .active > a,
body[class*='skin-'] .sidebar li.active > a {
  background: rgba(from var(--skin-active-bg) r g b / 0.15) !important;
  color: var(--skin-side-fg-strong) !important;
  border-left: 3px solid var(--skin-accent) !important;
  font-weight: 600;
}
body[class*='skin-'] .navbar-vertical .nav-link.active .nav-link-icon,
body[class*='skin-'] .navbar-vertical .nav-link.active .nav-link-icon i {
  color: var(--skin-side-fg) !important;
}
body[class*='skin-'] .navbar-vertical .nav-link.active .nav-link-icon:hover,
body[class*='skin-'] .navbar-vertical .nav-link.active .nav-link-icon i:hover {
  color: var(--skin-side-fg-strong) !important;
}
body[class*='skin-'] .navbar-vertical .nav.collapse,
body[class*='skin-'] .sidebar .submenu {
  background: var(--skin-side-sub-bg);
}
body[class*='skin-'] .navbar-vertical .nav.collapse .nav-link.active .nav-link-text {
  color: var(--skin-side-fg-strong);
  font-weight: 600;
}

/* Sidebar — busca */
body[class*='skin-'] .navbar-vertical .search-box .form-control,
body[class*='skin-'] .sidebar .search input {
  background: var(--skin-side-search-bg);
  border-color: var(--skin-side-search-bd);
  color: var(--skin-side-fg-strong);
}
body[class*='skin-'] .navbar-vertical .search-box .form-control::placeholder {
  color: var(--skin-placeholder);
}

/* Sidebar — thumbtack / favoritos */
body[class*='skin-'] .navbar-vertical .fa-thumbtack,
body[class*='skin-'] .navbar-vertical .fa-thumbtack:hover,
body[class*='skin-'] .navbar-vertical .menu_favoritos .favorites-group-title {
  color: var(--skin-text) !important;
}

/* Top navbar — links e ícones */
body[class*='skin-'] .navbar-top .nav-link,
body[class*='skin-'] .navbar-top .navbar-nav-icons .nav-link i,
body[class*='skin-'] .navbar-top .notification-avatar i,
body[class*='skin-'] .navbar-top .fa-layers i {
  color: var(--skin-header-fg, var(--skin-side-fg)) !important;
}
body[class*='skin-'] .navbar-top .text-700,
body[class*='skin-'] .navbar-top .text-900 {
  color: var(--skin-header-fg, var(--skin-text));
}
body[class*='skin-'] .navbar-top .nav-link:hover {
  color: var(--skin-link, var(--skin-accent)) !important;
}
html:not([data-bs-theme="dark"]) body.skin-black {
  --skin-header-fg: #151F34;
}

/* Área de conteúdo */
body[class*='skin-'] .content,
body[class*='skin-'] main,
body[class*='skin-'] .main-content {
  background: var(--skin-content-bg);
}
body[class*='skin-'] .card:not(.kanban-item),
body[class*='skin-'] .panel {
  border-color: var(--skin-panel-bd);
}

/* Breadcrumb */
body[class*='skin-'] .breadcrumb,
body[class*='skin-'] .breadcrumb a {
  color: var(--skin-text-muted);
}

/* Tabelas */
body[class*='skin-'] table thead th,
body[class*='skin-'] .table thead th {
  background: var(--skin-th-bg);
  color: var(--skin-th-fg);
  border-bottom-color: var(--skin-panel-bd);
}
body[class*='skin-'] table thead th a,
body[class*='skin-'] .table thead th a {
  color: var(--skin-th-fg);
}
body[class*='skin-'] #idCabecalho th a {
  background: var(--falcon-gray-100);
  color: var(--falcon-gray-600);
}
body[class*='skin-'] .table tbody tr:hover > td {
  background: var(--skin-row-hover);
}

/* Ações de linha */
body[class*='skin-'] .actions a,
body[class*='skin-'] td .action-icon {
  color: var(--skin-text-muted);
  border-radius: 4px;
}
body[class*='skin-'] .actions a:hover {
  background: var(--skin-row-hover);
  color: var(--skin-accent);
}

/* Paginação */
body[class*='skin-'] .pagination .page-link {
  color: var(--skin-text);
}

/* Form controls focus */
body[class*='skin-'] .form-control:focus,
body[class*='skin-'] .form-select:focus {
  border-color: var(--skin-accent);
  box-shadow: 0 0 0 0.2rem var(--skin-accent-soft);
}

/* Outline primary */
body[class*='skin-'] .btn-outline-primary {
  color: var(--skin-accent);
  border-color: var(--skin-accent);
}
body[class*='skin-'] .btn-outline-primary:hover {
  background: var(--skin-accent);
  color: var(--skin-on-accent);
}

/* Icon toolbar */
body[class*='skin-'] .btn-icon.is-active,
body[class*='skin-'] .btn-icon.active,
body[class*='skin-'] .view-toggle .active {
  background: var(--skin-accent);
  border-color: var(--skin-accent);
  color: var(--skin-on-accent);
}

/* Badges primárias */
body[class*='skin-'] .badge.bg-primary,
body[class*='skin-'] .badge.badge-primary {
  background: var(--skin-accent) !important;
}

/* Scrollbar da sidebar */
body[class*='skin-'] .navbar-vertical .simplebar-scrollbar::before {
  background: var(--skin-scrollbar);
}

/* Dropzone */
body[class*='skin-'] .dropzone,
body[class*='skin-'] .dropzone .dz-message {
  background: none !important;
  color: var(--skin-text-muted) !important;
}

/* Dropdown disabled */
body[class*='skin-'] .dropdown li.disabled {
    background-color: var(--skin-content-bg);
}

/* card-header base — exceto o cabecalho do atendimento (.atd-card-head),
   que tem hero/gradiente proprio e nao deve receber o fundo do skin */
body[class*='skin-'] .card-header:not(.atd-card-head):not(.kanban-head) {
  background-color: var(--skin-th-bg) !important;
  color: var(--skin-th-fg) !important;
}

/* Sidebar */
body[class*='skin-'] aside.main-sidebar {
  background: linear-gradient(180deg,
  var(--skin-side-bg-top) 0%,
  var(--skin-side-bg-bot) 100%);
  color: var(--skin-side-fg);
}

/* Header navbar */
body[class*='skin-'] .navbar-top,
body[class*='skin-'] .navbar.navbar-glass,
body[class*='skin-'] header.main-header {
  background: rgb(from var(--skin-content-bg) r g b / 0.88);
  color: var(--skin-header-fg, var(--skin-side-fg));
}

/* Botão primário genérico (cada skin adiciona .btn-{nome}) */
body[class*='skin-'] .btn-primary {
  background-color: var(--skin-accent);
  border-color: var(--skin-accent);
  color: var(--skin-on-accent);
}

body[class*='skin-'] .btn-primary:hover {
  background-color: var(--skin-accent-hover);
  border-color: var(--skin-accent-hover);
}

/* Botões falcon-default / secondary (red sobrescreve com content-bg) */
body[class*='skin-'] .btn-falcon-default,
body[class*='skin-'] .btn-secondary {
  background: var(--skin-panel-bg);
  border-color: var(--skin-panel-bd);
  color: var(--skin-text);
}

/* Ações danger (red sobrescreve com #FCEAEF literal) */
body[class*='skin-'] .actions a.danger:hover,
body[class*='skin-'] td .action-icon.danger:hover {
  background: var(--skin-danger-bg);
  color: var(--skin-danger);
}

/* Paginação ativa */
body[class*='skin-'] .pagination .page-item.active .page-link,
body[class*='skin-'] .pager .pg.active {
  background: var(--skin-accent);
  border-color: var(--skin-accent);
  color: var(--skin-on-accent);
}

/* Form switch base */
body[class*='skin-'] .form-switch .form-check-input {
  background-color: rgba(var(--falcon-primary-rgb), 0.2);
  border-color: rgba(var(--falcon-primary-rgb), 0.45);
}
body[class*='skin-'] .form-switch .form-check-input:focus {
    border-color: var(--skin-accent-hover);
    box-shadow: 0 0 0 0.2rem var(--skin-accent-soft);
    --falcon-form-switch-bg: url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='-4 -4 8 8'%3e%3ccircle r='3' fill='%23fff'/%3e%3c/svg%3e");
}
body[class*='skin-'] .form-switch .form-check-input:checked {
    background-color: var(--skin-accent);
    border-color: var(--skin-accent);
    --falcon-form-switch-bg: url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='-4 -4 8 8'%3e%3ccircle r='3' fill='%23fff'/%3e%3c/svg%3e");
}

/* Links / Textos de destaque — exclui nav-link inativos
   Ignora as que estejam dentro de tags .card-header ou th */
body[class*='skin-'] a:not([class*='btn'], .nav-link):not(.card-header *, th *),
body[class*='skin-'] a.nav-link.active:not(.card-header *, th *),
body[class*='skin-'] .text-primary:not(.card-header *, th *, th),
body[class*='skin-'] .text-muted:not(.card-header *, th *, th) {
    color: var(--skin-link, var(--skin-accent));
}
body[class*='skin-'] a:not([class*='btn'], .nav-link):not(.card-header *, th *):hover,
body[class*='skin-'] a.nav-link.active:not(.card-header *, th *):hover,
body[class*='skin-'] .text-primary:not(.card-header *, th *, th):hover,
body[class*='skin-'] .text-muted:not(.card-header *, th *, th):hover {
    color: var(--skin-link-hover, var(--skin-accent-hover));
}
body[class*='skin-'] .card-header .btn-link:not(#dvAtendimentos *),
body[class*='skin-'] .card-header a:not([class*='btn'], .nav-link):not(#dvAtendimentos *):not(.dropdown-menu *) {
    color: var(--falcon-heading-color);
}
body[class*='skin-'] .card-header a:not([class*='btn'], .nav-link):not(#dvAtendimentos *):not(.dropdown-menu *):hover {
    color: var(--skin-accent-hover);
}
body[class*='skin-'] .card-header .btn-link:not(#dvAtendimentos *):hover {
    color: var(--skin-accent) !important;
}



/* --------------------------------------------------------------------------
   Configurações – blocos dependentes que surgem a partir de outros campos
   -------------------------------------------------------------------------- */
.config-dependent {
    position: relative;
    border-radius: 0.85rem;
    border: 1px solid rgba(var(--falcon-primary-rgb, 44, 123, 229), 0.18);
    background-color: rgba(var(--falcon-primary-rgb, 44, 123, 229), 0.035);
    padding: 1rem 1.75rem 1rem 1.4rem !important;
    box-shadow: inset 0 0 0 1px rgba(15, 23, 42, 0.025);
    transition: border-color 0.2s ease, background-color 0.2s ease;
    animation: configDependentReveal 220ms ease-out;
}

@keyframes configDependentReveal {
    0% {
        opacity: 0;
        transform: translateY(8px);
    }
    100% {
        opacity: 1;
        transform: translateY(0);
    }
}

.config-dependent::before {
    content: '';
    position: absolute;
    inset-block: 0.85rem;
    inset-inline-start: 0.9rem;
    width: 2px;
    border-radius: 999px;
    background: linear-gradient(180deg,
        rgba(var(--falcon-primary-rgb, 44, 123, 229), 0.55) 0%,
        rgba(var(--falcon-primary-rgb, 44, 123, 229), 0.15) 100%);
    box-shadow: 0 1px 4px rgba(var(--falcon-primary-rgb, 44, 123, 229), 0.15);
}

.config-dependent > *:first-child {
    margin-top: 0 !important;
}

.config-dependent > *:last-child {
    margin-bottom: 0 !important;
}

[data-bs-theme="dark"] .config-dependent {
    background-color: rgba(255, 255, 255, 0.06);
    border-color: rgba(var(--falcon-primary-rgb, 44, 123, 229), 0.32);
    box-shadow: inset 0 0 0 1px rgba(255, 255, 255, 0.03);
}

[data-bs-theme="dark"] .config-dependent::before {
    background: linear-gradient(180deg,
        rgba(var(--falcon-primary-rgb, 44, 123, 229), 0.75) 0%,
        rgba(var(--falcon-primary-rgb, 44, 123, 229), 0.3) 100%);
}

/* Ícones de ajuda (interrogações) seguem a cor primária do tema */
.fa-question-circle,
.fas.fa-question-circle,
.far.fa-question-circle {
    color: rgb(var(--falcon-primary-rgb, 44, 123, 229)) !important;
}

/* Títulos das abas no módulo legado reutilizam o mesmo primário do tema */
#Abas .tab-pane h4.gray {
    border-left-color: rgb(var(--falcon-primary-rgb, 44, 123, 229)) !important;
    border-bottom-color: rgba(var(--falcon-primary-rgb, 44, 123, 229), 0.25) !important;
    color: rgba(var(--falcon-black-rgb), .75) !important;
    background: rgba(var(--falcon-white-rgb), .85) !important;
}

#Abas .tab-pane h4.gray i {
    color: inherit !important;
}

h4.section-header {
    font-size: 10px !important;
    font-weight: 700;
    text-transform: uppercase;
    letter-spacing: 0.08em;
    color: #5e6e82;
    background: #f9fafd;
    border-left: 3px solid rgb(var(--falcon-primary-rgb, 44, 123, 229));
    border-bottom: 1px solid #d8e2ef;
    padding: 7px 10px 7px 12px !important;
    border-radius: 0 4px 4px 0;
    margin: 1.5rem 0 1rem !important;
    text-align: left !important;
    display: block;
}

h4.section-header i {
    color: inherit !important;
}

[data-bs-theme="dark"] h4.section-header,
.dark h4.section-header {
    background: #1e2a3a !important;
    color: rgba(249, 250, 253, .9) !important;
    border-left-color: rgba(var(--falcon-primary-rgb, 44, 123, 229), .7) !important;
    border-bottom-color: rgba(255, 255, 255, .07) !important;
}