/* =============================================================
   OPTIONS PAGE — CARD STYLES (Sprint 1)
   Mirrors main scanner card layout, namespaced with .opt-
   prefix to never collide with main scanner's .card classes.
   ============================================================= */

/* Scan trigger row */
.opt-scan-row { display:flex; align-items:center; gap:12px; margin:8px 0 16px; padding:10px 14px; background:#0d1829; border:1px solid #1e293b; border-radius:8px; }
.opt-scan-btn { background:linear-gradient(135deg,#0891b2,#0e7490); color:#fff; border:none; border-radius:6px; padding:8px 16px; font-size:12px; font-weight:700; cursor:pointer; transition:all 0.2s; }
.opt-scan-btn:hover { background:linear-gradient(135deg,#0e7490,#155e75); }
.opt-scan-btn:disabled { opacity:0.5; cursor:not-allowed; }
.opt-scan-status { font-size:11px; color:#64748b; }

/* Card shell */
.opt-card { background:#111; border:1px solid #1e1e1e; border-radius:8px; overflow:hidden; transition:border-color 0.2s; }
.opt-card:hover { border-color:#00bfff33; }
.opt-card.opt-refreshing { opacity:0.45; pointer-events:none; transition:opacity 0.2s; }
.opt-card-loading { padding:30px 16px; text-align:center; color:#64748b; font-size:12px; font-style:italic; }
.opt-card-error { padding:20px 16px; text-align:center; color:#ff6655; font-size:12px; }

/* Card top — symbol, price, badges */
.opt-card-top { display:flex; align-items:center; gap:8px; padding:10px 14px; flex-wrap:wrap; border-bottom:1px solid #1a1a1a; }
.opt-sym { font-size:18px; font-weight:800; color:#00bfff; text-decoration:none; }
.opt-sym:hover { color:#7ed4ff; }
.opt-co-name { font-size:9px; color:#64748b; }
.opt-grd { font-size:10px; font-weight:700; padding:2px 7px; border-radius:4px; }
.opt-grd.gA { background:#0a2018; color:#00ff88; border:1px solid #1e4a3a; }
.opt-grd.gB { background:#1a1a08; color:#eab308; border:1px solid #4a3a1e; }
.opt-grd.gC { background:#1a0808; color:#ff6655; border:1px solid #4a1e1e; }
.opt-grd.gD { background:#0a0a0a; color:#475569; border:1px solid #1e293b; }
.opt-px { font-size:14px; font-weight:700; color:#e2e8f0; }
.opt-bias-badge { font-size:10px; font-weight:700; padding:2px 8px; border-radius:10px; }
.opt-bias-bull { background:#0a2018; color:#00ff88; border:1px solid #1e4a3a; }
.opt-bias-bear { background:#1a0808; color:#ff6655; border:1px solid #4a1e1e; }
.opt-bias-neutral { background:#1a1a08; color:#eab308; border:1px solid #4a3a1e; }

/* Card body — indicator grid */
.opt-card-body { display:grid; grid-template-columns:1fr 1fr; gap:0; }
.opt-mg { padding:10px 14px; border-right:1px solid #1a1a1a; }
.opt-mg:last-child { border-right:none; }
.opt-mgt { font-size:9px; font-weight:700; color:#475569; letter-spacing:0.08em; text-transform:uppercase; margin-bottom:6px; }
.opt-row { display:flex; justify-content:space-between; align-items:center; padding:3px 0; font-size:11px; }
.opt-rl { color:#94a3b8; }
.opt-rv { font-weight:600; }
.opt-rv.g { color:#00ff88; }
.opt-rv.y { color:#eab308; }
.opt-rv.r { color:#ff6655; }
.opt-rv.dim { color:#64748b; }

/* Options data strip (Sprint 1 unique to opt-cards) */
.opt-options-strip { display:flex; gap:12px; padding:8px 14px; background:#0a1a2a; border-top:1px solid #1a1a1a; border-bottom:1px solid #1a1a1a; flex-wrap:wrap; }
.opt-ods { display:flex; flex-direction:column; min-width:90px; }
.opt-ods-label { font-size:9px; color:#475569; text-transform:uppercase; font-weight:700; letter-spacing:0.05em; }
.opt-ods-val { font-size:12px; font-weight:700; color:#e2e8f0; margin-top:2px; }
.opt-ods-val.g { color:#00ff88; }
.opt-ods-val.y { color:#eab308; }
.opt-ods-val.r { color:#ff6655; }
.opt-ods-val.dim { color:#64748b; }

/* Strategy dropdown row */
.opt-strat-row { display:flex; align-items:center; gap:8px; padding:10px 14px; border-top:1px solid #1a1a1a; }
.opt-strat-label { font-size:10px; color:#475569; font-weight:700; text-transform:uppercase; }
.opt-strat-select { flex:1; background:#1e293b; color:#e2e8f0; border:1px solid #334155; border-radius:5px; padding:5px 10px; font-size:12px; font-weight:600; cursor:pointer; outline:none; }
.opt-strat-select:focus { border-color:#00bfff; }
.opt-strat-go { background:linear-gradient(135deg,#16a34a,#15803d); color:#fff; border:none; border-radius:5px; padding:5px 14px; font-size:11px; font-weight:700; cursor:pointer; transition:all 0.2s; }
.opt-strat-go:hover { background:linear-gradient(135deg,#15803d,#166534); }
.opt-strat-go:disabled { opacity:0.5; cursor:not-allowed; }

/* Per-card refresh button — mirrors scanner page ↻ icon */
.opt-refresh-btn { background:transparent; color:#5a8aaa; border:1px solid #2a3a4a; padding:3px 10px; border-radius:12px; font-size:11px; cursor:pointer; transition:all 0.15s; line-height:1; }
.opt-refresh-btn:hover { color:#00bfff; border-color:#00bfff; background:#00bfff11; }
.opt-refresh-btn:disabled { color:#2a3a4a; border-color:#1a2a3a; cursor:not-allowed; }