dialog.customer-detail{width:min(860px,calc(100vw - 32px));max-height:88vh;padding:24px;border:1px solid #d5e1eb;border-radius:20px;background:#fff;color:#20354a;box-shadow:0 24px 80px #07152655}
.customer-detail::backdrop{background:#07152699}
.customer-detail-head{display:flex;align-items:start;justify-content:space-between;gap:20px;padding-bottom:18px;border-bottom:1px solid #d5e1eb}
.customer-detail h2{font-size:24px;margin:12px 0 6px}.customer-detail h3{font-size:17px;margin:0 0 12px}.customer-detail p{color:#50647a;line-height:1.6}
.customer-detail-body>section{padding:22px 0;border-bottom:1px solid #d5e1eb}.customer-detail h3 span{display:inline-block;margin-left:8px;padding:3px 9px;border-radius:20px;background:#e3f2ef;color:#176553;font-size:13px}
.customer-detail-grid{display:grid;grid-template-columns:1fr 1fr;gap:18px;margin:16px 0 0}.customer-detail-grid dt{font-size:12px;color:#50647a;margin-bottom:6px}.customer-detail-grid dd{margin:0;color:#20354a;overflow-wrap:anywhere;white-space:pre-wrap}
.customer-detail-record{padding:18px;background:#f4f7fb;border:1px solid #d5e1eb;border-left:3px solid #b62246;border-radius:12px;margin-top:14px}.customer-detail-record strong{color:#20354a}
html[data-theme="dark"] dialog.customer-detail{background:#142639;color:#edf3fa;border-color:#3f576e}html[data-theme="dark"] .customer-detail :is(.customer-detail-head,.customer-detail-body>section){border-color:#3f576e}html[data-theme="dark"] .customer-detail :is(p,dt){color:#bacbdb}html[data-theme="dark"] .customer-detail :is(h2,h3,dd,strong){color:#edf3fa}html[data-theme="dark"] .customer-detail-record{background:#20374c;border-color:#496078;border-left-color:#ed7593}html[data-theme="dark"] .customer-detail h3 span{background:#24594e;color:#d1f4e9}
@media(max-width:600px){.customer-detail-grid{grid-template-columns:1fr}dialog.customer-detail{padding:18px}.customer-detail-head{gap:10px}.customer-detail h2{font-size:20px}}
.lead-followup{display:grid;gap:12px;margin-top:18px;padding-top:18px;border-top:1px solid #cbd8e5}.lead-followup h4{margin:0}.lead-followup small{color:#50647a}.lead-followup .form-field{display:grid;gap:6px}.lead-followup :is(select,textarea){width:100%;box-sizing:border-box;padding:10px;border:1px solid #bdcddd;border-radius:8px;background:#fff;color:#20354a;font:inherit}.lead-followup textarea{resize:vertical}.lead-followup button{justify-self:start}html[data-theme="dark"] .lead-followup{border-color:#496078}html[data-theme="dark"] .lead-followup small{color:#bacbdb}html[data-theme="dark"] .lead-followup :is(select,textarea){background:#142639;color:#edf3fa;border-color:#597189}