/* A lead is one profile, with a readable bio instead of a long wall of fields. */
html body .workspace .leadCard.profileCard {
  position:relative; padding:0; border:1px solid var(--journal-line);
  border-radius:26px; overflow:clip;
  box-shadow:0 18px 45px #3025151a,0 4px 0 -1px var(--journal-paper),0 5px 0 var(--journal-line);
  transition:transform .2s ease,box-shadow .2s ease;
}
.profileHero { padding:28px 24px 22px; text-align:center; background:radial-gradient(ellipse at 50% 0%,#bca17a26,transparent 80%); }
html body .workspace .profileHero h2 { font-size:30px; margin:12px 0 0; overflow-wrap:anywhere; }
.profileHero .requestBadge { display:inline-block; margin:0; }
.workspace .profileCard > :is(.headsUp,.quietHoursFlag) { margin:0 18px 14px; }
.workspace .profileCard .phoneList { margin:0; padding:0 18px 18px; }
.workspace .profileCard .callLink { margin:0; min-height:64px; }
.profileBio { border-top:1px solid var(--journal-line); }
html body .workspace .profileCard > .controls { margin:0; border:0; border-top:1px solid var(--journal-line); border-radius:0; box-shadow:none; padding:18px; }
.profileCard .controls .resultHeading h2 { font-size:21px; }
.profileCard .controls button:disabled { display:none; }
.profileCard #refusedAppointment { grid-column:1 / -1; }
.profileResultMenu { display:none; border-top:1px solid var(--journal-line); }
.profileAfterCall .profileResultMenu { display:block; }
.profileResultMenu > summary { padding:14px 20px; cursor:pointer; color:var(--journal-muted); font-size:13px; text-align:center; }
html body .workspace .profileResultMenu .controls { border:0; border-radius:0; box-shadow:none; margin:0; }
html:not([data-no-swipe]) .workspace .profileAfterCall:not(:has(.profileBio[open])) { touch-action:none; }
.profileCard :is(a,button,summary,details) { touch-action:pan-y pinch-zoom; }
html body .workspace .profileCard[data-dragging] { transition:none; user-select:none; z-index:6; }
html body .workspace .profileCard[data-thrown] { z-index:6; }
.profileSwipeStamp { pointer-events:none; position:absolute; top:24px; left:16px; right:16px; text-align:center; z-index:2; padding:12px; border:2px solid currentColor; border-radius:12px; background:var(--journal-paper); color:var(--journal-ink); font-weight:700; box-shadow:0 4px 18px #0002; }
.profileSwipeStamp:empty { display:none; }
.profileCard[data-swipe="next"] .profileSwipeStamp { color:#ab5139; }
.profileCard[data-swipe="previous"] .profileSwipeStamp { color:#47714c; }
.profileCard[data-swipe="refused"] .profileSwipeStamp { color:#925649; }
.profileBio > summary { list-style:none; cursor:pointer; text-align:center; padding:18px; color:var(--journal-ink); font-weight:600; }
.profileBio > summary::-webkit-details-marker { display:none; }
.profileBio > summary:focus-visible { outline:3px solid #758c72; outline-offset:-4px; border-radius:12px; }
.bioSubtitle { display:block; font-size:12px; color:var(--journal-muted); font-weight:400; margin-top:5px; }
.bioOpened,.profileBio[open] .bioClosed { display:none; }
.profileBio[open] .bioOpened { display:inline; }
.profileBioBody { padding:0 20px 20px; overflow-wrap:anywhere; }
html body .workspace .profileBio .historyCard { margin-top:18px; padding:16px 0 0; border:0; border-top:1px solid var(--journal-line); border-radius:0; box-shadow:none; background:transparent; }
.profileBio .historyCard summary { font-size:16px; }
.profileSwipeCues { display:none; flex-wrap:wrap; justify-content:space-between; gap:12px; padding:0 20px 16px; color:var(--journal-muted); font-size:12px; font-weight:600; }
.profileRefusedCue { flex-basis:100%; text-align:center; }
.profileAfterCall:not(:has(.profileBio[open])) .profileSwipeCues { display:flex; }
html[data-no-swipe] .profileSwipeCues { display:none; }
.profileCard[data-swipe="next"] .profileSwipeCues span:first-child { color:#ae563f; }
.profileCard[data-swipe="previous"] .profileSwipeCues span:last-child { color:#507852; }
.workspace:has(#callResults:not([hidden])) .swipeHint { visibility:visible; }
.workspace:not(:has(.profileAfterCall)) .swipeHint { display:none; }
/* Lead navigation: an even Previous / Next pair, or one full-width Next when
   Settings > "Best next lead" is on (html[data-best-next], set by settings-boot.js). */
html body .workspace .navControls { display:grid; grid-template-columns:repeat(2,minmax(0,1fr)); gap:10px; }
html[data-best-next] body .workspace .navControls { grid-template-columns:minmax(0,1fr); }
html[data-best-next] body .workspace #previousLead { display:none; }
html body .workspace .navControls button { display:flex; align-items:center; justify-content:center; gap:10px; min-width:0; min-height:56px; padding:12px 16px; border:1px solid var(--journal-line); border-radius:16px; font-size:15px; font-weight:600; letter-spacing:.2px; white-space:nowrap; box-shadow:0 1px 2px #3025150d,0 6px 16px #30251512; }
html body .workspace .navControls button > span:not(.navArrow) { overflow:hidden; text-overflow:ellipsis; }
.workspace .navArrow { font-size:17px; line-height:1; opacity:.7; }
html body .workspace .navControls #previousLead:not(:disabled) { background:var(--journal-paper); color:var(--journal-ink); }
html body .workspace .navControls #nextLead:not(:disabled) { background:linear-gradient(135deg,#58745d,#26483d); border-color:#2f5243; color:#f6f1e6; box-shadow:0 2px 4px #26483d1f,0 8px 20px #26483d29; }
html[data-lead-paper="beige"]:not([data-theme="dark"]) body .workspace .navControls #previousLead:not(:disabled) { background:#f7eedc; }
html[data-theme="dark"] body .workspace .navControls button { box-shadow:none; }
html[data-theme="dark"] body .workspace .navControls #nextLead:not(:disabled) { background:linear-gradient(135deg,#4d6a52,#31503f); border-color:#5b7a60; color:#f1ecdf; }
html[data-theme="dark"][data-lead-paper="beige"] body .workspace .navControls #previousLead:not(:disabled) { background:#332c22; }
html body .workspace .navControls button:disabled { background:var(--journal-soft); color:var(--journal-muted); border-color:var(--journal-line); box-shadow:none; opacity:.6; }
@media (max-width:340px) { html body .workspace .navControls { gap:8px; } html body .workspace .navControls button { padding:10px 12px; font-size:14px; gap:7px; } }
@media (max-width:360px) { .profileHero { padding:22px 18px 18px; } html body .workspace .profileHero h2 { font-size:26px; } }
@media (prefers-reduced-motion:reduce) { html body .workspace .leadCard.profileCard { transition:none; } }

.savedLeadHistory { border-top:1px solid var(--journal-line); margin-top:10px; padding:12px 20px; font-size:12px; }
.savedLeadHistory > summary { cursor:pointer; color:var(--journal-muted); font-weight:500; }
.savedHistoryBody { padding-top:6px; color:var(--journal-muted); }
.savedHistoryList { list-style:none; margin:0; padding:0; }
.savedHistoryList li { padding:10px 0; border-bottom:1px solid var(--journal-line); }
.savedHistoryList li:last-child { border-bottom:0; }
.savedHistoryHeading { display:flex; align-items:baseline; justify-content:space-between; gap:8px; }
.savedHistoryHeading strong { color:var(--journal-ink); font-size:12px; font-weight:550; }
.savedHistoryHeading time { font-size:11px; text-align:right; }
.savedHistoryMeta { margin-top:3px; font-size:11px; overflow-wrap:anywhere; }
.savedHistoryNotice { margin:0 0 6px; font-size:11px; }
.savedHistoryOlder > summary { padding:9px 0; cursor:pointer; font-size:11px; }