/*
 * Lead detail interaction parity with the approved Customer surface.
 * The header carries compact semantic actions; every record-sized target opens.
 */
.premium-app .lead-customer-modal:not(.is-editing) .lead-customer-header{
  grid-template-columns:minmax(300px,1fr) auto 42px!important;
  min-height:92px!important;
  padding:12px 18px!important;
}

.premium-app .lead-customer-modal:not(.is-editing) .lead-customer-avatar{
  width:54px!important;
  height:54px!important;
  flex-basis:54px!important;
  border:1.5px solid #ff8a18!important;
  background:#071523!important;
  color:#ff9a32!important;
  box-shadow:none!important;
}

.premium-app .lead-customer-modal:not(.is-editing) .lead-customer-name-row h2{
  font-size:24px!important;
}

.premium-app .lead-header-actions{gap:10px!important}

.premium-app .lead-header-round-actions{
  display:flex;
  align-items:center;
  gap:10px;
  padding:0 12px;
  border-left:1px solid rgba(148,163,184,.16);
  border-right:1px solid rgba(148,163,184,.16);
}

.premium-app .lead-header-round-actions :is(a,button){
  width:40px;
  min-width:40px;
  height:40px;
  display:grid;
  place-items:center;
  padding:0;
  border:0;
  border-radius:50%;
  background:transparent;
  text-decoration:none;
  cursor:pointer;
  transition:transform .15s ease,color .15s ease;
}

.premium-app .lead-header-round-actions :is(a,button) svg{
  box-sizing:border-box;
  width:36px!important;
  height:36px!important;
  padding:8px!important;
  border:1.5px solid currentColor!important;
  border-radius:50%!important;
  background:#071523!important;
  box-shadow:none!important;
  filter:none!important;
}

.premium-app .lead-header-round-actions .action-call{color:#20bfff}
.premium-app .lead-header-round-actions .action-text{color:#21d779}
.premium-app .lead-header-round-actions .action-email{color:#c477ff}
.premium-app .lead-header-round-actions .action-map{color:#ffae32}
.premium-app .lead-header-round-actions .action-edit{color:#ff7a00}

.premium-app .lead-header-round-actions :is(a,button):hover,
.premium-app .lead-header-round-actions :is(a,button):focus-visible{
  color:#ff9a32;
  transform:translateY(-1px);
  outline:0;
}

.premium-app .lead-header-round-actions :is(a,button):hover svg,
.premium-app .lead-header-round-actions :is(a,button):focus-visible svg{
  background:#0c1b2b!important;
}

.premium-app .lead-header-round-actions .is-disabled{
  opacity:.45;
  cursor:not-allowed;
}

.premium-app .lead-header-build-project{
  min-height:38px!important;
  height:38px!important;
  display:inline-flex!important;
  align-items:center!important;
  justify-content:center!important;
  gap:8px!important;
  padding:0 14px!important;
  border:1px solid #ff850a!important;
  border-radius:9px!important;
  background:#0c1b29!important;
  color:#ffac54!important;
  font-size:12.5px!important;
  font-weight:800!important;
  white-space:nowrap!important;
}

.premium-app .lead-header-build-project:hover,
.premium-app .lead-header-build-project:focus-visible{
  background:#ff7a00!important;
  color:#0b0d10!important;
  outline:2px solid #ffb45d;
  outline-offset:2px;
}

.premium-app .lead-header-build-project svg{
  width:17px!important;
  height:17px!important;
}

.premium-app .lead-stage-progress>button{
  position:relative;
  min-width:0;
  display:grid;
  justify-items:center;
  gap:5px;
  padding:0;
  border:0;
  background:transparent;
  color:#8ea0b1;
  cursor:pointer;
}

.premium-app .lead-stage-progress>button:not(:last-child)::after{
  content:"";
  position:absolute;
  top:17px;
  left:calc(50% + 24px);
  width:calc(100% - 48px);
  border-top:1px dashed #395167;
}

.premium-app .lead-stage-progress>button.active{color:#ff9a32}

.premium-app .lead-stage-progress>button:hover span,
.premium-app .lead-stage-progress>button:focus-visible span{
  border-color:#ff9a32!important;
  color:#ff9a32!important;
  background:#0c1b2b!important;
}

.premium-app .lead-stage-progress>button:focus-visible{
  outline:2px solid #ff9a32;
  outline-offset:3px;
  border-radius:6px;
}

.premium-app .lead-tab-records .lead-overview-action,
.premium-app .lead-tab-records .lead-tab-record{
  width:100%;
  min-height:66px;
  display:grid;
  grid-template-columns:34px minmax(0,1fr) auto;
  align-items:center;
  gap:12px;
  padding:12px;
  border:1px solid #30495d;
  border-radius:10px;
  background:#081725;
  color:#eef4f8;
  text-align:left;
  cursor:pointer;
  transition:border-color .15s ease,background .15s ease,transform .15s ease;
}

.premium-app .lead-tab-records .lead-overview-action:hover,
.premium-app .lead-tab-records .lead-overview-action:focus-visible,
.premium-app .lead-tab-records .lead-tab-record:hover,
.premium-app .lead-tab-records .lead-tab-record:focus-visible{
  border-color:#ff850a;
  background:#0b1c2a;
  transform:translateY(-1px);
  outline:0;
}

.premium-app .lead-tab-records .lead-overview-action>svg:first-child,
.premium-app .lead-tab-records .lead-tab-record>svg:first-child{
  width:22px;
  height:22px;
  color:#13d7ed;
}

.premium-app .lead-open-cue,
.premium-app .lead-record-open{color:#ff9a32!important}

.premium-app .lead-open-cue{
  width:18px!important;
  height:18px!important;
}

.premium-app .lead-record-open{
  display:inline-flex!important;
  align-items:center;
  gap:5px;
  margin:0!important;
  font-size:11.5px!important;
  font-weight:800;
  white-space:nowrap;
}

.premium-app .lead-record-open svg,
.premium-app .lead-next-step-card .lead-rail-open-cue svg,
.premium-app .lead-project-builder-btn svg,
.premium-app .lead-notes-card .lead-rail-head span svg{
  width:15px;
  height:15px;
}

.premium-app .lead-clickable-panel,
.premium-app .lead-rail-line-clickable{
  width:100%;
  color:inherit;
  font:inherit;
  text-align:left;
  cursor:pointer;
  text-decoration:none;
  transition:border-color .15s ease,background .15s ease,transform .15s ease;
}

.premium-app .lead-clickable-panel:hover,
.premium-app .lead-clickable-panel:focus-visible,
.premium-app .lead-rail-line-clickable:hover,
.premium-app .lead-rail-line-clickable:focus-visible{
  border-color:#ff850a!important;
  background:#0b1c2a!important;
  transform:translateY(-1px);
  outline:0;
}

.premium-app .lead-next-step-card .lead-rail-open-cue{
  display:inline-flex;
  align-items:center;
  gap:4px;
  color:#ff9a32;
  font-size:11.5px;
  font-weight:850;
  white-space:nowrap;
}

.premium-app .lead-rail-line-clickable{
  appearance:none;
  display:grid!important;
  border:0!important;
  border-bottom:1px solid rgba(148,163,184,.13)!important;
  border-radius:0!important;
  background:transparent!important;
  color:#eef4f8!important;
  box-shadow:none!important;
  filter:none!important;
}

.premium-app .lead-rail-line-clickable .lead-rail-action-icon{
  box-sizing:border-box;
  width:30px!important;
  height:30px!important;
  padding:7px!important;
  border:1px solid #395167;
  border-radius:9px;
  color:#c9d5df;
}

.premium-app .lead-project-builder-card{
  display:grid!important;
  gap:10px!important;
  padding:13px!important;
}

.premium-app .lead-project-builder-card .lead-project-builder-btn{
  min-height:38px;
  display:flex;
  align-items:center;
  justify-content:center;
  gap:6px;
  border-radius:8px;
  border:1px solid var(--wbe-approved-action-orange,#f45a0a);
  background:var(--wbe-approved-action-orange,#f45a0a);
  color:#090d12;
  font-size:12px;
  font-weight:850;
}

.premium-app .lead-notes-card{display:block!important}

.premium-app .lead-notes-card .lead-rail-head span{
  display:inline-flex;
  align-items:center;
  gap:4px;
  color:#ff9a32;
  font-size:11px;
  font-weight:800;
}

@media(max-width:1350px){
  .premium-app .lead-header-journey{
    display:grid!important;
    min-width:174px;
  }
}

@media(max-width:1180px){
  .premium-app .lead-header-actions{flex-wrap:wrap}
  .premium-app .lead-header-journey{
    flex:1 1 174px;
  }

  .premium-app .lead-header-round-actions{
    padding-left:0;
    border-left:0;
  }
}

@media(max-width:720px){
  .premium-app .lead-header-round-actions{
    grid-column:1/-1;
    justify-content:flex-start;
    padding:0;
    border:0;
  }

  .premium-app .lead-header-primary,
  .premium-app .lead-header-build-project{width:100%}
  .premium-app .lead-stage-progress>button{min-width:112px}
}

/* Actionable customer-journey state and readable update time. */
.premium-app .lead-header-journey{
  min-width:190px;
  gap:6px!important;
}

.premium-app .lead-header-journey .lead-journey-toggle{
  width:100%;
  min-height:30px;
  display:flex;
  align-items:center;
  justify-content:space-between;
  gap:10px;
  padding:2px 0;
  border:0;
  background:transparent;
  color:#31d579;
  cursor:pointer;
  font:inherit;
}

.premium-app .lead-header-journey .lead-journey-title{
  display:inline-flex;
  align-items:center;
  gap:7px;
  color:inherit;
  font-size:13px;
  font-weight:800;
  white-space:nowrap;
}

.premium-app .lead-header-journey .lead-journey-title svg{
  width:18px!important;
  height:18px!important;
}

.premium-app .lead-header-journey .lead-journey-switch{
  position:relative;
  flex:0 0 48px;
  width:48px;
  height:26px;
  display:inline-block;
  border:1px solid #36e38a;
  border-radius:999px;
  background:#159957;
  box-shadow:0 0 0 1px rgba(54,227,138,.12), inset 0 1px 2px rgba(0,0,0,.22);
  transition:background-color .16s ease,border-color .16s ease,box-shadow .16s ease;
}

.premium-app .lead-header-journey .lead-journey-switch-thumb{
  position:absolute;
  top:3px;
  left:3px;
  width:18px;
  height:18px;
  border-radius:50%;
  background:#f8fffb;
  box-shadow:0 2px 5px rgba(0,0,0,.38);
  transform:translateX(20px);
  transition:transform .16s ease,background-color .16s ease;
}

.premium-app .lead-header-journey.is-off .lead-journey-toggle{
  color:#a9b7c5;
}

.premium-app .lead-header-journey.is-off .lead-journey-switch{
  border-color:#56697a;
  background:#111f2c;
  box-shadow:inset 0 1px 2px rgba(0,0,0,.28);
}

.premium-app .lead-header-journey.is-off .lead-journey-switch-thumb{
  background:#aebbc7;
  transform:translateX(0);
}

.premium-app .lead-header-journey .lead-journey-toggle:hover .lead-journey-switch{
  border-color:#65f1a7;
  background:#1caf68;
  box-shadow:0 0 0 3px rgba(49,213,121,.13), inset 0 1px 2px rgba(0,0,0,.22);
}

.premium-app .lead-header-journey.is-off .lead-journey-toggle:hover .lead-journey-switch{
  border-color:#74899a;
  background:#172938;
}

.premium-app .lead-header-journey .lead-journey-toggle:focus-visible{
  outline:2px solid #ff8a18;
  outline-offset:4px;
  border-radius:6px;
}

.premium-app .lead-header-journey small{
  display:flex!important;
  align-items:center!important;
  justify-content:flex-end!important;
  gap:6px!important;
  color:#b8c6d3!important;
  font-size:12.5px!important;
  font-weight:700!important;
  line-height:1.2!important;
  letter-spacing:.01em!important;
  white-space:nowrap!important;
}

.premium-app .lead-header-journey small svg{
  width:16px!important;
  height:16px!important;
  color:#91a6b8!important;
}

@media(max-width:720px){
  .premium-app .lead-header-journey{min-width:0}
  .premium-app .lead-header-journey small{justify-content:flex-start!important}
}