/* Auto Trader — full-page workspace (gmilliai Auto Trader replica, house gold).
   Every class is at- prefixed. Colors ride the theme.css tokens (--gold-bright,
   --gold, --border-amber, --text-*, --green, --red) on the house dark-card
   surfaces (bad_ute-style gradients, 1px borders, 14px radius, backdrop blur).
   OVER/win stays green, loss stays red (contract semantics); the chrome is gold.
   NO horizontal page scroll at 375px — wide digit grids scroll inside their own
   .at-pair-scroll container. */

#auto-trader-page{width:100%;}

.at-shell{display:flex;flex-direction:column;gap:12px;color:var(--text-primary,#f5e9cd);
  font-size:13px;padding-top:2px;}

/* ── card base (house surface) ─────────────────────────────────────────────── */
.at-card{background:
    radial-gradient(circle at 22% 0%, rgba(210,149,48,.07), transparent 44%),
    linear-gradient(160deg,#15151b,#0f0f14);
  border:1px solid rgba(212,175,55,.24);border-radius:14px;padding:15px;
  box-shadow:0 0 22px var(--glow-amber,rgba(180,120,32,.18)),0 2px 10px rgba(0,0,0,.5),
    inset 0 1px 0 rgba(210,152,52,.12);
  -webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);min-width:0;}
.at-section-title{font-size:12.5px;font-weight:800;letter-spacing:.07em;
  color:var(--gold-bright,#eaaa36);margin-bottom:11px;text-transform:uppercase;}
.at-empty{font-size:11px;color:var(--text-muted,rgba(192,162,115,.56));text-align:center;
  padding:18px 10px;line-height:1.55;}

/* ── buttons ───────────────────────────────────────────────────────────────── */
.at-btn{padding:7px 14px;border-radius:9px;font-size:12px;font-weight:700;font-family:inherit;
  cursor:pointer;color:var(--text-primary,#f5e9cd);background:rgba(30,25,12,.55);
  border:1px solid rgba(212,175,55,.28);transition:all .15s;white-space:nowrap;}
.at-btn:hover{border-color:rgba(212,175,55,.55);color:var(--gold-bright,#eaaa36);}
.at-btn:disabled{opacity:.45;cursor:not-allowed;filter:none;}
.at-btn.active{background:linear-gradient(135deg,#d4af37,#b8860b);color:#0e0e0e;
  border-color:var(--gold-bright,#eaaa36);}
.at-btn-gold{color:#0e0e0e;border:1px solid rgba(212,175,55,.5);
  background:linear-gradient(135deg,#f0c75e,#d4af37);}
.at-btn-gold:hover{filter:brightness(1.08);color:#0e0e0e;}
.at-btn-outline{border-color:rgba(212,175,55,.45);background:transparent;
  color:var(--gold-bright,#eaaa36);}
.at-btn-danger{border-color:rgba(239,68,68,.4);color:#fda4af;background:rgba(239,68,68,.08);}
.at-btn-danger:hover{border-color:rgba(239,68,68,.7);color:#fecdd3;}
/* Start = headline gold-fire; running flips to red Stop (reference rose/red) */
.at-btn-start{padding:8px 20px;font-weight:800;letter-spacing:.03em;color:#0e0e0e;
  border:1px solid rgba(240,199,94,.6);
  background:linear-gradient(135deg,#f5cf5f,#e0a915 55%,#c8860a);
  box-shadow:0 3px 14px rgba(212,175,55,.35);}
.at-btn-start:hover{filter:brightness(1.06);color:#0e0e0e;}
.at-btn-start.at-running{background:linear-gradient(135deg,#f87171,#dc2626);color:#fff;
  border-color:rgba(248,113,113,.6);box-shadow:0 0 16px rgba(220,38,38,.4);
  animation:at-fire 1.2s infinite;}
@keyframes at-fire{0%,100%{box-shadow:0 0 12px rgba(220,38,38,.35)}50%{box-shadow:0 0 22px rgba(220,38,38,.7)}}
#at-intelligent.at-running{background:linear-gradient(135deg,#f87171,#dc2626);color:#fff;
  border-color:rgba(248,113,113,.6);}

/* ── paywall + subscriber chip ─────────────────────────────────────────────── */
.at-paywall{display:flex;align-items:center;gap:14px;flex-wrap:wrap;padding:15px 16px;
  border-radius:14px;border:1px solid var(--border-bright,rgba(200,140,48,.78));
  background:
    radial-gradient(circle at 20% 0%, rgba(210,149,48,.14), transparent 46%),
    linear-gradient(150deg,#1a1508,#0b0906);
  box-shadow:0 0 34px rgba(210,138,40,.28);}
.at-paywall-lock{font-size:30px;line-height:1;flex:0 0 auto;}
.at-paywall-body{flex:1;min-width:200px;}
.at-paywall-title{font-size:14.5px;font-weight:800;color:var(--text-primary,#f5e9cd);}
.at-paywall-price{font-size:12.5px;font-weight:800;color:var(--gold-bright,#eaaa36);
  margin:3px 0 5px;}
.at-paywall-copy{font-size:11px;line-height:1.55;color:var(--text-secondary,rgba(222,196,154,.82));}
.at-wa-btn{display:inline-flex;align-items:center;gap:7px;flex:0 0 auto;padding:11px 18px;
  border-radius:11px;font-size:13px;font-weight:800;color:#fff;cursor:pointer;
  background:linear-gradient(135deg,#25d366,#128c7e);border:1px solid rgba(37,211,102,.6);
  box-shadow:0 3px 14px rgba(18,140,126,.4);transition:filter .15s;}
.at-wa-btn:hover{filter:brightness(1.08);}
.at-subchip{align-self:flex-start;font-size:10px;font-weight:800;letter-spacing:.05em;
  padding:3px 10px;border-radius:999px;color:#6ee7b3;background:rgba(16,185,129,.12);
  border:1px solid rgba(16,185,129,.4);}

/* ── header card ───────────────────────────────────────────────────────────── */
.at-header{display:flex;align-items:center;justify-content:space-between;gap:12px;
  flex-wrap:wrap;border-color:rgba(212,175,55,.34);}
.at-header-left{display:flex;align-items:center;gap:12px;min-width:0;}
.at-logo{width:40px;height:40px;flex:0 0 auto;display:flex;align-items:center;
  justify-content:center;border-radius:11px;font-size:21px;
  background:linear-gradient(135deg,#f0c75e,#d4af37);
  box-shadow:0 2px 12px rgba(212,175,55,.4);}
.at-title{font-size:17px;font-weight:800;letter-spacing:.02em;color:#f6e9c4;}
.at-sub{font-size:11px;color:var(--gold-dim,rgba(208,149,48,.62));margin-top:2px;}
.at-header-btns{display:flex;align-items:center;gap:7px;flex-wrap:wrap;}

/* ── status grid (3×2 desktop / 2 cols tablet+phone) ───────────────────────── */
.at-status-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:8px;}
.at-tile{padding:11px 12px;border-radius:11px;background:rgba(255,255,255,.03);
  border:1px solid rgba(212,175,55,.16);min-width:0;}
.at-tile-lbl{font-size:9px;font-weight:800;letter-spacing:.09em;
  color:var(--text-muted,rgba(192,162,115,.56));margin-bottom:5px;}
.at-tile-val{font-size:13.5px;font-weight:800;color:var(--text-primary,#f5e9cd);
  overflow:hidden;text-overflow:ellipsis;white-space:nowrap;}
.at-tile-val.at-ok{color:var(--green,#22c55e);}
.at-tile-val.at-bad{color:var(--red,#ef4444);}
.at-tile-val.at-exec-cd{color:var(--gold-bright,#eaaa36);animation:at-pulse 1s infinite;}
@keyframes at-pulse{0%,100%{opacity:1}50%{opacity:.4}}

/* ── Profit Calculator ─────────────────────────────────────────────────────── */
.at-calc-goal{font-size:12.5px;font-weight:700;color:var(--text-primary,#f5e9cd);}
.at-calc-sub{font-size:10.5px;color:var(--text-muted,rgba(192,162,115,.56));
  margin:3px 0 12px;}
.at-calc-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:10px;}
.at-calc-card{padding:12px;border-radius:11px;background:rgba(20,22,30,.6);
  border:1px solid rgba(226,182,104,.15);transition:all .15s;min-width:0;}
.at-calc-card.selected{border-color:var(--gold-bright,#eaaa36);
  background:rgba(212,175,55,.1);box-shadow:0 0 14px rgba(212,175,55,.25);}
.at-calc-head{display:flex;align-items:center;justify-content:space-between;gap:8px;
  margin-bottom:6px;}
.at-calc-name{font-size:12.5px;font-weight:800;color:#f4f6fb;}
.at-payout-badge{font-size:10px;font-weight:800;padding:2px 8px;border-radius:999px;
  color:var(--gold-bright,#eaaa36);background:rgba(212,175,55,.14);
  border:1px solid rgba(212,175,55,.4);}
.at-calc-tag{font-size:9px;color:var(--text-muted,rgba(192,162,115,.56));margin-bottom:5px;}
.at-calc-rows{margin-bottom:9px;}
.at-calc-row{display:flex;align-items:center;justify-content:space-between;gap:8px;
  font-size:10.5px;padding:3px 0;color:var(--text-secondary,rgba(222,196,154,.82));}
.at-calc-row b{color:#f4f6fb;font-weight:700;}
.at-select-btn{width:100%;text-align:center;}
.at-select-btn.on{background:linear-gradient(135deg,#d4af37,#b8860b);color:#0e0e0e;
  border-color:var(--gold-bright,#eaaa36);}
.at-calc-blurbs{display:flex;flex-direction:column;gap:4px;margin-top:12px;
  font-size:10.5px;line-height:1.5;color:var(--text-secondary,rgba(222,196,154,.82));}
.at-calc-blurbs b{color:var(--gold-bright,#eaaa36);}
.at-calc-info{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:12px;
  margin-top:12px;}
.at-info-block{padding:11px 12px;border-radius:10px;background:rgba(20,22,30,.55);
  border:1px solid rgba(226,182,104,.13);min-width:0;}
.at-info-title{font-size:11px;font-weight:800;color:var(--gold-bright,#eaaa36);
  margin-bottom:7px;}
.at-info-block ol,.at-info-block ul{margin:0;padding-left:17px;font-size:10.5px;
  line-height:1.6;color:var(--text-secondary,rgba(222,196,154,.82));}
.at-info-block li{margin-bottom:3px;}

/* ── Settings ──────────────────────────────────────────────────────────────── */
.at-input{width:100%;box-sizing:border-box;background:rgba(20,22,30,.85);color:#f4f6fb;
  border:1px solid rgba(212,175,55,.22);border-radius:9px;padding:9px 11px;
  font-size:13px;font-family:inherit;}
.at-input:focus{outline:none;border-color:rgba(212,175,55,.6);}
.at-set-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:10px;
  margin-bottom:12px;}
.at-field{display:block;min-width:0;}
.at-field>span{display:block;font-size:9.5px;font-weight:800;letter-spacing:.07em;
  color:var(--text-muted,rgba(192,162,115,.56));margin-bottom:5px;}
.at-set-checks{display:flex;flex-direction:column;gap:8px;margin-bottom:13px;}
.at-check{display:flex;align-items:center;gap:9px;font-size:11.5px;cursor:pointer;
  color:var(--text-secondary,rgba(222,196,154,.82));}
.at-check b{color:var(--gold-bright,#eaaa36);}
.at-check input{width:15px;height:15px;accent-color:#d4af37;cursor:pointer;flex:0 0 auto;}
.at-reinvest-row{display:flex;align-items:center;gap:10px;flex-wrap:wrap;}
.at-toggle{position:relative;width:40px;height:22px;flex:0 0 auto;border-radius:999px;
  cursor:pointer;border:1px solid rgba(212,175,55,.35);background:rgba(30,33,45,.9);
  transition:background .2s,border-color .2s;padding:0;}
.at-toggle-knob{position:absolute;top:2px;left:2px;width:16px;height:16px;border-radius:50%;
  background:#8b8fa3;transition:transform .2s,background .2s;}
.at-toggle.on{background:rgba(212,175,55,.4);border-color:var(--gold-bright,#eaaa36);}
.at-toggle.on .at-toggle-knob{transform:translateX(18px);
  background:var(--gold-bright,#eaaa36);}
.at-reinvest-lbl{font-size:12px;font-weight:700;color:var(--text-primary,#f5e9cd);}
.at-pct-wrap{display:inline-flex;align-items:center;gap:7px;flex-wrap:wrap;}
.at-pct-input{width:72px;}
.at-pct-sign{font-size:10px;color:var(--text-muted,rgba(192,162,115,.56));}

/* ── strategy cards ────────────────────────────────────────────────────────── */
.at-cards-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(230px,1fr));
  gap:10px;}
.at-strat-card{padding:13px;border-radius:12px;min-width:0;background:
    linear-gradient(160deg,rgba(30,24,10,.55),rgba(16,15,12,.72));
  border:1px solid rgba(212,175,55,.2);}
.at-tx-card{grid-column:1 / -1;}
.at-strat-head{display:flex;align-items:center;justify-content:space-between;gap:8px;
  margin-bottom:7px;}
.at-strat-name{font-size:12.5px;font-weight:800;color:#f4f6fb;min-width:0;
  overflow:hidden;text-overflow:ellipsis;white-space:nowrap;}
.at-strat-score{font-family:ui-monospace,Consolas,monospace;font-size:21px;
  font-weight:800;color:var(--gold-bright,#eaaa36);line-height:1.1;margin-bottom:6px;}
.at-strat-reason{font-size:10.5px;line-height:1.5;
  color:var(--text-secondary,rgba(222,196,154,.82));margin-bottom:9px;}
.at-pause-btn{padding:5px 11px;font-size:10.5px;}
.at-chip{font-size:9px;font-weight:800;letter-spacing:.06em;padding:2px 8px;
  border-radius:999px;flex:0 0 auto;white-space:nowrap;}
.at-chip-ready{color:#6ee7b3;background:rgba(16,185,129,.14);
  border:1px solid rgba(212,175,55,.45);box-shadow:0 0 8px rgba(52,211,153,.25);}
.at-chip-blocked{color:#93c5fd;background:rgba(59,130,246,.14);
  border:1px solid rgba(59,130,246,.45);}
.at-chip-skip{color:rgba(229,231,235,.75);background:rgba(75,85,99,.25);
  border:1px solid rgba(107,114,128,.45);}
.at-chip-paused{color:#fcd34d;background:rgba(245,158,11,.12);
  border:1px solid rgba(245,158,11,.45);}
.at-chip-selected{color:var(--gold-bright,#eaaa36);background:rgba(212,175,55,.14);
  border:1px solid rgba(212,175,55,.5);}
.at-chip-hold{color:#fdba74;background:rgba(249,115,22,.12);
  border:1px solid rgba(249,115,22,.45);}
/* Trade X extras */
.at-tx-extras{border-top:1px solid rgba(212,175,55,.18);padding-top:11px;margin-top:4px;}
.at-tx-lbl{font-size:10px;font-weight:800;letter-spacing:.07em;
  color:var(--text-muted,rgba(192,162,115,.56));margin-bottom:7px;}
.at-digit-grid{display:grid;grid-template-columns:repeat(5,minmax(0,1fr));gap:6px;
  margin-bottom:10px;}
.at-digit-btn{padding:9px 0;border-radius:8px;font-size:13px;font-weight:800;
  font-family:inherit;cursor:pointer;color:rgba(233,237,245,.85);
  background:rgba(30,33,45,.9);border:1px solid rgba(226,182,104,.16);transition:all .12s;}
.at-digit-btn:hover{border-color:rgba(212,175,55,.5);color:var(--gold-bright,#eaaa36);}
.at-digit-btn.active{background:linear-gradient(135deg,#f0c75e,#d4af37);color:#0e0e0e;
  border-color:var(--gold-bright,#eaaa36);box-shadow:0 0 10px rgba(212,175,55,.5);}
.at-tx-btns{display:flex;gap:8px;flex-wrap:wrap;}
.at-tx-btns .at-btn{flex:1;min-width:130px;text-align:center;}
.at-wait-pulse{margin-top:8px;font-size:10.5px;font-weight:700;text-align:center;
  color:var(--gold-bright,#eaaa36);animation:at-pulse 1.3s infinite;}

/* ── daily statistics (6 across desktop) ───────────────────────────────────── */
.at-stats-grid{display:grid;grid-template-columns:repeat(6,minmax(0,1fr));gap:8px;}
.at-stat{padding:10px;border-radius:10px;background:rgba(255,255,255,.03);
  border:1px solid rgba(212,175,55,.14);min-width:0;text-align:center;}
.at-stat-lbl{font-size:8.5px;font-weight:800;letter-spacing:.08em;
  color:var(--text-muted,rgba(192,162,115,.56));margin-bottom:4px;}
.at-stat-val{font-size:13px;font-weight:800;color:#f4f6fb;overflow:hidden;
  text-overflow:ellipsis;white-space:nowrap;}
.at-stat-val.at-ok,.at-pl.at-ok{color:#34d399;}
.at-stat-val.at-bad,.at-pl.at-bad{color:#f87171;}

/* ── trade history (internal scroll ≈3 cards) ──────────────────────────────── */
.at-hist-head{display:flex;align-items:center;justify-content:space-between;gap:10px;
  margin-bottom:4px;}
.at-hist-head .at-section-title{margin-bottom:0;}
.at-hist-count{display:inline-flex;align-items:center;justify-content:center;
  min-width:20px;padding:1px 7px;margin-left:6px;border-radius:999px;font-size:10px;
  font-weight:800;color:#0e0e0e;background:linear-gradient(135deg,#f0c75e,#d4af37);
  vertical-align:middle;}
.at-hist-rows{max-height:300px;overflow-y:auto;display:flex;flex-direction:column;
  gap:7px;padding-right:3px;margin-top:8px;}
.at-hist-row{display:flex;align-items:flex-start;gap:10px;padding:9px 11px;
  border-radius:10px;background:rgba(20,22,30,.6);border:1px solid rgba(226,182,104,.13);}
.at-hist-row.won{border-color:rgba(16,185,129,.25);}
.at-hist-row.lost{border-color:rgba(239,68,68,.22);}
.at-hist-row.pending{border-color:rgba(245,158,11,.25);}
.at-hbadge{flex:0 0 auto;font-size:8.5px;font-weight:800;letter-spacing:.06em;
  padding:3px 8px;border-radius:6px;margin-top:1px;}
.at-hbadge.won{color:#052e1c;background:#34d399;}
.at-hbadge.lost{color:#fff;background:#ef4444;}
.at-hbadge.pending{color:#231a04;background:#fbbf24;animation:at-pulse 1.4s infinite;}
.at-hist-main{flex:1;min-width:0;}
.at-hist-line1{display:flex;align-items:center;gap:7px;flex-wrap:wrap;margin-bottom:2px;}
.at-hist-time{font-size:9.5px;color:var(--text-muted,rgba(192,162,115,.56));}
.at-hist-strat{font-size:8.5px;font-weight:800;padding:1px 7px;border-radius:999px;
  color:var(--gold-bright,#eaaa36);background:rgba(212,175,55,.12);
  border:1px solid rgba(212,175,55,.35);}
.at-hist-title{font-size:12px;font-weight:700;color:#f4f6fb;overflow:hidden;
  text-overflow:ellipsis;}
.at-hist-details{font-size:10px;line-height:1.45;
  color:var(--text-secondary,rgba(222,196,154,.82));margin-top:2px;}
.at-hist-right{flex:0 0 auto;text-align:right;display:flex;flex-direction:column;
  gap:2px;}
.at-pl{font-size:12.5px;font-weight:800;}
.at-pending-pl{color:#fbbf24;font-size:11px;}
.at-hist-stake{font-size:9.5px;color:var(--text-muted,rgba(192,162,115,.56));}

/* ── Differ Search ─────────────────────────────────────────────────────────── */
.at-differ-card{border-color:rgba(212,175,55,.3);}
.at-differ-head{display:flex;align-items:flex-start;justify-content:space-between;
  gap:12px;flex-wrap:wrap;margin-bottom:11px;}
.at-differ-headl{min-width:0;}
.at-differ-title{font-size:14.5px;font-weight:800;color:#f6e9c4;display:flex;
  align-items:center;gap:8px;flex-wrap:wrap;}
.at-access-chip{font-size:8.5px;font-weight:800;letter-spacing:.07em;padding:2px 8px;
  border-radius:999px;color:var(--gold-bright,#eaaa36);background:rgba(212,175,55,.14);
  border:1px solid rgba(212,175,55,.45);}
.at-live-chip{display:inline-flex;align-items:center;gap:5px;font-size:8.5px;
  font-weight:800;letter-spacing:.07em;padding:2px 9px;border-radius:999px;
  color:#6ee7b3;background:rgba(16,185,129,.12);border:1px solid rgba(16,185,129,.45);}
.at-live-dot{width:6px;height:6px;border-radius:50%;background:#34d399;
  box-shadow:0 0 7px rgba(52,211,153,.9);animation:at-pulse 1.4s infinite;}
.at-differ-sub{font-size:10.5px;color:var(--text-muted,rgba(192,162,115,.56));margin-top:3px;}
.at-differ-controls{display:flex;align-items:center;gap:8px;flex-wrap:wrap;}
.at-ticks-wrap{display:inline-flex;align-items:center;gap:6px;font-size:10px;
  font-weight:700;color:var(--text-muted,rgba(192,162,115,.56));}
.at-ticks-wrap .at-input{width:76px;padding:7px 9px;}
.at-five-btn{background:rgba(51,65,85,.6);border-color:rgba(148,163,184,.3);
  color:rgba(226,232,240,.9);}
.at-five-btn.at-five-active{background:linear-gradient(135deg,#fb923c,#ea580c);
  border-color:rgba(251,146,60,.7);color:#1a0e02;font-weight:800;}
.at-five-btn.at-five-trading{background:linear-gradient(135deg,#fb923c,#ea580c);
  border-color:rgba(251,146,60,.8);color:#1a0e02;animation:at-pulse .9s infinite;}
#at-golive.at-rescan{background:linear-gradient(135deg,#fbbf24,#d97706);
  border-color:rgba(251,191,36,.6);}
.at-cat-chips{display:flex;gap:7px;flex-wrap:wrap;margin-bottom:11px;}
.at-cat{padding:5px 12px;border-radius:999px;font-size:10.5px;font-weight:700;
  font-family:inherit;cursor:pointer;color:var(--text-secondary,rgba(222,196,154,.82));
  background:rgba(30,25,12,.5);border:1px solid rgba(212,175,55,.22);transition:all .15s;}
.at-cat:hover{color:var(--gold-bright,#eaaa36);border-color:rgba(212,175,55,.5);}
.at-cat.active{background:linear-gradient(135deg,#d4af37,#b8860b);color:#0e0e0e;
  border-color:var(--gold-bright,#eaaa36);}
/* status banners: won emerald / lost red / Only-found|Skipping amber / default orange */
.at-differ-banner{font-size:11px;font-weight:700;line-height:1.5;padding:8px 11px;
  border-radius:9px;margin-bottom:9px;border:1px solid transparent;overflow-wrap:anywhere;}
.at-differ-banner.at-orange{color:#fdba74;background:rgba(249,115,22,.1);
  border-color:rgba(249,115,22,.35);}
.at-differ-banner.at-emerald{color:#6ee7b3;background:rgba(16,185,129,.1);
  border-color:rgba(16,185,129,.4);}
.at-differ-banner.at-red{color:#fda4af;background:rgba(239,68,68,.1);
  border-color:rgba(239,68,68,.35);}
.at-differ-banner.at-amber{color:#fcd34d;background:rgba(245,158,11,.1);
  border-color:rgba(245,158,11,.4);}
/* success flash for engine actions (Start / Trade Now / Reset) */
.at-differ-banner.at-green{color:#6ee7b3;background:rgba(16,185,129,.1);
  border-color:rgba(16,185,129,.4);}
.at-pairs{display:flex;flex-direction:column;gap:9px;}
.at-pair{padding:10px 11px;border-radius:11px;background:rgba(20,22,30,.6);
  border:1px solid rgba(226,182,104,.14);min-width:0;}
.at-pair-head{display:flex;align-items:center;justify-content:space-between;gap:8px;
  margin-bottom:8px;}
.at-pair-name{font-family:ui-monospace,Consolas,monospace;font-size:12.5px;
  font-weight:800;color:#f4f6fb;}
.at-pair-ticks{font-size:9px;font-family:ui-monospace,Consolas,monospace;
  color:var(--gold-bright,#eaaa36);background:rgba(212,175,55,.12);
  border:1px solid rgba(212,175,55,.3);padding:1px 7px;border-radius:4px;}
/* the ONLY horizontal scroller — the page itself never scrolls sideways */
.at-pair-scroll{overflow-x:auto;overflow-y:hidden;-webkit-overflow-scrolling:touch;
  padding-bottom:2px;}
.at-dg{min-width:660px;}
.at-dg-headrow,.at-dg-cellrow{display:grid;grid-template-columns:repeat(10,minmax(64px,1fr));
  gap:2px;}
.at-dg-head{font-size:10px;font-weight:800;text-align:center;
  color:var(--text-muted,rgba(192,162,115,.56));padding:2px 0 5px;}
.at-dg-col{display:flex;flex-direction:column;align-items:center;gap:5px;min-width:0;}
.at-cell{width:56px;height:56px;border-radius:50%;font-size:14px;font-weight:800;
  font-family:ui-monospace,Consolas,monospace;cursor:pointer;color:rgba(233,237,245,.9);
  background:rgba(30,33,45,.9);border:2px solid rgba(255,255,255,.1);
  transition:all .15s;display:flex;align-items:center;justify-content:center;}
.at-cell:hover{border-color:rgba(212,175,55,.6);color:var(--gold-bright,#eaaa36);
  transform:translateY(-1px);}
.at-cell:disabled{opacity:.5;cursor:not-allowed;transform:none;}
/* ALL digits tied at the pair minimum: gold-green highlight ("Lowest digit") */
.at-cell.at-low{color:#6ee7b3;border-color:#34d399;background:rgba(16,185,129,.14);
  box-shadow:0 0 12px rgba(52,211,153,.4),0 0 4px rgba(212,175,55,.4);}
.at-cell.at-inflight{opacity:1;border-color:var(--gold-bright,#eaaa36);
  color:var(--gold-bright,#eaaa36);animation:at-cell-spin-pulse 1s infinite;}
@keyframes at-cell-spin-pulse{0%,100%{box-shadow:0 0 8px rgba(234,170,54,.4)}
  50%{box-shadow:0 0 20px rgba(234,170,54,.9)}}
.at-multis{display:flex;gap:4px;}
.at-multi{padding:3px 9px;border-radius:6px;font-size:9.5px;font-weight:800;
  font-family:inherit;cursor:pointer;transition:all .12s;}
.at-multi:disabled{opacity:.4;cursor:not-allowed;}
.at-m2{color:var(--gold-bright,#eaaa36);background:rgba(212,175,55,.12);
  border:1px solid rgba(212,175,55,.4);}
.at-m2:hover{background:rgba(212,175,55,.25);}
.at-m5{color:#fcd34d;background:rgba(245,158,11,.1);border:1px solid rgba(245,158,11,.45);}
.at-m5:hover{background:rgba(245,158,11,.22);}
.at-differ-legend{display:flex;align-items:center;gap:7px;margin-top:10px;
  font-size:9.5px;color:var(--text-muted,rgba(192,162,115,.56));}
.at-legend-dot{width:11px;height:11px;border-radius:50%;flex:0 0 auto;
  background:rgba(16,185,129,.2);border:2px solid #34d399;
  box-shadow:0 0 7px rgba(52,211,153,.5);}

/* ── admin "2-Month Users" ─────────────────────────────────────────────────── */
.at-admin-row{display:flex;gap:8px;align-items:center;margin-bottom:10px;flex-wrap:wrap;}
.at-admin-row .at-input{flex:1;min-width:180px;width:auto;}
.at-admin-subs{display:flex;flex-direction:column;gap:6px;margin-bottom:12px;}
.at-sub-row{display:flex;align-items:center;gap:9px;flex-wrap:wrap;padding:8px 11px;
  border-radius:9px;background:rgba(20,22,30,.6);border:1px solid rgba(226,182,104,.13);}
.at-sub-email{font-size:11.5px;font-weight:700;color:#f4f6fb;min-width:0;
  overflow:hidden;text-overflow:ellipsis;}
.at-sub-dates{font-size:9.5px;color:var(--text-muted,rgba(192,162,115,.56));
  margin-right:auto;}
.at-sub-row .at-btn-danger{padding:4px 10px;font-size:10px;}
.at-admin-note{font-size:10.5px;min-height:14px;line-height:1.5;}
.at-admin-note.at-ok{color:#34d399;}
.at-admin-note.at-bad{color:#fda4af;}

/* ── guide modal ───────────────────────────────────────────────────────────── */
.at-modal{position:fixed;inset:0;z-index:100060;display:flex;align-items:center;
  justify-content:center;background:rgba(0,0,0,.72);
  -webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px);padding:18px;}
.at-modal-card{width:100%;max-width:480px;max-height:86vh;display:flex;
  flex-direction:column;border-radius:16px;padding:18px 20px;
  background:linear-gradient(160deg,#181820,#101015);
  border:1px solid rgba(212,175,55,.4);box-shadow:0 20px 60px rgba(0,0,0,.65);}
.at-modal-head{display:flex;align-items:center;justify-content:space-between;gap:10px;
  margin-bottom:8px;}
.at-modal-step{font-size:9.5px;font-weight:800;letter-spacing:.08em;
  color:var(--gold-dim,rgba(208,149,48,.62));text-transform:uppercase;}
.at-modal-x{background:none;border:none;color:rgba(255,255,255,.55);font-size:15px;
  cursor:pointer;padding:2px 6px;line-height:1;font-family:inherit;}
.at-modal-x:hover{color:#fff;}
.at-modal-title{font-size:15.5px;font-weight:800;color:#f6e9c4;margin-bottom:9px;}
.at-modal-body{flex:1;overflow-y:auto;font-size:11.5px;line-height:1.65;
  color:var(--text-secondary,rgba(222,196,154,.82));margin-bottom:14px;}
.at-modal-body p{margin:0 0 8px;}
.at-modal-body ul,.at-modal-body ol{margin:0 0 8px;padding-left:18px;}
.at-modal-body li{margin-bottom:4px;}
.at-modal-body b{color:var(--gold-bright,#eaaa36);}
.at-modal-foot{display:flex;justify-content:space-between;gap:10px;}
.at-modal-foot .at-btn{min-width:96px;text-align:center;}

/* ── responsive ────────────────────────────────────────────────────────────── */
@media (max-width:900px){
  .at-status-grid{grid-template-columns:repeat(2,minmax(0,1fr));}
  .at-stats-grid{grid-template-columns:repeat(3,minmax(0,1fr));}
  .at-calc-info{grid-template-columns:minmax(0,1fr);}
}
@media (max-width:560px){
  .at-card{padding:12px;}
  .at-header{flex-direction:column;align-items:stretch;}
  .at-header-btns{justify-content:stretch;}
  .at-header-btns .at-btn{flex:1;text-align:center;padding:8px 6px;}
  .at-status-grid{grid-template-columns:repeat(2,minmax(0,1fr));}
  .at-stats-grid{grid-template-columns:repeat(3,minmax(0,1fr));gap:6px;}
  .at-stat{padding:8px 5px;}
  .at-stat-val{font-size:11.5px;}
  .at-calc-grid{grid-template-columns:minmax(0,1fr);}
  .at-set-grid{grid-template-columns:minmax(0,1fr);}
  .at-cards-grid{grid-template-columns:minmax(0,1fr);}
  .at-differ-head{flex-direction:column;}
  .at-differ-controls{width:100%;}
  .at-differ-controls .at-btn{flex:1;}
  /* Full-fit digit grid on phones: all 10 digits visible at once — no
     sideways swiping. Circles compress, 2x/5x stack vertically per column. */
  .at-pair-scroll{overflow-x:visible;}
  .at-dg{min-width:0;width:100%;}
  .at-dg-headrow,.at-dg-cellrow{grid-template-columns:repeat(10,minmax(0,1fr));gap:3px;}
  .at-dg-head{font-size:9px;}
  .at-dg-col{gap:3px;}
  .at-cell{width:100%;max-width:34px;aspect-ratio:1/1;height:auto;font-size:11px;
    border-width:1.5px;margin:0 auto;}
  .at-multis{flex-direction:row;gap:2px;width:100%;max-width:34px;margin:0 auto;}
  .at-multi{padding:2px 0;font-size:7.5px;flex:1;min-width:0;text-align:center;border-radius:4px;}
  .at-hist-rows{max-height:340px;}
  .at-paywall{flex-direction:column;align-items:flex-start;}
  .at-wa-btn{width:100%;justify-content:center;}
  .at-tx-btns .at-btn{min-width:0;}
  .at-sub-dates{flex-basis:100%;order:3;margin-right:0;}
}
@media (max-width:400px){
  .at-status-grid{gap:6px;}
  .at-tile{padding:9px 8px;}
  .at-tile-val{font-size:12px;}
}

/* ── purchase-inquiry popup (non-subscribers) ─────────────────────────────── */
.at-promo-ov{position:fixed;inset:0;z-index:9600;display:none;align-items:center;
  justify-content:center;padding:20px;background:rgba(5,8,14,.72);backdrop-filter:blur(4px);}
.at-promo{position:relative;width:min(420px,100%);border-radius:18px;padding:28px 24px 22px;
  text-align:center;background:linear-gradient(160deg,rgba(38,30,12,.97),rgba(16,14,10,.98));
  border:1px solid rgba(212,175,55,.45);box-shadow:0 18px 60px rgba(0,0,0,.6),
  0 0 40px rgba(212,175,55,.12);}
.at-promo-x{position:absolute;top:10px;right:12px;background:none;border:none;
  color:#9aa3ad;font-size:15px;cursor:pointer;padding:4px;}
.at-promo-x:hover{color:#fff;}
.at-promo-icon{font-size:34px;margin-bottom:6px;}
.at-promo-title{font-size:19px;font-weight:800;color:#fff;letter-spacing:.02em;}
.at-promo-price{margin:8px auto 10px;display:inline-block;padding:6px 16px;border-radius:999px;
  font-weight:800;font-size:14px;color:var(--gold-bright,#eaaa36);
  background:rgba(212,175,55,.12);border:1px solid rgba(212,175,55,.4);}
.at-promo-copy{font-size:12.5px;line-height:1.65;color:#b7c0ca;margin-bottom:16px;}
.at-promo-wa{width:100%;justify-content:center;font-size:14px;padding:12px 16px;}
.at-promo-later{width:100%;margin-top:8px;background:transparent;
  border:1px solid rgba(226,182,104,.20);color:#9aa3ad;}
.at-promo-later:hover{color:#fff;border-color:rgba(255,255,255,.25);}

/* Differ Search primary control while streaming: Go Live -> red Stop */
.at-btn.at-live-stop{color:#fff;border-color:rgba(248,113,113,.6);
  background:linear-gradient(135deg,#f87171,#dc2626);
  box-shadow:0 0 14px rgba(220,38,38,.35);}
.at-btn.at-live-stop:hover{filter:brightness(1.07);color:#fff;}

/* ── header tutorial link (top-right, never paywalled) ────────────────────── */
.at-header{position:relative;padding-right:104px;}
.at-yt{position:absolute;top:12px;right:14px;z-index:2;
  display:inline-flex;align-items:center;gap:6px;padding:5px 11px 5px 9px;
  border-radius:8px;text-decoration:none;white-space:nowrap;cursor:pointer;
  font-size:10.5px;font-weight:800;letter-spacing:.03em;color:#ffd479;
  background:linear-gradient(135deg,rgba(255,0,0,.16),rgba(212,175,55,.10));
  border:1px solid rgba(212,175,55,.42);
  box-shadow:0 0 10px rgba(212,175,55,.14),inset 0 1px 0 rgba(255,255,255,.06);
  transition:box-shadow .18s,border-color .18s,color .18s,transform .12s;}
.at-yt:hover{color:#fff3d0;border-color:rgba(212,175,55,.78);
  box-shadow:0 0 16px rgba(255,0,0,.32),0 0 10px rgba(212,175,55,.28);}
.at-yt:active{transform:scale(.95);}
.at-yt svg{width:15px;height:11px;display:block;flex:0 0 auto;
  filter:drop-shadow(0 0 3px rgba(255,0,0,.6));}
@media (max-width:560px){
  .at-header{padding-right:56px;}
  .at-yt{top:10px;right:10px;padding:5px 8px;gap:0;}
  .at-yt span{display:none;}
}