/* ═══════════════════════════════════════════════════════════════════════ GRC1 Tools — Dark Mode Theme Aplicado via: ou ═══════════════════════════════════════════════════════════════════════ */ /* ─── Variáveis ─────────────────────────────────────────────────────────── */ :root[data-grc1-theme="dark"], .grc1-dark { --grc1-bg: #16191f; --grc1-bg2: #1c2030; --grc1-bg3: #1e243040; --grc1-panel: #1e2332; --grc1-panel2: #242a38; --grc1-border: rgba(255,255,255,0.07); --grc1-text: #c8d3e8; --grc1-text2: #7a8aa8; --grc1-accent: #5b80c8; --grc1-accent2: #4a6db5; --grc1-sidebar-bg: #12151e; --grc1-sidebar-txt: #909db8; --grc1-topbar: #1a1e2a; --grc1-topbar-txt: #c8d3e8; --grc1-input-bg: #242a38; --grc1-input-brd: rgba(255,255,255,0.09); --grc1-table-head: #1a1e2a; --grc1-table-row: #1e2332; --grc1-table-row2: #1a1e2a; --grc1-shadow: 0 4px 24px rgba(0,0,0,0.45); --grc1-radius: 8px; --grc1-scrollbar: #2c3348; } /* ─── Scrollbar ─────────────────────────────────────────────────────────── */ .grc1-dark *::-webkit-scrollbar { width: 7px; height: 7px; } .grc1-dark *::-webkit-scrollbar-track { background: var(--grc1-bg); } .grc1-dark *::-webkit-scrollbar-thumb { background: var(--grc1-scrollbar); border-radius: 4px; } .grc1-dark *::-webkit-scrollbar-thumb:hover { background: #3d4a6a; } /* ─── Body & Layout ──────────────────────────────────────────────────────── */ .grc1-dark body, .grc1-dark #wrapper { background: var(--grc1-bg) !important; color: var(--grc1-text) !important; } .grc1-dark .content-page, .grc1-dark .content { background: var(--grc1-bg) !important; } /* ─── Topbar / Navbar / #header ─────────────────────────────────────────── */ /* O header usa Tailwind com !important (ex: !tw-bg-neutral-100). Para sobrescrever, usamos html.grc1-dark #header com especificidade extra. */ html.grc1-dark #header { background: var(--grc1-topbar) !important; box-shadow: 0 1px 0 var(--grc1-border) !important; } html.grc1-dark #header li > a.active { background: rgba(255,255,255,0.06) !important; color: var(--grc1-topbar-txt) !important; } /* Botões de ícone do header (hide-menu, hamburger) — Tailwind tw-text-neutral-600 */ html.grc1-dark #header button.hide-menu, html.grc1-dark #header .mobile-menu-toggle { color: var(--grc1-topbar-txt) !important; } html.grc1-dark #header button.hide-menu svg, html.grc1-dark #header button.hide-menu svg * { color: var(--grc1-topbar-txt) !important; stroke: var(--grc1-topbar-txt) !important; } /* Barra de busca — !tw-bg-neutral-100, !tw-border-white, tw-text-neutral-800 */ html.grc1-dark #header #search_input, html.grc1-dark #header input[type="search"], html.grc1-dark #header input[type="text"] { background-color: rgba(255,255,255,0.07) !important; border-color: rgba(255,255,255,0.10) !important; color: var(--grc1-topbar-txt) !important; } html.grc1-dark #header #search_input::placeholder { color: rgba(200,211,232,0.4) !important; } /* Ícone da lupa dentro da busca */ html.grc1-dark #header #top_search_button button { color: var(--grc1-topbar-txt) !important; opacity: 0.6; } /* Todos os ícones fa/svg no header */ html.grc1-dark #header .fa, html.grc1-dark #header .fas, html.grc1-dark #header .far, html.grc1-dark #header .fal, html.grc1-dark #header [class^="fa-"], html.grc1-dark #header [class*=" fa-"] { color: var(--grc1-topbar-txt) !important; } html.grc1-dark #header svg { color: var(--grc1-topbar-txt) !important; stroke: currentColor; } /* Tailwind tw-text-neutral-400 / tw-text-neutral-600 nos ícones */ html.grc1-dark #header [class*="tw-text-neutral"] { color: var(--grc1-topbar-txt) !important; } /* Links da navbar direita */ html.grc1-dark #header .navbar-nav > li > a { color: var(--grc1-topbar-txt) !important; } html.grc1-dark #header .navbar-nav > li > a:hover { color: #fff !important; } /* Dropdowns do header (notificações, timers, quick create, perfil) */ html.grc1-dark #header .dropdown-menu, html.grc1-dark #header .notifications { background: var(--grc1-panel) !important; border-color: var(--grc1-border) !important; box-shadow: var(--grc1-shadow) !important; } html.grc1-dark #header .dropdown-menu > li > a, html.grc1-dark #header .dropdown-menu .notification-title { color: var(--grc1-text) !important; } html.grc1-dark #header .dropdown-menu > li > a:hover { background: var(--grc1-panel2) !important; } html.grc1-dark #header .dropdown-menu .divider, html.grc1-dark #header .dropdown-menu li.divider { background: var(--grc1-border) !important; } html.grc1-dark #header .notification-box, html.grc1-dark #header .notification-wrapper { background: transparent !important; } html.grc1-dark #header .notification-wrapper:hover .notification-box { background: var(--grc1-panel2) !important; } html.grc1-dark #header .notification-date { color: var(--grc1-text2) !important; } html.grc1-dark #header .dropdown-header { color: var(--grc1-text2) !important; background: transparent !important; } /* Texto de links dentro do quick create — tw-text-neutral-700 */ html.grc1-dark #header .dropdown-menu a[class*="tw-text-neutral-700"], html.grc1-dark #header .dropdown-menu [class*="tw-text-neutral-700"] { color: var(--grc1-text) !important; } html.grc1-dark #header .dropdown-menu [class*="tw-text-neutral-400"] { color: var(--grc1-text2) !important; } /* Search results / history dropdown */ html.grc1-dark #header .search-results, html.grc1-dark #header .search-history, html.grc1-dark #header #search_results { background: var(--grc1-panel) !important; border-color: var(--grc1-border) !important; color: var(--grc1-text) !important; } .grc1-dark .navbar, .grc1-dark .navbar-default { background: var(--grc1-topbar) !important; border-color: var(--grc1-border) !important; box-shadow: 0 1px 0 var(--grc1-border) !important; } .grc1-dark .navbar-default .navbar-brand, .grc1-dark .navbar .navbar-brand { color: var(--grc1-topbar-txt) !important; } .grc1-dark .top-navigation { background: var(--grc1-topbar) !important; border-bottom: 1px solid var(--grc1-border) !important; } /* ─── Sidebar ────────────────────────────────────────────────────────────── */ .grc1-dark .sidebar, .grc1-dark #menu { background: var(--grc1-sidebar-bg) !important; border-right: 1px solid var(--grc1-border) !important; } .grc1-dark #side-menu > li > a { color: var(--grc1-sidebar-txt) !important; } .grc1-dark #side-menu > li > a:hover, .grc1-dark #side-menu > li.active > a { color: #e0e8f8 !important; background: rgba(91,128,200,0.14) !important; } .grc1-dark #side-menu > li > a .menu-icon { color: var(--grc1-sidebar-txt) !important; } .grc1-dark #side-menu > li.active > a .menu-icon { color: var(--grc1-accent) !important; } .grc1-dark .nav-second-level { background: rgba(0,0,0,0.2) !important; } .grc1-dark .nav-second-level > li > a { color: #8b95b0 !important; } .grc1-dark .nav-second-level > li > a:hover { color: #fff !important; background: rgba(255,255,255,0.05) !important; } .grc1-dark .sidebar-user-profile > a { background: rgba(255,255,255,0.05) !important; border-color: var(--grc1-border) !important; color: var(--grc1-text) !important; } /* ─── Panels & Cards ─────────────────────────────────────────────────────── */ .grc1-dark .panel, .grc1-dark .card { background: var(--grc1-panel) !important; border-color: var(--grc1-border) !important; box-shadow: var(--grc1-shadow) !important; color: var(--grc1-text) !important; } .grc1-dark .panel-heading { background: var(--grc1-panel2) !important; border-color: var(--grc1-border) !important; color: var(--grc1-text) !important; } .grc1-dark .panel-body { color: var(--grc1-text) !important; } .grc1-dark .panel-footer { background: var(--grc1-panel2) !important; border-color: var(--grc1-border) !important; } /* ─── Tables ─────────────────────────────────────────────────────────────── */ .grc1-dark table, .grc1-dark .table { color: var(--grc1-text) !important; background: var(--grc1-panel) !important; } .grc1-dark .table > thead > tr > th { background: var(--grc1-table-head) !important; border-color: var(--grc1-border) !important; color: var(--grc1-text2) !important; font-weight: 600; text-transform: uppercase; font-size: 11px; letter-spacing: 0.5px; } .grc1-dark .table > tbody > tr > td { border-color: var(--grc1-border) !important; } .grc1-dark .table-striped > tbody > tr:nth-of-type(odd) { background: var(--grc1-table-row2) !important; } .grc1-dark .table-hover > tbody > tr:hover { background: rgba(79,125,243,0.08) !important; } .grc1-dark .dataTables_wrapper .dataTables_info, .grc1-dark .dataTables_wrapper .dataTables_length label, .grc1-dark .dataTables_wrapper .dataTables_filter label { color: var(--grc1-text2) !important; } /* ─── Forms ──────────────────────────────────────────────────────────────── */ .grc1-dark .form-control { background: var(--grc1-input-bg) !important; border-color: var(--grc1-input-brd) !important; color: var(--grc1-text) !important; } .grc1-dark .form-control:focus { border-color: var(--grc1-accent) !important; box-shadow: 0 0 0 3px rgba(79,125,243,0.2) !important; background: var(--grc1-panel2) !important; } .grc1-dark .form-control::placeholder { color: var(--grc1-text2) !important; } .grc1-dark .input-group-addon { background: var(--grc1-panel2) !important; border-color: var(--grc1-input-brd) !important; color: var(--grc1-text2) !important; } .grc1-dark label { color: var(--grc1-text) !important; } .grc1-dark .help-block { color: var(--grc1-text2) !important; } .grc1-dark select.form-control > option { background: var(--grc1-panel) !important; color: var(--grc1-text) !important; } /* ─── Buttons ────────────────────────────────────────────────────────────── */ .grc1-dark .btn-default { background: var(--grc1-panel2) !important; border-color: var(--grc1-border) !important; color: var(--grc1-text) !important; } .grc1-dark .btn-default:hover { background: var(--grc1-panel) !important; color: #fff !important; } .grc1-dark .btn-primary { background: var(--grc1-accent) !important; border-color: var(--grc1-accent2) !important; color: #fff !important; } .grc1-dark .btn-primary:hover { background: var(--grc1-accent2) !important; } /* Bootstrap semantic buttons — mantém cor mas ajusta contraste no dark */ .grc1-dark .btn-warning { background: #b45309 !important; border-color: #92400e !important; color: #fff !important; } .grc1-dark .btn-warning:hover { background: #92400e !important; } .grc1-dark .btn-danger { background: #b91c1c !important; border-color: #991b1b !important; color: #fff !important; } .grc1-dark .btn-danger:hover { background: #991b1b !important; } .grc1-dark .btn-success { background: #15803d !important; border-color: #166534 !important; color: #fff !important; } .grc1-dark .btn-success:hover { background: #166534 !important; } .grc1-dark .btn-info { background: #0369a1 !important; border-color: #075985 !important; color: #fff !important; } .grc1-dark .btn-info:hover { background: #075985 !important; } /* ─── Modals ─────────────────────────────────────────────────────────────── */ .grc1-dark .modal-content { background: var(--grc1-panel) !important; border-color: var(--grc1-border) !important; } .grc1-dark .modal-header { background: var(--grc1-panel2) !important; border-color: var(--grc1-border) !important; } .grc1-dark .modal-header .modal-title { color: var(--grc1-text) !important; } .grc1-dark .modal-footer { background: var(--grc1-panel2) !important; border-color: var(--grc1-border) !important; } .grc1-dark .modal-backdrop { background: #000 !important; } .grc1-dark .close { color: var(--grc1-text2) !important; opacity: 0.7 !important; } /* ─── Dropdowns ──────────────────────────────────────────────────────────── */ .grc1-dark .dropdown-menu { background: var(--grc1-panel) !important; border-color: var(--grc1-border) !important; box-shadow: var(--grc1-shadow) !important; } .grc1-dark .dropdown-menu > li > a { color: var(--grc1-text) !important; } .grc1-dark .dropdown-menu > li > a:hover { background: rgba(79,125,243,0.12) !important; color: #fff !important; } .grc1-dark .dropdown-menu > .divider { background: var(--grc1-border) !important; } /* ─── Tabs ───────────────────────────────────────────────────────────────── */ .grc1-dark .nav-tabs { border-color: var(--grc1-border) !important; } .grc1-dark .nav-tabs > li > a { color: var(--grc1-text2) !important; border-color: transparent !important; } .grc1-dark .nav-tabs > li > a:hover { background: rgba(255,255,255,0.05) !important; color: var(--grc1-text) !important; } .grc1-dark .nav-tabs > li.active > a { background: var(--grc1-panel) !important; color: var(--grc1-accent) !important; border-color: var(--grc1-border) !important; border-bottom-color: var(--grc1-panel) !important; } /* ─── Headings & Text ────────────────────────────────────────────────────── */ .grc1-dark h1,.grc1-dark h2,.grc1-dark h3,.grc1-dark h4,.grc1-dark h5,.grc1-dark h6 { color: var(--grc1-text) !important; } .grc1-dark .text-muted { color: var(--grc1-text2) !important; } .grc1-dark p { color: var(--grc1-text) !important; } .grc1-dark a { color: var(--grc1-accent) !important; } .grc1-dark a:hover { color: #7fa5ff !important; } .grc1-dark hr { border-color: var(--grc1-border) !important; } /* ─── Badges & Labels ────────────────────────────────────────────────────── */ .grc1-dark .label-default { background: var(--grc1-panel2) !important; color: var(--grc1-text2) !important; } /* ─── Alerts ─────────────────────────────────────────────────────────────── */ .grc1-dark .alert { border-radius: var(--grc1-radius) !important; border: none !important; } .grc1-dark .alert-info { background: rgba(79,125,243,0.15) !important; color: #8fb3ff !important; } .grc1-dark .alert-success { background: rgba(5,150,105,0.15) !important; color: #6bca9d !important; } .grc1-dark .alert-warning { background: rgba(234,170,9,0.15) !important; color: #f9c74f !important; } .grc1-dark .alert-danger { background: rgba(220,38,38,0.15) !important; color: #f87171 !important; } /* ─── Search / Breadcrumb ────────────────────────────────────────────────── */ .grc1-dark .breadcrumb { background: var(--grc1-panel2) !important; } .grc1-dark .breadcrumb > li a { color: var(--grc1-accent) !important; } .grc1-dark .breadcrumb > li.active { color: var(--grc1-text2) !important; } /* ─── Customizer / Setup sidebar ────────────────────────────────────────── */ .grc1-dark #customizer { background: var(--grc1-panel) !important; border-left-color: var(--grc1-border) !important; } .grc1-dark #setup-menu-wrapper { background: var(--grc1-panel) !important; } .grc1-dark .setup-menu > li > a { color: var(--grc1-text) !important; } .grc1-dark .setup-menu > li > a:hover { background: rgba(255,255,255,0.05) !important; } /* ═══════════════════════════════════════════════════════════════════════ GRC1 Tools — Dark: Module-specific overrides ═══════════════════════════════════════════════════════════════════════ */ /* ─── grc1_soc_center ────────────────────────────────────────────────────── */ .grc1-dark .grc1-card { background: var(--grc1-panel) !important; border-color: var(--grc1-border) !important; color: var(--grc1-text) !important; } .grc1-dark .grc1-card-title { color: var(--grc1-text2) !important; } .grc1-dark .grc1-pill.severity-low { background: rgba(5,150,105,0.18) !important; color: #6bca9d !important; } .grc1-dark .grc1-pill.severity-medium { background: rgba(59,130,246,0.18) !important; color: #93c5fd !important; } .grc1-dark .grc1-pill.severity-high { background: rgba(234,88,12,0.18) !important; color: #fdba74 !important; } .grc1-dark .grc1-pill.severity-critical { background: rgba(220,38,38,0.18) !important; color: #fca5a5 !important; } .grc1-dark .grc1-pill.severity-na, .grc1-dark .grc1-pill.decision { background: var(--grc1-panel2) !important; color: var(--grc1-text2) !important; } .grc1-dark .grc1-row-muted td { background: var(--grc1-bg) !important; color: var(--grc1-text2) !important; } .grc1-dark .grc1-row-muted td .grc1-pill { opacity: 0.6; } /* ─── grc1_notify ────────────────────────────────────────────────────────── */ .grc1-dark .gn-chat-wrap, .grc1-dark .gn-sb, .grc1-dark .gn-main { background: var(--grc1-panel) !important; border-color: var(--grc1-border) !important; } .grc1-dark .gn-sb-head { background: var(--grc1-panel2) !important; border-bottom-color: var(--grc1-border) !important; color: var(--grc1-text) !important; } .grc1-dark .gn-card { background: var(--grc1-panel) !important; border-color: var(--grc1-border) !important; color: var(--grc1-text) !important; } .grc1-dark .gn-ch-tab { background: var(--grc1-panel2) !important; border-color: var(--grc1-border) !important; color: var(--grc1-text) !important; } .grc1-dark .gn-save-btn { background: linear-gradient(135deg,#4a3d8a,#3a4a8a) !important; } .grc1-dark .gn-client-header { color: var(--grc1-text2) !important; } .grc1-dark .gn-client-header:hover { background: rgba(255,255,255,0.04) !important; } .grc1-dark .gn-client-bold .gn-client-name { color: var(--grc1-text) !important; } .grc1-dark .gn-conv-item { background: var(--grc1-panel) !important; color: var(--grc1-text) !important; } .grc1-dark .gn-conv-item:hover, .grc1-dark .gn-conv-item.active { background: var(--grc1-panel2) !important; } .grc1-dark .gn-msg-bubble-in { background: var(--grc1-panel2) !important; color: var(--grc1-text) !important; } .grc1-dark .gn-toolbar { background: var(--grc1-panel2) !important; border-top-color: var(--grc1-border) !important; } .grc1-dark .gn-input { background: var(--grc1-input-bg) !important; color: var(--grc1-text) !important; border-color: var(--grc1-input-brd) !important; } .grc1-dark .gn-table thead tr { background: var(--grc1-table-head) !important; } .grc1-dark .info-box[style*="background:#f0fdf4"], .grc1-dark .info-box[style*="background:#faf5ff"], .grc1-dark .info-box[style*="background:#eff6ff"] { background: var(--grc1-panel2) !important; border-color: var(--grc1-border) !important; color: var(--grc1-text) !important; } /* ─── finance ────────────────────────────────────────────────────────────── */ .grc1-dark [style*="background-color: #d1f7d1"], .grc1-dark [style*="background-color:#d1f7d1"] { background-color: rgba(5,150,105,0.15) !important; } .grc1-dark [style*="background-color: #d4edda"], .grc1-dark [style*="background-color:#d4edda"] { background-color: rgba(5,150,105,0.15) !important; color: #6bca9d !important; } .grc1-dark [style*="background-color: #ffcccc"], .grc1-dark [style*="background-color:#ffcccc"] { background-color: rgba(220,38,38,0.15) !important; color: #fca5a5 !important; } .grc1-dark [style*="background-color: #ffe6cc"], .grc1-dark [style*="background-color:#ffe6cc"] { background-color: rgba(234,88,12,0.15) !important; color: #fdba74 !important; } .grc1-dark [style*="background-color: #ffffcc"], .grc1-dark [style*="background-color:#ffffcc"] { background-color: rgba(234,179,8,0.12) !important; color: #fde68a !important; } .grc1-dark .fatura-tag { background-color: var(--grc1-panel2) !important; color: var(--grc1-text2) !important; } /* ─── nfse_recebidas ─────────────────────────────────────────────────────── */ .grc1-dark .nfse-match-card { background: var(--grc1-panel) !important; border-color: var(--grc1-border) !important; } .grc1-dark .nfse-match-card.bill-open { border-left-color: #f87171 !important; background: rgba(220,38,38,0.07) !important; } /* ─── document_management ───────────────────────────────────────────────── */ .grc1-dark #box-loading { background: var(--grc1-panel) !important; } .grc1-dark .breadcrumb-dm { background: var(--grc1-panel2) !important; border-color: var(--grc1-border) !important; } /* ─── hr_profile ─────────────────────────────────────────────────────────── */ .grc1-dark .att-background-color { background-color: var(--grc1-panel2) !important; } .grc1-dark th.th-color { background-color: var(--grc1-table-head) !important; color: var(--grc1-text) !important; } .grc1-dark .organizational-chart-container, .grc1-dark [style*="background-color: white"], .grc1-dark [style*="background-color:white"] { background-color: var(--grc1-panel) !important; } /* Publisher tab (knowledge base, training) */ .grc1-dark .publisher-tools-tab { background: var(--grc1-panel2) !important; color: var(--grc1-text2) !important; } /* Staff org chart full-screen */ .grc1-dark #st_chart { background: var(--grc1-bg) !important; } /* Staff profile navigation (nav-stacked sidebar) */ .grc1-dark .nav.nav-stacked > li > a { color: var(--grc1-text2) !important; background: transparent !important; } .grc1-dark .nav.nav-stacked > li.active > a, .grc1-dark .nav.nav-stacked > li > a:hover { color: var(--grc1-accent) !important; background: rgba(91,128,200,0.1) !important; } /* Training survey card */ .grc1-dark body.customers .survey { background: var(--grc1-panel) !important; border-color: var(--grc1-border) !important; color: var(--grc1-text) !important; } /* HR profile inline bg #f0f0f0 */ .grc1-dark [style*="background-color:#f0f0f0"], .grc1-dark [style*="background-color: #f0f0f0"], .grc1-dark [style*="background: #f0f0f0"], .grc1-dark [style*="background:#f0f0f0"] { background: var(--grc1-panel2) !important; } /* Staff chart modal backdrop */ .grc1-dark #staff_chart_view .modal-body { background: var(--grc1-bg) !important; } /* HR record – profile/contract info blocks */ .grc1-dark .hr_profile_view_profile .panel_s, .grc1-dark .hr_profile_view_contract .panel_s { background: var(--grc1-panel) !important; border-color: var(--grc1-border) !important; } /* Organizational chart nodes */ .grc1-dark .organizational { color: #fff !important; } .grc1-dark .staff-chart-background-color { background-color: var(--grc1-accent) !important; } /* Input signature pad */ .grc1-dark .signature-pad--body { border-color: var(--grc1-border) !important; background: var(--grc1-panel) !important; } /* ─── ponto_eletronico — escala de turnos ────────────────────────────────── */ .grc1-dark .ponto-escala-table th { background: var(--grc1-table-head) !important; color: var(--grc1-text) !important; border-color: var(--grc1-border) !important; } .grc1-dark .ponto-escala-table td { border-color: var(--grc1-border) !important; color: var(--grc1-text) !important; } .grc1-dark .ponto-col-nome { background: var(--grc1-panel2) !important; border-right-color: var(--grc1-border) !important; } .grc1-dark .ponto-col-weekend { background: rgba(255,255,255,0.02) !important; } .grc1-dark .ponto-dia-hoje { background: rgba(59,130,246,0.13) !important; } .grc1-dark .ponto-shift-empty { border-color: var(--grc1-border) !important; color: var(--grc1-text2) !important; background: transparent !important; } .grc1-dark .ponto-shift-empty:hover { border-color: var(--grc1-accent) !important; color: var(--grc1-accent) !important; background: rgba(91,128,200,0.08) !important; } /* Shift badge colours — dark adaptations */ .grc1-dark .ponto-turno-d, .grc1-dark .ponto-turno-D { background: rgba(14,165,233,0.22) !important; color: #7dd3fc !important; } .grc1-dark .ponto-turno-m, .grc1-dark .ponto-turno-M { background: rgba(59,130,246,0.22) !important; color: #93c5fd !important; } .grc1-dark .ponto-turno-t, .grc1-dark .ponto-turno-T { background: rgba(234,179,8,0.18) !important; color: #fde68a !important; } .grc1-dark .ponto-turno-n, .grc1-dark .ponto-turno-N { background: rgba(139,92,246,0.22) !important; color: #c4b5fd !important; } .grc1-dark .ponto-turno-p, .grc1-dark .ponto-turno-P { background: rgba(20,184,166,0.2) !important; color: #5eead4 !important; } .grc1-dark .ponto-turno-f, .grc1-dark .ponto-turno-F { background: rgba(34,197,94,0.2) !important; color: #86efac !important; } .grc1-dark .ponto-turno-fer, .grc1-dark .ponto-turno-FER { background: rgba(239,68,68,0.22) !important; color: #fca5a5 !important; } .grc1-dark .ponto-turno-off, .grc1-dark .ponto-turno-OFF { background: var(--grc1-panel2) !important; color: var(--grc1-text2) !important; } .grc1-dark .ponto-turno-fc, .grc1-dark .ponto-turno-FOLGA_COMP { background: rgba(20,184,166,0.15) !important; color: #67e8f9 !important; } .grc1-dark .ponto-turno-alerta { background: rgba(239,68,68,0.2) !important; color: #fca5a5 !important; } /* Células da grade — dark */ .grc1-dark td.ponto-td-d { background: rgba(14,165,233,0.10) !important; } .grc1-dark td.ponto-td-m { background: rgba(59,130,246,0.10) !important; } .grc1-dark td.ponto-td-t { background: rgba(234,179,8,0.08) !important; } .grc1-dark td.ponto-td-n { background: rgba(139,92,246,0.10) !important; } .grc1-dark td.ponto-td-p { background: rgba(20,184,166,0.10) !important; } .grc1-dark td.ponto-td-f { background: rgba(34,197,94,0.08) !important; } .grc1-dark td.ponto-td-fer { background: rgba(239,68,68,0.10) !important; } .grc1-dark td.ponto-td-off { background: var(--grc1-panel2) !important; } .grc1-dark td.ponto-td-folga_comp { background: rgba(20,184,166,0.06) !important; } /* Timesheet badges */ .grc1-dark .ponto-ts-vazio { background: var(--grc1-panel2) !important; color: var(--grc1-text2) !important; } /* Cards financeiro / ponto */ .grc1-dark .ponto-fin-card { background: var(--grc1-panel) !important; border-color: var(--grc1-border) !important; } .grc1-dark .ponto-table-mini th { background: var(--grc1-table-head) !important; color: var(--grc1-text) !important; } .grc1-dark .ponto-table-mini td { border-color: var(--grc1-border) !important; color: var(--grc1-text) !important; } /* Progress bar background */ .grc1-dark .ponto-progress-bar { background: var(--grc1-border) !important; } /* Relógio de ponto */ .grc1-dark .ponto-relogio-hora { color: var(--grc1-text) !important; } .grc1-dark .ponto-relogio-data { color: var(--grc1-text2) !important; } .grc1-dark .ponto-tipo-btn { background: var(--grc1-panel) !important; border-color: var(--grc1-border) !important; color: var(--grc1-text) !important; } .grc1-dark .ponto-tipo-btn:hover, .grc1-dark .ponto-tipo-btn.active { border-color: var(--grc1-accent) !important; background: rgba(91,128,200,0.12) !important; color: var(--grc1-accent) !important; } /* Metric cards */ .grc1-dark .ponto-metric-card { background: var(--grc1-panel) !important; border-color: var(--grc1-border) !important; } .grc1-dark .ponto-metric-label { color: var(--grc1-text2) !important; } /* Staff email inline color override */ .grc1-dark [style*="color:#888"] { color: var(--grc1-text2) !important; } /* Timeline */ .grc1-dark .ponto-tl-item { border-bottom-color: var(--grc1-border) !important; } /* ─── ponto_eletronico — shift badges (inline style overrides) ───────────── */ .grc1-dark [style*="background:#bbdefb"] { background: rgba(59,130,246,0.18) !important; color: #93c5fd !important; } .grc1-dark [style*="background:#fff9c4"] { background: rgba(234,179,8,0.15) !important; color: #fde68a !important; } .grc1-dark [style*="background:#e1bee7"] { background: rgba(139,92,246,0.18) !important; color: #c4b5fd !important; } .grc1-dark [style*="background:#f5f5f5"], .grc1-dark [style*="background: #f5f5f5"] { background: var(--grc1-panel2) !important; } .grc1-dark [style*="background:#f8f9fa"], .grc1-dark [style*="background: #f8f9fa"] { background: var(--grc1-panel2) !important; } .grc1-dark [style*="color:#263238"], .grc1-dark [style*="color: #263238"] { color: var(--grc1-text) !important; } /* ─── connect_asaas ──────────────────────────────────────────────────────── */ .grc1-dark [style*="color:#000000"], .grc1-dark [style*="color: #000000"], .grc1-dark [style*="color:#000"], .grc1-dark [style*="color: #000"] { color: var(--grc1-text) !important; } /* ═══════════════════════════════════════════════════════════════════════ GRC1 Tools — Dark: Perfex CRM Core UI Overrides Cobre Bootstrap 3 (.panel, .modal, .form-control, .dropdown-menu…) e os componentes customizados do Perfex (style.css). ═══════════════════════════════════════════════════════════════════════ */ /* ─── Bootstrap Panels ───────────────────────────────────────────────────── */ .grc1-dark .panel, .grc1-dark .panel-default { background: var(--grc1-panel) !important; border-color: var(--grc1-border) !important; } .grc1-dark .panel-body { background: var(--grc1-panel) !important; color: var(--grc1-text) !important; } .grc1-dark .panel-heading { background: var(--grc1-panel2) !important; border-color: var(--grc1-border) !important; color: var(--grc1-text) !important; } .grc1-dark .panel-footer { background: var(--grc1-panel2) !important; border-color: var(--grc1-border) !important; color: var(--grc1-text2) !important; } .grc1-dark .panel-title { color: var(--grc1-text) !important; } .grc1-dark .panel-default > .panel-heading + .panel-collapse > .panel-body { border-color: var(--grc1-border) !important; } .grc1-dark .well { background: var(--grc1-panel2) !important; border-color: var(--grc1-border) !important; color: var(--grc1-text) !important; } /* ─── Bootstrap Modals ───────────────────────────────────────────────────── */ .grc1-dark .modal-content { background: var(--grc1-panel) !important; border-color: var(--grc1-border) !important; color: var(--grc1-text) !important; } .grc1-dark .modal-header { background: var(--grc1-panel2) !important; border-color: var(--grc1-border) !important; } .grc1-dark .modal-header .modal-title, .grc1-dark .modal-header h4, .grc1-dark .modal-header h3 { color: var(--grc1-text) !important; } .grc1-dark .modal-body { background: var(--grc1-panel) !important; color: var(--grc1-text) !important; } .grc1-dark .modal-footer { background: var(--grc1-panel2) !important; border-color: var(--grc1-border) !important; } .grc1-dark .modal-backdrop { background: #000; } .grc1-dark button.close, .grc1-dark .close { color: var(--grc1-text2) !important; text-shadow: none !important; opacity: 0.6; } .grc1-dark button.close:hover, .grc1-dark .close:hover { color: var(--grc1-text) !important; opacity: 1; } /* ─── Bootstrap Forms ────────────────────────────────────────────────────── */ .grc1-dark .form-control { background: var(--grc1-input-bg) !important; border-color: var(--grc1-input-brd) !important; color: var(--grc1-text) !important; } .grc1-dark .form-control:focus { border-color: var(--grc1-accent) !important; box-shadow: 0 0 0 2px rgba(91,128,200,0.2) !important; } .grc1-dark .form-control[disabled], .grc1-dark .form-control[readonly] { background: var(--grc1-bg) !important; color: var(--grc1-text2) !important; } .grc1-dark .input-group-addon { background: var(--grc1-panel2) !important; border-color: var(--grc1-input-brd) !important; color: var(--grc1-text2) !important; } .grc1-dark .form-group label { color: var(--grc1-text) !important; } .grc1-dark .help-block { color: var(--grc1-text2) !important; } .grc1-dark textarea.form-control { background: var(--grc1-input-bg) !important; color: var(--grc1-text) !important; } .grc1-dark select.form-control { background: var(--grc1-input-bg) !important; color: var(--grc1-text) !important; } .grc1-dark .checkbox label, .grc1-dark .radio label { color: var(--grc1-text) !important; } /* ─── Select2 ────────────────────────────────────────────────────────────── */ .grc1-dark .select2-container--default .select2-selection--single, .grc1-dark .select2-container--default .select2-selection--multiple { background: var(--grc1-input-bg) !important; border-color: var(--grc1-input-brd) !important; color: var(--grc1-text) !important; } .grc1-dark .select2-container--default .select2-selection--single .select2-selection__rendered { color: var(--grc1-text) !important; } .grc1-dark .select2-container--default .select2-selection--single .select2-selection__arrow b { border-color: var(--grc1-text2) transparent transparent !important; } .grc1-dark .select2-dropdown { background: var(--grc1-panel) !important; border-color: var(--grc1-border) !important; } .grc1-dark .select2-results__option { color: var(--grc1-text) !important; background: transparent !important; } .grc1-dark .select2-results__option--highlighted { background: var(--grc1-accent) !important; color: #fff !important; } .grc1-dark .select2-search--dropdown .select2-search__field { background: var(--grc1-input-bg) !important; border-color: var(--grc1-border) !important; color: var(--grc1-text) !important; } .grc1-dark .select2-container--default .select2-selection--multiple .select2-selection__choice { background: var(--grc1-panel2) !important; border-color: var(--grc1-border) !important; color: var(--grc1-text) !important; } /* ─── Bootstrap Tables ───────────────────────────────────────────────────── */ .grc1-dark .table { color: var(--grc1-text) !important; } .grc1-dark .table > thead > tr > th { background: var(--grc1-table-head) !important; border-color: var(--grc1-border) !important; color: var(--grc1-text) !important; } .grc1-dark .table > tbody > tr > td, .grc1-dark .table > tbody > tr > th, .grc1-dark .table > tfoot > tr > td { border-color: var(--grc1-border) !important; color: var(--grc1-text) !important; } .grc1-dark .table > tbody > tr { background: var(--grc1-table-row) !important; } .grc1-dark .table > tbody > tr:nth-child(even) { background: var(--grc1-table-row2) !important; } .grc1-dark .table-hover > tbody > tr:hover { background: rgba(255,255,255,0.04) !important; } .grc1-dark .table.items thead { background: var(--grc1-table-head) !important; color: var(--grc1-text) !important; } .grc1-dark .table.items thead th { border-color: var(--grc1-border) !important; } .grc1-dark .table.items .main { background: var(--grc1-panel2) !important; } .grc1-dark .table-bordered { border-color: var(--grc1-border) !important; } .grc1-dark .table-bordered > thead > tr > th, .grc1-dark .table-bordered > tbody > tr > td { border-color: var(--grc1-border) !important; } .grc1-dark .dataTables_wrapper .dataTables_filter input, .grc1-dark .dataTables_wrapper .dataTables_length select { background: var(--grc1-input-bg) !important; border-color: var(--grc1-border) !important; color: var(--grc1-text) !important; } .grc1-dark .dataTables_wrapper .dataTables_info { color: var(--grc1-text2) !important; } .grc1-dark .dataTables_wrapper .dataTables_paginate .paginate_button { color: var(--grc1-text2) !important; } .grc1-dark .dataTables_wrapper .dataTables_paginate .paginate_button:hover { background: var(--grc1-panel2) !important; color: var(--grc1-text) !important; } .grc1-dark .dataTables_wrapper .dataTables_paginate .paginate_button.current { background: var(--grc1-accent) !important; color: #fff !important; border-color: var(--grc1-accent) !important; } /* ─── Bootstrap Dropdowns ────────────────────────────────────────────────── */ .grc1-dark .dropdown-menu { background: var(--grc1-panel) !important; border-color: var(--grc1-border) !important; box-shadow: var(--grc1-shadow) !important; } .grc1-dark .dropdown-menu > li > a { color: var(--grc1-text) !important; } .grc1-dark .dropdown-menu > li > a:hover, .grc1-dark .dropdown-menu > li > a:focus { background: var(--grc1-panel2) !important; color: var(--grc1-text) !important; } .grc1-dark .dropdown-menu > .active > a, .grc1-dark .dropdown-menu > .active > a:hover { background: var(--grc1-accent) !important; color: #fff !important; } .grc1-dark .dropdown-menu .divider { background: var(--grc1-border) !important; } .grc1-dark .dropdown-header { color: var(--grc1-text2) !important; } /* ─── Bootstrap Buttons ──────────────────────────────────────────────────── */ .grc1-dark .btn-default { background: var(--grc1-panel2) !important; border-color: var(--grc1-border) !important; color: var(--grc1-text) !important; } .grc1-dark .btn-default:hover, .grc1-dark .btn-default:focus { background: rgba(255,255,255,0.06) !important; border-color: var(--grc1-accent) !important; color: var(--grc1-text) !important; } .grc1-dark .btn-link { color: var(--grc1-accent) !important; } /* ─── Bootstrap List Groups ──────────────────────────────────────────────── */ .grc1-dark .list-group-item { background: var(--grc1-panel) !important; border-color: var(--grc1-border) !important; color: var(--grc1-text) !important; } .grc1-dark .list-group-item:hover { background: var(--grc1-panel2) !important; } .grc1-dark .list-group-item.active, .grc1-dark .list-group-item.active:hover { background: var(--grc1-accent) !important; border-color: var(--grc1-accent) !important; color: #fff !important; } .grc1-dark a.list-group-item { color: var(--grc1-text) !important; } /* ─── Bootstrap Popovers & Tooltips ─────────────────────────────────────── */ .grc1-dark .popover { background: var(--grc1-panel) !important; border-color: var(--grc1-border) !important; } .grc1-dark .popover-title { background: var(--grc1-panel2) !important; border-color: var(--grc1-border) !important; color: var(--grc1-text) !important; } .grc1-dark .popover-content { color: var(--grc1-text) !important; } .grc1-dark .popover.top > .arrow::after { border-top-color: var(--grc1-panel) !important; } .grc1-dark .popover.bottom > .arrow::after { border-bottom-color: var(--grc1-panel) !important; } .grc1-dark .popover.left > .arrow::after { border-left-color: var(--grc1-panel) !important; } .grc1-dark .popover.right > .arrow::after { border-right-color: var(--grc1-panel) !important; } /* ─── Bootstrap Nav Tabs ─────────────────────────────────────────────────── */ .grc1-dark .nav-tabs { border-color: var(--grc1-border) !important; } .grc1-dark .nav-tabs > li > a { color: var(--grc1-text2) !important; border-color: transparent !important; } .grc1-dark .nav-tabs > li > a:hover { background: var(--grc1-panel2) !important; border-color: var(--grc1-border) !important; color: var(--grc1-text) !important; } .grc1-dark .nav-tabs > li.active > a, .grc1-dark .nav-tabs > li.active > a:hover, .grc1-dark .nav-tabs > li.active > a:focus { background: var(--grc1-panel) !important; border-color: var(--grc1-border) !important; border-bottom-color: var(--grc1-panel) !important; color: var(--grc1-accent) !important; } .grc1-dark .tab-content { background: var(--grc1-panel) !important; border-color: var(--grc1-border) !important; } /* ─── Perfex Core Layout ─────────────────────────────────────────────────── */ .grc1-dark .top_stats_wrapper { background: var(--grc1-panel) !important; border-color: var(--grc1-border) !important; } .grc1-dark .screen-options-area { background: var(--grc1-panel2) !important; border-color: var(--grc1-border) !important; } .grc1-dark .screen-options-btn { background: var(--grc1-panel2) !important; border-color: var(--grc1-border) !important; color: var(--grc1-text) !important; } .grc1-dark .screen-options-btn:hover { background: var(--grc1-accent) !important; color: #fff !important; } /* ─── Perfex Tasks & Kanban ──────────────────────────────────────────────── */ .grc1-dark .kan-ban-content { background: var(--grc1-bg) !important; border-color: var(--grc1-border) !important; } .grc1-dark .kan-ban-col { background: var(--grc1-panel2) !important; border-color: var(--grc1-border) !important; } .grc1-dark .task-single-col-left { background: var(--grc1-panel) !important; } .grc1-dark .task-single-col-right { background: var(--grc1-panel2) !important; border-color: var(--grc1-border) !important; color: var(--grc1-text) !important; } .grc1-dark .task-modal-single .modal-body { background: var(--grc1-panel) !important; } .grc1-dark li.task.current-user-task .panel-body { background: rgba(59,130,246,0.1) !important; border-color: rgba(59,130,246,0.25) !important; } .grc1-dark li.task.overdue-task .panel-body { background: rgba(220,38,38,0.1) !important; border-color: rgba(220,38,38,0.25) !important; } .grc1-dark #task .panel-body { background: var(--grc1-panel) !important; } /* ─── Perfex Drag & Drop / Nestable ─────────────────────────────────────── */ .grc1-dark .dd-handle { background: var(--grc1-panel2) !important; border-color: var(--grc1-border) !important; color: var(--grc1-text) !important; } .grc1-dark .dd-handle:hover { background: rgba(255,255,255,0.06) !important; color: var(--grc1-accent) !important; } .grc1-dark .dd3-content { background: var(--grc1-panel) !important; border-color: var(--grc1-border) !important; color: var(--grc1-text) !important; } .grc1-dark .sub-items-start, .grc1-dark .sub-items .dd3-content { background: var(--grc1-panel2) !important; border-color: var(--grc1-border) !important; } /* ─── Perfex Newsfeed ────────────────────────────────────────────────────── */ .grc1-dark #newsfeed .newsfeed_post.pinned > .panel-body { background: rgba(59,130,246,0.08) !important; border-color: rgba(59,130,246,0.2) !important; } .grc1-dark #newsfeed .newsfeed_post .post-comment.panel-footer { background: var(--grc1-panel2) !important; border-color: var(--grc1-border) !important; } .grc1-dark #newsfeed .newsfeed_post .user-post-like { background: var(--grc1-panel2) !important; border-color: var(--grc1-border) !important; } /* ─── Perfex Email / Templates ───────────────────────────────────────────── */ .grc1-dark .email-template-heading { background: var(--grc1-panel2) !important; border-color: var(--grc1-border) !important; color: var(--grc1-text) !important; } /* ─── Note component ─────────────────────────────────────────────────────── */ .grc1-dark .note { background: rgba(234,179,8,0.1) !important; border-color: rgba(234,179,8,0.25) !important; color: var(--grc1-text) !important; } /* ─── Highlight backgrounds ──────────────────────────────────────────────── */ .grc1-dark .highlight-bg { background: rgba(59,130,246,0.1) !important; border-color: rgba(59,130,246,0.2) !important; } .grc1-dark span.mention { background: rgba(91,128,200,0.2) !important; color: var(--grc1-accent) !important; } /* ─── Progress & Sliders ─────────────────────────────────────────────────── */ .grc1-dark .progress { background: var(--grc1-panel2) !important; } .grc1-dark .project_progress_slider_horizontal { background: var(--grc1-panel2) !important; border-color: var(--grc1-border) !important; } /* ─── Misc form helpers ──────────────────────────────────────────────────── */ .grc1-dark .menu-options { background: var(--grc1-panel) !important; border-color: var(--grc1-border) !important; } .grc1-dark #task_view_description.mce-content-body { background: var(--grc1-input-bg) !important; color: var(--grc1-text) !important; } .grc1-dark .mce-window-head { background: var(--grc1-panel2) !important; } .grc1-dark .mce-window-body { background: var(--grc1-panel) !important; } /* ─── Loading skeleton ───────────────────────────────────────────────────── */ .grc1-dark .loader-line { background: var(--grc1-panel2) !important; } .grc1-dark .loader-line::after { background: linear-gradient(90deg, transparent, rgba(255,255,255,0.06), transparent) !important; } /* ─── Charts (Chart.js / ApexCharts backgrounds) ─────────────────────────── */ .grc1-dark canvas { filter: none; } .grc1-dark .apexcharts-canvas, .grc1-dark .apexcharts-theme-light { background: var(--grc1-panel) !important; } .grc1-dark .apexcharts-tooltip { background: var(--grc1-panel2) !important; border-color: var(--grc1-border) !important; color: var(--grc1-text) !important; } .grc1-dark .apexcharts-tooltip-title { background: var(--grc1-panel2) !important; border-color: var(--grc1-border) !important; color: var(--grc1-text) !important; } .grc1-dark .apexcharts-legend-text { color: var(--grc1-text) !important; } .grc1-dark .apexcharts-xaxistooltip { background: var(--grc1-panel2) !important; border-color: var(--grc1-border) !important; color: var(--grc1-text) !important; } .grc1-dark .apexcharts-menu { background: var(--grc1-panel) !important; border-color: var(--grc1-border) !important; } .grc1-dark .apexcharts-menu-item { color: var(--grc1-text) !important; } .grc1-dark .apexcharts-menu-item:hover { background: var(--grc1-panel2) !important; } /* Chart.js tooltip plugin (se usado via plugin global) */ .grc1-dark .chartjs-tooltip { background: var(--grc1-panel2) !important; border-color: var(--grc1-border) !important; color: var(--grc1-text) !important; } /* Força o background dos containers de gráfico no dashboard */ .grc1-dark [class*="chart"] > canvas, .grc1-dark .chart-container, .grc1-dark .chart-wrapper { background: transparent !important; } /* ─── Dashboard stat boxes ───────────────────────────────────────────────── */ .grc1-dark .small-box, .grc1-dark .info-box-content { color: var(--grc1-text) !important; } .grc1-dark .bg-white { background: var(--grc1-panel) !important; color: var(--grc1-text) !important; } /* top_stats_wrapper (Faturas, Leads, Projetos, Tarefas cards no dashboard) */ html.grc1-dark .top_stats_wrapper { background: var(--grc1-panel) !important; border-color: var(--grc1-border) !important; box-shadow: 0 1px 6px rgba(0,0,0,0.4) !important; } html.grc1-dark .top_stats_wrapper * { color: var(--grc1-text) !important; } html.grc1-dark .top_stats_wrapper .tw-text-neutral-600, html.grc1-dark .top_stats_wrapper .tw-font-semibold { color: var(--grc1-text2) !important; } /* ─── Bootstrap Select (selectpicker) ───────────────────────────────────── */ .grc1-dark .bootstrap-select > .btn, .grc1-dark .bootstrap-select > button.btn-default { background: var(--grc1-input-bg) !important; border-color: var(--grc1-input-brd) !important; color: var(--grc1-text) !important; } .grc1-dark .bootstrap-select > .btn:hover, .grc1-dark .bootstrap-select > .btn:focus { border-color: var(--grc1-accent) !important; } .grc1-dark .bootstrap-select .dropdown-menu { background: var(--grc1-panel) !important; border-color: var(--grc1-border) !important; } .grc1-dark .bootstrap-select .dropdown-menu > li > a { color: var(--grc1-text) !important; } .grc1-dark .bootstrap-select .dropdown-menu > li > a:hover, .grc1-dark .bootstrap-select .dropdown-menu > li.active > a { background: var(--grc1-accent) !important; color: #fff !important; } .grc1-dark .bootstrap-select .dropdown-menu .bs-searchbox input { background: var(--grc1-input-bg) !important; border-color: var(--grc1-border) !important; color: var(--grc1-text) !important; } .grc1-dark .bootstrap-select .filter-option { color: var(--grc1-text) !important; } .grc1-dark .bootstrap-select .bs-actionsbox, .grc1-dark .bootstrap-select .bs-donebutton { background: var(--grc1-panel2) !important; border-color: var(--grc1-border) !important; } .grc1-dark .bootstrap-select .check-mark::before { color: var(--grc1-accent) !important; } /* ─── Dividers / HR ──────────────────────────────────────────────────────── */ .grc1-dark hr { border-color: var(--grc1-border) !important; } .grc1-dark .border-right { border-right-color: var(--grc1-border) !important; } .grc1-dark .border-left { border-left-color: var(--grc1-border) !important; } .grc1-dark .border-top { border-top-color: var(--grc1-border) !important; } .grc1-dark .border-bottom { border-bottom-color: var(--grc1-border) !important; } /* ─── Question / Form sections ───────────────────────────────────────────── */ .grc1-dark .question.form-group { background: var(--grc1-panel2) !important; border-color: var(--grc1-border) !important; } .grc1-dark label { color: var(--grc1-text) !important; } /* ─── FullCalendar ───────────────────────────────────────────────────────── */ .grc1-dark .fc-toolbar, .grc1-dark .fc-view-container, .grc1-dark .fc-widget-header { background: var(--grc1-panel) !important; color: var(--grc1-text) !important; border-color: var(--grc1-border) !important; } .grc1-dark .fc-widget-content { background: var(--grc1-panel) !important; border-color: var(--grc1-border) !important; } .grc1-dark .fc-day-header { background: var(--grc1-table-head) !important; color: var(--grc1-text) !important; border-color: var(--grc1-border) !important; } .grc1-dark .fc-day, .grc1-dark td.fc-today { background: var(--grc1-panel) !important; border-color: var(--grc1-border) !important; } .grc1-dark td.fc-today { background: rgba(91,128,200,0.07) !important; } .grc1-dark .fc-other-month { background: var(--grc1-bg) !important; } .grc1-dark .fc-toolbar .fc-button { background: var(--grc1-panel2) !important; border-color: var(--grc1-border) !important; color: var(--grc1-text) !important; } .grc1-dark .fc-toolbar .fc-button:hover { background: var(--grc1-accent) !important; color: #fff !important; } .grc1-dark .fc-toolbar h2 { color: var(--grc1-text) !important; } /* ─── Bootstrap Datepicker ───────────────────────────────────────────────── */ .grc1-dark .datepicker-dropdown, .grc1-dark .datepicker.dropdown-menu { background: var(--grc1-panel) !important; border-color: var(--grc1-border) !important; } .grc1-dark .datepicker table tr td, .grc1-dark .datepicker table tr th { color: var(--grc1-text) !important; } .grc1-dark .datepicker table tr td:hover, .grc1-dark .datepicker table tr th:hover { background: var(--grc1-panel2) !important; } .grc1-dark .datepicker table tr td.active, .grc1-dark .datepicker table tr td.active:hover { background: var(--grc1-accent) !important; color: #fff !important; } .grc1-dark .datepicker table tr td.today { background: rgba(91,128,200,0.15) !important; color: var(--grc1-accent) !important; } .grc1-dark .datepicker table tr td.disabled { color: var(--grc1-text2) !important; } .grc1-dark .datepicker .datepicker-switch, .grc1-dark .datepicker .prev, .grc1-dark .datepicker .next { color: var(--grc1-text) !important; } /* ─── Datetimepicker ─────────────────────────────────────────────────────── */ .grc1-dark .bootstrap-datetimepicker-widget { background: var(--grc1-panel) !important; border-color: var(--grc1-border) !important; } .grc1-dark .bootstrap-datetimepicker-widget td, .grc1-dark .bootstrap-datetimepicker-widget th { color: var(--grc1-text) !important; border-color: var(--grc1-border) !important; } .grc1-dark .bootstrap-datetimepicker-widget td:hover, .grc1-dark .bootstrap-datetimepicker-widget th:hover { background: var(--grc1-panel2) !important; } .grc1-dark .bootstrap-datetimepicker-widget td.active { background: var(--grc1-accent) !important; color: #fff !important; } .grc1-dark .bootstrap-datetimepicker-widget td.today::before { border-bottom-color: var(--grc1-accent) !important; } /* ─── Frappe Gantt ───────────────────────────────────────────────────────── */ .grc1-dark .gantt-container, .grc1-dark .gantt .grid-background { fill: var(--grc1-panel) !important; } .grc1-dark .gantt .grid-row { fill: var(--grc1-panel) !important; } .grc1-dark .gantt .grid-row:nth-child(even) { fill: var(--grc1-panel2) !important; } .grc1-dark .gantt .row-line { stroke: var(--grc1-border) !important; } .grc1-dark .gantt .tick { stroke: var(--grc1-border) !important; } .grc1-dark .gantt .lower-text, .grc1-dark .gantt .upper-text { fill: var(--grc1-text2) !important; } .grc1-dark .gantt .bar-label { fill: var(--grc1-text) !important; } .grc1-dark .gantt-container svg { background: var(--grc1-panel) !important; } /* ─── jQuery UI / Autocomplete ───────────────────────────────────────────── */ .grc1-dark .ui-autocomplete, .grc1-dark .ui-menu { background: var(--grc1-panel) !important; border-color: var(--grc1-border) !important; color: var(--grc1-text) !important; } .grc1-dark .ui-menu-item .ui-menu-item-wrapper { color: var(--grc1-text) !important; } .grc1-dark .ui-menu-item .ui-menu-item-wrapper.ui-state-active { background: var(--grc1-accent) !important; color: #fff !important; border-color: var(--grc1-accent) !important; } .grc1-dark .ui-widget-content { background: var(--grc1-panel) !important; border-color: var(--grc1-border) !important; color: var(--grc1-text) !important; } .grc1-dark .ui-widget-header { background: var(--grc1-panel2) !important; border-color: var(--grc1-border) !important; color: var(--grc1-text) !important; } .grc1-dark .ui-slider { background: var(--grc1-panel2) !important; border-color: var(--grc1-border) !important; } .grc1-dark .ui-slider-handle { background: var(--grc1-accent) !important; border-color: var(--grc1-accent) !important; } /* ─── Lightbox / Image viewers ───────────────────────────────────────────── */ .grc1-dark .lb-dataContainer { background: var(--grc1-panel2) !important; color: var(--grc1-text) !important; } /* ─── Bootstrap Colorpicker ──────────────────────────────────────────────── */ .grc1-dark .colorpicker { background: var(--grc1-panel) !important; border-color: var(--grc1-border) !important; } /* ─── Code / Pre blocks ──────────────────────────────────────────────────── */ .grc1-dark pre, .grc1-dark code { background: var(--grc1-bg) !important; border-color: var(--grc1-border) !important; color: #93c5fd !important; } /* ─── jQuery Comments ────────────────────────────────────────────────────── */ .grc1-dark .comments-container { background: transparent !important; } .grc1-dark .comment-reply-text { background: var(--grc1-input-bg) !important; border-color: var(--grc1-border) !important; color: var(--grc1-text) !important; } /* ─── Dropzone ───────────────────────────────────────────────────────────── */ .grc1-dark .dropzone { background: var(--grc1-panel2) !important; border-color: var(--grc1-border) !important; color: var(--grc1-text2) !important; } .grc1-dark .dropzone:hover { border-color: var(--grc1-accent) !important; } /* ─── General content containers (catch-all para divs sem classe específica) */ .grc1-dark #wrapper > .content { background: var(--grc1-bg) !important; } .grc1-dark .page-content { background: var(--grc1-bg) !important; } .grc1-dark .content > .row > .panel_s > .panel-body { background: var(--grc1-panel) !important; } .grc1-dark .panel_s { background: var(--grc1-panel) !important; border-color: var(--grc1-border) !important; } /* Texto geral */ .grc1-dark .font-medium { color: var(--grc1-text) !important; } .grc1-dark h1,.grc1-dark h2,.grc1-dark h3,.grc1-dark h4,.grc1-dark h5,.grc1-dark h6 { color: var(--grc1-text) !important; } .grc1-dark p { color: var(--grc1-text) !important; } .grc1-dark small,.grc1-dark .small { color: var(--grc1-text2) !important; } /* Âncoras simples sem classe de botão — só dentro do conteúdo principal, não na topbar/sidebar */ .grc1-dark .content a:not([class*="btn"]):not(.label):not([style]) { color: var(--grc1-accent) !important; } .grc1-dark .content a:not([class*="btn"]):not(.label):not([style]):hover { color: #93b4ff !important; } /* ─── Piloto Automático widget (inline backgrounds hardcoded) ────────────── */ .grc1-dark #grc1PilotWidget > div:not([id="grc1PilotWidgetBanner"]) { background: var(--grc1-panel) !important; border-color: var(--grc1-border) !important; } .grc1-dark #grc1PilotWidget [style*="border-right:1px solid #f3f4f6"], .grc1-dark #grc1PilotWidget [style*="border-right: 1px solid #f3f4f6"] { border-right-color: var(--grc1-border) !important; } .grc1-dark #grc1PilotWidget [style*="border-top:1px solid #f1f5f9"], .grc1-dark #grc1PilotWidget [style*="border-top: 1px solid #f1f5f9"] { border-top-color: var(--grc1-border) !important; } .grc1-dark #grc1PilotWidget [style*="color:#9ca3af"], .grc1-dark #grc1PilotWidget [style*="color: #9ca3af"] { color: var(--grc1-text2) !important; } /* ─── Inline style overrides — backgrounds claros comuns ─────────────────── */ /* Cobre thead/tr/div com background inline hardcoded em cor clara */ .grc1-dark [style*="background:#f8fafc"], .grc1-dark [style*="background: #f8fafc"], .grc1-dark [style*="background-color:#f8fafc"], .grc1-dark [style*="background-color: #f8fafc"] { background: var(--grc1-table-head) !important; } .grc1-dark [style*="background:#f9fafb"], .grc1-dark [style*="background: #f9fafb"], .grc1-dark [style*="background-color:#f9fafb"], .grc1-dark [style*="background-color: #f9fafb"] { background: var(--grc1-panel2) !important; } .grc1-dark [style*="background:#fff"], .grc1-dark [style*="background: #fff"], .grc1-dark [style*="background-color:#fff"], .grc1-dark [style*="background-color: #fff"] { background: var(--grc1-panel) !important; } .grc1-dark [style*="background:#ffffff"], .grc1-dark [style*="background: #ffffff"], .grc1-dark [style*="background-color:#ffffff"], .grc1-dark [style*="background-color: #ffffff"] { background: var(--grc1-panel) !important; } /* Cobre textos inline com cor muito escura (invisíveis no dark) */ .grc1-dark [style*="color:#64748b"], .grc1-dark [style*="color: #64748b"] { color: var(--grc1-text2) !important; } .grc1-dark [style*="color:#1e293b"], .grc1-dark [style*="color: #1e293b"], .grc1-dark [style*="color:#0f172a"], .grc1-dark [style*="color: #0f172a"], .grc1-dark [style*="color:#111827"], .grc1-dark [style*="color: #111827"], .grc1-dark [style*="color:#374151"], .grc1-dark [style*="color: #374151"] { color: var(--grc1-text) !important; } /* ─── SOC Pilot / telas com thead inline ────────────────────────────────── */ /* thead com style inline background claro — catch-all */ .grc1-dark thead tr[style] { background: var(--grc1-table-head) !important; color: var(--grc1-text) !important; } .grc1-dark thead tr[style] th { color: var(--grc1-text) !important; } /* ═══════════════════════════════════════════════════════════════════════ GRC1 Tools — Dark: Tailwind Utility Class Overrides Cobre tw-bg-white, tw-bg-neutral-*, tw-bg-slate-*, tw-text-neutral-*, tw-border-neutral-*, tw-from-*, tw-to-* usados em 40+ views Perfex. Usa html.grc1-dark para ganhar da especificidade Tailwind (incluindo !important). ═══════════════════════════════════════════════════════════════════════ */ /* ─── Backgrounds brancos / neutros claros ───────────────────────────────── */ html.grc1-dark .tw-bg-white { background-color: var(--grc1-panel) !important; } html.grc1-dark .tw-bg-neutral-50 { background-color: var(--grc1-bg) !important; } html.grc1-dark .tw-bg-neutral-100 { background-color: var(--grc1-bg) !important; } html.grc1-dark .tw-bg-neutral-200 { background-color: var(--grc1-panel2) !important; } html.grc1-dark .tw-bg-neutral-300 { background-color: var(--grc1-panel2) !important; } html.grc1-dark .tw-bg-slate-50 { background-color: var(--grc1-bg) !important; } html.grc1-dark .tw-bg-slate-100 { background-color: var(--grc1-bg) !important; } html.grc1-dark .tw-bg-slate-200 { background-color: var(--grc1-panel2) !important; } html.grc1-dark .tw-bg-gray-50 { background-color: var(--grc1-bg) !important; } html.grc1-dark .tw-bg-gray-100 { background-color: var(--grc1-bg) !important; } html.grc1-dark .tw-bg-gray-200 { background-color: var(--grc1-panel2) !important; } /* Variantes com !important do Tailwind (ex: !tw-bg-neutral-100) */ html.grc1-dark .\!tw-bg-white { background-color: var(--grc1-panel) !important; } html.grc1-dark .\!tw-bg-neutral-50 { background-color: var(--grc1-bg) !important; } html.grc1-dark .\!tw-bg-neutral-100 { background-color: var(--grc1-bg) !important; } html.grc1-dark .\!tw-bg-neutral-200 { background-color: var(--grc1-panel2) !important; } /* ─── Gradientes brancos/neutros (ex: tw-from-neutral-50 tw-to-white) ─────── */ html.grc1-dark .tw-from-neutral-50 { --tw-gradient-from: var(--grc1-bg) !important; } html.grc1-dark .tw-from-neutral-100 { --tw-gradient-from: var(--grc1-bg) !important; } html.grc1-dark .tw-from-white { --tw-gradient-from: var(--grc1-panel) !important; } html.grc1-dark .tw-to-white { --tw-gradient-to: var(--grc1-panel) !important; } html.grc1-dark .tw-to-neutral-50 { --tw-gradient-to: var(--grc1-bg) !important; } html.grc1-dark .tw-via-white { --tw-gradient-via: var(--grc1-panel) !important; } /* Garante que bg-gradient aplica as variáveis atualizadas */ html.grc1-dark .tw-bg-gradient-to-r, html.grc1-dark .tw-bg-gradient-to-b, html.grc1-dark .tw-bg-gradient-to-br { background-image: linear-gradient(var(--tw-gradient-stops)) !important; } /* ─── Bordas neutras claras ──────────────────────────────────────────────── */ html.grc1-dark .tw-border-neutral-100 { border-color: var(--grc1-border) !important; } html.grc1-dark .tw-border-neutral-200 { border-color: var(--grc1-border) !important; } html.grc1-dark .tw-border-neutral-300 { border-color: var(--grc1-border) !important; } html.grc1-dark .tw-border-neutral-400 { border-color: rgba(255,255,255,0.15) !important; } html.grc1-dark .tw-border-slate-100 { border-color: var(--grc1-border) !important; } html.grc1-dark .tw-border-slate-200 { border-color: var(--grc1-border) !important; } html.grc1-dark .tw-border-slate-300 { border-color: var(--grc1-border) !important; } html.grc1-dark .tw-border-gray-100 { border-color: var(--grc1-border) !important; } html.grc1-dark .tw-border-gray-200 { border-color: var(--grc1-border) !important; } html.grc1-dark .tw-border-gray-300 { border-color: var(--grc1-border) !important; } /* Variante /N (opacidade Tailwind v3 — tw-border-neutral-300/80) */ html.grc1-dark [class*="tw-border-neutral-3"] { border-color: var(--grc1-border) !important; } html.grc1-dark [class*="tw-border-neutral-2"] { border-color: var(--grc1-border) !important; } /* ─── Textos — neutros escuros tornam-se claros ──────────────────────────── */ html.grc1-dark .tw-text-neutral-700, html.grc1-dark .tw-text-neutral-800, html.grc1-dark .tw-text-neutral-900 { color: var(--grc1-text) !important; } html.grc1-dark .tw-text-neutral-400, html.grc1-dark .tw-text-neutral-500, html.grc1-dark .tw-text-neutral-600 { color: var(--grc1-text2) !important; } html.grc1-dark .tw-text-slate-700, html.grc1-dark .tw-text-slate-800, html.grc1-dark .tw-text-slate-900 { color: var(--grc1-text) !important; } html.grc1-dark .tw-text-slate-400, html.grc1-dark .tw-text-slate-500, html.grc1-dark .tw-text-slate-600 { color: var(--grc1-text2) !important; } html.grc1-dark .tw-text-gray-700, html.grc1-dark .tw-text-gray-800, html.grc1-dark .tw-text-gray-900 { color: var(--grc1-text) !important; } html.grc1-dark .tw-text-gray-400, html.grc1-dark .tw-text-gray-500, html.grc1-dark .tw-text-gray-600 { color: var(--grc1-text2) !important; } /* ─── Divisores / separadores Tailwind ───────────────────────────────────── */ html.grc1-dark .tw-divide-neutral-200 > * + * { border-color: var(--grc1-border) !important; } html.grc1-dark .tw-divide-slate-200 > * + * { border-color: var(--grc1-border) !important; } html.grc1-dark .tw-divide-gray-200 > * + * { border-color: var(--grc1-border) !important; } /* ─── Rings / shadows claros ─────────────────────────────────────────────── */ html.grc1-dark .tw-ring-neutral-200 { --tw-ring-color: var(--grc1-border) !important; } html.grc1-dark .tw-shadow-sm { box-shadow: 0 1px 3px rgba(0,0,0,0.4) !important; } /* ─── Backgrounds de estado hover/selected em branco ─────────────────────── */ html.grc1-dark .hover\:tw-bg-neutral-100:hover { background-color: var(--grc1-panel2) !important; } html.grc1-dark .hover\:tw-bg-neutral-50:hover { background-color: var(--grc1-panel2) !important; } html.grc1-dark .hover\:tw-bg-white:hover { background-color: var(--grc1-panel2) !important; } html.grc1-dark .hover\:tw-bg-slate-50:hover { background-color: var(--grc1-panel2) !important; } html.grc1-dark .hover\:tw-bg-gray-50:hover { background-color: var(--grc1-panel2) !important; } html.grc1-dark .hover\:tw-text-neutral-600:hover { color: var(--grc1-text) !important; } html.grc1-dark .focus\:tw-text-neutral-600:focus { color: var(--grc1-text) !important; } /* ─── Ticket edit screen — colunas com fundo branco ─────────────────────── */ /* ticket-right-column: "Informações da Solicitação" + cabeçalho "Summarize AI" */ html.grc1-dark .ticket-right-column { background: var(--grc1-panel) !important; border-color: var(--grc1-border) !important; } html.grc1-dark .ticket-right-column .tw-bg-white, html.grc1-dark .ticket-right-column [class*="tw-border-neutral"] { background: var(--grc1-panel) !important; border-color: var(--grc1-border) !important; } /* ─── Dashboard — todos/all.php: Minhas Tarefas / Meus Projetos / Lembretes */ html.grc1-dark .events.tw-bg-white, html.grc1-dark .animated.tw-bg-white { background: var(--grc1-panel) !important; } /* ─── Tasks _summary.php — botões de filtro tw-bg-white ─────────────────── */ html.grc1-dark .tw-bg-white.tw-border.tw-border-solid { background: var(--grc1-panel2) !important; border-color: var(--grc1-border) !important; } /* ─── Knowledge base articles.php — panel-heading tw-bg-neutral-700 ─────── */ /* tw-bg-neutral-700 em heading de grupo: manter escuro mas harmonizar */ html.grc1-dark .panel-heading.tw-bg-neutral-700 { background: var(--grc1-table-head) !important; color: var(--grc1-text) !important; } /* ─── Perfex aside / sidebar items com tw-bg-white ──────────────────────── */ html.grc1-dark aside .tw-bg-white, html.grc1-dark .aside .tw-bg-white { background: var(--grc1-panel) !important; } /* ═══════════════════════════════════════════════════════════════════════ GRC1 Tools — Dark: Dashboard "Minhas Tarefas" widget tabs (horizontal-scrollable-tabs / nav-tabs-horizontal / panel-full-width-tabs) ═══════════════════════════════════════════════════════════════════════ */ .grc1-dark .horizontal-scrollable-tabs, .grc1-dark .panel-full-width-tabs { background: var(--grc1-panel) !important; } .grc1-dark .horizontal-tabs { background: var(--grc1-panel) !important; } /* Tab strip — sobrescreve qualquer border/background herdado do Bootstrap */ .grc1-dark .nav-tabs-horizontal { background: var(--grc1-panel) !important; border-bottom-color: var(--grc1-border) !important; } .grc1-dark .nav-tabs-horizontal > li > a { color: var(--grc1-text2) !important; border-color: transparent !important; background: transparent !important; } .grc1-dark .nav-tabs-horizontal > li > a:hover { background: rgba(255,255,255,0.05) !important; color: var(--grc1-text) !important; } .grc1-dark .nav-tabs-horizontal > li.active > a, .grc1-dark .nav-tabs-horizontal > li.active > a:hover, .grc1-dark .nav-tabs-horizontal > li.active > a:focus { background: var(--grc1-panel) !important; color: var(--grc1-accent) !important; border-color: var(--grc1-border) !important; border-bottom-color: var(--grc1-panel) !important; } /* Setas de scroll do widget */ .grc1-dark .scroller.scroller-left, .grc1-dark .scroller.scroller-right { background: var(--grc1-panel) !important; color: var(--grc1-text2) !important; border-color: var(--grc1-border) !important; } .grc1-dark .scroller:hover { background: var(--grc1-panel2) !important; color: var(--grc1-text) !important; } /* Tab content do widget home */ .grc1-dark .home-activity .tab-content { background: var(--grc1-panel) !important; } /* Badge de contagem nas abas (lembretes, avisos) */ .grc1-dark .nav-tabs-horizontal .badge { background: var(--grc1-accent) !important; color: #fff !important; } /* ═══════════════════════════════════════════════════════════════════════ GRC1 Tools — Dark: TinyMCE 6 (oxide skin) — .tox-* components O editor usa shadow-less iframe; estilizamos apenas o toolbar/menubar. ═══════════════════════════════════════════════════════════════════════ */ /* Container principal */ .grc1-dark .tox.tox-tinymce, .grc1-dark .tox-editor-container { background: var(--grc1-panel2) !important; border-color: var(--grc1-border) !important; } /* Cabeçalho (menubar + toolbar) */ .grc1-dark .tox .tox-editor-header { background: var(--grc1-panel2) !important; border-bottom-color: var(--grc1-border) !important; } /* Menubar: Arquivo, Editar, Visualizar… */ .grc1-dark .tox .tox-menubar { background: var(--grc1-panel2) !important; border-bottom-color: var(--grc1-border) !important; } .grc1-dark .tox .tox-mbtn { background: transparent !important; color: var(--grc1-text) !important; border-color: transparent !important; } .grc1-dark .tox .tox-mbtn:hover, .grc1-dark .tox .tox-mbtn--active, .grc1-dark .tox .tox-mbtn[aria-expanded="true"] { background: var(--grc1-panel) !important; color: #fff !important; } .grc1-dark .tox .tox-mbtn__select-label { color: var(--grc1-text) !important; } .grc1-dark .tox .tox-mbtn__select-chevron svg path { fill: var(--grc1-text2) !important; } /* Toolbar primária */ .grc1-dark .tox .tox-toolbar-overlord, .grc1-dark .tox .tox-toolbar__primary, .grc1-dark .tox .tox-toolbar__overflow { background: var(--grc1-panel2) !important; border-bottom-color: var(--grc1-border) !important; } .grc1-dark .tox .tox-toolbar__group { border-right-color: var(--grc1-border) !important; } /* Botões do toolbar */ .grc1-dark .tox .tox-tbtn { background: transparent !important; color: var(--grc1-text) !important; border-color: transparent !important; } .grc1-dark .tox .tox-tbtn:hover, .grc1-dark .tox .tox-tbtn--enabled, .grc1-dark .tox .tox-tbtn[aria-pressed="true"] { background: var(--grc1-panel) !important; border-color: var(--grc1-border) !important; } .grc1-dark .tox .tox-tbtn svg { fill: var(--grc1-text) !important; } .grc1-dark .tox .tox-tbtn svg path { fill: var(--grc1-text) !important; } .grc1-dark .tox .tox-tbtn__select-label { color: var(--grc1-text) !important; } /* Split buttons (cor de texto/highlight) */ .grc1-dark .tox .tox-split-button { background: transparent !important; border-color: transparent !important; } .grc1-dark .tox .tox-split-button:hover { background: var(--grc1-panel) !important; } /* Área de edição (borda da iframe) */ .grc1-dark .tox .tox-edit-area { border-top-color: var(--grc1-border) !important; } .grc1-dark .tox .tox-edit-area__iframe { background: var(--grc1-panel) !important; } /* Menus dropdown do TinyMCE (ex: Arquivo > Novo…) */ .grc1-dark .tox .tox-menu, .grc1-dark .tox .tox-collection { background: var(--grc1-panel) !important; border-color: var(--grc1-border) !important; box-shadow: var(--grc1-shadow) !important; } .grc1-dark .tox .tox-collection__item { color: var(--grc1-text) !important; background: transparent !important; } .grc1-dark .tox .tox-collection__item--active, .grc1-dark .tox .tox-collection__item:hover { background: rgba(91,128,200,0.15) !important; color: #fff !important; } .grc1-dark .tox .tox-collection__item-label { color: var(--grc1-text) !important; } .grc1-dark .tox .tox-collection__item-accessory { color: var(--grc1-text2) !important; } /* Dialog / modal do TinyMCE */ .grc1-dark .tox .tox-dialog { background: var(--grc1-panel) !important; border-color: var(--grc1-border) !important; } .grc1-dark .tox .tox-dialog__header { background: var(--grc1-panel2) !important; color: var(--grc1-text) !important; border-color: var(--grc1-border) !important; } .grc1-dark .tox .tox-dialog__body { background: var(--grc1-panel) !important; color: var(--grc1-text) !important; } .grc1-dark .tox .tox-dialog__footer { background: var(--grc1-panel2) !important; border-color: var(--grc1-border) !important; } .grc1-dark .tox .tox-form__group label { color: var(--grc1-text) !important; } .grc1-dark .tox .tox-textfield, .grc1-dark .tox input[type="text"], .grc1-dark .tox input[type="url"] { background: var(--grc1-input-bg) !important; border-color: var(--grc1-input-brd) !important; color: var(--grc1-text) !important; } /* Status bar */ .grc1-dark .tox .tox-statusbar { background: var(--grc1-panel2) !important; border-top-color: var(--grc1-border) !important; color: var(--grc1-text2) !important; } .grc1-dark .tox .tox-statusbar a, .grc1-dark .tox .tox-statusbar__path-item { color: var(--grc1-text2) !important; } /* Overlay/backdrop do TinyMCE */ .grc1-dark .tox .tox-dialog-wrap__backdrop { background: rgba(0,0,0,0.5) !important; } /* ─── wiki module ────────────────────────────────────────────────────────── */ .grc1-dark #mySidebar { background: var(--grc1-panel2) !important; border-right-color: var(--grc1-border) !important; } .grc1-dark #mySidebar .header { background: var(--grc1-panel2) !important; border-bottom-color: var(--grc1-border) !important; color: var(--grc1-text) !important; } .grc1-dark #mySidebar a { color: var(--grc1-text2) !important; } .grc1-dark #mySidebar a:hover { color: var(--grc1-accent) !important; } .grc1-dark #mySidebar .nav-tabs > li > a { color: var(--grc1-text2) !important; background: transparent !important; border-color: transparent !important; } .grc1-dark #mySidebar .nav-tabs > li.active > a { color: var(--grc1-accent) !important; border-color: var(--grc1-border) var(--grc1-border) transparent !important; background: var(--grc1-panel) !important; } .grc1-dark .content-main { background: var(--grc1-panel) !important; color: var(--grc1-text) !important; } .grc1-dark .wiki-article-content { color: var(--grc1-text) !important; background: var(--grc1-panel) !important; } .grc1-dark .wiki-article-content p, .grc1-dark .wiki-article-content li, .grc1-dark .wiki-article-content h1, .grc1-dark .wiki-article-content h2, .grc1-dark .wiki-article-content h3, .grc1-dark .wiki-article-content h4 { color: var(--grc1-text) !important; } .grc1-dark .wiki-article-content blockquote { background: var(--grc1-panel2) !important; border-left-color: var(--grc1-accent) !important; color: var(--grc1-text2) !important; } .grc1-dark .wiki-article-content pre, .grc1-dark .wiki-article-content code { background: var(--grc1-panel2) !important; color: #93c5fd !important; border-color: var(--grc1-border) !important; } .grc1-dark .wiki-article-content table { border-color: var(--grc1-border) !important; } .grc1-dark .wiki-article-content th { background: var(--grc1-table-head) !important; color: var(--grc1-text) !important; border-color: var(--grc1-border) !important; } .grc1-dark .wiki-article-content td { border-color: var(--grc1-border) !important; color: var(--grc1-text) !important; } .grc1-dark .wiki-tag-badge { background: rgba(91,128,200,0.18) !important; color: var(--grc1-accent) !important; border-color: rgba(91,128,200,0.3) !important; } .grc1-dark .wiki-tag-badge:hover { background: rgba(91,128,200,0.28) !important; } .grc1-dark .wiki-tags-bar { border-bottom-color: var(--grc1-border) !important; } .grc1-dark .wiki-comments-section { border-top-color: var(--grc1-border) !important; } .grc1-dark .wiki-comments-title { color: var(--grc1-text) !important; } .grc1-dark .wiki-comment { background: var(--grc1-panel2) !important; border-color: var(--grc1-border) !important; } .grc1-dark .wiki-comment-meta { color: var(--grc1-text2) !important; } .grc1-dark .wiki-comment-text { color: var(--grc1-text) !important; } .grc1-dark .wiki-comment-form { background: var(--grc1-panel) !important; } .grc1-dark .wiki-comment-avatar img { border-color: var(--grc1-border) !important; } .grc1-dark .wiki-no-comments { color: var(--grc1-text2) !important; } .grc1-dark .wiki-show-actions .btn { color: var(--grc1-text2) !important; border-color: var(--grc1-border) !important; background: var(--grc1-panel2) !important; } /* Wiki bookmark button */ .grc1-dark .wiki-btn-bookmark { color: var(--grc1-text2) !important; border-color: var(--grc1-border) !important; background: transparent !important; } .grc1-dark .wiki-btn-bookmark.bookmarked { color: #f59e0b !important; } /* ─── Highcharts — SVG attributes override ───────────────────────────────── */ /* Highcharts renders colors as inline SVG attributes; CSS !important sobrescreve */ .grc1-dark .highcharts-background { fill: #1e2332 !important; } .grc1-dark .highcharts-plot-background { fill: #1e2332 !important; } .grc1-dark .highcharts-plot-border { stroke: rgba(255,255,255,0.07) !important; fill: none !important; } .grc1-dark .highcharts-grid-line { stroke: rgba(255,255,255,0.07) !important; } .grc1-dark .highcharts-minor-grid-line { stroke: rgba(255,255,255,0.04) !important; } .grc1-dark .highcharts-axis-line, .grc1-dark .highcharts-tick { stroke: rgba(255,255,255,0.15) !important; } .grc1-dark .highcharts-title text, .grc1-dark .highcharts-title tspan { fill: #c8d3e8 !important; color: #c8d3e8 !important; } .grc1-dark .highcharts-subtitle text, .grc1-dark .highcharts-subtitle tspan { fill: #7a8aa8 !important; } .grc1-dark .highcharts-axis-labels text, .grc1-dark .highcharts-axis-labels tspan { fill: #7a8aa8 !important; color: #7a8aa8 !important; } .grc1-dark .highcharts-axis-title text, .grc1-dark .highcharts-axis-title tspan { fill: #7a8aa8 !important; } .grc1-dark .highcharts-legend-item text, .grc1-dark .highcharts-legend-item tspan { fill: #c8d3e8 !important; color: #c8d3e8 !important; } .grc1-dark .highcharts-legend-item-hidden text, .grc1-dark .highcharts-legend-item-hidden tspan { fill: #4a5568 !important; } .grc1-dark .highcharts-tooltip-box { fill: #242a38 !important; stroke: rgba(255,255,255,0.12) !important; } .grc1-dark .highcharts-tooltip text, .grc1-dark .highcharts-tooltip tspan { fill: #c8d3e8 !important; color: #c8d3e8 !important; } .grc1-dark .highcharts-label-box { fill: #242a38 !important; stroke: rgba(255,255,255,0.12) !important; } .grc1-dark .highcharts-data-label text, .grc1-dark .highcharts-data-label tspan { fill: #c8d3e8 !important; text-shadow: none !important; } .grc1-dark .highcharts-credits { fill: #4a5568 !important; } .grc1-dark .highcharts-loading-inner { fill: #c8d3e8 !important; } .grc1-dark .highcharts-loading { fill: #1e2332 !important; } /* ─── DataTables processing (carregando dados) ───────────────────────────── */ .grc1-dark .dataTables_processing, .grc1-dark .dataTables_processing.panel, .grc1-dark .dataTables_processing.panel-default { background: var(--grc1-panel) !important; border-color: var(--grc1-border) !important; color: var(--grc1-text2) !important; box-shadow: 0 4px 20px rgba(0,0,0,0.5) !important; } .grc1-dark .dataTables_processing > div > div { background: var(--grc1-accent) !important; } /* ─── Mailbox ────────────────────────────────────────────────────────────── */ .grc1-dark .nav.navbar-pills.nav-stacked.customer-tabs, .grc1-dark .nav.navbar-pills.nav-stacked { background: var(--grc1-panel) !important; } .grc1-dark .nav.navbar-pills.nav-stacked > li > a { color: var(--grc1-text2) !important; border-radius: 0 !important; } .grc1-dark .nav.navbar-pills.nav-stacked > li > a:hover { background: var(--grc1-panel2) !important; color: var(--grc1-text) !important; } .grc1-dark .nav.navbar-pills.nav-stacked > li.active > a, .grc1-dark .nav.navbar-pills.nav-stacked > li.active > a:hover { background: var(--grc1-accent) !important; color: #fff !important; } .grc1-dark .nav.navbar-pills.nav-stacked .badge.bg-neutral { background: var(--grc1-panel2) !important; color: var(--grc1-text2) !important; } .grc1-dark .mail-box-header, .grc1-dark .mailbox-read-info, .grc1-dark .mail-body, .grc1-dark .mail-text, .grc1-dark .mail-ontact, .grc1-dark .mailbox-read-mail, .grc1-dark .mail-list, .grc1-dark .mail-list-item { background: var(--grc1-panel) !important; border-color: var(--grc1-border) !important; color: var(--grc1-text) !important; } .grc1-dark .mail-list > li, .grc1-dark .mail-list > a { border-bottom-color: var(--grc1-border) !important; } .grc1-dark .mail-list > li:hover, .grc1-dark .mail-list > a:hover { background: var(--grc1-panel2) !important; } .grc1-dark .mail-list .from, .grc1-dark .mailbox-read-info h5 { color: var(--grc1-text) !important; } .grc1-dark .mail-list .date, .grc1-dark .mailbox-read-info h6 { color: var(--grc1-text2) !important; } .grc1-dark .mailbox-read-mail .well { background: var(--grc1-panel2) !important; border-color: var(--grc1-border) !important; }