/* tei-proj.css : dark-system skin for QB/RB projections (loaded after qbprojections.css / rbprojections.css) */

/* the legacy sheets restyle <body>; hand it back to the site theme */
body.tei-proj{
  font-family:var(--tei-font-body); font-size:16px; line-height:1.5;
  background:var(--tei-ink); color:var(--tei-fg);
  --acc:var(--tei-accent); --acc2:var(--tei-blue); --border:var(--tei-line);
  --panel:var(--tei-panel); --card:var(--tei-panel); --muted:var(--tei-fg-dim); --text:var(--tei-fg); --bg:var(--tei-ink);
}
.tei-proj__sub{max-width:460px;margin:0}
.tei-proj__switch{margin-top:20px}
.tei-dark .tei-chips a.is-active{background:var(--tei-accent);border-color:var(--tei-accent);color:var(--tei-accent-ink)}

/* filter bar */
.tei-proj .tei-proj__controls{
  display:flex; flex-wrap:wrap; align-items:flex-end; gap:12px 16px;
  margin-top:20px; padding:16px; border-radius:var(--tei-radius);
  background:var(--tei-panel); border:1px solid var(--tei-line);
}
.tei-proj .qb-control,.tei-proj .rb-control{display:flex;flex-direction:column;gap:6px;min-width:0}
.tei-proj .qb-control label,.tei-proj .rb-control label{
  margin:0; font-family:var(--tei-font-label); font-weight:600; font-size:13px; letter-spacing:1px;
  text-transform:uppercase; color:var(--tei-fg-dim);
}
.tei-proj .qb-control select,.tei-proj .rb-control select,
.tei-proj .qb-control input[type=text],.tei-proj .rb-control input[type=text]{
  height:40px; padding:0 12px; border-radius:10px; border:1px solid var(--tei-line);
  background:var(--tei-ink); color:var(--tei-fg); font:500 15px var(--tei-font-body); box-sizing:border-box;
}
.tei-proj .qb-control select:focus,.tei-proj .rb-control select:focus,
.tei-proj .qb-control input:focus,.tei-proj .rb-control input:focus{outline:2px solid var(--tei-blue);outline-offset:1px}
.tei-proj .tei-proj__search input{width:220px}
.tei-proj .qb-toggle,.tei-proj .rb-toggle{align-self:center;margin-top:18px}
.tei-proj .qb-toggle label,.tei-proj .rb-toggle label{display:flex;align-items:center;gap:8px;cursor:pointer;color:var(--tei-fg);font-size:15px}
.tei-proj .qb-toggle input,.tei-proj .rb-toggle input{width:18px;height:18px;margin:0;accent-color:var(--tei-accent)}
.tei-proj__legend{margin:14px 0 0;font-size:14px}

/* cards grid */
.tei-proj #cards{
  display:grid; grid-template-columns:repeat(auto-fill,minmax(min(320px,100%),1fr));
  gap:16px; padding:0; margin:20px 0 8px;
}
.tei-proj .qb-group-header,.tei-proj .rb-group-header{
  grid-column:1/-1; display:flex; align-items:baseline; gap:12px; margin-top:12px; padding:0 0 6px;
  border-bottom:1px solid var(--tei-line);
}
.tei-proj .qb-group-title,.tei-proj .rb-group-title{font-family:var(--tei-font-label);font-weight:700;font-size:22px;letter-spacing:.5px;text-transform:uppercase}
.tei-proj .qb-group-meta,.tei-proj .rb-group-meta{font-size:14px;color:var(--tei-fg-dim);opacity:1}

.tei-proj .qb-card,.tei-proj .rb-card{
  background:var(--tei-panel); border:1px solid var(--tei-line); border-radius:var(--tei-radius);
  padding:16px; box-shadow:none; min-width:0;
}
.tei-proj .qb-card:hover,.tei-proj .rb-card:hover{border-color:#2a3a5c}
.tei-proj .qb-card:before,.tei-proj .rb-card:before{display:none}
.tei-proj .qb-card-top,.tei-proj .rb-card-top{display:grid;grid-template-columns:auto 1fr;align-items:center;gap:14px;margin-bottom:12px;text-align:left}
.tei-proj .qb-media,.tei-proj .rb-media{display:flex;align-items:flex-end;position:relative}
.tei-proj .qb-photo,.tei-proj .rb-photo{width:72px;height:72px;border-radius:50%;object-fit:cover;background:var(--tei-panel-2);box-shadow:none}
.tei-proj .qb-logo,.tei-proj .rb-logo{width:28px;height:28px;margin-left:-18px;border-radius:50%;background:var(--tei-ink);padding:2px}
.tei-proj .qb-player,.tei-proj .rb-player{font-family:var(--tei-font-label);font-weight:700;font-size:22px;line-height:1.1;text-transform:uppercase;letter-spacing:.3px;overflow-wrap:anywhere}
.tei-proj .qb-player a,.tei-proj .rb-player a,.tei-proj .qb-player-link,.tei-proj .rb-player-link{color:var(--tei-fg);text-decoration:none}
.tei-proj .qb-player a:hover,.tei-proj .rb-player a:hover{color:var(--tei-accent)}
.tei-proj .qb-meta,.tei-proj .rb-meta{margin-top:2px;font-family:var(--tei-font-label);font-weight:600;font-size:14px;letter-spacing:.8px;text-transform:uppercase;color:var(--tei-fg-dim)}

.tei-proj .qb-badges,.tei-proj .rb-badges{gap:6px;margin-bottom:12px}
.tei-proj .qb-badge,.tei-proj .rb-badge{
  padding:3px 9px; border-radius:999px; box-shadow:none;
  font-family:var(--tei-font-label); font-weight:600; font-size:13px; letter-spacing:.4px;
  background:rgba(46,167,255,.14); color:var(--tei-blue);
}
.tei-proj .qb-badge.alt,.tei-proj .rb-badge.alt{background:rgba(63,214,138,.16);color:var(--tei-accent)}

.tei-proj .qb-rows,.tei-proj .rb-rows{gap:0}
.tei-proj .qb-row,.tei-proj .rb-row{
  padding:9px 2px; border:0; border-top:1px solid var(--tei-line); border-radius:0; background:none;
  font-size:15px; color:var(--tei-fg-dim); align-items:baseline;
}
.tei-proj .qb-value,.tei-proj .rb-value{color:var(--tei-fg);font-weight:600;font-variant-numeric:tabular-nums;text-align:right}

/* RB odds block */
.tei-proj .rb-row.rb-odds{border-style:solid;margin-top:6px;padding:12px;border:1px solid var(--tei-line);border-radius:10px;background:var(--tei-ink)}
.tei-proj .rb-row.rb-odds .rb-value{text-align:left}
.tei-proj .rb-odds-title{font-family:var(--tei-font-label);font-weight:700;font-size:14px;letter-spacing:.8px;text-transform:uppercase;color:var(--tei-fg-dim);opacity:1}
.tei-proj .rb-odds-table th,.tei-proj .rb-odds-table td{font-family:var(--tei-font-body);border-bottom-color:var(--tei-line)}
.tei-proj .rb-odds-table th{background:none;font-family:var(--tei-font-label);font-size:13px;letter-spacing:.8px;text-transform:uppercase;color:var(--tei-fg-dim)}
.tei-proj .rb-odds-table tr:nth-child(odd) td{background:none}
.tei-proj .rb-odds-mkt{border-color:var(--tei-line);background:none}

/* error / empty card the scripts print */
.tei-proj #cards > .qb-card:only-child,.tei-proj #cards > .rb-card:only-child{max-width:520px}

@media (max-width:560px){
  .tei-proj .tei-proj__controls{display:grid;grid-template-columns:1fr 1fr;padding:14px}
  .tei-proj .tei-proj__search{grid-column:1/-1}
  .tei-proj .tei-proj__search input{width:100%}
  .tei-proj .qb-control select,.tei-proj .rb-control select{width:100%}
  .tei-proj .qb-toggle,.tei-proj .rb-toggle{margin-top:0}
  .tei-proj .qb-photo,.tei-proj .rb-photo{width:60px;height:60px}
}