DataScope26/WEB

1.waitlist-admin {2  width: 100%;3  padding: 2rem 1.5rem 2.5rem;4  box-sizing: border-box;5}6 7.waitlist-admin__header {8  display: flex;9  align-items: end;10  justify-content: space-between;11  gap: 1rem;12  margin-bottom: 1.5rem;13}14 15.waitlist-admin__eyebrow {16  margin: 0 0 0.5rem;17  font-size: 0.6875rem;18  font-weight: 700;19  letter-spacing: 0.14em;20  text-transform: uppercase;21  color: var(--green);22}23 24.waitlist-admin__header h1 {25  margin: 0;26  font-size: clamp(2rem, 3vw, 2.8rem);27  color: var(--color-text);28}29 30.waitlist-admin__count {31  display: inline-flex;32  align-items: center;33  justify-content: center;34  min-height: 2.375rem;35  padding: 0.5rem 0.875rem;36  background: rgba(46, 232, 138, 0.12);37  border: 0.0625rem solid rgba(46, 232, 138, 0.22);38  color: var(--green);39  border-radius: 62.4375rem;40  font-size: 0.84rem;41  font-weight: 700;42}43 44.waitlist-admin__list {45  display: flex;46  flex-direction: column;47  gap: 0.875rem;48}49 50.waitlist-admin__card {51  display: flex;52  align-items: center;53  justify-content: space-between;54  gap: 1.125rem;55  padding: 1.125rem 1.25rem;56  border-radius: 1rem;57  border: 0.0625rem solid var(--color-border);58  background: var(--surface);59}60 61.waitlist-admin__meta {62  min-width: 0;63}64 65.waitlist-admin__meta h2 {66  margin: 0 0 0.375rem;67  font-size: 1.06rem;68  color: var(--color-text);69}70 71.waitlist-admin__meta p {72  margin: 0 0 0.375rem;73  color: var(--muted);74  word-break: break-word;75}76 77.waitlist-admin__meta a {78  color: var(--green);79  text-decoration: none;80  font-weight: 600;81}82 83.waitlist-admin__actions {84  display: flex;85  gap: 0.625rem;86  flex-wrap: wrap;87}88 89.waitlist-admin__button {90  border: none;91  border-radius: 0.625rem;92  padding: 0.625rem 0.875rem;93  font-weight: 700;94  cursor: pointer;95}96 97.waitlist-admin__button:disabled {98  opacity: 0.7;99  cursor: wait;100}101 102.waitlist-admin__button--approve {103  background: var(--green);104  color: #0a120d;105}106 107.waitlist-admin__button--reject {108  background: rgba(255, 255, 255, 0.06);109  color: var(--color-text);110  border: 0.0625rem solid var(--color-border);111}112 113.waitlist-admin__state,114.waitlist-admin__empty {115  padding: 1.25rem 1.125rem;116  border-radius: 0.875rem;117  background: rgba(255, 255, 255, 0.02);118  border: 0.0625rem solid var(--color-border);119  color: var(--muted);120}121 122.waitlist-admin__state--error {123  color: #ff8d8d;124  border-color: rgba(255, 141, 141, 0.2);125}126 127@media (max-width: 48rem) {128  .waitlist-admin {129    padding: 1.125rem 0.875rem 1.75rem;130  }131 132  .waitlist-admin__header {133    flex-direction: column;134    align-items: flex-start;135  }136 137  .waitlist-admin__card {138    flex-direction: column;139    align-items: flex-start;140  }141 142  .waitlist-admin__actions {143    width: 100%;144  }145 146  .waitlist-admin__button {147    flex: 1;148  }149}150