/* ══════════════════════════════════════════════
   LION QUANTEDGE — features.css
   Kelly · Scanner · Tracker · Export · Notes
══════════════════════════════════════════════ */

/* ── KELLY CRITERION ──────────────────────── */
.kelly-panel{
  background:var(--panel);border:1px solid var(--border);border-radius:10px;
  overflow:hidden;margin-bottom:0;
}
.kelly-header{
  display:flex;align-items:center;justify-content:space-between;flex-wrap:wrap;gap:10px;
  padding:12px 16px;
  background:linear-gradient(90deg,rgba(0,230,118,.06),transparent);
  border-bottom:1px solid var(--border);
  font-family:'Oxanium',sans-serif;font-size:12px;font-weight:600;
  color:var(--green);letter-spacing:1px;
}
.kelly-bankroll-wrap{display:flex;align-items:center;gap:8px;font-size:12px;color:var(--muted)}
.kelly-bankroll-input{
  background:var(--panel2);border:1px solid var(--border2);color:var(--text);
  padding:5px 10px;border-radius:6px;font-size:13px;font-family:'Space Mono',monospace;
  width:110px;text-align:center;
}
.kelly-bankroll-input:focus{outline:none;border-color:var(--green)}
.kelly-table-wrap{overflow-x:auto;padding:4px 0}
.kelly-table{width:100%;border-collapse:collapse;font-size:12px}
.kelly-table th{
  padding:8px 12px;text-align:left;font-family:'Oxanium',sans-serif;font-size:10px;
  font-weight:600;color:var(--muted);letter-spacing:1px;text-transform:uppercase;
  border-bottom:1px solid var(--border);white-space:nowrap;
}
.kelly-row td{padding:8px 12px;border-bottom:1px solid rgba(255,255,255,.04);vertical-align:middle}
.kelly-row:last-child td{border-bottom:none}
.kelly-row:hover td{background:rgba(255,255,255,.02)}
.kd-market{font-size:13px;font-weight:500}
.kd-odd{font-family:'Space Mono',monospace;font-size:13px;color:var(--gold)}
.kd-ev{font-family:'Space Mono',monospace;font-size:12px;font-weight:700}
.kd-kelly{font-family:'Space Mono',monospace;font-size:12px}
.kd-rec{background:rgba(0,230,118,.04)}
.kd-stake{font-family:'Space Mono',monospace;font-size:12px;color:var(--green);font-weight:700}
.kbadge{padding:2px 8px;border-radius:4px;font-size:11px;font-family:'Space Mono',monospace}
.kfull{background:rgba(255,193,7,.12);color:var(--gold)}
.khalf{background:rgba(41,182,246,.12);color:var(--blue)}
.kquart{background:rgba(0,230,118,.15);color:var(--green);font-weight:700}
.krec-tag{font-size:9px;background:var(--green);color:#000;padding:1px 5px;border-radius:3px;margin-left:4px;font-weight:700}
.kelly-note{font-size:10px;color:var(--muted);padding:8px 14px;border-top:1px solid var(--border)}

/* ── SCANNER ──────────────────────────────── */
.scanner-panel{
  background:var(--panel);border:1px solid var(--border);border-radius:10px;overflow:hidden;
}
.scanner-header{
  display:flex;align-items:baseline;justify-content:space-between;flex-wrap:wrap;gap:6px;
  padding:12px 16px;border-bottom:1px solid var(--border);
  font-family:'Oxanium',sans-serif;font-size:12px;font-weight:600;color:var(--blue);letter-spacing:1px;
}
.scanner-sub{font-size:11px;color:var(--muted);font-family:'Inter',sans-serif;font-weight:400;letter-spacing:0}
.scan-cols-header{
  display:grid;grid-template-columns:1.4fr 80px 110px 90px 1fr;gap:8px;
  padding:7px 14px;font-family:'Oxanium',sans-serif;font-size:10px;font-weight:600;
  color:var(--muted);letter-spacing:1px;border-bottom:1px solid var(--border);
}
.scan-rows{max-height:360px;overflow-y:auto}
.scan-row{
  display:grid;grid-template-columns:1.4fr 80px 110px 90px 1fr;gap:8px;
  align-items:center;padding:7px 14px;
  border-bottom:1px solid rgba(255,255,255,.04);transition:background .1s;
}
.scan-row:hover{background:rgba(255,255,255,.02)}
.scan-label{font-size:12px;font-weight:500}
.scan-fair{font-family:'Space Mono',monospace;font-size:11px;color:var(--muted)}
.scan-input{
  background:var(--panel2);border:1px solid var(--border2);color:var(--text);
  padding:5px 8px;border-radius:5px;font-size:13px;font-family:'Space Mono',monospace;
  width:100%;text-align:center;transition:border-color .2s;
}
.scan-input:focus{outline:none;border-color:var(--blue)}
.scan-ev,.scan-kelly{font-family:'Space Mono',monospace;font-size:12px;font-weight:700}
.scanner-paste-note{
  font-size:11px;color:var(--muted);padding:10px 14px;
  border-top:1px solid var(--border);background:var(--panel2);
}

/* ── MAIN TABS (Calculadora + Tracker + etc) ─ */
.main-tabs{display:flex;gap:2px;border-bottom:1px solid var(--border);
  background:var(--panel);padding:0 16px;flex-shrink:0}
.main-tab{
  padding:10px 16px;border-bottom:2px solid transparent;
  font-family:'Oxanium',sans-serif;font-size:12px;font-weight:600;letter-spacing:.8px;
  color:var(--muted);cursor:pointer;text-transform:uppercase;transition:all .2s;
  background:none;border-left:none;border-right:none;border-top:none;margin-bottom:-1px;
}
.main-tab:hover{color:var(--text)}
.main-tab.active{color:var(--green);border-bottom-color:var(--green)}

/* ── BET TRACKER ──────────────────────────── */
.tracker-wrap{flex:1;display:flex;flex-direction:column;overflow:hidden}
.tracker-toolbar{
  padding:14px 18px;background:var(--panel);border-bottom:1px solid var(--border);
  display:flex;align-items:center;gap:12px;flex-shrink:0;flex-wrap:wrap;
}
#tracker-content{flex:1;overflow-y:auto;padding:16px 18px}
.tracker-stats{
  display:grid;grid-template-columns:repeat(auto-fit,minmax(130px,1fr));
  gap:10px;margin-bottom:16px;
}
.ts-card{background:var(--panel);border:1px solid var(--border);border-radius:8px;padding:12px 14px}
.ts-num{font-family:'Space Mono',monospace;font-size:20px;font-weight:700;margin-bottom:3px}
.ts-lbl{font-size:11px;color:var(--muted)}
.sc-green{color:var(--green)}.sc-gold{color:var(--gold)}.sc-blue{color:var(--blue)}.sc-red{color:var(--red)}
.tracker-actions{display:flex;gap:8px;margin-bottom:14px;flex-wrap:wrap}
.btn-add-bet{
  padding:9px 18px;background:var(--green);color:#000;border:none;border-radius:7px;
  font-family:'Oxanium',sans-serif;font-size:12px;font-weight:700;letter-spacing:1px;cursor:pointer;
}
.btn-add-bet:hover{filter:brightness(1.1)}
.btn-export-bets{
  padding:9px 14px;background:var(--panel2);border:1px solid var(--border2);color:var(--muted);
  border-radius:7px;font-size:12px;cursor:pointer;transition:all .2s;
}
.btn-export-bets:hover{border-color:var(--gold);color:var(--gold)}
.tracker-table-wrap{overflow-x:auto}
.tracker-table{width:100%;border-collapse:collapse;font-size:12px;white-space:nowrap}
.tracker-table th{
  padding:8px 12px;text-align:left;font-family:'Oxanium',sans-serif;font-size:10px;
  font-weight:600;color:var(--muted);letter-spacing:1px;border-bottom:1px solid var(--border);
}
.tracker-table td{padding:9px 12px;border-bottom:1px solid rgba(255,255,255,.04);vertical-align:top}
.tracker-table tr:hover td{background:rgba(255,255,255,.02)}
.tv-mono{font-family:'Space Mono',monospace}.tv-muted{color:var(--muted);font-size:11px}
.tv-green{color:var(--green);font-family:'Space Mono',monospace;font-weight:700}
.tv-red{color:var(--red);font-family:'Space Mono',monospace;font-weight:700}
.tv-note{font-size:10px;color:var(--muted);font-style:italic}
.res-btn{
  padding:3px 9px;border-radius:4px;font-size:10px;cursor:pointer;border:none;
  background:var(--amber-bg,rgba(245,158,11,.12));color:var(--amber,#f59e0b);
  font-family:'Oxanium',sans-serif;font-weight:600;
}
.res-badge{font-size:10px;font-weight:700;padding:2px 7px;border-radius:4px;font-family:'Space Mono',monospace}
.rb-win{background:rgba(0,230,118,.15);color:var(--green)}
.rb-loss{background:rgba(239,83,80,.12);color:var(--red)}
.rb-void{background:rgba(100,100,100,.12);color:var(--muted)}
.rb-pending{background:rgba(245,158,11,.12);color:#f59e0b}
.tb-del{padding:3px 7px;background:var(--red-bg);color:var(--red);border:none;border-radius:4px;cursor:pointer;font-size:11px}
.empty-tracker{text-align:center;padding:60px 20px;color:var(--muted)}
.et-icon{font-size:48px;margin-bottom:12px}
.et-sub{font-size:12px;margin-top:6px;color:var(--muted2,#3a4f60)}

/* Add bet button in calculator */
.btn-add-to-tracker{
  padding:7px 14px;background:transparent;border:1px solid rgba(0,230,118,.3);
  color:var(--green);border-radius:6px;font-size:11px;font-family:'Oxanium',sans-serif;
  font-weight:600;letter-spacing:.8px;cursor:pointer;transition:all .2s;
}
.btn-add-to-tracker:hover{background:var(--green-bg)}

/* ── NOTES ────────────────────────────────── */
.notes-widget{
  background:var(--panel);border:1px solid var(--border);border-radius:10px;overflow:hidden;
}
.nw-header{
  display:flex;align-items:center;justify-content:space-between;
  padding:10px 14px;border-bottom:1px solid var(--border);
  font-family:'Oxanium',sans-serif;font-size:11px;font-weight:600;
  color:var(--text2);letter-spacing:1px;
}
.note-saved-badge{
  font-size:10px;color:var(--green);font-family:'Space Mono',monospace;
  background:var(--green-bg);padding:2px 7px;border-radius:4px;
}
.note-textarea{
  width:100%;background:var(--panel2);border:none;color:var(--text);
  padding:12px 14px;font-size:13px;font-family:'Inter',sans-serif;
  resize:vertical;min-height:80px;display:block;
}
.note-textarea:focus{outline:2px solid var(--blue);outline-offset:-2px}
.nw-actions{display:flex;gap:8px;padding:8px 12px;border-top:1px solid var(--border)}
.note-save-btn{
  padding:6px 14px;background:var(--green);color:#000;border:none;border-radius:6px;
  font-size:12px;font-family:'Oxanium',sans-serif;font-weight:700;cursor:pointer;
}
.note-clear-btn{
  padding:6px 12px;background:var(--panel2);border:1px solid var(--border2);
  color:var(--muted);border-radius:6px;font-size:12px;cursor:pointer;
}

/* ── MODALS (bets, result) ────────────────── */
.bf-grid{display:grid;grid-template-columns:1fr 1fr;gap:10px}
.bf-full{grid-column:1/-1}

/* ── SCANNER COLLAPSIBLE ──────────────────── */
.scanner-collapsible{
  background:var(--panel);border:1px solid var(--border);border-radius:10px;overflow:hidden;
}
.scanner-toggle-btn{
  width:100%;padding:12px 16px;background:transparent;border:none;
  color:var(--blue);cursor:pointer;text-align:left;
  font-family:'Oxanium',sans-serif;font-size:12px;font-weight:600;letter-spacing:1px;
  display:flex;align-items:center;justify-content:space-between;
  transition:background .15s;
}
.scanner-toggle-btn:hover{background:rgba(41,182,246,.06)}
.scanner-toggle-arrow{font-size:11px;color:var(--muted);transition:transform .2s}
#scanner-inner .scanner-panel{border:none;border-radius:0;border-top:1px solid var(--border)}
#scanner-inner .scanner-header{display:none} /* hide duplicate header */

/* ── SHARED FEATURE COLLAPSIBLE ──────────── */
.feature-collapsible{
  background:var(--panel);border:1px solid var(--border);border-radius:10px;overflow:hidden;
}
.feature-toggle-btn{
  width:100%;padding:12px 16px;background:transparent;border:none;
  color:var(--text2);cursor:pointer;text-align:left;
  font-family:'Oxanium',sans-serif;font-size:12px;font-weight:600;letter-spacing:1px;
  display:flex;align-items:center;justify-content:space-between;gap:8px;
  transition:background .15s;
}
.feature-toggle-btn:hover{background:rgba(255,255,255,.03)}
.feature-arrow{font-size:11px;color:var(--muted);flex-shrink:0;transition:transform .15s}
/* per-feature accent colors */
#kelly-collapsible   .feature-toggle-btn{color:var(--green)}
#scanner-collapsible .feature-toggle-btn{color:var(--blue)}
#notes-collapsible   .feature-toggle-btn{color:var(--text2)}
/* inner content border */
.feature-collapsible>[id$="-inner"]{border-top:1px solid var(--border)}
/* Kelly inside collapsible: remove its own outer border */
#kelly-inner .kelly-panel{border:none;border-radius:0}
/* Scanner inside collapsible: remove its own border */
#scanner-inner .scanner-panel,
#scanner-inner .scanner-collapsible{border:none;border-radius:0}
#scanner-inner .scanner-header{display:none}
/* Notes inside collapsible */
#notes-inner .notes-widget{border:none;border-radius:0}
/* Note dot indicator */
.note-dot{color:var(--gold);font-size:10px;vertical-align:middle}