.btn,
.matches-tab,
.matches-filter__trigger,
.matches-toolbar__reset,
.matches-pagination__nav,
.matches-pagination__number,
.arrow-btn,
.site-nav__toggle,
.site-nav__close,
.service-quote-modal__close,
.card-link,
.admin-page-nav__link,
.official-match-card__action,
.duel-compact__profile-link {
    appearance: none;
    -webkit-appearance: none;
    border: 0;
}

.btn {
    display: inline-flex;
    align-items: center;
    justify-content: center;
    gap: 0.75rem;
    min-height: 3.25rem;
    padding: 0.95rem 1.2rem;
    border-radius: 999px;
    font-weight: 600;
    letter-spacing: 0.06em;
    text-transform: uppercase;
    transition: transform var(--transition-fast), background-color var(--transition-fast), border-color var(--transition-fast), color var(--transition-fast), box-shadow var(--transition-fast);
}

.btn-lg {
    min-height: 3.7rem;
    padding-inline: 1.45rem;
}

.btn-primary,
.official-match-card__action--primary {
    background: var(--accent);
    color: var(--accent-contrast);
    box-shadow: 0 16px 32px rgba(228, 198, 132, 0.14);
}

.btn-primary:hover,
.btn-primary:focus-visible,
.official-match-card__action--primary:hover,
.official-match-card__action--primary:focus-visible {
    background: var(--accent-strong);
    transform: translateY(-1px);
}

.btn-secondary,
.matches-toolbar__reset,
.matches-filter__trigger,
.matches-pagination__nav,
.matches-pagination__number,
.arrow-btn,
.site-nav__login-btn,
.official-match-card__action--secondary,
.duel-compact__profile-link,
.admin-page-nav__link,
.service-plan__cta {
    background: rgba(255, 255, 255, 0.02);
    color: var(--text);
    border: 1px solid var(--line);
}

.btn-secondary:hover,
.btn-secondary:focus-visible,
.matches-toolbar__reset:hover,
.matches-toolbar__reset:focus-visible,
.matches-filter__trigger:hover,
.matches-filter__trigger:focus-visible,
.matches-pagination__nav:hover,
.matches-pagination__nav:focus-visible,
.matches-pagination__number:hover,
.matches-pagination__number:focus-visible,
.arrow-btn:hover,
.arrow-btn:focus-visible,
.official-match-card__action--secondary:hover,
.official-match-card__action--secondary:focus-visible,
.duel-compact__profile-link:hover,
.duel-compact__profile-link:focus-visible,
.admin-page-nav__link:hover,
.admin-page-nav__link:focus-visible,
.service-plan__cta:hover,
.service-plan__cta:focus-visible {
    border-color: var(--line-strong);
    background: rgba(228, 198, 132, 0.08);
}

.card-link,
.admin-page-nav__link,
.matches-toolbar__reset,
.matches-filter__trigger,
.matches-pagination__nav,
.matches-pagination__number,
.arrow-btn,
.official-match-card__action,
.duel-compact__profile-link,
.service-plan__cta {
    display: inline-flex;
    align-items: center;
    justify-content: center;
    gap: 0.6rem;
    min-height: 2.9rem;
    padding: 0.85rem 1rem;
    border-radius: 999px;
    font-weight: 600;
}

.icon-box,
.service-plan__icon {
    width: 2.85rem;
    height: 2.85rem;
}

.card-link {
    justify-self: start;
    padding-inline: 0;
    min-height: auto;
    color: var(--accent-strong);
    text-transform: none;
    letter-spacing: normal;
    background: transparent;
    border: 0;
}

.card-link:hover,
.card-link:focus-visible {
    color: var(--text);
}

.mini-pill,
.index-pill,
.status-pill,
.card-link,
.service-plan__badge,
.duel-card__live-pill,
.duel-card__result-pill,
.matches-tab__count,
.official-match-card__type-badge,
.official-match-card__match-number,
.official-match-card__level,
.official-match-card__boost,
.service-plan__eyebrow,
.service-quote-modal__summary-label,
.panel-kicker {
    border: 1px solid var(--line);
    background: rgba(255, 255, 255, 0.03);
    color: var(--text-soft);
}

.index-pill,
.matches-tab__count {
    min-width: 2.5rem;
}

.status-pill,
.duel-card__live-pill,
.official-match-card__boost.is-on {
    background: rgba(40, 119, 73, 0.22);
    border-color: rgba(150, 230, 180, 0.18);
    color: #bff0d1;
}

.duel-card__result-pill--left,
.duel-card__result-pill--right,
.official-match-card__badge {
    background: rgba(228, 198, 132, 0.1);
    border: 1px solid rgba(228, 198, 132, 0.16);
    color: var(--accent-strong);
}

.hero-actions__matches-btn,
.hero-actions__matches-label {
    font-weight: 700;
}

.hero-actions__matches-btn .tan-icon {
    width: 1.02rem;
    height: 1.02rem;
}

.field-control,
.field-input,
.field-textarea,
.matches-filter__date-input,
.matches-search-field input,
.admin-note-input {
    width: 100%;
    min-height: 3.25rem;
    border-radius: 16px;
    border: 1px solid var(--line);
    background: rgba(8, 11, 17, 0.88);
    color: var(--text);
}

.field-control,
.matches-filter__date-input,
.matches-search-field input,
.admin-note-input {
    padding-inline: 1rem;
}

.field-input,
.matches-search-field input,
.matches-filter__date-input,
.admin-note-input {
    padding: 0;
    border: 0;
    background: transparent;
    outline: none;
}

.field-textarea {
    min-height: 8.8rem;
    padding: 1rem;
    resize: vertical;
}

.field-hint,
.tiktok-link-help,
.service-quote-modal__tip,
.matches-empty span,
.service-plan__ideal,
.service-plan__description,
.service-plan__meta,
.admin-service-card__meta,
.official-match-card__identity-copy span,
.official-match-card__agency-name,
.duel-compact__agency-copy small,
.duel-compact__copy span,
.tiktok-linked-current__copy span,
.tiktok-selected-card__copy span,
.tiktok-suggestion-card__copy span,
.tiktok-suggestion-card__copy small,
.site-nav__member-sub {
    color: var(--text-muted);
}

.review-card,
.info-card,
.feature-card,
.module-card,
.member-card,
.service-proof__item,
.admin-stat-card,
.service-plan,
.admin-service-card,
.admin-validation-card,
.official-match-card,
.tiktok-suggestion-card,
.tiktok-link-selected__card,
.tiktok-linked-current,
.legal-section {
    transition: transform var(--transition-fast), border-color var(--transition-fast), box-shadow var(--transition-fast), background-color var(--transition-fast);
}

.review-card:hover,
.info-card:hover,
.feature-card:hover,
.module-card:hover,
.member-card:hover,
.service-proof__item:hover,
.admin-stat-card:hover,
.service-plan:hover,
.admin-service-card:hover,
.admin-validation-card:hover,
.official-match-card:hover,
.tiktok-suggestion-card:hover,
.tiktok-link-selected__card:hover,
.tiktok-linked-current:hover,
.legal-section:hover {
    transform: translateY(-2px);
    border-color: var(--line-strong);
    box-shadow: var(--shadow-md);
}

.arrow-btn,
.matches-pagination__nav {
    width: 2.9rem;
    min-width: 2.9rem;
    padding: 0;
}

.matches-pagination__number.is-active,
.admin-page-nav__link.is-current,
.site-nav__links a.is-current,
.site-nav__mobile-links a.is-current {
    background: rgba(228, 198, 132, 0.14);
    color: var(--accent-strong);
    border-color: rgba(228, 198, 132, 0.2);
}

.matches-empty {
    justify-items: center;
    text-align: center;
    padding: 2.5rem 1.25rem;
}

.matches-empty .tan-icon {
    width: 1.4rem;
    height: 1.4rem;
    color: var(--accent-strong);
}


/* Phase 13 — flatter controls and stronger structure */
.btn {
    min-height: 3.1rem;
    padding: 0.85rem 1.15rem;
    border-radius: 18px;
    font-weight: 600;
    letter-spacing: 0.05em;
    box-shadow: none;
}

.btn-lg {
    min-height: 3.45rem;
    padding-inline: 1.3rem;
}

.btn-primary,
.official-match-card__action--primary {
    background: linear-gradient(135deg, #efd7a6 0%, #deba76 58%, #d3ab64 100%);
    color: var(--accent-contrast);
}

.btn-primary:hover,
.btn-primary:focus-visible,
.official-match-card__action--primary:hover,
.official-match-card__action--primary:focus-visible {
    transform: translateY(-1px);
    box-shadow: 0 12px 24px rgba(0, 0, 0, 0.18);
}

.btn-secondary,
.matches-toolbar__reset,
.matches-filter__trigger,
.matches-pagination__nav,
.matches-pagination__number,
.arrow-btn,
.official-match-card__action--secondary,
.duel-compact__profile-link,
.admin-page-nav__link,
.service-plan__cta {
    border-radius: 16px;
    background: rgba(255, 255, 255, 0.025);
    border: 1px solid rgba(255,255,255,0.08);
}

.card-link,
.admin-page-nav__link,
.matches-toolbar__reset,
.matches-filter__trigger,
.matches-pagination__nav,
.matches-pagination__number,
.arrow-btn,
.official-match-card__action,
.duel-compact__profile-link,
.service-plan__cta {
    min-height: 2.95rem;
    padding: 0.85rem 1rem;
    font-weight: 600;
}

.icon-box,
.service-plan__icon {
    width: 2.9rem;
    height: 2.9rem;
    border-radius: 16px;
    background: rgba(223, 191, 127, 0.08);
}

.review-card:hover,
.info-card:hover,
.feature-card:hover,
.module-card:hover,
.member-card:hover,
.service-proof__item:hover,
.admin-stat-card:hover,
.service-plan:hover,
.admin-service-card:hover,
.admin-validation-card:hover,
.official-match-card:hover,
.tiktok-suggestion-card:hover,
.tiktok-link-selected__card:hover,
.tiktok-linked-current:hover,
.legal-section:hover {
    transform: translateY(-1px);
    box-shadow: var(--shadow-md);
}

.field-control,
.field-input,
.field-textarea,
.matches-filter__date-input,
.matches-search-field input,
.admin-note-input {
    min-height: 3.1rem;
    border-radius: 16px;
    background: rgba(7, 11, 16, 0.94);
}

.field-textarea {
    min-height: 8rem;
}

.mini-pill,
.index-pill,
.status-pill,
.card-link,
.service-plan__badge,
.duel-card__live-pill,
.duel-card__result-pill,
.matches-tab__count,
.official-match-card__type-badge,
.official-match-card__match-number,
.official-match-card__level,
.official-match-card__boost,
.service-plan__eyebrow,
.service-quote-modal__summary-label,
.panel-kicker {
    min-height: 2rem;
    padding: 0.35rem 0.8rem;
    border-radius: 999px;
}

.matches-pagination__number.is-active,
.admin-page-nav__link.is-current,
.site-nav__links a.is-current,
.site-nav__mobile-links a.is-current {
    background: rgba(223, 191, 127, 0.12);
    color: var(--text);
    border-color: rgba(223, 191, 127, 0.2);
}
