/* VM_LEAD_DESIGN_V2 */
.vm-design-toolbar{display:grid;grid-template-columns:minmax(210px,1.5fr) repeat(4,minmax(125px,1fr)) 150px;gap:12px;align-items:center;margin:22px 0 18px}
.vm-design-toolbar input,.vm-design-toolbar select{min-width:0;width:100%;box-sizing:border-box;height:44px;border-color:#d3e2ef;border-radius:8px;font-size:14px}
.vm-design-view{display:flex;border:1px solid #d3e2ef;background:white;border-radius:8px;padding:4px;height:44px;box-sizing:border-box;gap:3px}
.vm-design-view button{flex:1;border:0;border-radius:5px;background:transparent;color:#15354f;cursor:pointer;font-size:14px}.vm-design-view button.active{background:#087aff;color:white;box-shadow:0 2px 5px #087aff25}
.vm-lead-board{gap:14px;grid-template-columns:repeat(4,minmax(230px,1fr));padding-bottom:12px}
.vm-lead-column.panel{min-height:500px;border:0!important;border-top:0!important;border-radius:12px;padding:14px;background:#e7f3ff;box-shadow:none}
.vm-lead-column[data-stage="Contacted"]{background:#e0f0ff}.vm-lead-column[data-stage="Follow-up"]{background:#fff5de}.vm-lead-column[data-stage="Interested"]{background:#e5f7eb}.vm-lead-column[data-stage="Converted"]{background:#e5f7eb}.vm-lead-column[data-stage="Lost"]{background:#fff0f0}
.vm-lead-column .panel-head{margin-bottom:16px;border:0;padding-bottom:0;display:flex;align-items:center}.vm-lead-column h2{font-size:17px;margin:0;color:#142e47}.vm-lead-column .badge{border-radius:20px;background:#ffffff88;border:1px solid #bdd9ed;padding:4px 9px}
.vm-lead-card{padding:16px 14px;border:1px solid #dfebf3;border-radius:10px;box-shadow:0 2px 6px #15354f04;gap:9px;margin-bottom:12px;transition:border-color .15s}.vm-lead-card:hover,.vm-lead-card:focus-visible{border-color:#087aff;outline:0;box-shadow:0 0 0 1px #087aff}.vm-lead-card b{font-size:15px;color:#132b45}.vm-lead-card span,.vm-lead-card small{font-size:13px;color:#526f87;line-height:1.5}.vm-design-card-person::before{content:'♙';color:#7194ad;margin-right:9px}.vm-design-card-phone::before{content:'☎';color:#7194ad;margin-right:9px}.vm-design-card-last{border-top:1px solid #e5eef5;padding-top:9px;margin-top:2px}.vm-design-card-last::before,.vm-design-card-next::before{content:'▣';color:#7194ad;margin-right:8px}
.vm-design-overlay{justify-content:flex-end;padding:0;background:#10294422}.vm-design-modal{width:min(520px,100vw);height:100dvh;max-height:100dvh;border-radius:0;padding:28px 24px;box-sizing:border-box;box-shadow:-12px 0 40px #17354f18;overflow:auto}.vm-design-modal .panel-head{border-bottom:1px solid #e3edf4;padding-bottom:20px}.vm-design-modal h2{font-size:24px;color:#112d47}.vm-design-modal .vm-lead-fields{gap:20px 16px;margin:22px 0}.vm-design-modal .field{font-size:14px;line-height:1.4;color:#17334d}.vm-design-modal .field input,.vm-design-modal .field select{height:44px;font-size:14px;padding:10px 12px;border-color:#d3dfec}.vm-design-modal .field textarea{font-size:14px;min-height:105px}.vm-design-modal form>.actions{border-top:1px solid #e4edf5;padding:20px 0 0;margin-top:25px;display:flex;gap:12px;background:white}.vm-design-modal form>.actions .btn{flex:1;justify-content:center;min-height:46px}.vm-design-convert .vm-design-modal{width:min(820px,100vw)}
.vm-lead-designed .panel{border:1px solid #dfebf5;border-top:1px solid #dfebf5;border-radius:11px;padding:24px;box-shadow:none;margin-top:16px}.vm-design-back{margin-bottom:12px}.vm-lead-designed .head{margin-bottom:20px;gap:16px}.vm-design-stage{display:inline-block;border-radius:20px;background:#e0efff;color:#0875d2;padding:5px 12px}.vm-lead-designed h2{font-size:19px;color:#102b44;margin:0 0 20px}.vm-design-detail-top{display:grid;grid-template-columns:1.65fr 1fr;gap:16px}.vm-design-info{display:grid;grid-template-columns:1fr 1fr;gap:0 26px}.vm-design-info>div{display:flex;align-items:center;justify-content:space-between;gap:18px;padding:16px 0;border-bottom:1px solid #e9f0f6;font-size:14px}.vm-design-info span{color:#647e95}.vm-design-info b{font-weight:500;text-align:right;color:#17334d;overflow-wrap:anywhere}.vm-design-notes{background:#fbfdff;border:1px solid #dbe7f1;border-radius:8px;padding:14px;margin:10px 0 18px;white-space:pre-wrap;line-height:1.7;min-height:80px}.vm-design-tabs{display:flex;gap:28px;border-bottom:1px solid #dbe8f3;margin:-4px 0 24px}.vm-design-tabs button{border:0;border-bottom:3px solid transparent;background:none;color:#58718c;padding:12px 0;cursor:pointer}.vm-design-tabs button.active{color:#087aff;border-color:#087aff;font-weight:600}.vm-design-overview{display:grid;grid-template-columns:1.2fr 1fr;gap:28px}.vm-design-quick{padding:22px;border-radius:10px;background:#edf7ff}.vm-design-summary-line{display:flex;justify-content:space-between;gap:16px;padding:12px 0;border-bottom:1px solid #dceaf4;font-size:14px}.vm-design-summary-line span{color:#5d7790}.vm-design-summary-line b{font-weight:500;color:#17334d;text-align:right}.vm-design-timeline{position:relative;display:flex;gap:18px;margin:0 0 22px;padding:8px 0}.vm-design-dot{width:15px;height:15px;border-radius:50%;background:#0a7cff;border:6px solid #e0f0ff;flex-shrink:0;margin-top:1px}.vm-design-timeline small{display:block;color:#698199;margin-top:8px;font-size:13px}.vm-design-timeline p{color:#647d94;font-size:14px;line-height:1.6;white-space:pre-wrap}.vm-design-followup{display:flex;justify-content:space-between;align-items:center;gap:15px;padding:18px 0;border-bottom:1px solid #e2edf5}.vm-design-followup p,.vm-design-followup small{color:#5c7890}
@media(max-width:1200px){.vm-design-toolbar{grid-template-columns:repeat(3,minmax(0,1fr))}.vm-lead-board{grid-template-columns:repeat(4,minmax(225px,1fr))}.vm-design-detail-top{grid-template-columns:1fr}.vm-design-overview{grid-template-columns:1fr}}
@media(max-width:600px){.vm-design-toolbar{grid-template-columns:repeat(2,minmax(0,1fr))}.vm-design-modal{width:100vw;padding:22px 16px}.vm-design-modal .vm-lead-fields{grid-template-columns:1fr}.vm-design-info{grid-template-columns:1fr}.vm-design-tabs{gap:18px}.vm-lead-designed .panel{padding:18px}.vm-lead-designed .head .actions{flex-wrap:wrap}}
.vm-design-new .vm-design-form-context,.vm-design-status .vm-design-form-context{display:none}
.vm-design-call,.vm-design-followup,.vm-design-convert{left:224px;top:104px;padding:28px;background:#eef6ff;align-items:flex-start;justify-content:center;overflow:auto}
.vm-design-call .vm-design-modal,.vm-design-followup .vm-design-modal,.vm-design-convert .vm-design-modal{display:grid;grid-template-columns:270px minmax(0,1fr);gap:20px;width:min(1180px,100%);height:auto;max-height:none;border-radius:12px;padding:24px;box-shadow:none;border:1px solid #dbe8f4;overflow:visible}
.vm-design-call .panel-head,.vm-design-followup .panel-head,.vm-design-convert .panel-head{grid-column:1/-1;margin:0}
.vm-design-form-context{border:1px solid #dce9f3;background:#f7fbff;border-radius:10px;padding:20px;align-self:start;overflow-wrap:anywhere}
.vm-design-form-context h3{margin:0 0 22px;color:#14324d;font-size:18px}.vm-design-form-context>b{font-size:19px}.vm-design-form-context p{color:#5e7790;font-size:14px;line-height:1.6;border-bottom:1px solid #e1edf5;padding-bottom:12px}
.vm-design-call .vm-lead-fields,.vm-design-followup .vm-lead-fields,.vm-design-convert .vm-lead-fields{margin-top:0}
@media(max-width:900px){.vm-design-call,.vm-design-followup,.vm-design-convert{left:0;top:70px;padding:15px}.vm-design-call .vm-design-modal,.vm-design-followup .vm-design-modal,.vm-design-convert .vm-design-modal{grid-template-columns:1fr}.vm-design-form-context{padding:16px}.vm-design-form-context p{display:inline-block;margin-right:16px;border:0;padding:0}.vm-design-form-context h3{margin-bottom:10px}}
.actions button[onclick*="vmLeadFilter('stage','Converted')"]{background:#fff;color:#18344e;border-color:#d7e4ef}.actions button[onclick*="vmLeadFilter('stage','Converted')"]::before{content:'●';color:#25a66d;margin-right:7px}.actions button[onclick*="vmLeadFilter('stage','Lost')"]{background:#fff;color:#18344e;border-color:#d7e4ef}.actions button[onclick*="vmLeadFilter('stage','Lost')"]::before{content:'●';color:#ed5252;margin-right:7px}
