/* Shared report framing gives management the same heading rhythm and safe top inset as public pages. */
.tournament-management-page { min-width: 0; }
.tournament-management-shell { max-width: 1400px; }
.tournament-management-actions { display: flex; align-items: center; flex-wrap: wrap; gap: 10px; margin: -4px 0 20px; }
.tournament-management-actions .mud-button-root { min-height: 44px; }
.tournament-admin-primary { box-shadow: var(--cafe-shadow-primary); }

/* Metrics form a quiet dashboard row instead of floating loose above the event list. */
.tournament-management-metrics {
    display: grid;
    grid-template-columns: repeat(3, minmax(0, 1fr));
    gap: 12px;
    margin: 0 0 20px;
    padding: 0;
    border: 0;
}
.tournament-management-metrics > div {
    gap: 4px;
    padding: 14px 16px;
    border: 1px solid var(--cafe-border);
    border-radius: 13px;
    background: linear-gradient(135deg, color-mix(in srgb, var(--cafe-primary) 12%, var(--cafe-surface-raised)), var(--cafe-surface) 70%);
    box-shadow: var(--cafe-shadow-card);
}
.tournament-management-metrics strong { color: var(--cafe-accent-soft); font-size: 23px; }
.tournament-management-metrics span { font-size: 13px; }

/* Search and event count stay independent of cards; the count reads as a compact status chip. */
.tournament-management-toolbar { display: flex; align-items: center; justify-content: space-between; gap: 16px; margin: 0 0 16px; }
.tournament-search { flex: 1 1 320px; min-width: 0; max-width: 560px; }
.tournament-search .mud-input-outlined-border { border-color: var(--cafe-border-strong); }
.tournament-management-toolbar > span {
    flex: 0 0 auto;
    padding: 7px 11px;
    border: 1px solid var(--cafe-border);
    border-radius: 999px;
    background: color-mix(in srgb, var(--cafe-primary) 14%, var(--cafe-surface-raised));
    color: var(--cafe-text-muted);
    font-size: 13px;
    font-variant-numeric: tabular-nums;
}
.tournament-management-loading { display: grid; min-height: 150px; place-items: center; }
.tournament-management-list { display: grid; gap: 16px; min-width: 0; }

/* The event heading and four facts use the same bordered surfaces as the gaming-unit groups. */
.tournament-admin-card { min-width: 0; overflow: hidden; border: 1px solid var(--cafe-border); border-radius: 16px; background: linear-gradient(145deg, color-mix(in srgb, var(--cafe-primary) 8%, var(--cafe-surface-raised)), var(--cafe-surface) 64%, var(--cafe-canvas)); box-shadow: var(--cafe-shadow-card); }
.tournament-admin-card.is-cancelled { border-color: color-mix(in srgb, var(--cafe-danger) 55%, var(--cafe-border)); }
.tournament-admin-card-header { position: relative; display: grid; grid-template-columns: 104px minmax(0, 1fr) 44px; align-items: center; gap: 16px; min-height: 128px; padding: 16px; isolation: isolate; }
.tournament-admin-card-header::before { position: absolute; z-index: 0; inset: 0; background: linear-gradient(100deg, color-mix(in srgb, var(--cafe-primary) 13%, transparent), transparent 68%); content: ''; pointer-events: none; }
.tournament-admin-artwork { width: 104px; height: 96px; overflow: hidden; border: 1px solid var(--cafe-border); border-radius: 12px; background: linear-gradient(145deg, var(--cafe-surface-raised), var(--cafe-canvas)); }
.tournament-admin-artwork img { display: block; width: 100%; height: 100%; object-fit: cover; }
.tournament-admin-artwork, .tournament-admin-identity, .tournament-menu-action { position: relative; z-index: 1; }
.tournament-admin-identity { min-width: 0; }
.tournament-admin-kicker { margin: 0 0 4px; color: var(--cafe-accent-soft); font-size: 11px; font-weight: 800; letter-spacing: .13em; text-transform: uppercase; }
.tournament-admin-title-line { display: flex; flex-wrap: wrap; align-items: center; gap: 6px 9px; min-width: 0; }
.tournament-admin-title-line h2 { flex: 0 1 auto; min-width: 0; margin: 0; color: var(--cafe-text); font-size: clamp(20px, 2.2vw, 28px); font-weight: 800; line-height: 1.2; overflow-wrap: anywhere; }
.tournament-status-chip { flex: 0 0 auto; border: 1px solid currentColor; white-space: nowrap; }
.tournament-admin-fee { display: flex; align-items: center; gap: 6px; margin: 8px 0 0; color: var(--cafe-text-muted); font-size: 14px; }
.tournament-admin-fee .mud-icon-root { color: var(--cafe-price); font-size: 18px; }
.tournament-menu-action { justify-self: end; }
.tournament-menu-action .mud-icon-button { width: 42px; height: 42px; border: 1px solid var(--cafe-border); border-radius: 10px; background: color-mix(in srgb, var(--cafe-surface-raised) 84%, transparent); color: var(--cafe-accent-soft); }

.tournament-admin-facts { display: grid; grid-template-columns: repeat(4, minmax(0, 1fr)); border-top: 1px solid var(--cafe-line); background: color-mix(in srgb, var(--cafe-surface) 72%, transparent); }
.tournament-admin-facts > div { display: flex; align-items: flex-start; gap: 10px; min-width: 0; padding: 14px 16px; }
.tournament-admin-facts > div + div { border-left: 1px solid var(--cafe-line); }
.tournament-admin-facts > div > .mud-icon-root { flex: 0 0 auto; margin-top: 2px; color: var(--cafe-accent-soft); font-size: 20px; }
.tournament-admin-facts > div > span { display: flex; flex-direction: column; gap: 2px; min-width: 0; line-height: 1.35; }
.tournament-admin-facts small { color: var(--cafe-text-subtle); font-size: 12px; }
.tournament-admin-facts strong { color: var(--cafe-text); font-size: 16px; font-variant-numeric: tabular-nums; overflow-wrap: anywhere; }
.tournament-admin-facts > div > span > span { color: var(--cafe-text-muted); font-size: 13px; }

/* Event actions remain visible; the roster expands beneath them in document flow. */
.tournament-admin-card-footer { display: flex; flex-wrap: wrap; align-items: center; justify-content: space-between; gap: 10px; padding: 12px 16px; border-top: 1px solid var(--cafe-line); }
.tournament-admin-card-footer .mud-button-root { min-height: 42px; }
.tournament-contestants-toggle { display: inline-flex; align-items: center; gap: 7px; min-height: 42px; padding: 0 10px; border: 0; border-radius: 9px; background: transparent; color: var(--cafe-text); font: inherit; font-weight: 700; cursor: pointer; }
.tournament-contestants-toggle:hover { background: color-mix(in srgb, var(--cafe-primary) 12%, transparent); }
.tournament-contestants-toggle:focus-visible { outline: 2px solid var(--cafe-accent-soft); outline-offset: 2px; }
.tournament-contestants-toggle .mud-icon-root { color: var(--cafe-accent-soft); }
.tournament-contestants-toggle > span { display: inline-grid; min-width: 24px; height: 24px; place-items: center; border: 1px solid var(--cafe-border); border-radius: 99px; color: var(--cafe-text-muted); font-size: 12px; font-variant-numeric: tabular-nums; }
.tournament-contestants-panel { display: grid; gap: 8px; padding: 12px; border-top: 1px solid var(--cafe-line); background: color-mix(in srgb, var(--cafe-canvas) 60%, transparent); }
.tournament-contestants-empty { margin: 0; padding: 14px; color: var(--cafe-text-muted); }

/* Each contestant record has labeled cells, so its meaning survives reflow without a table header. */
.tournament-contestant-card { display: grid; grid-template-columns: minmax(150px, 1.15fr) minmax(170px, 1.5fr) minmax(145px, 1fr) minmax(170px, 1.15fr) 44px; align-items: center; gap: 12px; min-width: 0; padding: 12px; border: 1px solid var(--cafe-border); border-radius: 12px; background: color-mix(in srgb, var(--cafe-surface-raised) 88%, transparent); }
.tournament-contestant-card.is-removed { border-color: color-mix(in srgb, var(--cafe-danger) 36%, var(--cafe-border)); background: color-mix(in srgb, var(--cafe-danger) 7%, var(--cafe-surface-raised)); }
.contestant-identity, .contestant-contact, .contestant-priority, .contestant-registration { display: grid; align-content: center; justify-items: start; gap: 4px; min-width: 0; }
.contestant-identity > span, .contestant-contact > span, .contestant-contact > strong, .contestant-priority > span, .contestant-registration > span { max-width: 100%; color: var(--cafe-text-muted); font-size: 14px; overflow-wrap: anywhere; }
.contestant-contact > strong { color: var(--cafe-text); font-weight: 600; }
.tournament-contestant-card .contestant-name { color: var(--cafe-text); font-weight: 800; }
.tournament-contestant-card.is-removed .contestant-name { color: var(--cafe-danger); text-decoration: line-through; text-decoration-thickness: 1.5px; }
.contestant-priority > span strong { color: var(--cafe-text); font-variant-numeric: tabular-nums; }
.contestant-registration .mud-chip { margin: 0; }
.contestant-actions { display: flex; justify-content: flex-end; }
.contestant-actions .mud-icon-button { width: 42px; height: 42px; border: 1px solid var(--cafe-border); border-radius: 10px; background: var(--cafe-surface); }

@media (max-width: 1000px) {
    .tournament-admin-facts { grid-template-columns: repeat(2, minmax(0, 1fr)); }
    .tournament-admin-facts > div:nth-child(3) { border-left: 0; border-top: 1px solid var(--cafe-line); }
    .tournament-admin-facts > div:nth-child(4) { border-top: 1px solid var(--cafe-line); }
    .tournament-contestant-card { grid-template-columns: repeat(2, minmax(0, 1fr)) 44px; }
    .contestant-actions { grid-column: 3; grid-row: 1 / 3; }
}

@media (max-width: 600px) {
    .tournament-management-page { padding: 82px 12px 24px; }
    .tournament-management-actions { display: grid; grid-template-columns: repeat(2, minmax(0, 1fr)); width: 100%; }
    .tournament-management-actions .mud-button-root { min-width: 0; padding-inline: 10px; font-size: 13px; }
    .tournament-management-metrics { gap: 8px; }
    .tournament-management-metrics > div { padding: 11px 10px; }
    .tournament-management-metrics strong { font-size: 19px; }
    .tournament-management-metrics span { font-size: 12px; line-height: 1.25; }
    .tournament-management-toolbar { align-items: flex-end; gap: 8px; }
    .tournament-management-toolbar > span { padding-bottom: 12px; font-size: 12px; }
    .tournament-admin-card-header { grid-template-columns: 68px minmax(0, 1fr) 38px; gap: 10px; min-height: 100px; padding: 12px; }
    .tournament-admin-artwork { width: 68px; height: 68px; }
    .tournament-admin-title-line { gap: 4px 6px; }
    .tournament-admin-title-line h2 { flex-basis: 100%; font-size: 21px; }
    .tournament-admin-title-line .mud-chip { height: 25px; font-size: 11px; }
    .tournament-admin-fee { margin-top: 5px; font-size: 13px; }
    .tournament-admin-facts > div { gap: 7px; padding: 11px 10px; }
    .tournament-admin-facts > div > .mud-icon-root { font-size: 18px; }
    .tournament-admin-facts strong { font-size: 14px; }
    .tournament-admin-facts > div > span > span { font-size: 12px; }
    .tournament-admin-card-footer { padding: 10px; }
    .tournament-admin-card-footer .mud-button-root { flex: 1 1 100%; }
    .tournament-contestants-toggle { padding-inline: 2px; }
    .tournament-contestant-card { grid-template-columns: minmax(0, 1fr) 44px; gap: 10px; padding: 12px; }
    .contestant-identity, .contestant-contact, .contestant-priority, .contestant-registration { grid-column: 1; }
    .contestant-actions { grid-column: 2; grid-row: 1 / 5; align-self: center; }
}