/* ═══════════════════════════════════════
   MEDIA OMNI — DASHBOARD CSS
═══════════════════════════════════════ */
.dash-page { min-height:100vh; padding-top:68px; }
.dash-content { max-width:1180px; margin:0 auto; padding:40px 24px; }

/* Welcome block */
.welcome-block {
  background:var(--white); border:1px solid var(--border);
  border-radius:var(--r-lg); padding:32px; margin-bottom:32px;
  display:flex; align-items:center; justify-content:space-between; gap:20px;
}
.wb-left h1 { font-family:var(--f-display); font-size:1.6rem; font-weight:800; margin-bottom:6px; letter-spacing:-.03em; }
.wb-left p { font-size:.9rem; color:var(--muted); }
.wb-right { font-size:2.5rem; }

/* Role badge */
.role-badge { font-family:var(--f-mono); font-size:.65rem; font-weight:600; letter-spacing:.08em; text-transform:uppercase; padding:.3rem .8rem; border-radius:var(--r-pill); }
.rb-admin  { background:rgba(239,68,68,.1);  color:var(--error); }
.rb-member { background:var(--border2); color:var(--blue); }
.rb-upbase { background:rgba(16,185,129,.1); color:var(--success); }

/* Cards grid */
.dash-cards { display:grid; grid-template-columns:repeat(auto-fill,minmax(260px,1fr)); gap:20px; }
.dash-card {
  background:var(--white); border:1px solid var(--border); border-radius:var(--r-lg);
  padding:28px; cursor:pointer;
  transition:transform .2s var(--ease),box-shadow .2s,border-color .2s;
}
.dash-card:hover { transform:translateY(-4px); box-shadow:0 12px 36px rgba(37,99,235,.1); border-color:rgba(37,99,235,.25); }
.dash-card.disabled { cursor:default; opacity:.6; }
.dash-card.disabled:hover { transform:none; box-shadow:none; border-color:var(--border); }
.dc-icon { font-size:1.75rem; margin-bottom:16px; }
.dc-title { font-family:var(--f-display); font-size:1rem; font-weight:700; margin-bottom:6px; letter-spacing:-.02em; }
.dc-desc { font-size:.82rem; color:var(--muted); line-height:1.65; margin-bottom:14px; }
.dc-badge { display:inline-block; font-family:var(--f-mono); font-size:.62rem; font-weight:600; letter-spacing:.06em; text-transform:uppercase; padding:.25rem .65rem; border-radius:var(--r-pill); }
.dcb-available { background:rgba(16,185,129,.1); color:var(--success); }
.dcb-soon  { background:rgba(245,158,11,.1); color:var(--warning); }
.dcb-admin { background:rgba(239,68,68,.1); color:var(--error); }

/* Scores table */
.scores-section { margin-top:36px; }
.scores-hdr { display:flex; align-items:center; justify-content:space-between; margin-bottom:20px; }
.scores-hdr h2 { font-family:var(--f-display); font-size:1.25rem; font-weight:700; letter-spacing:-.03em; }
.scores-table { background:var(--white); border:1px solid var(--border); border-radius:var(--r-lg); overflow:hidden; }
.st-head { display:grid; grid-template-columns:2fr 2fr 2fr 1fr 1.5fr; gap:12px; padding:14px 24px; background:var(--paper2); border-bottom:1px solid var(--border); }
.st-head span { font-family:var(--f-mono); font-size:.6rem; font-weight:600; text-transform:uppercase; letter-spacing:.08em; color:var(--faint); }
.st-row { display:grid; grid-template-columns:2fr 2fr 2fr 1fr 1.5fr; gap:12px; padding:14px 24px; border-bottom:1px solid var(--border); align-items:center; transition:background .18s; }
.st-row:last-child { border-bottom:none; }
.st-row:hover { background:var(--paper); }
.st-row span { font-size:.84rem; }
.st-name { font-weight:600; color:var(--ink); }
.score-pill { display:inline-block; font-family:var(--f-mono); font-size:.7rem; font-weight:700; padding:.22rem .65rem; border-radius:var(--r-pill); }
.sp-high { background:rgba(16,185,129,.1); color:var(--success); }
.sp-mid  { background:rgba(245,158,11,.1); color:var(--warning); }
.sp-low  { background:rgba(239,68,68,.1);  color:var(--error); }
.no-data { padding:48px; text-align:center; color:var(--faint); font-size:.88rem; }

/* Dash Nav (reuses shared nav but light bg when not on hero page) */
#main-nav.dash-nav { background:rgba(5,15,44,.95); backdrop-filter:blur(20px); border-bottom-color:rgba(255,255,255,.08); }

@media (max-width:768px) {
  .welcome-block { flex-direction:column; align-items:flex-start; }
  .dash-cards { grid-template-columns:1fr; }
  .st-head,.st-row { grid-template-columns:1fr 1fr; }
  .st-head span:nth-child(n+3),.st-row>span:nth-child(n+3) { display:none; }
}