/* ============================================================ NEFRON FACILITA - Paletas de Cor (Accent Colors) Aplicado via data-accent no ============================================================ */ /* ---- azul (padrão) ---- */ [data-accent="azul"] { --primary-50: #EBF9FC; --primary-100: #CDF0F7; --primary-200: #9BE0F0; --primary-300: #68D1E8; --primary-400: #36C1E1; --primary-500: #04B2D9; --primary-600: #049DBF; --primary-700: #0386A3; --primary-800: #026E87; --primary-900: #025568; --primary: var(--primary-500); --primary-dark: var(--primary-700); --primary-light: var(--primary-200); --bg-sidebar: #038EB3; --bg-sidebar-dark: #016A8B; --info: var(--primary); --text-sidebar: rgba(255,255,255,0.85); --text-sidebar-active: #ffffff; } /* ---- azul royal ---- */ [data-accent="azul-royal"] { --primary-50: #ECF3FA; --primary-100: #D0E0F2; --primary-200: #A1C1E6; --primary-300: #73A3D9; --primary-400: #4484CD; --primary-500: #1565C0; --primary-600: #1259A9; --primary-700: #104C90; --primary-800: #0D3F77; --primary-900: #0A305C; --primary: var(--primary-500); --primary-dark: var(--primary-700); --primary-light: var(--primary-200); --bg-sidebar: #0D47A1; --bg-sidebar-dark: #0A3880; --info: var(--primary); --text-sidebar: rgba(255,255,255,0.85); --text-sidebar-active: #ffffff; } /* ---- preto ---- */ [data-accent="preto"] { --primary-50: #EDEDEE; --primary-100: #D1D1D5; --primary-200: #A3A3AB; --primary-300: #767682; --primary-400: #484858; --primary-500: #1A1A2E; --primary-600: #171728; --primary-700: #141422; --primary-800: #10101D; --primary-900: #0C0C16; --primary: var(--primary-500); --primary-dark: var(--primary-700); --primary-light: var(--primary-200); --bg-sidebar: #111827; --bg-sidebar-dark: #0D121D; --info: var(--primary); --text-sidebar: rgba(255,255,255,0.85); --text-sidebar-active: #ffffff; } /* ---- grafite ---- */ [data-accent="grafite"] { --primary-50: #EFF0F1; --primary-100: #D7DADC; --primary-200: #AFB5B9; --primary-300: #879195; --primary-400: #5F6C72; --primary-500: #37474F; --primary-600: #303E46; --primary-700: #29353B; --primary-800: #222C31; --primary-900: #1A2226; --primary: var(--primary-500); --primary-dark: var(--primary-700); --primary-light: var(--primary-200); --bg-sidebar: #263238; --bg-sidebar-dark: #1C262B; --info: var(--primary); --text-sidebar: rgba(255,255,255,0.85); --text-sidebar-active: #ffffff; } /* ---- laranja ---- */ [data-accent="laranja"] { --primary-50: #FDF1EB; --primary-100: #FADCCC; --primary-200: #F5B999; --primary-300: #F09766; --primary-400: #EB7433; --primary-500: #E65100; --primary-600: #CA4700; --primary-700: #AC3D00; --primary-800: #8F3200; --primary-900: #6E2700; --primary: var(--primary-500); --primary-dark: var(--primary-700); --primary-light: var(--primary-200); --bg-sidebar: #BF360C; --bg-sidebar-dark: #992B0A; --info: var(--primary); --text-sidebar: rgba(255,255,255,0.85); --text-sidebar-active: #ffffff; } /* ---- ouro ---- */ [data-accent="ouro"] { --primary-50: #FBF7EB; --primary-100: #F4EBCC; --primary-200: #E9D799; --primary-300: #DDC266; --primary-400: #D2AE33; --primary-500: #C79A00; --primary-600: #AF8800; --primary-700: #957400; --primary-800: #7B5F00; --primary-900: #604A00; --primary: var(--primary-500); --primary-dark: var(--primary-700); --primary-light: var(--primary-200); --bg-sidebar: #795548; --bg-sidebar-dark: #5D4037; --info: var(--primary); --text-sidebar: rgba(255,255,255,0.85); --text-sidebar-active: #ffffff; } /* ---- vermelho ---- */ [data-accent="vermelho"] { --primary-50: #FAEEEE; --primary-100: #F4D4D4; --primary-200: #E8A9A9; --primary-300: #DD7E7E; --primary-400: #D15353; --primary-500: #C62828; --primary-600: #AE2323; --primary-700: #941E1E; --primary-800: #7B1919; --primary-900: #5F1313; --primary: var(--primary-500); --primary-dark: var(--primary-700); --primary-light: var(--primary-200); --bg-sidebar: #B71C1C; --bg-sidebar-dark: #8E1616; --info: var(--primary); --text-sidebar: rgba(255,255,255,0.85); --text-sidebar-active: #ffffff; } /* ---- roxo ---- */ [data-accent="roxo"] { --primary-50: #F3EDF7; --primary-100: #E1D1EB; --primary-200: #C3A4D7; --primary-300: #A676C2; --primary-400: #8849AE; --primary-500: #6A1B9A; --primary-600: #5D1888; --primary-700: #501474; --primary-800: #42115F; --primary-900: #330D4A; --primary: var(--primary-500); --primary-dark: var(--primary-700); --primary-light: var(--primary-200); --bg-sidebar: #4A148C; --bg-sidebar-dark: #381069; --info: var(--primary); --text-sidebar: rgba(255,255,255,0.85); --text-sidebar-active: #ffffff; } /* ---- teal ---- */ [data-accent="teal"] { --primary-50: #EBF3F2; --primary-100: #CCE1DE; --primary-200: #99C3BE; --primary-300: #66A59D; --primary-400: #33877D; --primary-500: #00695C; --primary-600: #005C51; --primary-700: #004F45; --primary-800: #004139; --primary-900: #00322C; --primary: var(--primary-500); --primary-dark: var(--primary-700); --primary-light: var(--primary-200); --bg-sidebar: #004D40; --bg-sidebar-dark: #003D33; --info: var(--primary); --text-sidebar: rgba(255,255,255,0.85); --text-sidebar-active: #ffffff; } /* ---- verde ---- */ [data-accent="verde"] { --primary-50: #EEF5EF; --primary-100: #D5E5D6; --primary-200: #ABCBAD; --primary-300: #82B184; --primary-400: #58975B; --primary-500: #2E7D32; --primary-600: #286E2C; --primary-700: #225E26; --primary-800: #1D4E1F; --primary-900: #163C18; --primary: var(--primary-500); --primary-dark: var(--primary-700); --primary-light: var(--primary-200); --bg-sidebar: #1B5E20; --bg-sidebar-dark: #154B19; --info: var(--primary); --text-sidebar: rgba(255,255,255,0.85); --text-sidebar-active: #ffffff; } /* ---- rosa ---- */ [data-accent="rosa"] { --primary-50: #F8ECF2; --primary-100: #EFD0DD; --primary-200: #DEA1BC; --primary-300: #CE729A; --primary-400: #BD4379; --primary-500: #AD1457; --primary-600: #98124D; --primary-700: #820F41; --primary-800: #6B0C36; --primary-900: #530A2A; --primary: var(--primary-500); --primary-dark: var(--primary-700); --primary-light: var(--primary-200); --bg-sidebar: #880E4F; --bg-sidebar-dark: #6D0B3E; --info: var(--primary); --text-sidebar: rgba(255,255,255,0.85); --text-sidebar-active: #ffffff; } /* ---- cinza ---- */ [data-accent="cinza"] { --primary-50: #F0F2F3; --primary-100: #DADEE0; --primary-200: #B5BDC1; --primary-300: #8F9CA2; --primary-400: #6A7B83; --primary-500: #455A64; --primary-600: #3D4F58; --primary-700: #34444B; --primary-800: #2B383E; --primary-900: #212B30; --primary: var(--primary-500); --primary-dark: var(--primary-700); --primary-light: var(--primary-200); --bg-sidebar: #37474F; --bg-sidebar-dark: #2C393F; --info: var(--primary); --text-sidebar: rgba(255,255,255,0.85); --text-sidebar-active: #ffffff; } /* Default fallback (azul) se nenhum data-accent estiver setado */ :root { --text-sidebar: rgba(255,255,255,0.85); --text-sidebar-active: #ffffff; } /* ============================================================ DARK MODE OVERRIDES Letras escuras (hex fixos inline) -> versões claras ============================================================ */ /* Variáveis semânticas claras no tema escuro */ [data-theme="dark"] { --success: #81c784; --success-light: rgba(46,125,50,0.15); --success-border: rgba(46,125,50,0.45); --warning: #ffb74d; --warning-light: rgba(230,81,0,0.15); --warning-border: rgba(230,81,0,0.45); --danger: #e57373; --danger-light: rgba(198,40,40,0.15); --danger-border: rgba(198,40,40,0.45); --info: #4fc3f7; --info-light: rgba(4,178,217,0.15); --info-border: rgba(4,178,217,0.45); --purple: #ce93d8; --purple-light: rgba(106,27,154,0.15); --teal: #80cbc4; --teal-light: rgba(0,105,92,0.15); --status-funcionando: #81c784; --status-preventiva: #ffb74d; --status-corretiva: #e57373; --status-parado: #e57373; --status-teste: #4fc3f7; --status-desativado: #bdbdbd; --priority-baixa: #81c784; --priority-media: #ffb74d; --priority-alta: #e57373; --priority-critica: #ce93d8; --text-secondary: #b0bec5; --text-muted: #90a4ae; } [data-theme="dark"] [style*="color:#1976d2"] { color:#90caf9 !important; } [data-theme="dark"] [style*="color:#1565c0"] { color:#90caf9 !important; } [data-theme="dark"] [style*="color:#0d47a1"] { color:#90caf9 !important; } [data-theme="dark"] [style*="color:#1a3a6e"] { color:#90caf9 !important; } [data-theme="dark"] [style*="color:#2e7d32"] { color:#81c784 !important; } [data-theme="dark"] [style*="color:#00695c"] { color:#80cbc4 !important; } [data-theme="dark"] [style*="color:#1b5e20"] { color:#81c784 !important; } [data-theme="dark"] [style*="color:#c62828"] { color:#e57373 !important; } [data-theme="dark"] [style*="color:#dc3545"] { color:#e57373 !important; } [data-theme="dark"] [style*="color:#b71c1c"] { color:#e57373 !important; } [data-theme="dark"] [style*="color:#e65100"] { color:#ffb74d !important; } [data-theme="dark"] [style*="color:#ef6c00"] { color:#ffb74d !important; } [data-theme="dark"] [style*="color:#f57c00"] { color:#ffb74d !important; } [data-theme="dark"] [style*="color:#6a1b9a"] { color:#ce93d8 !important; } [data-theme="dark"] [style*="color:#7b1fa2"] { color:#ce93d8 !important; } [data-theme="dark"] [style*="color:#4a148c"] { color:#ce93d8 !important; } [data-theme="dark"] [style*="color:#212121"] { color:#e0e0e0 !important; } [data-theme="dark"] [style*="color:#1a2332"] { color:#eceff1 !important; } [data-theme="dark"] [style*="color:#263238"] { color:#eceff1 !important; } [data-theme="dark"] [style*="color:#37474f"] { color:#cfd8dc !important; } [data-theme="dark"] [style*="color:#455a64"] { color:#b0bec5 !important; } [data-theme="dark"] [style*="color:#546e7a"] { color:#90a4ae !important; } [data-theme="dark"] [style*="color:#78909c"] { color:#b0bec5 !important; } [data-theme="dark"] [style*="color:#757575"] { color:#bdbdbd !important; } [data-theme="dark"] [style*="color:#616161"] { color:#bdbdbd !important; } [data-theme="dark"] [style*="color:#198754"] { color:#75c795 !important; } /* Fundos claros inline -> versões escuras translúcidas */ [data-theme="dark"] [style*="background:#e3f2fd"] { background-color:rgba(25,118,210,0.15) !important; } [data-theme="dark"] [style*="background:#bbdefb"] { background-color:rgba(25,118,210,0.22) !important; } [data-theme="dark"] [style*="background:#e8f5e9"] { background-color:rgba(46,125,50,0.15) !important; } [data-theme="dark"] [style*="background:#c8e6c9"] { background-color:rgba(46,125,50,0.22) !important; } [data-theme="dark"] [style*="background:#fff3e0"] { background-color:rgba(230,81,0,0.15) !important; } [data-theme="dark"] [style*="background:#fff8e1"] { background-color:rgba(230,81,0,0.18) !important; } [data-theme="dark"] [style*="background:#ffebee"] { background-color:rgba(198,40,40,0.15) !important; } [data-theme="dark"] [style*="background:#f3e5f5"] { background-color:rgba(106,27,154,0.15) !important; } [data-theme="dark"] [style*="background:#e0f2f1"] { background-color:rgba(0,105,92,0.15) !important; } [data-theme="dark"] [style*="background:#f5f7fa"] { background-color:rgba(255,255,255,0.045) !important; } [data-theme="dark"] [style*="background:#f5f5f5"] { background-color:rgba(255,255,255,0.045) !important; } [data-theme="dark"] [style*="background:#fafafa"] { background-color:rgba(255,255,255,0.045) !important; } [data-theme="dark"] [style*="background:#f8fafc"] { background-color:rgba(255,255,255,0.045) !important; } [data-theme="dark"] [style*="background:#f0f4f8"] { background-color:rgba(255,255,255,0.04) !important; } [data-theme="dark"] [style*="background:#e0e0e0"] { background-color:rgba(255,255,255,0.10) !important; } [data-theme="dark"] [style*="background:#bdbdbd"] { background-color:rgba(255,255,255,0.14) !important; } /* Classes de badges/status com cores fixas */ [data-theme="dark"] .priority-baixa { background: rgba(46,125,50,0.15); color: #81c784; border-color: #2e7d32; } [data-theme="dark"] .priority-media { background: rgba(230,81,0,0.15); color: #ffb74d; border-color: #e65100; } [data-theme="dark"] .priority-alta { background: rgba(198,40,40,0.15); color: #e57373; border-color: #c62828; } [data-theme="dark"] .priority-critica { background: rgba(106,27,154,0.15); color: #ce93d8; border-color: #6a1b9a; } [data-theme="dark"] .status-funcionando, [data-theme="dark"] .status-preventiva, [data-theme="dark"] .status-corretiva, [data-theme="dark"] .status-parado, [data-theme="dark"] .status-teste, [data-theme="dark"] .status-desativado { color: #e0e0e0 !important; } [data-theme="dark"] .cl-btn-conf { color:#81c784 !important; border-color:#81c784 !important; } [data-theme="dark"] .cl-btn-nconf { color:#e57373 !important; border-color:#e57373 !important; } [data-theme="dark"] .cl-btn-na { color:#b0bec5 !important; border-color:#90a4ae !important; } [data-theme="dark"] .status-rascunho { background: rgba(106,27,154,0.15); color:#ce93d8 !important; } [data-theme="dark"] .status-enviado { background: rgba(25,118,210,0.15); color:#90caf9 !important; } [data-theme="dark"] .status-aprovado { background: rgba(46,125,50,0.15); color:#81c784 !important; } [data-theme="dark"] .status-rejeitado { background: rgba(198,40,40,0.15); color:#e57373 !important; } [data-theme="dark"] .status-pendente { background: rgba(230,81,0,0.15); color:#ffb74d !important; } [data-theme="dark"] .status-solicitado { background: rgba(25,118,210,0.15); color:#90caf9 !important; } [data-theme="dark"] .status-atendido { background: rgba(46,125,50,0.15); color:#81c784 !important; } [data-theme="dark"] .status-aberto, [data-theme="dark"] .status-critico { color:#e57373 !important; } [data-theme="dark"] .bs-green { background: rgba(46,125,50,0.15); color:#81c784 !important; border-color:#2e7d32 !important; } [data-theme="dark"] .bs-orange { background: rgba(230,81,0,0.15); color:#ffb74d !important; border-color:#e65100 !important; } [data-theme="dark"] .bs-red { background: rgba(198,40,40,0.15); color:#e57373 !important; border-color:#c62828 !important; } [data-theme="dark"] .bs-blue { background: rgba(25,118,210,0.15); color:#90caf9 !important; border-color:#1565c0 !important; } [data-theme="dark"] .bs-purple { background: rgba(106,27,154,0.15); color:#ce93d8 !important; border-color:#6a1b9a !important; } [data-theme="dark"] .bs-gray { background: rgba(255,255,255,0.06); color:#bdbdbd !important; border-color:#616161 !important; } /* Prioridade inline em tabelas */ [data-theme="dark"] .prioridade-baixa { background: rgba(46,125,50,0.15); color:#81c784 !important; } [data-theme="dark"] .prioridade-media { background: rgba(230,81,0,0.15); color:#ffb74d !important; } [data-theme="dark"] .prioridade-alta { background: rgba(198,40,40,0.15); color:#e57373 !important; } [data-theme="dark"] .prioridade-urgente { background: rgba(198,40,40,0.25); color:#e57373 !important; } /* ============================================================ Bootstrap color utility classes no tema escuro (cores fixas do Bootstrap ficam ilegíveis no fundo escuro) ============================================================ */ [data-theme="dark"] .text-primary { color:#90caf9 !important; } [data-theme="dark"] .text-secondary { color:#8fa3b8 !important; } [data-theme="dark"] .text-muted { color:#8fa3b8 !important; } [data-theme="dark"] .text-success { color:#81c784 !important; } [data-theme="dark"] .text-danger { color:#e57373 !important; } [data-theme="dark"] .text-warning { color:#ffb74d !important; } [data-theme="dark"] .text-info { color:#4fc3f7 !important; } [data-theme="dark"] .text-dark { color:#e8edf4 !important; } [data-theme="dark"] .text-body { color:#e8edf4 !important; } [data-theme="dark"] .text-body-secondary { color:#8fa3b8 !important; } [data-theme="dark"] .text-body-tertiary { color:#6c7a8a !important; } [data-theme="dark"] .text-emphasis { color:#e8edf4 !important; } [data-theme="dark"] .text-black-50 { color:rgba(255,255,255,0.55) !important; } [data-theme="dark"] .text-white-50 { color:rgba(255,255,255,0.65) !important; } /* Tabelas com classe bootstrap .table: texto claro */ [data-theme="dark"] .table, [data-theme="dark"] .table td, [data-theme="dark"] .table th { color: var(--text-primary); } /* Form controls do Bootstrap já usam variáveis, mas reforço */ [data-theme="dark"] .form-control, [data-theme="dark"] .form-select, [data-theme="dark"] .form-check-label, [data-theme="dark"] .form-label { color: var(--text-primary); } /* ============================================================ Classes de previsão/documentos (orcamento, requisicao, etc.) usam cores fixas escuras (#222-#999) que precisam clarear ============================================================ */ [data-theme="dark"] .doc-titulo, [data-theme="dark"] .doc-num, [data-theme="dark"] .doc-tipo, [data-theme="dark"] .header-meta, [data-theme="dark"] .lbl, [data-theme="dark"] .lbl2, [data-theme="dark"] .sub, [data-theme="dark"] .val, [data-theme="dark"] .val2, [data-theme="dark"] .meta-item, [data-theme="dark"] .label, [data-theme="dark"] .cliente-sub, [data-theme="dark"] .cli-sub, [data-theme="dark"] .ass-cargo, [data-theme="dark"] .assinatura-nome, [data-theme="dark"] .assinatura-cargo, [data-theme="dark"] .descartada, [data-theme="dark"] .documento-preview, [data-theme="dark"] .doc-corpo { color: #cfd8dc !important; } [data-theme="dark"] .doc-titulo { color: #e8edf4 !important; } [data-theme="dark"] .doc-num, [data-theme="dark"] .doc-meta { color: #90a4ae !important; } /* Estados de peças com cor fixa */ [data-theme="dark"] .descartada { color: #90a4ae !important; } /* Cores de assinatura/resumo */ [data-theme="dark"] .assinatura-linha { border-color: rgba(255,255,255,0.25) !important; }