/* =============================================================
   PGP GAMES — Tournament Detail (Modern)
   Escopado em .tdetail-modern para nao vazar para outras telas.
   Mantem todos os class names legados (.panel, .btn, .badge, .hero,
   .tabs-nav, .stage-steps, .overview-*, .match-row-*, .result-*,
   .action-modal, .player-list, etc.) e apenas reaplica visual.
   ============================================================= */

.tdetail-modern {
    /* Tipografia */
    --td-font-body: "Plus Jakarta Sans", "Inter", ui-sans-serif, system-ui, -apple-system, BlinkMacSystemFont, "Segoe UI", sans-serif;
    --td-font-display: "Space Grotesk", "Plus Jakarta Sans", ui-sans-serif, system-ui, sans-serif;

    /* Paleta neutra + brand */
    --td-bg: #f4f6fa;
    --td-surface: #ffffff;
    --td-surface-2: #f1f4f9;
    --td-surface-3: #e7ecf3;
    --td-line: #e3e8ef;
    --td-line-strong: #cdd5e0;
    --td-text: #0c1322;
    --td-text-soft: #364152;
    --td-muted: #5c6878;
    --td-muted-2: #8693a4;

    --td-primary: #13b89f;
    --td-primary-strong: #0a8f7c;
    --td-primary-soft: #d4f5ee;
    --td-accent: #ffb020;
    --td-accent-soft: #fff1d6;
    --td-danger: #e5484d;
    --td-danger-soft: #fde2e3;
    --td-success: #16a07a;
    --td-success-soft: #d6f1e6;
    --td-warning: #d88a00;
    --td-warning-soft: #fcecc8;
    --td-info: #2a6df4;
    --td-info-soft: #e0eaff;

    --td-hero-ink: #0b1322;
    --td-hero-ink-2: #131c2f;

    /* Forma e elevacao */
    --td-radius-xs: 8px;
    --td-radius-sm: 10px;
    --td-radius-md: 14px;
    --td-radius-lg: 18px;
    --td-radius-xl: 24px;

    --td-shadow-xs: 0 1px 2px rgba(15, 23, 42, .04);
    --td-shadow-sm: 0 4px 14px rgba(15, 23, 42, .06);
    --td-shadow-md: 0 10px 28px rgba(15, 23, 42, .08);
    --td-shadow-lg: 0 24px 60px rgba(15, 23, 42, .12);

    color: var(--td-text);
    font-family: var(--td-font-body);
    font-feature-settings: "ss01", "cv11";
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale;
}

[data-theme="dark"] .tdetail-modern {
    --td-bg: #0a0e15;
    --td-surface: #131923;
    --td-surface-2: #1a212d;
    --td-surface-3: #232b39;
    --td-line: #25303f;
    --td-line-strong: #344155;
    --td-text: #f0f4fb;
    --td-text-soft: #cfd6e2;
    --td-muted: #9aa5b6;
    --td-muted-2: #7b8597;
    --td-primary: #21d3bd;
    --td-primary-strong: #18b8a4;
    --td-primary-soft: rgba(33, 211, 189, .14);
    --td-accent-soft: rgba(255, 176, 32, .16);
    --td-danger-soft: rgba(229, 72, 77, .18);
    --td-success-soft: rgba(22, 160, 122, .18);
    --td-warning-soft: rgba(216, 138, 0, .18);
    --td-info-soft: rgba(42, 109, 244, .18);
    --td-shadow-md: 0 10px 28px rgba(0, 0, 0, .35);
    --td-shadow-lg: 0 24px 60px rgba(0, 0, 0, .45);
}

/* ----- Tipografia base / resets escopados ----- */
.tdetail-modern,
.tdetail-modern p,
.tdetail-modern span,
.tdetail-modern strong,
.tdetail-modern small,
.tdetail-modern label,
.tdetail-modern button,
.tdetail-modern input,
.tdetail-modern select,
.tdetail-modern textarea,
.tdetail-modern a {
    font-family: var(--td-font-body);
    letter-spacing: -.005em;
}

.tdetail-modern h1,
.tdetail-modern h2,
.tdetail-modern h3 {
    font-family: var(--td-font-display);
    letter-spacing: -.02em;
    color: var(--td-text);
    font-weight: 700;
}

.tdetail-modern .eyebrow {
    display: inline-block;
    text-transform: uppercase;
    font-family: var(--td-font-body);
    font-size: 11px;
    font-weight: 700;
    letter-spacing: .14em;
    color: var(--td-muted);
}

/* ----- Layout raiz ----- */
.tdetail-modern.tournament-detail-page {
    display: grid;
    gap: 20px;
}

/* =============================================================
   HERO
   ============================================================= */
.tdetail-modern .hero {
    display: grid;
    grid-template-columns: minmax(0, 1.6fr) minmax(320px, .9fr);
    gap: 18px;
    align-items: stretch;
    margin: 0;
}

.tdetail-modern .hero-main {
    position: relative;
    overflow: hidden;
    min-height: 420px;
    padding: 0;
    border: 1px solid var(--td-line);
    border-radius: var(--td-radius-lg);
    box-shadow: var(--td-shadow-md);
    background:
        linear-gradient(135deg, #0b1322 0%, #1a2742 55%, #0e1b30 100%);
    background-size: cover;
    background-position: center;
    display: flex;
    align-items: flex-end;
    isolation: isolate;
}

.tdetail-modern .hero-main::before {
    content: "";
    position: absolute;
    inset: 0;
    background:
        radial-gradient(120% 100% at 0% 100%, rgba(11, 19, 34, .92) 0%, rgba(11, 19, 34, .78) 28%, rgba(11, 19, 34, .35) 60%, transparent 90%),
        linear-gradient(180deg, rgba(11, 19, 34, .25) 0%, rgba(11, 19, 34, .0) 35%, rgba(11, 19, 34, .85) 100%);
    z-index: 0;
    opacity: 1;
    pointer-events: none;
}

.tdetail-modern .hero-main::after {
    content: "";
    position: absolute;
    inset: 0;
    background:
        radial-gradient(60% 50% at 100% 0%, color-mix(in srgb, var(--td-primary) 22%, transparent) 0%, transparent 70%),
        radial-gradient(50% 60% at 0% 100%, color-mix(in srgb, var(--td-accent) 14%, transparent) 0%, transparent 75%);
    z-index: 0;
    pointer-events: none;
}

.tdetail-modern .hero-overlay {
    position: absolute;
    inset: 0;
    z-index: 0;
    background: linear-gradient(to right, rgba(0, 0, 0, .65) 0%, rgba(0, 0, 0, .35) 50%, rgba(0, 0, 0, .15) 100%);
    pointer-events: none;
}

.tdetail-modern .hero-content {
    position: relative;
    z-index: 2;
    width: 100%;
    padding: 36px 38px 34px;
    color: #ffffff;
    display: flex;
    flex-direction: column;
    gap: 14px;
}

.tdetail-modern .hero-content .eyebrow {
    color: rgba(255, 255, 255, .75);
}

.tdetail-modern .hero-meta-top {
    display: flex;
    align-items: center;
    gap: 10px;
    flex-wrap: wrap;
}

.tdetail-modern .org-pill {
    display: inline-flex;
    align-items: center;
    gap: 8px;
    padding: 6px 12px 6px 8px;
    background: rgba(255, 255, 255, .10);
    backdrop-filter: blur(12px);
    -webkit-backdrop-filter: blur(12px);
    border: 1px solid rgba(255, 255, 255, .22);
    border-radius: 999px;
    color: #fff;
    font-size: 12px;
    font-weight: 600;
    letter-spacing: .01em;
    transition: background .18s ease, transform .18s ease, border-color .18s ease;
}
.tdetail-modern .org-pill i {
    width: 22px;
    height: 22px;
    border-radius: 50%;
    display: grid;
    place-items: center;
    background: rgba(255, 255, 255, .14);
    font-size: 13px;
}
.tdetail-modern .org-pill:hover {
    background: rgba(255, 255, 255, .18);
    border-color: rgba(255, 255, 255, .35);
    transform: translateY(-1px);
}

.tdetail-modern .hero h1 {
    margin: 4px 0 6px;
    color: #fff;
    font-size: clamp(34px, 4.4vw, 52px);
    font-weight: 700;
    line-height: 1.02;
    letter-spacing: -.025em;
    max-width: 760px;
    text-wrap: balance;
    text-shadow: 0 2px 18px rgba(0, 0, 0, .35);
}

.tdetail-modern .hero p {
    margin: 0;
    color: rgba(255, 255, 255, .82);
    font-size: 16px;
    line-height: 1.6;
    max-width: 620px;
    text-wrap: pretty;
    text-shadow: 0 1px 6px rgba(0, 0, 0, .25);
}

.tdetail-modern .hero-actions {
    display: flex;
    flex-wrap: wrap;
    gap: 12px;
    margin-top: 18px;
}

/* Trigger de upload de banner / logo */
.tdetail-modern .edit-media-trigger {
    position: absolute;
    z-index: 5;
    width: 38px;
    height: 38px;
    border-radius: 12px;
    display: grid;
    place-items: center;
    background: rgba(11, 19, 34, .55);
    color: #fff;
    border: 1px solid rgba(255, 255, 255, .25);
    backdrop-filter: blur(10px);
    cursor: pointer;
    transition: background .18s ease, transform .18s ease;
}
.tdetail-modern .edit-media-trigger:hover {
    background: rgba(11, 19, 34, .8);
    transform: scale(1.04);
}
.tdetail-modern .edit-media-trigger label,
.tdetail-modern .edit-media-trigger.logo-trigger {
    display: grid;
    place-items: center;
    width: 100%;
    height: 100%;
    color: inherit;
    cursor: pointer;
}
.tdetail-modern .banner-trigger {
    top: 16px;
    right: 16px;
}
.tdetail-modern .logo-trigger {
    position: absolute;
    bottom: -6px;
    right: -6px;
    width: 32px;
    height: 32px;
    border-radius: 10px;
    background: var(--td-text);
    color: #fff;
}

/* =============================================================
   RESUMO LATERAL
   ============================================================= */
.tdetail-modern .tournament-summary-card {
    margin: 0;
    padding: 22px;
    background: var(--td-surface);
    border: 1px solid var(--td-line);
    border-radius: var(--td-radius-lg);
    box-shadow: var(--td-shadow-sm);
    display: flex;
    flex-direction: column;
    gap: 14px;
}

.tdetail-modern .tournament-logo-wrapper {
    position: relative;
    width: fit-content;
    margin: 4px 0 4px;
}
.tdetail-modern .tournament-summary-logo {
    width: 88px;
    height: 88px;
    border-radius: 18px;
    overflow: hidden;
    background: linear-gradient(135deg, #0f2030, #1a3050);
    border: 1px solid var(--td-line);
    display: grid;
    place-items: center;
    box-shadow: var(--td-shadow-sm);
}
.tdetail-modern .tournament-summary-logo img {
    width: 100%;
    height: 100%;
    object-fit: cover;
    box-sizing: border-box;
}
.tdetail-modern .logo-fallback {
    display: flex;
    align-items: center;
    justify-content: center;
    width: 100%;
    height: 100%;
    font-size: 36px;
    color: var(--td-primary);
    opacity: .5;
}

.tdetail-modern .tournament-summary-card h2 {
    margin: 0;
    font-size: 26px;
    line-height: 1.1;
    letter-spacing: -.02em;
    font-weight: 700;
}

.tdetail-modern .tournament-summary-card .meta {
    display: flex;
    flex-wrap: wrap;
    gap: 8px;
    color: var(--td-muted);
    font-size: 13px;
    align-items: center;
}

.tdetail-modern .progress {
    height: 8px;
    border-radius: 999px;
    background: var(--td-surface-3);
    overflow: hidden;
    position: relative;
}
.tdetail-modern .progress span {
    display: block;
    height: 100%;
    background: linear-gradient(90deg, var(--td-primary) 0%, var(--td-accent) 120%);
    border-radius: 999px;
    box-shadow: 0 0 12px color-mix(in srgb, var(--td-primary) 50%, transparent);
}

.tdetail-modern .tournament-summary-card .overview-info-list {
    grid-template-columns: 1fr;
    gap: 0;
}
.tdetail-modern .tournament-summary-card .overview-info-list > div {
    display: flex;
    justify-content: space-between;
    align-items: baseline;
    gap: 12px;
    padding: 11px 0;
    border-bottom: 1px solid var(--td-line);
}
.tdetail-modern .tournament-summary-card .overview-info-list > div:last-child {
    border-bottom: 0;
}
.tdetail-modern .tournament-summary-card .overview-info-list span {
    text-transform: none;
    font-weight: 500;
    font-size: 13px;
    letter-spacing: 0;
    color: var(--td-muted);
}
.tdetail-modern .tournament-summary-card .overview-info-list strong {
    margin: 0;
    font-size: 14px;
    font-weight: 700;
    color: var(--td-text);
    text-align: right;
}

/* =============================================================
   BOTOES
   ============================================================= */
.tdetail-modern .btn {
    display: inline-flex;
    align-items: center;
    justify-content: center;
    gap: 8px;
    min-height: 42px;
    padding: 10px 16px;
    border: 1px solid transparent;
    border-radius: var(--td-radius-sm);
    font-family: var(--td-font-body);
    font-size: 14px;
    font-weight: 600;
    letter-spacing: -.005em;
    cursor: pointer;
    transition: transform .14s ease, box-shadow .18s ease, background .18s ease, border-color .18s ease, color .18s ease;
    white-space: nowrap;
}
.tdetail-modern .btn:hover { transform: translateY(-1px); }
.tdetail-modern .btn:active { transform: translateY(0); }
.tdetail-modern .btn i { font-size: 17px; }

.tdetail-modern .btn-primary {
    color: #fff;
    background: var(--td-primary);
    box-shadow: 0 6px 18px color-mix(in srgb, var(--td-primary) 35%, transparent), inset 0 -1px 0 rgba(0, 0, 0, .12);
}
.tdetail-modern .btn-primary:hover {
    background: var(--td-primary-strong);
    box-shadow: 0 10px 26px color-mix(in srgb, var(--td-primary) 45%, transparent), inset 0 -1px 0 rgba(0, 0, 0, .12);
}

.tdetail-modern .btn-secondary {
    color: #1f1300;
    background: var(--td-accent);
    box-shadow: 0 6px 18px color-mix(in srgb, var(--td-accent) 32%, transparent), inset 0 -1px 0 rgba(0, 0, 0, .10);
}
.tdetail-modern .btn-secondary:hover {
    background: color-mix(in srgb, var(--td-accent) 88%, #000);
}

.tdetail-modern .btn-ghost {
    color: var(--td-text);
    background: var(--td-surface);
    border-color: var(--td-line);
    box-shadow: var(--td-shadow-xs);
}
.tdetail-modern .btn-ghost:hover {
    background: var(--td-surface-2);
    border-color: var(--td-line-strong);
}

.tdetail-modern .btn-danger {
    color: #fff;
    background: var(--td-danger);
    box-shadow: 0 6px 18px color-mix(in srgb, var(--td-danger) 30%, transparent);
}
.tdetail-modern .btn-danger:hover { background: color-mix(in srgb, var(--td-danger) 90%, #000); }

.tdetail-modern .btn-success {
    color: #fff;
    background: var(--td-success);
}
.tdetail-modern .btn-warning {
    color: #1f1300;
    background: var(--td-warning);
}

.tdetail-modern .btn-lg {
    min-height: 52px;
    padding: 14px 22px;
    font-size: 15px;
    border-radius: 12px;
}

.tdetail-modern .btn-sm {
    min-height: 32px;
    padding: 6px 12px;
    font-size: 12px;
    border-radius: 8px;
}

.tdetail-modern .icon-btn {
    width: 40px;
    height: 40px;
    min-height: 40px;
    border-radius: var(--td-radius-sm);
    display: inline-grid;
    place-items: center;
    background: var(--td-surface-2);
    color: var(--td-text);
    border: 1px solid var(--td-line);
    cursor: pointer;
    transition: background .18s ease;
}
.tdetail-modern .icon-btn:hover { background: var(--td-surface-3); }

/* Hero buttons: leve refino sobre fundo escuro */
.tdetail-modern .hero-actions .btn-ghost {
    background: rgba(255, 255, 255, .12);
    color: #fff;
    border-color: rgba(255, 255, 255, .25);
    backdrop-filter: blur(10px);
}
.tdetail-modern .hero-actions .btn-ghost:hover {
    background: rgba(255, 255, 255, .22);
}

/* =============================================================
   BADGES
   ============================================================= */
.tdetail-modern .badge {
    display: inline-flex;
    align-items: center;
    gap: 6px;
    min-height: 24px;
    padding: 4px 10px;
    border-radius: 999px;
    font-size: 11px;
    font-weight: 600;
    letter-spacing: .01em;
    background: var(--td-surface-3);
    color: var(--td-text-soft);
    border: 1px solid transparent;
    line-height: 1;
}
.tdetail-modern .badge i { font-size: 13px; }

.tdetail-modern .badge.success {
    background: var(--td-success-soft);
    color: var(--td-success);
    border-color: color-mix(in srgb, var(--td-success) 22%, transparent);
}
.tdetail-modern .badge.warning {
    background: var(--td-warning-soft);
    color: var(--td-warning);
    border-color: color-mix(in srgb, var(--td-warning) 22%, transparent);
}
.tdetail-modern .badge.danger {
    background: var(--td-danger-soft);
    color: var(--td-danger);
    border-color: color-mix(in srgb, var(--td-danger) 22%, transparent);
}
.tdetail-modern .badge.info {
    background: var(--td-info-soft);
    color: var(--td-info);
    border-color: color-mix(in srgb, var(--td-info) 22%, transparent);
}

.tdetail-modern .badge.live::before {
    content: "";
    width: 6px;
    height: 6px;
    border-radius: 50%;
    background: currentColor;
    box-shadow: 0 0 0 0 currentColor;
    animation: td-pulse 1.6s ease-out infinite;
}
@keyframes td-pulse {
    0% { box-shadow: 0 0 0 0 color-mix(in srgb, currentColor 65%, transparent); }
    70% { box-shadow: 0 0 0 8px color-mix(in srgb, currentColor 0%, transparent); }
    100% { box-shadow: 0 0 0 0 color-mix(in srgb, currentColor 0%, transparent); }
}

/* =============================================================
   ALERTS
   ============================================================= */
.tdetail-modern .alert-block {
    display: flex;
    gap: 14px;
    align-items: flex-start;
    padding: 14px 16px;
    border-radius: var(--td-radius-md);
    background: rgba(255, 255, 255, .14);
    backdrop-filter: blur(14px);
    -webkit-backdrop-filter: blur(14px);
    border: 1px solid rgba(255, 255, 255, .22);
    color: #fff;
    width: 100%;
    max-width: 540px;
}
.tdetail-modern .alert-block i {
    font-size: 22px;
    color: #ffd684;
    flex-shrink: 0;
    margin-top: 1px;
}
.tdetail-modern .alert-block strong {
    display: block;
    font-size: 14px;
    font-weight: 700;
    margin-bottom: 2px;
    color: #fff;
}
.tdetail-modern .alert-block p {
    margin: 0;
    font-size: 13px;
    line-height: 1.55;
    color: rgba(255, 255, 255, .9);
    text-shadow: none;
}
.tdetail-modern .alert-block.info { border-color: rgba(155, 207, 255, .35); }
.tdetail-modern .alert-block.success { border-color: rgba(125, 230, 175, .4); background: rgba(22, 160, 122, .15); }
.tdetail-modern .alert-block.warning i { color: #ffd684; }

/* =============================================================
   PANELS
   ============================================================= */
.tdetail-modern .panel,
.tdetail-modern .card {
    background: var(--td-surface);
    border: 1px solid var(--td-line);
    border-radius: var(--td-radius-md);
    box-shadow: var(--td-shadow-sm);
    padding: 24px;
}

.tdetail-modern .panel-header {
    display: flex;
    align-items: flex-start;
    justify-content: space-between;
    gap: 18px;
    margin-bottom: 18px;
}
.tdetail-modern .panel-header h2,
.tdetail-modern .panel-header h1 {
    margin: 4px 0 6px;
    font-size: 22px;
    font-weight: 700;
    line-height: 1.18;
    letter-spacing: -.018em;
}
.tdetail-modern .panel-header p {
    margin: 0;
    color: var(--td-muted);
    line-height: 1.55;
    font-size: 14px;
    max-width: 640px;
}

/* =============================================================
   ADMIN PANEL
   ============================================================= */
.tdetail-modern .tournament-admin-panel {
    margin: 0;
    padding: 22px;
    background:
        linear-gradient(160deg, color-mix(in srgb, var(--td-info) 6%, var(--td-surface)) 0%, var(--td-surface) 60%);
    border: 1px solid var(--td-line);
    border-radius: var(--td-radius-md);
    box-shadow: var(--td-shadow-sm);
    display: flex;
    flex-direction: column;
    gap: 18px;
}

.tdetail-modern .tournament-admin-panel .panel-header {
    margin-bottom: 0;
}

.tdetail-modern .format-actions {
    display: flex;
    flex-wrap: wrap;
    gap: 10px;
    justify-content: flex-end;
    align-items: center;
}

.tdetail-modern .admin-toolbar {
    display: flex;
    flex-wrap: wrap;
    gap: 6px;
    padding: 6px;
    background: var(--td-surface-2);
    border: 1px solid var(--td-line);
    border-radius: var(--td-radius-md);
    margin: 0;
}
.tdetail-modern .admin-toolbar-elevated { box-shadow: var(--td-shadow-xs); }
.tdetail-modern .admin-toolbar .btn-ghost {
    background: transparent;
    border-color: transparent;
    box-shadow: none;
    color: var(--td-muted);
    font-weight: 600;
    min-height: 38px;
    padding: 8px 14px;
}
.tdetail-modern .admin-toolbar .btn-ghost:hover {
    background: var(--td-surface);
    color: var(--td-text);
}

/* Stepper de fases */
.tdetail-modern .stage-steps {
    display: grid;
    grid-template-columns: repeat(6, minmax(0, 1fr));
    gap: 0;
    margin: 0;
    padding: 6px;
    background: var(--td-surface-2);
    border: 1px solid var(--td-line);
    border-radius: var(--td-radius-md);
    position: relative;
}
.tdetail-modern .stage-steps span {
    position: relative;
    min-height: 56px;
    padding: 12px 10px 12px 36px;
    display: flex;
    flex-direction: column;
    justify-content: center;
    background: transparent;
    border: 0;
    color: var(--td-muted);
    font-size: 12px;
    font-weight: 600;
    text-transform: none;
    letter-spacing: 0;
    text-align: left;
    border-radius: 8px;
}
.tdetail-modern .stage-steps span::before {
    content: "";
    position: absolute;
    left: 12px;
    top: 50%;
    transform: translateY(-50%);
    width: 16px;
    height: 16px;
    border-radius: 50%;
    background: var(--td-surface);
    border: 2px solid var(--td-line-strong);
    z-index: 1;
}
.tdetail-modern .stage-steps span.active {
    color: var(--td-text);
    background: var(--td-surface);
    box-shadow: var(--td-shadow-xs);
    font-weight: 700;
}
.tdetail-modern .stage-steps span.active::before {
    border-color: var(--td-primary);
    background: var(--td-primary);
    box-shadow: 0 0 0 4px color-mix(in srgb, var(--td-primary) 22%, transparent);
}

/* =============================================================
   CHECK-IN PANEL
   ============================================================= */
.tdetail-modern .tournament-checkin-panel {
    margin: 0;
    display: flex;
    align-items: center;
    justify-content: space-between;
    gap: 18px;
    padding: 20px 22px;
    background: var(--td-surface);
    border: 1px solid var(--td-line);
    border-left: 4px solid var(--td-primary);
    border-radius: var(--td-radius-md);
    box-shadow: var(--td-shadow-xs);
}
.tdetail-modern .tournament-checkin-panel h2 {
    margin: 4px 0 4px;
    font-size: 20px;
    font-weight: 700;
}
.tdetail-modern .tournament-checkin-panel .meta {
    color: var(--td-muted);
    font-size: 13px;
}

/* =============================================================
   TABS
   ============================================================= */
.tdetail-modern .tabs-nav {
    display: flex;
    gap: 4px;
    margin: 0;
    padding: 6px;
    border: 1px solid var(--td-line);
    border-radius: var(--td-radius-md);
    background: var(--td-surface);
    box-shadow: var(--td-shadow-xs);
    overflow-x: auto;
    scrollbar-width: thin;
}
.tdetail-modern .tabs-nav a {
    padding: 10px 18px;
    border-radius: 10px;
    border-bottom: 0;
    font-size: 14px;
    font-weight: 600;
    color: var(--td-muted);
    white-space: nowrap;
    transition: background .18s ease, color .18s ease;
}
.tdetail-modern .tabs-nav a:hover {
    color: var(--td-text);
    background: var(--td-surface-2);
}
.tdetail-modern .tabs-nav a.active {
    color: var(--td-text);
    background: var(--td-surface-2);
    box-shadow: inset 0 0 0 1px var(--td-line-strong);
    font-weight: 700;
}

/* =============================================================
   OVERVIEW
   ============================================================= */
.tdetail-modern .overview-shell { display: grid; gap: 0; }
.tdetail-modern .overview-main { display: grid; gap: 18px; }
.tdetail-modern .overview-panel {
    box-shadow: var(--td-shadow-sm);
}

.tdetail-modern .overview-highlight {
    padding: 26px;
    background:
        radial-gradient(60% 80% at 100% 0%, color-mix(in srgb, var(--td-primary) 7%, transparent), transparent 70%),
        var(--td-surface);
}
.tdetail-modern .overview-header {
    display: flex;
    align-items: flex-start;
    justify-content: space-between;
    gap: 22px;
    margin-bottom: 22px;
}
.tdetail-modern .overview-header h2 {
    margin: 6px 0 8px;
    font-size: 26px;
    line-height: 1.1;
    letter-spacing: -.02em;
}
.tdetail-modern .overview-header p {
    margin: 0;
    color: var(--td-muted);
    line-height: 1.6;
    max-width: 640px;
}
.tdetail-modern .overview-status {
    display: grid;
    justify-items: end;
    gap: 8px;
    min-width: 180px;
}
.tdetail-modern .overview-status strong {
    font-size: 16px;
    font-weight: 600;
    text-align: right;
    color: var(--td-text-soft);
}

.tdetail-modern .overview-metrics {
    display: grid;
    grid-template-columns: repeat(4, minmax(0, 1fr));
    gap: 12px;
    margin-bottom: 22px;
}
.tdetail-modern .overview-metric {
    padding: 18px;
    background: var(--td-surface-2);
    border: 1px solid var(--td-line);
    border-radius: var(--td-radius-md);
    transition: transform .18s ease, border-color .18s ease;
}
.tdetail-modern .overview-metric:hover {
    border-color: color-mix(in srgb, var(--td-primary) 40%, var(--td-line));
    transform: translateY(-2px);
}
.tdetail-modern .overview-metric span {
    display: block;
    color: var(--td-muted);
    font-size: 11px;
    font-weight: 700;
    letter-spacing: .12em;
    text-transform: uppercase;
}
.tdetail-modern .overview-metric strong {
    display: block;
    margin: 8px 0 6px;
    font-family: var(--td-font-display);
    font-size: 30px;
    font-weight: 700;
    line-height: 1.05;
    letter-spacing: -.025em;
    color: var(--td-text);
}
.tdetail-modern .overview-metric small {
    display: block;
    color: var(--td-muted);
    font-size: 12px;
    line-height: 1.45;
}

.tdetail-modern .overview-timeline {
    display: grid;
    grid-template-columns: repeat(4, minmax(0, 1fr));
    gap: 0;
    padding-top: 22px;
    border-top: 1px solid var(--td-line);
}
.tdetail-modern .timeline-item {
    display: grid;
    gap: 6px;
    padding: 0 16px;
    border-right: 1px solid var(--td-line);
}
.tdetail-modern .timeline-item:first-child { padding-left: 0; }
.tdetail-modern .timeline-item:last-child { border-right: 0; padding-right: 0; }
.tdetail-modern .timeline-label {
    text-transform: uppercase;
    color: var(--td-muted);
    font-size: 10px;
    font-weight: 700;
    letter-spacing: .12em;
    margin-bottom: 0;
}
.tdetail-modern .timeline-item strong {
    font-size: 14px;
    font-weight: 600;
    color: var(--td-text);
    line-height: 1.4;
}

.tdetail-modern .overview-info-list {
    display: grid;
    grid-template-columns: repeat(2, minmax(0, 1fr));
    gap: 0;
}
.tdetail-modern .overview-info-list > div {
    padding: 12px 18px 12px 0;
    border-bottom: 1px solid var(--td-line);
}
.tdetail-modern .overview-info-list > div:last-child,
.tdetail-modern .overview-info-list > div:nth-last-child(2):nth-child(odd) {
    border-bottom: 0;
}
.tdetail-modern .overview-info-list span {
    display: block;
    color: var(--td-muted);
    font-size: 11px;
    font-weight: 700;
    letter-spacing: .1em;
    text-transform: uppercase;
}
.tdetail-modern .overview-info-list strong {
    display: block;
    margin-top: 5px;
    font-size: 14px;
    font-weight: 600;
    color: var(--td-text);
    line-height: 1.4;
}

.tdetail-modern .overview-copy-grid {
    display: grid;
    grid-template-columns: repeat(2, minmax(0, 1fr));
    gap: 22px 28px;
}
.tdetail-modern .overview-copy-label {
    display: block;
    margin-bottom: 8px;
    color: var(--td-muted);
    font-size: 11px;
    font-weight: 700;
    letter-spacing: .12em;
    text-transform: uppercase;
}
.tdetail-modern .overview-copy-grid p {
    margin: 0;
    color: var(--td-text-soft);
    line-height: 1.65;
    font-size: 14px;
}

.tdetail-modern .grid-2 {
    display: grid;
    grid-template-columns: repeat(2, minmax(0, 1fr));
    gap: 18px;
}

.tdetail-modern .empty-state {
    padding: 32px;
    text-align: center;
    color: var(--td-muted);
    border: 1px dashed var(--td-line-strong);
    border-radius: var(--td-radius-md);
    background: var(--td-surface-2);
    font-size: 14px;
}

/* =============================================================
   PLAYERS
   ============================================================= */
.tdetail-modern .players-view-switch { margin-left: auto; }

.tdetail-modern .segment {
    display: inline-flex;
    gap: 4px;
    padding: 4px;
    background: var(--td-surface-2);
    border: 1px solid var(--td-line);
    border-radius: 10px;
}
.tdetail-modern .segment a,
.tdetail-modern .segment span {
    min-height: 34px;
    padding: 6px 14px;
    border-radius: 7px;
    border: 0;
    background: transparent;
    color: var(--td-muted);
    font-size: 13px;
    font-weight: 600;
    display: inline-flex;
    align-items: center;
    transition: background .18s ease, color .18s ease;
}
.tdetail-modern .segment a:hover { color: var(--td-text); }
.tdetail-modern .segment a.active,
.tdetail-modern .segment span.active {
    background: var(--td-surface);
    color: var(--td-text);
    box-shadow: var(--td-shadow-xs);
}

.tdetail-modern .player-list {
    display: grid;
    grid-template-columns: repeat(3, minmax(0, 1fr));
    gap: 14px;
}
.tdetail-modern .player-entry {
    display: flex;
    gap: 14px;
    align-items: flex-start;
    padding: 16px;
    background: var(--td-surface);
    border: 1px solid var(--td-line);
    border-radius: var(--td-radius-md);
    transition: border-color .18s ease, transform .18s ease, box-shadow .18s ease;
}
.tdetail-modern .player-entry:hover {
    border-color: color-mix(in srgb, var(--td-primary) 35%, var(--td-line));
    transform: translateY(-2px);
    box-shadow: var(--td-shadow-sm);
}
.tdetail-modern .player-avatar {
    width: 52px;
    height: 52px;
    min-width: 52px;
    border-radius: 50%;
    object-fit: cover;
    background: linear-gradient(135deg, var(--td-primary-soft), var(--td-accent-soft));
    color: var(--td-primary-strong);
    font-weight: 700;
    font-family: var(--td-font-display);
    display: grid;
    place-items: center;
    border: 1px solid var(--td-line);
}
.tdetail-modern .player-entry strong {
    display: block;
    font-size: 15px;
    font-weight: 700;
    color: var(--td-text);
    margin-bottom: 4px;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
}
.tdetail-modern .player-entry span {
    display: block;
    color: var(--td-muted);
    font-size: 13px;
    line-height: 1.45;
}

.tdetail-modern .player-list-row {
    display: flex;
    align-items: center;
    gap: 12px;
}
.tdetail-modern .player-list-row strong {
    display: block;
    font-weight: 700;
    color: var(--td-text);
}
.tdetail-modern .player-list-row span {
    display: block;
    color: var(--td-muted);
    font-size: 12px;
}

/* Tabela */
.tdetail-modern .table-wrap {
    overflow-x: auto;
    border: 1px solid var(--td-line);
    border-radius: var(--td-radius-md);
    background: var(--td-surface);
}
.tdetail-modern table { width: 100%; border-collapse: collapse; min-width: 720px; }
.tdetail-modern th,
.tdetail-modern td {
    padding: 14px 16px;
    border-bottom: 1px solid var(--td-line);
    text-align: left;
    vertical-align: middle;
    font-size: 14px;
}
.tdetail-modern th {
    color: var(--td-muted);
    font-size: 11px;
    text-transform: uppercase;
    letter-spacing: .1em;
    font-weight: 700;
    background: var(--td-surface-2);
}
.tdetail-modern tr:last-child td { border-bottom: 0; }
.tdetail-modern tbody tr:hover td { background: var(--td-surface-2); }

/* =============================================================
   PARTIDAS / RODADAS
   ============================================================= */
.tdetail-modern .rounds-shell { display: grid; gap: 16px; }
.tdetail-modern .rounds-summary {
    display: flex;
    flex-wrap: wrap;
    gap: 8px;
    padding: 4px 0;
}

.tdetail-modern .match-filter-bar {
    display: inline-flex;
    gap: 4px;
    padding: 4px;
    background: var(--td-surface-2);
    border: 1px solid var(--td-line);
    border-radius: 10px;
    margin-bottom: 16px;
}
.tdetail-modern .match-filter-bar .filter-btn {
    border: 0;
    background: transparent;
    padding: 8px 16px;
    min-height: 36px;
    border-radius: 7px;
    color: var(--td-muted);
    font-weight: 600;
    font-size: 13px;
    cursor: pointer;
}
.tdetail-modern .match-filter-bar .filter-btn.active {
    background: var(--td-surface);
    color: var(--td-text);
    box-shadow: var(--td-shadow-xs);
}

.tdetail-modern .match-row-list,
.tdetail-modern .fixture-list,
.tdetail-modern .fixture-list-wide {
    display: grid;
    gap: 10px;
    border: 0;
    padding: 0;
    background: transparent;
}

.tdetail-modern .match-row-card,
.tdetail-modern .fixture-list-wide .fixture-match {
    display: grid;
    grid-template-columns: 220px minmax(0, 1fr) 140px;
    gap: 18px;
    align-items: center;
    padding: 16px 18px;
    background: var(--td-surface);
    border: 1px solid var(--td-line);
    border-radius: var(--td-radius-md);
    transition: border-color .18s ease, transform .18s ease, box-shadow .18s ease;
}
.tdetail-modern .match-row-card:hover,
.tdetail-modern .fixture-list-wide .fixture-match:hover {
    border-color: var(--td-line-strong);
    box-shadow: var(--td-shadow-sm);
}

.tdetail-modern .match-row-info,
.tdetail-modern .match-row-meta {
    display: grid;
    gap: 4px;
}
.tdetail-modern .match-row-info strong,
.tdetail-modern .match-row-meta strong {
    color: var(--td-text);
    font-size: 14px;
    font-weight: 700;
}
.tdetail-modern .match-row-info small,
.tdetail-modern .match-row-meta small {
    color: var(--td-muted);
    font-size: 12px;
}

.tdetail-modern .match-row-versus {
    display: grid;
    grid-template-columns: minmax(0, 1fr) 96px minmax(0, 1fr);
    gap: 12px;
    align-items: center;
    min-width: 0;
}
.tdetail-modern .match-row-player {
    display: flex;
    align-items: center;
    gap: 10px;
    padding: 10px 12px;
    background: var(--td-surface-2);
    border: 1px solid var(--td-line);
    border-radius: 10px;
    min-width: 0;
    transition: border-color .18s ease, background .18s ease;
}
.tdetail-modern .match-row-player strong {
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
    font-size: 14px;
    font-weight: 600;
    color: var(--td-text);
    min-width: 0;
}
.tdetail-modern .match-row-player.winner {
    border-color: color-mix(in srgb, var(--td-success) 50%, transparent);
    background: var(--td-success-soft);
    color: var(--td-success);
}
.tdetail-modern .match-row-player.winner strong { color: var(--td-success); }

.tdetail-modern .match-row-score {
    display: grid;
    grid-template-columns: 1fr auto 1fr;
    gap: 4px;
    align-items: center;
    place-items: center;
    min-height: 56px;
    padding: 8px 10px;
    background: var(--td-surface-2);
    border: 1px solid var(--td-line);
    border-radius: 10px;
    font-family: var(--td-font-display);
    font-weight: 700;
}
.tdetail-modern .match-row-score span {
    font-size: 22px;
    color: var(--td-text);
    letter-spacing: -.025em;
}
.tdetail-modern .match-row-score small {
    color: var(--td-muted);
    font-size: 12px;
    text-transform: uppercase;
    font-weight: 700;
}

.tdetail-modern .match-row-actions {
    display: flex;
    flex-wrap: wrap;
    gap: 8px;
    justify-content: flex-end;
}
.tdetail-modern .btn-smish {
    min-height: 34px;
    padding: 7px 12px;
    font-size: 12px;
    border-radius: 8px;
}
.tdetail-modern .match-action-hint {
    font-size: 12px;
    color: var(--td-muted);
    margin-top: 4px;
}

.tdetail-modern .match-avatar {
    width: 32px;
    height: 32px;
    min-width: 32px;
    border-radius: 50%;
    object-fit: cover;
    display: grid;
    place-items: center;
    background: linear-gradient(135deg, var(--td-primary-soft), var(--td-accent-soft));
    color: var(--td-primary-strong);
    font-weight: 700;
    font-size: 12px;
    border: 1px solid var(--td-line);
    flex-shrink: 0;
}
.tdetail-modern .match-avatar.placeholder {
    background: var(--td-surface-2);
    color: var(--td-muted);
}
.tdetail-modern .match-avatar.placeholder i { font-size: 16px; }

/* Fixture compacto (sem rodada gerada) */
.tdetail-modern .fixture-round {
    border: 1px solid var(--td-line);
    border-radius: var(--td-radius-md);
    background: var(--td-surface);
    overflow: hidden;
}
.tdetail-modern .fixture-round summary {
    cursor: pointer;
    padding: 14px 18px;
    display: flex;
    justify-content: space-between;
    gap: 12px;
    font-weight: 700;
    color: var(--td-text);
    border-bottom: 1px solid var(--td-line);
    background: var(--td-surface-2);
}
.tdetail-modern .fixture-round summary span { color: var(--td-muted); font-size: 13px; font-weight: 500; }
.tdetail-modern .fixture-list { padding: 14px; }
.tdetail-modern .fixture-list-wide {
    padding: 0;
    border-radius: 0;
    border-top: 0;
}
.tdetail-modern .fixture-list-wide .fixture-match {
    border-radius: 0;
    border-width: 0 0 1px 0;
    background: transparent;
}

/* =============================================================
   RESULTADOS
   ============================================================= */
.tdetail-modern .results-grid {
    display: grid;
    grid-template-columns: repeat(2, minmax(0, 1fr));
    gap: 16px;
}
.tdetail-modern .result-card {
    padding: 20px;
    background: var(--td-surface);
    border: 1px solid var(--td-line);
    border-radius: var(--td-radius-md);
    display: grid;
    gap: 14px;
    transition: border-color .18s ease, box-shadow .18s ease, transform .18s ease;
}
.tdetail-modern .result-card:hover {
    border-color: var(--td-line-strong);
    box-shadow: var(--td-shadow-sm);
    transform: translateY(-2px);
}
.tdetail-modern .result-card-head,
.tdetail-modern .result-card-foot {
    display: flex;
    align-items: center;
    justify-content: space-between;
    gap: 12px;
}
.tdetail-modern .result-card-head strong {
    font-family: var(--td-font-display);
    font-weight: 700;
    color: var(--td-text);
    font-size: 15px;
    display: block;
    margin-top: 4px;
}
.tdetail-modern .result-card-body {
    display: grid;
    grid-template-columns: minmax(0, 1fr) 100px minmax(0, 1fr);
    gap: 12px;
    align-items: center;
}
.tdetail-modern .result-side {
    display: flex;
    align-items: center;
    gap: 10px;
    padding: 12px 14px;
    border: 1px solid var(--td-line);
    border-radius: 10px;
    background: var(--td-surface-2);
    min-width: 0;
}
.tdetail-modern .result-side strong {
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
    color: var(--td-text);
    font-size: 14px;
    font-weight: 600;
    min-width: 0;
}
.tdetail-modern .result-side.winner {
    background: var(--td-success-soft);
    border-color: color-mix(in srgb, var(--td-success) 45%, transparent);
}
.tdetail-modern .result-side.winner strong { color: var(--td-success); }
.tdetail-modern .result-scoreboard {
    min-height: 76px;
    display: grid;
    grid-template-columns: 1fr auto 1fr;
    gap: 4px;
    place-items: center;
    padding: 12px;
    background: var(--td-surface-2);
    border: 1px solid var(--td-line);
    border-radius: 10px;
}
.tdetail-modern .result-scoreboard span {
    font-family: var(--td-font-display);
    font-size: 30px;
    font-weight: 700;
    letter-spacing: -.03em;
    color: var(--td-text);
}
.tdetail-modern .result-scoreboard small {
    color: var(--td-muted);
    font-size: 13px;
    font-weight: 700;
    text-transform: uppercase;
}
.tdetail-modern .result-card-foot strong {
    font-family: var(--td-font-display);
    color: var(--td-text);
    font-size: 14px;
}

/* =============================================================
   FORMS / MODALS
   ============================================================= */
.tdetail-modern .action-modal {
    position: fixed;
    inset: 0;
    z-index: 70;
    background: rgba(8, 13, 22, .68);
    backdrop-filter: blur(6px);
    -webkit-backdrop-filter: blur(6px);
    display: grid;
    place-items: center;
    padding: 18px;
}
.tdetail-modern .action-modal[hidden] { display: none; }
.tdetail-modern .action-modal-card {
    width: min(620px, 100%);
    padding: 26px;
    border: 1px solid var(--td-line);
    border-radius: var(--td-radius-lg);
    background: var(--td-surface);
    box-shadow: var(--td-shadow-lg);
}

.tdetail-modern .form-grid {
    display: grid;
    grid-template-columns: repeat(2, minmax(0, 1fr));
    gap: 14px;
}
.tdetail-modern .form-field { display: grid; gap: 6px; }
.tdetail-modern .form-field.full { grid-column: 1 / -1; }
.tdetail-modern label {
    color: var(--td-text-soft);
    font-weight: 600;
    font-size: 13px;
}
.tdetail-modern input,
.tdetail-modern select,
.tdetail-modern textarea {
    width: 100%;
    min-height: 44px;
    border: 1px solid var(--td-line-strong);
    border-radius: 10px;
    padding: 10px 14px;
    background: var(--td-surface);
    color: var(--td-text);
    font-size: 14px;
    transition: border-color .18s ease, box-shadow .18s ease;
}
.tdetail-modern input:focus,
.tdetail-modern select:focus,
.tdetail-modern textarea:focus {
    outline: none;
    border-color: var(--td-primary);
    box-shadow: 0 0 0 4px color-mix(in srgb, var(--td-primary) 18%, transparent);
}
.tdetail-modern textarea { min-height: 110px; resize: vertical; }

.tdetail-modern .split-actions {
    display: flex;
    gap: 10px;
    flex-wrap: wrap;
    align-items: center;
}

/* =============================================================
   FORMATO ADMIN CALLOUT
   ============================================================= */
.tdetail-modern .format-admin-callout {
    display: flex;
    justify-content: space-between;
    gap: 18px;
    align-items: center;
    padding: 22px;
    background:
        linear-gradient(125deg, color-mix(in srgb, var(--td-info) 6%, var(--td-surface)) 0%, var(--td-surface) 100%);
    border: 1px solid var(--td-line);
    border-radius: var(--td-radius-md);
    margin: 0;
}
.tdetail-modern .format-admin-callout h2 { margin: 4px 0 6px; font-size: 20px; }
.tdetail-modern .format-admin-callout .meta { color: var(--td-muted); font-size: 13px; }

.tdetail-modern .admin-edit-panel { box-shadow: var(--td-shadow-sm); }

/* =============================================================
   RESPONSIVO
   ============================================================= */
@media (max-width: 1080px) {
    .tdetail-modern .hero { grid-template-columns: 1fr; }
    .tdetail-modern .grid-2 { grid-template-columns: 1fr; }
    .tdetail-modern .overview-metrics { grid-template-columns: repeat(2, minmax(0, 1fr)); }
    .tdetail-modern .overview-timeline { grid-template-columns: repeat(2, minmax(0, 1fr)); }
    .tdetail-modern .overview-timeline .timeline-item:nth-child(2) { border-right: 0; }
    .tdetail-modern .overview-info-list,
    .tdetail-modern .overview-copy-grid { grid-template-columns: 1fr; }
    .tdetail-modern .player-list { grid-template-columns: repeat(2, minmax(0, 1fr)); }
    .tdetail-modern .results-grid { grid-template-columns: 1fr; }
    .tdetail-modern .stage-steps { grid-template-columns: repeat(3, minmax(0, 1fr)); }
    .tdetail-modern .match-row-card { grid-template-columns: 1fr; }
    .tdetail-modern .match-row-versus { grid-template-columns: minmax(0, 1fr) 80px minmax(0, 1fr); }
}
@media (max-width: 760px) {
    .tdetail-modern .hero-content { padding: 28px 22px; }
    .tdetail-modern .hero-main { min-height: 360px; }
    .tdetail-modern .overview-metrics { grid-template-columns: 1fr 1fr; }
    .tdetail-modern .stage-steps { grid-template-columns: 1fr 1fr; }
    .tdetail-modern .tournament-checkin-panel { flex-direction: column; align-items: flex-start; }
    .tdetail-modern .panel-header { flex-direction: column; gap: 14px; }
    .tdetail-modern .format-admin-callout { flex-direction: column; align-items: stretch; }
    .tdetail-modern .format-actions { justify-content: flex-start; }
    .tdetail-modern .match-row-versus { grid-template-columns: 1fr; }
    .tdetail-modern .result-card-body { grid-template-columns: 1fr; }
    .tdetail-modern .player-list { grid-template-columns: 1fr; }
    .tdetail-modern .overview-timeline { grid-template-columns: 1fr; }
    .tdetail-modern .overview-timeline .timeline-item { border-right: 0; border-bottom: 1px solid var(--td-line); padding: 10px 0; }
    .tdetail-modern .overview-timeline .timeline-item:last-child { border-bottom: 0; }
}

/* =============================================================
   Extensoes adicionais (hero stats, share, quick stats, filtros)
   ============================================================= */
.tdetail-modern .hero-stats{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:12px;margin-top:18px}
.tdetail-modern .hero-stat{background:rgba(255,255,255,.08);border:1px solid rgba(255,255,255,.14);border-radius:12px;padding:10px 12px;color:#fff;backdrop-filter:blur(6px)}
.tdetail-modern .hero-stat span{display:flex;align-items:center;gap:6px;font-size:11.5px;letter-spacing:.08em;text-transform:uppercase;color:rgba(255,255,255,.7);font-weight:600}
.tdetail-modern .hero-stat strong{display:block;margin-top:4px;font-family:var(--td-font-display);font-size:16px}
.tdetail-modern .hero-share{display:flex;gap:10px;flex-wrap:wrap;margin-top:14px}
.tdetail-modern .hero-share .btn-ghost{background:rgba(255,255,255,.08);border-color:rgba(255,255,255,.18);color:#fff}
.tdetail-modern .hero-share .btn-ghost:hover{background:rgba(255,255,255,.14)}

.tdetail-modern .admin-quick-grid{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:14px;margin-top:18px}
.tdetail-modern .admin-quick-stat{background:var(--td-surface-2);border:1px solid var(--td-line);border-radius:14px;padding:14px}
.tdetail-modern .admin-quick-stat .eyebrow{font-size:11px;color:var(--td-muted);letter-spacing:.12em;text-transform:uppercase;font-weight:700}
.tdetail-modern .admin-quick-stat strong{display:block;font-family:var(--td-font-display);font-size:24px;margin:6px 0 2px;color:var(--td-text)}
.tdetail-modern .admin-quick-stat small{color:var(--td-muted);font-size:12px}
.tdetail-modern .admin-extra-actions{margin-top:18px;border-top:1px dashed var(--td-line);padding-top:14px}
.tdetail-modern .admin-extra-actions summary{cursor:pointer;color:var(--td-text-soft);font-weight:600;font-size:13.5px;display:inline-flex;align-items:center;gap:8px;list-style:none}
.tdetail-modern .admin-extra-actions summary::-webkit-details-marker{display:none}
.tdetail-modern .admin-extra-actions[open] summary{color:var(--td-primary-strong)}
.tdetail-modern .admin-extra-actions .format-actions{margin-top:12px}
.tdetail-modern .admin-danger-zone{margin-top:14px;background:#fff5f5;border:1px solid #f5c2c2;border-radius:12px;padding:14px}
.tdetail-modern .admin-danger-zone strong{color:#a8221b;display:flex;align-items:center;gap:6px;font-family:var(--td-font-display)}
.tdetail-modern .admin-danger-zone p{color:#7a3030;font-size:13px;margin:6px 0 10px}

.tdetail-modern .participants-strip{display:flex;gap:10px;flex-wrap:wrap;margin-top:6px}
.tdetail-modern .participant-chip{display:flex;align-items:center;gap:10px;background:var(--td-surface-2);border:1px solid var(--td-line);border-radius:99px;padding:6px 14px 6px 6px;min-width:0}
.tdetail-modern .participant-chip img,.tdetail-modern .participant-chip span{width:30px;height:30px;border-radius:50%;object-fit:cover;background:linear-gradient(135deg,var(--td-primary-soft),#fff);color:var(--td-primary-strong);display:grid;place-items:center;font-weight:700;font-size:11.5px;font-family:var(--td-font-display);flex-shrink:0}
.tdetail-modern .participant-chip strong{font-size:13px;color:var(--td-text);font-weight:600;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}

.tdetail-modern .share-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(180px,1fr));gap:10px;margin-top:6px}
.tdetail-modern .share-btn{display:flex;align-items:center;justify-content:center;gap:8px;padding:12px 14px;background:var(--td-surface-2);border:1px solid var(--td-line);border-radius:12px;color:var(--td-text);font-weight:600;font-size:13.5px;text-decoration:none;cursor:pointer;font-family:inherit;transition:all .15s ease}
.tdetail-modern .share-btn:hover{background:var(--td-surface-3);border-color:var(--td-line-strong)}
.tdetail-modern .share-btn i{font-size:17px;color:var(--td-primary-strong)}

.tdetail-modern .players-stats{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:12px;margin:14px 0 16px}
.tdetail-modern .players-stats > div{background:var(--td-surface-2);border:1px solid var(--td-line);border-radius:12px;padding:10px 12px}
.tdetail-modern .players-stats span{font-size:11px;color:var(--td-muted);letter-spacing:.1em;text-transform:uppercase;font-weight:700}
.tdetail-modern .players-stats strong{display:block;font-family:var(--td-font-display);font-size:20px;margin-top:2px}
.tdetail-modern .players-filter-bar{display:flex;gap:12px;flex-wrap:wrap;align-items:center;margin-bottom:16px}
.tdetail-modern .search-input{position:relative;flex:1;min-width:220px}
.tdetail-modern .search-input i{position:absolute;left:12px;top:50%;transform:translateY(-50%);color:var(--td-muted);font-size:16px}
.tdetail-modern .search-input input{width:100%;padding:10px 12px 10px 36px;border:1px solid var(--td-line);border-radius:10px;background:var(--td-surface);font-family:inherit;font-size:13.5px;color:var(--td-text)}
.tdetail-modern .search-input input:focus{outline:none;border-color:var(--td-primary);box-shadow:0 0 0 3px var(--td-primary-soft)}

.tdetail-modern .structure-status-panel{display:flex;align-items:center;justify-content:space-between;gap:18px;flex-wrap:wrap;margin-bottom:14px}
.tdetail-modern .structure-status-panel h2{margin:6px 0 4px;font-family:var(--td-font-display)}

@media (max-width: 960px){
    .tdetail-modern .hero-stats,.tdetail-modern .admin-quick-grid,.tdetail-modern .players-stats{grid-template-columns:repeat(2,minmax(0,1fr))}
}
@media (max-width: 560px){
    .tdetail-modern .hero-stats,.tdetail-modern .admin-quick-grid,.tdetail-modern .players-stats{grid-template-columns:1fr}
}