/* ============================================================ TecnoCursos — tema claro / escuro global (FEMSA) Ativado via data-theme="light|dark" no ============================================================ */ :root, html[data-theme="light"] { color-scheme: light; --tc-body-bg: #eef1f5; --tc-surface: #ffffff; --tc-surface-2: #f8fafc; --tc-surface-3: #f1f5f9; --tc-text: #1f2937; --tc-text-secondary: #4b5563; --tc-text-muted: #6b7280; --tc-border: #e2e8f0; --tc-input-bg: #ffffff; --tc-input-border: #ced4da; --tc-shadow-theme: 0 6px 20px rgba(15, 23, 42, 0.08); --tc-table-stripe: rgba(0, 0, 0, 0.02); --tc-link: #c73650; --tc-modal-bg: #ffffff; --tc-dropdown-bg: #ffffff; } html[data-theme="dark"] { color-scheme: dark; --tc-body-bg: #0b0f14; --tc-surface: #141a22; --tc-surface-2: #1a2230; --tc-surface-3: #222c3d; --tc-text: #e8edf4; --tc-text-secondary: #c5d0de; --tc-text-muted: #8b98a8; --tc-border: rgba(255, 255, 255, 0.1); --tc-input-bg: #1a2230; --tc-input-border: rgba(255, 255, 255, 0.14); --tc-shadow-theme: 0 8px 28px rgba(0, 0, 0, 0.35); --tc-table-stripe: rgba(255, 255, 255, 0.03); --tc-link: #e94560; --tc-modal-bg: #1a2230; --tc-dropdown-bg: #1a2230; /* DataTables 2.x */ --dt-html-background: #1a2230; --dt-row-hover: 255, 255, 255; --dt-row-stripe: 255, 255, 255; --dt-column-ordering: 255, 255, 255; } /* Base */ html[data-theme="dark"] body, html[data-theme="dark"] #content, html[data-theme="dark"] #content-wrapper, html[data-theme="dark"] .container-fluid, html[data-theme="dark"] main { background-color: var(--tc-body-bg) !important; color: var(--tc-text); } html[data-theme="dark"] .sticky-footer, html[data-theme="dark"] footer.sticky-footer.bg-white { background-color: var(--tc-body-bg) !important; color: var(--tc-text-muted) !important; border-top: 1px solid var(--tc-border) !important; border-left: none !important; border-right: none !important; width: 100%; padding: 1.25rem 0 !important; } /* SB Admin — rodapé logo após o conteúdo (sem faixa vazia no meio) */ #wrapper #content-wrapper { min-height: auto !important; background-color: var(--tc-body-bg, #f8f9fc); } #wrapper #content-wrapper #content { flex: 0 1 auto !important; } html[data-theme="dark"] #wrapper #content-wrapper, html[data-theme="dark"] #wrapper #content-wrapper #content { background-color: var(--tc-body-bg) !important; } /* Topbar legado (app2 / noapp / app3) */ html[data-theme="dark"] .topbar.navbar-light.bg-white { background: linear-gradient(90deg, #141a22, #0d1117) !important; border-bottom: 1px solid var(--tc-border); } html[data-theme="dark"] .topbar.navbar-dark { background: linear-gradient(90deg, #141a22, #1a1028) !important; border-bottom: 1px solid var(--tc-border); } html[data-theme="dark"] .topbar.navbar-light .nav-link, html[data-theme="dark"] .topbar.navbar-dark .nav-link { color: rgba(255, 255, 255, 0.75) !important; } html[data-theme="dark"] .topbar.navbar-light .nav-link:hover, html[data-theme="dark"] .topbar.navbar-dark .nav-link:hover { color: #fff !important; } html[data-theme="dark"] .topbar .text-gray-600 { color: rgba(255, 255, 255, 0.85) !important; } /* Guest layout */ html[data-theme="dark"] body.bg-light { background-color: var(--tc-body-bg) !important; color: var(--tc-text); } /* Cards — overflow:hidden evita “quadrados” nos cantos quando filhos têm raio menor */ .card, .modal-content { overflow: hidden; } /* Cards com selects/dropdowns expansíveis — não cortar a lista */ .card:has(.choices), .card:has(.select2-container), .card:has(select[multiple]), .card:has(.dropdown.show) { overflow: visible !important; isolation: isolate; } .card:has(.choices) > .card-body, .card:has(.select2-container) > .card-body, .card:has(select[multiple]) > .card-body, .card:has(.dropdown.show) > .card-body { overflow: visible !important; } /* Choices.js */ .choices { position: relative; z-index: 1; margin-bottom: 0; } .card:has(.choices.is-open), .card:has(.select2-container--open) { position: relative; z-index: 1070 !important; } .choices.is-open { z-index: 1071 !important; } .choices__list--dropdown, .choices__list[aria-expanded] { z-index: 1072 !important; } /* Select2 */ .select2-container--open { z-index: 1071; } .select2-dropdown { z-index: 1072 !important; } /* Modais com selects customizados */ .modal.show .modal-content:has(.choices), .modal.show .modal-content:has(.select2-container) { overflow: visible !important; } .modal.show .modal-body:has(.choices), .modal.show .modal-body:has(.select2-container) { overflow: visible !important; } .card > .card-header:first-child { border-top-left-radius: 0; border-top-right-radius: 0; } .card > .card-footer:last-child { border-bottom-left-radius: 0; border-bottom-right-radius: 0; } /* Cards */ html[data-theme="dark"] .card { background-color: var(--tc-surface) !important; color: var(--tc-text) !important; border-color: var(--tc-border) !important; box-shadow: var(--tc-shadow-theme) !important; } html[data-theme="dark"] .card-body { background-color: var(--tc-surface) !important; color: var(--tc-text); } html[data-theme="dark"] .card-footer { background-color: var(--tc-surface-2) !important; border-top-color: var(--tc-border) !important; color: var(--tc-text-muted); } html[data-theme="dark"] .card .card-title, html[data-theme="dark"] .card .card-text { color: inherit; } html[data-theme="dark"] .card:not(.text-white) .card-title { color: var(--tc-text); } html[data-theme="dark"] .card:not(.text-white) .card-text, html[data-theme="dark"] .card .text-muted, html[data-theme="dark"] .card .card-subtitle { color: var(--tc-text-muted) !important; } /* Tipografia utilitária SB Admin */ html[data-theme="dark"] .text-gray-800, html[data-theme="dark"] .text-gray-900, html[data-theme="dark"] .text-dark, html[data-theme="dark"] .h1, html[data-theme="dark"] .h2, html[data-theme="dark"] .h3, html[data-theme="dark"] .h4, html[data-theme="dark"] .h5, html[data-theme="dark"] .h6 { color: var(--tc-text) !important; } html[data-theme="dark"] .text-gray-600, html[data-theme="dark"] .text-gray-500, html[data-theme="dark"] .text-muted, html[data-theme="dark"] .text-body-secondary, html[data-theme="dark"] small.text-muted { color: var(--tc-text-muted) !important; } /* Fundos claros */ html[data-theme="dark"] .bg-white, html[data-theme="dark"] .bg-light { background-color: var(--tc-surface-2) !important; color: var(--tc-text); } html[data-theme="dark"] .border, html[data-theme="dark"] .border-top, html[data-theme="dark"] .border-bottom { border-color: var(--tc-border) !important; } /* Formulários */ html[data-theme="dark"] .form-control, html[data-theme="dark"] .form-select, html[data-theme="dark"] .input-group-text, html[data-theme="dark"] textarea.form-control { background-color: var(--tc-input-bg) !important; color: var(--tc-text) !important; border-color: var(--tc-input-border) !important; } html[data-theme="dark"] .form-control:focus, html[data-theme="dark"] .form-select:focus { background-color: var(--tc-input-bg) !important; color: var(--tc-text) !important; border-color: rgba(233, 69, 96, 0.45) !important; box-shadow: 0 0 0 0.2rem rgba(233, 69, 96, 0.15); } html[data-theme="dark"] .form-control::placeholder { color: var(--tc-text-muted); opacity: 0.85; } html[data-theme="dark"] .form-label, html[data-theme="dark"] label { color: var(--tc-text-secondary); } html[data-theme="dark"] .form-check-label { color: var(--tc-text); } /* Tabelas */ html[data-theme="dark"] .table { --bs-table-bg: transparent; --bs-table-color: var(--tc-text); --bs-table-border-color: var(--tc-border); color: var(--tc-text); } html[data-theme="dark"] .table > :not(caption) > * > * { background-color: transparent; color: var(--tc-text); border-bottom-color: var(--tc-border); } html[data-theme="dark"] .table-light, html[data-theme="dark"] .table thead, html[data-theme="dark"] .table thead th { background-color: var(--tc-surface-3) !important; color: var(--tc-text) !important; border-color: var(--tc-border) !important; } html[data-theme="dark"] .table-hover > tbody > tr:hover > * { --bs-table-hover-bg: rgba(255, 255, 255, 0.08) !important; --bs-table-accent-bg: rgba(255, 255, 255, 0.08) !important; background-color: rgba(255, 255, 255, 0.08) !important; color: var(--tc-text); } html[data-theme="dark"] .table-striped > tbody > tr:nth-of-type(odd):not(.table-success):not(.table-danger):not(.table-warning):not(.tc-tr-fora-matriz) > *:not(.alert-success):not(.alert-warning):not(.alert-danger) { background-color: var(--tc-table-stripe) !important; } /* DataTables (v1 + v2) */ html[data-theme="dark"] .dataTables_wrapper, html[data-theme="dark"] div.dt-container, html[data-theme="dark"] table.dataTable { color: var(--tc-text); } html[data-theme="dark"] .dataTables_wrapper .dataTables_length label, html[data-theme="dark"] .dataTables_wrapper .dataTables_filter label, html[data-theme="dark"] .dataTables_wrapper .dataTables_info, html[data-theme="dark"] .dataTables_wrapper .dataTables_paginate, html[data-theme="dark"] div.dt-container .dt-length, html[data-theme="dark"] div.dt-container .dt-search, html[data-theme="dark"] div.dt-container .dt-info, html[data-theme="dark"] div.dt-container .dt-paging { color: var(--tc-text-muted) !important; } html[data-theme="dark"] .dataTables_wrapper .dataTables_length select, html[data-theme="dark"] .dataTables_wrapper .dataTables_filter input, html[data-theme="dark"] div.dt-container select.dt-input, html[data-theme="dark"] div.dt-container .dt-search input, html[data-theme="dark"] div.dt-container .dt-length select { background-color: var(--tc-input-bg) !important; color: var(--tc-text) !important; border-color: var(--tc-input-border) !important; } html[data-theme="dark"] .dataTables_wrapper .dataTables_length select option, html[data-theme="dark"] div.dt-container select.dt-input option, html[data-theme="dark"] div.dt-container .dt-length select option { background-color: #1a2230 !important; color: #e8edf4 !important; } html[data-theme="dark"] div.dt-container .dt-paging .dt-paging-button { color: var(--tc-text) !important; border-color: var(--tc-border) !important; background: transparent !important; } html[data-theme="dark"] div.dt-container .dt-paging .dt-paging-button.current, html[data-theme="dark"] div.dt-container .dt-paging .dt-paging-button.current:hover { background-color: var(--tc-surface-3) !important; border-color: var(--tc-border) !important; color: var(--tc-text) !important; } html[data-theme="dark"] div.dt-container .dt-paging .dt-paging-button:hover:not(.disabled) { background-color: #2a3548 !important; border-color: var(--tc-border) !important; color: #fff !important; } html[data-theme="dark"] div.dt-container .dt-paging .dt-paging-button.disabled { color: var(--tc-text-muted) !important; opacity: 0.5; } html[data-theme="dark"] .page-link { background-color: var(--tc-surface-2); color: var(--tc-text); border-color: var(--tc-border); } html[data-theme="dark"] .page-item.active .page-link { background-color: #e94560; border-color: #e94560; } /* Dropdowns (conteúdo — não topbar moderna) */ html[data-theme="dark"] .dropdown-menu:not(.tc-topbar-dropdown) { background-color: var(--tc-dropdown-bg) !important; border-color: var(--tc-border) !important; box-shadow: var(--tc-shadow-theme) !important; } html[data-theme="dark"] .dropdown-menu:not(.tc-topbar-dropdown) .dropdown-item { color: var(--tc-text); } html[data-theme="dark"] .dropdown-menu:not(.tc-topbar-dropdown) .dropdown-item:hover, html[data-theme="dark"] .dropdown-menu:not(.tc-topbar-dropdown) .dropdown-item:focus { background-color: var(--tc-surface-3); color: #fff; } html[data-theme="dark"] .dropdown-menu:not(.tc-topbar-dropdown) .dropdown-header { color: var(--tc-text-muted); } html[data-theme="dark"] .dropdown-divider { border-top-color: var(--tc-border); } /* Modais */ html[data-theme="dark"] .modal-content { background-color: var(--tc-modal-bg) !important; color: var(--tc-text); border-color: var(--tc-border) !important; background-clip: border-box; } html[data-theme="dark"] .modal-header, html[data-theme="dark"] .modal-footer { background-color: var(--tc-modal-bg) !important; border-color: var(--tc-border) !important; } html[data-theme="dark"] .modal-content .modal-header { border-top-left-radius: 0; border-top-right-radius: 0; } html[data-theme="dark"] .modal-content .modal-footer { border-bottom-left-radius: 0; border-bottom-right-radius: 0; } html[data-theme="dark"] .modal-title { color: var(--tc-text); } html[data-theme="dark"] .btn-close { filter: invert(1) grayscale(100%) brightness(200%); } /* Listas */ html[data-theme="dark"] .list-group-item { background-color: var(--tc-surface); color: var(--tc-text); border-color: var(--tc-border); } html[data-theme="dark"] .list-group-item-action:hover, html[data-theme="dark"] .list-group-item-action:focus { background-color: var(--tc-surface-3); color: #fff; } /* Alerts */ html[data-theme="dark"] .alert { border-color: var(--tc-border); } html[data-theme="dark"] .alert-secondary { background-color: var(--tc-surface-3); color: var(--tc-text); } /* alert-info mantém cor original Bootstrap (azul/ciano) */ html[data-theme="dark"] .alert-info { color: #055160 !important; background-color: #cff4fc !important; border-color: #9eeaf9 !important; } /* Choices.js — tema escuro */ html[data-theme="dark"] .choices__inner { background-color: var(--tc-input-bg) !important; border-color: var(--tc-input-border) !important; color: var(--tc-text) !important; } html[data-theme="dark"] .choices.is-focused .choices__inner, html[data-theme="dark"] .choices.is-open .choices__inner { border-color: rgba(233, 69, 96, 0.55) !important; box-shadow: 0 0 0 0.2rem rgba(233, 69, 96, 0.2); } html[data-theme="dark"] .choices__list--dropdown, html[data-theme="dark"] .choices__list[aria-expanded] { background-color: var(--tc-dropdown-bg) !important; border-color: var(--tc-border) !important; color: var(--tc-text) !important; } html[data-theme="dark"] .choices__list--dropdown .choices__item, html[data-theme="dark"] .choices__list[aria-expanded] .choices__item { color: var(--tc-text) !important; } html[data-theme="dark"] .choices__list--dropdown .choices__item--selectable.is-highlighted, html[data-theme="dark"] .choices__list[aria-expanded] .choices__item--selectable.is-highlighted { background-color: var(--tc-surface-3) !important; color: #fff !important; } html[data-theme="dark"] .choices__placeholder { color: var(--tc-text-muted) !important; opacity: 1; } html[data-theme="dark"] .choices__input { background-color: transparent !important; color: var(--tc-text) !important; } html[data-theme="dark"] .choices__list--multiple .choices__item { background-color: var(--tc-surface-3) !important; border-color: var(--tc-border) !important; color: var(--tc-text) !important; } html[data-theme="dark"] .choices[data-type*="select-multiple"] .choices__button, html[data-theme="dark"] .choices[data-type*="text"] .choices__button { border-left-color: rgba(255, 255, 255, 0.25) !important; filter: none !important; opacity: 1 !important; background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='10' height='10' viewBox='0 0 10 10'%3E%3Cpath fill='%23ffffff' d='M1.41 0L0 1.41 3.59 5 0 8.59 1.41 10 5 6.41 8.59 10 10 8.59 6.41 5 10 1.41 8.59 0 5 3.59z'/%3E%3C/svg%3E") !important; background-size: 8px !important; background-repeat: no-repeat !important; background-position: center !important; } html[data-theme="dark"] .choices[data-type*="select-multiple"] .choices__button:hover, html[data-theme="dark"] .choices[data-type*="select-multiple"] .choices__button:focus, html[data-theme="dark"] .choices[data-type*="text"] .choices__button:hover, html[data-theme="dark"] .choices[data-type*="text"] .choices__button:focus { opacity: 0.75 !important; } /* Nav tabs / pills no conteúdo */ html[data-theme="dark"] .nav-tabs { border-bottom-color: var(--tc-border); } html[data-theme="dark"] .nav-tabs:not(#treinamentosTabs) .nav-link { color: var(--tc-text-muted); } html[data-theme="dark"] .nav-tabs:not(#treinamentosTabs) .nav-link.active { background-color: var(--tc-surface); color: var(--tc-text); border-color: var(--tc-border) var(--tc-border) var(--tc-surface); } /* Select2 */ html[data-theme="dark"] .select2-container--bootstrap-5 .select2-selection { background-color: var(--tc-input-bg) !important; color: var(--tc-text) !important; border-color: var(--tc-input-border) !important; } html[data-theme="dark"] .select2-container--bootstrap-5 .select2-dropdown { background-color: var(--tc-dropdown-bg) !important; border-color: var(--tc-border) !important; } /* Dropdown Select2 é anexado ao body (fora do .select2-container) */ html[data-theme="dark"] .select2-dropdown { background-color: var(--tc-dropdown-bg) !important; border-color: var(--tc-border) !important; color: var(--tc-text) !important; } html[data-theme="dark"] .select2-dropdown .select2-search--dropdown { background-color: var(--tc-dropdown-bg) !important; padding: 6px 8px; } html[data-theme="dark"] .select2-dropdown .select2-search__field { background-color: var(--tc-input-bg) !important; color: var(--tc-text) !important; border: 1px solid var(--tc-input-border) !important; border-radius: .375rem; } html[data-theme="dark"] .select2-dropdown .select2-search__field::placeholder { color: var(--tc-text-muted) !important; opacity: 1; } html[data-theme="dark"] .select2-dropdown .select2-results__option { color: var(--tc-text) !important; } html[data-theme="dark"] .select2-dropdown .select2-results__option--highlighted { background-color: rgba(59, 130, 246, .85) !important; color: #fff !important; } html[data-theme="dark"] .select2-dropdown .select2-results__option--selected { background-color: rgba(76, 175, 80, .25) !important; color: var(--tc-text) !important; } html[data-theme="dark"] .select2-dropdown .select2-results__message { color: var(--tc-text-muted) !important; } html[data-theme="dark"] .select2-container--bootstrap-5 .select2-results__option { color: var(--tc-text); } /* Links */ html[data-theme="dark"] a:not(.btn):not(.nav-link):not(.dropdown-item):not(.tc-topbar-brand) { color: var(--tc-link); } html[data-theme="dark"] a:not(.btn):not(.nav-link):not(.dropdown-item):hover { color: #f472b6; } /* Imagens em cards */ html[data-theme="dark"] .card .card-img-top { background: var(--tc-surface-3); } /* ===== Treinamentos tabs (verPessoa) — tema claro ===== */ #treinamentosTabs .nav-link { border-width: 1px !important; border-style: solid !important; } #treinamentosTabs #tab-andamento { color: #856404 !important; background: #fffbea !important; border-color: #ffc107 !important; } #treinamentosTabs #tab-andamento.active { border-bottom: 3px solid #ffc107 !important; } #treinamentosTabs #tab-concluidos { color: #155724 !important; background: #f0fff4 !important; border-color: #28a745 !important; } #treinamentosTabs #tab-concluidos.active { border-bottom: 3px solid #28a745 !important; } #treinamentosTabs #tab-fora-matriz { color: #664d03 !important; background: #fff8e1 !important; border-color: #fd7e14 !important; } #treinamentosTabs #tab-fora-matriz.active { border-bottom: 3px solid #fd7e14 !important; } #treinamentosTabs #tab-inativos { color: #721c24 !important; background: #fff5f5 !important; border-color: #dc3545 !important; } #treinamentosTabs #tab-inativos.active { border-bottom: 3px solid #dc3545 !important; } #pane-andamento > .tc-pane-banner, #pane-andamento > div:first-child { background: #fff3cd !important; border-left: 5px solid #ffc107 !important; padding: 6px 12px; } #pane-concluidos > .tc-pane-banner, #pane-concluidos > div:first-child { background: #d4edda !important; border-left: 5px solid #28a745 !important; padding: 6px 12px; } #pane-fora-matriz > .tc-pane-banner, #pane-fora-matriz > div:first-child { background: #fff3e0 !important; border-left: 5px solid #fd7e14 !important; padding: 6px 12px; } #pane-inativos > .tc-pane-banner, #pane-inativos > div:first-child { background: #f8d7da !important; border-left: 5px solid #dc3545 !important; padding: 6px 12px; } #pane-fora-matriz tbody tr.tc-tr-fora-matriz > * { background-color: #fff8e1 !important; } /* ===== Ver colaborador / tabelas semânticas ===== */ html[data-theme="dark"] .breadcrumb { background-color: var(--tc-surface) !important; border: 1px solid var(--tc-border); border-radius: 10px; padding: .6rem 1rem; } html[data-theme="dark"] .breadcrumb-item, html[data-theme="dark"] .breadcrumb-item a { color: var(--tc-text-secondary) !important; } html[data-theme="dark"] .breadcrumb-item.active { color: var(--tc-text) !important; } html[data-theme="dark"] .card-body[style*="f8f9fa"] { background: #1c2838 !important; } html[data-theme="dark"] #treinamentosTabs .nav-link { border-width: 1px !important; border-style: solid !important; } /* Abas — fundos sólidos visíveis no escuro */ html[data-theme="dark"] #treinamentosTabs button.nav-link#tab-andamento { background: #8b7318 !important; background-color: #8b7318 !important; color: #fde68a !important; border-color: #ffc107 !important; } html[data-theme="dark"] #treinamentosTabs button.nav-link#tab-andamento.active { background: #a68a1e !important; background-color: #a68a1e !important; color: #fef08a !important; border-color: #ffc107 !important; border-bottom: 3px solid #ffc107 !important; } html[data-theme="dark"] #treinamentosTabs button.nav-link#tab-concluidos { background: #1a5c40 !important; background-color: #1a5c40 !important; color: #86efac !important; border-color: #28a745 !important; } html[data-theme="dark"] #treinamentosTabs button.nav-link#tab-concluidos.active { background: #1f6e4c !important; background-color: #1f6e4c !important; color: #bbf7d0 !important; border-color: #28a745 !important; border-bottom: 3px solid #28a745 !important; } html[data-theme="dark"] #treinamentosTabs button.nav-link#tab-inativos { background: #7a2e36 !important; background-color: #7a2e36 !important; color: #fca5a5 !important; border-color: #dc3545 !important; } html[data-theme="dark"] #treinamentosTabs button.nav-link#tab-inativos.active { background: #943844 !important; background-color: #943844 !important; color: #fecaca !important; border-color: #dc3545 !important; border-bottom: 3px solid #dc3545 !important; } html[data-theme="dark"] #treinamentosTabs button.nav-link#tab-fora-matriz { background: #8b5518 !important; background-color: #8b5518 !important; color: #fdba74 !important; border-color: #fd7e14 !important; } html[data-theme="dark"] #treinamentosTabs button.nav-link#tab-fora-matriz.active { background: #a6641e !important; background-color: #a6641e !important; color: #fed7aa !important; border-color: #fd7e14 !important; border-bottom: 3px solid #fd7e14 !important; } html[data-theme="dark"] #pane-andamento > .tc-pane-banner, html[data-theme="dark"] #pane-andamento > div:first-child { background: #6d5a18 !important; background-color: #6d5a18 !important; border-left: 5px solid #ffc107 !important; color: #fef3c7 !important; } html[data-theme="dark"] #pane-concluidos > .tc-pane-banner, html[data-theme="dark"] #pane-concluidos > div:first-child { background: #1a5c40 !important; background-color: #1a5c40 !important; border-left: 5px solid #28a745 !important; color: #bbf7d0 !important; } html[data-theme="dark"] #pane-inativos > .tc-pane-banner, html[data-theme="dark"] #pane-inativos > div:first-child { background: #7a2e36 !important; background-color: #7a2e36 !important; border-left: 5px solid #dc3545 !important; color: #fecaca !important; } html[data-theme="dark"] #pane-fora-matriz > .tc-pane-banner, html[data-theme="dark"] #pane-fora-matriz > div:first-child { background: #8b5518 !important; background-color: #8b5518 !important; border-left: 5px solid #fd7e14 !important; color: #fed7aa !important; } html[data-theme="dark"] #pane-fora-matriz tbody tr.tc-tr-fora-matriz > * { background-color: #6d4518 !important; color: #fed7aa !important; } html[data-theme="dark"] #pane-andamento > .tc-pane-banner .text-muted, html[data-theme="dark"] #pane-andamento > .tc-pane-banner small, html[data-theme="dark"] #pane-andamento > div:first-child .text-muted, html[data-theme="dark"] #pane-andamento > div:first-child small, html[data-theme="dark"] #pane-concluidos > .tc-pane-banner .text-muted, html[data-theme="dark"] #pane-concluidos > .tc-pane-banner small, html[data-theme="dark"] #pane-concluidos > div:first-child .text-muted, html[data-theme="dark"] #pane-concluidos > div:first-child small, html[data-theme="dark"] #pane-inativos > .tc-pane-banner .text-muted, html[data-theme="dark"] #pane-inativos > .tc-pane-banner small, html[data-theme="dark"] #pane-inativos > div:first-child .text-muted, html[data-theme="dark"] #pane-inativos > div:first-child small, html[data-theme="dark"] #pane-fora-matriz > .tc-pane-banner .text-muted, html[data-theme="dark"] #pane-fora-matriz > .tc-pane-banner small, html[data-theme="dark"] #pane-fora-matriz > div:first-child .text-muted, html[data-theme="dark"] #pane-fora-matriz > div:first-child small { color: inherit !important; opacity: 0.95; } html[data-theme="dark"] #treinamentosTabs .badge[style*="ffc107"] { background-color: #ffc107 !important; color: #212529 !important; } html[data-theme="dark"] #treinamentosTabs .badge[style*="fd7e14"] { background-color: #fd7e14 !important; color: #fff !important; } html[data-theme="dark"] .table-success > th, html[data-theme="dark"] .table-success > td, html[data-theme="dark"] tr.table-success > th, html[data-theme="dark"] tr.table-success > td, html[data-theme="dark"] .table.table-striped > tbody > tr.table-success:nth-of-type(odd) > *, html[data-theme="dark"] .table.table-striped > tbody > tr.table-success:nth-of-type(even) > *, html[data-theme="dark"] .table-striped > tbody > tr.table-success > * { --bs-table-bg: #1a3d2e !important; --bs-table-striped-bg: #1a3d2e !important; --bs-table-accent-bg: #1a3d2e !important; --bs-table-color: #d1fae5 !important; background-color: #1a3d2e !important; color: #d1fae5 !important; border-color: rgba(40, 167, 69, 0.35) !important; } html[data-theme="dark"] .table.table-striped > tbody > tr.table-success:nth-of-type(odd) > * { --bs-table-bg: #1f4d37 !important; --bs-table-striped-bg: #1f4d37 !important; --bs-table-accent-bg: #1f4d37 !important; background-color: #1f4d37 !important; } html[data-theme="dark"] .table-danger > th, html[data-theme="dark"] .table-danger > td, html[data-theme="dark"] tr.table-danger > th, html[data-theme="dark"] tr.table-danger > td, html[data-theme="dark"] .table.table-striped > tbody > tr.table-danger:nth-of-type(odd) > *, html[data-theme="dark"] .table.table-striped > tbody > tr.table-danger:nth-of-type(even) > *, html[data-theme="dark"] .table-striped > tbody > tr.table-danger > * { --bs-table-bg: #3d1f24 !important; --bs-table-striped-bg: #3d1f24 !important; --bs-table-accent-bg: #3d1f24 !important; --bs-table-color: #fecaca !important; background-color: #3d1f24 !important; color: #fecaca !important; border-color: rgba(220, 53, 69, 0.35) !important; } html[data-theme="dark"] .table.table-striped > tbody > tr.table-danger:nth-of-type(odd) > * { --bs-table-bg: #4d252b !important; --bs-table-accent-bg: #4d252b !important; background-color: #4d252b !important; } html[data-theme="dark"] .table-warning > th, html[data-theme="dark"] .table-warning > td, html[data-theme="dark"] tr.table-warning > th, html[data-theme="dark"] tr.table-warning > td, html[data-theme="dark"] .table.table-striped > tbody > tr.table-warning:nth-of-type(odd) > *, html[data-theme="dark"] .table.table-striped > tbody > tr.table-warning:nth-of-type(even) > *, html[data-theme="dark"] .table-striped > tbody > tr.table-warning > * { --bs-table-bg: #3d3520 !important; --bs-table-striped-bg: #3d3520 !important; --bs-table-accent-bg: #3d3520 !important; --bs-table-color: #fde68a !important; background-color: #3d3520 !important; color: #fde68a !important; border-color: rgba(255, 193, 7, 0.35) !important; } html[data-theme="dark"] .table.table-striped > tbody > tr.table-warning:nth-of-type(odd) > * { --bs-table-bg: #4a3f1a !important; --bs-table-accent-bg: #4a3f1a !important; background-color: #4a3f1a !important; } html[data-theme="dark"] tr.alert-success > td, html[data-theme="dark"] td.alert-success, html[data-theme="dark"] #sortTable tbody tr.alert-success > td, html[data-theme="dark"] #sortTable2 tbody tr.alert-success > td, html[data-theme="dark"] #sortTable3 tbody tr.alert-success > td { background-color: #1a3d2e !important; color: #4ade80 !important; } html[data-theme="dark"] tr.alert-warning > td, html[data-theme="dark"] td.alert-warning { background-color: #3d3520 !important; color: #fde68a !important; } html[data-theme="dark"] tr[style*="fff8e1"] > td, html[data-theme="dark"] tr[style*="fff8e1"] { background-color: rgba(253, 126, 20, 0.12) !important; color: var(--tc-text) !important; } /* ===== Perfil colaborador (verPessoa) — refinamentos escuro ===== */ html[data-theme="dark"] .card-header.bg-secondary, html[data-theme="dark"] .card-header.bg-secondary.text-white { background-color: #495057 !important; color: #fff !important; border-bottom: 1px solid rgba(255, 255, 255, 0.12) !important; } html[data-theme="dark"] .card .card-body .fw-semibold { color: var(--tc-text) !important; } html[data-theme="dark"] .card hr { border-color: var(--tc-border) !important; opacity: 1; } /* Badges — mantém cores semânticas */ html[data-theme="dark"] .card .badge.bg-success, html[data-theme="dark"] .card .badge[style*="198754"] { background-color: #198754 !important; color: #fff !important; } html[data-theme="dark"] .card .badge.bg-primary { background-color: #0d6efd !important; color: #fff !important; } html[data-theme="dark"] .card .badge[style*="0d6efd"] { background-color: #0d6efd !important; color: #fff !important; } html[data-theme="dark"] .card .badge.bg-secondary { background-color: #6c757d !important; color: #fff !important; } html[data-theme="dark"] .card .badge.bg-dark { background-color: #212529 !important; color: #fff !important; } html[data-theme="dark"] .card .badge.bg-danger { background-color: #dc3545 !important; color: #fff !important; } html[data-theme="dark"] .card .table > :not(caption) > * > * { border-color: rgba(255, 255, 255, 0.14) !important; } html[data-theme="dark"] .card .table thead th { background-color: #374151 !important; color: #f3f4f6 !important; border-bottom: 2px solid rgba(255, 255, 255, 0.18) !important; font-weight: 600; vertical-align: middle; } html[data-theme="dark"] .card .table-striped > tbody > tr:nth-of-type(odd):not(.table-success):not(.table-danger):not(.table-warning):not(.tc-tr-fora-matriz) > *:not(.alert-success):not(.alert-warning):not(.alert-danger) { background-color: rgba(255, 255, 255, 0.04) !important; } html[data-theme="dark"] .card .table-striped > tbody > tr:nth-of-type(even):not(.table-success):not(.table-danger):not(.table-warning):not(.tc-tr-fora-matriz) > *:not(.alert-success):not(.alert-warning):not(.alert-danger) { background-color: transparent !important; } /* Inscrições — células/linhas semânticas (verPessoa) */ html[data-theme="dark"] #treinamentosTabContent td.alert-success { background-color: #1a3d2e !important; color: #4ade80 !important; } html[data-theme="dark"] #treinamentosTabContent td.alert-warning { background-color: #3d3520 !important; color: #fde68a !important; } html[data-theme="dark"] #treinamentosTabContent tr.table-success > td, html[data-theme="dark"] #pane-concluidos .table-striped > tbody > tr.table-success:nth-of-type(odd) > td, html[data-theme="dark"] #pane-concluidos .table-striped > tbody > tr.table-success:nth-of-type(even) > td { --bs-table-bg: #1a3d2e !important; --bs-table-striped-bg: #1a3d2e !important; background-color: #1a3d2e !important; color: #d1fae5 !important; } html[data-theme="dark"] #pane-concluidos .table-striped > tbody > tr.table-success:nth-of-type(odd) > td { --bs-table-bg: #1f4d37 !important; background-color: #1f4d37 !important; } html[data-theme="dark"] #treinamentosTabContent tr.table-success > td.alert-success { background-color: #1f5c42 !important; color: #4ade80 !important; } html[data-theme="dark"] #treinamentosTabContent tr.table-danger > td { background-color: #3d1f24 !important; color: #fecaca !important; } html[data-theme="dark"] #treinamentosTabContent tr.tc-tr-fora-matriz > td { background-color: #6d4518 !important; color: #fed7aa !important; } html[data-theme="dark"] #treinamentosTabContent tr.alert-success > td { background-color: #1a3d2e !important; color: #4ade80 !important; } html[data-theme="dark"] #treinamentosTabs .nav-link { border-width: 1px !important; } html[data-theme="dark"] #treinamentosTabs { border-bottom-color: var(--tc-border) !important; } html[data-theme="dark"] #treinamentosTabContent .card-body { background-color: #141a22 !important; } html[data-theme="dark"] .card .table svg { fill: currentColor; } html[data-theme="dark"] #sortTable_wrapper .dataTables_filter label, html[data-theme="dark"] #sortTable_wrapper .dataTables_length label, html[data-theme="dark"] #sortTable_wrapper .dataTables_info, html[data-theme="dark"] #sortTable_wrapper .dataTables_paginate { color: var(--tc-text-muted) !important; } /* Botão flutuante de tema */ .tc-theme-toggle-floating { position: fixed; left: 1rem; bottom: 1rem; z-index: 11060; width: 44px; height: 44px; border-radius: 12px; border: 1px solid var(--tc-border, rgba(255,255,255,.15)); background: var(--tc-surface, rgba(20,26,34,.92)); color: var(--tc-text, #fff); display: inline-flex; align-items: center; justify-content: center; box-shadow: 0 8px 24px rgba(0,0,0,.25); cursor: pointer; transition: transform .18s ease, background .18s ease; } .tc-theme-toggle-floating:hover { transform: scale(1.05); } /* Transição suave ao alternar */ html.tc-theme-transition, html.tc-theme-transition *, html.tc-theme-transition *::before, html.tc-theme-transition *::after { transition: background-color .22s ease, color .18s ease, border-color .18s ease, box-shadow .22s ease !important; } /* ── Cubo de Treinamentos — dark mode ── */ html[data-theme="dark"] .cubo-card { background: var(--tc-surface, #1e2a35) !important; box-shadow: 0 4px 20px rgba(0,0,0,.4) !important; } html[data-theme="dark"] .filter-panel { background: var(--tc-body-bg, #141a22) !important; border-bottom-color: var(--tc-border, rgba(255,255,255,.1)) !important; } html[data-theme="dark"] .filter-panel .form-label { color: #81c784 !important; } html[data-theme="dark"] .filter-panel .form-control, html[data-theme="dark"] .filter-panel .form-select { background-color: var(--tc-surface, #1e2a35) !important; color: var(--tc-text, #e0e6ed) !important; border-color: var(--tc-border, rgba(255,255,255,.15)) !important; } html[data-theme="dark"] .filter-panel .form-control:focus, html[data-theme="dark"] .filter-panel .form-select:focus { border-color: #4CAF50 !important; box-shadow: 0 0 0 3px rgba(76,175,80,.25) !important; } html[data-theme="dark"] .filter-panel .form-select option { background-color: #1e2a35 !important; color: #e0e6ed !important; } html[data-theme="dark"] .cubo-controls { background: var(--tc-surface, #1e2a35) !important; border-bottom-color: var(--tc-border, rgba(255,255,255,.1)) !important; } html[data-theme="dark"] .btn-expand { background: rgba(76,175,80,.15) !important; color: #81c784 !important; border-color: rgba(76,175,80,.3) !important; } html[data-theme="dark"] .btn-collapse { background: rgba(230,81,0,.15) !important; color: #ffab91 !important; border-color: rgba(255,152,0,.3) !important; } html[data-theme="dark"] .modo-badge { background: rgba(76,175,80,.12) !important; color: #81c784 !important; border-color: rgba(76,175,80,.4) !important; } html[data-theme="dark"] .stats-row { background: var(--tc-body-bg, #141a22) !important; border-bottom-color: var(--tc-border, rgba(255,255,255,.1)) !important; } html[data-theme="dark"] .stat-chip { background: var(--tc-surface, #1e2a35) !important; box-shadow: 0 2px 8px rgba(0,0,0,.3) !important; color: var(--tc-text, #e0e6ed) !important; } html[data-theme="dark"] .cubo-table thead th { background: #14532d !important; color: #d1fae5 !important; } html[data-theme="dark"] .row-treinamento { background: linear-gradient(90deg, #1a3d2e 0%, #1e4435 100%) !important; } html[data-theme="dark"] .row-treinamento:hover { background: linear-gradient(90deg, #1f4d37 0%, #24503c 100%) !important; } html[data-theme="dark"] .row-treinamento td { color: #a7f3d0 !important; border-bottom-color: rgba(76,175,80,.25) !important; } html[data-theme="dark"] .row-unidade { background: #162430 !important; } html[data-theme="dark"] .row-unidade:hover { background: #1c2e3c !important; } html[data-theme="dark"] .row-unidade td { color: #93c5a8 !important; border-bottom-color: rgba(76,175,80,.12) !important; } html[data-theme="dark"] .row-colaborador { background: var(--tc-surface, #1e2a35) !important; } html[data-theme="dark"] .row-colaborador:hover { background: #243240 !important; } html[data-theme="dark"] .row-colaborador td { color: var(--tc-text, #e0e6ed) !important; border-bottom-color: var(--tc-border, rgba(255,255,255,.08)) !important; } html[data-theme="dark"] .badge-concluido { background: rgba(76,175,80,.18) !important; color: #81c784 !important; } html[data-theme="dark"] .badge-andamento { background: rgba(255,152,0,.18) !important; color: #ffcc80 !important; } html[data-theme="dark"] .badge-tipo { background: rgba(33,150,243,.15) !important; color: #90caf9 !important; } html[data-theme="dark"] .estado-teoria-nao { background: rgba(136,14,79,.25) !important; color: #f48fb1 !important; } html[data-theme="dark"] .estado-completo { background: rgba(27,94,32,.25) !important; color: #81c784 !important; } html[data-theme="dark"] .estado-falta-prat { background: rgba(13,71,161,.2) !important; color: #90caf9 !important; } html[data-theme="dark"] .estado-falta-teo { background: rgba(230,81,0,.2) !important; color: #ffab91 !important; } html[data-theme="dark"] .estado-falta-ambos { background: rgba(198,40,40,.2) !important; color: #ef9a9a !important; } html[data-theme="dark"] .estado-concluido { background: rgba(76,175,80,.18) !important; color: #81c784 !important; } html[data-theme="dark"] .estado-default { background: rgba(255,255,255,.08) !important; color: #adb5bd !important; } html[data-theme="dark"] .empty-state { color: var(--tc-text-muted, #8899a6) !important; } html[data-theme="dark"] #cubo-loading { color: var(--tc-text-muted, #8899a6) !important; } html[data-theme="dark"] .spinner-cubo { border-color: rgba(76,175,80,.2) !important; border-top-color: #4CAF50 !important; } html[data-theme="dark"] .progress-mini { background: rgba(255,255,255,.1) !important; } html[data-theme="dark"] .toggle-icon { background: rgba(76,175,80,.2) !important; color: #81c784 !important; } /* ── SweetAlert2 — dark mode ── */ html[data-theme="dark"] .swal2-popup { background: var(--tc-surface) !important; color: var(--tc-text) !important; } html[data-theme="dark"] .swal2-title { color: var(--tc-text) !important; } html[data-theme="dark"] .swal2-html-container { color: var(--tc-text-secondary) !important; } html[data-theme="dark"] .swal2-footer { color: var(--tc-text-muted) !important; border-top-color: var(--tc-border) !important; } html[data-theme="dark"] .swal2-close { color: var(--tc-text-muted) !important; } html[data-theme="dark"] .swal2-input, html[data-theme="dark"] .swal2-textarea, html[data-theme="dark"] .swal2-select { background-color: var(--tc-input-bg) !important; color: var(--tc-text) !important; border-color: var(--tc-input-border) !important; } /* ===== Suporte / Chamados ===== */ html[data-theme="dark"] .support-page { --sp-bg: var(--tc-body-bg); --sp-card: var(--tc-surface); --sp-border: var(--tc-border); --sp-gray: #8b98a8; --sp-gray-bg: rgba(139, 152, 168, .12); } html[data-theme="dark"] .kpi-number { color: var(--tc-text) !important; } html[data-theme="dark"] .support-tabs { background: var(--tc-surface) !important; border-color: var(--tc-border) !important; } html[data-theme="dark"] .support-tab { color: var(--tc-text-muted); } html[data-theme="dark"] .support-tab:hover { background: var(--tc-surface-3) !important; color: var(--tc-text) !important; } html[data-theme="dark"] .support-card-header { border-bottom-color: var(--tc-border) !important; } html[data-theme="dark"] .support-card-title { color: var(--tc-text) !important; } html[data-theme="dark"] .support-card .form-label, html[data-theme="dark"] .support-card label { color: var(--tc-text-secondary) !important; } html[data-theme="dark"] .support-card .form-control, html[data-theme="dark"] .support-card .form-select { background-color: var(--tc-input-bg) !important; color: var(--tc-text) !important; border-color: var(--tc-input-border) !important; } html[data-theme="dark"] .support-card .form-control:focus, html[data-theme="dark"] .support-card .form-select:focus { border-color: var(--sp-hero-from) !important; box-shadow: 0 0 0 3px rgba(213, 0, 0, .2) !important; } html[data-theme="dark"] .support-card .form-check-label { color: var(--tc-text-muted) !important; } html[data-theme="dark"] .support-card .select2-container--bootstrap-5 .select2-selection { background-color: var(--tc-input-bg) !important; border-color: var(--tc-input-border) !important; color: var(--tc-text) !important; } html[data-theme="dark"] .support-card .select2-container--bootstrap-5 .select2-selection--single .select2-selection__rendered { color: var(--tc-text) !important; } html[data-theme="dark"] .support-card .select2-container--bootstrap-5 .select2-selection--single .select2-selection__placeholder { color: var(--tc-text-muted) !important; } html[data-theme="dark"] .support-card .select2-container--bootstrap-5 .select2-selection--single .select2-selection__clear { color: var(--tc-text-muted) !important; } html[data-theme="dark"] .faq-question { background: var(--tc-surface-2) !important; border-color: var(--tc-border) !important; color: var(--tc-text) !important; } html[data-theme="dark"] .faq-question:hover { background: var(--tc-surface-3) !important; } html[data-theme="dark"] .faq-question:not(.collapsed) { background: var(--tc-surface-3) !important; } html[data-theme="dark"] .faq-answer { background: var(--tc-surface-2) !important; color: var(--tc-text-secondary) !important; border-color: var(--sp-hero-from) !important; } html[data-theme="dark"] .ticket-card { background: var(--tc-surface) !important; border-color: var(--tc-border) !important; } html[data-theme="dark"] .ticket-card:hover { border-color: rgba(213, 0, 0, .3) !important; } html[data-theme="dark"] .ticket-subject { color: var(--tc-text) !important; } html[data-theme="dark"] .filter-bar .form-control, html[data-theme="dark"] .filter-bar .form-select { background-color: var(--tc-input-bg) !important; color: var(--tc-text) !important; border-color: var(--tc-input-border) !important; } html[data-theme="dark"] .modal-content.support-modal .modal-body { background: var(--tc-surface) !important; color: var(--tc-text) !important; } html[data-theme="dark"] .modal-content.support-modal .modal-footer { background: var(--tc-surface) !important; border-top-color: var(--tc-border) !important; } html[data-theme="dark"] .modal-detail-item strong { color: var(--tc-text) !important; } html[data-theme="dark"] .modal-nivel-control { background: var(--tc-surface-2) !important; border-color: var(--tc-border) !important; } html[data-theme="dark"] .modal-historico-list { background: var(--tc-surface-2) !important; border-color: var(--tc-border) !important; } html[data-theme="dark"] .chamado-historico-row { color: var(--tc-text-secondary) !important; border-bottom-color: var(--tc-border) !important; } html[data-theme="dark"] .chat-bubble.chat-bubble--other { background: var(--tc-surface-3) !important; color: var(--tc-text) !important; } html[data-theme="dark"] .chat-bubble.chat-bubble--other .chat-bubble-header { color: var(--tc-text-muted) !important; } html[data-theme="dark"] .chat-empty { color: var(--tc-text-muted) !important; } html[data-theme="dark"] .chat-reply-box { border-top-color: var(--tc-border) !important; } html[data-theme="dark"] .chat-reply-box textarea { background-color: var(--tc-input-bg) !important; color: var(--tc-text) !important; border-color: var(--tc-input-border) !important; } html[data-theme="dark"] .chat-reply-box textarea:focus { border-color: var(--sp-hero-from) !important; } html[data-theme="dark"] .chat-draft-item { border-color: var(--tc-border) !important; background: var(--tc-surface-2) !important; } html[data-theme="dark"] .ticket-nivel { background: rgba(99, 102, 241, .15) !important; color: #a5b4fc !important; } html[data-theme="dark"] .ticket-sla { background: rgba(16, 185, 129, .12) !important; color: #6ee7b7 !important; } html[data-theme="dark"] .ticket-sla--late { background: rgba(239, 68, 68, .12) !important; color: #fca5a5 !important; } html[data-theme="dark"] .sla-admin-detail { background: rgba(59, 130, 246, .12) !important; color: #93c5fd !important; border-color: rgba(59, 130, 246, .25) !important; } html[data-theme="dark"] .sla-admin-detail--paused { background: rgba(245, 158, 11, .12) !important; color: #fcd34d !important; border-color: rgba(245, 158, 11, .25) !important; } html[data-theme="dark"] .modal-concluido-row { background: var(--tc-surface-2) !important; border-color: var(--tc-border) !important; } html[data-theme="dark"] .modal-concluido-row:hover { background: var(--tc-surface-3) !important; } html[data-theme="dark"] .modal-concluido-row__subject { color: var(--tc-text) !important; } html[data-theme="dark"] .ticket-pagination-wrap .page-link { background-color: var(--tc-surface-2) !important; color: var(--tc-text) !important; border-color: var(--tc-border) !important; } html[data-theme="dark"] .ticket-pagination-wrap .page-link:hover { background-color: var(--tc-surface-3) !important; } html[data-theme="dark"] .chat-interno-check { color: #fcd34d !important; } html[data-theme="dark"] .support-routine-btn { background: var(--tc-surface-2) !important; color: var(--tc-text) !important; border-color: var(--tc-border) !important; box-shadow: none !important; } html[data-theme="dark"] .support-routine-btn:hover, html[data-theme="dark"] .support-routine-btn:focus { background: var(--tc-surface-3) !important; border-color: rgba(213, 0, 0, .5) !important; color: var(--tc-text) !important; } html[data-theme="dark"] .support-card-subtitle { color: var(--tc-text-muted) !important; }