/* Post-milestone ISO-2: responsive alignment and layout safeguards. */

/* Authenticated visibility must preserve the element's intended layout mode. */
body.has-account section.account-only:not(.hidden),
body.has-account details.account-only:not(.hidden),
body.has-account form.account-only:not(.hidden) {
  display: block !important;
}

body.has-account .account-only.hidden {
  display: none !important;
}

.site-header,
.main-nav,
.nav-menu,
.nav-dropdown,
.page-intro > *,
.surface-head > *,
.team-controls,
.account-page-actions,
.staff-event-row > *,
.staff-management-card > * {
  min-width: 0;
}

.nav-dropdown {
  max-width: calc(100vw - 28px);
}

body.server-authenticated-ui #page-staff-members > .access-panel,
body.server-authenticated-ui #page-staff-members > .owner-users-panel {
  display: none !important;
}

.rating-replay-pagination {
  display: flex;
  align-items: center;
  justify-content: flex-end;
  gap: 10px;
  margin-top: 12px;
}
.rating-replay-pagination span { color: var(--muted); font-size: .82rem; }

/* Keep read-only role previews visible without covering header dropdowns. */
.role-simulation-banner {
  z-index: 20;
}

.events-team-registration {
  display: grid;
  grid-template-columns: minmax(0, 1.3fr) minmax(240px, 1fr) auto;
  align-items: center;
  gap: 22px;
  margin: 22px 0 0;
  padding: 20px;
}
.events-team-registration h2 { margin: 4px 0 5px; }
.events-team-registration p { margin: 0; color: var(--muted); }
.events-team-registration-status { display: grid; gap: 3px; }
.events-team-registration-status span { color: var(--muted); font-size: 13px; }
@media (max-width: 1100px) {
  .events-team-registration { grid-template-columns: 1fr auto; }
  .events-team-registration-status { grid-column: 1 / -1; }
}

.team-controls {
  max-width: 100%;
  flex-wrap: wrap;
}

.team-controls select {
  min-width: 0;
  max-width: 100%;
}

.account-page-actions {
  flex-wrap: wrap;
}

.identity-claim-panel,
.store-claim-panel {
  overflow: hidden;
}

.identity-claim-panel .account-form,
.store-claim-panel .account-form,
.identity-claim-panel label,
.store-claim-panel label,
.identity-claim-panel input,
.store-claim-panel input,
.identity-claim-panel select,
.store-claim-panel select,
.store-claim-panel textarea {
  min-width: 0;
  max-width: 100%;
}

#identity-evidence-field,
#identity-evidence-field small,
#identity-evidence-field input {
  overflow-wrap: anywhere;
}

.staff-event-row strong,
.staff-event-row small {
  overflow-wrap: anywhere;
}

/* The poll action and date are ordinary document flow, so they cannot collide. */
.vote-side {
  display: flex;
  min-height: 320px;
  flex-direction: column;
}

.vote-side-content {
  min-width: 0;
}

.vote-side-content > p:not(.eyebrow) {
  color: #9fb0c2;
  font-size: 13px;
}

.vote-side-footer {
  display: grid;
  gap: 18px;
  margin-top: auto;
  padding-top: 24px;
}

.vote-side-footer .button {
  width: 100%;
}

.vote-side-footer .deadline {
  position: static;
  inset: auto;
  padding-top: 18px;
}

/* Desktop keeps the information-dense month grid; phones receive a complete agenda. */
.calendar-mobile-agenda {
  display: none;
}

.calendar-agenda-day {
  border: 1px solid var(--line);
  border-radius: 14px;
  background: rgba(13, 16, 21, .96);
}

.calendar-agenda-day.selected {
  border-color: var(--gold);
  box-shadow: inset 0 0 0 1px var(--gold);
}

.calendar-agenda-day h2 {
  margin: 0;
  padding: 13px 14px;
  border-bottom: 1px solid var(--line);
  color: var(--ink);
  font: 600 16px/1.2 "Space Grotesk", sans-serif;
}

.calendar-agenda-day > div {
  display: grid;
  gap: 8px;
  padding: 10px;
}

.calendar-agenda-event {
  display: grid;
  grid-template-columns: minmax(0, 1fr) auto;
  align-items: center;
  gap: 10px;
  min-height: 48px;
  width: 100%;
  border: 1px solid var(--line);
  border-left: 4px solid var(--gold);
  border-radius: 10px;
  padding: 9px 10px;
  color: var(--ink);
  background: #171c23;
  text-align: left;
  cursor: pointer;
}

.calendar-agenda-event span {
  min-width: 0;
  overflow-wrap: anywhere;
  font-weight: 800;
}

.calendar-agenda-event small {
  color: var(--muted);
  white-space: nowrap;
}

.calendar-agenda-event.blue { border-left-color: var(--blue); }
.calendar-agenda-event.gold { border-left-color: var(--gold); }
.calendar-agenda-event.grey { border-left-color: #9da4ad; }
.calendar-agenda-event.community-submitted { border-left-color: #d8b42f; }
.calendar-agenda-event.verified-lgs { border-left-color: #2f9a80; }
.calendar-agenda-event.cancelled { opacity: .72; text-decoration: line-through; }

/* Related staff tools remain distinct and individually navigable. */
.staff-management-grid {
  display: grid;
  grid-template-columns: repeat(3, minmax(0, 1fr));
  gap: 14px;
  margin-top: 18px;
}

.staff-management-grid .community-broadcast-panel {
  margin-top: 0;
}

.staff-management-card,
.community-broadcast-panel > summary {
  display: flex;
  align-items: center;
  justify-content: space-between;
  gap: 16px;
  min-height: 96px;
}

.staff-management-card {
  color: var(--ink);
  text-decoration: none;
}

.staff-management-card > span:first-child,
.community-broadcast-panel > summary > span:first-child {
  display: grid;
  gap: 4px;
}

.staff-management-card small,
.community-broadcast-panel summary small {
  color: var(--gold);
  font-size: 10px;
  font-weight: 800;
  letter-spacing: .1em;
  text-transform: uppercase;
}

.staff-management-card > span:last-child,
.community-broadcast-panel > summary > span:last-child {
  color: var(--muted);
  font-size: 12px;
  text-align: right;
}

.staff-management-card:hover,
.staff-management-card:focus-visible {
  border-color: var(--gold);
}

.community-broadcast-panel[open] {
  grid-column: span 2;
}

/* Tables keep summaries visible and announce intentional horizontal navigation. */
.table-scroll-cue {
  display: none;
  align-items: center;
  gap: 8px;
  margin: 8px 0;
  color: var(--muted);
  font-size: 12px;
}

.table-scroll-cue span {
  color: var(--gold);
  font-size: 18px;
  font-weight: 900;
}

.ranking-table-wrap,
.analytics-table-wrap {
  max-width: 100%;
  scrollbar-color: var(--gold) #151a21;
  scrollbar-width: thin;
}

.ranking-table-wrap:focus-visible,
.analytics-table-wrap:focus-visible {
  border-radius: 8px;
  outline: 2px solid var(--gold);
  outline-offset: 3px;
}

@media (max-width: 1100px) {
  .main-nav {
    max-height: calc(100dvh - 88px);
    overflow-y: auto;
  }

  .nav-menu {
    display: flex !important;
    width: 100%;
    align-items: stretch;
    flex-direction: column;
  }

  .nav-menu-trigger {
    width: 100%;
  }

  .nav-dropdown,
  .staff-dropdown {
    position: static;
    display: grid;
    width: 100%;
    min-width: 0;
    max-width: none;
    margin: -2px 0 5px;
    padding: 4px 4px 4px 17px;
    border: 0;
    border-left: 2px solid #4f4522;
    border-radius: 0;
    background: transparent;
    box-shadow: none;
  }

  .nav-dropdown a {
    min-height: 44px !important;
    color: #aeb7c1 !important;
    font-size: 12px !important;
    white-space: normal;
  }

  .nav-dropdown a.active { color: #f5d75f !important; }
  .nav-menu-trigger > span:last-child { display: none; }

  .staff-management-grid {
    grid-template-columns: 1fr 1fr;
  }

  .community-broadcast-panel[open] {
    grid-column: 1 / -1;
  }
}

@media (max-width: 900px) {
  .team-controls {
    width: 100%;
  }

  .team-controls select {
    width: 100%;
    min-height: 44px;
  }
}

@media (max-width: 760px) {
  .events-team-registration { grid-template-columns: 1fr; align-items: stretch; }
  .events-team-registration .button { width: 100%; }
  .calendar-shell {
    display: none !important;
  }

  .calendar-mobile-agenda {
    display: grid;
    gap: 12px;
  }

  .calendar-legend {
    flex-wrap: wrap;
  }

  .table-scroll-cue {
    display: flex;
  }

  .ranking-table-wrap,
  .analytics-table-wrap {
    border: 1px solid var(--line);
    border-radius: 10px;
    overscroll-behavior-inline: contain;
  }

  .ranking-surface .ranking-table th:first-child,
  .ranking-surface .ranking-table td:first-child,
  .analytics-table th:first-child,
  .analytics-table td:first-child {
    position: sticky;
    left: 0;
    z-index: 2;
    background: #171c23;
    box-shadow: 1px 0 0 var(--line);
  }

  .ranking-surface .ranking-table thead th:first-child,
  .analytics-table thead th:first-child {
    z-index: 3;
    background: #222831;
  }

  .staff-management-grid {
    grid-template-columns: 1fr;
  }

  .community-broadcast-panel[open] {
    grid-column: auto;
  }
}

.guide-search-row { grid-template-columns: minmax(0, 1fr) !important; }
.guide-filter-details { border: 1px solid var(--line); border-radius: 12px; background: rgba(7,14,25,.45); }
.guide-filter-details > summary { display: flex; align-items: center; justify-content: space-between; gap: 12px; min-height: 48px; padding: 10px 14px; cursor: pointer; }
.guide-filter-details > summary span:first-child { display: grid; gap: 2px; min-width: 0; }
.guide-filter-details > summary small { overflow: hidden; color: var(--muted); font-weight: 500; text-overflow: ellipsis; white-space: nowrap; }
.guide-filter-body { display: grid; grid-template-columns: minmax(0, 1fr) minmax(12rem, .3fr); align-items: end; gap: 14px; padding: 0 14px 14px; }
.guide-filter-body .guide-type-filter { margin: 0; }
.guide-type-filter label span { overflow: hidden; text-overflow: ellipsis; white-space: nowrap; }
.guide-format-filter { align-self: end; }
@media (max-width: 700px) {
  .guide-filter-body { grid-template-columns: minmax(0, 1fr); }
  .guide-filter-details > summary { min-height: 52px; }
}
.account-role-preview { display: grid; grid-template-columns: minmax(0,1fr) minmax(12rem,.45fr) auto; align-items: end; gap: 12px; margin-top: 18px; padding-top: 16px; border-top: 1px solid var(--line); }
.account-role-preview > div,
.account-role-preview label { display: grid; gap: 4px; }
.account-role-preview small,
.account-role-preview [role="status"] { color: var(--muted); }
.account-role-preview [role="status"] { grid-column: 1 / -1; margin: 0; }
@media (max-width: 700px) {
  .account-role-preview { grid-template-columns: minmax(0,1fr); }
  .account-role-preview button,
  .account-role-preview select { min-height: 44px; width: 100%; }
}

/* ISO-13.19: reserve the ordinary desktop member-workspace footprint without trapping content. */
@media (min-width: 701px) {
  .community-member-workspace { min-height: 40rem; }
  .member-split-workspace { min-height: 31rem; align-items: stretch; }
  .member-split-workspace > * { align-content: start; }
}
@media (max-width: 700px) {
  .community-member-workspace,
  .member-split-workspace { min-height: 0; }
}

@media (max-width: 620px) {
  .account-page-actions {
    display: grid;
    grid-template-columns: 1fr;
    width: 100%;
  }

  .account-page-actions > * {
    width: 100%;
    min-height: 44px;
  }

  .identity-claim-panel .form-grid,
  .store-claim-panel .form-grid {
    grid-template-columns: 1fr;
  }

  .identity-claim-panel .surface-head,
  .store-claim-panel .surface-head {
    align-items: flex-start;
    flex-direction: column;
  }

  .staff-event-row {
    grid-template-columns: auto minmax(0, 1fr);
    align-items: start;
  }

  .staff-event-row > :last-child {
    grid-column: 1 / -1;
    width: 100%;
    min-height: 44px;
  }

  .staff-management-card,
  .community-broadcast-panel > summary {
    align-items: flex-start;
    flex-direction: column;
  }

  .staff-management-card > span:last-child,
  .community-broadcast-panel > summary > span:last-child {
    text-align: left;
  }
}

@media (max-width: 430px) {
  .site-header {
    padding-inline: 12px;
  }

  .brand-title small {
    max-width: 118px;
  }

  .calendar-agenda-event {
    grid-template-columns: 1fr;
  }

  .calendar-agenda-event small {
    white-space: normal;
  }

  .vote-side {
    min-height: 0;
    padding: 22px;
  }
}

/* ISO-4 responsive art direction: the approved source image is unchanged. */
body::before {
  background-size: cover;
  background-position: 68% center;
}

.permission-context-loading .staff-only,
.permission-context-loading .admin-only,
.permission-context-error .staff-only,
.permission-context-error .admin-only {
  display: none !important;
}

.legacy-reconciliation-heading,
.legacy-reconciliation-counts {
  display: flex;
  align-items: flex-start;
  justify-content: space-between;
  gap: 16px;
}

.legacy-reconciliation-heading p:not(.eyebrow) {
  max-width: 68ch;
  color: var(--muted);
}

.legacy-reconciliation-counts {
  justify-content: flex-start;
  flex-wrap: wrap;
  margin-top: 16px;
}

.legacy-reconciliation-counts span {
  padding: 8px 12px;
  border: 1px solid var(--line);
  border-radius: 10px;
  background: var(--panel-2);
}

#legacy-ranking-reconciliation details { margin-top: 16px; }
#legacy-ranking-reconciliation li { display: grid; gap: 3px; margin-bottom: 8px; }
#legacy-ranking-reconciliation li span { color: var(--muted); }

@media (min-width: 1600px) {
  body::before { background-position: 62% center; }
}

@media (min-width: 761px) and (max-width: 1100px) {
  body::before { background-size: auto 100%; background-position: 70% center; }
}

@media (max-width: 760px) {
  body::before { background-size: auto 100%; background-position: 75% center; }
  .legacy-reconciliation-heading { flex-direction: column; }
  .legacy-reconciliation-heading .button { width: 100%; min-height: 48px; }
}

@media (max-width: 900px) and (orientation: landscape) {
  body::before { background-size: cover; background-position: 72% center; }
}

[hidden] { display: none !important; }
.auth-unresolved #main-nav [data-nav-group="discover"],
.auth-unresolved #main-nav [data-nav-group="lending"],
.auth-unresolved #main-nav [data-nav-group="products"],
.auth-unresolved #main-nav [data-nav-group="account"],
.auth-unresolved #main-nav [data-nav-group="staff"] { display: none !important; }
/* ISO-13 discovery details: stack actions and validated placements on phones. */
.discovery-card > div:first-child { min-width: 0; }
.discovery-card-actions { display: flex; flex-wrap: wrap; gap: 8px; flex-shrink: 0; }
.discovery-card-detail { align-items: stretch; }
.discovery-standings { margin-top: 14px; padding-top: 14px; border-top: 1px solid var(--line); }
.discovery-standings h4 { margin: 0 0 9px; }
.discovery-standings p { margin: 5px 0; }
@media (max-width: 760px) {
  .discovery-card-actions { display: grid; width: 100%; }
  .discovery-card-actions .quiet-button { min-height: 44px; }
  .discovery-filter-form > div:first-child,
  #discovery-filters { grid-template-columns: minmax(0, 1fr); }
}

/* ISO-13.26–13.27: one filtered rating graph and one canonical event timeline. */
.competitive-profile-section { overflow: hidden; }
.competitive-history-filter {
  display: grid;
  grid-template-columns: minmax(9rem, .6fr) minmax(9rem, .6fr) auto minmax(14rem, 1fr);
  align-items: end;
  gap: 12px;
  margin: 0 0 16px;
}
.competitive-history-filter label { display: grid; gap: 5px; font-weight: 800; }
.competitive-history-filter input { min-height: 44px; }
.competitive-coverage { color: var(--muted); align-self: center; }
.competitive-history-filter .form-errors { grid-column: 1 / -1; }
.rating-history-chart { position: relative; display: block; grid-template-columns: none; grid-template-rows: none; gap: 0; margin: 0 0 22px; padding: 12px 12px 10px; border: 1px solid #52677e; border-radius: 14px; background: linear-gradient(180deg,rgba(9,17,28,.96),rgba(6,11,19,.88)); }
.rating-history-chart.legacy-record { border-color: rgba(242,205,69,.6); }
.rating-line-svg { display: block; width: 100%; height: auto; min-height: 240px; aspect-ratio: 760 / 300; overflow: visible; }
.rating-grid-line line { stroke: #43556a; stroke-width: 1; stroke-dasharray: 5 7; vector-effect: non-scaling-stroke; }
.rating-grid-line text { fill: #b8c5d3; font-size: 12px; text-anchor: end; }
.rating-line-area { fill: url(#rating-area-gradient); }
.rating-line-shadow { stroke: #02070d; stroke-width: 9; stroke-linecap: round; stroke-linejoin: round; opacity: .9; vector-effect: non-scaling-stroke; }
.rating-line-path { stroke: #45c8ff; stroke-width: 4; stroke-linecap: round; stroke-linejoin: round; vector-effect: non-scaling-stroke; }
.rating-line-point { stroke: #07101a; stroke-width: 4; vector-effect: non-scaling-stroke; cursor: pointer; }
.rating-line-point.gain { fill: #5ce1a6; }
.rating-line-point.loss { fill: #ff786f; }
.rating-line-point.neutral { fill: #f2cd45; }
.rating-line-point:focus { stroke: #fff; stroke-width: 5; outline: none; }
.rating-history-chart figcaption { margin-top: 4px; color: #c1ceda; text-align: center; font-size: .8rem; }
.single-rating-point { min-height: 150px; display: grid; place-content: center; text-align: center; gap: 5px; }
.single-rating-point strong { font-size: 2rem; color: #f2cd45; }
.ranking-calculation { display: block; max-width: 56rem; }
.ranking-calculation summary { display: flex; flex-wrap: wrap; align-items: center; gap: .45rem .7rem; cursor: pointer; }
.ranking-calculation summary::-webkit-details-marker { display: none; }
.ranking-calculation[open] summary { margin-bottom: .65rem; }
.ranking-calculation > div { padding: .75rem; border-left: 3px solid #f2cd45; border-radius: 0 10px 10px 0; background: rgba(242,205,69,.07); }
.ranking-calculation p { margin: 0 0 .55rem; line-height: 1.5; }
.ranking-calculation p:last-of-type { margin-bottom: .35rem; }
.competitive-history-heading {
  display: flex;
  align-items: end;
  justify-content: space-between;
  gap: 12px;
  margin-top: 22px;
  padding-bottom: 8px;
  border-bottom: 1px solid var(--line);
}
.competitive-history-heading h3 { margin: 0; }
.competitive-history-heading span,
.competitive-event-row small { color: var(--muted); }
.competitive-event-list { display: grid; }
.competitive-profile-section .public-profile-priority { grid-template-columns: repeat(4, minmax(0, 1fr)); }
.competitive-event-row {
  display: grid;
  grid-template-columns: 58px minmax(15rem, 2fr) minmax(9rem, 1fr) minmax(8rem, .7fr) minmax(9rem, .8fr);
  align-items: center;
  gap: 16px;
  padding: 18px 0;
  border-bottom: 1px solid var(--line);
}
.competitive-event-row:last-child { border-bottom: 0; }
.competitive-event-main,
.competitive-deck,
.competitive-snapshot { display: grid; gap: 4px; min-width: 0; }
.competitive-event-main strong,
.competitive-event-main a,
.competitive-event-main span,
.competitive-deck strong,
.competitive-deck a {
  overflow-wrap: anywhere;
}
.competitive-placement-badge {
  display: grid;
  width: 52px;
  height: 52px;
  place-items: center;
  border: 1px solid var(--line);
  border-radius: 50%;
  color: var(--muted);
  background: rgba(15,23,34,.82);
  font-size: 1.2rem;
  font-weight: 900;
}
.competitive-placement-badge.place-1 { border-color: #d6b239; color: #ffe16c; background: rgba(105,80,7,.72); }
.competitive-placement-badge.place-2 { border-color: #aab6c4; color: #edf2f7; background: rgba(73,87,102,.72); }
.competitive-placement-badge.place-3 { border-color: #b77a44; color: #ffd2a4; background: rgba(91,52,25,.72); }
.competitive-event-main a { color: #f2cd45; font-weight: 800; }
.competitive-event-main a:focus-visible { outline: 2px solid #f2cd45; outline-offset: 3px; }
.competitive-event-main > strong,
.competitive-event-main > a { font-size: 1rem; }
.competitive-event-main > span { font-weight: 800; }
.competitive-deck > span { color: var(--text); font-weight: 700; }
.competitive-deck > span + span { color: var(--muted); font-size: .78rem; font-weight: 500; }
.competitive-deck a { color: var(--gold); font-weight: 800; }
.competitive-snapshot strong { font-size: 1.05rem; }
.competitive-event-row .ranking-movement,
.competitive-event-row .rating-delta { display: block; margin-top: 2px; color: var(--muted); font-size: .75rem; font-weight: 800; }
.competitive-event-row .ranking-movement.up,
.competitive-event-row .rating-delta.gain { color: #77d8bc; }
.competitive-event-row .ranking-movement.down,
.competitive-event-row .rating-delta.loss { color: #ff9b92; }
.competitive-event-row .ranking-movement.neutral,
.competitive-event-row .rating-delta.neutral { color: var(--muted); }
.competitive-event-row .rating-source-note { color: #d7bd5d; font-size: .68rem; }
.rating-replay-required { border-color: rgba(242,205,69,.35); background: rgba(242,205,69,.06); }

@media (max-width: 760px) {
  .competitive-history-filter,
  .competitive-profile-section .public-stat-grid { grid-template-columns: minmax(0, 1fr); }
  .competitive-profile-section .public-profile-priority { grid-template-columns: repeat(2, minmax(0, 1fr)); }
  .competitive-profile-section .public-profile-priority article:first-child { grid-column: auto; }
  .competitive-event-row {
    grid-template-columns: 52px minmax(0, 1fr) minmax(6.5rem, .42fr);
    align-items: start;
    gap: 12px;
    padding: 16px 0;
  }
  .competitive-event-main { grid-column: 2 / -1; }
  .competitive-deck { grid-column: 2 / -1; }
  .competitive-event-main a { display: inline-flex; align-items: center; min-height: 44px; }
  .competitive-snapshot { grid-column: span 1; }
  .competitive-event-row > .competitive-snapshot:nth-last-child(2) { grid-column: 2; }
  .competitive-event-row > .competitive-snapshot:last-child { grid-column: 3; }
}

@media (max-width: 430px) {
  .competitive-profile-section .public-profile-priority { grid-template-columns: minmax(0, 1fr); }
  .competitive-history-heading { align-items: flex-start; flex-direction: column; }
  .competitive-event-row { grid-template-columns: 46px minmax(0, 1fr); }
  .competitive-placement-badge { width: 44px; height: 44px; font-size: 1rem; }
  .competitive-event-main,
  .competitive-deck { grid-column: 2; }
  .competitive-event-row > .competitive-snapshot:nth-last-child(2),
  .competitive-event-row > .competitive-snapshot:last-child { grid-column: 1 / -1; }
  .competitive-snapshot { padding: 10px; border: 1px solid var(--line); border-radius: 10px; background: rgba(9,13,18,.45); }
  .rating-history-chart { padding: 8px 6px; }
  .rating-line-svg { height: auto; min-height: 220px; }
}

.match-data-panel > .match-data-selector { margin: 0 0 1rem; }
.match-data-selector { display: flex; align-items: end; flex-wrap: wrap; gap: .75rem; }
.match-data-selector label { flex: 1 1 22rem; }
.match-data-selector [role="status"] { flex-basis: 100%; color: var(--muted); }
.retired-definition-list { margin-top: 1rem; border-top: 1px solid var(--line); padding-top: .75rem; }
.retired-definition-list summary { cursor: pointer; font-weight: 800; }
.retired-definition-list article { display: flex; justify-content: space-between; gap: .75rem; align-items: center; padding: .7rem 0; border-bottom: 1px solid var(--line); }
.retired-definition-list article span { display: grid; gap: .2rem; }
.retired-definition-list small { color: var(--muted); }
.retirement-impact dl { display: grid; gap: .55rem; margin: 0; }
.retirement-impact dl > div { display: flex; justify-content: space-between; gap: 1rem; border-bottom: 1px solid var(--line); padding-bottom: .45rem; }
.retirement-impact dt { color: var(--muted); }
.retirement-impact dd { margin: 0; text-align: right; font-weight: 800; }

@media (max-width: 560px) {
  .match-data-selector { align-items: stretch; }
  .match-data-selector > button { min-height: 44px; flex: 1 1 auto; }
  .retired-definition-list article { align-items: stretch; flex-direction: column; }
}

/* ISO-13.30: actionable, permission-scoped administration status. */
button.staff-attention-summary { font: inherit; cursor: pointer; }
button.staff-attention-summary:hover,
button.staff-attention-summary:focus-visible { border-color: var(--yellow); outline: 3px solid rgba(241,200,62,.25); outline-offset: 2px; }
.admin-queue-card.unavailable { opacity: .86; border-style: dashed; }
.admin-queue-card.unavailable strong { color: var(--muted); }
.admin-partial-warning { padding: .65rem .8rem; border-left: 3px solid var(--yellow); color: var(--muted); background: rgba(241,200,62,.08); }
.identity-review-history { margin: .65rem 0; padding: .65rem .8rem; border: 1px solid var(--line); border-radius: 10px; }
.identity-review-history summary { min-height: 44px; display: flex; align-items: center; cursor: pointer; font-weight: 800; }
.identity-review-history dl { display: grid; grid-template-columns: repeat(2,minmax(0,1fr)); gap: .65rem; margin: .4rem 0 0; }
.identity-review-history dl > div { display: grid; gap: .2rem; }
.identity-review-history dt { color: var(--muted); font-size: .72rem; text-transform: uppercase; }
.identity-review-history dd { margin: 0; }
@media (max-width: 560px) { .identity-review-history dl { grid-template-columns: 1fr; } }
.match-summary{grid-template-columns:repeat(4,minmax(0,1fr))}
.competitive-event-pagination{justify-content:center;margin-top:16px}
@media(max-width:900px){.match-summary{grid-template-columns:repeat(2,minmax(0,1fr))}}
@media(max-width:560px){.match-summary{grid-template-columns:1fr}}
.verified-local-search{display:grid;gap:.35rem;margin-bottom:.75rem;color:var(--muted)}
.verified-local-search input{min-height:44px}
.verified-local-results{display:grid}
.identity-review-outcome{display:flex;flex-wrap:wrap;align-items:center;justify-content:flex-end;gap:.5rem}
.duplicate-definition-warning{display:flex;flex-wrap:wrap;align-items:center;gap:.6rem;margin-bottom:1rem;padding:.8rem;border:1px solid #b97832;border-radius:10px;background:rgba(185,120,50,.1)}
.duplicate-definition-warning span{flex:1 1 18rem;color:var(--muted)}
.accolade-definition-list{display:grid;gap:.5rem}
.accolade-definition-entry{display:grid;grid-template-columns:minmax(0,1fr) auto;gap:.45rem;align-items:center}
.accolade-definition-entry>.accolade-definition{width:100%}
.accolade-definition-actions{flex-wrap:nowrap}
.accolade-player-search{display:grid;gap:.35rem;margin:.75rem 0;color:var(--muted)}
.accolade-player-search input{min-height:44px}
.display-role-list{display:grid;grid-template-columns:minmax(18rem,.8fr) minmax(22rem,1.2fr);gap:1rem}
.display-role-library,.display-role-detail-panel{min-width:0;padding:1rem;border:1px solid var(--line);border-radius:12px;background:rgba(9,15,23,.42)}
.display-role-library-list{display:grid;gap:.5rem}
.display-role-row{display:grid;grid-template-columns:minmax(0,1fr) auto;align-items:center;gap:.5rem}
.display-role-row.selected{border-color:var(--yellow)}
.display-role-select{display:grid;grid-template-columns:auto minmax(0,1fr) auto;align-items:center;gap:.65rem;width:100%;padding:.65rem;border:0;color:inherit;text-align:left;background:transparent;cursor:pointer}
.display-role-select>span:nth-child(2){display:grid;gap:.2rem}
.display-role-select small{color:var(--muted)}
.display-role-detail{display:grid;gap:.65rem;margin:1rem 0 0}
.display-role-detail>div{display:grid;grid-template-columns:8rem 1fr;gap:.75rem;padding-top:.65rem;border-top:1px solid var(--line)}
.display-role-detail dt{color:var(--muted)}
.display-role-detail dd{margin:0}
.display-role-member-search{display:grid;gap:.35rem;margin:1rem 0}
.display-role-member-results{display:grid;gap:.5rem}
.display-role-member-row{display:flex;align-items:center;justify-content:space-between;gap:1rem;padding:.7rem 0;border-top:1px solid var(--line)}
.display-role-member-row>div{display:grid;gap:.2rem;min-width:0}
.display-role-member-row small,.display-role-assignment-note{color:var(--muted)}
.display-role-assignment-note{display:block;margin-top:1rem}
@media(max-width:760px){.display-role-list{grid-template-columns:1fr}.display-role-select{grid-template-columns:auto minmax(0,1fr)}.display-role-select .role-state{grid-column:2}.display-role-row{grid-template-columns:1fr}.display-role-row>.inline-actions{justify-content:flex-end}}