body.team-invites-page { padding-top: 0; background: #f8fafc; min-height: 100vh; }
    .ti-wrap { max-width: 800px; margin: 0 auto; padding: 1.5rem 1.25rem 3rem; }
    .ti-wrap h1 { margin: 0 0 0.35rem; font-size: 1.5rem; color: #0f172a; }
    .ti-lede { margin: 0 0 1.25rem; color: #64748b; font-size: 0.95rem; line-height: 1.5; }
    .ti-card {
      background: #fff; border: 1px solid #e2e8f0; border-radius: 12px;
      padding: 1.15rem 1.25rem; margin-bottom: 0.85rem;
      box-shadow: 0 1px 3px rgba(15,23,42,.04);
    }
    .ti-card h2 { margin: 0 0 0.35rem; font-size: 1.05rem; color: #0f172a; }
    .ti-meta { font-size: 0.85rem; color: #64748b; margin-bottom: 0.65rem; line-height: 1.45; }
    .ti-note {
      background: #ecfeff; border: 1px solid #a5f3fc; border-radius: 8px;
      padding: 0.65rem 0.85rem; font-size: 0.85rem; color: #0e7490; margin-bottom: 0.85rem;
    }
    .ti-form label { display: block; font-size: 0.8rem; font-weight: 600; color: #334155; margin: 0.55rem 0 0.3rem; }
    .ti-form input, .ti-form textarea {
      width: 100%; box-sizing: border-box; padding: 0.55rem 0.7rem;
      border: 1.5px solid #cbd5e1; border-radius: 8px; font-size: 0.9rem; font-family: inherit;
    }
    .ti-actions { display: flex; flex-wrap: wrap; gap: 0.5rem; margin-top: 0.85rem; }
    .ti-empty {
      text-align: center; padding: 2rem 1rem; color: #64748b;
      border: 1px dashed #cbd5e1; border-radius: 12px; background: #fff;
    }
    .breadcrumb { max-width: 800px; margin: 1.25rem auto 0; padding: 0 1.25rem; font-size: 0.875rem; color: #64748b; }
    .breadcrumb a { color: #0e7490; font-weight: 600; text-decoration: none; }