.customer-360-modal{overscroll-behavior:contain;scrollbar-gutter:stable;width:min(1180px,95vw);max-height:94vh;overflow:hidden auto}.customer-360-modal>.modal-heading{z-index:3;background:#fff;position:sticky;top:0}.customer-360-modal>.modal-heading span{color:#8490a8;margin-top:5px;font-size:11px;display:block}.customer-360-stats{background:#f7f9fd;border-bottom:1px solid #e6eaf2;grid-template-columns:repeat(4,1fr);gap:12px;padding:18px 24px;display:grid}.customer-360-stats div{background:#fff;border:1px solid #e2e7f1;border-radius:11px;padding:14px 16px}.customer-360-stats span,.customer-360-stats strong{display:block}.customer-360-stats span{color:#7c879e;font-size:10px}.customer-360-stats strong{margin-top:5px;font-size:22px}.customer-360-grid{grid-template-columns:minmax(320px,.82fr) minmax(420px,1.18fr);gap:18px;padding:0 24px 28px;display:grid}.customer-360-grid>section,.customer-360-history>section{background:#fff;border:1px solid #e3e8f1;border-radius:13px;padding:20px}.customer-360-grid h3{margin:0 0 16px;font-size:15px}.customer-360-history{gap:14px;display:grid}.customer-360-heading{justify-content:space-between;align-items:center;gap:12px;display:flex}.customer-360-heading h3{margin:0}.customer-360-heading button{color:#3157d5;cursor:pointer;background:#f7f9ff;border:1px solid #cad5f5;border-radius:7px;padding:7px 10px;font-size:10px;font-weight:700}.customer-360-services{flex-wrap:wrap;gap:7px;margin:14px 0;display:flex}.customer-360-services span{color:#7352d4;background:#f0edff;border-radius:14px;padding:6px 9px;font-size:9px;font-weight:700}.customer-360-list,.customer-document-list{gap:8px;display:grid}.customer-360-list>button,.customer-document-list>button{text-align:left;cursor:pointer;background:#fff;border:1px solid #e5e9f1;border-radius:9px;align-items:center;gap:11px;width:100%;padding:12px;display:flex}.customer-360-list>button div,.customer-document-list>button div{flex:1;min-width:0}.customer-360-list strong,.customer-360-list span,.customer-document-list strong,.customer-document-list small{display:block}.customer-360-list strong,.customer-document-list strong{font-size:10px}.customer-360-list span,.customer-document-list small{color:#8994a8;white-space:nowrap;text-overflow:ellipsis;margin-top:4px;font-size:9px;overflow:hidden}.customer-360-list em,.customer-document-list em{color:#3157d5;font-size:9px;font-style:normal;font-weight:700}.customer-document-list>button>span{color:#12866b;background:#e8f7f3;border-radius:8px;place-items:center;width:30px;height:30px;display:grid}.customer-timeline{gap:12px;margin-top:15px;display:grid}.customer-timeline>div{gap:10px;display:flex}.customer-timeline>div>span{border:2px solid #3157d5;border-radius:50%;width:9px;height:9px;margin-top:3px}.customer-timeline strong,.customer-timeline small{display:block}.customer-timeline strong{font-size:10px}.customer-timeline small{color:#8994a8;margin-top:4px;font-size:9px}.customer-owner{border-top:1px solid #edf0f5;justify-content:space-between;gap:16px;margin-top:17px;padding-top:14px;font-size:10px;display:flex}.customer-owner span{color:#8490a8}.customer-360-modal .lead-action-centre{margin:18px 24px}.customer-360-modal .detail-actions{align-items:center}.customer-360-modal .detail-actions>.primary-button{margin-left:auto}.customer-360-addresses{grid-template-columns:repeat(2,minmax(0,1fr));gap:8px;margin:14px 24px;display:grid}.customer-360-addresses div{background:#f8faff;border:1px solid #e3e8f1;border-radius:9px;padding:11px 12px}.customer-360-addresses span,.customer-360-addresses strong{display:block}.customer-360-addresses span{color:#7c879e;font-size:9px}.customer-360-addresses strong{color:#27324a;margin-top:4px;font-size:10px;line-height:1.45}@media (width<=850px){.customer-360-modal{width:min(760px,96vw)}.customer-360-stats{grid-template-columns:1fr 1fr;padding:14px}.customer-360-grid{grid-template-columns:1fr;padding:0 14px 22px}.customer-360-modal .lead-action-centre{margin:14px}.customer-360-modal .lead-action-buttons{width:100%}.customer-360-addresses{grid-template-columns:1fr;margin:14px}}@media (width<=520px){.customer-360-stats{gap:8px}.customer-360-stats div{padding:11px}.customer-360-stats strong{font-size:18px}.customer-360-grid>section,.customer-360-history>section{padding:15px}.customer-360-heading{align-items:flex-start}.customer-360-list>button,.customer-document-list>button{padding:10px}.customer-360-list em,.customer-document-list em{text-align:right;max-width:84px}.customer-360-modal .lead-action-buttons{grid-template-columns:1fr}}
