.plan-pill{display:inline-block;max-width:100%;padding:6px 12px;border:1px solid #b7e4de;border-radius:999px;background:#edf9f7;color:#17605a;font-size:12px;font-weight:600;line-height:1.3;white-space:normal;overflow-wrap:anywhere}
.plan-pill.plan-pill-locked{background:#fdf2e2;border-color:#e7c98a;color:#7a5414}
#needDateButton.plan-locked{opacity:.75}
.plan-dialog{width:min(460px,92vw);box-sizing:border-box;border:1px solid #d9e1e9;border-radius:14px;padding:24px;color:#17324d;background:#fff;box-shadow:0 20px 90px #102b4e55}
.plan-dialog::backdrop{background:#0a1b32aa}
.plan-dialog h3{margin-top:0}
.plan-dialog p{line-height:1.5;overflow-wrap:anywhere}
.plan-upgrade{font-weight:600}
.plan-dialog .plan-actions{margin-top:14px;display:flex;justify-content:flex-end}
.plan-checkout{white-space:normal}
.plan-box{border:1px solid #d9e1e9;border-radius:10px;padding:12px 14px;margin:8px 0;overflow-wrap:anywhere}
.plan-box.locked{background:#fdf2e2;border-color:#e7c98a}
.verif-docs{margin:6px 0 10px;padding-left:20px;overflow-wrap:anywhere}
.verif-step{margin:10px 0;padding:12px 14px;border:1px solid #d9e1e9;border-radius:10px}
.verif-step label,#verifForm label{display:block;margin:8px 0}
/* The Connections window is a dark panel; keep these boxes readable there. */
.team-panel .plan-box{border-color:#3b5169;background:#0f1b2b;color:#e9f0f6}
.team-panel .plan-box.locked{background:#3a2c12;border-color:#8a6a24;color:#f6e3b4}
.team-panel .verif-step{border-color:#3b5169}

/* Stripe checkout / billing (plans dialog) */
.plan-form fieldset{border:1px solid #d9e1e9;border-radius:10px;margin:10px 0;padding:8px 12px}
.plan-form legend{font-weight:600;padding:0 6px}
.plan-choice{display:flex;align-items:flex-start;gap:10px;margin:8px 0;cursor:pointer}
.plan-choice small{display:block;color:#5b6f83;font-size:12px}
.plan-choice input[type=number]{width:72px;margin-left:auto}
.plan-featured{background:#edf9f7;border-radius:8px;padding:6px 8px}
.plan-badge{font-style:normal;font-size:11px;font-weight:700;background:#17605a;color:#fff;border-radius:999px;padding:2px 8px;margin-left:6px;white-space:nowrap}
.plan-error{color:#a13a1f;font-weight:600}
.plan-manage{gap:8px;flex-wrap:wrap;justify-content:flex-start}
.plan-confirm{border:1px solid #e7c98a;background:#fdf2e2;border-radius:10px;padding:12px 14px;margin-top:10px}
.plan-confirm .plan-actions{gap:8px}
#planPill[tabindex]{cursor:pointer}

.plan-dialog{max-height:90vh;overflow-y:auto}.plan-heading{display:flex;align-items:center;justify-content:space-between;gap:12px;position:sticky;top:-24px;background:#fff;padding:12px 0;z-index:1}.plan-heading h3{margin:0}.plan-heading button{min-width:44px;min-height:44px;font-size:24px}