/* A.U.G.U.R home (2026-10-16), with augur-home.js. Loaded after augur-skin.css.
 * Everything is scoped to .tabpane.ah (the Home pane) and doubled up to beat the app's body.h3 … !important layers. */

/* greeting */
html body .tabpane.ah .ah-greet{display:flex;align-items:flex-end;justify-content:space-between;margin:4px 2px 14px}
html body .tabpane.ah .ah-greet small{display:block;font:500 12.5px/1.2 "Space Grotesk",sans-serif;color:#8e86ab;margin-bottom:4px}
html body .tabpane.ah .ah-greet b{display:block;font:700 26px/1 "Space Grotesk",sans-serif;letter-spacing:-.035em;color:#f5f3fc}
html body .tabpane.ah .ah-live{display:inline-flex;align-items:center;gap:7px;padding:6px 10px 6px 9px;border-radius:99px;
  background:rgba(51,226,160,.07);border:1px solid rgba(51,226,160,.2);font:500 11.5px/1 "JetBrains Mono",monospace;color:#7ff0c4}
html body .tabpane.ah .ah-live em{font-style:normal}
html body .tabpane.ah .ah-live i{width:7px;height:7px;border-radius:50%;background:#33e2a0;box-shadow:0 0 0 0 rgba(51,226,160,.6);animation:ahPing 2s infinite}
@keyframes ahPing{0%{box-shadow:0 0 0 0 rgba(51,226,160,.55)}70%{box-shadow:0 0 0 8px rgba(51,226,160,0)}100%{box-shadow:0 0 0 0 rgba(51,226,160,0)}}

/* hero deck */
html body .tabpane.ah .hero.ah-hero{position:relative;overflow:hidden;isolation:isolate;border-radius:26px!important;padding:22px 20px 18px!important;margin-bottom:16px!important;
  background:radial-gradient(120% 90% at 100% 0%,rgba(139,92,246,.30),transparent 55%),radial-gradient(80% 70% at 0% 110%,rgba(51,226,160,.08),transparent 60%),linear-gradient(180deg,#120e1f,#0a0811)!important;
  border:1px solid rgba(196,180,255,.16)!important;
  box-shadow:inset 0 1px 0 rgba(255,255,255,.07),0 30px 60px -30px rgba(139,92,246,.55),0 10px 30px -18px rgba(0,0,0,.9)!important}
html body .tabpane.ah .hero.ah-hero::before{content:"";display:block!important;opacity:1!important;position:absolute;inset:0;z-index:-1;pointer-events:none;
  background:linear-gradient(rgba(196,180,255,.045) 1px,transparent 1px) 0 0/22px 22px,linear-gradient(90deg,rgba(196,180,255,.045) 1px,transparent 1px) 0 0/22px 22px;
  -webkit-mask:radial-gradient(90% 80% at 85% 10%,#000,transparent 70%);mask:radial-gradient(90% 80% at 85% 10%,#000,transparent 70%)}
html body .tabpane.ah .hero.ah-hero::after{content:"";position:absolute;left:18%;right:18%;top:0;height:1px;background:linear-gradient(90deg,transparent,rgba(196,180,255,.6),transparent);pointer-events:none}
html body .tabpane.ah .ah-art{position:absolute;z-index:-1;right:-34px;top:-10px;width:62%;max-width:260px;aspect-ratio:1100/1366;pointer-events:none;
  -webkit-mask:radial-gradient(70% 62% at 52% 40%,#000 30%,transparent 74%);mask:radial-gradient(70% 62% at 52% 40%,#000 30%,transparent 74%);opacity:.62}
html body .tabpane.ah .ah-art img{width:100%;height:100%;object-fit:cover;display:block}
html body .tabpane.ah .hero.ah-hero .hero-lbl{color:#a39cbf!important;letter-spacing:.14em}
html body .tabpane.ah .hero.ah-hero .hero-val{margin:14px 0 10px!important}
html body .tabpane.ah .hero.ah-hero #portUsd#portUsd{font:700 50px/1 "Space Grotesk",sans-serif!important;letter-spacing:-.05em!important;
  text-shadow:0 0 40px rgba(139,92,246,.35)}
html body .tabpane.ah .hero.ah-hero .hero-delta{backdrop-filter:blur(6px);-webkit-backdrop-filter:blur(6px)}
html body .tabpane.ah #heroChart.ah-empty{display:none!important}
html body .tabpane.ah #heroChart:not(.ah-empty){margin-top:8px}

/* stat strip */
html body .tabpane.ah .ah-stats{display:grid;grid-template-columns:repeat(3,1fr);margin:18px 0 12px;border-radius:16px;overflow:hidden;
  background:rgba(8,6,14,.55);border:1px solid rgba(196,180,255,.1);backdrop-filter:blur(10px);-webkit-backdrop-filter:blur(10px)}
html body .tabpane.ah .ah-stats>div{padding:11px 12px 12px;min-width:0}
html body .tabpane.ah .ah-stats>div+div{border-left:1px solid rgba(196,180,255,.08)}
html body .tabpane.ah .ah-stats small{display:block;font:500 10.5px/1 "Space Grotesk",sans-serif;letter-spacing:.06em;text-transform:uppercase;color:#7d7699;margin-bottom:7px}
html body .tabpane.ah .ah-stats b{display:block;font:600 14.5px/1.1 "JetBrains Mono",monospace;color:#f5f3fc;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;font-variant-numeric:tabular-nums}
html body .tabpane.ah .ah-stats b.up{color:#33e2a0}
html body .tabpane.ah .ah-stats b.dn{color:#ff5470}
html body .tabpane.ah .hero.ah-hero .hero-sub{margin-top:0!important}
html body .tabpane.ah .hero.ah-hero .hero-sub #portSol,html body .tabpane.ah .hero.ah-hero .hero-sub #portSol+.faint{display:none}

/* quick actions: no box, four glass keys */
html body .tabpane.ah #hbQuick#hbQuick{background:none!important;border:0!important;box-shadow:none!important;padding:0!important;margin:0 0 16px!important;gap:10px!important}
html body .tabpane.ah #hbQuick .hb-qa{background:linear-gradient(180deg,rgba(23,19,36,.95),rgba(13,11,21,.95))!important;border:1px solid rgba(196,180,255,.1)!important;border-radius:18px!important;
  padding:14px 4px 12px!important;box-shadow:inset 0 1px 0 rgba(255,255,255,.05)!important;transition:transform .15s,border-color .15s}
html body .tabpane.ah #hbQuick .hb-qa:active{transform:scale(.96)}
html body .tabpane.ah #hbQuick .hb-qa-ic{width:42px!important;height:42px!important;border-radius:13px!important;background:rgba(139,92,246,.12)!important;border:1px solid rgba(139,92,246,.26)!important;color:#c9b8ff!important;box-shadow:none!important}
html body .tabpane.ah #hbQuick .hb-qa-ic svg{stroke:#c9b8ff!important;color:#c9b8ff!important}
html body .tabpane.ah #hbQuick .hb-qa.is-pay .hb-qa-ic{background:linear-gradient(180deg,#9b70ff,#7c4ff0)!important;border-color:transparent!important;box-shadow:0 8px 22px -10px rgba(139,92,246,.9)!important}
html body .tabpane.ah #hbQuick .hb-qa.is-pay .hb-qa-ic svg{stroke:#fff!important;color:#fff!important}
html body .tabpane.ah #hbQuick .hb-qa-t{font:600 12.5px/1 "Space Grotesk",sans-serif!important;color:#d8d2ec!important;margin-top:9px!important}

/* A.L.F briefing */
html body .tabpane.ah .ah-brief{display:flex;align-items:center;gap:12px;width:100%;text-align:left;margin:0 0 22px;padding:12px 12px 12px 12px;border-radius:20px;cursor:pointer;color:inherit;
  background:linear-gradient(100deg,rgba(139,92,246,.16),rgba(139,92,246,.03) 60%),linear-gradient(180deg,#110e1b,#0c0a13);
  border:1px solid rgba(180,154,255,.2);box-shadow:inset 0 1px 0 rgba(255,255,255,.05);font:inherit}
html body .tabpane.ah .ah-brief:active{transform:scale(.99)}
html body .tabpane.ah .ah-av{flex:none;width:46px;height:46px;border-radius:50%;padding:2px;background:conic-gradient(from 200deg,#8b5cf6,#33e2a0,#b49aff,#8b5cf6)}
html body .tabpane.ah .ah-av img{width:100%;height:100%;border-radius:50%;display:block;object-fit:cover;background:#07060c;border:2px solid #0c0a13}
html body .tabpane.ah .ah-bt{flex:1;min-width:0}
html body .tabpane.ah .ah-bt small{display:block;font:600 10.5px/1 "JetBrains Mono",monospace;letter-spacing:.08em;text-transform:uppercase;color:#b49aff;margin-bottom:6px}
html body .tabpane.ah .ah-bt>span{display:block;font:500 13.5px/1.4 "Space Grotesk",sans-serif;color:#c7c0de}
html body .tabpane.ah .ah-bt b{color:#f5f3fc;font-weight:600}
html body .tabpane.ah .ah-bt em{font-style:normal;font-family:"JetBrains Mono",monospace;font-size:12.5px}
html body .tabpane.ah .ah-bt em.up{color:#33e2a0}
html body .tabpane.ah .ah-bt em.dn{color:#ff5470}
html body .tabpane.ah .ah-ask{flex:none;padding:9px 13px;border-radius:12px;font:600 12.5px/1 "Space Grotesk",sans-serif;color:#fff;
  background:linear-gradient(180deg,#9b70ff,#7c4ff0);box-shadow:inset 0 1px 0 rgba(255,255,255,.25),0 8px 20px -10px rgba(139,92,246,.9)}

/* live tape */
html body .tabpane.ah .ah-tape{grid-column:1/-1;display:flex;align-items:center;gap:10px;margin:12px 0 4px;padding:8px 0 8px 12px;border-radius:14px;overflow:hidden;
  background:rgba(12,10,19,.9);border:1px solid rgba(196,180,255,.08)}
html body .tabpane.ah .ah-tape-k{flex:none;font:600 10px/1 "JetBrains Mono",monospace;letter-spacing:.08em;text-transform:uppercase;color:#33e2a0;padding-right:10px;border-right:1px solid rgba(196,180,255,.1)}
html body .tabpane.ah .ah-tape-v{flex:1;overflow:hidden;-webkit-mask:linear-gradient(90deg,transparent,#000 18px,#000 calc(100% - 28px),transparent);mask:linear-gradient(90deg,transparent,#000 18px,#000 calc(100% - 28px),transparent)}
html body .tabpane.ah .ah-tape-r{display:flex;gap:8px;width:max-content;animation:ahTape var(--ah-dur,40s) linear infinite}
html body .tabpane.ah .ah-tape-v:active .ah-tape-r{animation-play-state:paused}
@keyframes ahTape{to{transform:translateX(-50%)}}
html body .tabpane.ah .ah-chip{display:inline-flex;align-items:center;gap:6px;padding:4px 9px 4px 4px;border-radius:99px;background:rgba(196,180,255,.05);border:1px solid rgba(196,180,255,.08);cursor:pointer;white-space:nowrap}
html body .tabpane.ah .ah-chip img{width:20px;height:20px;border-radius:50%;object-fit:cover;background:#1a1528}
html body .tabpane.ah .ah-chip b{font:600 12px/1 "Space Grotesk",sans-serif;color:#e8e3f7}
html body .tabpane.ah .ah-chip em{font:500 11.5px/1 "JetBrains Mono",monospace;font-style:normal;color:#33e2a0}
html body .tabpane.ah .ah-chip:not(:has(img)){padding-left:10px}

/* Live now tiles: accent hairline per product, livelier numbers */
html body .tabpane.ah #mfHome#mfHome,html body .tabpane.ah #fuHome#fuHome{position:relative;overflow:hidden;border-radius:20px!important}
html body .tabpane.ah #mfHome#mfHome::after,html body .tabpane.ah #fuHome#fuHome::after{content:"";position:absolute;left:0;right:0;top:0;height:2px;pointer-events:none;
  background:linear-gradient(90deg,transparent,#8b5cf6,transparent)}
html body .tabpane.ah #fuHome#fuHome::after{background:linear-gradient(90deg,transparent,#33e2a0,transparent)}
html body .tabpane.ah #mfHome .h3t-v,html body .tabpane.ah #fuHome .h3t-v{font-size:30px!important;letter-spacing:-.04em!important}
html body .tabpane.ah .h3-sec h3,html body .tabpane.ah .shead h3{font:700 19px/1.1 "Space Grotesk",sans-serif!important;letter-spacing:-.03em!important}

/* positions summary: P&L tint follows the sign */
html body .tabpane.ah .mx-port.mx-port{border-radius:20px!important;
  background:radial-gradient(90% 120% at 0% 0%,rgba(51,226,160,.10),transparent 60%),linear-gradient(180deg,rgba(17,14,27,.94),rgba(12,10,19,.94))!important}
html body .tabpane.ah .mx-port.mx-port:has(.mx-port-main .dn){background:radial-gradient(90% 120% at 0% 0%,rgba(255,84,112,.10),transparent 60%),linear-gradient(180deg,rgba(17,14,27,.94),rgba(12,10,19,.94))!important}
html body .tabpane.ah .mx-pc.mx-pc{border-radius:18px!important}

@media (prefers-reduced-motion:reduce){html body .tabpane.ah .ah-tape-r{animation:none}html body .tabpane.ah .ah-live i{animation:none}}
@media (min-width:700px){html body .tabpane.ah .ah-art{max-width:300px;right:-10px}}
html body .tabpane.ah .ah-stats b i{font:500 10px/1 "JetBrains Mono",monospace;font-style:normal;color:#7d7699;margin-left:4px}
/* desktop: a wide-screen layer turns #posList into a 2-column grid, which crushed the P&L card to 32px */
html body .tabpane.ah #posList#posList{display:block!important}
html body .tabpane.ah #posList .mx-port{margin-bottom:10px}
/* recent trades: separate rows, not a stacked wall */
html body .tabpane.ah #logList .ds-list{display:flex;flex-direction:column;gap:8px;background:none!important;border:0!important;box-shadow:none!important}
html body .tabpane.ah #logList .ds-row{border-radius:16px!important}