/* Tema claro — aditivo, só entra em vigor com a classe .theme-light no . Não altera nenhuma regra das folhas escuras existentes. */ /* --- styleprincipal.css --- */ .theme-light { --glass-bg: rgba(0, 0, 0, 0.03); --glass-border: rgba(0, 0, 0, 0.08); --text-light: #1a1a1a; } body.theme-light { background: linear-gradient(135deg, #f4f5f7 0%, #ffffff 50%, #f4f5f7 100%); } .theme-light .sidebar-subtitle, .theme-light .user-info span, .theme-light .stat-label, .theme-light .appointment-service { color: rgba(0, 0, 0, 0.55); } .theme-light .sidebar-header { border-bottom-color: rgba(0, 0, 0, 0.08); } .theme-light .menu-link { color: rgba(0, 0, 0, 0.65); } .theme-light .menu-link::before, .theme-light .menu-link:hover::before { background: rgba(0, 0, 0, 0.04); } .theme-light .menu-link:hover, .theme-light .menu-link.active { background: rgba(0, 0, 0, 0.03); } .theme-light .sidebar-toggle:hover, .theme-light .notification-btn:hover, .theme-light .user-profile:hover { background: rgba(0, 0, 0, 0.05); } .theme-light .card-header, .theme-light .appointment-item, .theme-light .card-title, .theme-light .stat-card::before { border-color: rgba(0, 0, 0, 0.08); } .theme-light .stat-icon.primary, .theme-light .stat-icon.warning { background: rgba(0, 0, 0, 0.05); } .theme-light .overlay { background: rgba(0, 0, 0, 0.3); } .theme-light .user-dropdown-menu { background: #ffffff; border-color: rgba(0, 0, 0, 0.1); box-shadow: 0 10px 30px rgba(0, 0, 0, 0.12); } .theme-light .user-dropdown-menu .dropdown-item { color: rgba(0, 0, 0, 0.75); } .theme-light .user-dropdown-menu .dropdown-item:hover, .theme-light .user-dropdown-menu .dropdown-item:focus { background: rgba(0, 0, 0, 0.05); color: var(--primary-color); } /* --- dashboard.css --- */ .theme-light .card { background: linear-gradient(135deg, rgba(255,255,255,0.95) 0%, rgba(245,245,245,0.95) 100%); border-color: rgba(0,0,0,0.1); } .theme-light .card:hover { box-shadow: 0 10px 30px rgba(0, 0, 0, 0.08); } .theme-light .filter-group label { color: #666; } .theme-light .filter-group select, .theme-light .filter-group input[type="date"] { background: rgba(255,255,255,0.9); border-color: rgba(0,0,0,0.15); color: #1a1a1a; } .theme-light .stat-box { background: linear-gradient(135deg, rgba(255,255,255,0.95) 0%, rgba(240,240,240,0.95) 100%); } .theme-light .stat-box::before { background: radial-gradient(circle, color-mix(in srgb, var(--primary-color) 15%, transparent) 0%, transparent 70%); } .theme-light .stat-box:hover { box-shadow: 0 15px 35px rgba(0,0,0,0.12); } .theme-light .stat-box p { color: #777; } .theme-light .stat-box .valor { color: #1a1a1a; } .theme-light .etapas-titulo { color: #777; } .theme-light .etapa-chip { background: linear-gradient(135deg, rgba(255,255,255,0.95) 0%, rgba(240,240,240,0.95) 100%); box-shadow: 0 2px 8px rgba(0,0,0,0.06); } .theme-light .etapa-chip .etapa-label { color: #777; } .theme-light .chart-container { background: rgba(0,0,0,0.02); border-color: rgba(0,0,0,0.08); } .theme-light .vendas-list::-webkit-scrollbar-track, .theme-light .agendamentos-list::-webkit-scrollbar-track { background: rgba(0,0,0,0.05); } .theme-light .venda-item, .theme-light .agendamento-item { background: rgba(0,0,0,0.03); } .theme-light .venda-item:hover, .theme-light .agendamento-item:hover { background: rgba(0,0,0,0.05); } .theme-light .venda-item h5, .theme-light .agendamento-item h5 { color: #1a1a1a; } .theme-light .venda-item p, .theme-light .agendamento-item p { color: #777; } /* --- usuarios.css / vagas.html / kanban.html --- */ body.theme-light { background-color: #f4f5f7 !important; color: #1a1a1a !important; } .theme-light .custom-table-container { background: #ffffff !important; border-color: rgba(0, 0, 0, 0.08); } .theme-light .table-dark { --bs-table-bg: #ffffff; --bs-table-striped-bg: #f7f7f7; --bs-table-striped-color: #1a1a1a; --bs-table-active-bg: #f0f0f0; --bs-table-active-color: #1a1a1a; --bs-table-hover-bg: rgba(0, 0, 0, 0.03); --bs-table-hover-color: #1a1a1a; --bs-table-color: #1a1a1a; --bs-table-border-color: rgba(0, 0, 0, 0.08); color: #1a1a1a; } .theme-light .table thead th { background: rgba(0, 0, 0, 0.02); border-bottom-color: rgba(0, 0, 0, 0.1) !important; } .theme-light .table tbody td { color: #333 !important; border-bottom-color: rgba(0, 0, 0, 0.06) !important; } .theme-light .table-hover tbody tr:hover { background: rgba(0, 0, 0, 0.03) !important; } .theme-light .btn-premium-plus { background: linear-gradient(145deg, #f0f0f0, #e0e0e0); border-color: rgba(0, 0, 0, 0.08); } .theme-light .btn-inner { background: #ffffff; } .theme-light .custom-modal-content { background: #ffffff !important; color: #1a1a1a !important; box-shadow: 0 0 30px rgba(0, 0, 0, 0.15); } .theme-light .modal-header, .theme-light .modal-footer { border-color: rgba(0, 0, 0, 0.08) !important; } .theme-light .form-control-custom { background: #f4f5f7 !important; border-color: rgba(0, 0, 0, 0.12) !important; color: #1a1a1a !important; } .theme-light .btn-secondary-custom { color: #1a1a1a !important; border-color: rgba(0, 0, 0, 0.15) !important; } .theme-light .check-custom { background-color: #f4f5f7 !important; } .theme-light .check-custom:checked { background-color: var(--primary-color) !important; border-color: var(--primary-color) !important; } .theme-light #grupoModulosLista { background: rgba(0, 0, 0, 0.02); } .theme-light .auditoria-item { border-bottom-color: rgba(0, 0, 0, 0.08); } .theme-light .auditoria-texto { color: #1a1a1a; } @media (max-width: 768px) { .theme-light .table tr { background: #ffffff; border-color: rgba(0,0,0,0.08); } .theme-light .table td { border-bottom-color: rgba(0,0,0,0.06); } } /* --- configuracoes.css --- */ .theme-light .card { background-color: #ffffff !important; box-shadow: 0 0 15px rgba(0, 0, 0, 0.08); } .theme-light .form-control, .theme-light .form-select { background-color: #ffffff !important; color: #1a1a1a !important; border-color: #ddd; } .theme-light .form-control::placeholder { color: #999; } .theme-light .alert-success { background-color: #f0fff4 !important; } /* --- portal/candidatura (vagas.html + kanban.html inline) --- */ .theme-light .kanban-col { background: rgba(0,0,0,0.03); } /* --- stylelogin.css --- */ .theme-light { --shadow-color: rgba(0, 0, 0, 0.1); --border-color: rgba(0, 0, 0, 0.1); --input-bg: rgba(0, 0, 0, 0.03); --input-bg-focus: rgba(0, 0, 0, 0.05); --text-muted: rgba(0, 0, 0, 0.55); }