@import url('https://fonts.googleapis.com/css2?family=Open+Sans:wght@400;600;700&family=Poppins:wght@600;700&display=swap');
@import url('companies-ui03k.css');

.portal-sidebar__nav button{
  font-family:Poppins,sans-serif!important;
  font-size:17px!important;
  line-height:1.3!important;
}

.lead-directory-cache-state{display:flex;align-items:center;justify-content:space-between;gap:12px;padding:9px 14px;border:1px solid #dce6f1;border-radius:10px;background:#f8fbff;color:#516178;font-size:12px}
.lead-directory-cache-state [data-tone="ready"]{color:#176b45}.lead-directory-cache-state [data-tone="warning"]{color:#8b5d12}
.lead-directory-cache-refresh{min-height:32px;padding:5px 10px}
.lead-directory-not-found{display:flex;align-items:center;gap:9px;flex-wrap:wrap;padding:10px 13px;border:1px solid #dce6f1;border-radius:10px;background:#fff;color:#526175;font-size:12px}
.lead-directory-not-found[hidden]{display:none!important}

#detail-modal:is(.is-lead,.is-company) .customer-history__header{
  padding-bottom:15px!important;
  border-bottom:1px solid #d8e3f0!important;
}

/* UI-04 Lead surfaces are deliberately isolated from Companies and the app shell. */
#directory.leads-page,
#detail-modal.is-lead {
  --lead-primary:#0B7FF0;--lead-primary-hover:#096FD2;--lead-primary-active:#075FAF;
  --lead-title:#0E2166;--lead-text:#1F2A44;--lead-secondary:#475467;--lead-muted:#667085;
  --lead-page:#F3F6FB;--lead-surface:#FFFFFF;--lead-neutral:#F8FAFC;--lead-soft:#F2F8FF;
  --lead-border:#DFE6F0;--lead-border-strong:#C9D4E3;--lead-error:#C81E1E;--lead-error-soft:#FFF1F1;
  --lead-success:#168A51;--lead-success-soft:#ECFDF3;--lead-success-border:#A6E9C5;
  --lead-warning:#A15C07;--lead-warning-soft:#FFF8E7;--lead-warning-border:#F4D38A;
  --lead-danger:#C43232;--lead-danger-soft:#FFF1F1;--lead-danger-border:#F0B7B7;
  --lead-violet:#6941C6;--lead-violet-soft:#F4F0FF;--lead-violet-border:#D6C7F7;
  box-sizing:border-box;color:var(--lead-text);font-family:"Open Sans",sans-serif;box-shadow:none;
}
#directory.leads-page *,#detail-modal.is-lead *{box-sizing:border-box;box-shadow:none;text-shadow:none}
#directory.leads-page{width:100%;max-width:none;margin:0;padding:0 0 28px;background:var(--lead-page);overflow-x:clip;border-radius:0}
#directory.leads-page .leads-workspace{width:calc(100% - clamp(24px,4vw,64px));max-width:1680px;margin:0 auto}
#directory.leads-page .leads-shell{padding:clamp(16px,2vw,28px);border:1px solid var(--lead-border);border-radius:20px;background:#fff}
#directory.leads-page .leads-directory-header{display:flex;align-items:center;justify-content:space-between;padding:18px 20px;border:1px solid #D4E5F8;border-radius:16px;background:linear-gradient(115deg,#fff,#F2F8FF)}
#directory.leads-page .leads-directory-header__identity{display:flex;align-items:center;gap:18px;min-width:0}
#directory.leads-page #directory-title{margin:0;color:var(--lead-title);font:700 clamp(28px,2.4vw,38px)/1.12 Poppins,sans-serif}
#directory.leads-page .leads-tenant select{min-height:44px;max-width:280px;padding:8px 36px 8px 16px;border:1px solid #CFE1F5;border-radius:999px;background:#fff;color:var(--lead-title);font:600 14px "Open Sans",sans-serif}
#directory.leads-page .leads-querybar{display:flex;gap:10px;margin-top:16px;align-items:center}
#directory.leads-page .leads-search{position:relative;display:block;flex:1;min-width:220px}
#directory.leads-page .leads-search svg{position:absolute;z-index:1;top:13px;left:14px;width:20px;height:20px;fill:none;stroke:var(--lead-primary);stroke-width:2;stroke-linecap:round}
#directory.leads-page .leads-search input{width:100%;height:46px;padding:10px 14px 10px 44px;border:1px solid var(--lead-border-strong);border-radius:10px;background:#fff;color:var(--lead-text);font:400 15px "Open Sans",sans-serif}
#directory.leads-page button,#detail-modal.is-lead button{min-height:44px;padding:9px 15px;border-radius:10px;font:400 14px/1.25 "Open Sans",sans-serif;transition:background-color .16s ease,border-color .16s ease,color .16s ease,opacity .16s ease;transform:none}
#directory.leads-page button:disabled,#detail-modal.is-lead button:disabled{cursor:not-allowed;opacity:.55;transform:none}
#directory.leads-page .leads-querybar button{height:46px;white-space:nowrap}
#directory.leads-page .btn-primary,#detail-modal.is-lead :is(.btn-primary,#activity-save,#appointment-new,#appointment-save,#customer-opportunity-new,#customer-opportunity-form button[type=submit],#additional-contact-new,#additional-contact-form button[type=submit]){border:1px solid var(--lead-primary);background:var(--lead-primary);color:#fff}
#directory.leads-page .btn-primary:hover:not(:disabled),#detail-modal.is-lead :is(.btn-primary,#activity-save,#appointment-new,#appointment-save,#customer-opportunity-new,#customer-opportunity-form button[type=submit],#additional-contact-new,#additional-contact-form button[type=submit]):hover:not(:disabled){border-color:var(--lead-primary-hover);background:var(--lead-primary-hover)}
#directory.leads-page .btn-primary:active:not(:disabled),#detail-modal.is-lead :is(.btn-primary,#activity-save,#appointment-new,#appointment-save,#customer-opportunity-new,#customer-opportunity-form button[type=submit],#additional-contact-new,#additional-contact-form button[type=submit]):active:not(:disabled){border-color:var(--lead-primary-active);background:var(--lead-primary-active)}
#directory.leads-page .secondary,#detail-modal.is-lead .secondary{border:1px solid var(--lead-border-strong);background:#fff;color:var(--lead-title)}
#directory.leads-page .secondary:hover,#detail-modal.is-lead .secondary:hover{background:#F7F9FC;border-color:#AEBED2}
#directory.leads-page #filters{display:block}
#directory.leads-page .leads-filter-panel{margin-top:14px;padding:18px 20px;border:1px solid #CBDCF0;border-radius:16px;background:var(--lead-soft)}
#directory.leads-page .leads-filter-panel[hidden]{display:none}
#directory.leads-page fieldset{min-width:0;margin:0 0 16px;padding:0;border:0}
#directory.leads-page legend{margin-bottom:10px;color:var(--lead-title);font:600 15px "Open Sans",sans-serif}
#directory.leads-page .leads-filter-grid{display:grid;grid-template-columns:repeat(3,minmax(180px,1fr));gap:14px}
#directory.leads-page .leads-filter-grid label{display:grid;gap:6px;color:var(--lead-secondary);font:600 13px "Open Sans",sans-serif}
#directory.leads-page .leads-filter-grid input,#directory.leads-page .leads-filter-grid select{width:100%;min-width:0;min-height:44px;border:1px solid var(--lead-border-strong);border-radius:10px;background:#fff;color:var(--lead-text);font:400 14px "Open Sans",sans-serif}
#directory.leads-page .leads-filter-actions{display:flex;justify-content:flex-end;gap:10px}
#directory.leads-page .leads-active-filters{display:flex;align-items:flex-start;gap:12px;margin:14px 0;padding:8px 0;color:var(--lead-title);font-size:13px}
#directory.leads-page #active-filters{display:flex;flex-wrap:wrap;gap:6px;margin:0;color:var(--lead-muted)}
#directory.leads-page #active-filters .lead-filter-chip{padding:5px 10px;border:1px solid #CFE2FB;border-radius:999px;background:#EDF6FF;color:#095AA9}
#directory.leads-page .leads-directory-state{min-height:24px;margin:8px 0;color:var(--lead-secondary);font-size:14px}
#directory.leads-page .leads-table-region{overflow:hidden;border:1px solid var(--lead-border);border-radius:16px;background:#fff}
#directory.leads-page .leads-table-meta{min-height:40px;padding:10px 14px;border-bottom:1px solid var(--lead-border);background:var(--lead-neutral);color:var(--lead-secondary);font-size:13px}
#directory.leads-page #results{width:100%;overflow:hidden}
#directory.leads-page table{width:100%;margin:0;table-layout:fixed;border-collapse:collapse;font-family:"Open Sans",sans-serif}
#directory.leads-page th{padding:12px 9px;border:0;background:var(--lead-title);color:#fff;font-size:13px;font-weight:600;line-height:1.3}
#directory.leads-page td{padding:11px 9px;border-bottom:1px solid #E8EDF4;background:#fff;color:var(--lead-text);font-size:13px;line-height:1.4;overflow-wrap:anywhere;vertical-align:top}
#directory.leads-page tbody tr:nth-child(even) td{background:#FBFCFE}
#directory.leads-page tbody tr{position:relative;cursor:pointer}
#directory.leads-page tbody tr:hover td{background:#EDF6FF}
#directory.leads-page tbody tr:hover td:first-child{background:linear-gradient(90deg,var(--lead-primary) 0 4px,#EDF6FF 4px)}
#directory.leads-page .lead-cell-badge{display:inline-block;padding:3px 7px;border:1px solid #CFE2FB;border-radius:999px;background:#EDF6FF;color:#095AA9;font-size:12px}
#directory.leads-page .lead-score-empty{color:var(--lead-muted);font-size:12px}
#directory.leads-page .leads-pagination{display:flex;justify-content:center;padding-top:16px}
#directory.leads-page #next-page{min-width:160px}
#directory.leads-page :is(button,input,select,textarea,tr):focus-visible,#detail-modal.is-lead :is(button,a,input,select,textarea,[role="tab"]):focus-visible{outline:3px solid rgba(11,127,240,.28);outline-offset:2px;box-shadow:none}

#detail-modal.is-lead{padding:18px;background:rgba(14,33,102,.78);overflow:hidden}
#detail-modal.is-lead>.entity-fullscreen-modal__panel{width:100%;height:100%;overflow:hidden;border:1px solid var(--lead-border);border-radius:20px;background:var(--lead-page)}
#detail-modal.is-lead .leads-detail,#detail-modal.is-lead .leads-detail__scroll{height:100%}
#detail-modal.is-lead .leads-detail__scroll{overflow:auto}
#detail-modal.is-lead .detail-hero{position:sticky;z-index:5;top:0;min-height:92px;padding:18px 78px 18px 86px;border-bottom:1px solid var(--lead-border);background:#fff;color:var(--lead-text)}
#detail-modal.is-lead .detail-hero::before{position:absolute;top:20px;left:22px;width:48px;height:48px;border:1px solid #CFE1F5;border-radius:12px;background:#EDF6FF url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='%230B7FF0' stroke-width='1.8'%3E%3Cpath d='M4 20v-2a4 4 0 0 1 4-4h4a4 4 0 0 1 4 4v2'/%3E%3Ccircle cx='10' cy='7' r='4'/%3E%3Cpath d='M17 8h4m-2-2v4'/%3E%3C/svg%3E") center/28px no-repeat;content:""}
#detail-modal.is-lead #detail-kind{color:var(--lead-primary);font:700 11px "Open Sans",sans-serif;letter-spacing:.12em}
#detail-modal.is-lead #detail-title{margin:3px 0;color:var(--lead-title);font:700 clamp(25px,2.4vw,36px)/1.12 Poppins,sans-serif}
#detail-modal.is-lead #detail-subtitle{color:var(--lead-secondary);font-size:13px}
#detail-modal.is-lead .detail-close{position:fixed;z-index:8;top:38px;right:38px;display:grid;width:46px;height:46px;min-height:46px;place-items:center;padding:0;border:1px solid var(--lead-border-strong);border-radius:50%;background:#fff;color:var(--lead-title);font-size:25px}
#detail-modal.is-lead .detail-close:hover{border-color:#F3B4B4;background:var(--lead-error-soft);color:var(--lead-error)}
#detail-modal.is-lead .company-detail-workspace{max-width:none;padding:12px clamp(12px,2vw,24px) 28px}
#detail-modal.is-lead .detail-tabs{position:sticky;z-index:4;top:92px;display:flex;width:100%;gap:6px;margin:0;padding:10px;overflow-x:auto;border:1px solid var(--lead-border);border-radius:14px;background:#fff}
#detail-modal.is-lead .detail-tabs button{flex:0 0 auto;min-height:42px;padding:8px 14px;border:1px solid transparent;border-radius:9px;background:transparent;color:var(--lead-secondary)}
#detail-modal.is-lead .detail-tabs button:hover{border-color:var(--lead-border);background:var(--lead-neutral);color:var(--lead-title)}
#detail-modal.is-lead .detail-tabs button.active{border-color:var(--lead-primary);background:var(--lead-primary);color:#fff}
#detail-modal.is-lead .detail-content{max-width:none;margin:14px 0 0;padding:0}
#detail-modal.is-lead .detail-content>section,#detail-modal.is-lead #detail-form{width:100%;padding:20px;border:1px solid var(--lead-border);border-radius:16px;background:#fff}
#detail-modal.is-lead :is(.detail-content h3,.detail-content>section>header h3,.detail-content>section>.activity-actions h3,#next-contact-title){color:var(--lead-title);font-family:Poppins,sans-serif}
#detail-modal.is-lead #detail-form{display:flex;align-items:stretch;flex-direction:column;flex-wrap:nowrap}
#detail-modal.is-lead #next-contact{order:-1;width:100%;margin:0 0 14px;padding:20px;border:1px solid #CFE2FB;border-left:1px solid #CFE2FB;border-radius:16px;background:var(--lead-soft)}
#detail-modal.is-lead .detail-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:14px}
#detail-modal.is-lead .info-box{position:relative;min-height:90px;padding:16px;border:1px solid #E5EAF1;border-radius:12px;background:var(--lead-neutral)}
#detail-modal.is-lead .info-box:hover{border-color:var(--lead-border-strong);background:#fff}
#detail-modal.is-lead .info-box__label{color:var(--lead-muted);font-size:11px;font-weight:700;letter-spacing:.08em;text-transform:uppercase}
#detail-modal.is-lead .info-box__value{color:var(--lead-text);font-size:15px}
#detail-modal.is-lead .info-box__edit{float:right;width:44px;min-height:44px;padding:8px;border:1px solid transparent!important;background:transparent!important;color:var(--lead-primary)!important}
#detail-modal.is-lead .info-box__edit svg{width:20px;height:20px;fill:none;stroke:currentColor;stroke-width:2}
#detail-modal.is-lead :is(input,select,textarea){min-height:44px;border:1px solid var(--lead-border-strong);border-radius:10px;background:#fff;color:var(--lead-text);font-family:"Open Sans",sans-serif}
#detail-modal.is-lead textarea{min-height:100px}
#detail-modal.is-lead :is(.activities__list,.additional-contacts__list,.customer-history__list,.opportunity-grid){display:grid;gap:12px}
#detail-modal.is-lead :is(.activity-card,.additional-contact-card,.customer-history__event,.opportunity-card){padding:16px;border:1px solid var(--lead-border);border-left:1px solid var(--lead-border);border-radius:16px;background:#fff}
#detail-modal.is-lead .activity-card{border-color:#D7E1ED}
#detail-modal.is-lead .activity-card:hover,#detail-modal.is-lead .opportunity-card:hover{border-color:#B9CCE2;background:var(--lead-neutral);transform:none}
#detail-modal.is-lead #activities .lead-activities__subtitle{color:var(--lead-secondary)}
#detail-modal.is-lead iframe{width:100%;max-height:520px;border:1px solid var(--lead-border);box-shadow:none}

@media (max-width:1024px){
 #directory.leads-page .leads-filter-grid{grid-template-columns:repeat(2,minmax(0,1fr))}
}
@media (max-width:768px){
 #directory.leads-page .leads-querybar{flex-wrap:wrap}#directory.leads-page .leads-search{flex-basis:100%}
 #directory.leads-page th,#directory.leads-page td{padding:8px 5px;font-size:11px}
 #detail-modal.is-lead .detail-grid{grid-template-columns:1fr}
}
@media (max-width:480px){
 #directory.leads-page .leads-workspace{width:calc(100% - 16px)}#directory.leads-page .leads-shell{padding:12px}
 #directory.leads-page .leads-directory-header__identity{width:100%;align-items:flex-start;flex-direction:column;gap:10px}
 #directory.leads-page .leads-querybar{display:grid;grid-template-columns:1fr}#directory.leads-page .leads-querybar button{width:100%}
 #directory.leads-page .leads-filter-grid{grid-template-columns:1fr}#directory.leads-page .leads-filter-actions{display:grid;grid-template-columns:1fr}
 #directory.leads-page th,#directory.leads-page td{padding:7px 3px;font-size:9px;line-height:1.25}
 #detail-modal.is-lead{padding:0}#detail-modal.is-lead>.entity-fullscreen-modal__panel{border:0;border-radius:0}
 #detail-modal.is-lead .detail-hero{min-height:88px;padding:14px 64px 14px 68px}#detail-modal.is-lead .detail-hero::before{top:18px;left:12px;width:44px;height:44px}
 #detail-modal.is-lead .detail-close{top:18px;right:12px}#detail-modal.is-lead .detail-tabs{top:88px}
 #detail-modal.is-lead .company-detail-workspace{padding:10px max(12px,env(safe-area-inset-right)) max(16px,env(safe-area-inset-bottom)) max(12px,env(safe-area-inset-left))}
 #detail-modal.is-lead .detail-content>section,#detail-modal.is-lead #detail-form{padding:14px}
 #detail-modal.is-lead .activity-actions,#detail-modal.is-lead .lead-activities__header,#detail-modal.is-lead .lead-contacts__header{align-items:stretch;flex-direction:column}
 #detail-modal.is-lead .activity-actions button,#detail-modal.is-lead .lead-activities__actions button,#detail-modal.is-lead .lead-contacts__header button{width:100%}
}
@media (prefers-reduced-motion:reduce){#directory.leads-page *,#detail-modal.is-lead *{scroll-behavior:auto!important;transition-duration:0ms!important;animation-duration:0ms!important}}
/* Lead detail mirrors the current Company card system while preserving Lead copy/data. */
#detail-modal.is-lead.is-company .detail-hero::before{display:none}
#detail-modal.is-lead .detail-tabs{align-items:center;flex-wrap:nowrap;overscroll-behavior-inline:contain;white-space:nowrap}
#detail-modal.is-lead .detail-tabs .leads-tabs__button{flex:0 0 auto;min-height:44px;padding:9px 16px;border:1px solid transparent;border-radius:9px;background:transparent;color:var(--lead-secondary);font-weight:400}
#detail-modal.is-lead .detail-tabs .leads-tabs__button:hover{border-color:var(--lead-border);background:var(--lead-soft);color:var(--lead-title)}
#detail-modal.is-lead .detail-tabs .leads-tabs__button:is(.is-active,.active,[aria-selected=true]){border-color:var(--lead-primary);background:var(--lead-primary);color:#fff}

#detail-modal.is-lead #detail-fields.lead-detail{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:16px}
#detail-modal.is-lead .lead-card{min-width:0;padding:20px;border:1px solid var(--lead-border);border-radius:16px;background:#fff}
#detail-modal.is-lead .lead-card--overview,#detail-modal.is-lead .lead-card--wide{grid-column:1/-1}
#detail-modal.is-lead .lead-card--overview{border-color:#CDE1FB;background:linear-gradient(135deg,#fff 0%,#F1F7FF 100%)}
#detail-modal.is-lead .lead-card__header{display:flex;align-items:flex-start;gap:13px;margin-bottom:17px;padding:0 0 14px;border-bottom:1px solid var(--lead-border);background:transparent;color:inherit}
#detail-modal.is-lead .lead-card__icon{width:44px;min-width:44px;height:44px;display:grid;place-items:center;border:1px solid #CFE1F5;border-radius:12px;background:#EDF6FF;color:var(--lead-primary)}
#detail-modal.is-lead .lead-card__icon svg{width:23px;height:23px;fill:none;stroke:currentColor;stroke-width:1.8;stroke-linecap:round;stroke-linejoin:round}
#detail-modal.is-lead .lead-card__accent{margin:0;color:var(--lead-primary);font-size:11px;letter-spacing:.075em;text-transform:uppercase}
#detail-modal.is-lead .lead-card__title{margin:3px 0 0;color:var(--lead-title);font:600 20px/1.25 Poppins,sans-serif}
#detail-modal.is-lead :is(.lead-card__fields,.lead-detail__fields){display:grid;grid-template-columns:repeat(auto-fit,minmax(min(240px,100%),1fr));gap:12px}
#detail-modal.is-lead .lead-card--wide .lead-card__fields{grid-template-columns:1fr}
#detail-modal.is-lead .lead-field{position:relative;min-width:0;min-height:92px;display:flex;flex-direction:column;gap:7px;padding:14px;border:1px solid #E5EAF1;border-radius:12px;background:var(--lead-neutral);transition:border-color .16s,background .16s}
#detail-modal.is-lead .lead-field:hover{border-color:#C9D8EB;background:#fff}
#detail-modal.is-lead .lead-field__label{padding-right:38px;color:var(--lead-muted);font-size:11px;letter-spacing:.055em;text-transform:uppercase}
#detail-modal.is-lead .lead-field__value{color:var(--lead-text);line-height:1.45;overflow-wrap:anywhere}
#detail-modal.is-lead .company-field__edit{position:absolute;top:8px;right:8px;width:36px;min-width:36px;height:36px;min-height:36px;display:grid;place-items:center;padding:0;border:1px solid transparent!important;border-radius:9px;background:transparent!important;color:var(--lead-title)!important}
#detail-modal.is-lead .company-field__edit:hover{border-color:#CFE2FB!important;background:#EDF6FF!important;color:var(--lead-primary)!important}
#detail-modal.is-lead .company-field__edit svg{width:17px;height:17px;fill:none;stroke:currentColor}
#detail-modal.is-lead .company-field__editor{display:grid;gap:10px;margin-top:4px;padding-top:12px;border-top:1px solid var(--lead-border)}
#detail-modal.is-lead :is(.company-field__values,.company-field__value-row){display:grid;gap:8px}
#detail-modal.is-lead .company-field__value-row{grid-template-columns:minmax(0,1fr) auto;align-items:center;padding:9px 10px;border:1px solid #D8E3F0;border-radius:10px;background:#fff}
#detail-modal.is-lead .company-field__value-text{min-width:0;overflow-wrap:anywhere}
#detail-modal.is-lead .company-field__read-actions{display:flex;justify-content:flex-end;gap:6px;flex-wrap:nowrap}
#detail-modal.is-lead .company-field__action{width:36px;min-width:36px;height:36px;min-height:36px;display:inline-flex;align-items:center;justify-content:center;padding:0;border:1px solid #C8D8EA;border-radius:9px;background:#F7FBFF;color:var(--lead-primary);text-decoration:none}
#detail-modal.is-lead .company-field__action:hover{border-color:#94BEE9;background:#EAF5FF;color:var(--lead-primary-hover)}
#detail-modal.is-lead .company-field__action svg{width:17px;height:17px;fill:none;stroke:currentColor;stroke-width:1.8}
#detail-modal.is-lead .info-box.is-editing{border-color:var(--lead-primary);background:#fff}
#detail-modal.is-lead .info-box__actions{align-items:center;justify-content:flex-end;gap:8px}

/* Shared tab panels use the same hierarchy and component geometry as Companies. */
#detail-modal.is-lead :is(.lead-activities,.lead-contacts,.entity-opportunity,.customer-opportunities,.customer-history,#appointments,#brevo-email-history,#lead-scoring-panel){width:100%;min-width:0;display:flex;flex-direction:column;gap:18px;padding:clamp(18px,2vw,26px);border:1px solid var(--lead-border);border-radius:16px;background:#fff}
#detail-modal.is-lead :is(.lead-activities__header,.lead-contacts__header,.entity-opportunity__header,.activity-actions,.lead-tab-header){display:flex;align-items:flex-start;justify-content:space-between;gap:16px;flex-wrap:wrap;padding:0 0 15px;border-bottom:1px solid var(--lead-border);background:transparent;color:inherit}
#detail-modal.is-lead :is(.lead-activities__eyebrow,.lead-contacts__eyebrow,.entity-opportunity__eyebrow,.lead-tab-header__eyebrow){margin:0 0 4px;color:var(--lead-primary);font-size:11px;letter-spacing:.075em;text-transform:uppercase}
#detail-modal.is-lead :is(.lead-activities__title,.lead-contacts__title,.entity-opportunity__title,.activity-actions h3,.lead-tab-header__title){margin:0;color:var(--lead-title);font:600 clamp(21px,2vw,27px)/1.2 Poppins,sans-serif}
#detail-modal.is-lead :is(.lead-activities__subtitle,.lead-contacts__subtitle,.entity-opportunity__subtitle,.lead-tab-header__subtitle){margin:6px 0 0;color:var(--lead-muted);line-height:1.45}
#detail-modal.is-lead :is(.lead-activities__actions,.lead-contact-card__actions,.entity-opportunity__actions){display:flex;align-items:center;gap:9px;flex-wrap:wrap}
#detail-modal.is-lead .lead-activities__count{display:inline-flex;min-height:34px;align-items:center;padding:5px 10px;border:1px solid #CFE2FB;border-radius:999px;background:#EDF6FF;color:#095AA9;font-size:12px}
#detail-modal.is-lead :is(.lead-activity-form,.entity-opportunity__form,.lead-contact-form,.activity-form){width:100%;min-width:0;display:flex;flex-direction:column;align-items:stretch;flex-wrap:nowrap;gap:16px;margin:0;padding:18px;border:1px solid #CFE2FB;border-radius:14px;background:var(--lead-soft)}
#detail-modal.is-lead :is(.lead-activity-form__row,.lead-contact-form__grid){display:grid;grid-template-columns:repeat(auto-fit,minmax(min(210px,100%),1fr));gap:13px}
#detail-modal.is-lead .entity-opportunity__grid{width:100%;min-width:0;display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:13px}
#detail-modal.is-lead :is(.lead-activity-form__field,.entity-opportunity__field,.lead-contact-form__field){min-width:0;display:grid;align-content:start;gap:7px;margin:0;color:var(--lead-text);font-size:13px}
#detail-modal.is-lead :is(.lead-activity-form__field,.entity-opportunity__field,.lead-contact-form__field)>span{color:var(--lead-secondary)}
#detail-modal.is-lead :is(.lead-activity-form__actions,.entity-opportunity__actions,.lead-contact-form__actions){display:flex;justify-content:flex-end;gap:9px;flex-wrap:wrap}

#detail-modal.is-lead .lead-activities__list{display:grid;gap:12px;margin:0;padding:0;list-style:none}
#detail-modal.is-lead .lead-activities__item{display:grid;gap:0;padding:0;border:1px solid #D7E1ED;border-radius:14px;background:#fff;overflow:hidden}
#detail-modal.is-lead .lead-activities__item-top{display:flex;justify-content:space-between;gap:14px;flex-wrap:wrap;padding:15px 17px;border-bottom:1px solid #DCE6F1;background:linear-gradient(135deg,#F8FBFF 0%,#EDF5FF 100%)}
#detail-modal.is-lead .lead-activities__item-eyebrow{margin:0;color:#345C9C;font-size:11px;font-weight:700;letter-spacing:.07em;text-transform:uppercase}
#detail-modal.is-lead .lead-activities__item-title{margin:4px 0 0;color:var(--lead-title);font-size:18px}
#detail-modal.is-lead :is(.lead-activities__item-meta,.lead-activities__item-tags){display:flex;align-items:center;gap:7px;flex-wrap:wrap}
#detail-modal.is-lead :is(.lead-activities__meta-pill,.lead-activities__tag){display:inline-flex;min-height:30px;align-items:center;gap:6px;padding:4px 9px;border:1px solid #D4E0ED;border-radius:999px;background:#fff;color:var(--lead-secondary);font-size:12px}
#detail-modal.is-lead .lead-activities__meta-icon{width:14px;height:14px;fill:none;stroke:currentColor;stroke-width:1.8}
#detail-modal.is-lead .lead-activities__item-description{margin:0;padding:15px 17px 10px;color:var(--lead-secondary);line-height:1.55;white-space:pre-wrap}
#detail-modal.is-lead .lead-activities__item-tags{padding:5px 17px 14px}
#detail-modal.is-lead .lead-activities__item-actions{display:flex;justify-content:flex-end;gap:8px;padding:0 17px 15px}
#detail-modal.is-lead .lead-activities__icon-action{width:40px;min-width:40px;height:40px;min-height:40px;display:grid;place-items:center;padding:0;border:1px solid var(--lead-border-strong);border-radius:9px;background:#fff;color:var(--lead-title)}
#detail-modal.is-lead .lead-activities__icon-action:hover{border-color:#B8D7FB;background:#EDF6FF;color:var(--lead-primary)}
#detail-modal.is-lead .lead-activities__action-icon{width:17px;height:17px;fill:none;stroke:currentColor;stroke-width:1.8}

#detail-modal.is-lead .lead-contact-card{min-width:0;display:flex;flex-direction:column;gap:15px;padding:17px;border:1px solid #D8E3F0;border-radius:14px;background:#fff;color:var(--lead-text)}
#detail-modal.is-lead .lead-contact-card__header{display:flex;align-items:flex-start;justify-content:space-between;gap:12px;padding-bottom:12px;border-bottom:1px solid var(--lead-border);background:#fff;color:var(--lead-text)}
#detail-modal.is-lead .lead-contact-card__title{margin:0;color:var(--lead-title);font:600 18px Poppins,sans-serif}
#detail-modal.is-lead .lead-contact-card__role{display:inline-flex;min-height:28px;align-items:center;margin:7px 0 0;padding:4px 9px;border:1px solid #C5DAF2;border-radius:999px;background:#EDF6FF;color:#0B67BE;font-size:11px}
#detail-modal.is-lead .lead-contact-card__channels{display:grid;gap:9px}
#detail-modal.is-lead .lead-contact-card__channel{display:grid;grid-template-columns:38px minmax(0,1fr) 38px;align-items:center;gap:9px;min-height:48px;padding:8px 9px;border:1px solid #D8E3F0;border-radius:10px;background:var(--lead-neutral)}
#detail-modal.is-lead .lead-contact-card__channel-icon{width:38px;height:38px;display:grid;place-items:center;border-radius:9px;background:#EDF6FF;color:var(--lead-primary)}
#detail-modal.is-lead .lead-contact-card__channel-icon svg,#detail-modal.is-lead .lead-contact-card__action-icon{width:17px;height:17px;fill:none;stroke:currentColor;stroke-width:1.8}
#detail-modal.is-lead .lead-contact-card__channel-copy{min-width:0}
#detail-modal.is-lead .lead-contact-card__channel-value{display:block;color:var(--lead-text);overflow-wrap:anywhere;white-space:normal}
#detail-modal.is-lead a.lead-contact-card__channel-value{color:var(--lead-primary);text-decoration:none}
#detail-modal.is-lead .lead-contact-card__icon-action{width:38px;min-width:38px;height:38px;min-height:38px;display:grid;place-items:center;padding:0;border:1px solid #C8D8EA;border-radius:9px;background:#fff;color:var(--lead-primary)}

#detail-modal.is-lead .entity-opportunity__header{align-items:center;border:1px solid #D8E3F0;border-radius:14px;background:linear-gradient(135deg,#fff 0%,#F7FBFF 100%)}
#detail-modal.is-lead .company-opportunity-summary{display:grid;grid-template-columns:repeat(5,minmax(0,1fr));gap:10px}
#detail-modal.is-lead .company-opportunity-card--wide{width:100%;min-width:0;display:grid;gap:14px;padding:17px;border:1px solid #D8E3F0;border-radius:13px;background:#fff;color:var(--lead-text)}
#detail-modal.is-lead .company-opportunity-card__header{display:flex;align-items:flex-start;justify-content:space-between;gap:18px;padding:0 0 13px;border-bottom:1px solid #E1E8F1;background:#fff;color:var(--lead-text)}
#detail-modal.is-lead .company-opportunity-card__identity{min-width:0;display:grid;gap:8px}
#detail-modal.is-lead :is(.company-opportunity-card__badges,.company-opportunity-card__highlights){display:flex;align-items:center;gap:7px;flex-wrap:wrap}
#detail-modal.is-lead .company-opportunity-card__title{margin:0;color:var(--lead-title);font:600 clamp(18px,1.8vw,23px)/1.25 Poppins,sans-serif;overflow-wrap:anywhere}
#detail-modal.is-lead .company-opportunity-card__amount{flex:0 0 auto;color:var(--lead-title);font:600 clamp(20px,2vw,27px)/1.2 Poppins,sans-serif;white-space:nowrap}
#detail-modal.is-lead .company-opportunity-card__badge{display:inline-flex;min-height:28px;align-items:center;padding:4px 9px;border:1px solid #CDD9E7;border-radius:999px;background:#F7F9FC;color:#365276;font-size:11px;font-weight:700}
#detail-modal.is-lead .company-opportunity-card__metrics{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:10px}
#detail-modal.is-lead .company-opportunity-card__metric{min-width:0;display:grid;grid-template-columns:30px minmax(0,1fr);align-items:center;gap:9px;padding:11px 12px;border:1px solid #E0E7F0;border-radius:10px;background:var(--lead-neutral)}
#detail-modal.is-lead .company-opportunity-card__metric-icon{width:30px;height:30px;display:grid;place-items:center;border-radius:8px;background:#EDF6FF;color:var(--lead-primary)}
#detail-modal.is-lead .company-opportunity-card__metric-icon svg,#detail-modal.is-lead .company-opportunity-card__action-icon{width:15px;height:15px;fill:none;stroke:currentColor;stroke-width:1.8}
#detail-modal.is-lead .company-opportunity-card__metric-value{display:block;margin-top:3px;color:var(--lead-text);font-size:13px;line-height:1.35;overflow-wrap:anywhere}
#detail-modal.is-lead .company-opportunity-card__description{margin:0;padding:11px 12px;border-left:3px solid #B8D7FB;border-radius:0 9px 9px 0;background:#F7FBFF;color:var(--lead-secondary);line-height:1.5;white-space:pre-wrap}
#detail-modal.is-lead .company-opportunity-card__actions{display:flex;align-items:center;justify-content:flex-end;gap:8px;flex-wrap:wrap}
#detail-modal.is-lead .company-opportunity-card__action{min-height:38px;display:inline-flex;align-items:center;justify-content:center;gap:7px;padding:7px 11px;border:1px solid #C8D8EA;border-radius:9px;background:#fff;color:var(--lead-primary)}

#detail-modal.is-lead .customer-history__list{position:relative;margin:0;padding:0;list-style:none}
#detail-modal.is-lead .customer-history__event{display:grid;gap:11px;padding:16px 17px;border:1px solid #D8E3F0;border-radius:13px;background:#fff}
#detail-modal.is-lead .customer-history__event-header{display:flex;align-items:flex-start;justify-content:space-between;gap:15px;padding:0 0 10px;border-bottom:1px solid #E0E7F0;background:#fff;color:var(--lead-text)}
#detail-modal.is-lead .customer-history__event-identity{min-width:0;display:grid;gap:4px}
#detail-modal.is-lead .customer-history__event-title{color:var(--lead-title);font:600 16px/1.35 Poppins,sans-serif}

/* Lead email: a full-width history with progressive operational tools. */
#detail-modal.is-lead #brevo-email-history.lead-email{gap:20px}
#detail-modal.is-lead .lead-email__header{align-items:center}
#detail-modal.is-lead .lead-email__intro{min-width:0;max-width:760px}
#detail-modal.is-lead .lead-email__current-status{display:inline-flex;min-height:34px;align-items:center;padding:5px 10px;border:1px solid #CFE2FB;border-radius:999px;background:#EDF6FF;color:#095AA9;font-size:12px;font-weight:600;white-space:nowrap}
#detail-modal.is-lead .lead-email__current-status.is-empty{border-color:var(--lead-border);background:var(--lead-neutral);color:var(--lead-muted)}
#detail-modal.is-lead .lead-email__overview{display:grid;grid-template-columns:repeat(5,minmax(0,1fr));gap:10px;padding:0!important;border:0!important;border-radius:0!important;background:transparent!important}
#detail-modal.is-lead .lead-email__metric{--email-metric:var(--lead-primary);display:grid;gap:6px;min-width:0;padding:13px 14px;border:1px solid var(--lead-border);border-top:3px solid var(--email-metric);border-radius:11px;background:#fff}
#detail-modal.is-lead .lead-email__metric--delivered{--email-metric:var(--lead-success);background:linear-gradient(145deg,#fff,var(--lead-success-soft))}
#detail-modal.is-lead .lead-email__metric--opened{--email-metric:var(--lead-primary);background:linear-gradient(145deg,#fff,var(--lead-soft))}
#detail-modal.is-lead .lead-email__metric--clicked{--email-metric:var(--lead-violet);background:linear-gradient(145deg,#fff,var(--lead-violet-soft))}
#detail-modal.is-lead .lead-email__metric--issues{--email-metric:var(--lead-danger);background:linear-gradient(145deg,#fff,var(--lead-danger-soft))}
#detail-modal.is-lead .lead-email__metric-label{color:var(--lead-muted);font-size:10px;font-weight:700;letter-spacing:.055em;text-transform:uppercase}
#detail-modal.is-lead .lead-email__metric-value{color:var(--lead-title);font:600 clamp(21px,2.4vw,30px)/1 Poppins,sans-serif}
#detail-modal.is-lead .lead-email__history-card,#detail-modal.is-lead .lead-email__operations{display:grid;gap:14px;padding:17px!important;border:1px solid var(--lead-border)!important;border-radius:14px!important;background:#fff!important}
#detail-modal.is-lead .lead-email__section-header{display:flex;align-items:flex-start;justify-content:space-between;gap:12px;padding:0 0 12px;border-bottom:1px solid var(--lead-border);background:transparent;color:inherit}
#detail-modal.is-lead .lead-email__section-heading{min-width:0}
#detail-modal.is-lead .lead-email__section-title{margin:0;color:var(--lead-title);font:600 18px/1.3 Poppins,sans-serif}
#detail-modal.is-lead .lead-email__section-subtitle{margin:5px 0 0;color:var(--lead-muted);line-height:1.45}
#detail-modal.is-lead .lead-email__state:empty{display:none}
#detail-modal.is-lead .lead-email__state{margin:0;padding:5px 9px;border:1px solid var(--lead-border);border-radius:999px;background:var(--lead-neutral);color:var(--lead-muted);font-size:11px}
#detail-modal.is-lead .lead-email__state[data-tone=progress]{border-color:var(--lead-warning-border);background:var(--lead-warning-soft);color:var(--lead-warning)}
#detail-modal.is-lead .lead-email__state[data-tone=error]{border-color:var(--lead-danger-border);background:var(--lead-danger-soft);color:var(--lead-danger)}
#detail-modal.is-lead .lead-email__summary-sr{position:absolute!important;width:1px!important;height:1px!important;margin:-1px!important;padding:0!important;overflow:hidden!important;clip:rect(0,0,0,0)!important;white-space:nowrap!important;border:0!important}
#detail-modal.is-lead .lead-email__events{display:grid;gap:10px;margin:0;padding:0;list-style:none}
#detail-modal.is-lead .lead-email__event{--email-event:var(--lead-primary);display:grid;gap:11px;padding:13px 14px;border:1px solid var(--lead-border);border-left:4px solid var(--email-event);border-radius:11px;background:linear-gradient(120deg,var(--lead-soft),#fff 28%)}
#detail-modal.is-lead .lead-email__event--delivered{--email-event:var(--lead-success);background:linear-gradient(120deg,var(--lead-success-soft),#fff 28%)}
#detail-modal.is-lead .lead-email__event--opened{--email-event:var(--lead-primary)}
#detail-modal.is-lead .lead-email__event--clicked{--email-event:var(--lead-violet);background:linear-gradient(120deg,var(--lead-violet-soft),#fff 28%)}
#detail-modal.is-lead :is(.lead-email__event--bounce,.lead-email__event--error,.lead-email__event--spam,.lead-email__event--unsubscribed){--email-event:var(--lead-danger);background:linear-gradient(120deg,var(--lead-danger-soft),#fff 28%)}
#detail-modal.is-lead .lead-email__event--deferred{--email-event:var(--lead-warning);background:linear-gradient(120deg,var(--lead-warning-soft),#fff 28%)}
#detail-modal.is-lead .lead-email__event-header{display:grid;gap:7px;padding:0;background:transparent;color:inherit}
#detail-modal.is-lead .lead-email__event-identity{display:flex;align-items:center;justify-content:space-between;gap:10px}
#detail-modal.is-lead .lead-email__event-badge{display:inline-flex;min-height:28px;align-items:center;padding:4px 8px;border:1px solid currentColor;border-radius:999px;background:#fff;color:var(--email-event);font-size:10px;font-weight:700;text-transform:uppercase}
#detail-modal.is-lead .lead-email__event-time{color:var(--lead-muted);font-size:11px}
#detail-modal.is-lead .lead-email__event-subject{margin:0;color:var(--lead-title);font:600 15px/1.35 Poppins,sans-serif;overflow-wrap:anywhere}
#detail-modal.is-lead .lead-email__event-meta{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:8px;margin:0}
#detail-modal.is-lead .lead-email__event-meta-item{display:grid;gap:3px;min-width:0;padding:8px 9px;border:1px solid rgba(216,227,240,.92);border-radius:8px;background:rgba(255,255,255,.84)}
#detail-modal.is-lead .lead-email__event-meta-label{color:var(--lead-muted);font-size:9px;font-weight:700;letter-spacing:.055em;text-transform:uppercase}
#detail-modal.is-lead .lead-email__event-meta-value{margin:0;color:var(--lead-text);font-size:11px;overflow-wrap:anywhere}
#detail-modal.is-lead .lead-email__event-footer{margin:0;color:var(--lead-muted);font-size:11px}
#detail-modal.is-lead .lead-email__placeholder{margin:0;padding:18px;border:1px dashed var(--lead-border-strong);border-radius:10px;background:var(--lead-neutral);color:var(--lead-muted);text-align:center}
#detail-modal.is-lead .lead-email__placeholder--loading{border-color:#CFE2FB;background:var(--lead-soft);color:#095AA9}
#detail-modal.is-lead .lead-email__placeholder--error{border-style:solid;border-color:var(--lead-danger-border);background:var(--lead-danger-soft);color:var(--lead-danger)}
#detail-modal.is-lead .lead-email__more{justify-self:center;min-width:180px}
#detail-modal.is-lead .lead-email__operation-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:12px}
#detail-modal.is-lead .lead-email__operation-card{display:grid;align-content:start;gap:10px;min-width:0;margin:0;padding:15px!important;border:1px solid var(--lead-border)!important;border-radius:12px!important;background:var(--lead-neutral)!important}
#detail-modal.is-lead .lead-email__operation-card>h4{margin:0;padding-bottom:10px;border-bottom:1px solid var(--lead-border);color:var(--lead-title);font:600 16px Poppins,sans-serif}
#detail-modal.is-lead .lead-email__operation-card :is(h5,p,strong){margin:0;color:var(--lead-secondary);line-height:1.45;overflow-wrap:anywhere}
#detail-modal.is-lead .lead-email__operation-card h5{color:var(--lead-title);font:600 14px Poppins,sans-serif}
#detail-modal.is-lead .lead-email__operation-card strong{color:var(--lead-warning)}
#detail-modal.is-lead .lead-email__operation-card>section{display:grid;gap:8px;padding-top:11px;border-top:1px solid var(--lead-border)}
#detail-modal.is-lead .lead-email__operation-card iframe{width:100%;min-height:380px;max-height:none;border:1px solid var(--lead-border);border-radius:9px;background:#fff}
#detail-modal.is-lead .lead-email__operation-card button{width:max-content;max-width:100%}
#detail-modal.is-lead .lead-email__automation-card>button,#detail-modal.is-lead [data-sync-run]{border:1px solid var(--lead-primary);background:var(--lead-primary);color:#fff}
#detail-modal.is-lead [data-sync-preview]{border:1px solid var(--lead-border-strong);background:#fff;color:var(--lead-title)}
#detail-modal.is-lead .lead-email__sync-card label{display:flex;align-items:center;gap:8px;margin:0;color:var(--lead-secondary);font-size:12px}
#detail-modal.is-lead .lead-email__sync-card input[type=checkbox]{width:18px;min-width:18px;height:18px;min-height:18px;margin:0;padding:0;accent-color:var(--lead-primary)}
#detail-modal.is-lead .lead-email__admin-tools{border:1px solid var(--lead-border);border-radius:11px;background:var(--lead-neutral)}
#detail-modal.is-lead .lead-email__admin-toggle{padding:13px 14px;color:var(--lead-title);font:600 14px Poppins,sans-serif;cursor:pointer}
#detail-modal.is-lead .lead-email__admin-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:10px;padding:0 12px 12px;border-top:1px solid var(--lead-border)}
#detail-modal.is-lead .lead-email__admin-card{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:10px;min-width:0;margin-top:12px;padding:13px!important;border:1px solid var(--lead-border)!important;border-radius:10px!important;background:#fff!important}
#detail-modal.is-lead .lead-email__admin-card>h4,#detail-modal.is-lead .lead-email__admin-card>pre{grid-column:1/-1}
#detail-modal.is-lead .lead-email__admin-card>h4{margin:0;color:var(--lead-title);font:600 15px Poppins,sans-serif}
#detail-modal.is-lead .lead-email__admin-card label{display:grid;gap:6px;min-width:0;color:var(--lead-secondary);font-size:12px}
#detail-modal.is-lead .lead-email__admin-card pre{max-width:100%;overflow:auto;padding:10px;border-radius:8px;background:#101828;color:#fff;font:11px/1.45 ui-monospace,SFMono-Regular,Consolas,monospace}
#detail-modal.is-lead .lead-email__admin-card [data-batch-run]{border-color:var(--lead-primary);background:var(--lead-primary);color:#fff}
#detail-modal.is-lead .lead-email__admin-card :is([data-batch-preview],[data-batch-next]){border-color:var(--lead-border-strong);background:#fff;color:var(--lead-title)}

/* Lead appointments: clear state colours, compact actions and full-width workflows. */
#detail-modal.is-lead #appointments.lead-appointments{gap:20px}
#detail-modal.is-lead .lead-appointments__hero{display:flex;align-items:flex-start;justify-content:space-between;gap:18px;flex-wrap:wrap;padding:0 0 18px;border-bottom:1px solid var(--lead-border);background:transparent;color:inherit}
#detail-modal.is-lead .lead-appointments__intro{min-width:0}
#detail-modal.is-lead .lead-appointments__eyebrow{margin:0 0 4px;color:var(--lead-primary);font-size:11px;letter-spacing:.075em;text-transform:uppercase}
#detail-modal.is-lead .lead-appointments__title{margin:0;color:var(--lead-title);font:600 clamp(21px,2vw,27px)/1.2 Poppins,sans-serif}
#detail-modal.is-lead .lead-appointments__subtitle{max-width:680px;margin:6px 0 0;color:var(--lead-muted);line-height:1.45}
#detail-modal.is-lead .lead-appointments__hero-actions{display:flex;align-items:center;gap:10px;flex-wrap:wrap}
#detail-modal.is-lead .lead-appointments__count{display:inline-flex;min-height:36px;align-items:center;padding:6px 11px;border:1px solid #CFE2FB;border-radius:999px;background:#EDF6FF;color:#095AA9;font-size:12px;white-space:nowrap}
#detail-modal.is-lead .lead-appointments__new{white-space:nowrap}
#detail-modal.is-lead .lead-appointments__state:empty{display:none}
#detail-modal.is-lead .lead-appointments__state{margin:0;padding:11px 13px;border:1px solid var(--lead-border);border-radius:10px;background:var(--lead-neutral);color:var(--lead-secondary)}
#detail-modal.is-lead .lead-appointments__next{position:relative;display:grid;grid-template-columns:auto minmax(0,1fr);align-items:center;gap:4px 14px;margin:0!important;padding:15px 17px 15px 58px!important;border:1px solid #CFE2FB!important;border-radius:14px!important;background:linear-gradient(135deg,#FFFFFF 0%,#F2F8FF 100%)!important}
#detail-modal.is-lead .lead-appointments__next::before{position:absolute;left:16px;display:grid;width:30px;height:30px;place-items:center;border:1px solid #CFE2FB;border-radius:9px;background:#fff;color:var(--lead-primary);font-size:16px;content:"●"}
#detail-modal.is-lead .lead-appointments__next.is-empty{border-color:var(--lead-border)!important;background:var(--lead-neutral)!important}
#detail-modal.is-lead .lead-appointments__next.is-empty::before{border-color:var(--lead-border);color:#98A2B3}
#detail-modal.is-lead .lead-appointments__next-label{grid-column:1/-1;color:var(--lead-muted);font-size:11px;font-weight:700;letter-spacing:.07em;text-transform:uppercase}
#detail-modal.is-lead .lead-appointments__next-value{grid-column:1/-1;color:var(--lead-title);font:600 16px/1.35 Poppins,sans-serif}
#detail-modal.is-lead .lead-appointments__list{display:grid;gap:14px;margin:0;padding:0;list-style:none}
#detail-modal.is-lead .lead-appointments__more{align-self:center;min-width:210px}
#detail-modal.is-lead .lead-appointments__metrics{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:10px}
#detail-modal.is-lead .lead-appointments__metric{display:grid;grid-template-columns:38px minmax(0,1fr) auto;align-items:center;gap:10px;min-width:0;padding:12px 13px;border:1px solid var(--lead-border);border-radius:12px;background:#fff}
#detail-modal.is-lead .lead-appointments__metric-icon{display:grid;width:36px;height:36px;place-items:center;border-radius:9px;background:var(--lead-soft);color:var(--lead-primary)}
#detail-modal.is-lead .lead-appointments__metric-icon .appointment-action__icon{width:18px;height:18px}
#detail-modal.is-lead .lead-appointments__metric-copy{display:grid;gap:2px;min-width:0;color:var(--lead-title);font-size:12px;font-weight:700}
#detail-modal.is-lead .lead-appointments__metric-copy small{color:var(--lead-muted);font-size:10px;font-weight:400;line-height:1.25}
#detail-modal.is-lead .lead-appointments__metric strong{color:var(--lead-title);font:600 22px/1 Poppins,sans-serif}
#detail-modal.is-lead .lead-appointments__metric--completed .lead-appointments__metric-icon{background:var(--lead-success-soft);color:var(--lead-success)}
#detail-modal.is-lead .lead-appointments__metric--noShow .lead-appointments__metric-icon{background:var(--lead-danger-soft);color:var(--lead-danger)}
#detail-modal.is-lead .lead-appointments__metric--rescheduled .lead-appointments__metric-icon,#detail-modal.is-lead .lead-appointments__metric--averageReschedules .lead-appointments__metric-icon{background:var(--lead-warning-soft);color:var(--lead-warning)}
#detail-modal.is-lead .lead-appointments__metric--cancelled .lead-appointments__metric-icon{background:#F2F4F7;color:#475467}

#detail-modal.is-lead .appointment-card{--appointment-accent:var(--lead-primary);--appointment-soft:var(--lead-soft);position:relative;display:grid;gap:15px;padding:18px;border:1px solid var(--lead-success-border);border-left:5px solid var(--lead-success);border-radius:15px;background:#fff}
#detail-modal.is-lead .appointment-card--scheduled{--appointment-accent:var(--lead-warning);--appointment-soft:var(--lead-warning-soft)}
#detail-modal.is-lead .appointment-card--rescheduled{--appointment-accent:#C45F0A;--appointment-soft:#FFF4ED}
#detail-modal.is-lead .appointment-card--completed{--appointment-accent:var(--lead-success);--appointment-soft:var(--lead-success-soft)}
#detail-modal.is-lead .appointment-card--no-show{--appointment-accent:var(--lead-danger);--appointment-soft:var(--lead-danger-soft)}
#detail-modal.is-lead .appointment-card--cancelled{--appointment-accent:#667085;--appointment-soft:#F2F4F7}
#detail-modal.is-lead .appointment-card--unknown{--appointment-accent:var(--lead-primary);--appointment-soft:var(--lead-soft)}
#detail-modal.is-lead .appointment-card__header{display:flex;align-items:flex-start;justify-content:space-between;gap:14px;padding:0 0 14px;border-bottom:1px solid rgba(201,212,227,.78);background:transparent;color:inherit}
#detail-modal.is-lead .appointment-card__identity{display:grid;gap:3px;min-width:0}
#detail-modal.is-lead .appointment-card__eyebrow{color:var(--lead-muted);font-size:11px;font-weight:700;letter-spacing:.075em;text-transform:uppercase}
#detail-modal.is-lead .appointment-card__title{color:var(--lead-title);font:600 clamp(17px,1.8vw,20px)/1.3 Poppins,sans-serif}
#detail-modal.is-lead .appointment-card__status{display:inline-flex;min-height:32px;align-items:center;padding:5px 10px;border:1px solid currentColor;border-radius:999px;font-size:12px;font-weight:700;white-space:nowrap}
#detail-modal.is-lead .appointment-card__status--scheduled{background:var(--lead-warning-soft);color:var(--lead-warning)}
#detail-modal.is-lead .appointment-card__status--rescheduled{background:#FFF4ED;color:#B54708}
#detail-modal.is-lead .appointment-card__status--completed{background:var(--lead-success-soft);color:var(--lead-success)}
#detail-modal.is-lead .appointment-card__status--no-show{background:var(--lead-danger-soft);color:var(--lead-danger)}
#detail-modal.is-lead .appointment-card__status--cancelled{background:#F2F4F7;color:#475467}
#detail-modal.is-lead .appointment-card__status--unknown{background:var(--lead-soft);color:#0B67BE}
#detail-modal.is-lead .appointment-card__recall{width:max-content;margin-top:3px;padding:3px 7px;border:1px solid var(--lead-violet-border);border-radius:999px;background:var(--lead-violet-soft);color:var(--lead-violet);font-size:10px;font-weight:700;text-transform:uppercase}
#detail-modal.is-lead .appointment-card__details{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:10px;margin:0}
#detail-modal.is-lead .appointment-card__detail{display:grid;grid-template-columns:34px minmax(0,1fr);grid-template-rows:auto minmax(18px,auto);align-content:start;gap:3px 9px;min-width:0;padding:11px 12px;border:1px solid rgba(216,227,240,.9);border-radius:10px;background:#fff}
#detail-modal.is-lead .appointment-card__detail-icon{display:grid;grid-row:1/3;width:32px;height:32px;place-items:center;border-radius:8px;background:var(--lead-soft);color:var(--lead-primary)}
#detail-modal.is-lead .appointment-card__detail-icon .appointment-action__icon{width:16px;height:16px}
#detail-modal.is-lead .appointment-card__detail--completed .appointment-card__detail-icon{background:var(--lead-success-soft);color:var(--lead-success)}
#detail-modal.is-lead .appointment-card__detail--rescheduled .appointment-card__detail-icon{background:var(--lead-warning-soft);color:var(--lead-warning)}
#detail-modal.is-lead .appointment-card__detail dt{color:var(--lead-muted);font-size:10px;font-weight:700;letter-spacing:.065em;text-transform:uppercase}
#detail-modal.is-lead .appointment-card__detail dd{min-height:18px;margin:0;color:var(--lead-title);font-size:13px;overflow-wrap:anywhere}
#detail-modal.is-lead .appointment-card__detail.is-empty dd{color:#98A2B3}
#detail-modal.is-lead .appointment-card__detail--recall{border-color:#D6C7F7;background:var(--lead-violet-soft)}
#detail-modal.is-lead .appointment-card__detail--recall dd{color:var(--lead-violet);font-weight:700}
#detail-modal.is-lead .appointment-card__notes{display:grid;gap:5px;margin:0;padding:12px 13px;border-left:3px solid #D8E3F0;border-radius:0 10px 10px 0;background:rgba(248,250,252,.88)}
#detail-modal.is-lead .appointment-card__notes-title{color:var(--lead-muted);font-size:10px;font-weight:700;letter-spacing:.065em;text-transform:uppercase}
#detail-modal.is-lead .appointment-card__notes-text{margin:0;color:var(--lead-secondary);line-height:1.5;white-space:pre-wrap}
#detail-modal.is-lead .appointment-card__video{display:inline-flex;width:max-content;max-width:100%;align-items:center;gap:6px;color:var(--lead-primary);font-size:13px;font-weight:600;text-decoration:none;overflow-wrap:anywhere}
#detail-modal.is-lead .appointment-card__video:hover{text-decoration:underline}
#detail-modal.is-lead .appointment-card__video--invalid{margin:0;color:var(--lead-danger);font-weight:400}
#detail-modal.is-lead .appointment-card__actions{display:flex;align-items:stretch;justify-content:flex-end;gap:8px;flex-wrap:wrap;padding-top:2px}
#detail-modal.is-lead .appointment-action{display:inline-flex;min-height:42px;align-items:center;justify-content:center;gap:7px;padding:8px 12px;border:1px solid var(--lead-border-strong);background:#fff;color:var(--lead-title);font-size:13px;white-space:nowrap}
#detail-modal.is-lead .appointment-action:hover:not(:disabled){background:var(--lead-neutral)}
#detail-modal.is-lead .appointment-action--icon{display:grid;width:42px;min-width:42px;min-height:42px;place-items:center;padding:0;border-color:#BCD7F5;color:var(--lead-primary)}
#detail-modal.is-lead .appointment-action__icon{width:18px;height:18px}
#detail-modal.is-lead .appointment-action--reschedule{border-color:var(--lead-warning-border);background:var(--lead-warning-soft);color:var(--lead-warning)}
#detail-modal.is-lead .appointment-action--complete{border-color:var(--lead-success-border);background:var(--lead-success-soft);color:var(--lead-success)}
#detail-modal.is-lead .appointment-action--no-show{border-color:var(--lead-danger-border);background:var(--lead-danger-soft);color:var(--lead-danger)}
#detail-modal.is-lead .appointment-action--cancel{border-color:#D0D5DD;color:#B42318}
#detail-modal.is-lead .appointment-action--history{border-color:var(--lead-border-strong);background:#fff;color:var(--lead-secondary)}
#detail-modal.is-lead .appointment-action--delete{border-color:var(--lead-danger-border);background:var(--lead-danger-soft);color:var(--lead-danger)}
#detail-modal.is-lead .appointment-action--delete:hover:not(:disabled){border-color:var(--lead-danger);background:#FDE8EA;color:#A61B2B}
#detail-modal.is-lead .appointment-card__communication-action{border-color:var(--lead-violet-border);background:var(--lead-violet-soft);color:var(--lead-violet)}
#detail-modal.is-lead .appointment-action--operations{border-color:#BCD7F5;background:var(--lead-soft);color:var(--lead-primary)}
#detail-modal.is-lead .appointment-action--messages{border-color:var(--lead-violet-border);background:var(--lead-violet-soft);color:var(--lead-violet)}
#detail-modal.is-lead .appointment-action--menu .appointment-action__icon:last-child{width:14px;height:14px;margin-left:2px}
#detail-modal.is-lead .appointment-menu-wrap{position:relative;display:flex}
#detail-modal.is-lead .appointment-menu-wrap>.appointment-action{width:100%}
#detail-modal.is-lead .appointment-menu{position:absolute;z-index:30;top:calc(100% + 7px);right:0;display:grid;width:min(300px,calc(100vw - 54px));gap:4px;padding:7px;border:1px solid var(--lead-border);border-radius:11px;background:#fff}
#detail-modal.is-lead .appointment-menu[hidden]{display:none}
#detail-modal.is-lead .appointment-menu__item{display:grid;grid-template-columns:22px minmax(0,1fr);gap:2px 8px;min-height:44px;align-items:center;padding:8px 10px;border:0;border-radius:8px;background:#fff;color:var(--lead-title);text-align:left}
#detail-modal.is-lead .appointment-menu__item:hover:not(:disabled){background:var(--lead-neutral)}
#detail-modal.is-lead .appointment-menu__item .appointment-action__icon{grid-row:1/3;width:17px;height:17px}
#detail-modal.is-lead .appointment-menu__item span{font-size:13px;font-weight:600}
#detail-modal.is-lead .appointment-menu__item small{color:var(--lead-muted);font-size:10px;font-weight:400}
#detail-modal.is-lead .appointment-menu__item--reschedule{color:var(--lead-warning)}
#detail-modal.is-lead .appointment-menu__item--complete{color:var(--lead-success)}
#detail-modal.is-lead .appointment-menu__item--no-show,#detail-modal.is-lead .appointment-menu__item--cancel{color:var(--lead-danger)}
#detail-modal.is-lead .appointment-menu__item:disabled{background:#F8FAFC;color:#98A2B3;cursor:not-allowed}

#detail-modal.is-lead .appointment-inline-form{--form-accent:var(--lead-primary);display:flex;width:100%;min-width:0;align-items:stretch;flex-direction:column;gap:16px;margin:0;padding:18px;border:1px solid var(--lead-border);border-top:4px solid var(--form-accent);border-radius:14px;background:linear-gradient(135deg,#fff 0%,#F8FBFF 100%)}
#detail-modal.is-lead .appointment-inline-form--reschedule{--form-accent:var(--lead-warning)}
#detail-modal.is-lead .appointment-inline-form--complete{--form-accent:var(--lead-success)}
#detail-modal.is-lead .appointment-inline-form--no-show,#detail-modal.is-lead .appointment-inline-form--cancel{--form-accent:var(--lead-danger)}
#detail-modal.is-lead .appointment-inline-form__header{position:relative;display:grid;gap:4px;padding:0 52px 13px 0;border-bottom:1px solid var(--lead-border);background:transparent;color:inherit}
#detail-modal.is-lead .appointment-inline-form__eyebrow{margin:0;color:var(--form-accent);font-size:10px;font-weight:700;letter-spacing:.075em;text-transform:uppercase}
#detail-modal.is-lead .appointment-inline-form__title{margin:0;color:var(--lead-title);font:600 19px/1.3 Poppins,sans-serif}
#detail-modal.is-lead .appointment-inline-form__hint{margin:2px 0 0;color:var(--lead-muted);line-height:1.45}
#detail-modal.is-lead .appointment-inline-form__close{position:absolute;top:0;right:0;width:40px;min-width:40px;height:40px;min-height:40px;display:grid;place-items:center;padding:0;border:1px solid var(--lead-border-strong);border-radius:50%;background:#fff;color:var(--lead-secondary);font-size:23px;line-height:1}
#detail-modal.is-lead .appointment-inline-form__close:hover{border-color:var(--lead-danger-border);background:var(--lead-danger-soft);color:var(--lead-danger)}
#detail-modal.is-lead .appointment-inline-form__grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:13px}
#detail-modal.is-lead .appointment-inline-form__field{display:grid;align-content:start;gap:7px;min-width:0;margin:0}
#detail-modal.is-lead .appointment-inline-form__field--full{grid-column:1/-1}
#detail-modal.is-lead .appointment-inline-form__label{color:var(--lead-secondary);font-size:13px}
#detail-modal.is-lead .appointment-inline-form__control{width:100%;min-width:0}
#detail-modal.is-lead .appointment-inline-form__recall{display:flex;min-height:58px;align-items:center;gap:11px;margin:0;padding:8px 12px;border:1px solid var(--lead-border);border-radius:10px;background:#fff;cursor:pointer}
#detail-modal.is-lead input.appointment-inline-form__recall-control{width:18px;min-width:18px;height:18px;min-height:18px;margin:0;padding:0;accent-color:var(--lead-primary)}
#detail-modal.is-lead .appointment-inline-form__recall-copy{display:grid;gap:1px;color:var(--lead-title);font-size:13px}
#detail-modal.is-lead .appointment-inline-form__recall-copy small{color:var(--lead-muted);font-size:11px;font-weight:400}
#detail-modal.is-lead .appointment-inline-form__result{margin:0;padding:11px 13px;border:1px solid var(--lead-border);border-radius:10px;background:var(--lead-neutral);color:var(--lead-title)}
#detail-modal.is-lead .appointment-inline-form__result--rescheduled{border-color:var(--lead-warning-border);background:var(--lead-warning-soft);color:var(--lead-warning)}
#detail-modal.is-lead .appointment-inline-form__result--completed{border-color:var(--lead-success-border);background:var(--lead-success-soft);color:var(--lead-success)}
#detail-modal.is-lead :is(.appointment-inline-form__result--no-show,.appointment-inline-form__result--cancelled){border-color:var(--lead-danger-border);background:var(--lead-danger-soft);color:var(--lead-danger)}
#detail-modal.is-lead :is(.appointment-inline-form__warning,.appointment-inline-form__feedback):empty{display:none}
#detail-modal.is-lead :is(.appointment-inline-form__warning,.appointment-inline-form__feedback){margin:0;padding:10px 12px;border:1px solid var(--lead-warning-border);border-radius:9px;background:var(--lead-warning-soft);color:var(--lead-warning)}
#detail-modal.is-lead .appointment-inline-form__actions{display:flex;justify-content:flex-end;gap:9px;flex-wrap:wrap;padding-top:2px}
#detail-modal.is-lead .appointment-inline-form__actions>button{min-width:148px}
#detail-modal.is-lead .appointment-inline-form__submit--reschedule{border-color:var(--lead-warning)!important;background:var(--lead-warning)!important;color:#fff!important}
#detail-modal.is-lead .appointment-inline-form__submit--complete{border-color:var(--lead-success)!important;background:var(--lead-success)!important;color:#fff!important}
#detail-modal.is-lead :is(.appointment-inline-form__submit--no-show,.appointment-inline-form__submit--cancel){border-color:var(--lead-danger)!important;background:var(--lead-danger)!important;color:#fff!important}

#detail-modal.is-lead .appointment-timeline{display:grid;gap:12px;padding:14px;border:1px solid var(--lead-border);border-radius:12px;background:var(--lead-neutral)}
#detail-modal.is-lead .appointment-timeline__header{display:flex;align-items:center;justify-content:space-between;gap:12px;padding:0;background:transparent;color:inherit}
#detail-modal.is-lead .appointment-timeline__title{margin:0;color:var(--lead-title);font:600 16px Poppins,sans-serif}
#detail-modal.is-lead .appointment-timeline__list{display:grid;gap:9px;margin:0;padding:0;list-style:none}
#detail-modal.is-lead .appointment-timeline__item{position:relative;display:grid;gap:7px;padding:11px 12px 11px 30px;border:1px solid var(--lead-border);border-radius:10px;background:#fff}
#detail-modal.is-lead .appointment-timeline__item::before{position:absolute;top:16px;left:12px;width:8px;height:8px;border:2px solid #fff;border-radius:50%;background:var(--lead-primary);outline:1px solid #BCD7F5;content:""}
#detail-modal.is-lead .appointment-timeline__item-header{display:flex;align-items:flex-start;justify-content:space-between;gap:8px;padding:0;background:transparent;color:var(--lead-title)}
#detail-modal.is-lead .appointment-timeline__details{margin:0;color:var(--lead-secondary);font-size:12px;line-height:1.5}
#detail-modal.is-lead .appointment-timeline__note{margin:0;color:var(--lead-muted);font-size:12px;font-style:italic}
#detail-modal.is-lead .appointment-timeline__empty{margin:0;color:var(--lead-muted)}
#detail-modal.is-lead .appointment-panel__close{display:grid;width:40px;min-width:40px;min-height:40px;place-items:center;padding:0;border:1px solid var(--lead-border-strong);border-radius:9px;background:#fff;color:var(--lead-secondary);font-size:21px;line-height:1}
#detail-modal.is-lead .appointment-panel__close:hover{border-color:var(--lead-danger-border);background:var(--lead-danger-soft);color:var(--lead-danger)}

#detail-modal.is-lead .appointment-sales{display:grid;width:100%;min-width:0;gap:16px;padding:18px;border:1px solid var(--lead-violet-border);border-radius:14px;background:linear-gradient(135deg,#fff 0%,var(--lead-violet-soft) 100%)}
#detail-modal.is-lead .appointment-sales__header{display:flex;align-items:flex-start;justify-content:space-between;gap:14px;padding:0 0 13px;border-bottom:1px solid var(--lead-violet-border);background:transparent;color:inherit}
#detail-modal.is-lead .appointment-sales__heading{min-width:0}
#detail-modal.is-lead .appointment-sales__eyebrow{margin:0 0 3px;color:var(--lead-violet);font-size:10px;font-weight:700;letter-spacing:.075em;text-transform:uppercase}
#detail-modal.is-lead .appointment-sales__title{margin:0;color:var(--lead-title);font:600 19px/1.3 Poppins,sans-serif}
#detail-modal.is-lead .appointment-sales__subtitle{margin:5px 0 0;color:var(--lead-muted);line-height:1.45}
#detail-modal.is-lead .appointment-sales__form{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:13px}
#detail-modal.is-lead .appointment-sales__category{display:grid;grid-column:1/-1;gap:7px}
#detail-modal.is-lead .appointment-sales__segments{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:8px;padding:5px;border:1px solid var(--lead-border);border-radius:11px;background:#fff}
#detail-modal.is-lead .appointment-sales__segment{border:1px solid transparent;background:transparent;color:var(--lead-secondary)}
#detail-modal.is-lead .appointment-sales__segment[aria-pressed="true"]{border-color:#BCD7F5;background:var(--lead-soft);color:var(--lead-primary)}
#detail-modal.is-lead .appointment-sales__field{display:grid;align-content:start;gap:7px;min-width:0;margin:0}
#detail-modal.is-lead .appointment-sales__label{color:var(--lead-secondary);font-size:13px;font-weight:600}
#detail-modal.is-lead .appointment-sales__control{width:100%;min-width:0}
#detail-modal.is-lead .appointment-sales__hint{color:var(--lead-muted);font-size:11px;line-height:1.35}
#detail-modal.is-lead .appointment-sales__companies{display:grid;grid-column:1/-1;gap:9px;padding:12px;border:1px solid var(--lead-border);border-radius:10px;background:#fff}
#detail-modal.is-lead .appointment-sales__companies-header{display:flex;align-items:center;justify-content:space-between;gap:10px}
#detail-modal.is-lead .appointment-sales__company-list{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:7px}
#detail-modal.is-lead .appointment-sales__company{display:flex;align-items:center;gap:8px;min-width:0;margin:0;padding:8px 9px;border:1px solid var(--lead-border);border-radius:8px;background:var(--lead-neutral);font-size:12px}
#detail-modal.is-lead .appointment-sales__company input{width:17px;min-width:17px;height:17px;min-height:17px;margin:0;padding:0;accent-color:var(--lead-primary)}
#detail-modal.is-lead .appointment-sales__preview,#detail-modal.is-lead .appointment-sales__feedback,#detail-modal.is-lead .appointment-sales__actions{grid-column:1/-1}
#detail-modal.is-lead .appointment-sales__feedback:empty{display:none}
#detail-modal.is-lead .appointment-sales__feedback{margin:0;padding:10px 12px;border:1px solid var(--lead-border);border-radius:9px;background:#fff;color:var(--lead-secondary)}
#detail-modal.is-lead .appointment-sales__feedback.is-error{border-color:var(--lead-danger-border);background:var(--lead-danger-soft);color:var(--lead-danger)}
#detail-modal.is-lead .appointment-sales__feedback.is-success{border-color:var(--lead-success-border);background:var(--lead-success-soft);color:var(--lead-success)}
#detail-modal.is-lead .appointment-sales__actions{display:flex;justify-content:flex-end;gap:9px;flex-wrap:wrap}
#detail-modal.is-lead .appointment-sales-preview{display:grid;gap:13px;padding:14px;border:1px solid var(--lead-border);border-radius:11px;background:#fff}
#detail-modal.is-lead .appointment-sales-preview__title{margin:0;color:var(--lead-title);font:600 16px Poppins,sans-serif}
#detail-modal.is-lead .appointment-sales-preview__summary{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:8px;margin:0}
#detail-modal.is-lead .appointment-sales-preview__summary-item,#detail-modal.is-lead .appointment-sales-preview__param{display:grid;gap:3px;min-width:0;padding:9px 10px;border:1px solid var(--lead-border);border-radius:8px;background:var(--lead-neutral)}
#detail-modal.is-lead .appointment-sales-preview :is(dt,h6){color:var(--lead-muted);font-size:10px;font-weight:700;text-transform:uppercase}
#detail-modal.is-lead .appointment-sales-preview dd{margin:0;color:var(--lead-title);font-size:12px;overflow-wrap:anywhere}
#detail-modal.is-lead .appointment-sales-preview__params{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:8px;margin:0}
#detail-modal.is-lead .appointment-sales-preview__attachments{display:grid;gap:6px;padding:10px 12px;border:1px solid #CFE2FB;border-radius:9px;background:var(--lead-soft)}
#detail-modal.is-lead .appointment-sales-preview__attachments h6,#detail-modal.is-lead .appointment-sales-preview__attachments p{margin:0}
#detail-modal.is-lead .appointment-sales-preview__frame{display:block;width:100%;min-height:440px;border:1px solid var(--lead-border);border-radius:9px;background:#fff}
#detail-modal.is-lead .appointment-sales-preview__warning{margin:0;padding:10px 12px;border:1px solid var(--lead-warning-border);border-radius:9px;background:var(--lead-warning-soft);color:var(--lead-warning)}

#detail-modal.is-lead .appointment-communications{display:grid;width:100%;min-width:0;gap:16px;margin-top:2px;padding:18px;border:1px solid var(--lead-violet-border);border-radius:14px;background:linear-gradient(135deg,#fff 0%,var(--lead-violet-soft) 100%)}
#detail-modal.is-lead .appointment-communications__header{display:flex;align-items:flex-start;justify-content:space-between;gap:14px;padding:0 0 13px;border-bottom:1px solid var(--lead-violet-border);background:transparent;color:inherit}
#detail-modal.is-lead .appointment-communications__heading{min-width:0}
#detail-modal.is-lead .appointment-communications__eyebrow{margin:0 0 3px;color:var(--lead-violet);font-size:10px;font-weight:700;letter-spacing:.075em;text-transform:uppercase}
#detail-modal.is-lead .appointment-communications__title{margin:0;color:var(--lead-title);font:600 19px/1.3 Poppins,sans-serif}
#detail-modal.is-lead .appointment-communications__subtitle{margin:5px 0 0;color:var(--lead-muted);line-height:1.45}
#detail-modal.is-lead .appointment-communications__close,#detail-modal.is-lead .appointment-communication-preview__close{flex:0 0 auto;border:1px solid var(--lead-border-strong);background:#fff;color:var(--lead-secondary)}
#detail-modal.is-lead .appointment-communications__close:hover,#detail-modal.is-lead .appointment-communication-preview__close:hover{border-color:var(--lead-danger-border);background:var(--lead-danger-soft);color:var(--lead-danger)}
#detail-modal.is-lead .appointment-communications__notice{margin:0;padding:11px 13px;border-radius:10px}
#detail-modal.is-lead .appointment-communications__notice--success{border:1px solid var(--lead-success-border);background:var(--lead-success-soft);color:var(--lead-success)}
#detail-modal.is-lead .appointment-communications__chooser{display:grid;gap:7px}
#detail-modal.is-lead .appointment-communications__label{color:var(--lead-secondary);font-size:13px;font-weight:600}
#detail-modal.is-lead .appointment-communications__select{width:100%;min-width:0}
#detail-modal.is-lead .appointment-communication-detail{display:grid;gap:14px;padding:16px;border:1px solid var(--lead-border);border-radius:12px;background:#fff}
#detail-modal.is-lead .appointment-communication-detail__header{display:flex;align-items:center;justify-content:space-between;gap:10px;flex-wrap:wrap;padding:0;background:transparent;color:inherit}
#detail-modal.is-lead .appointment-communication-detail__title{margin:0;color:var(--lead-title);font:600 17px Poppins,sans-serif}
#detail-modal.is-lead .appointment-communication-detail__availability{display:inline-flex;min-height:30px;align-items:center;padding:4px 9px;border:1px solid currentColor;border-radius:999px;font-size:11px;font-weight:700}
#detail-modal.is-lead .appointment-communication-detail__availability.is-available{background:var(--lead-success-soft);color:var(--lead-success)}
#detail-modal.is-lead .appointment-communication-detail__availability.is-blocked{background:var(--lead-danger-soft);color:var(--lead-danger)}
#detail-modal.is-lead .appointment-communication-detail__readiness{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:9px}
#detail-modal.is-lead .appointment-communication-detail__readiness-item{display:grid;gap:3px;padding:10px 11px;border:1px solid var(--lead-border);border-radius:9px;background:var(--lead-neutral);color:var(--lead-secondary)}
#detail-modal.is-lead .appointment-communication-detail__readiness-item.is-ready{border-color:var(--lead-success-border);background:var(--lead-success-soft);color:var(--lead-success)}
#detail-modal.is-lead .appointment-communication-detail__readiness-item.is-blocked{border-color:var(--lead-danger-border);background:var(--lead-danger-soft);color:var(--lead-danger)}
#detail-modal.is-lead .appointment-communication-detail__blockers{margin:0;padding:11px 13px;border:1px solid var(--lead-warning-border);border-radius:9px;background:var(--lead-warning-soft);color:var(--lead-warning)}
#detail-modal.is-lead .appointment-communication-detail__blockers-title{display:block;margin-bottom:4px}
#detail-modal.is-lead .appointment-communication-detail__outbox{display:flex;align-items:center;justify-content:space-between;gap:10px;padding:10px 12px;border:1px solid var(--lead-border);border-radius:9px;background:var(--lead-neutral)}
#detail-modal.is-lead .appointment-communication-detail__outbox-label{color:var(--lead-muted);font-size:12px}
#detail-modal.is-lead .appointment-communication-detail__outbox-status{color:var(--lead-title);font-weight:600}
#detail-modal.is-lead .appointment-communication-detail__actions{display:flex;justify-content:flex-end;gap:9px;flex-wrap:wrap}
#detail-modal.is-lead .appointment-communication-detail__preview-action{border:1px solid var(--lead-violet-border);background:#fff;color:var(--lead-violet)}
#detail-modal.is-lead .appointment-communication-detail__preview-action:hover:not(:disabled){background:var(--lead-violet-soft)}
#detail-modal.is-lead .appointment-communication-detail__send-action{border:1px solid var(--lead-primary);background:var(--lead-primary);color:#fff}
#detail-modal.is-lead .appointment-communication-detail__send-action:hover:not(:disabled){border-color:var(--lead-primary-hover);background:var(--lead-primary-hover)}
#detail-modal.is-lead :is(.appointment-communication-detail__loading,.appointment-communication-detail__error,.appointment-communication-detail__outbox-error){margin:0;color:var(--lead-secondary)}
#detail-modal.is-lead :is(.appointment-communication-detail__error,.appointment-communication-detail__outbox-error){color:var(--lead-danger)}
#detail-modal.is-lead .appointment-communication-preview{display:grid;width:100%;min-width:0;gap:15px;padding:16px;border:1px solid #CFE2FB;border-radius:12px;background:#fff}
#detail-modal.is-lead .appointment-communication-preview__header{display:flex;align-items:flex-start;justify-content:space-between;gap:12px;padding:0 0 12px;border-bottom:1px solid var(--lead-border);background:transparent;color:inherit}
#detail-modal.is-lead .appointment-communication-preview__eyebrow{margin:0 0 3px;color:var(--lead-primary);font-size:10px;font-weight:700;letter-spacing:.075em;text-transform:uppercase}
#detail-modal.is-lead .appointment-communication-preview__title{margin:0;color:var(--lead-title);font:600 17px Poppins,sans-serif}
#detail-modal.is-lead .appointment-communication-preview__summary{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:9px}
#detail-modal.is-lead .appointment-communication-preview__summary-item{display:grid;gap:4px;min-width:0;padding:10px 11px;border:1px solid var(--lead-border);border-radius:9px;background:var(--lead-neutral);overflow-wrap:anywhere}
#detail-modal.is-lead .appointment-communication-preview__summary-item dt{color:var(--lead-muted);font-size:10px;font-weight:700;letter-spacing:.06em;text-transform:uppercase}
#detail-modal.is-lead .appointment-communication-preview__summary-item dd{margin:0;color:var(--lead-title);font-size:13px}
#detail-modal.is-lead .appointment-communication-preview__params{display:grid;gap:9px}
#detail-modal.is-lead .appointment-communication-preview__params-title{margin:0;color:var(--lead-title);font:600 15px Poppins,sans-serif}
#detail-modal.is-lead .appointment-communication-preview__params-list{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:8px;margin:0}
#detail-modal.is-lead .appointment-communication-preview__params-list>div{display:grid;gap:3px;padding:9px 10px;border:1px solid var(--lead-border);border-radius:8px;background:var(--lead-neutral);overflow-wrap:anywhere}
#detail-modal.is-lead .appointment-communication-preview__params-list dt{color:var(--lead-muted);font-size:10px;font-weight:700;text-transform:uppercase}
#detail-modal.is-lead .appointment-communication-preview__params-list dd{margin:0;color:var(--lead-text);font-size:12px}
#detail-modal.is-lead .appointment-communication-preview__frame-wrap{width:100%;min-width:0;overflow:hidden;border:1px solid var(--lead-border);border-radius:10px;background:#fff}
#detail-modal.is-lead iframe.appointment-communication-preview__frame{display:block;width:100%;min-height:460px;max-height:none;border:0}
#detail-modal.is-lead .appointment-communication-preview__warning{margin:0;padding:10px 12px;border:1px solid var(--lead-warning-border);border-radius:9px;background:var(--lead-warning-soft);color:var(--lead-warning)}
#detail-modal.is-lead .appointment-communication-confirm{display:grid;gap:11px;padding:14px;border:1px solid var(--lead-warning-border);border-radius:11px;background:var(--lead-warning-soft)}
#detail-modal.is-lead .appointment-communication-confirm__title{margin:0;color:var(--lead-title);font:600 16px Poppins,sans-serif}
#detail-modal.is-lead .appointment-communication-confirm__text,#detail-modal.is-lead .appointment-communication-confirm__progress{margin:0;color:var(--lead-secondary)}
#detail-modal.is-lead .appointment-communication-confirm__actions{display:flex;justify-content:flex-end;gap:9px;flex-wrap:wrap}
#detail-modal.is-lead .appointment-communication-confirm__error{margin:0;color:var(--lead-danger)}
#detail-modal.is-lead .appointment-communication-history{display:grid;gap:11px;padding-top:2px}
#detail-modal.is-lead .appointment-communication-history__title{margin:0;color:var(--lead-title);font:600 16px Poppins,sans-serif}
#detail-modal.is-lead .appointment-communication-history__list{display:grid;gap:8px;margin:0;padding:0;list-style:none}
#detail-modal.is-lead .appointment-communication-history__item{display:grid;gap:7px;padding:11px 12px;border:1px solid var(--lead-border);border-radius:9px;background:var(--lead-neutral)}
#detail-modal.is-lead .appointment-communication-history__item-header{display:flex;align-items:flex-start;justify-content:space-between;gap:8px;padding:0;background:transparent;color:inherit}
#detail-modal.is-lead .appointment-communication-history__status{font-size:11px;font-weight:700;text-transform:uppercase}
#detail-modal.is-lead .appointment-communication-history__details{margin:0;color:var(--lead-secondary);font-size:12px;line-height:1.45}
#detail-modal.is-lead :is(.appointment-communication-history__empty,.appointment-communication-history__loading,.appointment-communication-history__error){margin:0;color:var(--lead-muted)}
#detail-modal.is-lead .appointment-communication-history__error{color:var(--lead-danger)}

/* Lead scoring: one official materialized value, rendered from the Lead payload. */
#detail-modal.is-lead #lead-scoring-panel{display:flex;flex-direction:column;grid-template-columns:none;gap:18px}
#detail-modal.is-lead .lead-scoring__header{align-items:center}
#detail-modal.is-lead .lead-scoring__header-copy{min-width:0;max-width:760px}
#detail-modal.is-lead .lead-scoring__card{min-width:0;padding:18px;border:1px solid var(--lead-border);border-radius:14px;background:#fff}
#detail-modal.is-lead .lead-scoring__score-card{--score-accent:var(--lead-primary);--score-soft:var(--lead-soft);display:flex;min-width:0;flex-direction:column;gap:15px;border-top:4px solid var(--score-accent);background:linear-gradient(145deg,#fff 0%,var(--score-soft) 155%)}
#detail-modal.is-lead .lead-scoring__score-card.is-high{--score-accent:var(--lead-success);--score-soft:var(--lead-success-soft)}
#detail-modal.is-lead .lead-scoring__score-card.is-medium{--score-accent:var(--lead-warning);--score-soft:var(--lead-warning-soft)}
#detail-modal.is-lead .lead-scoring__score-card.is-low,#detail-modal.is-lead .lead-scoring__score-card.is-blocked{--score-accent:var(--lead-danger);--score-soft:var(--lead-danger-soft)}
#detail-modal.is-lead .lead-scoring__score-card.is-unavailable{--score-accent:#98A2B3;--score-soft:#F2F4F7}
#detail-modal.is-lead .lead-scoring__score-card-header{display:flex;align-items:flex-start;justify-content:space-between;gap:12px;padding:0 0 13px;border-bottom:1px solid var(--lead-border);background:transparent;color:inherit}
#detail-modal.is-lead .lead-scoring__score-card-heading{min-width:0}
#detail-modal.is-lead .lead-scoring__card-eyebrow{margin:0 0 3px;color:var(--score-accent);font-size:10px;font-weight:700;letter-spacing:.07em;text-transform:uppercase}
#detail-modal.is-lead .lead-scoring__card-title{margin:0;color:var(--lead-title);font:600 18px/1.3 Poppins,sans-serif}
#detail-modal.is-lead .lead-scoring__band{display:inline-flex;min-height:30px;align-items:center;padding:4px 9px;border:1px solid currentColor;border-radius:999px;font-size:11px;font-weight:700;white-space:nowrap}
#detail-modal.is-lead .lead-scoring__band--high{background:var(--lead-success-soft);color:var(--lead-success)}
#detail-modal.is-lead .lead-scoring__band--medium{background:var(--lead-warning-soft);color:var(--lead-warning)}
#detail-modal.is-lead :is(.lead-scoring__band--low,.lead-scoring__band--blocked){background:var(--lead-danger-soft);color:var(--lead-danger)}
#detail-modal.is-lead .lead-scoring__band--unavailable{background:#F2F4F7;color:#667085}
#detail-modal.is-lead .lead-scoring__score-hero{display:grid;gap:11px;margin:0;padding:15px;border:1px solid var(--lead-border);border-radius:12px;background:rgba(255,255,255,.86)}
#detail-modal.is-lead .lead-scoring__score-value-wrap{display:flex;align-items:baseline;gap:6px}
#detail-modal.is-lead .lead-scoring__score-value{color:var(--lead-title);font:600 clamp(34px,4vw,48px)/1 Poppins,sans-serif}
#detail-modal.is-lead .lead-scoring__score-scale{color:var(--lead-muted);font-size:13px}
#detail-modal.is-lead .lead-scoring__score-meter{height:8px;overflow:hidden;border-radius:999px;background:#E8EDF4}
#detail-modal.is-lead .lead-scoring__score-meter-fill{display:block;height:100%;border-radius:inherit;background:var(--score-accent)}
#detail-modal.is-lead .lead-scoring__metrics{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:8px;margin:0}
#detail-modal.is-lead .lead-scoring__metric{display:grid;gap:4px;min-width:0;padding:10px 11px;border:1px solid var(--lead-border);border-radius:9px;background:#fff}
#detail-modal.is-lead .lead-scoring__metric-label{color:var(--lead-muted);font-size:10px;font-weight:700;letter-spacing:.055em;text-transform:uppercase}
#detail-modal.is-lead .lead-scoring__metric-value{margin:0;color:var(--lead-title);font-size:13px;font-weight:600;overflow-wrap:anywhere}
#detail-modal.is-lead .lead-scoring__metric--blocked{border-color:var(--lead-danger-border);background:var(--lead-danger-soft)}
#detail-modal.is-lead .lead-scoring__note{margin:0;padding:11px 12px;border:1px solid var(--lead-warning-border);border-radius:9px;background:var(--lead-warning-soft);color:var(--lead-warning);line-height:1.45}
#detail-modal.is-lead .lead-scoring__note--blocked{border-color:var(--lead-danger-border);background:var(--lead-danger-soft);color:var(--lead-danger)}
#detail-modal.is-lead .lead-scoring__note--unavailable{border-color:var(--lead-border-strong);background:var(--lead-neutral);color:var(--lead-secondary)}
#detail-modal.is-lead .lead-scoring__note p{margin:4px 0 0}
#detail-modal.is-lead .lead-scoring__factor-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:10px}
#detail-modal.is-lead .lead-scoring__factor-group{display:grid;align-content:start;gap:9px;min-width:0;padding:12px;border:1px solid var(--lead-border);border-radius:10px;background:var(--lead-neutral)}
#detail-modal.is-lead .lead-scoring__factor-group--positive{border-color:var(--lead-success-border);background:var(--lead-success-soft)}
#detail-modal.is-lead .lead-scoring__factor-group--negative{border-color:var(--lead-danger-border);background:var(--lead-danger-soft)}
#detail-modal.is-lead .lead-scoring__factor-title{display:flex;align-items:center;justify-content:space-between;gap:8px;margin:0;color:var(--lead-title);font:600 14px Poppins,sans-serif}
#detail-modal.is-lead .lead-scoring__factor-count{display:grid;min-width:25px;height:25px;place-items:center;border:1px solid currentColor;border-radius:999px;font:700 11px "Open Sans",sans-serif}
#detail-modal.is-lead .lead-scoring__factors{display:grid;gap:7px;margin:0;padding:0;list-style:none}
#detail-modal.is-lead .lead-scoring__factor{display:flex;align-items:flex-start;justify-content:space-between;gap:9px;padding:8px 9px;border:1px solid rgba(201,212,227,.85);border-radius:8px;background:rgba(255,255,255,.82)}
#detail-modal.is-lead .lead-scoring__factor-copy{display:grid;gap:2px;min-width:0}
#detail-modal.is-lead .lead-scoring__factor-label{color:var(--lead-title);font-size:12px;font-weight:600}
#detail-modal.is-lead .lead-scoring__factor-detail{color:var(--lead-muted);font-size:11px;overflow-wrap:anywhere}
#detail-modal.is-lead .lead-scoring__factor-points{flex:0 0 auto;color:var(--lead-title);font-size:12px}
#detail-modal.is-lead .lead-scoring__factor--positive .lead-scoring__factor-points{color:var(--lead-success)}
#detail-modal.is-lead .lead-scoring__factor--negative .lead-scoring__factor-points{color:var(--lead-danger)}
#detail-modal.is-lead .lead-scoring__factor-empty{margin:0;color:var(--lead-muted);font-size:12px}
#detail-modal.is-lead .lead-scoring__details{border-top:1px solid var(--lead-border)}
#detail-modal.is-lead .lead-scoring__details-summary{padding:12px 0 0;color:var(--lead-primary);font-size:13px;font-weight:600;cursor:pointer}
#detail-modal.is-lead .lead-scoring__sources{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:8px;margin:0;padding-top:12px}
#detail-modal.is-lead .lead-scoring__detail-row{display:grid;gap:3px;min-width:0;padding:9px 10px;border:1px solid var(--lead-border);border-radius:8px;background:var(--lead-neutral)}
#detail-modal.is-lead .lead-scoring__detail-label{color:var(--lead-muted);font-size:10px;font-weight:700;text-transform:uppercase}
#detail-modal.is-lead .lead-scoring__detail-value{margin:0;color:var(--lead-text);font-size:12px;overflow-wrap:anywhere}
#detail-modal.is-lead .lead-scoring__empty-state{margin:0;padding:14px;border:1px dashed var(--lead-border-strong);border-radius:10px;background:var(--lead-neutral);color:var(--lead-muted)}
#detail-modal.is-lead .lead-scoring__empty-title{display:block;margin-bottom:4px;color:var(--lead-title)}

/* The Lead modal intentionally also carries .is-company to reuse shared geometry.
   These guards keep the Lead-only semantic variants authoritative. */
#detail-modal.is-lead.is-company :is(button,[role=button],input,select,textarea){box-shadow:none!important;transform:none!important}
#detail-modal.is-lead.is-company .detail-tabs{scrollbar-width:none}
#detail-modal.is-lead.is-company .detail-tabs::-webkit-scrollbar{display:none}
#detail-modal.is-lead.is-company .appointment-card__communication-action{border-color:var(--lead-violet-border)!important;background:var(--lead-violet-soft)!important;color:var(--lead-violet)!important}
#detail-modal.is-lead.is-company .appointment-communication-detail__preview-action{border-color:var(--lead-violet-border)!important;background:#fff!important;color:var(--lead-violet)!important}
#detail-modal.is-lead.is-company .appointment-communication-detail__preview-action:hover:not(:disabled){background:var(--lead-violet-soft)!important}

@media (max-width:900px){
 #detail-modal.is-lead #detail-fields.lead-detail{grid-template-columns:1fr}
 #detail-modal.is-lead .lead-card--overview,#detail-modal.is-lead .lead-card--wide{grid-column:auto}
 #detail-modal.is-lead .entity-opportunity__grid,#detail-modal.is-lead .company-opportunity-summary{grid-template-columns:repeat(2,minmax(0,1fr))}
 #detail-modal.is-lead .lead-email__overview{grid-template-columns:repeat(3,minmax(0,1fr))}
 #detail-modal.is-lead .lead-email__event-meta{grid-template-columns:repeat(2,minmax(0,1fr))}
 #detail-modal.is-lead .appointment-communication-preview__summary{grid-template-columns:repeat(2,minmax(0,1fr))}
 #detail-modal.is-lead .lead-appointments__metrics{grid-template-columns:repeat(2,minmax(0,1fr))}
 #detail-modal.is-lead .appointment-sales-preview__summary{grid-template-columns:repeat(2,minmax(0,1fr))}
}
@media (max-width:768px){
 #detail-modal.is-lead .lead-scoring__factor-grid,#detail-modal.is-lead .lead-scoring__sources{grid-template-columns:1fr}
 #detail-modal.is-lead :is(.lead-email__operation-grid,.lead-email__admin-grid){grid-template-columns:1fr}
 #detail-modal.is-lead .lead-email__admin-card{grid-template-columns:1fr}
 #detail-modal.is-lead .lead-email__admin-card>h4,#detail-modal.is-lead .lead-email__admin-card>pre{grid-column:auto}
 #detail-modal.is-lead .appointment-card__details{grid-template-columns:repeat(2,minmax(0,1fr))}
 #detail-modal.is-lead .appointment-inline-form__grid{grid-template-columns:1fr}
 #detail-modal.is-lead .appointment-inline-form__field--full{grid-column:auto}
 #detail-modal.is-lead .appointment-communication-detail__readiness,#detail-modal.is-lead .appointment-communication-preview__params-list{grid-template-columns:1fr}
 #detail-modal.is-lead .appointment-sales__form,#detail-modal.is-lead .appointment-sales-preview__params{grid-template-columns:1fr}
 #detail-modal.is-lead .appointment-sales__category,#detail-modal.is-lead .appointment-sales__companies,#detail-modal.is-lead .appointment-sales__preview,#detail-modal.is-lead .appointment-sales__feedback,#detail-modal.is-lead .appointment-sales__actions{grid-column:auto}
}
@media (max-width:640px){
 #detail-modal.is-lead .company-field__value-row,#detail-modal.is-lead .lead-contact-card__channel{grid-template-columns:minmax(0,1fr)}
 #detail-modal.is-lead .company-field__read-actions{justify-content:flex-start}
 #detail-modal.is-lead .entity-opportunity__grid,#detail-modal.is-lead .company-opportunity-summary,#detail-modal.is-lead .company-opportunity-card__metrics{grid-template-columns:1fr}
 #detail-modal.is-lead .company-opportunity-card__header,#detail-modal.is-lead .appointment-card__header{align-items:flex-start;flex-direction:column}
 #detail-modal.is-lead .lead-email__header{display:grid;grid-template-columns:minmax(0,1fr);align-items:stretch}
 #detail-modal.is-lead .lead-email__current-status{width:100%;justify-content:center;white-space:normal;text-align:center}
 #detail-modal.is-lead .lead-email__overview{grid-template-columns:repeat(2,minmax(0,1fr))}
 #detail-modal.is-lead .lead-email__metric--issues{grid-column:1/-1}
 #detail-modal.is-lead .lead-email__section-header{align-items:flex-start;flex-direction:column}
 #detail-modal.is-lead .lead-email__event-identity{align-items:flex-start;flex-direction:column}
 #detail-modal.is-lead .lead-email__state{width:100%;border-radius:9px;text-align:center}
 #detail-modal.is-lead :is(.lead-appointments__hero,.lead-scoring__header){display:grid;grid-template-columns:minmax(0,1fr);align-items:stretch}
 #detail-modal.is-lead .lead-appointments__hero-actions{display:grid;grid-template-columns:minmax(0,1fr)}
 #detail-modal.is-lead :is(.lead-appointments__count,.lead-appointments__new){width:100%;justify-content:center}
 #detail-modal.is-lead .appointment-card__details,#detail-modal.is-lead .appointment-communication-preview__summary{grid-template-columns:1fr}
 #detail-modal.is-lead .appointment-card__actions{justify-content:flex-start}
 #detail-modal.is-lead .appointment-action:not(.appointment-action--icon){flex:1 1 145px}
 #detail-modal.is-lead .appointment-menu-wrap{flex:1 1 190px}
 #detail-modal.is-lead :is(.appointment-communications__header,.appointment-communication-preview__header){align-items:stretch;flex-direction:column}
 #detail-modal.is-lead :is(.appointment-communications__close,.appointment-communication-preview__close){align-self:flex-end}
 #detail-modal.is-lead :is(.appointment-communication-detail__actions,.appointment-communication-confirm__actions){display:grid;grid-template-columns:1fr}
 #detail-modal.is-lead :is(.appointment-communication-detail__actions,.appointment-communication-confirm__actions)>button{width:100%}
 #detail-modal.is-lead .lead-scoring__metrics{grid-template-columns:1fr}
 #detail-modal.is-lead .appointment-sales__header{align-items:stretch;flex-direction:column}
 #detail-modal.is-lead .appointment-sales__header .appointment-panel__close{align-self:flex-end}
 #detail-modal.is-lead .appointment-sales__company-list{grid-template-columns:1fr}
}
@media (max-width:480px){
 #detail-modal.is-lead :is(.lead-email__history-card,.lead-email__operations,.appointment-card,.appointment-inline-form,.appointment-communications,.lead-scoring__card){padding:13px!important}
 #detail-modal.is-lead .lead-email__event-meta{grid-template-columns:1fr}
 #detail-modal.is-lead .lead-email__event{padding:12px}
 #detail-modal.is-lead .lead-email__operation-card button{width:100%}
 #detail-modal.is-lead .lead-email__admin-grid{padding-inline:8px}
 #detail-modal.is-lead .lead-appointments__next{padding-left:50px!important}
 #detail-modal.is-lead .lead-appointments__next::before{left:12px}
 #detail-modal.is-lead .appointment-inline-form__actions{display:grid;grid-template-columns:1fr}
 #detail-modal.is-lead .appointment-inline-form__actions>button{width:100%;min-width:0}
 #detail-modal.is-lead .appointment-action:not(.appointment-action--icon){flex:1 1 calc(50% - 8px);min-width:126px}
 #detail-modal.is-lead .lead-appointments__metrics{grid-template-columns:1fr}
 #detail-modal.is-lead .appointment-menu-wrap{flex:1 1 100%}
 #detail-modal.is-lead .appointment-menu-wrap>.appointment-action{width:100%}
 #detail-modal.is-lead .appointment-sales{padding:13px}
 #detail-modal.is-lead .appointment-sales__segments,#detail-modal.is-lead .appointment-sales__actions{grid-template-columns:1fr}
 #detail-modal.is-lead .appointment-sales__actions{display:grid}
 #detail-modal.is-lead .appointment-sales__actions>button{width:100%}
 #detail-modal.is-lead .appointment-sales-preview__summary{grid-template-columns:1fr}
 #detail-modal.is-lead .appointment-sales-preview__frame{min-height:400px}
 #detail-modal.is-lead .appointment-communication-detail{padding:10px}
 #detail-modal.is-lead .appointment-communication-preview{gap:12px;padding:8px}
 #detail-modal.is-lead .appointment-communication-preview__frame-wrap{width:calc(100% + 16px);margin-inline:-8px;border-right:0;border-left:0;border-radius:0}
 #detail-modal.is-lead iframe.appointment-communication-preview__frame{min-height:420px}
 #detail-modal.is-lead .lead-scoring__score-card-header{align-items:flex-start;flex-direction:column}
 #detail-modal.is-lead .lead-scoring__band{white-space:normal}
}