/* All In Poker League Demo UI (SaaS-style) */
:root{
  --aipl-bg:#0b0f14;
  --aipl-card:#0f1722;
  --aipl-border:rgba(255,255,255,.08);
  --aipl-text:#e6edf6;
  --aipl-muted:rgba(230,237,246,.65);
  --aipl-accent:#d11f2a; /* red */
  --aipl-accent2:#f5c542; /* gold */
  --aipl-glow:rgba(209,31,42,.35);
}

.aipl-demo-note{
  padding:12px 14px;
  border:1px solid var(--aipl-border);
  border-radius:14px;
  background:rgba(15,23,34,.65);
  color:var(--aipl-text);
}

.aipl-demo-grid{display:grid; gap:16px;}
.aipl-demo-grid-2{grid-template-columns:repeat(2,minmax(0,1fr));}
.aipl-demo-grid-3{grid-template-columns:repeat(3,minmax(0,1fr));}
@media(max-width:900px){
  .aipl-demo-grid-2,.aipl-demo-grid-3{grid-template-columns:1fr;}
}

.aipl-card{
  background:linear-gradient(180deg, rgba(15,23,34,.92), rgba(15,23,34,.82));
  border:1px solid var(--aipl-border);
  border-radius:18px;
  padding:16px;
  color:var(--aipl-text);
  box-shadow:0 12px 40px rgba(0,0,0,.35);
}

.aipl-card-title{
  font-weight:700;
  letter-spacing:.02em;
  text-transform:uppercase;
  font-size:12px;
  color:var(--aipl-muted);
  margin-bottom:10px;
}

.aipl-big{
  font-size:24px;
  font-weight:800;
  line-height:1.15;
}

.aipl-muted{color:var(--aipl-muted);}

.aipl-metric-row{
  display:grid;
  grid-template-columns:repeat(3,minmax(0,1fr));
  gap:10px;
  margin-top:12px;
}
@media(max-width:900px){ .aipl-metric-row{grid-template-columns:1fr;} }

.aipl-metric{
  border:1px solid var(--aipl-border);
  border-radius:14px;
  padding:10px;
  background:rgba(11,15,20,.35);
}
.aipl-metric-label{font-size:11px; color:var(--aipl-muted); text-transform:uppercase; letter-spacing:.03em;}
.aipl-metric-value{font-size:18px; font-weight:800; margin-top:4px;}

.aipl-pill{
  display:inline-block;
  margin-top:12px;
  padding:6px 10px;
  border-radius:999px;
  border:1px solid rgba(245,197,66,.25);
  background:rgba(245,197,66,.08);
  color:rgba(245,197,66,.95);
  font-weight:700;
  font-size:12px;
}

.aipl-table{display:flex; flex-direction:column; gap:8px;}
.aipl-tr{
  display:grid;
  grid-template-columns:60px 1.6fr 1.2fr 0.8fr 1fr 0.8fr 0.8fr;
  gap:10px;
  padding:10px 12px;
  border:1px solid var(--aipl-border);
  border-radius:14px;
  background:rgba(11,15,20,.28);
  align-items:center;
}
.aipl-th{
  background:rgba(209,31,42,.08);
  border-color:rgba(209,31,42,.20);
  font-weight:800;
  color:rgba(230,237,246,.85);
}
@media(max-width:900px){
  .aipl-tr{grid-template-columns:1fr 1fr; grid-auto-rows:auto;}
  .aipl-th{display:none;}
}

.aipl-link{
  color:rgba(245,197,66,.95);
  text-decoration:none;
}
.aipl-link:hover{ text-decoration:underline; }

.aipl-grid{display:grid; gap:12px;}

.aipl-player-card{
  display:block;
  text-decoration:none;
  border:1px solid var(--aipl-border);
  border-radius:18px;
  padding:14px;
  background:rgba(11,15,20,.28);
  color:var(--aipl-text);
  transition:transform .12s ease, box-shadow .12s ease, border-color .12s ease;
}
.aipl-player-card:hover{
  transform:translateY(-2px);
  border-color:rgba(209,31,42,.35);
  box-shadow:0 14px 40px rgba(0,0,0,.35), 0 0 0 4px rgba(209,31,42,.10);
}
.aipl-player-name{font-size:16px; font-weight:900;}
.aipl-player-meta{color:var(--aipl-muted); font-size:12px; margin-top:4px;}
.aipl-player-metrics{
  display:grid;
  grid-template-columns:repeat(2,minmax(0,1fr));
  gap:10px;
  margin-top:10px;
}
.aipl-player-metrics span{display:block; font-size:11px; color:var(--aipl-muted); text-transform:uppercase; letter-spacing:.03em;}
.aipl-player-metrics strong{display:block; font-size:16px; font-weight:900; margin-top:2px;}
.aipl-player-cta{margin-top:10px; font-weight:800; color:rgba(209,31,42,.95);}

.aipl-profile{
  display:grid;
  grid-template-columns:1.2fr 1fr;
  gap:14px;
}
@media(max-width:900px){ .aipl-profile{grid-template-columns:1fr;} }
.aipl-profile-metrics{
  display:grid;
  grid-template-columns:repeat(2,minmax(0,1fr));
  gap:10px;
}

/* KPI tiles + capacity meter */
.aipl-demo-grid-4{grid-template-columns:repeat(4,minmax(0,1fr));}
@media(max-width:1100px){.aipl-demo-grid-4{grid-template-columns:repeat(2,minmax(0,1fr));}}
@media(max-width:700px){.aipl-demo-grid-4{grid-template-columns:1fr;}}

.aipl-card-compact{padding:14px;}

.aipl-meter-wrap{margin-top:6px;}
.aipl-meter-label{display:flex; align-items:center; justify-content:space-between; gap:12px; font-size:12px; color:var(--aipl-muted); margin-bottom:8px;}
.aipl-meter{height:10px; border-radius:999px; overflow:hidden; background:rgba(255,255,255,.06); border:1px solid var(--aipl-border);}
.aipl-meter-fill{height:100%; background:linear-gradient(90deg, rgba(209,31,42,.95), rgba(245,197,66,.95)); box-shadow:0 0 22px var(--aipl-glow);}

.aipl-kpi-label{font-size:12px; letter-spacing:.02em; text-transform:uppercase; color:var(--aipl-muted); margin-bottom:6px; font-weight:700;}
.aipl-kpi-value{font-size:22px; font-weight:900; line-height:1.1;}
.aipl-kpi-sub{margin-top:6px; font-size:12px; color:var(--aipl-muted);}
.aipl-metric-suffix{font-size:12px; color:var(--aipl-muted); margin-left:4px; font-weight:700;}

/* Spotlight */
.aipl-spot-grid{display:grid; grid-template-columns:1.2fr 1fr auto; gap:14px; align-items:center;}
@media(max-width:900px){.aipl-spot-grid{grid-template-columns:1fr;}}
.aipl-spot-name{font-size:22px; font-weight:950; line-height:1.15;}
.aipl-spot-metrics{display:grid; grid-template-columns:repeat(3,minmax(0,1fr)); gap:10px;}
@media(max-width:900px){.aipl-spot-metrics{grid-template-columns:repeat(2,minmax(0,1fr));}}
.aipl-spot-actions{display:flex; flex-direction:column; gap:10px; align-items:flex-end;}
@media(max-width:900px){.aipl-spot-actions{align-items:flex-start;}}

.aipl-rankdelta{display:inline-flex; align-items:center; margin-left:8px; padding:2px 8px; border-radius:999px; font-weight:900; font-size:12px; border:1px solid var(--aipl-border); background:rgba(11,15,20,.35);}
.aipl-rankdelta-up{color:rgba(245,197,66,.95); border-color:rgba(245,197,66,.25);}
.aipl-rankdelta-down{color:rgba(209,31,42,.95); border-color:rgba(209,31,42,.25);}
.aipl-rankdelta-flat{color:rgba(230,237,246,.85);}

/* Minimal button style (theme may override) */
.aipl-btn{display:inline-flex; align-items:center; justify-content:center; gap:8px; padding:10px 12px; border-radius:12px; border:1px solid var(--aipl-border); background:rgba(11,15,20,.28); color:var(--aipl-text); text-decoration:none; font-weight:850; cursor:pointer;}
.aipl-btn:hover{border-color:rgba(209,31,42,.35); box-shadow:0 0 0 4px rgba(209,31,42,.10);}

/* Revenue dashboard hero */
.aipl-hero{padding:18px;}
.aipl-hero-grid{display:grid; grid-template-columns:1.2fr 1fr; gap:16px; align-items:start;}
@media(max-width:900px){.aipl-hero-grid{grid-template-columns:1fr;}}
.aipl-hero-big{font-size:14px; font-weight:850; letter-spacing:.01em; color:rgba(230,237,246,.9);}
.aipl-hero-amt{font-size:44px; font-weight:980; line-height:1.0; margin-top:6px;}
@media(max-width:700px){.aipl-hero-amt{font-size:38px;}}

.aipl-proj-grid{display:grid; grid-template-columns:repeat(3,minmax(0,1fr)); gap:10px; margin-top:12px;}
@media(max-width:900px){.aipl-proj-grid{grid-template-columns:1fr;}}
.aipl-proj{border:1px solid var(--aipl-border); border-radius:16px; padding:10px 12px; background:rgba(11,15,20,.30);}
.aipl-proj-mid{border-color:rgba(245,197,66,.28); box-shadow:0 0 0 4px rgba(245,197,66,.06) inset;}
.aipl-proj-label{font-size:11px; color:var(--aipl-muted); text-transform:uppercase; letter-spacing:.03em; font-weight:750;}
.aipl-proj-val{font-size:20px; font-weight:950; margin-top:4px;}

/* Segment snapshot */
.aipl-seg-wrap{display:flex; flex-direction:column; gap:10px; margin-top:4px;}
.aipl-seg-row{display:grid; grid-template-columns:140px 1fr 54px; gap:10px; align-items:center;}
@media(max-width:700px){.aipl-seg-row{grid-template-columns:110px 1fr 44px;}}
.aipl-seg-name{font-weight:850; font-size:13px;}
.aipl-seg-bar{height:10px; border-radius:999px; overflow:hidden; background:rgba(255,255,255,.06); border:1px solid var(--aipl-border);}
.aipl-seg-bar span{display:block; height:100%; background:linear-gradient(90deg, rgba(245,197,66,.95), rgba(209,31,42,.95)); box-shadow:0 0 18px var(--aipl-glow);}
.aipl-seg-val{font-weight:900; font-size:12px; color:rgba(230,237,246,.85); text-align:right;}

/* Make demo table rows clearly clickable */
.aipl-player-row{color:var(--aipl-text); text-decoration:none;}
.aipl-player-row:hover{border-color:rgba(209,31,42,.35); box-shadow:0 0 0 4px rgba(209,31,42,.10);}