.team-invite-layout { display:grid; grid-template-columns:minmax(0,.9fr) minmax(0,1.1fr); gap:56px; margin-top:30px }
.team-links-page h2 { font-size:1.15rem; margin:0 0 18px }
.invite-created { background:var(--accent-soft); padding:26px; border-radius:22px; margin:24px 0 36px }
.invite-created p { max-width:70ch; font-size:.85rem; line-height:1.7 }
.invite-created>label { display:block; margin-top:18px; font-size:.8rem }
.invite-copy-row { display:flex; gap:10px; margin-top:8px }
.invite-copy-row input { min-width:0; flex:1; background:var(--surface) }
.invite-copy-row button { flex:none }
.team-invite-row { display:flex; align-items:center; gap:20px; padding:20px 0; border-bottom:1px solid var(--line) }
.team-invite-row>div { flex:1; min-width:0 }
.team-invite-row strong,.team-invite-row small { display:block; overflow-wrap:anywhere }
.team-invite-row small { color:var(--muted); font-size:.75rem; line-height:1.7; margin:7px 0 }
.team-invite-entry { margin:16px 0 24px; display:flex; justify-content:space-between; align-items:center; gap:18px }
.team-invite-entry p { margin:0; font-size:.84rem; color:var(--muted) }
@media(max-width:900px) { .team-invite-layout { grid-template-columns:1fr; gap:36px } }
@media(max-width:760px) { .invite-created { padding:20px } .invite-copy-row { flex-wrap:wrap } .invite-copy-row input { flex-basis:100%; font-size:1rem } .invite-copy-row button,.team-invite-row button { min-height:44px } .team-invite-entry { flex-wrap:wrap } }
.onboarding-join { margin-top:32px; padding-top:28px; border-top:1px solid var(--border,#d9d7e1) }
.onboarding-join h3 { font-size:1.125rem; letter-spacing:-.02em; margin:0 0 10px }
.onboarding-join>p { margin:0 0 18px }
.onboarding-join .small-note { margin:16px 0 0; font-size:.8125rem; line-height:1.6 }
.onboarding-create { margin-top:28px; padding:24px; background:var(--accent-soft); border-radius:22px }
.onboarding-create h3 { font-size:1.125rem; margin:0 0 12px }
.onboarding-create .primary { margin-top:16px; width:100%; display:flex; justify-content:center; text-decoration:none }
.onboarding-create .small-note { font-size:.75rem; margin-top:16px }
.local-workspace-preview { margin-top:26px; font-size:.8125rem }
.local-workspace-preview summary { cursor:pointer; min-height:44px; display:list-item; padding-block:10px }
.local-workspace-preview .small-note { margin-top:12px }
.billing-page>h2 { font-size:2rem; font-weight:450; font-family:Georgia,serif; margin-bottom:18px; letter-spacing:-.03em }
.billing-page>p { margin-block:12px 22px }
.billing-page>.back-link { display:block; width:fit-content; margin-top:16px; min-height:32px; font-size:.8125rem }
.billing-amount { font-size:2.25rem!important; font-weight:600; font-variant-numeric:tabular-nums; letter-spacing:-.025em; line-height:1.3 }
.billing-amount>span { font-size:.8125rem; font-weight:400; letter-spacing:normal; color:var(--muted) }
.billing-summary,.billing-topup,.billing-history { margin-top:28px; background:var(--surface-2); padding:28px; border-radius:22px }
.billing-summary h2,.billing-topup h2,.billing-history h2 { font-size:1.25rem; margin:0 0 18px }
.billing-summary>p { margin-bottom:20px; max-width:70ch }
.billing-summary .small-note { font-size:.8125rem; line-height:1.7; color:var(--muted) }
.billing-summary .secondary { margin-top:10px; display:inline-flex; text-decoration:none }
.billing-order-actions { display:flex; gap:12px; flex-wrap:wrap; margin:24px 0 }
.billing-history small { display:block; font-size:.6875rem; margin-top:6px; color:var(--muted) }
.billing-history td { overflow-wrap:anywhere; font-size:.8125rem; font-variant-numeric:tabular-nums }
.billing-history table { min-width:550px }
@media(max-width:760px) { .onboarding-create { padding:20px } .billing-summary,.billing-topup,.billing-history { padding:20px } .billing-order-actions form,.billing-order-actions button { width:100% } }
.demo-inbox .company-admin-list>article { display:flex; align-items:flex-start; justify-content:space-between; gap:24px; padding:24px 0; border-bottom:1px solid var(--line,#dfdfe6) }
.demo-inbox .company-admin-list>article:last-child { border-bottom:0 }
.demo-inbox .company-admin-list>article>div:first-child { min-width:0; flex:1; overflow-wrap:anywhere }
.demo-inbox .company-admin-list strong { display:block; font-size:.9375rem; line-height:1.5; margin-bottom:7px }
.demo-inbox .company-admin-list span { display:block; font-size:.8125rem; line-height:1.7; color:var(--muted,#63636e) }
.demo-inbox .company-admin-list p { margin:12px 0 0; font-size:.875rem; line-height:1.6; white-space:pre-wrap }
.demo-inbox .company-admin-meta { display:flex; flex:none; flex-direction:column; align-items:flex-end; gap:10px }
.demo-inbox .company-admin-meta .status-badge { color:var(--accent,#5850ce); padding:5px 10px; border-radius:999px; background:var(--soft,#eeecff); font-size:.6875rem; font-weight:650 }
.demo-inbox .secondary { min-height:44px; white-space:nowrap }
@media(max-width:760px) {
  .demo-inbox .company-admin-list>article { flex-direction:column; gap:16px }
  .demo-inbox .company-admin-meta { width:100%; flex-direction:row; align-items:center; justify-content:space-between }
}
