/* Lead detail panel */
.lead-detail{margin-top:16px}
.lead-detail-card{background:white;border-radius:12px;border:1px solid #E5E7EB;padding:24px;animation:slideDown 0.2s ease}
.lead-detail-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:16px}
.lead-detail-header h3{font-size:1.1rem;color:#333}
.lead-detail-header button{background:none;border:none;font-size:1.2rem;cursor:pointer;color:#999;padding:4px 8px;border-radius:6px}
.lead-detail-header button:hover{background:#f0f0f0;color:#333}
.lead-detail-body{display:grid;grid-template-columns:1fr 1fr;gap:12px}
.lead-field{display:flex;flex-direction:column;gap:2px}
.lead-label{font-size:0.75rem;font-weight:700;color:#999;text-transform:uppercase;letter-spacing:0.5px}
.lead-value{font-size:0.9rem;color:#333}
.lead-value a{color:#3B5998;word-break:break-all}
@media(max-width:768px){.lead-detail-body{grid-template-columns:1fr}}

/* Lead message generated */
.lead-actions{margin-top:16px;padding-top:16px;border-top:1px solid #f0f0f0}
.lead-msg-box{margin-top:12px;background:#f9fafb;border-radius:10px;padding:16px;border:1px solid #E5E7EB}
.lead-msg-label{font-size:0.8rem;font-weight:700;color:#666;margin-bottom:8px}
.lead-msg-text{white-space:pre-wrap;font-family:inherit;font-size:0.9rem;color:#333;background:white;padding:12px;border-radius:8px;border:1px solid #eee;margin-bottom:10px;line-height:1.6}

/* Lead paste box */
.lead-paste-box{background:#f9fafb;border:1px dashed #E5E7EB;border-radius:10px;padding:16px;margin-bottom:16px}
.lead-paste-box label{font-size:0.85rem;font-weight:600;color:#555;display:block;margin-bottom:8px}
.lead-paste-box textarea{width:100%;padding:10px 12px;border:1px solid #E5E7EB;border-radius:8px;font-size:0.9rem;outline:none;resize:vertical;font-family:inherit}
.lead-paste-box textarea:focus{border-color:#3B5998}
.lead-paste-box button{margin-top:8px}
#parse-msg{margin-top:8px;font-size:0.85rem}

/* Pipeline visual */
.lead-pipeline{display:flex;align-items:center;justify-content:center;gap:8px;padding:16px;background:white;border-radius:12px;border:1px solid #E5E7EB;margin-bottom:16px;flex-wrap:wrap}
.pipe-step{display:flex;flex-direction:column;align-items:center;gap:2px}
.pipe-icon{font-size:1.2rem}
.pipe-label{font-size:0.7rem;color:#666;font-weight:600}
.pipe-count{font-size:1.1rem;font-weight:800;color:#333}
.pipe-arrow{color:#ccc;font-size:1rem}

/* Secuencia de contacto */
.lead-sequence{margin-top:16px;padding-top:16px;border-top:1px solid #f0f0f0}
.lead-sequence h4{font-size:0.9rem;color:#333;margin-bottom:12px}
.seq-step{display:flex;align-items:center;gap:10px;padding:10px 12px;border-radius:8px;margin-bottom:6px;background:#f9fafb;border:1px solid #f0f0f0}
.seq-step.seq-done{background:#F0FDF4;border-color:#A8D5BA}
.seq-step.seq-active{background:#EEF2FA;border-color:#3B5998}
.seq-num{font-size:1.1rem;flex-shrink:0}
.seq-text{flex:1;font-size:0.85rem;font-weight:600;color:#333}
.seq-check{font-size:0.9rem}
.btn-seq{padding:5px 12px;background:#3B5998;color:white;border:none;border-radius:6px;font-size:0.8rem;font-weight:600;cursor:pointer;text-decoration:none}
.btn-seq:hover{background:#2D4373}
.seq-info{display:flex;flex-direction:column;flex:1}
.seq-when{font-size:0.7rem;color:#999;font-weight:400;margin-top:2px}