DataScope26/WEB

1.invites {2  min-height: 100vh;3  background: var(--bg);4  color: var(--color-text);5  padding: 2rem 2.25rem 2rem 5.375rem;6  font-family: var(--texto);7}8 9.invites__header {10  display: flex;11  flex-direction: column;12  gap: 1.5rem;13  margin-bottom: 1rem;14}15 16.invites__eyebrow {17  font-size: 0.75rem;18  text-transform: uppercase;19  letter-spacing: 0.12em;20  color: var(--green);21  margin-bottom: 0.5rem;22  font-weight: 600;23}24 25.invites__title {26  font-size: 2.5rem;27  font-weight: 700;28  letter-spacing: -0.03em;29  margin-bottom: 0.5rem;30}31 32.invites__sub {33  font-style: italic;34  color: var(--muted);35  font-size: 0.9063rem;36  max-width: 46ch;37}38 39.invites__grid {40  display: grid;41  grid-template-columns: 1fr;42  gap: 1.25rem;43  align-items: start;44}45 46.invites__header-bottom {47  display: flex;48  justify-content: space-between;49  align-items: center;50  gap: 0.875rem;51  padding-top: 1.5rem;52  border-top: 0.0625rem solid var(--color-border);53}54 55@media (max-width: 56.25rem) {56  .invites__header-bottom {57    flex-direction: column;58    align-items: stretch;59  }60 61  .invites__grid { grid-template-columns: 1fr; }62  .invites { padding: 7.5rem 1.5rem 3.75rem; }63}64 65.invites__card {66  background: var(--surface);67  border: 0.0625rem solid var(--color-border);68  border-radius: 1.5rem;69  padding: 1.75rem;70}71 72.invites__empty {73  text-align: center;74  padding: 3.125rem 1.25rem;75  color: var(--muted);76  font-style: italic;77  min-height: 50vh;78  display: flex;79  align-items: center;80  justify-content: center;81}82 83.invites__list {84  display: flex;85  flex-direction: column;86  gap: 0.75rem;87}88 89 90.header-button{91  padding: 0.875rem 1.75rem;92  font-size: 1rem;93}