@import url('https://fonts.googleapis.com/css2?family=DM+Sans:wght@400;500;600;700;800&display=swap');

:root{
  --font: 'DM Sans', Inter, ui-sans-serif, system-ui, -apple-system, BlinkMacSystemFont, "Segoe UI", sans-serif;
  --text:#182238;
  --text-soft:#58677a;
  --text-muted:#8291a5;
  --primary:#5b8def;
  --primary-strong:#4578dd;
  --primary-soft:#5b8def1a;
  --success:#29b99a;
  --warning:#f3a850;
  --border:#d9e5f4;
  --radius-lg:20px;
  --radius-xl:26px;
}

body{
  font-family:var(--font) !important;
  font-weight:400;
  letter-spacing:-.006em;
  background:
    radial-gradient(circle at 6% 0%, rgba(91,141,239,.14), transparent 28rem),
    radial-gradient(circle at 100% 100%, rgba(41,185,154,.12), transparent 30rem),
    #f5f8fc !important;
}

/* Marca */
.app-brand{padding:16px 18px 14px !important;gap:10px !important;min-height:auto !important}
.brand-mark{width:38px !important;height:38px !important;border-radius:14px !important;font-size:.78rem !important;font-weight:800 !important;box-shadow:0 10px 22px rgba(91,141,239,.28) !important}
.brand-title strong{font-size:1rem !important;font-weight:750 !important;letter-spacing:-.035em !important;line-height:1 !important}
.brand-title span{font-size:.72rem !important;margin-top:3px !important;font-weight:500 !important}
.sidebar-nav{padding:12px 12px !important}
.nav-section-title{padding:12px 10px 7px !important;font-size:.62rem !important;font-weight:700 !important;letter-spacing:.105em !important}
.nav-list{gap:4px !important}
.nav-link{padding:10px 11px !important;border-radius:13px !important;font-size:.88rem !important;font-weight:600 !important}
.sidebar-footer{padding:14px 16px 18px !important;font-size:.72rem !important}

/* Encabezados compactos en todos los módulos */
.topbar{min-height:58px !important;padding:10px 24px !important;background:rgba(247,250,254,.86) !important}
.topbar-kicker{font-size:.68rem !important;font-weight:700 !important;letter-spacing:.12em !important}
.topbar-title{font-size:.95rem !important;font-weight:500 !important;margin-top:2px !important}
.user-chip{padding:7px 10px !important;font-size:.83rem !important;font-weight:600 !important}
.content-area{padding:18px 24px 24px !important}
.page-head{margin-bottom:14px !important;gap:10px !important;align-items:center !important;min-height:0 !important}
.page-title-row{gap:11px !important;align-items:center !important}
.page-icon{width:40px !important;height:40px !important;border-radius:15px !important;box-shadow:0 12px 28px rgba(91,141,239,.25) !important}
h1{font-size:clamp(1.42rem,2.1vw,2.02rem) !important;line-height:1.08 !important;font-weight:760 !important;letter-spacing:-.045em !important}
h2,h3{font-weight:700 !important;letter-spacing:-.026em !important}
.page-description{margin-top:4px !important;max-width:820px !important;font-size:.94rem !important;line-height:1.42 !important;color:#5d6d81 !important;font-weight:450 !important}

/* Tarjetas y filtros más livianos */
.card,.glass-card{border-radius:20px !important;padding:16px !important;box-shadow:0 14px 38px rgba(33,54,84,.10) !important}
.results-filter-card{padding:16px !important;border-radius:20px !important;background:linear-gradient(135deg,rgba(255,255,255,.92),rgba(247,252,255,.86)) !important}
.results-filter-grid{gap:12px !important;grid-template-columns:minmax(220px,1fr) minmax(220px,1fr) auto !important}
.form-field label{font-size:.72rem !important;font-weight:700 !important;color:#6f7f92 !important;letter-spacing:.02em !important}
.form-control,select.form-control,input.form-control{min-height:42px !important;border-radius:14px !important;font-size:.92rem !important;font-weight:450 !important;background:#fff !important}
.btn{min-height:40px !important;border-radius:14px !important;font-weight:650 !important;letter-spacing:-.01em !important}
.grid{gap:14px !important}.grid.stats{gap:14px !important}.stat-card{min-height:94px !important;padding:16px 18px !important;border-radius:20px !important}.stat-value{font-size:1.85rem !important;font-weight:760 !important}.stat-label{font-size:.74rem !important;font-weight:700 !important;letter-spacing:.08em !important}
.results-summary{margin-bottom:14px !important}.results-grid{gap:16px !important}.results-card{border-radius:20px !important}.results-card-head{padding:17px 18px 12px !important}.results-card-head h2{font-size:1rem !important;font-weight:720 !important}.table-muted{font-weight:450 !important}.result-match-list{gap:12px !important;padding:14px !important}.match-result-card{border-radius:18px !important;box-shadow:0 12px 28px rgba(70,90,120,.10) !important}.match-result-main{grid-template-columns:140px minmax(240px,1.1fr) minmax(250px,.8fr) 128px 156px !important;gap:14px !important;padding:16px !important}.match-date-block strong,.match-teams-block strong{font-weight:700 !important}.match-date-block span,.match-teams-block span{font-weight:450 !important}.score-input{width:52px !important;height:44px !important;font-weight:650 !important}.badge{font-weight:700 !important;letter-spacing:.045em !important}

/* Botones visuales de categoría y fecha */
.elite360-chip-panel{display:grid;gap:8px;margin:12px 0 14px;padding:12px;border:1px solid rgba(211,224,242,.9);border-radius:18px;background:linear-gradient(135deg,rgba(255,255,255,.82),rgba(244,250,255,.72));box-shadow:0 10px 28px rgba(34,60,92,.07)}
.elite360-chip-title{color:#6f7f92;text-transform:uppercase;letter-spacing:.09em;font-size:.68rem;font-weight:800;display:flex;align-items:center;gap:6px}
.elite360-chip-row{display:flex;gap:8px;overflow-x:auto;padding-bottom:2px;scrollbar-width:thin}
.elite360-chip{white-space:nowrap;border:1px solid #d6e4f6;background:#fff;color:#43526a;border-radius:999px;padding:8px 12px;font-size:.84rem;font-weight:650;transition:transform .15s ease, background .15s ease, box-shadow .15s ease,border-color .15s ease}
.elite360-chip:hover{transform:translateY(-1px);border-color:#9dbcf2;box-shadow:0 8px 18px rgba(91,141,239,.14)}
.elite360-chip.is-active{background:linear-gradient(135deg,#5b8def,#35bfa7);border-color:transparent;color:#fff;box-shadow:0 10px 22px rgba(91,141,239,.23)}
.elite360-date-chips{margin:0 14px 12px}
.match-result-card.is-hidden-by-date{display:none!important}

/* Tablas más suaves */
.data-table th{font-weight:750 !important;color:#738398 !important}.data-table td{font-weight:450 !important}.table-primary{font-weight:700 !important}.standings-pos{font-weight:750 !important}

@media (max-width:1100px){
  .match-result-main{grid-template-columns:1fr !important;align-items:start !important}
  .match-actions{justify-content:flex-start !important;flex-wrap:wrap !important}
  .results-filter-grid{grid-template-columns:1fr !important}
}
@media (max-width:780px){
  .content-area{padding:14px !important}
  .page-head{align-items:flex-start !important}
  .page-description{font-size:.88rem !important}
  h1{font-size:1.34rem !important}
  .page-icon{width:36px !important;height:36px !important}
  .elite360-chip-panel{padding:10px;border-radius:16px}
  .elite360-chip{font-size:.8rem;padding:7px 10px}
}

/* FIX12: mantener navegación visual por categoría y fecha en Resultados */
.elite360-category-chips,
.elite360-date-chips{position:relative;z-index:2;display:grid!important;visibility:visible!important;opacity:1!important}
.elite360-date-empty{margin:10px 14px;padding:14px;border-radius:16px;background:#fff7ed;border:1px solid #fed7aa;color:#9a3412;font-weight:650;font-size:.9rem}
.results-page .results-filter-card + .elite360-category-chips{margin-top:12px!important}
.results-page .elite360-chip-title::before{content:'•';font-size:1.2em;color:#35bfa7;line-height:0}