.app-content:has(.lead-pipeline-columns){max-width:100%;padding:16px}.lead-toolbar{padding:12px 20px}.lead-toolbar-row{flex-wrap:wrap;align-items:center;gap:12px;display:flex}.lead-search-wrap{flex:240px;position:relative}.lead-search-input{border-radius:var(--radius-full)!important;padding-left:36px!important}.lead-search-icon{color:var(--text-muted);pointer-events:none;font-size:16px;position:absolute;top:50%;left:12px;transform:translateY(-50%)}.lead-view-toggle{background:var(--bg-muted);border-radius:var(--radius-md);gap:2px;padding:2px;display:flex}.lead-view-toggle .btn{border-radius:var(--radius-sm);padding:4px 12px;font-size:12px}.lead-filter-pills{flex-wrap:wrap;gap:4px;display:flex}.lead-list-layout{gap:20px;transition:grid-template-columns .3s;display:grid}.lead-list{flex-direction:column;gap:10px;display:flex}.lead-card{cursor:pointer;transition:outline .15s,transform .15s;padding:14px 20px!important}.lead-card:hover{transform:translateY(-1px)}.lead-card-selected{outline:2px solid var(--brand-accent)!important}.lead-card-top{flex-wrap:wrap;align-items:center;gap:8px;margin-bottom:6px;display:flex}.lead-card-name{margin:0;font-size:15px;font-weight:700}.lead-card-contact{color:var(--text-muted);gap:16px;margin-top:4px;font-size:12px;display:flex}.lead-card-contact span{align-items:center;gap:4px;display:flex}.lead-stage-pill{letter-spacing:.3px;border-radius:12px;align-items:center;gap:4px;padding:2px 10px;font-size:11px;font-weight:700;display:inline-flex}.lead-priority-badge{border-radius:6px;align-items:center;gap:2px;padding:1px 6px;font-size:10px;font-weight:700;display:inline-flex}.lead-value{color:var(--brand-accent);font-weight:700}.lead-source-badge{color:var(--text-muted);background:var(--bg-muted);border-radius:6px;align-items:center;gap:4px;padding:1px 8px;font-size:11px;display:inline-flex}.lead-pipeline-layout{gap:16px;transition:grid-template-columns .3s;display:grid}.lead-pipeline-scroll{padding-bottom:8px;overflow-x:auto}.lead-pipeline-columns{grid-template-columns:repeat(9,minmax(180px,1fr));gap:8px;display:grid}.lead-pipeline-column{background:var(--bg-muted);border-radius:var(--radius-lg);border:1px solid var(--border-light);flex-direction:column;min-width:180px;max-height:calc(100vh - 200px);display:flex}.lead-pipeline-column-header{border-bottom:1px solid var(--border-light);flex-shrink:0;padding:10px 10px 8px}.lead-pipeline-column-title{align-items:center;gap:5px;font-size:11px;font-weight:700;display:flex}.lead-pipeline-count{background:var(--bg-surface);border:1px solid var(--border-light);min-width:18px;height:18px;color:var(--text-muted);border-radius:9px;justify-content:center;align-items:center;font-size:10px;font-weight:800;display:inline-flex}.lead-pipeline-column-total{color:var(--text-muted);margin-top:3px;font-size:10px;font-weight:600;display:block}.lead-pipeline-column-body{flex-direction:column;flex:1;gap:6px;min-height:60px;padding:6px;display:flex;overflow-y:auto}.lead-pipeline-column-body::-webkit-scrollbar{width:4px}.lead-pipeline-column-body::-webkit-scrollbar-track{background:0 0}.lead-pipeline-column-body::-webkit-scrollbar-thumb{background:var(--border-medium);border-radius:4px}.lead-pipeline-column-body::-webkit-scrollbar-thumb:hover{background:var(--text-muted)}.lead-pipeline-empty{color:var(--text-muted);opacity:.5;flex:1;justify-content:center;align-items:center;min-height:60px;font-size:11px;display:flex}.lead-pipeline-card{cursor:grab;border:1px solid #0000;min-height:70px;transition:outline .15s,transform .1s,box-shadow .15s;position:relative;margin:0!important;padding:14px!important}.lead-pipeline-card:hover{border-color:var(--border-medium);transform:translateY(-1px);box-shadow:0 2px 8px #00000014}.lead-pipeline-card-name{white-space:nowrap;text-overflow:ellipsis;margin:0 0 6px;font-size:14px;font-weight:700;line-height:1.3;overflow:hidden}.lead-pipeline-card-company{color:var(--text-muted);white-space:nowrap;text-overflow:ellipsis;margin-bottom:4px;font-size:10px;overflow:hidden}.lead-pipeline-card-meta{justify-content:space-between;align-items:center;gap:4px;margin-top:4px;display:flex}.lead-pipeline-card-priority{border-radius:4px;align-items:center;gap:2px;padding:1px 5px;font-size:9px;font-weight:700;display:inline-flex}.lead-card-note-preview{color:var(--text-muted);border-left:2px solid var(--border-medium);white-space:nowrap;text-overflow:ellipsis;background:#00000008;border-radius:4px;margin-top:4px;padding:4px 6px;font-size:10px;line-height:1.3;overflow:hidden}.lead-card-activity-row{color:var(--text-muted);align-items:center;gap:8px;margin-top:8px;font-size:11px;display:flex}.lead-card-note-pill-wrap{display:inline-flex;position:relative}.lead-card-note-count{color:#3b82f6;cursor:default;background:#3b82f614;border-radius:6px;align-items:center;gap:3px;padding:3px 8px;font-size:11px;font-weight:700;display:inline-flex}.lead-card-note-count.has-notes{background:#3b82f61f}.lead-card-note-count.no-notes{color:var(--text-muted);opacity:.5;background:#0000000a}.lead-card-note-tooltip{z-index:10000;pointer-events:auto;background:#1e1e2e;border:1px solid #ffffff1a;border-radius:10px;min-width:240px;max-width:320px;padding:12px;position:fixed;transform:translateY(-100%);box-shadow:0 12px 32px #00000073}.lead-card-note-tooltip-item{border-bottom:1px solid #ffffff0f;padding:6px 0}.lead-card-note-tooltip-item:last-child{border-bottom:none}.lead-card-note-tooltip-date{color:#fff6;text-transform:uppercase;letter-spacing:.5px;margin-bottom:2px;font-size:9px;font-weight:700;display:block}.lead-card-note-tooltip-text{color:#ffffffd9;font-size:11px;line-height:1.4;display:block}.lead-card-last-activity{color:var(--text-muted);margin-left:auto;font-size:11px}.lead-card-source{color:var(--text-muted);white-space:nowrap;text-overflow:ellipsis;background:#0000000a;border-radius:4px;max-width:100px;padding:2px 6px;font-size:10px;overflow:hidden}.lead-qual-badge{white-space:nowrap;border-radius:4px;padding:2px 6px;font-size:10px;font-weight:600}.lead-qual-qualified{color:#10b981;background:#10b9811f;border:1px solid #10b98140}.lead-qual-lost{color:#ef4444;background:#ef44441a;border:1px solid #ef444433}.lead-pipeline-card-info{justify-content:space-between;align-items:center;gap:6px;margin-bottom:4px;display:flex}.lead-card-value-badge{color:var(--brand-accent);font-size:13px;font-weight:700}.lead-followup-badge{border-radius:4px;align-items:center;gap:3px;padding:1px 6px;font-size:10px;font-weight:600;display:inline-flex}.lead-followup-badge.overdue{color:#ef4444;background:#ef44441a;border:1px solid #ef444433}.lead-followup-badge.today{color:#f59e0b;background:#f59e0b1a;border:1px solid #f59e0b33}.lead-followup-badge.upcoming{color:#3b82f6;background:#3b82f614;border:1px solid #3b82f626}.lead-detail-panel{max-height:calc(100vh - 40px);position:sticky;top:20px;overflow:hidden auto;padding:0!important}.lead-detail-header{border-bottom:1px solid var(--border-light);background:linear-gradient(135deg,#c19a5b14,#0000);padding:16px 20px}.lead-detail-section{border-bottom:1px solid var(--border-light);padding:14px 20px}.lead-detail-section-title{color:var(--text-muted);text-transform:uppercase;letter-spacing:1px;margin-bottom:10px;font-size:11px;font-weight:700}.lead-detail-section-header{justify-content:space-between;align-items:center;margin-bottom:10px;display:flex}.lead-detail-section-header .lead-detail-section-title{margin-bottom:0}.lead-stage-selector{flex-wrap:wrap;gap:3px;display:flex}.lead-stage-btn{border:1px solid var(--border-light);cursor:pointer;text-align:center;min-width:0;color:var(--text-muted);background:0 0;border-radius:6px;flex-direction:column;flex:1;align-items:center;gap:1px;padding:6px 3px;font-size:9px;font-weight:600;line-height:1.2;transition:all .15s;display:flex}.lead-stage-btn:hover{background:var(--bg-muted)}.lead-stage-btn.active{font-weight:800}.lead-contact-grid{grid-template-columns:1fr 1fr;gap:10px;display:grid}.lead-contact-item{font-size:12px}.lead-contact-label{color:var(--text-muted);text-transform:uppercase;letter-spacing:.5px;margin-bottom:2px;font-size:10px}.lead-contact-value{word-break:break-all;font-weight:600}.lead-contact-value a{color:var(--brand-accent);text-decoration:none}.lead-contact-value a:hover{text-decoration:underline}.lead-note-input{gap:6px;margin-bottom:12px;display:flex}.lead-notes-timeline{border-left:2px solid var(--border-light);flex-direction:column;gap:0;margin-left:6px;padding-left:14px;display:flex}.lead-note-item{padding-bottom:12px;position:relative}.lead-note-dot{background:var(--border-medium);border-radius:50%;width:8px;height:8px;position:absolute;top:4px;left:-20px}.lead-note-dot.accent{background:var(--brand-accent)}.lead-note-content{font-size:12px;line-height:1.5}.lead-detail-footer{border-top:1px solid var(--border-light);justify-content:space-between;gap:8px;padding:12px 20px;display:flex}.lead-delete-btn{font-size:11px;color:#ef4444!important;background:0 0!important;border:1px solid #ef444433!important}.lead-convert-btn{font-size:11px;font-weight:700;color:#fff!important;background:linear-gradient(135deg,#10b981,#059669)!important;border:none!important}.lead-convert-btn:hover{opacity:.9}.lead-column-drag-over{background:rgba(var(--brand-accent-rgb,212,175,55),.06);border:2px dashed var(--brand-accent,#d4af37);border-radius:8px;transition:all .2s}.lead-card-dragging{opacity:.4;transition:all .15s;transform:scale(.97)}.lead-pipeline-card.lead-card-dragging{opacity:1;z-index:999;transform:scale(1.03);box-shadow:0 12px 32px #0000002e}.lead-card-rotting{border-left:3px solid #f59e0b!important}.lead-card-rotting:after{content:"";background:#f59e0b;border-radius:50%;width:6px;height:6px;position:absolute;top:6px;right:6px}.lead-card-rotting-severe{border-left:3px solid #ef4444!important}.lead-card-rotting-severe:after{content:"";background:#ef4444;border-radius:50%;width:6px;height:6px;animation:1.5s ease-in-out infinite pulse-dot;position:absolute;top:6px;right:6px}@keyframes pulse-dot{0%,to{opacity:1;transform:scale(1)}50%{opacity:.5;transform:scale(1.3)}}.lead-filter-pill{padding:4px 12px;font-size:12px}.lead-new-btn{font-size:13px}.lead-drag-overlay{width:220px}.lead-spacer{flex:1}.lead-detail-header-row{justify-content:space-between;align-items:start;display:flex}.lead-detail-name{margin:0;font-size:16px;font-weight:700}.lead-detail-company{margin-top:2px}.lead-detail-source{margin-top:4px}.lead-detail-close-btn{padding:4px 8px}.lead-detail-value-wrap{margin-top:8px}.lead-detail-value{font-size:18px}.lead-followup-row{gap:6px;display:flex}.lead-followup-input{flex:1;font-size:12px}.lead-note-type-select{width:100px;font-size:11px}.lead-note-text-input{flex:1;font-size:12px}.lead-note-add-btn{padding:4px 12px}.lead-note-icon{opacity:.5;margin-right:4px}.lead-note-date{margin-top:2px}.lead-no-activity{padding:8px 0}.lead-conversion-info{font-size:12px}.lead-converted-label{color:#10b981;font-weight:700}.lead-converted-client{font-weight:600}.lead-qualify-btn{color:#10b981;background:#10b9811f;border:1px solid #10b98140}.lead-lost-btn{color:#ef4444;background:#ef44441a;border:1px solid #ef444433}