body.lead-page-open .top { z-index: 125 !important; }
body.lead-page-open .side:has(#accountMenu:not(.hidden)) { z-index: 126 !important; }
body.lead-page-open #accountMenu { z-index: 126 !important; }
#drawer .workspace-value-change { display: block; margin-top: 7px; }
#drawer .workspace-pipeline-change { max-width: 100%; white-space: normal; text-align: left; }
#drawer .followup-qualification > .lead-quality { margin: 0 0 4px; }
#drawer .saved-private-notes { display: grid; gap: 10px; margin-top: 16px; }
#drawer .saved-private-notes[hidden] { display: none; }
#drawer .saved-private-note { padding: 12px; border: 1px solid var(--line); border-radius: 10px; background: var(--bg); }
#drawer .saved-private-note p { margin: 0 0 7px; white-space: pre-wrap; overflow-wrap: anywhere; color: var(--ink); }
#drawer .saved-private-note small { display: block; color: var(--muted); font-size: 11px; line-height: 1.5; }
#drawer.drawer.open {
  grid-template-areas: "header header" "controls controls" "main sidebar";
  align-items: start;
}
#drawer .lead-workspace-main { grid-area: main; }
#drawer .lead-workspace-side { grid-area: sidebar; }
#drawer .lead-workspace-main,
#drawer .lead-workspace-side {
  display: flex;
  flex-direction: column;
  gap: 16px;
  min-width: 0;
}
#drawer .lead-workspace-main > .panel,
#drawer .lead-workspace-side > .panel {
  min-width: 0;
  margin: 0 !important;
  height: auto;
}
#drawer #clientInfo {
  display: grid;
  grid-template-columns: repeat(2, minmax(0, 1fr));
  gap: 14px 20px;
}
#drawer #clientInfo > p { margin: 0; overflow-wrap: anywhere; }
#drawer #clientInfo > :not(p) { grid-column: 1 / -1; }
@media (max-width: 760px) {
  #drawer.drawer.open { grid-template-areas: "header" "controls" "summary" "followup" "info" "notes" "timeline"; }
  #drawer .lead-workspace-main,
  #drawer .lead-workspace-side { display: contents; }
  #drawer .lead-summary-panel { grid-area: summary; }
  #drawer .lead-followup-panel { grid-area: followup; }
  #drawer .lead-info-panel { grid-area: info; }
  #drawer .lead-notes-panel { grid-area: notes; }
  #drawer .lead-timeline-panel { grid-area: timeline; }
}
@media (max-width: 420px) {
  #drawer #clientInfo { grid-template-columns: 1fr; }
}
#drawer .drawer-context-row {
  display: grid;
  grid-template-columns: minmax(0, 1fr);
  gap: 8px;
  margin: 18px 0 0;
  padding-top: 16px;
  border-top: 1px solid var(--line);
}
#drawer .drawer-context-row > .muted {
  font-size: 11px;
  font-weight: 800;
  color: var(--ink);
}
#drawer #drawerGroups[hidden],
#drawer #drawerSequence[hidden] { display: none !important; }
#drawer .lead-association-controls {
  display: flex;
  align-items: center;
  gap: 9px;
  min-width: 0;
}
#drawer .lead-association-controls .select-ui {
  flex: 1 1 220px;
  width: auto;
  min-width: 0;
}
#drawer .lead-association-controls .pretty-select-trigger {
  width: 100%;
  min-height: 42px;
}
#drawer .lead-association-controls > .btn {
  min-height: 42px;
  flex: 0 0 auto;
  padding-inline: 13px;
}
#drawer .drawer-context-help {
  display: block;
  margin: 0;
  color: var(--muted);
  font-size: 11px;
  line-height: 1.5;
}
#drawer .lead-followup-panel .followup-qualification {
  margin: 18px 0 0;
  padding: 17px 0 0;
  border-top: 1px solid var(--line);
}
#drawer .lead-followup-panel .score-heading {
  margin-bottom: 12px;
}
#drawer .lead-followup-panel .score-explanation {
  margin-top: 8px;
  line-height: 1.55;
}
#drawer .lead-primary-actions {
  gap: 9px !important;
  flex-wrap: wrap;
}
#drawer .lead-primary-actions .btn {
  min-height: 44px;
  padding: 10px 15px;
  font-size: 13px;
  border-radius: 10px;
}
#drawer .lead-primary-actions #quickResponse {
  padding-inline: 17px;
}
html[data-theme="dark"] #drawer .drawer-context-row,
html[data-theme="dark"] #drawer .lead-followup-panel .followup-qualification {
  border-color: #252525;
}
@media (max-width: 760px) {
  #drawer .lead-association-controls {
    align-items: stretch;
    flex-direction: column;
  }
  #drawer .lead-association-controls .select-ui,
  #drawer .lead-association-controls > .btn {
    width: 100%;
    flex-basis: auto;
  }
  #drawer .lead-primary-actions .btn {
    flex: 1 1 calc(50% - 5px);
    min-width: 132px;
  }
}
@media (max-width: 390px) {
  #drawer .lead-primary-actions .btn {
    flex-basis: 100%;
    width: 100%;
  }
}
@media (prefers-reduced-motion: reduce) {
  #drawer .lead-association-controls .pretty-select-trigger,
  #drawer .lead-primary-actions .btn { transition: none; }
}