/* ── Bot Badges & Controls ──────────────────────────────────────────── */

.btn-add-bot {
  width:100%; padding:10px; border-radius:8px; border:1px dashed #2a3a54;
  background:transparent; color:var(--af-silver); font-size:13px; font-weight:700;
  cursor:pointer; text-transform:uppercase; letter-spacing:2px;
  transition:all .2s; margin-top:8px; min-height:44px;
}
.btn-add-bot:hover { border-color:var(--af-gold); color:var(--af-gold); background:rgba(255,215,0,.05); }

.bot-badge {
  font-size:9px; font-weight:700; padding:2px 6px; border-radius:4px;
  letter-spacing:1px; flex-shrink:0; text-transform:uppercase;
}
.bot-badge.mode-random     { background:rgba(158,158,158,.2); color:#9e9e9e; }
.bot-badge.mode-conservative { background:rgba(66,165,245,.2); color:#42a5f5; }
.bot-badge.mode-neutral    { background:rgba(102,187,106,.2); color:#66bb6a; }
.bot-badge.mode-aggressive { background:rgba(239,83,80,.2); color:#ef5350; }
.bot-badge.mode-chud       { background:rgba(255,215,64,.2); color:#ffd740; }

.bot-icon {
  font-size:12px; margin-right:2px; opacity:.7;
}

.bot-mode-grid {
  display:grid; grid-template-columns:1fr 1fr; gap:8px; margin:8px 0;
}
.bot-mode-btn {
  padding:12px; border-radius:8px; background:#0d1829; border:1px solid #2a3a54;
  color:#fff; cursor:pointer; text-align:center; transition:all .15s;
  min-height:60px; display:flex; flex-direction:column; align-items:center;
  justify-content:center; gap:4px;
}
.bot-mode-btn:hover { border-color:var(--af-gold); background:#1a2a44; }
.bot-mode-btn .mode-icon { font-size:20px; }
.bot-mode-btn .mode-label { font-size:12px; font-weight:700; text-transform:uppercase; letter-spacing:1px; }
.bot-mode-btn .mode-desc { font-size:10px; color:#889; }

.player-item .remove-bot-btn {
  margin-left:auto; padding:4px 10px; border-radius:4px; border:1px solid #c00;
  background:transparent; color:#f44; font-size:11px; font-weight:700;
  cursor:pointer; text-transform:uppercase; letter-spacing:1px; min-height:32px;
  transition:all .15s; flex-shrink:0;
}
.player-item .remove-bot-btn:hover { background:#c00; color:#fff; }

/* Bot indicator on opponent cards in-game */
.opp-bot-indicator {
  display:inline-flex; align-items:center; gap:3px; margin-left:4px;
}

/* Response timer in modal */
.response-timer-modal {
  margin-bottom:10px; padding:8px 10px; border-radius:6px;
  background:rgba(255,152,0,.1); border:1px solid rgba(255,152,0,.3);
}
.response-timer-label {
  font-size:12px; font-weight:700; color:#ff9800; margin-bottom:4px;
  display:flex; justify-content:space-between; align-items:center;
}
.response-timer-track {
  height:4px; background:rgba(255,255,255,.1); border-radius:2px; overflow:hidden;
}
.response-timer-bar-fill {
  height:100%; background:#ff9800; border-radius:2px;
  transition:width .5s linear;
}