.tf-badge{display:inline-flex;align-items:center;vertical-align:middle;gap:3px;border-radius:5px;padding:3px 6px;margin-left:5px;background:var(--badge-color);color:var(--badge-ink);font-size:10px;font-weight:700;line-height:1.2;letter-spacing:.04em;white-space:nowrap;max-width:170px;overflow:hidden;text-overflow:ellipsis}.tf-plus-badge{border:1px solid #c5b866;box-shadow:inset 0 0 0 1px #ffffff18}.billing-test-note,.company-plan-note{background:var(--site-soft);border:1px solid var(--site-line);border-left:4px solid var(--site-brand);padding:18px;margin:20px 0;border-radius:6px}.billing-test-note p,.company-plan-note p{line-height:1.6;margin:8px 0 0}.pricing-cards{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:24px;margin:28px 0}.pricing-cards h2{font-size:36px}.pricing-cards h2 small{font-size:16px}.pricing-cards li{margin:14px 0;line-height:1.6}.pricing-plus{border:2px solid var(--site-brand)}.pricing-table-scroll{overflow-x:auto}.pricing-table{width:100%;border-collapse:collapse}.pricing-table th,.pricing-table td{padding:14px;border-bottom:1px solid var(--site-line);text-align:left;line-height:1.5}.billing-company-card{padding:20px 0;border-bottom:1px solid var(--site-line)}.billing-company-card p{line-height:1.6}.billing-company-card .actions{display:flex;flex-wrap:wrap;gap:10px}.billing-company-card button{min-height:44px}#modal-body input[type=checkbox]{width:18px;height:18px;margin-right:8px}.benefit-user-preview{padding:12px;background:var(--site-soft);margin:12px 0}.billing-upgrade{padding:24px;border:1px solid var(--site-line);background:var(--site-soft);border-radius:8px}.billing-upgrade p{line-height:1.7}
@media(max-width:650px){.pricing-cards{grid-template-columns:1fr}.pricing-table th,.pricing-table td{padding:10px;font-size:13px}.billing-company-card .actions button{width:100%}.tf-badge{font-size:9px;max-width:130px}}

[data-bill]:disabled{cursor:not-allowed}[data-bill][aria-busy=true]{cursor:wait}.billing-setup-warning{padding:16px;border:1px solid var(--site-line);border-left:4px solid var(--site-brand);background:var(--site-soft);line-height:1.7;overflow-wrap:anywhere}.billing-feedback{line-height:1.6}

/* Badge styling must win over generic team span and heading styles. */
.tf-badge.tf-badge{display:inline-flex;align-items:center;justify-content:center;flex:0 0 auto;min-height:20px;max-width:170px;box-sizing:border-box;margin:0 0 0 5px;padding:3px 6px;background:var(--badge-color,#285c49);color:var(--badge-ink,#fff);border-radius:5px;font-family:Arial,sans-serif;font-size:10px;font-weight:700;font-style:normal;line-height:1.2;letter-spacing:.04em;text-transform:none;vertical-align:middle;white-space:nowrap}
.team-grid .tf-badge{border:0}.team-grid .tf-plus-badge{border:1px solid #c5b866}
.nav-profile.nav-profile{max-width:280px;flex-shrink:0;gap:8px;align-items:center}
.nav-profile .nav-identity{display:flex;flex-direction:column;align-items:flex-start;gap:4px;min-width:0;line-height:1.3}
.nav-profile .nav-username{overflow-wrap:anywhere}.nav-profile .nav-badges{display:flex;flex-wrap:wrap;align-items:center;gap:4px;max-width:230px}.nav-profile .nav-badges .tf-badge{margin:0}
@media(max-width:650px){.nav-profile.nav-profile{max-width:none}.nav-profile .nav-badges{max-width:100%}.tf-badge.tf-badge{font-size:10px}}
