.ap-tag{font-size:.7rem;font-weight:800;background:var(--accent);color:#111;padding:2px 7px;border-radius:999px;letter-spacing:.02em;text-transform:uppercase}
.hidden{display:none!important}.center{text-align:center}
.hero-cta{margin:22px 0 8px}.hero-cta .btn{margin:4px}
h2.sec{text-align:center;font-size:1.6rem;letter-spacing:-.02em;margin:10px 0 18px}
.timeline{display:grid;grid-template-columns:repeat(5,1fr);gap:10px}@media(max-width:760px){.timeline{grid-template-columns:1fr 1fr}}
.tl{background:#fff;border:1px solid var(--line);border-radius:12px;padding:14px;text-align:center;display:flex;flex-direction:column;gap:6px;align-items:center}
.tl small{color:var(--muted);font-size:.82rem}
.tone{font-size:.75rem;font-weight:800;padding:3px 9px;border-radius:999px;text-transform:uppercase;letter-spacing:.03em}
.tone.friendly{background:#ccfbf1;color:#0f766e}.tone.firm{background:#fef3c7;color:#92400e}.tone.final{background:#fee2e2;color:#991b1b}
.sample{font-size:.92rem}.sample .subj{background:#f1f5f9;border-radius:8px;padding:6px 10px;font-weight:600;margin-bottom:8px}
.sample p{margin:0 0 8px}.sample .foot{font-size:.8rem;color:var(--muted);border-top:1px solid var(--line);padding-top:8px}
.plans{display:grid;grid-template-columns:1fr 1fr;gap:18px;max-width:760px;margin:0 auto}@media(max-width:700px){.plans{grid-template-columns:1fr}}
.plan{text-align:center;position:relative}.plan .price small{font-size:1rem;color:var(--muted);font-weight:600}
.plan.hot{border:2px solid var(--brand)}.plan .badge{position:absolute;top:-12px;left:50%;transform:translateX(-50%);background:var(--accent);color:#111}
.auth-card{max-width:520px;margin:48px auto;text-align:left}.auth-card h1{margin-top:0}
.err{color:var(--danger);font-weight:600}
.dash-head{display:flex;justify-content:space-between;align-items:flex-end;gap:12px;flex-wrap:wrap;margin:24px 0 14px}.dash-head h1{margin:0;letter-spacing:-.02em}
.dash-grid{display:grid;grid-template-columns:1fr 1fr;gap:18px;margin:18px 0}@media(max-width:860px){.dash-grid{grid-template-columns:1fr}}
.card h2{font-size:1.1rem;margin:0 0 12px}
.stats{display:grid;grid-template-columns:repeat(4,1fr);gap:12px;margin-bottom:14px}@media(max-width:700px){.stats{grid-template-columns:1fr 1fr}}
.stat{background:#fff;border:1px solid var(--line);border-radius:12px;padding:12px 14px}.stat b{display:block;font-size:1.4rem;letter-spacing:-.02em}.stat span{font-size:.82rem;color:var(--muted)}
table.inv{margin:0}table.inv th,table.inv td{border:0;border-bottom:1px solid var(--line)}table.inv tr:last-child td{border-bottom:0}
table.inv.small{font-size:.85rem}table.inv a{font-weight:600}
.pill{display:inline-block;font-size:.75rem;font-weight:800;padding:3px 9px;border-radius:999px;text-transform:uppercase;letter-spacing:.03em;background:#e2e8f0;color:#334155;white-space:nowrap}
.pill.active{background:#ccfbf1;color:#0f766e}.pill.paused{background:#fef3c7;color:#92400e}.pill.paid,.pill.client_reported_paid{background:#dcfce7;color:#166534}.pill.completed{background:#fee2e2;color:#991b1b}.pill.draft{background:#e0e7ff;color:#3730a3}
.held{font-size:.78rem;color:#92400e;display:block}
.next-steps{background:linear-gradient(135deg,#0f172a,#134e4a);color:#e2e8f0;border-radius:var(--radius);padding:20px 22px;margin:18px 0;display:flex;justify-content:space-between;gap:16px;align-items:center;flex-wrap:wrap}
.next-steps h3{color:#fff;margin:0 0 4px}.next-steps p{margin:0}.next-steps .btn{background:var(--accent);color:#111}
.chk{display:flex;gap:10px;align-items:flex-start}.chk input{width:auto;margin-top:4px}.chk label{font-weight:500;margin:0}
.step{display:grid;grid-template-columns:1.1fr 1.4fr auto;gap:8px;align-items:center;margin-bottom:8px}
.step .when{font-size:.8rem;color:var(--muted);grid-column:1/-1;margin-top:-4px}
.btn.small{padding:7px 12px;font-size:.85rem}.btn.danger{background:#fff;color:var(--danger);border:1px solid #fecaca}
.actions .btn{margin-left:6px}
.savebar{margin-top:14px}
.pv{border:1px solid var(--line);border-radius:12px;margin-bottom:12px;overflow:hidden}
.pv-h{display:flex;justify-content:space-between;align-items:center;gap:8px;background:#f8fafc;padding:8px 12px;font-size:.85rem;flex-wrap:wrap}
.pv-h b{font-size:.9rem}.pv-meta{font-size:.78rem;color:var(--muted);padding:8px 12px 0}
.pv-subj{font-weight:700;padding:6px 12px 0;font-size:.92rem}
.pv-body{white-space:pre-wrap;font-size:.86rem;line-height:1.5;padding:8px 12px 12px;color:#1e293b}
.pv.skip{opacity:.55}.pv.sent{border-color:#99f6e4}
.rule{margin-top:6px}
.banner{border-radius:12px;padding:12px 16px;margin-bottom:14px;background:#fffbeb;border:1px solid #fde68a}
.banner.ok{background:#f0fdfa;border-color:#99f6e4}