:root { /* Tema escuro */ --cor-primaria: #00E5FF; --luz-primaria: #4AEAFF; --escuro-primaria: #00B8D4; --secondary-color: #6C63FF; --accent-color: #FF00E5; --success-color: #00E676; --warning-color: #FFAB00; --danger-color: #FF1744; --fundo-dark: #18181b; --fundo-darker: #36368b; --fundo-card-dark: #132F4C; --texto-primario-dark: #ffffff; --texto-secundario-dark: #e7e7e7; --cor-da-borda-dark: #1E4976; --cor-da-fonte-dark: #e5e5e5; --artec-accent-color: #FF00E5; /*usado para precis focus e view marcar diferenças*/ --artec-primary-color: #00E5FF;/*usado para precis focus e view marcar comentarios*/ /* Tema claro */ --fundo-light: #e5e5e5; --fundo-cinza: #989898; --fundo-card-light: #E3EDF7; --texto-primario-light: #1A202C; --texto-secundario-light: #4A5568; --cor-da-borda-light: #CBD5E1; --cor-da-fonte-light: #3b3945; --cor-botao-primario-light: #0800ff; --cor-botao-primario-hover: #080550; /* Adicionando variáveis para o botão secundário claro */ --cor-botao-secundario-light: #ffffff; --cor-botao-secundario-hover: #f3f3f3; /* Variáveis ativas (serão alteradas pelo toggle de tema) */ --fundo: var(--fundo-dark); --fundo-alt: var(--fundo-darker); --fundo-card: var(--fundo-card-dark); --texto-primario: var(--texto-primario-dark); --texto-secundario: var(--texto-secundario-dark); --cor-da-borda: var(--cor-da-borda-dark); /* Nova Definição de cores */ /* Header */ --Header-Texto: #ffffff; --Header-secondary-color: #6C63FF; --Header-cor-primaria: #00E5FF; --Header-luz-primaria: #4AEAFF; --Header-fundo: #061325; --Header-fundo-card: #132F4C; --Header-accent-color: #FF00E5; --Header-danger-color: #FF1744; --Header-sombra: 0 4px 12px rgba(0, 0, 0, 0.3); /* Corpo */ /*Tema Claro */ --Corpo-Fundo-Claro: #e5e5e5; --Corpo-Cor-Fonte-Claro: #3b3945; /*Tema Escuro */ --Corpo-Fundo-Escuro: #15152e; --Corpo-Cor-Fonte-Escuro: #e5e5e5; /*Variáveis de cores do corpo */ --Corpo-background: var(--Corpo-Fundo-Claro); --Corpo-Texto-1: var(--Corpo-Cor-Fonte-Claro); /* Cards */ /*Tema Claro */ --Card-Fundo-Claro: #ffffff; --Card-Fundo-Secundario-Claro: #8e8e8e97; --Card-Cor-Fonte-Claro: #3b3945; --Card-Cor-Borda-Inferior-Claro: #3b3945; --Card-Borda-Claro: #060347; --Card-Borda-Hover-Claro: #4d97a0; --Card-Borda-Hover-After-Claro: #8c00ff; /*Tema Escuro */ --Card-Fundo-Escuro: #28282f; --Card-Fundo-Secundario-Escuro: #232368; --Card-Cor-Fonte-Escuro: #e5e5e5; --Card-Cor-Borda-Inferior-Escuro: #e5e5e5; --Card-Borda-Escuro: #fdfeff; --Card-Borda-Hover-Escuro: #5b10cb; --Card-Borda-Hover-After-Escuro: #00d9f5; /*Variáveis de cores do card */ --Card-background: var(--Card-Fundo-Claro); --Card-background-Secundario: var(--Card-Fundo-Secundario-Claro); --Card-Texto-1: var(--Card-Cor-Fonte-Claro); --Card-Texto-Borda-Inferior: var(--Card-Cor-Borda-Inferior-Claro); --Card-Borda: var(--Card-Borda-Claro); --Card-Borda-Hover: var(--Card-Borda-Hover-Claro); --Card-Borda-After-Hover: var(--Card-Borda-Hover-After-Claro); /* Botões do Card */ /*Tema Claro */ --Card-Botao-Primario-Claro: #ffffff; --Card-Botao-Primario-Fundo-Claro: #2563eb; --Card-Botao-Primario-Hover-Claro: #9f9ebe; --Card-Botao-Primario-Borda-Claro: #2563eb; --Card-Botao-Primario-Borda-Hover-Claro: #9f9ebe; --Card-Botao-Secundario-Claro: #ffffff; --Card-Botao-Secundario-Fundo-Claro: #6C63FF; --Card-Botao-Secundario-Hover-Claro: #4b44c7; --Card-Botao-Secundario-Borda-Claro: #6C63FF; --Card-Botao-Secundario-Borda-Hover-Claro: #4b44c7; --Card-Botao-Perigo-Claro: #ffffff; --Card-Botao-Perigo-Fundo-Claro: #FF1744; --Card-Botao-Perigo-Hover-Claro: #b2102f; --Card-Botao-Perigo-Borda-Claro: #FF1744; --Card-Botao-Perigo-Borda-Hover-Claro: #b2102f; --Card-Botao-Sucesso-Claro: #ffffff; --Card-Botao-Sucesso-Fundo-Claro: #049010; --Card-Botao-Sucesso-Hover-Claro: #00b85c; --Card-Botao-Sucesso-Borda-Claro: #049010; --Card-Botao-Sucesso-Borda-Hover-Claro: #00b85c; --Card-Botao-Aviso-Claro: #ffffff; --Card-Botao-Aviso-Fundo-Claro: #FFAB00; --Card-Botao-Aviso-Hover-Claro: #cc8800; --Card-Botao-Aviso-Borda-Claro: #FFAB00; --Card-Botao-Aviso-Borda-Hover-Claro: #cc8800; /*Tema Escuro */ --Card-Botao-Primario-Escuro: #ffffff; --Card-Botao-Primario-Fundo-Escuro: #721de9; --Card-Botao-Primario-Hover-Escuro: #36027f; --Card-Botao-Primario-Borda-Escuro: #721de9; --Card-Botao-Primario-Borda-Hover-Escuro: #36027f; --Card-Botao-Secundario-Escuro: #ffffff; --Card-Botao-Secundario-Fundo-Escuro: #36368b; --Card-Botao-Secundario-Hover-Escuro: #23235a; --Card-Botao-Secundario-Borda-Escuro: #36368b; --Card-Botao-Secundario-Borda-Hover-Escuro: #23235a; --Card-Botao-Perigo-Escuro: #ffffff; --Card-Botao-Perigo-Fundo-Escuro: #FF1744; --Card-Botao-Perigo-Hover-Escuro: #b2102f; --Card-Botao-Perigo-Borda-Escuro: #FF1744; --Card-Botao-Perigo-Borda-Hover-Escuro: #b2102f; --Card-Botao-Sucesso-Escuro: #ffffff; --Card-Botao-Sucesso-Fundo-Escuro: #069550; --Card-Botao-Sucesso-Hover-Escuro: #00b85c; --Card-Botao-Sucesso-Borda-Escuro: #069550; --Card-Botao-Sucesso-Borda-Hover-Escuro: #00b85c; --Card-Botao-Aviso-Escuro: #ffffff; --Card-Botao-Aviso-Fundo-Escuro: #FFAB00; --Card-Botao-Aviso-Hover-Escuro: #cc8800; --Card-Botao-Aviso-Borda-Escuro: #FFAB00; --Card-Botao-Aviso-Borda-Hover-Escuro: #cc8800; /*Variáveis de cores do botão do card */ --Card-Botao-Primario: var(--Card-Botao-Primario-Claro); --Card-Botao-Primario-Fundo: var(--Card-Botao-Primario-Fundo-Claro); --Card-Botao-Primario-Hover: var(--Card-Botao-Primario-Hover-Claro); --Card-Botao-Primario-Borda: var(--Card-Botao-Primario-Borda-Claro); --Card-Botao-Primario-Borda-Hover: var(--Card-Botao-Primario-Borda-Hover-Claro); --Card-Botao-Secundario: var(--Card-Botao-Secundario-Claro); --Card-Botao-Secundario-Fundo: var(--Card-Botao-Secundario-Fundo-Claro); --Card-Botao-Secundario-Hover: var(--Card-Botao-Secundario-Hover-Claro); --Card-Botao-Secundario-Borda: var(--Card-Botao-Secundario-Borda-Claro); --Card-Botao-Secundario-Borda-Hover: var(--Card-Botao-Secundario-Borda-Hover-Claro); --Card-Botao-Perigo: var(--Card-Botao-Perigo-Claro); --Card-Botao-Perigo-Fundo: var(--Card-Botao-Perigo-Fundo-Claro); --Card-Botao-Perigo-Hover: var(--Card-Botao-Perigo-Hover-Claro); --Card-Botao-Perigo-Borda: var(--Card-Botao-Perigo-Borda-Claro); --Card-Botao-Perigo-Borda-Hover: var(--Card-Botao-Perigo-Borda-Hover-Claro); --Card-Botao-Sucesso: var(--Card-Botao-Sucesso-Claro); --Card-Botao-Sucesso-Fundo: var(--Card-Botao-Sucesso-Fundo-Claro); --Card-Botao-Sucesso-Hover: var(--Card-Botao-Sucesso-Hover-Claro); --Card-Botao-Sucesso-Borda: var(--Card-Botao-Sucesso-Borda-Claro); --Card-Botao-Sucesso-Borda-Hover: var(--Card-Botao-Sucesso-Borda-Hover-Claro); --Card-Botao-Aviso: var(--Card-Botao-Aviso-Claro); --Card-Botao-Aviso-Fundo: var(--Card-Botao-Aviso-Fundo-Claro); --Card-Botao-Aviso-Hover: var(--Card-Botao-Aviso-Hover-Claro); --Card-Botao-Aviso-Borda: var(--Card-Botao-Aviso-Borda-Claro); --Card-Botao-Aviso-Borda-Hover: var(--Card-Botao-Aviso-Borda-Hover-Claro); /* Sombras e outros */ --sombra_pequena: 0 2px 8px rgba(0, 0, 0, 0.2); --sombra_media: 0 4px 12px rgba(0, 0, 0, 0.3); --sombra_grande: 0 8px 20px rgba(0, 0, 0, 0.4); --cirular_pequeno: 0.375rem; --cirular_medio: 0.5rem; --cirular_longo: 0.75rem; --transition: all 0.3s ease; /* Novas variáveis de tema */ /* Botões de ação */ --Botao-Acao-Claro: #ffffff; --Botao-Acao-Fundo-Claro: #6b21a8; --Botao-Acao-Hover-Claro: #6b21a8; --Botao-Acao-Borda-Claro: #7e22ce; --Botao-Acao-Borda-Hover-Claro: #6b21a8; --Botao-Acao-Escuro: #ffffff; --Botao-Acao-Fundo-Escuro: #8b5cf6; --Botao-Acao-Hover-Escuro: #7c3aed; --Botao-Acao-Borda-Escuro: #8b5cf6; --Botao-Acao-Borda-Hover-Escuro: #7c3aed; --Botao-Acao: var(--Botao-Acao-Claro); --Botao-Acao-Fundo: var(--Botao-Acao-Fundo-Claro); --Botao-Acao-Hover: var(--Botao-Acao-Hover-Claro); --Botao-Acao-Borda: var(--Botao-Acao-Borda-Claro); --Botao-Acao-Borda-Hover: var(--Botao-Acao-Borda-Hover-Claro); /* Botões de informação */ --Botao-Info-Claro: #ffffff; --Botao-Info-Fundo-Claro: #0284c7; --Botao-Info-Hover-Claro: #0369a1; --Botao-Info-Borda-Claro: #0284c7; --Botao-Info-Borda-Hover-Claro: #0369a1; --Botao-Info-Escuro: #ffffff; --Botao-Info-Fundo-Escuro: #38bdf8; --Botao-Info-Hover-Escuro: #0ea5e9; --Botao-Info-Borda-Escuro: #38bdf8; --Botao-Info-Borda-Hover-Escuro: #0ea5e9; --Botao-Info: var(--Botao-Info-Claro); --Botao-Info-Fundo: var(--Botao-Info-Fundo-Claro); --Botao-Info-Hover: var(--Botao-Info-Hover-Claro); --Botao-Info-Borda: var(--Botao-Info-Borda-Claro); --Botao-Info-Borda-Hover: var(--Botao-Info-Borda-Hover-Claro); /* Botões de link */ --Botao-Link-Claro: #1e40af; --Botao-Link-Fundo-Claro: transparent; --Botao-Link-Hover-Claro: #1e3a8a; --Botao-Link-Hover-Fundo-Claro: #f0f9ff; --Botao-Link-Escuro: #93c5fd; --Botao-Link-Fundo-Escuro: transparent; --Botao-Link-Hover-Escuro: #bfdbfe; --Botao-Link-Hover-Fundo-Escuro: #1e293b; --Botao-Link: var(--Botao-Link-Claro); --Botao-Link-Fundo: var(--Botao-Link-Fundo-Claro); --Botao-Link-Hover: var(--Botao-Link-Hover-Claro); --Botao-Link-Hover-Fundo: var(--Botao-Link-Hover-Fundo-Claro); /* Painéis */ --Painel-Fundo-Claro: #f8fafc; --Painel-Borda-Claro: #e2e8f0; --Painel-Titulo-Claro: #0f172a; --Painel-Texto-Claro: #334155; --Painel-Destaque-Claro: #f1f5f9; --Painel-Acao-Claro: #3b82f6; --Painel-Fundo-Escuro: #1e293b; --Painel-Borda-Escuro: #334155; --Painel-Titulo-Escuro: #f8fafc; --Painel-Texto-Escuro: #cbd5e1; --Painel-Destaque-Escuro: #0f172a; --Painel-Acao-Escuro: #60a5fa; --Painel-Fundo: var(--Painel-Fundo-Claro); --Painel-Borda: var(--Painel-Borda-Claro); --Painel-Titulo: var(--Painel-Titulo-Claro); --Painel-Texto: var(--Painel-Texto-Claro); --Painel-Destaque: var(--Painel-Destaque-Claro); --Painel-Acao: var(--Painel-Acao-Claro); /* Estados e status */ --Status-Pendente-Claro: #f59e0b; --Status-Pendente-Fundo-Claro: #fef3c7; --Status-EmAndamento-Claro: #3b82f6; --Status-EmAndamento-Fundo-Claro: #dbeafe; --Status-Concluido-Claro: #10b981; --Status-Concluido-Fundo-Claro: #d1fae5; --Status-Cancelado-Claro: #ef4444; --Status-Cancelado-Fundo-Claro: #fee2e2; --Status-Atrasado-Claro: #f43f5e; --Status-Atrasado-Fundo-Claro: #ffe4e6; --Status-Pendente-Escuro: #fcd34d; --Status-Pendente-Fundo-Escuro: #422006; --Status-EmAndamento-Escuro: #60a5fa; --Status-EmAndamento-Fundo-Escuro: #172554; --Status-Concluido-Escuro: #34d399; --Status-Concluido-Fundo-Escuro: #064e3b; --Status-Cancelado-Escuro: #f87171; --Status-Cancelado-Fundo-Escuro: #450a0a; --Status-Atrasado-Escuro: #fb7185; --Status-Atrasado-Fundo-Escuro: #4c0519; --Status-Pendente: var(--Status-Pendente-Claro); --Status-Pendente-Fundo: var(--Status-Pendente-Fundo-Claro); --Status-EmAndamento: var(--Status-EmAndamento-Claro); --Status-EmAndamento-Fundo: var(--Status-EmAndamento-Fundo-Claro); --Status-Concluido: var(--Status-Concluido-Claro); --Status-Concluido-Fundo: var(--Status-Concluido-Fundo-Claro); --Status-Cancelado: var(--Status-Cancelado-Claro); --Status-Cancelado-Fundo: var(--Status-Cancelado-Fundo-Claro); --Status-Atrasado: var(--Status-Atrasado-Claro); --Status-Atrasado-Fundo: var(--Status-Atrasado-Fundo-Claro); /* Caixas de formulário */ --Input-Texto-Claro: #0f172a; --Input-Fundo-Claro: #ffffff; --Input-Borda-Claro: #cbd5e1; --Input-Foco-Claro: #3b82f6; --Input-Foco-Fundo-Claro: #eff6ff; --Input-Placeholder-Claro: #94a3b8; --Input-Erro-Claro: #ef4444; --Input-Erro-Fundo-Claro: #fef2f2; --Input-Sucesso-Claro: #10b981; --Input-Sucesso-Fundo-Claro: #f0fdf4; --Input-Texto-Escuro: #f8fafc; --Input-Fundo-Escuro: #1e293b; --Input-Borda-Escuro: #475569; --Input-Foco-Escuro: #60a5fa; --Input-Foco-Fundo-Escuro: #0f172a; --Input-Placeholder-Escuro: #64748b; --Input-Erro-Escuro: #f87171; --Input-Erro-Fundo-Escuro: #450a0a; --Input-Sucesso-Escuro: #34d399; --Input-Sucesso-Fundo-Escuro: #064e3b; --Input-Texto: var(--Input-Texto-Claro); --Input-Fundo: var(--Input-Fundo-Claro); --Input-Borda: var(--Input-Borda-Claro); --Input-Foco: var(--Input-Foco-Claro); --Input-Foco-Fundo: var(--Input-Foco-Fundo-Claro); --Input-Placeholder: var(--Input-Placeholder-Claro); --Input-Erro: var(--Input-Erro-Claro); --Input-Erro-Fundo: var(--Input-Erro-Fundo-Claro); --Input-Sucesso: var(--Input-Sucesso-Claro); --Input-Sucesso-Fundo: var(--Input-Sucesso-Fundo-Claro); /* Tipografia adicional */ --Texto-Titulo-Claro: #111827; --Texto-Subtitulo-Claro: #374151; --Texto-Pequeno-Claro: #6b7280; --Texto-Destaque-Claro: #0f172a; --Texto-Titulo-Escuro: #f9fafb; --Texto-Subtitulo-Escuro: #e5e7eb; --Texto-Pequeno-Escuro: #9ca3af; --Texto-Destaque-Escuro: #f8fafc; --Texto-Titulo: var(--Texto-Titulo-Claro); --Texto-Subtitulo: var(--Texto-Subtitulo-Claro); --Texto-Pequeno: var(--Texto-Pequeno-Claro); --Texto-Destaque: var(--Texto-Destaque-Claro); } * { box-sizing: border-box; margin: 0; padding: 0; } .botao-animado { position: relative; overflow: hidden; transform: translateZ(0); transition: color 0.3s ease, border-color 0.3s ease; z-index: 1; } .botao-animado::before { content: ""; position: absolute; left: 0; top: 0; width: 0%; height: 100%; z-index: -1; transition: width 0.3s ease; opacity: 1; } .botao-animado:hover::before { width: 100%; } .botao-primario { background: linear-gradient(90deg, var(--Card-Botao-Primario-Fundo), var(--Card-Botao-Primario-Hover)); color: var(--Card-Botao-Primario) !important; border: 1px solid var(--Card-Botao-Primario-Borda) !important; } .botao-primario::before { background: linear-gradient(90deg, var(--Card-Botao-Primario-Hover), var(--Card-Botao-Primario-Fundo)); border: 1px solid var(--Card-Botao-Primario-Borda-Hover) !important; } .botao-primario:hover { background: var(--Card-Botao-Primario-Hover) !important; color: var(--Card-Botao-Primario) !important; border: 1px solid var(--Card-Botao-Primario-Borda-Hover) !important; } .botao-secundario { background: var(--Card-Botao-Secundario-Fundo) !important; color: var(--Card-Botao-Secundario) !important; border: 1px solid var(--Card-Botao-Secundario-Borda) !important; } .botao-secundario:hover { background: var(--Card-Botao-Secundario-Hover) !important; color: var(--Card-Botao-Secundario) !important; border: 1px solid var(--Card-Botao-Secundario-Borda-Hover) !important; } .botao-perigo { background: var(--Card-Botao-Perigo-Fundo) !important; color: var(--Card-Botao-Perigo) !important; border: 1px solid var(--Card-Botao-Perigo-Borda) !important; } .botao-perigo:hover { background: var(--Card-Botao-Perigo-Hover) !important; color: var(--Card-Botao-Perigo) !important; border: 1px solid var(--Card-Botao-Perigo-Borda-Hover) !important; } .botao-verde { background: var(--Card-Botao-Sucesso-Fundo) !important; color: var(--Card-Botao-Sucesso) !important; } .botao-verde:hover { background: var(--Card-Botao-Sucesso-Hover) !important; color: var(--Card-Botao-Sucesso) !important; } .Corpo-Texto-1 { color: var(--Corpo-Texto-1) !important; } .Rodape_site { display: grid; grid-template-columns: auto 1fr auto; gap: 2rem; align-items: center; padding: 1rem; } @media (max-width: 768px) { .Rodape_site { grid-template-columns: 1fr; text-align: center; } } .Rodape_app { display: flex; align-items: flex-end; justify-content: flex-start; padding: 1rem; color: #fff; font-size: 0.85rem; text-shadow: 1px 1px 2px #000, 0 0 1px #000; } @media (max-width: 768px) { .Rodape_app { flex-direction: column; align-items: center; justify-content: center; text-align: center; } } /* Estilo customizado para Select2 do usuário */ .select2-usuario .select2-selection { background: var(--Card-background); color: var(--Card-Texto-1); border: 1px solid var(--Card-Borda); border-radius: var(--cirular_medio); min-height: 38px; transition: border-color 0.3s; } .select2-usuario .select2-selection--single { display: flex; align-items: center; height: 38px; } .select2-usuario .select2-selection__rendered { color: var(--Card-Texto-1); line-height: 36px; padding-left: 12px; } .select2-usuario .select2-selection__arrow { height: 36px; right: 8px; } .select2-usuario .select2-selection:focus, .select2-usuario .select2-selection--single:focus { border-color: var(--Card-Borda-Hover); outline: none; } .select2-usuario .select2-dropdown { background: var(--Card-background); color: var(--Card-Texto-1); border: 1px solid var(--Card-Borda); border-radius: var(--cirular_medio); box-shadow: var(--sombra_pequena); } .select2-usuario .select2-results__option--highlighted { background: var(--Card-Botao-Primario-Fundo); color: var(--Card-Botao-Primario); } .select2-usuario .select2-results__option--selected { background: var(--Card-Botao-Secundario-Fundo); color: var(--Card-Botao-Secundario); } /* Estilos para novos botões */ /* Botão de ação */ .botao-acao { background: var(--Botao-Acao-Fundo) !important; color: var(--Botao-Acao) !important; border: 1px solid var(--Botao-Acao-Borda) !important; transition: var(--transition); } .botao-acao:hover { background: var(--Botao-Acao-Hover) !important; border-color: var(--Botao-Acao-Borda-Hover) !important; } /* Botão de informação */ .botao-info { background: var(--Botao-Info-Fundo) !important; color: var(--Botao-Info) !important; border: 1px solid var(--Botao-Info-Borda) !important; transition: var(--transition); } .botao-info:hover { background: var(--Botao-Info-Hover) !important; border-color: var(--Botao-Info-Borda-Hover) !important; } /* Botão de link */ .botao-link { background: var(--Botao-Link-Fundo) !important; color: var(--Botao-Link) !important; border: none !important; text-decoration: underline; transition: var(--transition); } .botao-link:hover { color: var(--Botao-Link-Hover) !important; background: var(--Botao-Link-Hover-Fundo) !important; text-decoration: none; } /* Estilos para painéis */ .painel { background: var(--Painel-Fundo) !important; border: 1px solid var(--Painel-Borda) !important; border-radius: var(--cirular_medio) !important; padding: 1rem !important; margin-bottom: 1rem !important; box-shadow: var(--sombra_pequena) !important; } .painel-titulo { font-size: 1.25rem !important; font-weight: 600 !important; color: var(--Painel-Titulo) !important; margin-bottom: 0.75rem !important; } .painel-corpo { color: var(--Painel-Texto) !important; } .painel-destaque { background: var(--Painel-Destaque) !important; padding: 0.75rem !important; border-radius: var(--cirular_pequeno) !important; margin: 0.5rem 0 !important; } .painel-acao { color: var(--Painel-Acao) !important; text-decoration: none !important; font-weight: 500 !important; cursor: pointer !important; } .painel-acao:hover { text-decoration: underline !important; } /* Estilos para status */ .badge { display: inline-block !important; padding: 0.25rem 0.75rem !important; font-size: 0.75rem !important; font-weight: 600 !important; border-radius: 9999px !important; text-align: center !important; } .badge-pendente { color: var(--Status-Pendente) !important; background: var(--Status-Pendente-Fundo) !important; } .badge-em-andamento { color: var(--Status-EmAndamento) !important; background: var(--Status-EmAndamento-Fundo) !important; } .badge-concluido { color: var(--Status-Concluido) !important; background: var(--Status-Concluido-Fundo) !important; } .badge-cancelado { color: var(--Status-Cancelado) !important; background: var(--Status-Cancelado-Fundo) !important; } .badge-atrasado { color: var(--Status-Atrasado) !important; background: var(--Status-Atrasado-Fundo) !important; } /* Estilos para formulários */ .input-form { width: 100% !important; padding: 0.5rem 0.75rem !important; font-size: 1rem !important; line-height: 1.5 !important; color: var(--Input-Texto) !important; background: var(--Input-Fundo) !important; border: 1px solid var(--Input-Borda) !important; border-radius: var(--cirular_pequeno) !important; transition: var(--transition) !important; } .input-form::placeholder { color: var(--Input-Placeholder) !important; } .input-form:focus { outline: none !important; border-color: var(--Input-Foco) !important; background: var(--Input-Foco-Fundo) !important; box-shadow: 0 0 0 3px rgba(59, 130, 246, 0.2) !important; } .input-form.erro { border-color: var(--Input-Erro) !important; background: var(--Input-Erro-Fundo) !important; } .input-form.sucesso { border-color: var(--Input-Sucesso) !important; background: var(--Input-Sucesso-Fundo) !important; } .form-grupo { margin-bottom: 1rem !important; } .form-label { display: block !important; margin-bottom: 0.5rem !important; font-weight: 500 !important; color: var(--Card-Texto-1) !important; } .form-erro { color: var(--Input-Erro) !important; font-size: 0.875rem !important; margin-top: 0.25rem !important; } /* Estilos de tipografia */ .texto-titulo { font-size: 1.5rem !important; font-weight: 700 !important; color: var(--Texto-Titulo) !important; margin-bottom: 0.75rem !important; } .texto-subtitulo { font-size: 1.25rem !important; font-weight: 600 !important; color: var(--Texto-Subtitulo) !important; margin-bottom: 0.5rem !important; } .texto-pequeno { font-size: 0.875rem !important; color: var(--Texto-Pequeno) !important; } .texto-destaque { font-weight: 600 !important; color: var(--Texto-Destaque) !important; } /* Estilos utilitários */ .margem-y-1 { margin-top: 0.25rem !important; margin-bottom: 0.25rem !important; } .margem-y-2 { margin-top: 0.5rem !important; margin-bottom: 0.5rem !important; } .margem-y-3 { margin-top: 0.75rem !important; margin-bottom: 0.75rem !important; } .margem-y-4 { margin-top: 1rem !important; margin-bottom: 1rem !important; } .margem-x-1 { margin-left: 0.25rem !important; margin-right: 0.25rem !important; } .margem-x-2 { margin-left: 0.5rem !important; margin-right: 0.5rem !important; } .margem-x-3 { margin-left: 0.75rem !important; margin-right: 0.75rem !important; } .margem-x-4 { margin-left: 1rem !important; margin-right: 1rem !important; } .padding-y-1 { padding-top: 0.25rem !important; padding-bottom: 0.25rem !important; } .padding-y-2 { padding-top: 0.5rem !important; padding-bottom: 0.5rem !important; } .padding-y-3 { padding-top: 0.75rem !important; padding-bottom: 0.75rem !important; } .padding-y-4 { padding-top: 1rem !important; padding-bottom: 1rem !important; } .padding-x-1 { padding-left: 0.25rem !important; padding-right: 0.25rem !important; } .padding-x-2 { padding-left: 0.5rem !important; padding-right: 0.5rem !important; } .padding-x-3 { padding-left: 0.75rem !important; padding-right: 0.75rem !important; } .padding-x-4 { padding-left: 1rem !important; padding-right: 1rem !important; } /* Utilitários de flex */ .flex { display: flex !important; } .flex-col { flex-direction: column !important; } .items-center { align-items: center !important; } .justify-between { justify-content: space-between !important; } .gap-1 { gap: 0.25rem !important; } .gap-2 { gap: 0.5rem !important; } .gap-3 { gap: 0.75rem !important; } .gap-4 { gap: 1rem !important; }