/* Console layout */

.console-header {
  padding: var(--space-4) var(--space-6);
  border-bottom: var(--border);
  display: flex;
  justify-content: space-between;
  align-items: center;
}

.console-header__title {
  font-family: var(--font-display);
  font-size: var(--text-base);
  letter-spacing: -0.01em;
}

.console-header__nav {
  display: flex;
  gap: var(--space-4);
}

.console-header__link {
  font-family: var(--font-body);
  font-size: var(--text-sm);
  color: var(--color-muted);
  text-decoration: none;

  &:hover { color: var(--color-ink); }
}

.console-main {
  padding: var(--space-8) var(--space-6);
  max-width: var(--content-width);
  margin: 0 auto;
}

.console-flash {
  font-family: var(--font-body);
  font-size: var(--text-sm);
  margin-block-end: var(--space-4);
}

.console-flash--notice { color: var(--color-muted); }
.console-flash--alert { color: var(--color-accent); }

/* Console — platform admin dashboard */

.dashboard__heading {
  font-family: var(--font-display);
  font-size: var(--text-2xl);
  font-weight: 400;
  letter-spacing: -0.02em;
  color: var(--color-ink);
  margin-block-end: var(--space-8);
}

.dashboard__section {
  margin-block-end: var(--space-10);
}

.dashboard__section-heading {
  font-family: var(--font-display);
  font-size: var(--text-lg);
  font-weight: 400;
  letter-spacing: -0.01em;
  color: var(--color-ink);
  margin-block-end: var(--space-4);
  padding-block-end: var(--space-2);
  border-bottom: var(--border);
}

/* Sites */

.dashboard__sites {
  display: flex;
  flex-direction: column;
}

.dashboard__site {
  display: flex;
  align-items: baseline;
  justify-content: space-between;
  gap: var(--space-4);
  padding: var(--space-3) 0;
  border-bottom: var(--border);

  @media (max-width: 32rem) {
    flex-direction: column;
    gap: var(--space-1);
  }
}

.dashboard__site-info {
  display: flex;
  align-items: baseline;
  gap: var(--space-2);
  min-width: 0;
}

.dashboard__site-name {
  font-family: var(--font-body);
  font-size: var(--text-base);
  font-weight: 600;
  color: var(--color-ink);
  text-decoration: none;

  &:hover { text-decoration: underline; }
}

.dashboard__site-sub {
  font-family: var(--font-body);
  font-size: var(--text-xs);
  color: var(--color-muted);
}

.dashboard__site-stats {
  display: flex;
  align-items: baseline;
  gap: var(--space-3);
  flex-shrink: 0;
}

.dashboard__stat {
  font-family: var(--font-body);
  font-size: var(--text-sm);
  color: var(--color-muted);
}

.dashboard__badge {
  font-family: var(--font-body);
  font-size: var(--text-xs);
  font-weight: 600;
  text-transform: uppercase;
  letter-spacing: 0.06em;
}

.dashboard__badge--muted {
  color: var(--color-muted);
}

/* Activity */

.dashboard__activity {
  list-style: none;
  padding: 0;
  margin: 0;
}

.dashboard__activity-item {
  font-family: var(--font-body);
  font-size: var(--text-sm);
  color: var(--color-ink);
  line-height: 1.6;
  padding: var(--space-2) 0;
  border-bottom: var(--border);
}

.dashboard__time {
  color: var(--color-muted);
}

/* Health */

.dashboard__health {
  display: flex;
  flex-direction: column;
  gap: var(--space-2);
}

.dashboard__health-item {
  display: flex;
  align-items: baseline;
  gap: var(--space-3);
}

.dashboard__health-label {
  font-family: var(--font-body);
  font-size: var(--text-sm);
  font-weight: 600;
  color: var(--color-ink);
  min-width: 4rem;
}

.dashboard__health-status {
  font-family: var(--font-body);
  font-size: var(--text-sm);
}

.dashboard__health-status--ok {
  color: var(--color-muted);
}

.dashboard__health-status--attention {
  color: var(--color-accent);
  text-decoration: underline;
}

.dashboard__health-status--muted {
  color: var(--color-muted);
  font-style: italic;
}

/* Sponsorships */

.dashboard__sponsorship-summary {
  display: flex;
  flex-wrap: wrap;
  gap: var(--space-4) var(--space-8);
  margin-block-end: var(--space-6);
}

.dashboard__sponsorship-stat {
  display: flex;
  flex-direction: column;
}

.dashboard__sponsorship-stat-value {
  font-family: var(--font-display);
  font-size: var(--text-lg);
  font-weight: 400;
  letter-spacing: -0.01em;
  color: var(--color-ink);
}

.dashboard__sponsorship-stat-label {
  font-family: var(--font-body);
  font-size: var(--text-xs);
  color: var(--color-muted);
  text-transform: uppercase;
  letter-spacing: 0.06em;
}

.dashboard__sponsorships {
  display: flex;
  flex-direction: column;
}

.dashboard__sponsorship {
  display: flex;
  align-items: baseline;
  justify-content: space-between;
  gap: var(--space-4);
  padding: var(--space-3) 0;
  border-bottom: var(--border);

  @media (max-width: 32rem) {
    flex-direction: column;
    gap: var(--space-1);
  }
}

.dashboard__sponsorship-info {
  display: flex;
  align-items: baseline;
  gap: var(--space-2);
  min-width: 0;
}

.dashboard__sponsorship-name {
  font-family: var(--font-body);
  font-size: var(--text-base);
  font-weight: 600;
  color: var(--color-ink);
  text-decoration: none;

  &:hover { text-decoration: underline; }
}

.dashboard__sponsorship-stats {
  display: flex;
  align-items: baseline;
  gap: var(--space-3);
  flex-shrink: 0;
}

/* Empty states */

.dashboard__empty {
  font-family: var(--font-body);
  font-size: var(--text-sm);
  font-style: italic;
  color: var(--color-muted);
}

/* Sites — platform admin site list */

.sites__masthead {
  display: flex;
  align-items: baseline;
  justify-content: space-between;
  gap: var(--space-4);
  margin-block-end: var(--space-3);
}

.sites__heading {
  font-family: var(--font-display);
  font-size: var(--text-2xl);
  font-weight: 400;
  letter-spacing: -0.02em;
  color: var(--color-ink);
}

.sites__lede {
  font-family: var(--font-body);
  font-size: var(--text-sm);
  line-height: 1.6;
  color: var(--color-muted);
  max-width: var(--content-narrow);
  margin-block-end: var(--space-10);
}

.sites__lede strong {
  color: var(--color-ink);
  font-weight: 600;
}

.sites__list {
  display: flex;
  flex-direction: column;
}

.sites__row {
  padding: var(--space-6) 0;
  border-bottom: var(--border);
}

.sites__row:first-child {
  border-top: var(--border);
}

.sites__identity {
  display: flex;
  align-items: baseline;
  justify-content: space-between;
  gap: var(--space-4);
  margin-block-end: var(--space-4);
  flex-wrap: wrap;
}

.sites__identity-text {
  display: flex;
  align-items: baseline;
  gap: var(--space-2);
  min-width: 0;
}

.sites__name {
  font-family: var(--font-body);
  font-size: var(--text-base);
  font-weight: 600;
  color: var(--color-ink);
  margin: 0;
}

.sites__subdomain {
  font-family: var(--font-body);
  font-size: var(--text-xs);
  color: var(--color-muted);
}

.sites__identity-meta {
  display: flex;
  align-items: baseline;
  gap: var(--space-4);
  flex-wrap: wrap;
}

.sites__badge {
  font-family: var(--font-body);
  font-size: var(--text-xs);
  font-weight: 600;
  text-transform: uppercase;
  letter-spacing: 0.06em;
  color: var(--color-muted);
}

.sites__badge--earning {
  color: var(--color-ink);
}

.sites__badge--platform {
  color: var(--color-ink-light);
}

.sites__badge--off {
  font-style: italic;
}

.sites__connect {
  font-family: var(--font-body);
  font-size: var(--text-xs);
  color: var(--color-muted);
}

.sites__connect--pending { color: var(--color-accent); }

.sites__form {
  display: flex;
  align-items: flex-end;
  gap: var(--space-6);
  flex-wrap: wrap;
}

.sites__field {
  display: flex;
  flex-direction: column;
  gap: var(--space-1);
}

.sites__label {
  font-family: var(--font-body);
  font-size: var(--text-xs);
  font-weight: 600;
  text-transform: uppercase;
  letter-spacing: 0.06em;
  color: var(--color-muted);
}

.sites__select,
.sites__number {
  font-family: var(--font-body);
  font-size: var(--text-sm);
  color: var(--color-ink);
  background: var(--color-paper);
  border: var(--border);
  padding: var(--space-2) var(--space-3);
  line-height: 1.4;
}

.sites__select {
  min-width: 9rem;
}

.sites__fee {
  display: inline-flex;
  align-items: baseline;
  gap: var(--space-2);
}

.sites__number {
  width: 4.5rem;
}

.sites__fee-suffix {
  font-family: var(--font-body);
  font-size: var(--text-sm);
  color: var(--color-muted);
}

.sites__field-help {
  font-family: var(--font-body);
  font-size: var(--text-xs);
  color: var(--color-muted);
  font-style: italic;
  margin-block-start: var(--space-1);
}

.sites__actions {
  display: flex;
  align-items: center;
  gap: var(--space-3);
  margin-inline-start: auto;
}

.sites__action {
  font-family: var(--font-body);
  font-size: var(--text-sm);
  line-height: 1.4;
  cursor: pointer;
  border: var(--border);
  padding: var(--space-2) var(--space-4);
}

.sites__action--primary {
  background: var(--color-accent);
  color: var(--color-paper);
  border-color: var(--color-accent);
  font-weight: 600;

  &:hover { background: var(--color-accent-hover); border-color: var(--color-accent-hover); }
}

.sites__action--secondary {
  background: transparent;
  color: var(--color-ink);
  text-decoration: none;

  &:hover { background: var(--color-paper-tint); }
}

.sites__empty {
  font-family: var(--font-body);
  font-size: var(--text-sm);
  font-style: italic;
  color: var(--color-muted);
  padding: var(--space-6) 0;
  border-top: var(--border);
}

@media (max-width: 32rem) {
  .sites__form {
    flex-direction: column;
    align-items: stretch;
    gap: var(--space-4);
  }

  .sites__actions {
    margin-inline-start: 0;
    justify-content: flex-end;
  }
}