/* Thane Flats — admin brand layer */

body {
  background:
    radial-gradient(ellipse 120% 80% at 100% 0%, rgba(245, 184, 61, 0.07) 0%, transparent 48%),
    radial-gradient(ellipse 90% 60% at 0% 0%, rgba(232, 168, 46, 0.05) 0%, transparent 42%),
    linear-gradient(180deg, var(--tf-surface-page) 0%, #ffffff 72%);
  color: var(--tf-navy-800);
}

.btn:focus,
.btn:active:focus,
.form-control:focus,
.form-check-input:focus {
  box-shadow: 0 0 0 0.1rem #fff, 0 0 0 0.25rem rgba(201, 151, 26, 0.35);
}

.btn-primary {
  background-image: var(--tf-accent-gradient);
  border-color: var(--tf-gold-600);
  color: var(--tf-on-gold);
  font-weight: 600;
}

.btn-primary:hover,
.btn-primary:focus {
  background-image: var(--tf-accent-gradient-hover);
  border-color: var(--tf-gold-500);
  color: var(--tf-on-gold);
}

.admin-desk-nav {
  border-color: rgba(245, 184, 61, 0.2);
  background: rgba(10, 15, 26, 0.32);
}

.admin-desk-nav__link.is-active {
  background: var(--tf-accent-gradient);
  color: var(--tf-on-gold);
  border: 1px solid rgba(253, 230, 138, 0.55);
  box-shadow:
    0 1px 0 rgba(255, 255, 255, 0.35) inset,
    0 6px 16px rgba(201, 151, 26, 0.32);
}

.admin-desk-nav__link.is-active i {
  color: var(--tf-on-gold);
}

.admin-desk-nav__link:hover {
  color: #fff;
  background: rgba(255, 255, 255, 0.12);
}

.admin-desk-nav__link.is-active:hover {
  color: var(--tf-on-gold);
  background: var(--tf-accent-gradient-hover);
}

.admin-review-page .card {
  border-color: rgba(148, 163, 184, 0.22);
}

.admin-desk-header__eyebrow {
  color: var(--tf-gold-300);
}

.admin-review-queue-nav__link.is-active {
  background: var(--tf-accent-gradient);
  color: var(--tf-on-gold);
  box-shadow: var(--tf-shadow-gold);
}

.admin-review-queue-nav__link.is-active .admin-review-queue-nav__badge {
  background: rgba(26, 18, 8, 0.16);
  color: var(--tf-on-gold);
}