/* AUTO-GENERATED unified style.css: preserves all rules, standardizes palette per css1.css */ /* === THEME ROOT (based on css1.css) === */ :root { --amarelo: #FFC107; --branco: #FFFFFF; --preto: #000000; --azul-executivo: #0d6efd; /* Aliases to preserve rules from other CSS files */ --primary-color: var(--branco); --secondary-color: var(--preto); --accent-color: var(--amarelo); } /* === BASE TYPOGRAPHY & BACKGROUND (from css1.css) === */ body { background-color: #f8f9fa; font-family: 'Segoe UI', Tahoma, Geneva, Verdana, sans-serif; } /* === LOGIN PAGE BODY (scoped) === Add class="login-page" to in the login screen to apply these styles */ body.login-page { height: 100vh; display: flex; align-items: center; background: linear-gradient(135deg, rgba(0,0,0,0.8) 0%, rgba(0,0,0,0.6) 100%), url('https://images.unsplash.com/photo-1601597111158-2fceff292cdc?ixlib=rb-4.0.3&ixid=M3wxMjA3fDB8MHxwaG90by1wYWdlfHx8fGVufDB8fHx8fA%3D%3D&auto=format&fit=crop&w=1470&q=80') no-repeat center center; background-size: cover; } /* === PRESERVED RULES FROM css1.css === */ .header { background-color: var(--preto); color: var(--branco); padding: 20px 0; margin-bottom: 30px; } .logo { font-size: 1.8rem; font-weight: bold; color: var(--amarelo); } .card-header-custom { background-color: var(--preto); color: var(--branco); border-bottom: 3px solid var(--amarelo); } .btn-primary-custom { background-color: var(--amarelo); color: var(--preto); border: none; font-weight: 600; } .btn-primary-custom:hover { background-color: #e0a800; color: var(--preto); } .btn-outline-custom { border: 1px solid var(--preto); color: var(--preto); } .btn-outline-custom:hover { background-color: var(--preto); color: var(--branco); } .profile-badge { background-color: var(--amarelo); color: var(--preto); padding: 5px 10px; border-radius: 20px; font-size: 0.8rem; font-weight: 500; } .executive-badge { background-color: var(--azul-executivo); color: var(--branco); padding: 5px 10px; border-radius: 20px; font-size: 0.8rem; font-weight: 500; } .status-active { color: #28a745; } .status-inactive { color: #dc3545; } .table th { background-color: var(--preto); color: var(--branco); } .table-hover tbody tr:hover { background-color: rgba(255, 193, 7, 0.1); } .pagination .page-item.active .page-link { background-color: var(--amarelo); border-color: var(--amarelo); color: var(--preto); } .pagination .page-link { color: var(--preto); } .search-box { border-left: 3px solid var(--amarelo); } .alert-custom { border-left: 4px solid var(--amarelo); } .channel-badge { display: inline-flex; align-items: center; margin: 2px; padding: 4px 8px; background-color: #f8f9fa; border: 1px solid #dee2e6; border-radius: 15px; font-size: 0.75rem; font-weight: 500; } .channel-badge.whatsapp { background-color: #25D366; color: white; border-color: #25D366; } .channel-badge.telefone { background-color: #0d6efd; color: white; border-color: #0d6efd; } .channel-badge.discador { background-color: #fd7e14; color: white; border-color: #fd7e14; } .channel-badge.pap { background-color: #6f42c1; color: white; border-color: #6f42c1; } .filter-row { background-color: #f8f9fa; padding: 15px; border-radius: 5px; margin-bottom: 15px; } /* === PRESERVED RULES FROM css2.css === */ .header { background-color: var(--preto); color: var(--branco); padding: 20px 0; margin-bottom: 30px; } .logo { font-size: 1.8rem; font-weight: bold; color: var(--amarelo); } .card-header-custom { background-color: var(--preto); color: var(--branco); border-bottom: 3px solid var(--amarelo); } .btn-primary-custom { background-color: var(--amarelo); color: var(--preto); border: none; font-weight: 600; } .btn-primary-custom:hover { background-color: #e0a800; color: var(--preto); } .btn-outline-custom { border: 1px solid var(--preto); color: var(--preto); } .btn-outline-custom:hover { background-color: var(--preto); color: var(--branco); } .profile-badge { background-color: var(--amarelo); color: var(--preto); padding: 5px 10px; border-radius: 20px; font-size: 0.8rem; font-weight: 500; } .executive-badge { background-color: var(--azul-executivo); color: var(--branco); padding: 5px 10px; border-radius: 20px; font-size: 0.8rem; font-weight: 500; } .status-active { color: #28a745; } .status-inactive { color: #dc3545; } .table th { background-color: var(--preto); color: var(--branco); } .table-hover tbody tr:hover { background-color: rgba(255, 193, 7, 0.1); } .pagination .page-item.active .page-link { background-color: var(--amarelo); border-color: var(--amarelo); color: var(--preto); } .pagination .page-link { color: var(--preto); } .search-box { border-left: 3px solid var(--amarelo); width: 100%; max-width: 600px; background-color: var(--branco); border-radius: 50px; box-shadow: 0 5px 20px rgba(0, 0, 0, 0.1); padding: 10px 20px; border: 2px solid var(--amarelo); } .search-input { border: none; outline: none; width: 100%; font-size: 1.2rem; padding: 10px; } .search-btn { background-color: var(--amarelo); color: var(--preto); border: none; border-radius: 50%; width: 50px; height: 50px; font-size: 1.2rem; cursor: pointer; transition: all 0.3s; } .search-btn:hover { background-color: #e0a800; transform: scale(1.05); } .recent-searches { max-width: 600px; margin: 0 auto; padding: 20px; } .recent-item { cursor: pointer; transition: all 0.3s; border-left: 3px solid var(--amarelo); padding-left: 10px; } .recent-item:hover { background-color: #f8f9fa; transform: translateX(5px); } .footer { background-color: var(--preto); color: var(--branco); padding: 15px 0; text-align: center; } .results-container { max-width: 800px; margin: 20px auto; } .client-card { border-left: 4px solid var(--amarelo); margin-bottom: 15px; transition: all 0.3s; } .client-card:hover { transform: translateY(-3px); box-shadow: 0 5px 15px rgba(0,0,0,0.1); } .alert-custom { border-left: 4px solid var(--amarelo); } .channel-badge { display: inline-flex; align-items: center; margin: 2px; padding: 4px 8px; background-color: #f8f9fa; border: 1px solid #dee2e6; border-radius: 15px; font-size: 0.75rem; font-weight: 500; } .channel-badge.whatsapp { background-color: #25D366; color: white; border-color: #25D366; } .channel-badge.telefone { background-color: #0d6efd; color: white; border-color: #0d6efd; } .channel-badge.discador { background-color: #fd7e14; color: white; border-color: #fd7e14; } .channel-badge.pap { background-color: #6f42c1; color: white; border-color: #6f42c1; } .filter-row { background-color: #f8f9fa; padding: 15px; border-radius: 5px; margin-bottom: 15px; } /* === PRESERVED RULES FROM css3.css === */ /* Estilos para a seção de CASH-IN */ .cash-in-card { border-left: 4px solid #28a745; } .cash-in-value { font-size: 2rem; font-weight: bold; color: #28a745; } .header-card { background-color: var(--secondary-color); color: var(--primary-color); border-radius: 0; } .info-card { border-left: 4px solid var(--accent-color); } .section-title { background-color: var(--secondary-color); color: var(--primary-color); padding: 8px 15px; border-radius: 4px 4px 0 0; } .status-badge { background-color: #dc3545; color: white; padding: 3px 8px; border-radius: 12px; font-size: 0.8rem; cursor: pointer; } .status-edit { display: none; margin-top: 5px; } .tag-badge { background-color: var(--accent-color); color: var(--secondary-color); margin-right: 5px; } .action-item { border-left: 3px solid var(--accent-color); padding-left: 10px; margin-bottom: 10px; } .btn-primary-custom { background-color: var(--secondary-color); color: var(--primary-color); border: none; } .btn-primary-custom:hover { background-color: #333333; color: var(--primary-color); } .btn-accent { background-color: var(--accent-color); color: var(--secondary-color); border: none; } .btn-accent:hover { background-color: #e0a800; color: var(--secondary-color); } .table th { background-color: var(--secondary-color); color: var(--primary-color); } /* Timeline Styles */ .timeline { position: relative; padding-left: 50px; } .timeline::before { content: ''; position: absolute; left: 20px; top: 0; bottom: 0; width: 2px; background-color: var(--accent-color); } .timeline-item { position: relative; margin-bottom: 20px; } .timeline-item::before { content: ''; position: absolute; left: -40px; top: 5px; width: 20px; height: 20px; border-radius: 50%; background-color: var(--secondary-color); border: 3px solid var(--accent-color); } .timeline-date { font-weight: bold; color: var(--secondary-color); } .timeline-content { background-color: white; padding: 15px; border-radius: 5px; box-shadow: 0 2px 5px rgba(0,0,0,0.1); } .timeline-meta { font-size: 0.85rem; color: #6c757d; margin-bottom: 5px; } .notes-textarea { width: 100%; min-height: 100px; padding: 10px; border: 1px solid #ddd; border-radius: 5px; resize: vertical; } .notes-textarea:focus { outline: none; border-color: var(--accent-color); box-shadow: 0 0 0 0.2rem rgba(255, 193, 7, 0.25); } .autosave-indicator { font-size: 0.8rem; color: #28a745; display: none; } .m-badge { font-size: 1rem; font-weight: bold; width: 50px; height: 50px; border-radius: 50%; display: inline-flex; align-items: center; justify-content: center; margin-right: 10px; } .m0 { background-color: #dc3545; color: white; } .m1 { background-color: #fd7e14; color: white; } .m2 { background-color: #28a745; color: white; } .m2plus { background-color: #dc3545; color: white; } .days-counter { font-size: 1.2rem; font-weight: bold; color: var(--secondary-color); } .d-counter { color: #17a2b8; font-weight: bold; } .r-counter { color: #fd7e14; font-weight: bold; } .maquininha-status { padding: 8px 15px; border-radius: 20px; font-weight: bold; display: inline-block; cursor: pointer; } .interesse { background-color: #17a2b8; color: white; } .disponivel { background-color: #28a745; color: white; } .indisponivel { background-color: #6c757d; color: white; } .sem-interesse { background-color: #dc3545; color: white; } .followup-card { border-left: 4px solid var(--accent-color); margin-bottom: 15px; } .last-contact-card { border-left: 4px solid #6c757d; } .access-log { max-height: 200px; overflow-y: auto; } .access-log-item { border-bottom: 1px solid #eee; padding: 8px 0; } .edit-field { background-color: #fff; border: 1px dashed #ccc; padding: 5px; border-radius: 4px; cursor: pointer; } .edit-field:hover { background-color: #f8f9fa; } .copy-btn { padding: 0.1rem 0.3rem; margin-left: 0.5rem; font-size: 0.8rem; line-height: 1; border-radius: 3px; cursor: pointer; } .copy-btn:hover { background-color: #f8f9fa; } .toast { z-index: 1100; min-width: 250px; } /* Novo estilo para o histórico de status */ .status-history-item { border-left: 3px solid var(--accent-color); padding-left: 10px; margin-bottom: 10px; position: relative; } .status-history-item::before { content: ''; position: absolute; left: -3px; top: 10px; width: 10px; height: 10px; border-radius: 50%; background-color: var(--accent-color); } .status-history-date { font-size: 0.85rem; color: #6c757d; } .status-history-badge { font-size: 0.75rem; padding: 3px 8px; border-radius: 12px; margin-right: 5px; } /* Estilos para campos editáveis */ .editable-field { position: relative; padding-right: 25px; } .editable-field .edit-icon { position: absolute; right: 0; top: 0; cursor: pointer; opacity: 0; transition: opacity 0.2s; } .editable-field:hover .edit-icon { opacity: 1; } .edit-form { display: none; margin-top: 5px; } /* Cores para os status */ .status-backoffice { background-color: #6c757d; color: white; } .status-contato { background-color: #17a2b8; color: white; } .status-qualificacao { background-color: #28a745; color: white; } /* Cores específicas para status de backoffice */ .status-chamado-aberto { background-color: #32CD32; color: white; } .status-pendente-abertura { background-color: #FFA500; color: white; } .status-chamado-encerrado { background-color: #696969; color: white; } /* Cores específicas para situação de contato */ .status-sem-contato { background-color: #dc3545; color: white; } .status-retorno { background-color: #17a2b8; color: white; } .status-dados-invalidos { background-color: #6c757d; color: white; } /* Cores para status de qualificação */ .status-qualificacao-m0 { background-color: #dc3545; color: white; } .status-qualificacao-m1 { background-color: #fd7e14; color: white; } .status-qualificacao-m2 { background-color: #28a745; color: white; } /* Estilo para os grupos de status */ .status-group { margin-bottom: 15px; border-bottom: 1px solid #eee; padding-bottom: 10px; } .status-group-title { font-weight: bold; margin-bottom: 5px; color: var(--secondary-color); } /* Cores para status da maquininha */ .status-elegivel { background-color: #28a745; color: white; } .status-nao-elegivel { background-color: #dc3545; color: white; } .status-sem-interesse { background-color: #6c757d; color: white; } .status-com-interesse { background-color: #17a2b8; color: white; } .status-maquininha-ativa { background-color: #28a745; color: white; } .status-maquininha-inativa { background-color: #6c757d; color: white; } .status-com-defeito { background-color: #ffc107; color: black; } /* Novos estilos para status de venda da maquininha */ .status-vendida { background-color: #28a745; color: white; } .status-aceita { background-color: #17a2b8; color: white; } .status-instalada { background-color: #6610f2; color: white; } .status-ativada { background-color: #20c997; color: white; } .status-comissionada { background-color: #fd7e14; color: white; } /* Estilo para o formulário de venda */ .venda-maquininha-form { background-color: #f8f9fa; padding: 15px; border-radius: 5px; margin-top: 15px; border-left: 4px solid #ffc107; } .venda-maquininha-form .form-group { margin-bottom: 10px; } /* Estilo para o indicador J */ .j-indicator { font-size: 3rem; font-weight: bold; text-align: center; padding: 10px; border-radius: 10px; margin-bottom: 15px; background-color: #f8f9fa; border: 2px solid #dee2e6; } .j0 { background-color: #dc3545; color: white; } .j1 { background-color: #fd7e14; color: white; } .j2 { background-color: #ffc107; color: black; } .j3 { background-color: #20c997; color: white; } .j4 { background-color: #17a2b8; color: white; } .j5 { background-color: #6610f2; color: white; } .j6 { background-color: #28a745; color: white; } /* Estilo para datas de recebíveis */ .recebiveis-container { background-color: #f8f9fa; padding: 10px; border-radius: 5px; margin-top: 10px; border-left: 3px solid #17a2b8; } .recebivel-item { display: flex; justify-content: space-between; margin-bottom: 5px; } .recebivel-label { font-weight: bold; color: #495057; } .recebivel-value { color: #6c757d; } /* === PRESERVED RULES FROM css4.css === */ .header { background-color: var(--preto); color: var(--branco); padding: 20px 0; margin-bottom: 30px; } .logo { font-size: 1.8rem; font-weight: bold; color: var(--amarelo); } .card-header-custom { background-color: var(--preto); color: var(--branco); border-bottom: 3px solid var(--amarelo); } .btn-primary-custom { background-color: var(--amarelo); color: var(--preto); border: none; font-weight: 600; } .btn-primary-custom:hover { background-color: #e0a800; color: var(--preto); } .btn-outline-custom { border: 1px solid var(--preto); color: var(--preto); } .btn-outline-custom:hover { background-color: var(--preto); color: var(--branco); } .alert-custom { border-left: 4px solid var(--amarelo); } .channel-badge { display: inline-flex; align-items: center; margin: 5px; padding: 8px 15px; background-color: #f8f9fa; border: 1px solid #dee2e6; border-radius: 20px; cursor: pointer; transition: all 0.2s; } .channel-badge:hover { background-color: #e9ecef; } .channel-badge.selected { background-color: var(--amarelo); border-color: var(--amarelo); font-weight: 600; } .channel-badge input { display: none; } .channel-icon { margin-right: 8px; font-size: 1.2rem; } .channel-badge.whatsapp.selected { background-color: #25D366; color: white; border-color: #25D366; } .channel-badge.telefone.selected { background-color: #0d6efd; color: white; border-color: #0d6efd; } .channel-badge.discador.selected { background-color: #fd7e14; color: white; border-color: #fd7e14; } .channel-badge.pap.selected { background-color: #6f42c1; color: white; border-color: #6f42c1; } .section-title { color: var(--preto); font-weight: 600; margin: 20px 0 15px; display: flex; align-items: center; } .section-title i { margin-right: 10px; color: var(--amarelo); } /* === PRESERVED RULES FROM css5.css === */ .login-container { width: 100%; max-width: 450px; margin: 0 auto; background-color: var(--branco); border-radius: 10px; box-shadow: 0 5px 25px rgba(0, 0, 0, 0.2); overflow: hidden; } .login-header { background-color: var(--preto); color: var(--branco); padding: 25px; text-align: center; position: relative; } .login-header::after { content: ''; position: absolute; bottom: 0; left: 0; width: 100%; height: 4px; background-color: var(--amarelo); } .logo { font-size: 2rem; font-weight: bold; color: var(--amarelo); margin-bottom: 10px; } .login- .form-control:focus { border-color: var(--amarelo); box-shadow: 0 0 0 0.25rem rgba(255, 193, 7, 0.25); } .btn-login { background-color: var(--amarelo); color: var(--preto); border: none; padding: 12px; font-weight: 600; width: 100%; transition: all 0.3s; } .btn-login:hover { background-color: #e0a800; color: var(--preto); transform: translateY(-2px); } .forgot-password { color: var(--preto); text-decoration: none; transition: all 0.3s; } .forgot-password:hover { color: var(--amarelo); text-decoration: underline; } .input-group-text { background-color: var(--preto); color: var(--branco); border: none; } .divider { display: flex; align-items: center; text-align: center; margin: 20px 0; color: #6c757d; } .divider::before, .divider::after { content: ""; flex: 1; border-bottom: 1px solid #dee2e6; } .divider::before { margin-right: 10px; } .divider::after { margin-left: 10px; } .alert-danger { border-left: 4px solid #dc3545; } .footer { text-align: center; margin-top: 20px; color: #6c757d; font-size: 0.9rem; } /* === THEME STANDARDIZATION OVERRIDES (prefer css1.css for similar rules) === */ .header { background-color: var(--preto); color: var(--branco); padding: 20px 0; margin-bottom: 30px; } .logo { font-size: 1.8rem; font-weight: bold; color: var(--amarelo); } .card-header-custom { background-color: var(--preto); color: var(--branco); border-bottom: 3px solid var(--amarelo); } .btn-primary-custom { background-color: var(--amarelo); color: var(--preto); border: none; font-weight: 600; } .btn-primary-custom:hover { background-color: #e0a800; color: var(--preto); } .table th { background-color: var(--preto); color: var(--branco); } .pagination .page-item.active .page-link { background-color: var(--amarelo); border-color: var(--amarelo); color: var(--preto); } .pagination .page-link { color: var(--preto); } .search-box { border-left: 3px solid var(--amarelo); } .alert-custom { border-left: 4px solid var(--amarelo); } /* ==== LEADS.PHP HEADER E MENU ==== */ .header { background-color: var(--preto); color: var(--branco); padding: 20px 0; margin-bottom: 30px; } .logo { font-size: 1.8rem; font-weight: bold; color: var(--amarelo); } .header h1 { margin: 0; font-size: 1.5rem; font-weight: 600; } .header p { margin: 0; font-size: 0.9rem; color: var(--branco); } /* Container de formulário dentro da página de leads */ .form-container { max-width: 800px; margin: 0 auto; background: var(--branco); padding: 30px; border-radius: 8px; box-shadow: 0 0 15px rgba(0,0,0,0.1); border-left: 4px solid var(--amarelo); /* detalhe amarelo */ } /* Botões principais do leads.php */ .btn-primary-custom { background-color: var(--amarelo); color: var(--preto); border: none; font-weight: 600; transition: all 0.3s; } .btn-primary-custom:hover { background-color: #e0a800; color: var(--preto); }