/* ============ Bot page (v3 — Quantum Sniper AI) ============ */
:root{
  --bot-cyan: #6ce5e8;
  --bot-cyan-soft: rgba(108,229,232,0.12);
  --bot-card-bg: linear-gradient(180deg,#0a1f23,#081519);
  --bot-card-border: rgba(108,229,232,0.18);
  --bot-text: #d5eef0;
  --bot-text-dim: #87a7ac;
  --bot-stop-bg: rgba(228,103,93,0.10);
  --bot-stop-border: rgba(228,103,93,0.35);
  --bot-stop-text: #f0857f;
}

.bot-page{max-width:760px;margin:0 auto;padding-top:8px}

.bot-hero{padding:8px 4px 18px}
.bot-hero .h-title{display:flex;align-items:center;gap:10px;flex-wrap:wrap}
.bot-hero h1{font-size:28px;margin:0;color:var(--bot-text);letter-spacing:-0.01em}
.bot-hero h1 .robo{margin-right:4px}
.bot-hero .ver-pill{
  background:var(--bot-cyan-soft);color:var(--bot-cyan);
  font-size:11px;font-weight:700;padding:3px 8px;border-radius:6px;letter-spacing:0.04em;
}
.bot-hero p.sub{color:var(--bot-text-dim);margin:6px 0 0;font-size:14px}

.bot-card{
  background:var(--bot-card-bg);
  border:1px solid var(--bot-card-border);
  border-radius:14px;
  padding:18px 20px;
  margin-bottom:14px;
}
.bot-card h3{color:var(--bot-text);margin:0 0 12px;font-size:17px;font-weight:700}

/* Access granted banner */
.bot-granted{display:flex;align-items:flex-start;gap:14px}
.bot-granted .ico{
  width:42px;height:42px;border-radius:8px;
  background:rgba(34,224,123,0.18);color:var(--green);
  display:flex;align-items:center;justify-content:center;flex-shrink:0;font-size:22px;font-weight:900;
}
.bot-granted h4{color:var(--bot-cyan);margin:0 0 2px;font-size:16px;font-weight:700}
.bot-granted p{color:var(--bot-text-dim);margin:0 0 8px;font-size:13.5px}
.bot-granted .unlocked-pill{
  display:inline-block;background:rgba(34,224,123,0.18);color:var(--green);
  font-size:11px;font-weight:800;padding:3px 10px;border-radius:6px;letter-spacing:0.06em;
}

/* Strategy card */
.bot-strategy{
  border:2px solid rgba(108,229,232,0.25);border-radius:12px;
  padding:18px;display:flex;align-items:center;gap:18px;
}
.bot-strategy .bolt{
  width:48px;height:48px;flex-shrink:0;display:flex;align-items:center;justify-content:center;
  color:#f3c91e;
}
.bot-strategy .bolt svg{width:42px;height:42px}
.bot-strategy h4{color:var(--bot-text);margin:0 0 6px;font-size:20px;font-weight:700}
.bot-strategy p{color:var(--bot-text-dim);margin:0;font-size:13.5px;line-height:1.5}

/* Timeframe pills */
.bot-tf-row{display:flex;flex-wrap:wrap;gap:8px}
.bot-tf-row button{
  background:#0c1d22;border:1px solid var(--bot-card-border);
  color:var(--bot-text);
  font-size:14px;font-weight:600;
  padding:9px 18px;border-radius:8px;cursor:pointer;transition:.15s;
}
.bot-tf-row button:hover{background:#11272d}
.bot-tf-row button.active{background:var(--bot-cyan-soft);color:var(--bot-cyan);border-color:var(--bot-cyan)}
.bot-tf-meta{color:var(--bot-text-dim);font-size:13px;margin-bottom:12px;display:flex;justify-content:space-between;align-items:center;flex-wrap:wrap;gap:6px}
.bot-tf-meta .meta{font-size:13px;color:var(--bot-text-dim)}

/* Bot params */
.bot-field{margin-bottom:14px}
.bot-field label{display:block;font-size:11.5px;font-weight:700;color:var(--bot-text-dim);letter-spacing:0.08em;text-transform:uppercase;margin-bottom:6px}
.bot-field input{
  width:100%;background:#0c1d22;border:1px solid var(--bot-card-border);
  color:var(--bot-text);padding:13px 16px;border-radius:10px;
  font-size:16px;font-family:inherit;
}
.bot-field input:disabled{opacity:0.6;cursor:not-allowed}

.bot-start{
  width:100%;display:flex;align-items:center;justify-content:center;gap:8px;
  background:var(--bot-cyan);color:#062b30;font-weight:700;font-size:16px;
  padding:14px;border:none;border-radius:10px;cursor:pointer;transition:.15s;
}
.bot-start:hover{filter:brightness(1.08)}
.bot-start:disabled{opacity:0.5;cursor:not-allowed}
.bot-stop{
  width:100%;display:flex;align-items:center;justify-content:center;gap:8px;
  background:var(--bot-stop-bg);border:1px solid var(--bot-stop-border);
  color:var(--bot-stop-text);font-weight:700;font-size:16px;
  padding:14px;border-radius:10px;cursor:pointer;transition:.15s;
}
.bot-stop:hover{background:rgba(228,103,93,0.16)}

/* Session P&L */
.bot-session{padding:18px 22px}
.bot-session .lbl{color:var(--bot-cyan);font-size:12.5px;font-weight:700;letter-spacing:0.1em;text-transform:uppercase}
.bot-session .val{color:var(--bot-cyan);font-size:38px;font-weight:800;line-height:1.1;margin-top:6px;font-feature-settings:"tnum"}
.bot-session .val.neg{color:#f87a73}
.bot-session .meta{color:var(--bot-text-dim);font-size:13px;margin-top:4px;font-family:ui-monospace,monospace}

/* Status line */
.bot-status-row{display:flex;align-items:center;justify-content:space-between;padding:0 6px;margin:2px 0 14px}
.bot-status-row .left{display:flex;align-items:center;gap:8px;font-weight:700;color:var(--bot-text);text-transform:uppercase;letter-spacing:0.06em;font-size:13.5px}
.bot-status-row .dot{width:8px;height:8px;border-radius:50%;background:var(--bot-text-dim)}
.bot-status-row.running .dot{background:var(--bot-cyan);box-shadow:0 0 8px var(--bot-cyan)}
.bot-status-row.running .left{color:var(--bot-cyan)}
.bot-status-row .right{color:var(--bot-text-dim);font-size:13px}

/* Active trade */
.bot-active{border:1px solid var(--bot-card-border)}
.bot-active .top{display:flex;align-items:center;justify-content:space-between}
.bot-active .top .l{display:flex;align-items:center;gap:8px;font-weight:700;letter-spacing:0.06em;color:var(--bot-cyan);font-size:14px;text-transform:uppercase}
.bot-active .top .l svg{color:#f3c91e}
.bot-active .countdown{color:var(--bot-cyan);font-size:30px;font-weight:800;font-family:ui-monospace,monospace}
.bot-active .countdown .u{font-size:18px;color:var(--bot-text-dim);margin-left:2px}
.bot-active .info{display:flex;flex-wrap:wrap;gap:24px;margin:14px 0 14px;color:var(--bot-text-dim);font-size:13.5px}
.bot-active .info .v{color:var(--bot-text);font-family:ui-monospace,monospace}
.bot-active .progress{height:6px;background:#0c1d22;border-radius:99px;overflow:hidden}
.bot-active .progress .fill{height:100%;background:linear-gradient(90deg,var(--bot-cyan),#a3f0ee);transition:width 1s linear}

/* Logs */
.bot-logs-head{display:flex;justify-content:space-between;align-items:center;margin-bottom:10px}
.bot-logs-head .count{color:var(--bot-text-dim);font-size:13px}
.bot-logs{
  max-height:240px;overflow-y:auto;font-family:ui-monospace,Menlo,monospace;
  font-size:13px;line-height:1.7;color:var(--bot-text);
}
.bot-logs .row{display:flex;gap:10px;align-items:flex-start}
.bot-logs .ts{color:var(--bot-text-dim);flex-shrink:0;font-size:12.5px}
.bot-logs .ico{color:var(--green);flex-shrink:0;width:14px;display:inline-block}
.bot-logs .ico.err{color:#f87a73}
.bot-logs .msg.success{color:var(--bot-cyan)}
.bot-logs .msg.error{color:#f87a73}
.bot-logs .empty{color:var(--bot-text-dim);text-align:center;padding:14px 0}

/* Live trade log */
.bot-trades-rows .row{
  display:flex;align-items:center;justify-content:space-between;
  padding:10px 0;border-top:1px solid rgba(108,229,232,0.08);
  font-size:14px;
}
.bot-trades-rows .row:first-child{border-top:none}
.bot-trades-rows .left{display:flex;align-items:center;gap:10px}
.bot-trades-rows .badge{
  display:inline-block;background:rgba(34,224,123,0.20);color:var(--green);
  font-size:11px;font-weight:800;padding:3px 8px;border-radius:5px;letter-spacing:0.04em;
}
.bot-trades-rows .badge.sl{background:rgba(228,103,93,0.18);color:#f87a73}
.bot-trades-rows .pair{color:var(--bot-text);font-weight:600}
.bot-trades-rows .right{display:flex;gap:14px;align-items:baseline;color:var(--bot-text-dim);font-family:ui-monospace,monospace;font-size:13px}
.bot-trades-rows .right .amount{font-weight:700}
.bot-trades-rows .right .amount.pos{color:var(--green)}
.bot-trades-rows .right .amount.neg{color:#f87a73}
.bot-trades-empty{color:var(--bot-text-dim);text-align:center;padding:24px 0;font-size:14px}

/* Locked state */
.bot-locked-card{
  border:1px dashed rgba(108,229,232,0.25);
  background:transparent;text-align:center;padding:36px 22px;border-radius:14px;
}
.bot-locked-card .pad-icon{
  width:56px;height:56px;border-radius:50%;background:var(--bot-cyan-soft);color:var(--bot-cyan);
  display:flex;align-items:center;justify-content:center;margin:0 auto 12px;
}
.bot-locked-card h3{color:var(--bot-text);margin:0 0 6px}
.bot-locked-card p{color:var(--bot-text-dim);margin:0 0 16px}
.bot-locked-form{display:flex;gap:8px;max-width:420px;margin:0 auto}
.bot-locked-form input{
  flex:1;background:#0c1d22;border:1px solid var(--bot-card-border);
  color:var(--bot-text);padding:11px 14px;border-radius:8px;
  font-size:14px;text-transform:uppercase;letter-spacing:0.04em;
}
.bot-locked-form button{
  background:var(--bot-cyan);color:#062b30;font-weight:700;
  padding:11px 18px;border:none;border-radius:8px;cursor:pointer;
}