/* Lead record and workflow use the same persistent right pane pattern as work orders. */
#v1-lead-drawer.v1-right-drawer.gc-lead-workflow-docked.open {
  position:fixed!important; top:0!important; bottom:0!important;
  left:var(--gc-lead-sidebar-width,228px)!important; right:0!important;
  width:auto!important; max-width:none!important; height:100dvh!important;
  transform:none!important; display:block!important; overflow:hidden!important;
  box-sizing:border-box; z-index:1040!important; background:var(--surface,#f6f9fc);
}
#v1-lead-drawer.gc-lead-workflow-docked .gc-lead-docked-content {
  display:grid!important; grid-template-columns:minmax(0,1fr) 360px!important;
  width:100%!important; height:100%!important; min-height:0!important;
  overflow:hidden!important; padding:0!important; margin:0!important;
}
#v1-lead-drawer.gc-lead-workflow-docked .gc-lead-record {
  min-width:0; min-height:0; overflow-y:auto; overscroll-behavior:contain;
  scrollbar-gutter:stable; background:var(--surface,#f6f9fc);
}
#v1-lead-drawer.gc-lead-workflow-docked .gc-lead-record>.v1-drawer-head {
  position:sticky!important; top:0!important; z-index:2;
  padding:14px clamp(14px,2vw,28px)!important;
}
#v1-lead-drawer.gc-lead-workflow-docked .gc-lead-record-body {
  display:grid!important; grid-template-columns:repeat(2,minmax(0,1fr))!important;
  align-content:start!important; gap:14px!important;
  padding:16px clamp(14px,2vw,28px) 28px!important;
  overflow:visible!important; max-height:none!important;
}
#v1-lead-drawer.gc-lead-workflow-docked .gc-lead-record-body>.v1-drawer-section {
  min-width:0; overflow-wrap:anywhere;
}
#v1-lead-drawer.gc-lead-workflow-docked .gc-lead-record-body>
:is(#gc-lead-parts,#gc-lead-estimate,.gc-lead-label-section) {grid-column:1/-1}
#v1-lead-drawer.gc-lead-workflow-docked .gc-lead-flow {
  --wf-surface:#fff; --wf-compose:#f5f8fb; --wf-field:#fff;
  --wf-line:#d7e1ea; --wf-text:#173149; --wf-muted:#60768a; --wf-note:#f1f6fb;
  display:flex; flex-direction:column; min-width:0; min-height:0; overflow:hidden;
  border-left:1px solid var(--wf-line); background:var(--wf-surface); color:var(--wf-text);
}
html[data-theme="dark"] #v1-lead-drawer.gc-lead-workflow-docked .gc-lead-flow {
  --wf-surface:#101e2b; --wf-compose:#10202f; --wf-field:#0a1722;
  --wf-line:#30485c; --wf-text:#e1edf7; --wf-muted:#9eb4c7; --wf-note:#152737;
}
#v1-lead-drawer.gc-lead-workflow-docked .gc-lead-flow-head {
  display:flex; justify-content:space-between; align-items:flex-start; gap:8px;
  flex:0 0 auto; padding:14px 14px 12px; border-bottom:1px solid var(--wf-line);
}
#v1-lead-drawer.gc-lead-workflow-docked .gc-lead-flow-head small {
  color:var(--wf-muted); font-size:10px; font-weight:700; letter-spacing:.08em;
}
#v1-lead-drawer.gc-lead-workflow-docked .gc-lead-flow-head h2 {
  margin:4px 0 8px; color:var(--wf-text); font-size:17px; line-height:1.3;
}
#v1-lead-drawer.gc-lead-workflow-docked .gc-lead-flow-head .v1-status {font-size:11px}
#v1-lead-drawer.gc-lead-workflow-docked .gc-lead-flow-close,
#v1-lead-drawer.gc-lead-workflow-docked .gc-lead-show-record,
#v1-lead-drawer.gc-lead-workflow-docked .gc-lead-open-flow {
  border:1px solid var(--wf-line); background:var(--wf-field); color:var(--wf-text);
  border-radius:8px; min-height:36px; padding:6px 10px; cursor:pointer;
}
#v1-lead-drawer.gc-lead-workflow-docked .gc-lead-flow-close {font-size:20px; line-height:1; width:36px; padding:0}
#v1-lead-drawer.gc-lead-workflow-docked .gc-lead-open-flow,
#v1-lead-drawer.gc-lead-workflow-docked .gc-lead-show-record {display:none}
#v1-lead-drawer.gc-lead-workflow-docked .gc-lead-flow-tabs {
  display:grid; grid-template-columns:repeat(2,minmax(0,1fr));
  gap:6px; padding:7px 10px; border-bottom:1px solid var(--wf-line);
}
#v1-lead-drawer.gc-lead-workflow-docked .gc-lead-flow-tab {
  min-height:38px; padding:7px 5px; border:1px solid var(--wf-line); border-radius:8px;
  background:var(--wf-field); color:var(--wf-text); font-size:11px; font-weight:700; cursor:pointer;
}
#v1-lead-drawer.gc-lead-workflow-docked .gc-lead-flow-tab[aria-selected="true"] {
  border-color:#2282ce; background:#eaf5ff; color:#145a92;
}
#v1-lead-drawer.gc-lead-workflow-docked .gc-lead-flow [hidden] {display:none!important}
#v1-lead-drawer.gc-lead-workflow-docked .gc-lead-flow-thread,
#v1-lead-drawer.gc-lead-workflow-docked .gc-lead-flow-chat {
  flex:1 1 0; min-height:0; overflow:auto!important; overscroll-behavior:contain;
  margin:0!important; padding:12px 12px 16px!important; border:0!important;
  border-radius:0!important; box-shadow:none!important; background:var(--wf-surface)!important;
}
#v1-lead-drawer.gc-lead-workflow-docked .gc-lead-flow-thread>h3 {display:none}
#v1-lead-drawer.gc-lead-workflow-docked .gc-lead-activity-items {display:grid; gap:11px}
#v1-lead-drawer.gc-lead-workflow-docked .gc-lead-flow-thread .gc-thread-entry {
  display:block; min-width:0; margin:0!important; padding:10px!important;
  border:1px solid var(--wf-line)!important; border-radius:10px!important;
  background:var(--wf-note)!important; box-shadow:none!important;
}
#v1-lead-drawer.gc-lead-workflow-docked .gc-lead-flow-thread .gc-thread-person {
  display:flex; gap:7px; align-items:center; margin:0 0 6px!important;
}
#v1-lead-drawer.gc-lead-workflow-docked .gc-lead-flow-thread .gc-thread-content p {
  font-size:12px; line-height:1.5; white-space:pre-wrap; overflow-wrap:anywhere;
}
#v1-lead-drawer.gc-lead-workflow-docked #v1-lead-update.gc-lead-composer {
  position:relative; flex:0 0 auto; display:flex!important; flex-direction:column;
  gap:7px; margin:0!important; padding:10px 12px max(10px,env(safe-area-inset-bottom))!important;
  border:0!important; border-top:1px solid var(--wf-line)!important; border-radius:0!important;
  background:var(--wf-compose)!important; box-shadow:0 -4px 12px #00000008!important;
}
#v1-lead-drawer.gc-lead-workflow-docked #v1-lead-update.gc-lead-composer[hidden] {display:none!important}
#v1-lead-drawer.gc-lead-workflow-docked #v1-lead-update>h3 {display:none}
#v1-lead-drawer.gc-lead-workflow-docked #v1-lead-update label {
  display:block; margin:0!important; color:var(--wf-text); font-size:11px;
}
#v1-lead-drawer.gc-lead-workflow-docked #v1-lead-update :is(select,textarea) {
  box-sizing:border-box; width:100%!important; min-width:0!important;
  border:1px solid var(--wf-line)!important; border-radius:8px!important;
  background:var(--wf-field)!important; color:var(--wf-text)!important;
}
#v1-lead-drawer.gc-lead-workflow-docked #v1-lead-update select {height:36px; padding:6px 9px; font-size:12px}
#v1-lead-drawer.gc-lead-workflow-docked #v1-lead-update textarea {
  height:58px; min-height:58px; max-height:104px; resize:vertical;
  padding:9px 10px; font-size:13px; line-height:1.45;
}
#v1-lead-drawer.gc-lead-workflow-docked #v1-lead-update .gc-lead-composer-tools {
  display:flex; align-items:center; gap:6px;
}
#v1-lead-drawer.gc-lead-workflow-docked #v1-lead-update .primary-button {
  margin-left:auto!important; width:auto!important; min-height:38px!important;
  padding:7px 15px!important; white-space:nowrap;
}
#v1-lead-drawer.gc-lead-workflow-docked :is(button,select,textarea):focus-visible {
  outline:2px solid #349af0; outline-offset:2px;
}
@media(max-width:1240px) {
  #v1-lead-drawer.gc-lead-workflow-docked .gc-lead-record-body {grid-template-columns:minmax(0,1fr)!important}
  #v1-lead-drawer.gc-lead-workflow-docked .gc-lead-record-body>.v1-drawer-section {grid-column:1/-1}
}
@media(max-width:750px) {
  #v1-lead-drawer.v1-right-drawer.gc-lead-workflow-docked.open {left:0!important; width:100vw!important}
  #v1-lead-drawer.gc-lead-workflow-docked .gc-lead-docked-content {display:block!important}
  #v1-lead-drawer.gc-lead-workflow-docked .gc-lead-record,
  #v1-lead-drawer.gc-lead-workflow-docked .gc-lead-flow {width:100%; height:100%}
  #v1-lead-drawer.gc-lead-workflow-docked .gc-lead-record {display:none}
  #v1-lead-drawer.gc-lead-workflow-docked.gc-lead-show-details .gc-lead-record {display:block}
  #v1-lead-drawer.gc-lead-workflow-docked.gc-lead-show-details .gc-lead-flow {display:none}
  #v1-lead-drawer.gc-lead-workflow-docked .gc-lead-open-flow,
  #v1-lead-drawer.gc-lead-workflow-docked .gc-lead-show-record {display:inline-flex; align-items:center}
}
/* Work-order style edge handle controls the lead workflow independently of the record. */
#v1-lead-drawer.gc-lead-workflow-docked.gc-lead-flow-collapsed .gc-lead-docked-content {
  grid-template-columns:minmax(0,1fr)!important;
}
#v1-lead-drawer.gc-lead-workflow-docked.gc-lead-flow-collapsed .gc-lead-flow {
  display:none!important;
}
#gc-lead-workflow-edge:not([hidden]) {
  display:grid!important;place-items:center!important;position:fixed!important;
  right:0!important;top:46%!important;z-index:1060!important;
  min-width:34px!important;min-height:108px!important;
}
@media(min-width:751px) {
  #gc-lead-workflow-edge[aria-expanded="true"] {right:360px!important}
}
@media(max-width:750px) {
  #gc-lead-workflow-edge:not([hidden]) {top:38%!important}
  #v1-lead-drawer.gc-lead-workflow-docked.gc-lead-flow-collapsed .gc-lead-record {display:block}
}

/* Lead workspace release: record header and workflow own their stacking layers. */
#v1-lead-drawer.gc-lead-workflow-docked .gc-lead-record {position:relative;isolation:isolate}
#v1-lead-drawer.gc-lead-workflow-docked .gc-lead-record>.v1-drawer-head {z-index:20!important;background:var(--surface,#f6f9fc)!important;gap:12px;flex-wrap:wrap}
#v1-lead-drawer.gc-lead-workflow-docked .gc-lead-record-body {position:relative;z-index:0}
html[data-theme="dark"] #v1-lead-drawer.gc-lead-workflow-docked .gc-lead-record,
html[data-theme="dark"] #v1-lead-drawer.gc-lead-workflow-docked .gc-lead-record>.v1-drawer-head {background:#0b1723!important;color:#e1edf7}
#v1-lead-drawer.gc-lead-workflow-docked .gc-lead-record-body>[hidden] {display:none!important}
#v1-lead-drawer .gc-lead-header-actions {display:flex;gap:8px;align-items:center;flex-wrap:wrap;margin-left:auto}
#v1-lead-drawer .gc-lead-header-actions button {min-height:40px;white-space:nowrap}
#v1-lead-drawer.gc-lead-workflow-docked .v1-record-close {grid-column:1/-1}
#v1-lead-drawer.gc-lead-workflow-docked #v1-lead-close-form {display:grid;gap:10px}
#v1-lead-drawer.gc-lead-workflow-docked #v1-lead-close-form[hidden] {display:none!important}
@media(min-width:751px) and (max-width:1319px) {
  #v1-lead-drawer.gc-lead-workflow-docked .gc-lead-docked-content {display:block!important}
  #v1-lead-drawer.gc-lead-workflow-docked .gc-lead-record {height:100%}
  #v1-lead-drawer.gc-lead-workflow-docked .gc-lead-flow {position:absolute;right:0;top:0;bottom:0;width:360px;z-index:30;box-shadow:-8px 0 24px #0002}
  #v1-lead-drawer.gc-lead-workflow-docked:not(.gc-lead-flow-collapsed) .gc-lead-record>.v1-drawer-head {padding-right:376px!important}
}
@media(min-width:751px) {
  body:has(#v1-lead-drawer.open.gc-lead-workflow-docked:not(.gc-lead-flow-collapsed)) .gc-marlon {left:auto!important;right:376px!important}
}
@media(max-width:750px) {
  body:has(#v1-lead-drawer.open.gc-lead-workflow-docked) .gc-marlon {visibility:hidden!important;pointer-events:none!important}
  #v1-lead-drawer .gc-lead-header-actions {order:3;width:100%;margin:0}
  #v1-lead-drawer .gc-lead-header-actions button {flex:1}
}