/* Temporary compatibility layer for public surfaces awaiting full stylesheet migration. */
[data-page^="tickets"] :is(.tickets-page,.new-ticket-page,.ticket-detail-page),
[data-page^="apply"] :is(.apply-page,.apply-status-page) { width: min(100%,var(--an-content)); max-width: var(--an-content); margin-inline: auto; padding-bottom: 4rem; }

/* Support tickets retain data density and make the action path obvious. */
[data-page^="tickets"] .tickets-header { margin: 0 0 1rem !important; padding: clamp(1rem,3vw,2rem) 0 !important; background: transparent !important; border: 0 !important; border-bottom: 1px solid var(--an-line) !important; border-radius: 0 !important; box-shadow: none !important; }
[data-page^="tickets"] .tickets-header h3 { color: var(--an-ink) !important; font: 850 clamp(1.6rem,4vw,2.5rem)/1 var(--an-display) !important; }
[data-page^="tickets"] .tickets-grid { display: grid !important; grid-template-columns: repeat(auto-fill, minmax(390px, 1fr)) !important; gap: 1rem !important; border-top: 0 !important; }
[data-page^="tickets"] .ticket-card { margin: 0 !important; overflow: hidden !important; background: var(--an-surface) !important; border: 1px solid var(--an-line-strong) !important; border-radius: var(--an-radius-md) !important; box-shadow: var(--an-elevate) !important; transition: transform .18s ease, border-color .18s ease !important; }
[data-page^="tickets"] .ticket-card:hover { background: var(--an-surface) !important; border-color: color-mix(in srgb,var(--an-core) 40%,var(--an-line-strong)) !important; transform: translateY(-2px) !important; }
[data-page^="tickets"] .ticket-header { background: var(--an-surface-raised) !important; border-bottom-color: var(--an-line) !important; }
[data-page^="tickets"] .ticket-footer { background: var(--an-bg-alt) !important; border-top-color: var(--an-line) !important; }
[data-page^="tickets"] .ticket-id { color: var(--an-ink) !important; }
[data-page="tickets.new"] .info-card { background: color-mix(in srgb,var(--an-core) 8%,var(--an-surface)) !important; border: 1px solid var(--an-line) !important; border-left: 3px solid var(--an-core) !important; border-radius: var(--an-radius-md) !important; box-shadow: var(--an-elevate) !important; }
[data-page="tickets.new"] .ticket-form-container { max-width: 940px !important; margin-inline: auto !important; background: var(--an-surface) !important; border: 1px solid var(--an-line-strong) !important; border-radius: var(--an-radius-md) !important; box-shadow: var(--an-elevate) !important; overflow: hidden !important; }
[data-page="tickets"] .ticket-layout-grid { gap: 1rem !important; }
[data-page="tickets"] :is(.ticket-header-card,.ticket-content-card,.reply-item,.ticket-sidebar-card) { background: var(--an-surface) !important; border-color: var(--an-line) !important; border-radius: 0 !important; box-shadow: none !important; }

/* Applications and account remain focused while their legacy CSS is migrated. */
[data-page^="apply"] .apply-header { margin: 0 0 1rem !important; padding: clamp(1rem,3vw,2rem) 0 !important; background: transparent !important; border: 0 !important; border-bottom: 1px solid var(--an-line) !important; border-radius: 0 !important; }
[data-page^="apply"] .apply-header-icon { border-radius: 2px !important; }
[data-page^="apply"] .apply-header h1 { color: var(--an-ink) !important; font: 850 clamp(1.8rem,4vw,2.8rem)/1 var(--an-display) !important; }
[data-page^="apply"] .apply-form-card,[data-page^="apply"] .application-card { background: var(--an-surface) !important; border-color: var(--an-line) !important; border-radius: 0 !important; box-shadow: var(--an-shadow-sm) !important; }
[data-page^="apply"] .form-section { background: transparent !important; border: 0 !important; border-top: 1px solid var(--an-line) !important; border-radius: 0 !important; }
[data-page="account"] .main { padding-top: 1rem; }
[data-page="account"] .account-wrapper { width: min(100% - (2 * var(--an-gutter)),1720px); max-width: 1720px; margin-inline: auto; gap: 1.5rem; }
[data-page="account"] .account-wrapper { min-height: calc(100vh - 7rem); background: transparent !important; }
[data-page="account"] .account-sidebar { background: var(--an-bg-alt) !important; border: 1px solid var(--an-line) !important; border-radius: var(--an-radius-md) !important; box-shadow: var(--an-shadow-sm) !important; }
[data-page="account"] .account-main { min-width: 0; background: var(--an-surface) !important; border: 1px solid var(--an-line) !important; border-radius: var(--an-radius-md) !important; box-shadow: var(--an-shadow-sm); }
[data-page="account"] .account-nav-link { border-radius: 2px !important; }
[data-page="account"] .account-nav-link:hover { background: var(--an-surface-hover) !important; }
[data-page="account"] .account-nav-link.active { background: color-mix(in srgb,var(--an-core) 14%,var(--an-surface-raised)) !important; }
[data-page="account"] :is(.section-card,.profile-info-card,.profile-stats-card,.rank-card,.setting-card,.discord-card,.notification-item,.forum-badge-card) { background: var(--an-surface-raised) !important; border: 1px solid var(--an-line-strong) !important; border-radius: var(--an-radius-md) !important; box-shadow: var(--an-elevate) !important; transform: none !important; }
[data-page="account"] :is(.rank-card,.setting-card,.notification-item,.forum-badge-card):hover { background: var(--an-surface-hover) !important; border-color: var(--an-line-strong) !important; }
[data-page="account"] :is(.info-value,.detail-value,.setting-value):empty::after { content: '—'; color: var(--an-ink-faint); }
[data-page="account"] :is(input,select,textarea) { color: var(--an-ink) !important; background: var(--an-bg-alt) !important; border-color: var(--an-line-strong) !important; }
[data-page="account"] :is(input,select,textarea):focus { border-color: var(--an-core) !important; box-shadow: 0 0 0 3px color-mix(in srgb,var(--an-core) 16%,transparent) !important; }

@media(max-width:760px) {
  [data-page^="tickets"] .tickets-header { align-items: flex-start !important; flex-direction: column !important; }
  [data-page="account"] .account-wrapper { width: 100%; padding-inline: 0; }
	[data-page="account"] .account-main { padding: 1rem !important; border-inline: 0 !important; }
}

/* Focused public-site polish: shared interaction language without changing page layouts. */
:where(.navbar,.footer) :is(a,button):focus-visible,
:where(.public-wrap,.catalog-page,.join-page,.forum-container,.wiki-layout,.arcturus-store,.token-shop) :is(a,button,input,select,textarea):focus-visible { outline:2px solid var(--an-core-soft)!important; outline-offset:3px; }
.navbar .nav-link.active,.navbar .dropdown-item.active { color:var(--an-core-soft)!important; }
.navbar .nav-link.active::after { background:var(--an-core)!important; }
.navbar .nav-link:hover,.navbar-quick-link:hover { color:var(--an-core-soft)!important; }

/* Directory-style pages reach useful content without campaign-like whitespace. */
[data-page="staff"] .main,[data-page="status"] .main,[data-page="news"] .main,[data-page^="forum"] .main { padding-top:1rem; }
[data-page="login"] .main,[data-page="register"] .main { padding-top:clamp(1rem,3vw,2rem); }

/* One restrained interaction language for public cards and rows. */
:is(.news-row,.server,.package-cell,.token-item-card,.page-card,.category-card,.thread-row,.forum-post,.wiki-card) { transition:border-color .18s ease,background-color .18s ease,box-shadow .18s ease,transform .18s ease; }
:is(.news-row,.server,.package-cell,.token-item-card,.page-card):hover { border-color:var(--an-line-strong); }

/* Wiki stays documentation-led while sharing the navigation and low-key hover language. */
.wiki-nav-link.active,.wiki-nav-link:hover,.mobile-menu-link.active { color:var(--an-core-soft)!important; }
.wiki-layout :is(.page-card,.category-section,.wiki-article,.wiki-sidebar) { border-color:var(--an-line)!important; }
.wiki-layout .page-card:hover { background:var(--an-surface-hover)!important; border-color:var(--an-line-strong)!important; transform:translateY(-1px); }

/* Status stays factual: color belongs to the actual state, not the whole page. */
[data-page="status"] .status-indicator.online { box-shadow:0 0 0 0 color-mix(in srgb,var(--an-positive) 36%,transparent); animation:an-status-pulse 2.8s ease-out infinite; }
@keyframes an-status-pulse { 55% { box-shadow:0 0 0 5px transparent; } 100% { box-shadow:0 0 0 0 transparent; } }

@media(max-width:760px) {
	[data-page="servers"] .server-actions { flex-wrap:wrap; }
	[data-page="servers"] .server-address { min-width:min(100%,220px); }
	[data-page^="forum"] .forum-header { grid-template-columns:1fr!important; align-items:start!important; }
	[data-page^="forum"] .forum-stats { width:100%; overflow-x:auto; }
	[data-page^="forum"] .forum-stats .stat-item { flex:0 0 auto; }
	[data-page="account"] .account-sidebar { border-radius:0!important; }
}

@media(prefers-reduced-motion:reduce) {
	*,*::before,*::after { scroll-behavior:auto!important; animation-duration:.01ms!important; animation-iteration-count:1!important; transition-duration:.01ms!important; }
}