.clientes-page{box-sizing:border-box;background:#f4f7ff;width:100%;padding:0}.header h2{color:#1e40af;margin-top:20px;margin-bottom:19px;font-size:20px;font-weight:700}.acoes{z-index:10;gap:14px;width:100%;margin-bottom:20px;display:flex;position:relative}.acoes button{flex:1;min-height:48px}.btn-primary,.btn-secondary{cursor:pointer;border:none;border-radius:18px;justify-content:center;align-items:center;gap:8px;height:60px;padding:0 15px;font-size:16px;font-weight:600;display:flex}.btn-primary{color:#fff;background:linear-gradient(135deg,#2563eb,#1d4ed8);box-shadow:0 6px 18px #2563eb40}.btn-primary:active{transform:scale(.98)}.btn-secondary{color:#2563eb;background:#ffffff79;border:2px solid #bdc7d479}.btn-secondary:active{transform:scale(.98)}.clientes-lista{z-index:1;flex-direction:column;gap:16px;display:flex;position:relative}.cliente-card{background:#fff;border-radius:18px;justify-content:space-between;align-items:center;margin:0;padding:14px 16px;transition:all .2s;display:flex;box-shadow:0 6px 20px #0000000d}.cliente-card:hover{transform:translateY(-2px)}.cliente-card h4{color:#111827;margin:0;font-size:15px;font-weight:700}.cliente-card p{color:#6b7280;margin:4px 0 0;font-size:13px}.cliente-card small{color:#9ca3af;margin-top:20px;font-size:12px;display:inline-block}.acoes-card{flex-direction:column;gap:6px;display:flex}.editar,.excluir{cursor:pointer;border:none;border-radius:10px;padding:8px 12px;font-size:12px;font-weight:600}.editar{color:#2563eb;background:#eff6ff}.excluir{color:#dc2626;background:#fef2f2}.modal-bg{z-index:999;background:#0f172a8c;justify-content:center;align-items:center;padding:16px;display:flex;position:fixed;inset:0}.modal{background:#fff;border-radius:22px;width:100%;max-width:420px;padding:20px;animation:.2s pop;position:relative;box-shadow:0 20px 60px #0003}@keyframes pop{0%{opacity:0;transform:scale(.95)}to{opacity:1;transform:scale(1)}}.fechar{cursor:pointer;background:0 0;border:none;font-size:22px;position:absolute;top:12px;right:12px}.modal input,.modal textarea{box-sizing:border-box;border:1px solid #e5e7eb;border-radius:12px;outline:none;width:100%;margin-bottom:12px;padding:14px;font-family:Lucida Sans,Lucida Sans Regular,Lucida Grande,Lucida Sans Unicode,Geneva,Verdana,sans-serif;font-size:13px;transition:all .2s}.modal input:focus,.modal textarea:focus{border-color:#2563eb;gap:8px;box-shadow:0 0 0 3px #2563eb26}.modal .btn-primary{width:100%;height:50px;margin-top:6px}.btn-whats{text-align:center;color:#fff;cursor:pointer;background:#22c55e;border:none;border-radius:12px;justify-content:center;align-items:center;gap:8px;width:100%;margin-bottom:8px;padding:12px;font-weight:600;transition:all .2s;display:flex}.cliente-select{color:#333;cursor:pointer;background:#fff;border:1px solid #e5e7eb;border-radius:12px;outline:none;width:100%;margin-top:12px;margin-bottom:16px;padding:10px;font-size:15px;font-weight:500;transition:all .2s}.cliente-select:focus{border-color:#4a6fff;box-shadow:0 0 0 3px #4a6fff26}.cliente-select:hover{border-color:#4a6fff}.btn-whats:hover{transform:translateY(-1px)}.btn-whats:disabled{opacity:.5;cursor:not-allowed}@media (width<=480px){.cliente-card{align-items:flex-start}}