.verdict { display: flex; gap: 12px; align-items: flex-start; padding: 12px 14px; border-radius: 12px; background: var(--bg-3); font-size: 14px; }
.verdict p { line-height: 1.4; text-wrap: pretty; }
.verdict.bad { background: var(--bad-soft); }
.verdict.bad .ic { color: var(--bad); }
.verdict .ic { margin-top: 2px; }
details > summary { cursor: pointer; }
.grow { flex: 1 1 auto; min-width: 0; }
.center { justify-content: center; }
.pad { padding: 12px 16px; }

/* Leads */
.lead-who { display: flex; flex-direction: column; min-width: 0; max-width: 300px; }
.score { display: inline-flex; align-items: center; gap: 8px; min-width: 96px; }
.score b { min-width: 24px; }
.score-bar { display: block; flex: 1 1 56px; height: 4px; border-radius: 2px; background: var(--bg-3); overflow: hidden; }
.score-bar i { display: block; height: 100%; border-radius: 2px; background: var(--b); }
.page.mid { max-width: 900px; }
.why { align-items: baseline; }
.why .grow, .timeline .grow { overflow-wrap: anywhere; }
.why-pts { min-width: 34px; text-align: right; }
.timeline { list-style: none; padding: 0; margin: 0; display: grid; gap: 10px; }
.timeline li { display: flex; gap: 10px; align-items: baseline; font-size: 14px; line-height: 1.4; }
.timeline .ic { flex: none; color: var(--ink-3, currentColor); position: relative; top: 2px; }
.timeline .dim { flex: none; }

/* Forms */
.field-row { display: flex; gap: 10px; align-items: center; flex-wrap: wrap; }
.field-row .grow { flex: 1 1 200px; }
.field-row .check { white-space: nowrap; }

/* Emails */
.email-body { font-family: inherit; line-height: 1.5; }
.email-subject { font-weight: 600; padding-bottom: 10px; margin-bottom: 12px; border-bottom: 1px solid var(--line); }
.email-view { font-size: 15px; line-height: 1.55; min-height: 160px; margin-bottom: 12px; }
.email-view p { margin: 0 0 14px; }
.email-view a { color: inherit; text-decoration: underline; }
.email-frame { width: 100%; height: 420px; border: 1px solid var(--line); border-radius: 8px; background: #fff; }
.email-edit { align-items: start; }

/* Nurtures */
.entry { display: flex; align-items: center; gap: 10px; width: 100%; text-align: left; padding: 12px 14px; border-radius: 12px; border: 1px solid var(--line); background: var(--bg-2); font: inherit; color: inherit; cursor: pointer; }
.entry:disabled { cursor: default; }
.entry:hover:not(:disabled) { border-color: var(--line-2); }
.steps { list-style: none; margin: 0; padding: 0 0 0 16px; border-left: 2px solid var(--line); display: grid; gap: 10px; }
.steps-root > .steps { margin-left: 14px; }
.step { display: flex; align-items: center; gap: 10px; padding: 10px 12px; border-radius: 10px; border: 1px solid var(--line); background: var(--bg); min-height: 44px; }
.step.quiet { background: transparent; border-style: dashed; color: var(--ink-2, inherit); }
.step .ic { flex: none; }
.step-name, .step-nums { display: block; }
.step-acts { display: inline-flex; gap: 2px; opacity: .55; }
.step:hover .step-acts, .step:focus-within .step-acts { opacity: 1; }
.step-if { display: grid; gap: 10px; }
.branches { display: grid; grid-template-columns: repeat(2, minmax(0, 1fr)); gap: 16px; }
.branch { min-width: 0; }
.branch-head { font-size: 12px; font-weight: 600; letter-spacing: .02em; color: var(--ink-3, inherit); margin-bottom: 6px; }
.step-add { display: inline-flex; align-items: center; gap: 6px; padding: 6px 10px; border-radius: 8px; border: 1px dashed var(--line-2, var(--line)); background: none; font: inherit; font-size: 13px; color: var(--ink-2, inherit); cursor: pointer; }
.step-add:hover { background: var(--bg-2); }
@media (max-width: 720px) { .branches { grid-template-columns: minmax(0, 1fr); } .lead-who { max-width: 180px; } }