/*
 * F53 Investor Premium Theme
 * Alcance: solo vistas F53. No modifica lógica ni contratos de backend.
 */
:root{
  --f53x-bg:#04111a;
  --f53x-panel:#091a27;
  --f53x-panel-2:#0d2231;
  --f53x-line:#1b3748;
  --f53x-text:#f5fbff;
  --f53x-muted:#8da8b8;
  --f53x-teal:#4fe0b6;
  --f53x-teal-2:#1bbd9b;
  --f53x-gold:#d7b35a;
  --f53x-danger:#ff6666;
  --f53x-shadow:0 22px 60px rgba(0,0,0,.28);
}

.f53-page{
  background:
    radial-gradient(circle at 80% 0%,rgba(79,224,182,.08),transparent 28%),
    radial-gradient(circle at 5% 10%,rgba(67,139,255,.06),transparent 24%),
    var(--f53x-bg)!important;
  color:var(--f53x-text)!important;
  border:1px solid rgba(79,224,182,.08);
  box-shadow:var(--f53x-shadow);
}

.f53-hero{
  background:
    radial-gradient(circle at 85% 10%,rgba(79,224,182,.15),transparent 28%),
    linear-gradient(120deg,#061522 0%,#0a2333 52%,#0c3a42 120%)!important;
  border:1px solid #1c3e4c;
  box-shadow:0 26px 70px rgba(0,0,0,.32)!important;
}

.f53-panel,
.f53-team-card,
.f53-tournament-card,
.f53-list-row,
.f53-match,
.f53-stat-grid article{
  background:linear-gradient(180deg,var(--f53x-panel-2),var(--f53x-panel))!important;
  color:var(--f53x-text)!important;
  border-color:var(--f53x-line)!important;
  box-shadow:0 14px 38px rgba(0,0,0,.16)!important;
}

.f53-team-card:hover,
.f53-tournament-card:hover,
.f53-list-row--link:hover{
  transform:translateY(-3px);
  border-color:rgba(79,224,182,.58)!important;
  box-shadow:0 22px 48px rgba(0,0,0,.28)!important;
}

.f53-panel-head h2,
.f53-team-card h3,
.f53-tournament-card h3,
.f53-list-main strong,
.f53-empty strong,
.f53-team-metrics strong{
  color:var(--f53x-text)!important;
}

.f53-team-card p,
.f53-tournament-card p,
.f53-list-main span,
.f53-list-main small,
.f53-player-row span,
.f53-match-date,
.f53-match-state,
.f53-empty,
.f53-pagination,
.f53-team-metrics span{
  color:var(--f53x-muted)!important;
}

.f53-team-metrics span{
  background:#0b2636!important;
  border:1px solid #17394b;
}

.f53-card-action{
  border-top-color:var(--f53x-line)!important;
  color:var(--f53x-teal)!important;
}

.f53-status,
.f53-count{
  background:rgba(79,224,182,.13)!important;
  color:var(--f53x-teal)!important;
  border:1px solid rgba(79,224,182,.24);
}

.f53-btn{
  background:#0b2432!important;
  color:var(--f53x-text)!important;
  border-color:#284658!important;
  box-shadow:none!important;
}

.f53-btn:hover{
  border-color:var(--f53x-teal)!important;
  color:var(--f53x-teal)!important;
}

.f53-btn--primary{
  background:linear-gradient(135deg,var(--f53x-teal),var(--f53x-teal-2))!important;
  color:#031710!important;
  border-color:transparent!important;
  box-shadow:0 10px 30px rgba(79,224,182,.18)!important;
}

.f53-search{
  background:#071923!important;
  color:var(--f53x-text)!important;
  border-color:#294354!important;
}

.f53-search::placeholder{color:#718d9e}
.f53-link{color:var(--f53x-teal)!important}
.f53-avatar,.f53-list-icon{background:#103443!important;color:var(--f53x-teal)!important}
.f53-score{color:var(--f53x-text)!important}
.f53-score span{color:#607f91!important}
.f53-player-level strong{color:var(--f53x-teal)!important}
.f53-notification.is-unread{background:#0a292a!important;border-color:#286f62!important}
.f53-notification.is-unread:before{background:var(--f53x-teal)!important}
.f53-empty{border-color:#294657!important;background:rgba(8,28,40,.55)!important}

@media(max-width:760px){
  .f53-page{
    width:calc(100vw - 10px)!important;
    padding:7px!important;
    border-radius:18px!important;
  }
  .f53-hero{padding:20px 16px!important}
  .f53-panel{padding:13px!important}
}

/* F53 R3 · LLAVE MAESTRA DE DEMOSTRACIÓN */
.f53-demo-masterbar{position:fixed;right:16px;top:14px;z-index:99990;display:flex;align-items:center;gap:10px;padding:8px 10px 8px 12px;border:1px solid rgba(89,224,190,.35);border-radius:999px;background:rgba(3,19,29,.88);color:#eefcff;box-shadow:0 12px 35px rgba(0,0,0,.22);backdrop-filter:blur(16px);font-size:.72rem}.f53-demo-masterbar b{color:#4fe1bc;letter-spacing:.06em}.f53-demo-masterbar span{color:#9fc5d4}.f53-demo-masterbar form{margin:0}.f53-demo-masterbar button{margin:0!important;padding:7px 10px!important;border:1px solid rgba(255,255,255,.15)!important;border-radius:999px!important;background:#4fe1bc!important;color:#04251f!important;font-size:.68rem!important;font-weight:1000!important}.f53-demo-masterbar i{width:7px;height:7px;border-radius:50%;background:#4fe1bc;box-shadow:0 0 0 4px rgba(79,225,188,.12)}
@media(max-width:760px){.f53-demo-masterbar{top:auto;right:10px;bottom:76px;max-width:calc(100vw - 20px)}.f53-demo-masterbar span{display:none}}