.lead-head { display: flex; align-items: flex-end; justify-content: space-between; gap: 20px; margin-bottom: 12px; padding: 22px; border-left: 4px solid #c8322b; background: #fff; }
.lead-head p { color: #0a7b7e; font-size: 10px; font-weight: 800; }
.lead-head h2 { margin: 6px 0; font-size: 21px; }
.lead-head span { color: #69737a; font-size: 12px; }
.lead-kpis { display: grid; grid-template-columns: repeat(4,minmax(0,1fr)); margin-bottom: 12px; border: 1px solid #dce3e5; background: #fff; }
.lead-kpis article { min-height: 112px; padding: 21px; border-right: 1px solid #e4e9eb; }
.lead-kpis article:last-child { border-right: 0; }
.lead-kpis span, .lead-kpis strong, .lead-kpis small { display: block; }
.lead-kpis span { color: #64757b; font-size: 10px; }
.lead-kpis strong { margin-top: 12px; font-size: 28px; }
.lead-kpis small { margin-top: 7px; color: #929ca1; font-size: 9px; }
.lead-boundary { display: flex; align-items: center; gap: 14px; margin-bottom: 12px; padding: 12px 16px; border: 1px solid #dce6e6; background: #f3f9f8; }
.lead-boundary strong { color: #0b6f72; font-size: 10px; }
.lead-boundary span { color: #68787d; font-size: 10px; }
.lead-list { display: grid; gap: 12px; }
.lead-card { border: 1px solid #dfe5e7; background: #fff; }
.lead-card-head { display: grid; grid-template-columns: 38px minmax(170px,1fr) auto auto; align-items: center; gap: 12px; padding: 15px 17px; border-bottom: 1px solid #e9edef; }
.lead-avatar { width: 34px; height: 34px; border-radius: 5px; background: #123f45; color: #fff; font-size: 13px; font-weight: 800; line-height: 34px; text-align: center; }
.lead-identity strong, .lead-identity span { display: block; }
.lead-identity strong { font-size: 13px; }
.lead-identity span { margin-top: 4px; color: #818b90; font-size: 9px; }
.intent-chip, .lead-state { padding: 5px 7px; border-radius: 3px; font-size: 9px; font-weight: 750; }
.intent-chip.high { color: #b3312c; background: #f9e7e5; }
.intent-chip.medium { color: #98640e; background: #fff1d6; }
.intent-chip.low { color: #587078; background: #edf2f3; }
.lead-state { color: #0b7066; background: #e3f5ef; }
.lead-card-body { display: grid; grid-template-columns: 1.2fr 1fr 1fr 1fr; gap: 18px; padding: 15px 17px; background: #fbfcfc; }
.lead-card-body span, .lead-card-body strong { display: block; }
.lead-card-body span { color: #8a9499; font-size: 9px; }
.lead-card-body strong { overflow: hidden; margin-top: 5px; font-size: 10px; text-overflow: ellipsis; white-space: nowrap; }
.lead-latest { display: grid; grid-template-columns: 150px minmax(180px,1fr) auto auto; align-items: center; gap: 14px; padding: 11px 17px; border-top: 1px solid #dce9e8; border-left: 4px solid #0b8588; background: #f0f8f7; }
.lead-latest span, .lead-latest small { color: #6f8085; font-size: 9px; }
.lead-latest strong { overflow: hidden; font-size: 10px; text-overflow: ellipsis; white-space: nowrap; }
.lead-latest small { text-align: right; }
.lead-latest button { border-color: #b9d6d4; color: #08757a; background: #fff; }
.lead-history { padding: 4px 18px 8px 164px; border-left: 4px solid #0b8588; background: #f7fbfa; }
.lead-history-row { display: grid; grid-template-columns: 16px 1fr; gap: 9px; padding: 13px 0; border-bottom: 1px solid #dfe9e9; }
.lead-history-row:last-child { border-bottom: 0; }
.lead-history-row > i { width: 8px; height: 8px; margin-top: 4px; border: 3px solid #c3ebe6; border-radius: 50%; background: #0b8588; }
.lead-history-row > div > div { display: flex; align-items: center; justify-content: space-between; gap: 14px; }
.lead-history-row strong { font-size: 10px; }
.lead-history-row time, .lead-history-row small { color: #71868a; font-size: 9px; }
.lead-history-row p { margin: 5px 0; color: #263c40; font-size: 10px; line-height: 1.5; }
.lead-history-empty { padding: 18px; color: #71868a; font-size: 10px; text-align: center; }
.lead-editor { display: grid; grid-template-columns: repeat(5,minmax(120px,1fr)); gap: 12px; padding: 16px 17px; border-top: 1px solid #e9edef; }
.lead-editor label { color: #68787d; font-size: 9px; }
.lead-editor input, .lead-editor select { box-sizing: border-box; width: 100%; height: 34px; margin-top: 6px; border: 1px solid #d4dfe1; border-radius: 3px; background: #fff; color: #25373d; font-size: 10px; }
.lead-editor .wide { grid-column: span 2; }
.lead-card-actions { display: flex; align-items: center; justify-content: space-between; gap: 18px; padding: 0 17px 16px; }
.lead-card-actions span { color: #7d898e; font-size: 9px; }
.lead-card-actions button { min-width: 96px; }
.lead-card-actions button.primary { background: #c8322b; }
#leadDialog { width: min(760px,calc(100vw - 32px)); }
@media(max-width:1000px) { .lead-card-body { grid-template-columns: 1fr 1fr; } .lead-editor { grid-template-columns: 1fr 1fr; } }
@media(max-width:700px) { .lead-head, .lead-boundary { align-items: flex-start; flex-direction: column; } .lead-kpis { grid-template-columns: 1fr 1fr; } .lead-kpis article:nth-child(2) { border-right: 0; } .lead-card-head { grid-template-columns: 38px 1fr; } .lead-card-head > span { justify-self: start; } .lead-latest { grid-template-columns: 1fr; } .lead-latest small { text-align: left; } .lead-history { padding-left: 18px; } .lead-editor { grid-template-columns: 1fr; } .lead-editor .wide { grid-column: auto; } }