body.rinkos-dashboard{
  font-family:var(--rinkos-font-system);
}

body.rinkos-dashboard .shell{
  gap:14px;
}

body.rinkos-dashboard .topbar{
  align-items:flex-end;
}

body.rinkos-dashboard .dashboard-toolbar{
  display:flex;
  align-items:flex-end;
  justify-content:flex-end;
  gap:10px;
  flex-wrap:wrap;
}

body.rinkos-dashboard .theme-control{
  display:grid;
  gap:6px;
  color:var(--muted);
  font-size:11px;
  font-weight:950;
  text-transform:uppercase;
  letter-spacing:0.3px;
}

body.rinkos-dashboard .theme-control select{
  min-width:118px;
  border:1px solid var(--ring);
  border-radius:8px;
  background:rgba(0,0,0,0.28);
  color:var(--text);
  padding:9px 10px;
  font:inherit;
  font-weight:900;
  outline:none;
}

body.rinkos-dashboard .nav a,
body.rinkos-dashboard button{
  border-color:var(--ring);
  background:rgba(225,242,236,0.08);
  color:var(--text);
}

body.rinkos-dashboard .scorebar,
body.rinkos-dashboard .scoreboard,
body.rinkos-dashboard .panel,
body.rinkos-dashboard .latest,
body.rinkos-dashboard .hero,
body.rinkos-dashboard .penalties,
body.rinkos-dashboard .alerts{
  position:relative;
  overflow:hidden;
  border-color:var(--ring);
  background:rgba(18,28,23,0.9);
  box-shadow:0 18px 44px rgba(0,0,0,0.22);
}

body.rinkos-dashboard .scorebar,
body.rinkos-dashboard .scoreboard{
  --panel-accent:rgba(31,182,166,0.5);
}

body.rinkos-dashboard .panel:first-child{
  --panel-accent:rgba(31,182,166,0.45);
}

body.rinkos-dashboard .panel:last-child{
  --panel-accent:rgba(31,87,132,0.34);
}

body.rinkos-dashboard .latest,
body.rinkos-dashboard .hero{
  --panel-accent:rgba(255,214,10,0.4);
}

body.rinkos-dashboard .scorebar::before,
body.rinkos-dashboard .scoreboard::before,
body.rinkos-dashboard .panel::before,
body.rinkos-dashboard .latest::before,
body.rinkos-dashboard .hero::before,
body.rinkos-dashboard .penalties::before,
body.rinkos-dashboard .alerts::before{
  content:"";
  position:absolute;
  left:-1px;
  right:-1px;
  top:-1px;
  height:14px;
  border-top:4px solid var(--panel-accent, transparent);
  border-top-left-radius:16px;
  border-top-right-radius:16px;
  background:none;
  pointer-events:none;
}

body.rinkos-dashboard .pill,
body.rinkos-dashboard .play,
body.rinkos-dashboard .stat,
body.rinkos-dashboard .tile,
body.rinkos-dashboard .focus-item,
body.rinkos-dashboard .point-row,
body.rinkos-dashboard .glance-card{
  border-color:rgba(225,242,236,0.08);
  background:rgba(0,0,0,0.14);
}

body.rinkos-dashboard .clock{
  color:#fff;
}

body.rinkos-dashboard[data-theme="light"] .theme-control select{
  border-color:rgba(20,37,31,0.15);
  background:rgba(255,255,255,0.82);
  color:#09120f;
}

body.rinkos-dashboard[data-theme="light"] .nav a,
body.rinkos-dashboard[data-theme="light"] button{
  border-color:rgba(20,37,31,0.14);
  background:rgba(20,37,31,0.055);
  color:#09120f;
}

body.rinkos-dashboard[data-theme="light"] .nav a:hover,
body.rinkos-dashboard[data-theme="light"] button:hover{
  border-color:rgba(20,37,31,0.24);
  background:rgba(20,37,31,0.12);
}

body.rinkos-dashboard[data-theme="light"] .scorebar,
body.rinkos-dashboard[data-theme="light"] .scoreboard,
body.rinkos-dashboard[data-theme="light"] .panel,
body.rinkos-dashboard[data-theme="light"] .latest,
body.rinkos-dashboard[data-theme="light"] .hero,
body.rinkos-dashboard[data-theme="light"] .penalties,
body.rinkos-dashboard[data-theme="light"] .alerts{
  border-color:rgba(20,37,31,0.1);
  background:linear-gradient(180deg, rgba(255,255,255,0.94), rgba(245,249,246,0.94));
  box-shadow:0 18px 44px rgba(34,49,42,0.12);
}

body.rinkos-dashboard[data-theme="light"] .pill,
body.rinkos-dashboard[data-theme="light"] .play,
body.rinkos-dashboard[data-theme="light"] .stat,
body.rinkos-dashboard[data-theme="light"] .tile,
body.rinkos-dashboard[data-theme="light"] .focus-item,
body.rinkos-dashboard[data-theme="light"] .point-row,
body.rinkos-dashboard[data-theme="light"] .glance-card{
  border-color:rgba(20,37,31,0.08);
  background:rgba(255,255,255,0.72);
}

body.rinkos-dashboard[data-theme="light"] .panel h2,
body.rinkos-dashboard[data-theme="light"] .panel summary,
body.rinkos-dashboard[data-theme="light"] .latest-label,
body.rinkos-dashboard[data-theme="light"] .hero-label{
  color:rgba(9,18,15,0.74);
}

body.rinkos-dashboard[data-theme="light"] .game-info,
body.rinkos-dashboard[data-theme="light"] .play-index,
body.rinkos-dashboard[data-theme="light"] .play-meta,
body.rinkos-dashboard[data-theme="light"] .clock-status small,
body.rinkos-dashboard[data-theme="light"] .theme-control,
body.rinkos-dashboard[data-theme="light"] .point-team,
body.rinkos-dashboard[data-theme="light"] .empty{
  color:rgba(9,18,15,0.62);
}

body.rinkos-dashboard[data-theme="light"] .feed-status{
  border-color:rgba(5,128,58,0.24);
  background:rgba(5,128,58,0.1);
  color:#0f4a2a;
}

body.rinkos-dashboard[data-theme="light"] .feed-status strong{
  color:#0f4a2a;
}

body.rinkos-dashboard[data-theme="light"] .feed-status small{
  color:rgba(15,74,42,0.78);
}

body.rinkos-dashboard[data-theme="light"] .feed-status.bad{
  border-color:rgba(190,38,31,0.26);
  background:rgba(190,38,31,0.1);
  color:#7f201a;
}

body.rinkos-dashboard[data-theme="light"] .feed-status.bad strong{
  color:#7f201a;
}

body.rinkos-dashboard[data-theme="light"] .feed-status.bad small{
  color:rgba(127,32,26,0.82);
}

body.rinkos-dashboard[data-theme="light"] .alert{
  border-color:rgba(184,124,0,0.24);
  background:rgba(255,214,10,0.12);
  color:#5e4512;
}

body.rinkos-dashboard[data-theme="light"] .alert.hit{
  border-color:rgba(190,38,31,0.26);
  background:rgba(190,38,31,0.12);
  color:#7f201a;
}

body.rinkos-dashboard[data-theme="light"] .penalty-lane-title,
body.rinkos-dashboard[data-theme="light"] .penalty-empty{
  color:rgba(9,18,15,0.62);
}

body.rinkos-dashboard[data-theme="light"] .penalty{
  border-color:rgba(184,124,0,0.24);
  background:rgba(255,214,10,0.12);
  color:#5e4512;
}

body.rinkos-dashboard[data-theme="light"] .penalty.short{
  border-color:rgba(190,38,31,0.26);
  background:rgba(190,38,31,0.12);
  color:#7f201a;
}

body.rinkos-dashboard[data-theme="light"] .penalty-release{
  color:#4a3410;
}

body.rinkos-dashboard[data-theme="light"] .penalty.short .penalty-release{
  color:#6f1c16;
}

body.rinkos-dashboard[data-theme="light"] .penalty-subclock{
  color:rgba(9,18,15,0.66);
}

body.rinkos-dashboard[data-theme="light"] .stat-side.edge,
body.rinkos-dashboard[data-theme="light"] .stat-value.edge{
  background:rgba(9,18,15,0.08);
  border-color:rgba(9,18,15,0.12);
}

body.rinkos-dashboard[data-theme="light"] .balance-row{
  border-color:rgba(20,37,31,0.08);
  background:rgba(255,255,255,0.72);
}

body.rinkos-dashboard[data-theme="light"] .balance-track{
  border-color:rgba(20,37,31,0.08);
  background:rgba(9,18,15,0.06);
}

body.rinkos-dashboard[data-theme="light"] .balance-chip.neutral{
  color:rgba(9,18,15,0.82);
  border-color:rgba(20,37,31,0.1);
  background:rgba(9,18,15,0.06);
}

body.rinkos-dashboard[data-theme="light"] .pressure-chip{
  border-color:rgba(20,37,31,0.1);
  background:rgba(9,18,15,0.04);
}

body.rinkos-dashboard[data-theme="light"] .pressure-chip.edge{
  border-color:rgba(20,37,31,0.14);
  background:rgba(9,18,15,0.08);
}

body.rinkos-dashboard[data-theme="light"] .clock{
  color:#09120f;
}

body.rinkos-dashboard[data-theme="light"] .clock:not(.running){
  border-color:rgba(190,38,31,0.42);
  background:rgba(190,38,31,0.1);
}

body.rinkos-dashboard[data-theme="light"] .clock.running{
  border-color:rgba(5,128,58,0.42);
  background:rgba(5,128,58,0.1);
}

body.rinkos-dashboard[data-theme="light"] .play.note{
  border-color:rgba(184,124,0,0.22);
  background:rgba(255,214,10,0.12);
}

body.rinkos-dashboard[data-theme="light"] .play.note .play-text{
  color:#4d3610;
}

@media (max-width:720px){
  body.rinkos-dashboard .topbar{
    align-items:flex-start;
  }

  body.rinkos-dashboard .dashboard-toolbar{
    justify-content:flex-start;
  }
}