/* ELIVIUM V9.21.56 · SuperAdmin escritorio · fase 1
   Capa exclusiva de index.desktop.html. No modifica la presentación móvil ni el motor. */

@media (min-width: 960px) {
  body #platform-app {
    --sa-bg: #080d11;
    --sa-panel: #0e151a;
    --sa-panel-soft: #111a20;
    --sa-line: rgba(255,255,255,.075);
    --sa-line-strong: rgba(214,184,74,.23);
    --sa-text: #edf2f3;
    --sa-muted: #8fa0a8;
    --sa-gold: #d8b84a;
    --sa-cyan: #54d7de;
    --sa-danger: #ef718a;
    background:
      radial-gradient(circle at 12% 3%, rgba(216,184,74,.055), transparent 26%),
      radial-gradient(circle at 88% 12%, rgba(84,215,222,.035), transparent 28%),
      var(--sa-bg);
  }

  #platform-app .platform-header-v64 {
    min-height: 68px;
    padding: 10px clamp(20px,2.3vw,36px);
    border-bottom: 1px solid var(--sa-line);
    background: rgba(7,12,16,.985);
    box-shadow: 0 12px 32px rgba(0,0,0,.18);
  }

  #platform-app .platform-brand-v64 {
    display:flex;
    align-items:center;
    gap:12px;
  }

  #platform-app .platform-brand-v64 img {
    width:34px;
    height:34px;
    object-fit:contain;
  }

  #platform-app .platform-brand-v64 span {
    color: var(--sa-gold);
    font-size: 9px;
    letter-spacing: .16em;
  }

  #platform-app .platform-brand-v64 strong {
    margin-top:1px;
    font-size:19px;
    letter-spacing:.02em;
  }

  #platform-app .platform-session-copy-v64 small {
    color: var(--sa-cyan);
  }

  #platform-app .platform-shell-v64 {
    width: min(1660px,100%);
    display:grid;
    grid-template-columns: 246px minmax(0,1fr);
    grid-template-areas: "nav main";
    gap: 22px;
    align-items:start;
    padding: 20px clamp(18px,2.2vw,34px) 46px;
  }

  #platform-app .platform-nav-toggle-v720 { display:none!important; }

  #platform-app nav#platform-nav-v64 {
    grid-area:nav;
    position:sticky!important;
    top:88px!important;
    z-index:14;
    display:flex;
    flex-direction:column;
    gap:5px;
    margin:0;
    padding:10px;
    overflow:visible;
    border:1px solid var(--sa-line);
    border-radius:14px;
    background:rgba(12,19,24,.94);
    box-shadow:0 18px 50px rgba(0,0,0,.18);
    backdrop-filter:blur(15px);
  }

  #platform-app nav#platform-nav-v64::before {
    content:"SUPERADMIN";
    display:block;
    padding:6px 10px 9px;
    color:#667a84;
    font:800 9px/1 Rajdhani,Inter,sans-serif;
    letter-spacing:.15em;
  }

  #platform-app .platform-nav-v64 > button,
  #platform-app .platform-nav-group-v68,
  #platform-app .platform-nav-group-v68 > button {
    width:100%;
    min-width:0;
    flex:0 0 auto;
  }

  #platform-app .platform-nav-v64 > button,
  #platform-app .platform-nav-group-v68 > button {
    min-height:44px;
    display:flex;
    align-items:center;
    justify-content:flex-start;
    gap:10px;
    padding:9px 11px;
    border-radius:10px;
    color:#9aa9b0;
    text-align:left;
    font:750 12px/1.15 'Changa',Inter,sans-serif;
    transition:background .16s ease,border-color .16s ease,color .16s ease;
  }

  #platform-app .platform-nav-v64 > button:hover,
  #platform-app .platform-nav-v64 > button.active,
  #platform-app .platform-nav-group-v68 > button:hover,
  #platform-app .platform-nav-group-v68 > button.active {
    border-color:rgba(216,184,74,.2);
    background:rgba(216,184,74,.07);
    color:#f2eee2;
  }

  #platform-app .platform-nav-v64 > button.active,
  #platform-app .platform-nav-group-v68 > button.active {
    box-shadow:inset 3px 0 0 var(--sa-gold);
  }

  #platform-app .platform-nav-v64 .nav-icon-v7 {
    flex:0 0 19px;
    width:19px;
    height:19px;
    opacity:.82;
  }

  #platform-app .platform-nav-submenu-v719 {
    position:static!important;
    display:grid;
    min-width:0!important;
    width:100%;
    gap:3px;
    margin:4px 0 6px;
    padding:5px 5px 6px 35px!important;
    border:0!important;
    border-radius:0!important;
    background:transparent!important;
    box-shadow:none!important;
  }

  #platform-app .platform-nav-submenu-v719[hidden] { display:none!important; }

  #platform-app .platform-nav-submenu-v719 button {
    width:100%;
    min-height:34px;
    padding:7px 9px;
    border:0;
    border-radius:8px;
    background:transparent;
    color:#7f939c;
    font:650 10px/1.25 Inter,Arial,sans-serif;
    text-align:left;
  }

  #platform-app .platform-nav-submenu-v719 button:hover,
  #platform-app .platform-nav-submenu-v719 button.active {
    background:rgba(255,255,255,.045);
    color:#eef2f3;
  }

  #platform-app .platform-nav-submenu-label-v9122 {
    padding:8px 8px 4px!important;
    color:#6e8088!important;
    font-size:8px!important;
    letter-spacing:.09em!important;
  }

  #platform-app .platform-main-v64 {
    grid-area:main;
    min-width:0;
  }

  #platform-app .platform-breadcrumb-v719 {
    display:flex;
    align-items:center;
    gap:7px;
    min-height:32px;
    margin:0 0 9px;
    padding:0 2px;
    color:#657983;
    font:650 10px/1 Inter,Arial,sans-serif;
  }

  #platform-app .platform-breadcrumb-v719 b { color:#c7d0d4; }

  #platform-app .platform-view-v64 { gap:14px; }

  #platform-app .panel,
  #platform-app .platform-health-shell-v817 {
    border:1px solid var(--sa-line);
    border-radius:14px;
    background:linear-gradient(180deg,rgba(17,25,31,.92),rgba(11,17,21,.94));
    box-shadow:0 12px 36px rgba(0,0,0,.12);
  }

  #platform-app .platform-hero-v64 {
    position:relative;
    overflow:hidden;
    min-height:154px;
    display:grid;
    align-content:center;
    padding:28px 30px;
    border-color:rgba(216,184,74,.16);
    background:
      linear-gradient(108deg,rgba(216,184,74,.075),transparent 42%),
      linear-gradient(180deg,#11191e,#0b1216);
  }

  #platform-app .platform-hero-v64::after {
    content:"";
    position:absolute;
    right:-70px;
    top:-95px;
    width:300px;
    height:300px;
    border:1px solid rgba(216,184,74,.08);
    border-radius:50%;
    box-shadow:0 0 0 36px rgba(216,184,74,.018),0 0 0 72px rgba(216,184,74,.012);
    pointer-events:none;
  }

  #platform-app .platform-kicker-v64 {
    color:var(--sa-gold);
    font-size:9px;
    letter-spacing:.16em;
  }

  #platform-app .platform-hero-v64 h1 {
    max-width:820px;
    margin:4px 0 7px;
    font-size:clamp(30px,2.8vw,40px);
    line-height:1.04;
  }

  #platform-app .platform-hero-v64 p {
    max-width:820px;
    color:#9caab0;
    font-size:12px;
    line-height:1.55;
  }

  #platform-app .platform-kpis-v64 {
    grid-template-columns:repeat(4,minmax(0,1fr));
    gap:9px;
  }

  #platform-app .platform-kpis-v64 article {
    min-height:92px;
    display:grid;
    align-content:center;
    padding:15px 17px;
    border-radius:12px;
    background:rgba(255,255,255,.022);
  }

  #platform-app .platform-kpis-v64 span { color:#778b94; }
  #platform-app .platform-kpis-v64 strong { margin-top:7px;font-size:25px; }

  #platform-app .platform-overview-layout-v92156 {
    display:grid;
    grid-template-columns:minmax(420px,.9fr) minmax(0,1.35fr);
    gap:14px;
    align-items:stretch;
  }

  #platform-app .platform-quick-shell-v92156 {
    min-width:0;
    padding:18px;
  }

  #platform-app .platform-quick-head-v92156 {
    margin-bottom:12px;
  }

  #platform-app .platform-quick-head-v92156 span {
    color:var(--sa-gold);
    font:800 9px/1 Rajdhani,Inter,sans-serif;
    letter-spacing:.12em;
    text-transform:uppercase;
  }

  #platform-app .platform-quick-head-v92156 h2 {
    margin:4px 0 0;
    color:var(--sa-text);
    font:800 18px/1.15 'Exo 2',Inter,sans-serif;
  }

  #platform-app .platform-command-grid-v92156 {
    display:grid;
    grid-template-columns:repeat(2,minmax(0,1fr));
    gap:8px;
  }

  #platform-app .platform-command-grid-v92156 button {
    min-width:0;
    min-height:92px;
    display:grid;
    grid-template-columns:34px minmax(0,1fr);
    grid-template-rows:auto auto;
    column-gap:10px;
    align-content:center;
    padding:12px;
    border:1px solid rgba(255,255,255,.07);
    border-radius:11px;
    background:rgba(255,255,255,.02);
    color:inherit;
    text-align:left;
    cursor:pointer;
    transition:transform .14s ease,border-color .14s ease,background .14s ease;
  }

  #platform-app .platform-command-grid-v92156 button:hover {
    transform:translateY(-1px);
    border-color:rgba(216,184,74,.23);
    background:rgba(216,184,74,.045);
  }

  #platform-app .platform-command-grid-v92156 button > i {
    grid-row:1 / span 2;
    width:34px;
    height:34px;
    display:grid;
    place-items:center;
    border:1px solid rgba(216,184,74,.16);
    border-radius:9px;
    background:rgba(216,184,74,.055);
    color:var(--sa-gold);
    font:800 11px/1 Rajdhani,Inter,sans-serif;
    font-style:normal;
  }

  #platform-app .platform-command-grid-v92156 strong {
    display:block;
    color:#e8edef;
    font:750 11px/1.25 Inter,Arial,sans-serif;
  }

  #platform-app .platform-command-grid-v92156 small {
    display:block;
    margin-top:3px;
    color:#71848d;
    font:550 9px/1.35 Inter,Arial,sans-serif;
  }

  #platform-app .platform-health-shell-v817 {
    margin:0;
    padding:18px;
  }

  #platform-app .platform-health-head-v817 { margin-bottom:10px; }
  #platform-app .platform-health-head-v817 h2 { font-size:18px; }

  #platform-app .platform-section-head-v64 {
    align-items:center;
    margin-bottom:12px;
  }

  #platform-app .platform-section-head-v64 .panel-title {
    color:#edf1f2;
    font-size:18px;
    line-height:1.15;
  }

  #platform-app .platform-section-head-v64 p {
    max-width:920px;
    color:#81939b;
    font-size:10px;
    line-height:1.45;
  }

  #platform-app .platform-explorer-panel-v817,
  #platform-app .platform-config-inspector-v9170,
  #platform-app .platform-round-reports-v9213,
  #platform-app .platform-merge-workspace-v9180 {
    padding:19px!important;
  }

  #platform-app .platform-explorer-layout-v817 {
    grid-template-columns:minmax(0,1.25fr) minmax(365px,.75fr);
    gap:12px;
    align-items:start;
  }

  #platform-app .platform-explorer-list-v817 {
    max-height:calc(100dvh - 310px);
    overflow:auto;
    padding-right:3px;
  }

  #platform-app .platform-tournament-console-v817 {
    position:sticky;
    top:88px;
    min-height:250px;
    border-color:rgba(216,184,74,.16);
    border-radius:13px;
    background:linear-gradient(180deg,rgba(216,184,74,.035),rgba(255,255,255,.015));
  }

  #platform-app .platform-console-head-v817 h3 { font-size:19px; }
  #platform-app .platform-console-facts-v817 { grid-template-columns:repeat(2,minmax(0,1fr)); }
  #platform-app .platform-console-actions-v817 { grid-template-columns:repeat(2,minmax(0,1fr))!important; }
  #platform-app .platform-console-actions-v817 .btn-action { min-height:38px; }

  #platform-app .platform-config-quick-v92156 {
    display:flex;
    flex-wrap:wrap;
    align-items:center;
    gap:7px;
    margin:10px 0 12px;
    padding:10px;
    border:1px solid rgba(255,255,255,.065);
    border-radius:11px;
    background:rgba(255,255,255,.018);
  }

  #platform-app .platform-config-quick-v92156 > span {
    margin-right:4px;
    color:#738790;
    font:800 9px/1 Rajdhani,Inter,sans-serif;
    letter-spacing:.08em;
    text-transform:uppercase;
  }

  #platform-app .platform-config-quick-v92156 button {
    min-height:30px;
    padding:0 10px;
    border:1px solid rgba(255,255,255,.08);
    border-radius:999px;
    background:rgba(255,255,255,.025);
    color:#9babb1;
    font:700 9px/1 Inter,Arial,sans-serif;
    cursor:pointer;
  }

  #platform-app .platform-config-quick-v92156 button:hover {
    border-color:rgba(216,184,74,.22);
    color:#efe9d8;
  }

  #platform-app .platform-config-table-shell-v9170 {
    height:clamp(440px,calc(100dvh - 350px),780px);
    border:1px solid rgba(255,255,255,.065);
    border-radius:11px;
    background:rgba(0,0,0,.08);
  }

  #platform-app .platform-config-table-v9170 th {
    background:#10171b!important;
  }

  #platform-app .platform-config-table-v9170 td {
    border-color:rgba(255,255,255,.05);
  }

  #platform-app .platform-user-search-v9170,
  #platform-app .platform-explorer-toolbar-v817,
  #platform-app .platform-diagnostics-toolbar-v817,
  #platform-app .platform-process-toolbar-v817,
  #platform-app .platform-audit-toolbar-v817,
  #platform-app .platform-report-controls-v9213,
  #platform-app .platform-support-toolbar-v817,
  #platform-app .platform-config-toolbar-v9170 {
    padding:11px!important;
    border:1px solid rgba(255,255,255,.065)!important;
    border-radius:11px!important;
    background:rgba(255,255,255,.018)!important;
  }

  #platform-app input,
  #platform-app select,
  #platform-app textarea {
    border-radius:9px!important;
  }

  #platform-app .btn-action {
    border-radius:9px!important;
  }

  #platform-app .platform-list-v64 { gap:7px; }

  #platform-app .platform-tournament-row-v64,
  #platform-app .platform-user-row-v64 {
    border-radius:10px;
    background:rgba(255,255,255,.018);
  }

  #platform-app .platform-tournament-row-v64:hover,
  #platform-app .platform-user-row-v64:hover {
    border-color:rgba(216,184,74,.14);
    background:rgba(216,184,74,.025);
  }

  #platform-app .platform-policy-note-v67 {
    border-radius:10px;
    background:rgba(84,215,222,.025);
  }

  #platform-app .platform-deleted-tournaments-v914,
  #platform-app .platform-support-panel-v817,
  #platform-app .platform-report-preview-panel-v9213,
  #platform-app .platform-merge-history-v9180 {
    opacity:.96;
  }
}

@media (min-width: 960px) and (max-width: 1220px) {
  #platform-app .platform-shell-v64 { grid-template-columns:210px minmax(0,1fr);gap:14px; }
  #platform-app .platform-overview-layout-v92156 { grid-template-columns:1fr; }
  #platform-app .platform-explorer-layout-v817 { grid-template-columns:1fr; }
  #platform-app .platform-tournament-console-v817 { position:static; }
}