/* Casino tool v57 — top tabs + Evolution live insights */

.cs-top-tabs{
  margin-top:12px;
  display:flex;
  gap:8px;
  flex-wrap:wrap;
}
.cs-top-tab{ padding:10px 12px; }

@media(max-width:860px){
  .cs-top-tabs{ flex-wrap:nowrap; overflow-x:auto; -webkit-overflow-scrolling:touch; scrollbar-width:none; padding-bottom:6px; }
  .cs-top-tabs::-webkit-scrollbar{ height:0; }
  .cs-top-tab{ flex:0 0 auto; }
}

.cs-view{ display:none; }
.cs-view.on{ display:block; }

.cs-evo-grid{
  margin-top:12px;
  display:grid;
  gap:12px;
  grid-template-columns: 1fr 1fr 1fr;
}
@media(max-width:980px){
  .cs-evo-grid{ grid-template-columns: 1fr; }
}

.cs-evo-out{
  border:1px solid rgba(255,255,255,.10);
  background:radial-gradient(700px 260px at 12% 18%,rgba(var(--st-accent-rgb,95,178,255),.14),transparent 60%),
             rgba(0,0,0,.18);
  border-radius:18px;
  padding:12px;
  font-variant-numeric: tabular-nums;
}
.cs-evo-out .row{ display:flex; justify-content:space-between; gap:10px; padding:6px 0; border-top:1px solid rgba(255,255,255,.08); }
.cs-evo-out .row:first-child{ border-top:none; }
.cs-evo-out .k{ color:var(--muted, rgba(255,255,255,.62)); font-weight:900; font-size:12px; }
.cs-evo-out .v{ color:var(--text, #f4f6ff); font-weight:1100; font-size:14px; }
.cs-evo-out .v.neg{ color:rgba(255,120,120,.92); }

/* v62 — shoe tracker */
/* v76: layout polish (providers/controls top, actions full row) */
.cs-shoe-toolbar{
  display:grid;
  grid-template-columns: 1fr auto;
  grid-template-areas:
    "prov ctrl"
    "act act";
  gap:10px;
  align-items:center;
}
@media (max-width: 860px){
  .cs-shoe-toolbar{ grid-template-columns: 1fr; grid-template-areas: "prov" "ctrl" "act"; }
  .cs-shoe-controls{ justify-self:start; }
}
.cs-shoe-providers{ display:flex; gap:8px; flex-wrap:wrap; }
.cs-shoe-providers{ grid-area: prov; }
.cs-shoe-controls{ grid-area: ctrl; justify-self:end; }
.cs-shoe-actions{ grid-area: act; }
.cs-shoe-pill{
  border:1px solid rgba(255,255,255,.10);
  background: rgba(0,0,0,.16);
  color: rgba(255,255,255,.85);
  padding: 8px 10px;
  border-radius: 999px;
  font-weight: 1000;
  cursor:pointer;
}
.cs-shoe-pill.on{ border-color: rgba(var(--st-accent-rgb,95,178,255), .42); box-shadow: 0 0 0 3px rgba(var(--st-accent-rgb,95,178,255), .14); color: rgba(255,255,255,.95); }
.cs-shoe-actions{ display:flex; gap:8px; flex-wrap:wrap; }
.cs-shoe-soft{ opacity:.88; }

.cs-shoe-seq{ font-weight:1100; letter-spacing:.06em; }
.cs-shoe-mono{ font-variant-numeric: tabular-nums; }

/* EVO calculators: horizontal fold (tabs) */
.cs-evo-acc{ margin-top:12px; }
.cs-evo-acc-tabs{
  display:flex;
  gap:8px;
  align-items:center;
  padding:10px;
  border-radius:18px;
  background: linear-gradient(180deg, rgba(255,255,255,.06), rgba(0,0,0,.06));
  border:1px solid rgba(255,255,255,.10);
  box-shadow: 0 10px 30px rgba(0,0,0,.16);
  position: sticky;
  top: 58px;
  z-index: 2;
}
@media (max-width: 860px){
  .cs-evo-acc-tabs{ position: static; box-shadow:none; }
}
.cs-evo-tab{
  flex:1;
  display:inline-flex;
  justify-content:center;
  align-items:center;
  height:40px;
  border-radius:14px;
  border:1px solid rgba(255,255,255,.10);
  background: rgba(0,0,0,.18);
  color: rgba(255,255,255,.78);
  font-weight:900;
  letter-spacing:.02em;
  cursor:pointer;
}
.cs-evo-tab.on{
  background: rgba(255,255,255,.12);
  color: rgba(255,255,255,.96);
  border-color: rgba(255,255,255,.18);
}
.cs-evo-panel{ display:none; }
.cs-evo-panel.on{ display:block; }

/* Shoe tracker: enlarged analysis block + warning badges */
.cs-evo-out{ padding:0; }
.cs-evo-out .cs-shoe-grid{
  display:grid;
  grid-template-columns: 1.12fr .88fr;
  gap:12px;
  align-items:start; /* prevent empty stretch on left box */
}
@media (max-width: 860px){
  .cs-evo-out .cs-shoe-grid{ grid-template-columns: 1fr; }
}
.cs-evo-out .cs-shoe-box{
  border:1px solid rgba(255,255,255,.10);
  border-radius:18px;
  background: rgba(0,0,0,.14);
  padding:12px;
}
.cs-evo-out .cs-shoe-meta{
  display:flex;
  justify-content:space-between;
  gap:10px;
  align-items:flex-start;
}
.cs-evo-out .cs-shoe-provider{ font-weight:1100; letter-spacing:.02em; }
.cs-evo-out .cs-shoe-count{ color: rgba(255,255,255,.72); font-size:12px; }
.cs-evo-out .cs-shoe-seqrow{ display:flex; gap:10px; margin-top:8px; }
.cs-evo-out .cs-shoe-seqrow .label{ width:64px; color: rgba(255,255,255,.62); font-size:12px; }
.cs-evo-out .cs-shoe-seq{ letter-spacing:.06em; font-weight:900; }

/* v76: label pills used inside analysis strings */
.cs-evo-out .shoe-pill{
  display:inline-flex;
  align-items:center;
  padding:4px 10px;
  border-radius:999px;
  font-size:12px;
  font-weight:1100;
  border:1px solid rgba(255,255,255,.14);
  background: rgba(0,0,0,.14);
  color: rgba(255,255,255,.84);
  margin-left:8px;
}
.cs-evo-out .shoe-pill.alt{ border-color: rgba(var(--st-accent-rgb,95,178,255), .28); background: rgba(var(--st-accent-rgb,95,178,255), .12); }

.cs-evo-out .cs-shoe-analysis{
  border:1px solid rgba(255,255,255,.12);
  border-radius:18px;
  background: linear-gradient(180deg, rgba(255,255,255,.06), rgba(0,0,0,.20));
  padding:14px;
  box-shadow: 0 16px 40px rgba(0,0,0,.22);
}
.cs-evo-out .cs-shoe-ana-head{ display:flex; justify-content:space-between; gap:10px; align-items:center; }
.cs-evo-out .cs-shoe-ana-title{ font-weight:1200; letter-spacing:.02em; }
.cs-evo-out .cs-shoe-badges{ display:flex; gap:8px; flex-wrap:wrap; justify-content:flex-end; }
.cs-evo-out .shoe-badge{
  display:inline-flex;
  align-items:center;
  padding:6px 10px;
  border-radius:999px;
  font-size:12px;
  font-weight:1100;
  border:1px solid rgba(255,255,255,.14);
  background: rgba(0,0,0,.18);
  color: rgba(255,255,255,.86);
}
.cs-evo-out .shoe-badge.hot{ border-color: rgba(255,80,80,.42); background: rgba(255,60,60,.10); color: rgba(255,180,180,.98); }
.cs-evo-out .shoe-badge.tie{ border-color: rgba(255,210,120,.38); background: rgba(255,200,120,.10); color: rgba(255,235,190,.98); }
.cs-evo-out .shoe-badge.dev{ border-color: rgba(95,178,255,.36); background: rgba(95,178,255,.12); color: rgba(185,225,255,.98); }
.cs-evo-out .shoe-badge.ok{ border-color: rgba(140,255,200,.22); background: rgba(120,255,190,.08); color: rgba(200,255,230,.95); }

.cs-evo-out .cs-shoe-ana-prob{
  margin-top:12px;
  padding:12px 12px;
  border-radius:16px;
  background: rgba(0,0,0,.18);
  border:1px solid rgba(255,255,255,.10);
  font-weight:1200;
  letter-spacing:.02em;
  font-size:16px;
}
@media (min-width: 860px){
  .cs-evo-out .cs-shoe-ana-prob{ font-size:18px; }
}

.cs-evo-out .cs-shoe-ana-prob.big{
  font-size:18px;
  padding:14px 14px;
}
@media (min-width: 860px){
  .cs-evo-out .cs-shoe-ana-prob.big{ font-size:22px; }
}
.cs-evo-out .cs-shoe-ana-prob .v{ margin-left:10px; }
.cs-evo-out .cs-shoe-ana-prob.big b{ font-weight:1400; }
.cs-evo-out .cs-shoe-ana-prob .k{ color: rgba(255,255,255,.72); font-weight:900; }
.cs-evo-out .cs-shoe-ana-note{
  margin-top:10px;
  color: rgba(255,255,255,.68);
  font-size:12px;
  line-height:1.4;
}

/* Make shoe tracker + accordion span full width in 3-col grid */
.cs-evo-grid > [aria-label="슈 트래커"],
.cs-evo-grid > .cs-evo-acc{ grid-column: 1 / -1; }


/* v69: shoe tracker AI briefing + auto tagging */
.cs-evo-out .cs-shoe-brief{margin-top:12px;padding:12px;border-radius:16px;background:var(--panel,rgba(255,255,255,.06));border:1px solid var(--panel-border,rgba(255,255,255,.10));box-shadow:var(--shadow-sm);}  
[data-theme="light"] .cs-evo-out .cs-shoe-brief{background:var(--panel,rgba(245,246,248,.92));border:1px solid var(--panel-border,rgba(15,23,42,.10));box-shadow:var(--shadow-sm);}   
.cs-evo-out .cs-shoe-brief-head{display:flex;align-items:flex-end;justify-content:space-between;gap:10px;flex-wrap:wrap;}
.cs-evo-out .cs-shoe-brief-title{font-weight:1200;letter-spacing:.02em;}
.cs-evo-out .cs-shoe-brief-sub{font-size:12px;opacity:.75;margin-top:2px;}
.cs-evo-out .cs-shoe-score{font-size:28px;font-weight:1300;line-height:1;font-variant-numeric:tabular-nums;}
.cs-evo-out .cs-shoe-score-sub{font-size:12px;font-weight:1000;opacity:.8;margin-left:8px;}
.cs-evo-out .cs-shoe-tags{margin-top:10px;display:flex;flex-wrap:wrap;gap:8px;}
.cs-evo-out .cs-shoe-tag{display:inline-flex;align-items:center;padding:6px 10px;border-radius:999px;font-size:12px;font-weight:1100;border:1px solid rgba(255,255,255,.14);background:rgba(0,0,0,.14);} 
[data-theme="light"] .cs-evo-out .cs-shoe-tag{border:1px solid rgba(0,0,0,.10);background:rgba(0,0,0,.04);} 
.cs-evo-out .cs-shoe-tag.good{border-color: rgba(65,200,120,.35);background:rgba(65,200,120,.12);} 
.cs-evo-out .cs-shoe-tag.warn{border-color: rgba(235,195,70,.35);background:rgba(235,195,70,.12);} 
.cs-evo-out .cs-shoe-tag.bad{border-color: rgba(255,96,96,.35);background:rgba(255,96,96,.12);} 
.cs-evo-out .cs-shoe-brief-grid{margin-top:10px;display:grid;grid-template-columns:1fr 1fr;gap:10px;}
@media(max-width:860px){.cs-evo-out .cs-shoe-brief-grid{grid-template-columns:1fr;}}
.cs-evo-out .cs-shoe-brief-k{font-size:12px;font-weight:1100;opacity:.78;}
.cs-evo-out .cs-shoe-ul{margin:8px 0 0 18px;padding:0;}
.cs-evo-out .cs-shoe-ul li{margin:4px 0;font-size:12.5px;line-height:1.45;opacity:.92;}

/* v72: shoe empty state */
.cs-empty{
  padding:14px 14px;
  border:1px dashed rgba(0,0,0,.15);
  border-radius:14px;
  background: rgba(255,255,255,.55);
  color: rgba(0,0,0,.65);
  font-size:13px;
}
@media (prefers-color-scheme: dark){
  .cs-empty{border-color: rgba(255,255,255,.18); background: rgba(0,0,0,.22); color: rgba(255,255,255,.75);}
}


/* v74: shoe tracker window/mode controls */
.cs-shoe-controls{display:flex;gap:10px;flex-wrap:wrap;align-items:center;}
.cs-shoe-group{display:flex;gap:8px;flex-wrap:wrap;align-items:center;}
.cs-shoe-group .lbl{font-size:12px;font-weight:1100;opacity:.8;}
[data-theme="light"] .cs-shoe-group .lbl{color: rgba(15,23,42,.66);}